@svadmin/ui 0.73.0 → 0.75.0

package/dist/recipes.js

@@ -1,4 +1,264 @@
-/** 只选择构建期已生成的类名，不在浏览器生成 CSS。 */
-export { surfaceMetric, surfaceTable, uiButton, uiBadge, uiInput, uiTextarea } from './styled-system/recipes/index.js';
-/** Stripe-first 产品组合部件，消费端仅选择已生成 CSS。 */
-export { productSection, productToolbar, productWorkspace, productSettings, productSettingsRow, productList, productStatus } from './styled-system/recipes/index.js';
+import { tv } from "tailwind-variants";
+function resolveSlots(slots) {
+    // tv 的 synthetic base 不是组件 anatomy；公开 API 仅返回实际 slot 字符串。
+    return Object.fromEntries(Object.entries(slots).filter(([key]) => key !== "base")
+        .map(([key, value]) => [key, value()]));
+}
+const semantic = {
+    page: "mx-auto w-full",
+    muted: "text-muted-foreground",
+    body: "text-foreground text-sm leading-6",
+    group: "flex min-w-0 flex-wrap items-center gap-2",
+};
+const buttonRecipeStyles = tv({
+    base: "svadmin-button",
+    variants: {
+        variant: {
+            default: "svadmin-button--default",
+            outline: "svadmin-button--outline",
+            secondary: "svadmin-button--secondary",
+            ghost: "svadmin-button--ghost",
+            destructive: "svadmin-button--destructive",
+            link: "svadmin-button--link",
+        },
+        size: {
+            default: "svadmin-button-size--default",
+            xs: "svadmin-button-size--xs",
+            sm: "svadmin-button-size--sm",
+            lg: "svadmin-button-size--lg",
+            icon: "svadmin-button-size--icon",
+            "icon-xs": "svadmin-button-size--icon-xs",
+            "icon-sm": "svadmin-button-size--icon-sm",
+            "icon-lg": "svadmin-button-size--icon-lg",
+        },
+    },
+});
+const badgeRecipeStyles = tv({
+    base: "svadmin-badge",
+    variants: {
+        variant: {
+            default: "svadmin-badge--default",
+            secondary: "svadmin-badge--secondary",
+            destructive: "svadmin-badge--destructive",
+            subtle: "svadmin-badge--subtle",
+            "subtle-success": "svadmin-badge--subtle-success",
+            "subtle-warning": "svadmin-badge--subtle-warning",
+            "subtle-destructive": "svadmin-badge--subtle-destructive",
+            "subtle-pill": "svadmin-badge--subtle-pill",
+            outline: "svadmin-badge--outline",
+            ghost: "svadmin-badge--ghost",
+            link: "svadmin-badge--link",
+        },
+    },
+});
+const buttonRecipeDefaults = { variant: "default", size: "default" };
+const badgeRecipeDefaults = { variant: "default" };
+const textareaRecipeStyles = tv({ base: "svadmin-textarea" });
+const contentPageRecipeStyles = tv({
+    slots: { root: `${semantic.page} svadmin-content-page space-y-6` },
+    variants: {
+        width: {
+            narrow: { root: "max-w-3xl" },
+            default: { root: "max-w-[74rem]" },
+            wide: { root: "max-w-[92rem]" },
+        },
+    },
+    defaultVariants: { width: "default" },
+});
+const contentHeaderRecipeStyles = tv({
+    slots: {
+        root: "svadmin-content-header space-y-3",
+        breadcrumbs: `${semantic.group} text-xs text-muted-foreground`,
+        currentCrumb: "text-foreground",
+        row: "flex flex-col gap-6 sm:flex-row sm:items-start sm:justify-between",
+        heading: "min-w-0 space-y-1",
+        eyebrow: "text-xs font-medium text-muted-foreground",
+        title: "text-xl font-semibold leading-tight text-foreground",
+        description: "max-w-2xl text-sm leading-6 text-muted-foreground",
+        actions: "flex shrink-0 flex-wrap items-center gap-2",
+    },
+});
+const metricBlockRecipeStyles = tv({
+    slots: {
+        root: "svadmin-metric-block min-w-0 rounded-lg border border-border bg-card p-4 shadow-sm",
+        header: "flex items-start justify-between gap-3",
+        label: "text-sm text-muted-foreground",
+        icon: "text-muted-foreground",
+        skeleton: "mt-3 h-8 w-24",
+        value: "mt-2 overflow-hidden text-ellipsis whitespace-nowrap text-2xl font-semibold tabular-nums text-foreground",
+        meta: "mt-2 flex flex-wrap gap-2 text-xs",
+        trend: "font-medium tabular-nums",
+        detail: "text-muted-foreground",
+    },
+    variants: {
+        trendTone: {
+            positive: { trend: "text-success" },
+            negative: { trend: "text-destructive" },
+            warning: { trend: "text-warning-foreground" },
+            neutral: { trend: "text-muted-foreground" },
+        },
+    },
+    defaultVariants: { trendTone: "neutral" },
+});
+const productSectionRecipeStyles = tv({
+    slots: {
+        root: "flex flex-wrap items-start justify-between gap-3",
+        heading: "min-w-0 flex-[1_1_16rem]",
+        title: "m-0 text-base font-semibold text-foreground [overflow-wrap:anywhere]",
+        description: "mt-1 max-w-[65ch] text-[0.8125rem] leading-6 text-muted-foreground",
+        actions: "flex shrink-0 flex-wrap items-center gap-2",
+    },
+});
+const productToolbarRecipeStyles = tv({
+    slots: {
+        root: "flex flex-wrap items-center justify-between gap-3 border-b border-border py-3",
+        leading: "flex min-w-0 flex-[1_1_16rem] flex-wrap items-center gap-2",
+        trailing: "ms-auto flex min-w-0 flex-wrap items-center gap-2",
+    },
+});
+const productWorkspaceRecipeStyles = tv({
+    slots: {
+        root: "flex min-w-0 flex-col gap-6",
+        summary: "min-w-0",
+        columns: "grid min-w-0 grid-cols-1 items-start gap-8 lg:grid-cols-[minmax(0,1fr)_minmax(0,var(--workspace-secondary-width,22rem))]",
+        primary: "min-w-0 lg:order-1",
+        secondary: "flex min-w-0 flex-col gap-6 lg:order-2",
+    },
+    variants: { hasSecondary: { true: {}, false: { columns: "lg:grid-cols-1" } } },
+    defaultVariants: { hasSecondary: false },
+});
+const productSettingsRecipeStyles = tv({
+    slots: {
+        root: `${semantic.body} min-w-0`,
+        header: "flex flex-wrap items-start justify-between gap-3 border-b border-border py-4",
+        heading: "min-w-0 flex-[1_1_16rem]",
+        title: "m-0 text-base font-semibold text-foreground [overflow-wrap:anywhere]",
+        description: "mt-1 max-w-[65ch] text-[0.8125rem] leading-6 text-muted-foreground",
+        actions: "flex shrink-0 flex-wrap items-center gap-2",
+        body: "min-w-0 py-1",
+    },
+});
+const productSettingsRowRecipeStyles = tv({
+    slots: {
+        root: "grid min-w-0 grid-cols-1 items-start gap-3 py-5 md:grid-cols-2 md:gap-x-6",
+        heading: "min-w-0",
+        label: "m-0 font-medium text-foreground [overflow-wrap:anywhere]",
+        description: "mt-1 max-w-[52ch] text-[0.8125rem] leading-6 text-muted-foreground [overflow-wrap:anywhere]",
+        control: "min-w-0 max-w-full",
+    },
+    variants: { separated: { true: { root: "border-t border-border" }, false: {} } },
+    defaultVariants: { separated: false },
+});
+const productStatusRecipeStyles = tv({
+    slots: { root: "svadmin-product-status" },
+    variants: {
+        status: {
+            success: { root: "[--svadmin-status-color:var(--success)]" },
+            warning: { root: "[--svadmin-status-color:var(--warning)]" },
+            danger: { root: "[--svadmin-status-color:var(--destructive)]" },
+            info: { root: "[--svadmin-status-color:var(--info)]" },
+            neutral: { root: "[--svadmin-status-color:var(--muted-foreground)]" },
+        },
+    },
+    defaultVariants: { status: "neutral" },
+});
+const surfaceMetricRecipeStyles = tv({
+    slots: {
+        root: "surface-metric__root min-w-0",
+        card: "surface-metric__card border-s-[3px] border-solid",
+        description: "surface-metric__description text-muted-foreground",
+        state: "surface-metric__state [--svadmin-metric-state-border-width:3px]",
+    },
+    variants: {
+        tone: {
+            neutral: { card: "border-s-border", state: "[--svadmin-metric-state-accent:var(--border)]" },
+            success: { card: "border-s-success", state: "[--svadmin-metric-state-accent:var(--success)]" },
+            warning: { card: "border-s-warning", state: "[--svadmin-metric-state-accent:var(--warning)]" },
+            danger: { card: "border-s-destructive", state: "[--svadmin-metric-state-accent:var(--destructive)]" },
+            info: { card: "border-s-info", state: "[--svadmin-metric-state-accent:var(--info)]" },
+        },
+        density: {
+            compact: { card: "p-3", state: "[--svadmin-metric-state-padding:0.75rem] [--svadmin-metric-state-height:4.5rem]" },
+            comfortable: { card: "p-5", state: "[--svadmin-metric-state-padding:1.25rem] [--svadmin-metric-state-height:6rem]" },
+        },
+    },
+    defaultVariants: { tone: "neutral", density: "comfortable" },
+});
+const surfaceTableRecipeStyles = tv({
+    slots: {
+        root: "surface-table__root min-w-0",
+        header: "surface-table__header",
+        content: "surface-table__content",
+        head: "surface-table__head",
+        cell: "surface-table__cell",
+        state: "surface-table__state text-muted-foreground",
+    },
+    variants: {
+        density: {
+            compact: { header: "px-3", content: "px-3", head: "[&[data-slot=table-head]]:py-1 [&[data-slot=table-head]]:text-xs", cell: "[&[data-slot=table-cell]]:py-1 [&[data-slot=table-cell]]:text-xs", state: "[--svadmin-table-state-height:6rem]" },
+            comfortable: { header: "px-4", content: "px-4", head: "[&[data-slot=table-head]]:py-2 [&[data-slot=table-head]]:text-sm", cell: "[&[data-slot=table-cell]]:py-2 [&[data-slot=table-cell]]:text-sm", state: "[--svadmin-table-state-height:8rem]" },
+        },
+    },
+    defaultVariants: { density: "comfortable" },
+});
+// undefined 使用公开默认值；null 显式禁用该变体，不能交给 tv 再补默认值。
+export const buttonRecipe = ({ variant = buttonRecipeDefaults.variant, size = buttonRecipeDefaults.size, ...props } = {}) => ({
+    root: buttonRecipeStyles({
+        ...props,
+        ...(variant === null ? {} : { variant }),
+        ...(size === null ? {} : { size }),
+    }),
+});
+export const badgeRecipe = ({ variant = badgeRecipeDefaults.variant, ...props } = {}) => ({
+    root: badgeRecipeStyles({ ...props, ...(variant === null ? {} : { variant }) }),
+});
+export const textareaRecipe = (props = {}) => ({ root: textareaRecipeStyles(props) });
+export const contentPageRecipe = (props = {}) => resolveSlots(contentPageRecipeStyles(props));
+export const contentHeaderRecipe = (props = {}) => resolveSlots(contentHeaderRecipeStyles(props));
+export const metricBlockRecipe = (props = {}) => resolveSlots(metricBlockRecipeStyles(props));
+export const productSectionRecipe = (props = {}) => resolveSlots(productSectionRecipeStyles(props));
+export const productToolbarRecipe = (props = {}) => resolveSlots(productToolbarRecipeStyles(props));
+export const productWorkspaceRecipe = (props = {}) => resolveSlots(productWorkspaceRecipeStyles(props));
+export const productSettingsRecipe = (props = {}) => resolveSlots(productSettingsRecipeStyles(props));
+export const productSettingsRowRecipe = (props = {}) => resolveSlots(productSettingsRowRecipeStyles(props));
+export const productStatusRecipe = (props = {}) => resolveSlots(productStatusRecipeStyles(props));
+export const surfaceMetricRecipe = (props = {}) => resolveSlots(surfaceMetricRecipeStyles(props));
+export const surfaceTableRecipe = (props = {}) => resolveSlots(surfaceTableRecipeStyles(props));
+export const allRecipes = {
+    buttonRecipe,
+    badgeRecipe,
+    textareaRecipe,
+    contentPageRecipe,
+    contentHeaderRecipe,
+    metricBlockRecipe,
+    productSectionRecipe,
+    productToolbarRecipe,
+    productWorkspaceRecipe,
+    productSettingsRecipe,
+    productSettingsRowRecipe,
+    productStatusRecipe,
+    surfaceMetricRecipe,
+    surfaceTableRecipe,
+};
+// 元数据从相同的 variant 定义派生，避免提示词中的枚举与实际实现分叉。
+const recipeStyles = {
+    buttonRecipe: buttonRecipeStyles, badgeRecipe: badgeRecipeStyles, textareaRecipe: textareaRecipeStyles,
+    contentPageRecipe: contentPageRecipeStyles, contentHeaderRecipe: contentHeaderRecipeStyles,
+    metricBlockRecipe: metricBlockRecipeStyles, productSectionRecipe: productSectionRecipeStyles,
+    productToolbarRecipe: productToolbarRecipeStyles, productWorkspaceRecipe: productWorkspaceRecipeStyles,
+    productSettingsRecipe: productSettingsRecipeStyles, productSettingsRowRecipe: productSettingsRowRecipeStyles,
+    productStatusRecipe: productStatusRecipeStyles, surfaceMetricRecipe: surfaceMetricRecipeStyles,
+    surfaceTableRecipe: surfaceTableRecipeStyles,
+};
+export function describeRecipe(name) {
+    const styles = recipeStyles[name];
+    const slots = Object.keys(styles.slots ?? {}).filter(slot => slot !== "base");
+    return {
+        slots: slots.length > 0 ? slots : ["root"],
+        variants: Object.fromEntries(Object.entries(styles.variants ?? {}).map(([key, values]) => [key, Object.keys(values)])),
+        defaults: {
+            ...(name === "buttonRecipe" ? buttonRecipeDefaults
+                : name === "badgeRecipe" ? badgeRecipeDefaults : styles.defaultVariants),
+        },
+    };
+}

