@kungal/ui-core

@kungal/ui-core

The framework-agnostic foundation every KunUI render layer is built on. Pure TypeScript — no Vue, no React, no DOM coupling. Ships dual ESM/CJS with type declarations.

What's here

Icon data is generated from @iconify-json/* (devDependencies) into src/icons-data.ts by scripts/gen-icons.mjs — run pnpm gen:icons after adding a name. The generated literal ships; the @iconify-json packages do not.

Why a separate package

The same class tables and resolution logic must produce byte-identical output in the Vue layer and the React layer. Keeping them here means a color tweak or a new variant is one edit, not one-per-framework — and because there is zero framework code, neither framework drags the other in.

Reactive wrappers belong in the render layers, e.g.:

// Vue
const rounded = computed(() => resolveRounded(props.rounded, 'lg', cfg.rounded))
// React
const rounded = useMemo(() => resolveRounded(rounded, 'lg', cfg.rounded), [rounded, cfg.rounded])

Build

pnpm --filter @kungal/ui-core build      # tsup → dist (esm + cjs + d.ts)
pnpm --filter @kungal/ui-core typecheck