NPM Package (@iota-uz/sdk)

@iota-uz/sdk is the unified public NPM package that ships:

• React utilities for applets (@iota-uz/sdk)
• BIChat UI (@iota-uz/sdk/bichat)
• Tailwind v4 inputs + config helper (@iota-uz/sdk/tailwind/*)
• Bundled assets (fonts) under @iota-uz/sdk/assets

Canonical package source and release pipeline now live in the applets/ repository.

Install

pnpm add @iota-uz/sdk
pnpm add -D tailwindcss@4.1.18 @tailwindcss/cli@4.1.18

Tailwind v4 (consumer compiles)

1) Create Tailwind config

// tailwind.config.cjs
const createIotaTailwindConfig = require('@iota-uz/sdk/tailwind/create-config')
 
module.exports = createIotaTailwindConfig({
  content: ['./src/**/*.{ts,tsx,js,jsx,html}'],
  extend: {},
})

2) Create a Tailwind input CSS file

Tailwind v4 loads config via @config, so your input CSS should reference your config and then import the SDK Tailwind input:

/* src/tailwind.css */
@config "../tailwind.config.cjs";
@import "@iota-uz/sdk/tailwind/main.css";
 
/* Add your own layers/custom CSS below if needed */

3) Build CSS

pnpm exec tailwindcss --input ./src/tailwind.css --output ./public/assets/main.css --minify

BIChat UI

import { BiChatApp } from '@iota-uz/sdk/bichat'
import '@iota-uz/sdk/bichat/styles.css'

Assets (fonts)

If you use SDK fonts, serve node_modules/@iota-uz/sdk/assets at /assets so URLs like /assets/fonts/... resolve.