package/dist/tree-table-model.d.ts

@@ -0,0 +1,24 @@
+export type TreeTableId = string | number;
+export interface TreeTableSort {
+    key: string;
+    direction: 'asc' | 'desc';
+}
+export interface TreeTableNode {
+    record: Record<string, unknown>;
+    id: TreeTableId;
+    parent: TreeTableId | undefined;
+    children: TreeTableId[];
+    level: number;
+    disabled: boolean;
+}
+export declare function compareTreeTableValues(left: unknown, right: unknown): number;
+export declare function filterTreeTableData(data: Record<string, unknown>[], search: string, keys: string[], childrenKey: string): Record<string, unknown>[];
+export declare function sortTreeTableData(data: Record<string, unknown>[], sort: TreeTableSort | undefined, childrenKey: string): Record<string, unknown>[];
+export declare function indexTreeTable(data: Record<string, unknown>[], primaryKey: string, childrenKey: string, loadedChildren?: ReadonlyMap<TreeTableId, Record<string, unknown>[]>): {
+    valid: boolean;
+    nodes: Map<TreeTableId, TreeTableNode>;
+};
+export declare function treeTableSelection(nodes: ReadonlyMap<TreeTableId, TreeTableNode>, selected: ReadonlySet<TreeTableId>): Map<TreeTableId, {
+    total: number;
+    selected: number;
+}>;

package/dist/tree-table-model.js

@@ -0,0 +1,111 @@
+export function compareTreeTableValues(left, right) {
+    if (left == null && right == null)
+        return 0;
+    if (left == null)
+        return -1;
+    if (right == null)
+        return 1;
+    if (typeof left === 'number' && typeof right === 'number') {
+        if (Number.isNaN(left) && Number.isNaN(right))
+            return 0;
+        if (Number.isNaN(left))
+            return -1;
+        if (Number.isNaN(right))
+            return 1;
+        return left - right;
+    }
+    return treeTableText(left).localeCompare(treeTableText(right), undefined, { numeric: true, sensitivity: 'base' });
+}
+function treeTableText(value) {
+    return typeof value === 'string' || typeof value === 'number' || typeof value === 'boolean'
+        ? String(value) : '';
+}
+export function filterTreeTableData(data, search, keys, childrenKey) {
+    const needle = search.trim().toLocaleLowerCase();
+    if (!needle)
+        return data;
+    const matches = (record) => keys.some(key => treeTableText(record[key]).toLocaleLowerCase().includes(needle));
+    const visit = (record) => {
+        if (matches(record))
+            return record;
+        const children = Array.isArray(record[childrenKey])
+            ? record[childrenKey].filter((item) => typeof item === 'object' && item !== null && !Array.isArray(item))
+            : [];
+        const keptChildren = children.map(visit).filter((item) => item !== undefined);
+        if (keptChildren.length === 0)
+            return undefined;
+        return keptChildren.length > 0
+            ? { ...record, [childrenKey]: keptChildren }
+            : record;
+    };
+    return data.map(visit).filter((item) => item !== undefined);
+}
+export function sortTreeTableData(data, sort, childrenKey) {
+    if (!sort)
+        return data;
+    const direction = sort.direction === 'desc' ? -1 : 1;
+    const visit = (records) => records
+        .map(record => {
+        const children = Array.isArray(record[childrenKey])
+            ? visit(record[childrenKey].filter((item) => typeof item === 'object' && item !== null && !Array.isArray(item)))
+            : undefined;
+        return children ? { ...record, [childrenKey]: children } : record;
+    })
+        .sort((left, right) => direction * compareTreeTableValues(left[sort.key], right[sort.key]));
+    return visit(data);
+}
+export function indexTreeTable(data, primaryKey, childrenKey, loadedChildren) {
+    const nodes = new Map();
+    const invalid = () => ({ valid: false, nodes: new Map() });
+    if (!Array.isArray(data) || data.length > 10000)
+        return invalid();
+    const stack = data.map(record => ({ record, parent: undefined, level: 0 })).reverse();
+    while (stack.length) {
+        const item = stack.pop();
+        if (!item)
+            break;
+        if (item.level > 64 || nodes.size >= 10000 || typeof item.record !== 'object'
+            || item.record === null || Array.isArray(item.record))
+            return invalid();
+        const record = item.record;
+        const id = record[primaryKey];
+        if (typeof id !== 'string' && (typeof id !== 'number' || !Number.isFinite(id)))
+            return invalid();
+        if (nodes.has(id))
+            return invalid();
+        const children = loadedChildren?.get(id) ?? record[childrenKey];
+        if (children != null && (!Array.isArray(children) || children.length > 10000))
+            return invalid();
+        const node = {
+            id, record, parent: item.parent, children: [], level: item.level,
+            disabled: record['disabled'] === true || (item.parent !== undefined && nodes.get(item.parent)?.disabled === true),
+        };
+        nodes.set(id, node);
+        if (item.parent !== undefined)
+            nodes.get(item.parent)?.children.push(id);
+        if (Array.isArray(children)) {
+            if (nodes.size + stack.length + children.length > 10000)
+                return invalid();
+            for (let index = children.length - 1; index >= 0; index -= 1) {
+                stack.push({ record: children[index], parent: id, level: item.level + 1 });
+            }
+        }
+    }
+    return { valid: true, nodes };
+}
+export function treeTableSelection(nodes, selected) {
+    const counts = new Map();
+    // 索引按深度优先顺序插入，逆序累计可在线性时间内计算全树半选状态。
+    for (const node of [...nodes.values()].reverse()) {
+        const count = { total: node.disabled ? 0 : 1, selected: node.disabled ? 0 : selected.has(node.id) ? 1 : 0 };
+        for (const id of node.children) {
+            const child = counts.get(id);
+            if (child) {
+                count.total += child.total;
+                count.selected += child.selected;
+            }
+        }
+        counts.set(node.id, count);
+    }
+    return counts;
+}

package/dist/types.d.ts

@@ -12,18 +12,18 @@ export type AdminProviderBundle = ProviderBundle & {
 export type RoleInfo = {
     code: string;
     name: string;
-    [key: string]: any;
+    [key: string]: unknown;
 };
 export type ResourceInfo = {
     code: string;
     name: string;
     section?: string;
-    [key: string]: any;
+    [key: string]: unknown;
 };
 export type ActionInfo = {
     code: string;
     name: string;
-    [key: string]: any;
+    [key: string]: unknown;
 };
 export interface Tenant {
     id: string;
@@ -38,5 +38,5 @@ export interface GridModule {
     x: number;
     y: number;
     title?: string;
-    componentProps?: any;
+    componentProps?: Record<string, unknown>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@svadmin/ui",
-  "version": "0.73.0",
+  "version": "0.75.0",
   "description": "Pre-built admin UI components — AdminApp, AutoTable, AutoForm, Sidebar, Layout",
   "type": "module",
   "sideEffects": [
@@ -58,10 +58,14 @@
     "./recipes": {
       "types": "./dist/recipes.d.ts",
       "default": "./dist/recipes.js"
+    },
+    "./component-registry": {
+      "types": "./dist/component-registry.d.ts",
+      "default": "./dist/component-registry.js"
     }
   },
   "peerDependencies": {
-    "@svadmin/core": "^0.53.0",
+    "@svadmin/core": "^0.55.0",
     "@tanstack/svelte-query": "^6.1.48",
     "isomorphic-dompurify": "^3.23.0",
     "svelte": "^5.56.10"
@@ -84,8 +88,10 @@
     }
   },
   "dependencies": {
+    "@svadmin/devtools-contract": "^0.2.0",
     "@sinclair/typebox": "^0.34.52",
     "@floating-ui/dom": "^1.8.0",
+    "esm-env": "^1.2.2",
     "@lucide/svelte": "^1.35.0",
     "@svar-ui/svelte-core": "^2.6.0",
     "@svar-ui/svelte-filemanager": "^2.6.0",
@@ -93,8 +99,10 @@
     "@tanstack/svelte-table": "^9.2.3",
     "@tanstack/table-core": "^9.2.3",
     "bits-ui": "^2.19.0",
-    "svelte-sonner": "^1.2.1",
-    "clsx": "^2.1.1"
+    "cn": "^0.2.4",
+    "devframe": "1.0.0",
+    "tailwind-variants": "^3.3.1",
+    "svelte-sonner": "^1.2.1"
   },
   "license": "MIT",
   "author": "zuohuadong",
@@ -112,22 +120,26 @@
   },
   "devDependencies": {
     "@happy-dom/global-registrator": "^20.11.12",
-    "@svadmin/ai-elements": "^0.8.0",
+    "@svadmin/ai-elements": "^0.10.0",
     "@sveltejs/vite-plugin-svelte": "^7.3.0",
+    "@tailwindcss/cli": "4.3.3",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/svelte": "^5.4.2",
     "@testing-library/user-event": "^14.6.6",
     "happy-dom": "^20.11.12",
     "postcss": "^8.5.26",
     "postcss-selector-parser": "^7.1.1",
-    "vitest": "^4.1.11",
-    "@pandacss/dev": "1.12.1"
+    "shadcn-svelte": "^1.7.0",
+    "tailwindcss": "4.3.3",
+    "vitest": "^4.1.11"
   },
   "scripts": {
     "build": "bun run build:styles && node ../../node_modules/@sveltejs/package/svelte-package.js -i src -o dist && node scripts/build-static-css.mjs && node scripts/postbuild-css.mjs",
+    "shadcn": "shadcn-svelte --help",
+    "shadcn:add": "shadcn-svelte add --cwd shadcn --no-deps-install",
     "test": "vitest run --config ./vitest.config.ts",
-    "test:css": "node --experimental-strip-types --test scripts/static-css.test.mjs scripts/panda-css.test.mjs scripts/panda-css-layers.test.mjs scripts/panda-css-isolation.test.mjs scripts/conditional-css.test.mjs scripts/primitive-recipes.test.mjs scripts/primitive-css-layers.test.mjs scripts/native-css-entries.test.mjs scripts/panda-primitive-runtime.test.mjs ../../scripts/no-tailwind-contract.test.mjs scripts/retire-primitive-fallbacks.test.mjs",
-    "build:styles": "panda codegen && panda cssgen --outfile src/styled-system/styles.css && node scripts/flatten-panda-css.mjs && node scripts/prepare-panda-runtime.mjs && node ../../scripts/build-migrated-ui.mjs ui && node ../../scripts/build-native-classnames.mjs ui",
-    "styles:migrated:check": "node ../../scripts/build-migrated-ui.mjs ui --check"
+    "test:css": "node --experimental-strip-types --test scripts/static-css.test.mjs scripts/conditional-css.test.mjs scripts/native-css-entries.test.mjs scripts/tailwind-recipes.test.mjs ../../scripts/no-tailwind-contract.test.mjs",
+    "build:styles": "bun run build:tailwind && node ../../scripts/build-native-classnames.mjs ui",
+    "build:tailwind": "tailwindcss -i styles/tailwind.css -o src/styles/tailwind.generated.css"
   }
 }

package/dist/styled-system/css/conditions.js

@@ -1,36 +0,0 @@
-import { withoutSpace } from '../helpers.js';
-
-const conditionsStr = "_hover,_focus,_focusWithin,_focusVisible,_disabled,_active,_visited,_target,_readOnly,_readWrite,_empty,_checked,_enabled,_expanded,_highlighted,_complete,_incomplete,_dragging,_before,_after,_firstLetter,_firstLine,_marker,_selection,_file,_backdrop,_first,_last,_only,_even,_odd,_firstOfType,_lastOfType,_onlyOfType,_peerFocus,_peerHover,_peerActive,_peerFocusWithin,_peerFocusVisible,_peerDisabled,_peerChecked,_peerInvalid,_peerExpanded,_peerPlaceholderShown,_groupFocus,_groupHover,_groupActive,_groupFocusWithin,_groupFocusVisible,_groupDisabled,_groupChecked,_groupExpanded,_groupInvalid,_indeterminate,_required,_valid,_invalid,_autofill,_inRange,_outOfRange,_placeholder,_placeholderShown,_pressed,_selected,_grabbed,_underValue,_overValue,_atValue,_default,_optional,_open,_closed,_fullscreen,_loading,_hidden,_current,_currentPage,_currentStep,_today,_unavailable,_rangeStart,_rangeEnd,_now,_topmost,_motionReduce,_motionSafe,_print,_landscape,_portrait,_dark,_light,_osDark,_osLight,_highContrast,_lessContrast,_moreContrast,_ltr,_rtl,_scrollbar,_scrollbarThumb,_scrollbarTrack,_horizontal,_vertical,_icon,_starting,_noscript,_invertedColors,base"
-const conditions = new Set(conditionsStr.split(','))
-
-const conditionRegex = /^@|&|&$/
-
-export function isCondition(value){
-  return conditions.has(value) || conditionRegex.test(value)
-}
-
-const underscoreRegex = /^_/
-const conditionsSelectorRegex = /&|@/
-
-export function finalizeConditions(paths){
-  return paths.map((path) => {
-    if (conditions.has(path)){
-      return path.replace(underscoreRegex, '')
-    }
-
-    if (conditionsSelectorRegex.test(path)){
-      return `[${withoutSpace(path.trim())}]`
-    }
-
-    return path
-  })}
-
-  export function sortConditions(paths){
-    return paths.sort((a, b) => {
-      const aa = isCondition(a)
-      const bb = isCondition(b)
-      if (aa && !bb) return 1
-      if (!aa && bb) return -1
-      return 0
-    })
-  }

package/dist/styled-system/css/css.d.ts

@@ -1,22 +0,0 @@
-/* eslint-disable */
-import type { SystemStyleObject } from '../types/index';
-
-type Styles = SystemStyleObject | undefined | null | false
-
-interface CssRawFunction {
-  (styles: Styles): SystemStyleObject
-  (styles: Styles[]): SystemStyleObject
-  (...styles: Array<Styles | Styles[]>): SystemStyleObject
-  (styles: Styles): SystemStyleObject
-}
-
-interface CssFunction {
-  (styles: Styles): string
-  (styles: Styles[]): string
-  (...styles: Array<Styles | Styles[]>): string
-  (styles: Styles): string
-
-  raw: CssRawFunction
-}
-
-export declare const css: CssFunction;

package/dist/styled-system/css/css.js

@@ -1,45 +0,0 @@
-import { createCss, createMergeCss, hypenateProperty, withoutSpace } from '../helpers.js';
-import { sortConditions, finalizeConditions } from './conditions.js';
-
-const utilities = "aspectRatio:asp,boxDecorationBreak:bx-db,zIndex:z,boxSizing:bx-s,objectPosition:obj-p,objectFit:obj-f,overscrollBehavior:ovs-b,overscrollBehaviorX:ovs-bx,overscrollBehaviorY:ovs-by,position:pos/1,top:top,left:left,inset:inset,insetInline:inset-x/insetX,insetBlock:inset-y/insetY,insetBlockEnd:inset-be,insetBlockStart:inset-bs,insetInlineEnd:inset-e/insetEnd/end,insetInlineStart:inset-s/insetStart/start,right:right,bottom:bottom,float:float,visibility:vis,display:d,hideFrom:hide,hideBelow:show,flexBasis:flex-b,flex:flex,flexDirection:flex-d/flexDir,flexGrow:flex-g,flexShrink:flex-sh,gridTemplateColumns:grid-tc,gridTemplateRows:grid-tr,gridColumn:grid-c,gridRow:grid-r,gridColumnStart:grid-cs,gridColumnEnd:grid-ce,gridAutoFlow:grid-af,gridAutoColumns:grid-ac,gridAutoRows:grid-ar,gap:gap,gridGap:grid-g,gridRowGap:grid-rg,gridColumnGap:grid-cg,rowGap:rg,columnGap:cg,justifyContent:jc,alignContent:ac,alignItems:ai,alignSelf:as,padding:p/1,paddingLeft:pl/1,paddingRight:pr/1,paddingTop:pt/1,paddingBottom:pb/1,paddingBlock:py/1/paddingY,paddingBlockEnd:pbe,paddingBlockStart:pbs,paddingInline:px/paddingX/1,paddingInlineEnd:pe/1/paddingEnd,paddingInlineStart:ps/1/paddingStart,marginLeft:ml/1,marginRight:mr/1,marginTop:mt/1,marginBottom:mb/1,margin:m/1,marginBlock:my/1/marginY,marginBlockEnd:mbe,marginBlockStart:mbs,marginInline:mx/1/marginX,marginInlineEnd:me/1/marginEnd,marginInlineStart:ms/1/marginStart,spaceX:sx,spaceY:sy,outlineWidth:ring-w/ringWidth,outlineColor:ring-c/ringColor,outline:ring/1,outlineOffset:ring-o/ringOffset,focusRing:focus-ring,focusVisibleRing:focus-v-ring,focusRingColor:focus-ring-c,focusRingOffset:focus-ring-o,focusRingWidth:focus-ring-w,focusRingStyle:focus-ring-s,divideX:dvd-x,divideY:dvd-y,divideColor:dvd-c,divideStyle:dvd-s,width:w/1,inlineSize:w-is,minWidth:min-w/minW,minInlineSize:min-w-is,maxWidth:max-w/maxW,maxInlineSize:max-w-is,height:h/1,blockSize:h-bs,minHeight:min-h/minH,minBlockSize:min-h-bs,maxHeight:max-h/maxH,maxBlockSize:max-b,boxSize:size,color:c,fontFamily:ff,fontSize:fs,fontSizeAdjust:fs-a,fontPalette:fp,fontKerning:fk,fontFeatureSettings:ff-s,fontWeight:fw,fontSmoothing:fsmt,fontVariant:fv,fontVariantAlternates:fv-alt,fontVariantCaps:fv-caps,fontVariationSettings:fv-s,fontVariantNumeric:fv-num,letterSpacing:ls,lineHeight:lh,textAlign:ta,textDecoration:td,textDecorationColor:td-c,textEmphasisColor:te-c,textDecorationStyle:td-s,textDecorationThickness:td-t,textUnderlineOffset:tu-o,textTransform:tt,textIndent:ti,textShadow:tsh,textShadowColor:tsh-c/textShadowColor,WebkitTextFillColor:wktf-c,textOverflow:tov,verticalAlign:va,wordBreak:wb,textWrap:tw,truncate:trunc,lineClamp:lc,listStyleType:li-t,listStylePosition:li-pos,listStyleImage:li-img,listStyle:li-s,backgroundPosition:bg-p/bgPosition,backgroundPositionX:bg-p-x/bgPositionX,backgroundPositionY:bg-p-y/bgPositionY,backgroundAttachment:bg-a/bgAttachment,backgroundClip:bg-cp/bgClip,background:bg/1,backgroundColor:bg-c/bgColor,backgroundOrigin:bg-o/bgOrigin,backgroundImage:bg-i/bgImage,backgroundRepeat:bg-r/bgRepeat,backgroundBlendMode:bg-bm/bgBlendMode,backgroundSize:bg-s/bgSize,backgroundGradient:bg-grad/bgGradient,backgroundLinear:bg-linear/bgLinear,backgroundRadial:bg-radial/bgRadial,backgroundConic:bg-conic/bgConic,textGradient:txt-grad,gradientFromPosition:grad-from-pos,gradientToPosition:grad-to-pos,gradientFrom:grad-from,gradientTo:grad-to,gradientVia:grad-via,gradientViaPosition:grad-via-pos,borderRadius:bdr/rounded,borderTopLeftRadius:bdr-tl/roundedTopLeft,borderTopRightRadius:bdr-tr/roundedTopRight,borderBottomRightRadius:bdr-br/roundedBottomRight,borderBottomLeftRadius:bdr-bl/roundedBottomLeft,borderTopRadius:bdr-t/roundedTop,borderRightRadius:bdr-r/roundedRight,borderBottomRadius:bdr-b/roundedBottom,borderLeftRadius:bdr-l/roundedLeft,borderStartStartRadius:bdr-ss/roundedStartStart,borderStartEndRadius:bdr-se/roundedStartEnd,borderStartRadius:bdr-s/roundedStart,borderEndStartRadius:bdr-es/roundedEndStart,borderEndEndRadius:bdr-ee/roundedEndEnd,borderEndRadius:bdr-e/roundedEnd,border:bd,borderWidth:bd-w,borderTopWidth:bd-t-w,borderLeftWidth:bd-l-w,borderRightWidth:bd-r-w,borderBottomWidth:bd-b-w,borderBlockStartWidth:bd-bs-w,borderBlockEndWidth:bd-be-w,borderColor:bd-c,borderInline:bd-x/borderX,borderInlineWidth:bd-x-w/borderXWidth,borderInlineColor:bd-x-c/borderXColor,borderBlock:bd-y/borderY,borderBlockWidth:bd-y-w/borderYWidth,borderBlockColor:bd-y-c/borderYColor,borderLeft:bd-l,borderLeftColor:bd-l-c,borderInlineStart:bd-s/borderStart,borderInlineStartWidth:bd-s-w/borderStartWidth,borderInlineStartColor:bd-s-c/borderStartColor,borderRight:bd-r,borderRightColor:bd-r-c,borderInlineEnd:bd-e/borderEnd,borderInlineEndWidth:bd-e-w/borderEndWidth,borderInlineEndColor:bd-e-c/borderEndColor,borderTop:bd-t,borderTopColor:bd-t-c,borderBottom:bd-b,borderBottomColor:bd-b-c,borderBlockEnd:bd-be,borderBlockEndColor:bd-be-c,borderBlockStart:bd-bs,borderBlockStartColor:bd-bs-c,opacity:op,boxShadow:bx-sh/shadow,boxShadowColor:bx-sh-c/shadowColor,mixBlendMode:mix-bm,filter:filter,brightness:brightness,contrast:contrast,grayscale:grayscale,hueRotate:hue-rotate,invert:invert,saturate:saturate,sepia:sepia,dropShadow:drop-shadow,blur:blur,backdropFilter:bkdp,backdropBlur:bkdp-blur,backdropBrightness:bkdp-brightness,backdropContrast:bkdp-contrast,backdropGrayscale:bkdp-grayscale,backdropHueRotate:bkdp-hue-rotate,backdropInvert:bkdp-invert,backdropOpacity:bkdp-opacity,backdropSaturate:bkdp-saturate,backdropSepia:bkdp-sepia,borderCollapse:bd-cl,borderSpacing:bd-sp,borderSpacingX:bd-sx,borderSpacingY:bd-sy,tableLayout:tbl,transitionTimingFunction:trs-tmf,transitionDelay:trs-dly,transitionDuration:trs-dur,transitionProperty:trs-prop,transition:trs,animation:anim,animationName:anim-n,animationTimingFunction:anim-tmf,animationDuration:anim-dur,animationDelay:anim-dly,animationPlayState:anim-ps,animationComposition:anim-comp,animationFillMode:anim-fm,animationDirection:anim-dir,animationIterationCount:anim-ic,animationRange:anim-r,animationState:anim-s,animationRangeStart:anim-rs,animationRangeEnd:anim-re,animationTimeline:anim-tl,transformOrigin:trf-o,transformBox:trf-b,transformStyle:trf-s,transform:trf,rotate:rotate,rotateX:rotate-x,rotateY:rotate-y,rotateZ:rotate-z,scale:scale,scaleX:scale-x,scaleY:scale-y,translate:translate,translateX:translate-x/x,translateY:translate-y/y,translateZ:translate-z/z,accentColor:ac-c,caretColor:ca-c,scrollBehavior:scr-bhv,scrollbar:scr-bar,scrollbarColor:scr-bar-c,scrollbarGutter:scr-bar-g,scrollbarWidth:scr-bar-w,scrollMargin:scr-m,scrollMarginLeft:scr-ml,scrollMarginRight:scr-mr,scrollMarginTop:scr-mt,scrollMarginBottom:scr-mb,scrollMarginBlock:scr-my/scrollMarginY,scrollMarginBlockEnd:scr-mbe,scrollMarginBlockStart:scr-mbt,scrollMarginInline:scr-mx/scrollMarginX,scrollMarginInlineEnd:scr-me,scrollMarginInlineStart:scr-ms,scrollPadding:scr-p,scrollPaddingBlock:scr-py/scrollPaddingY,scrollPaddingBlockStart:scr-pbs,scrollPaddingBlockEnd:scr-pbe,scrollPaddingInline:scr-px/scrollPaddingX,scrollPaddingInlineEnd:scr-pe,scrollPaddingInlineStart:scr-ps,scrollPaddingLeft:scr-pl,scrollPaddingRight:scr-pr,scrollPaddingTop:scr-pt,scrollPaddingBottom:scr-pb,scrollSnapAlign:scr-sa,scrollSnapStop:scrs-s,scrollSnapType:scrs-t,scrollSnapStrictness:scrs-strt,scrollSnapMargin:scrs-m,scrollSnapMarginTop:scrs-mt,scrollSnapMarginBottom:scrs-mb,scrollSnapMarginLeft:scrs-ml,scrollSnapMarginRight:scrs-mr,scrollSnapCoordinate:scrs-c,scrollSnapDestination:scrs-d,scrollSnapPointsX:scrs-px,scrollSnapPointsY:scrs-py,scrollSnapTypeX:scrs-tx,scrollSnapTypeY:scrs-ty,scrollTimeline:scrtl,scrollTimelineAxis:scrtl-a,scrollTimelineName:scrtl-n,touchAction:tch-a,userSelect:us,overflow:ov,overflowWrap:ov-wrap,overflowX:ov-x,overflowY:ov-y,overflowAnchor:ov-a,overflowBlock:ov-b,overflowInline:ov-i,overflowClipBox:ovcp-bx,overflowClipMargin:ovcp-m,overscrollBehaviorBlock:ovs-bb,overscrollBehaviorInline:ovs-bi,fill:fill,stroke:stk,strokeWidth:stk-w,strokeDasharray:stk-dsh,strokeDashoffset:stk-do,strokeLinecap:stk-lc,strokeLinejoin:stk-lj,strokeMiterlimit:stk-ml,strokeOpacity:stk-op,srOnly:sr,debug:debug,appearance:ap,backfaceVisibility:bfv,clipPath:cp-path,hyphens:hy,mask:msk,maskImage:msk-i,maskSize:msk-s,textSizeAdjust:txt-adj,container:cq,containerName:cq-n,containerType:cq-t,cursor:cursor"
-
-const classNameByProp = new Map()
-const shorthands = new Map()
-utilities.split(',').forEach((utility) => {
-  const [prop, meta] = utility.split(':')
-  const [className, ...shorthandList] = meta.split('/')
-  classNameByProp.set(prop, className)
-  if (shorthandList.length) {
-    shorthandList.forEach((shorthand) => {
-      shorthands.set(shorthand === '1' ? className : shorthand, prop)
-    })
-  }
-})
-
-const resolveShorthand = (prop) => shorthands.get(prop) || prop
-
-const context = {
-  
-  conditions: {
-    shift: sortConditions,
-    finalize: finalizeConditions,
-    breakpoints: { keys: ["base"] }
-  },
-  utility: {
-    prefix: "svadmin",
-    transform: (prop, value) => {
-              const key = resolveShorthand(prop)
-              const propKey = classNameByProp.get(key) || hypenateProperty(key)
-              return { className: `${propKey}_${withoutSpace(value)}` }
-            },
-    hasShorthand: true,
-    toHash: (path, hashFn) => hashFn(path.join(":")),
-    resolveShorthand: resolveShorthand,
-  }
-}
-
-const cssFn = createCss(context)
-export const css = (...styles) => cssFn(mergeCss(...styles))
-css.raw = (...styles) => mergeCss(...styles)
-
-export const { mergeCss, assignCss } = createMergeCss(context)

package/dist/styled-system/css/cva.d.ts

@@ -1,6 +0,0 @@
-/* eslint-disable */
-import type { RecipeCreatorFn } from '../types/recipe';
-
-export declare const cva: RecipeCreatorFn
-
-export type { RecipeVariant, RecipeVariantProps } from '../types/recipe';