@soybeanjs/ui 0.0.1-beta.3 → 0.0.2-beta.6

package/dist/variants/tabs.d.ts

@@ -0,0 +1,229 @@
+import * as tailwind_variants15 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/variants/tabs.d.ts
+declare const tabsVariants: tailwind_variants15.TVReturnType<{
+  size: {
+    xs: {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+    sm: {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+    md: {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+    lg: {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+    xl: {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+    '2xl': {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+  };
+  orientation: {
+    horizontal: {
+      root: string;
+      indicator: string;
+    };
+    vertical: {
+      list: string;
+      indicator: string;
+    };
+  };
+  shape: {
+    square: {
+      list: string;
+      indicatorContent: string;
+    };
+    rounded: {
+      list: string;
+      indicatorContent: string;
+    };
+  };
+  fill: {
+    full: {
+      root: string;
+    };
+    auto: {
+      root: string;
+    };
+  };
+  enableIndicator: {
+    false: {
+      trigger: string;
+    };
+  };
+}, {
+  root: string;
+  list: string;
+  trigger: string[];
+  indicator: string;
+  indicatorContent: string;
+  content: string;
+}, undefined, {
+  size: {
+    xs: {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+    sm: {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+    md: {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+    lg: {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+    xl: {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+    '2xl': {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+  };
+  orientation: {
+    horizontal: {
+      root: string;
+      indicator: string;
+    };
+    vertical: {
+      list: string;
+      indicator: string;
+    };
+  };
+  shape: {
+    square: {
+      list: string;
+      indicatorContent: string;
+    };
+    rounded: {
+      list: string;
+      indicatorContent: string;
+    };
+  };
+  fill: {
+    full: {
+      root: string;
+    };
+    auto: {
+      root: string;
+    };
+  };
+  enableIndicator: {
+    false: {
+      trigger: string;
+    };
+  };
+}, {
+  root: string;
+  list: string;
+  trigger: string[];
+  indicator: string;
+  indicatorContent: string;
+  content: string;
+}, tailwind_variants15.TVReturnType<{
+  size: {
+    xs: {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+    sm: {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+    md: {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+    lg: {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+    xl: {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+    '2xl': {
+      root: string;
+      list: string;
+      trigger: string;
+    };
+  };
+  orientation: {
+    horizontal: {
+      root: string;
+      indicator: string;
+    };
+    vertical: {
+      list: string;
+      indicator: string;
+    };
+  };
+  shape: {
+    square: {
+      list: string;
+      indicatorContent: string;
+    };
+    rounded: {
+      list: string;
+      indicatorContent: string;
+    };
+  };
+  fill: {
+    full: {
+      root: string;
+    };
+    auto: {
+      root: string;
+    };
+  };
+  enableIndicator: {
+    false: {
+      trigger: string;
+    };
+  };
+}, {
+  root: string;
+  list: string;
+  trigger: string[];
+  indicator: string;
+  indicatorContent: string;
+  content: string;
+}, undefined, unknown, unknown, undefined>>;
+type TabsProps = VariantProps<typeof tabsVariants>;
+type TabsShape = NonNullable<TabsProps['shape']>;
+type TabsFill = NonNullable<TabsProps['fill']>;
+//#endregion
+export { TabsFill, TabsShape };

package/dist/variants/tabs.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`flex`,list:`relative inline-flex justify-center items-center bg-muted text-muted-foreground`,trigger:[`relative z-3 inline-flex items-center justify-center flex-1 whitespace-nowrap rounded-md font-medium transition-all-200`,`focus-visible:(outline-none ring-2 ring-offset-2 ring-offset-background ring-primary)`,`disabled:(pointer-events-none opacity-50)`],indicator:`absolute top-0 left-0 z-2 transition-[width,height,transform] duration-300`,indicatorContent:`size-full bg-background shadow`,content:`flex-grow self-stretch overflow-hidden focus-visible:(outline-none ring-2 ring-offset-2 ring-offset-background ring-primary)`},variants:{size:{xs:{root:`text-2xs`,list:`p-0.75`,trigger:`gap-1 px-1.5 py-0.75`},sm:{root:`text-xs`,list:`p-0.875`,trigger:`gap-1.5 px-2 py-1`},md:{root:`text-sm`,list:`p-1`,trigger:`gap-2 px-3 py-1`},lg:{root:`text-base`,list:`p-1.125`,trigger:`gap-2.5 px-4 py-1.125`},xl:{root:`text-lg`,list:`p-1.25`,trigger:`gap-3 px-5 py-1.25`},"2xl":{root:`text-xl`,list:`p-1.5`,trigger:`gap-4 px-6 py-1.5`}},orientation:{horizontal:{root:`flex-col`,indicator:`h-full w-[--soybean-tabs-indicator-size] translate-x-[--soybean-tabs-indicator-position]`},vertical:{list:`flex-col items-stretch`,indicator:`w-full h-[--soybean-tabs-indicator-size] translate-y-[--soybean-tabs-indicator-position]`}},shape:{square:{list:`rounded-md`,indicatorContent:`rounded-md`},rounded:{list:`rounded-full`,indicatorContent:`rounded-full`}},fill:{full:{root:`items-stretch`},auto:{root:`items-start`}},enableIndicator:{false:{trigger:`data-[state=active]:(bg-background text-foreground shadow)`}}},compoundVariants:[{size:`xs`,orientation:`horizontal`,class:{indicator:`py-0.75`,content:`mt-1.5`}},{size:`xs`,orientation:`vertical`,class:{indicator:`px-0.75`,content:`ml-1.5`}},{size:`sm`,orientation:`horizontal`,class:{indicator:`py-1`,content:`mt-1.75`}},{size:`sm`,orientation:`vertical`,class:{indicator:`px-1`,content:`ml-1.75`}},{size:`md`,orientation:`horizontal`,class:{indicator:`py-1`,content:`mt-2`}},{size:`md`,orientation:`vertical`,class:{indicator:`px-1`,content:`ml-2`}},{size:`lg`,orientation:`horizontal`,class:{indicator:`py-1.125`,content:`mt-2.5`}},{size:`lg`,orientation:`vertical`,class:{indicator:`px-1.125`,content:`ml-2.5`}},{size:`xl`,orientation:`horizontal`,class:{indicator:`py-1.25`,content:`mt-3`}},{size:`xl`,orientation:`vertical`,class:{indicator:`px-1.25`,content:`ml-3`}},{size:`2xl`,orientation:`horizontal`,class:{indicator:`py-1.5`,content:`mt-3.5`}},{size:`2xl`,orientation:`vertical`,class:{indicator:`px-1.5`,content:`ml-3.5`}}],defaultVariants:{size:`md`,orientation:`horizontal`,shape:`square`,fill:`auto`,enableIndicator:!0}});export{t as tabsVariants};

package/dist/variants/tag.d.ts

@@ -0,0 +1,103 @@
+import * as tailwind_variants23 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/variants/tag.d.ts
+declare const tagVariants: tailwind_variants23.TVReturnType<{
+  color: {
+    primary: string;
+    destructive: string;
+    success: string;
+    warning: string;
+    info: string;
+    carbon: string;
+    secondary: string;
+    accent: string;
+  };
+  variant: {
+    solid: string;
+    pure: string;
+    outline: string;
+    soft: string;
+    ghost: string;
+    raw: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  shape: {
+    auto: string;
+    rounded: string;
+  };
+}, undefined, "inline-flex items-center border font-semibold", {
+  color: {
+    primary: string;
+    destructive: string;
+    success: string;
+    warning: string;
+    info: string;
+    carbon: string;
+    secondary: string;
+    accent: string;
+  };
+  variant: {
+    solid: string;
+    pure: string;
+    outline: string;
+    soft: string;
+    ghost: string;
+    raw: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  shape: {
+    auto: string;
+    rounded: string;
+  };
+}, undefined, tailwind_variants23.TVReturnType<{
+  color: {
+    primary: string;
+    destructive: string;
+    success: string;
+    warning: string;
+    info: string;
+    carbon: string;
+    secondary: string;
+    accent: string;
+  };
+  variant: {
+    solid: string;
+    pure: string;
+    outline: string;
+    soft: string;
+    ghost: string;
+    raw: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  shape: {
+    auto: string;
+    rounded: string;
+  };
+}, undefined, "inline-flex items-center border font-semibold", unknown, unknown, undefined>>;
+type TagVariants = VariantProps<typeof tagVariants>;
+type TagVariant = NonNullable<TagVariants['variant']>;
+type TagShape = NonNullable<TagVariants['shape']>;
+//#endregion
+export { TagShape, TagVariant };

package/dist/variants/tag.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({base:`inline-flex items-center border font-semibold`,variants:{color:{primary:`border-primary text-primary`,destructive:`border-destructive text-destructive`,success:`border-success text-success`,warning:`border-warning text-warning`,info:`border-info text-info`,carbon:`border-carbon text-carbon`,secondary:`border-secondary-foreground/50 text-secondary-foreground`,accent:`border-accent-foreground/50 text-accent-foreground`},variant:{solid:``,pure:`bg-background text-foreground border-border`,outline:`bg-background`,soft:`border-0`,ghost:``,raw:`bg-transparent border-0`},size:{xs:`gap-0.5 h-3.5 px-1 text-4xs`,sm:`gap-0.75 h-4 px-1.5 text-3xs`,md:`gap-1 h-4.5 px-2 text-2xs`,lg:`gap-1.25 h-5 px-2.5 text-xs`,xl:`gap-1.5 h-6 px-3 text-sm`,"2xl":`gap-2 h-7 px-4 text-base`},shape:{auto:`rounded-md`,rounded:`rounded-full`}},compoundVariants:[{color:`primary`,variant:`solid`,class:`bg-primary text-primary-foreground`},{color:`destructive`,variant:`solid`,class:`bg-destructive text-destructive-foreground`},{color:`success`,variant:`solid`,class:`bg-success text-success-foreground`},{color:`warning`,variant:`solid`,class:`bg-warning text-warning-foreground`},{color:`info`,variant:`solid`,class:`bg-info text-info-foreground`},{color:`carbon`,variant:`solid`,class:`bg-carbon text-carbon-foreground`},{color:`secondary`,variant:`solid`,class:`bg-secondary text-secondary-foreground`},{color:`accent`,variant:`solid`,class:`bg-accent text-accent-foreground`},{color:`primary`,variant:[`soft`,`ghost`],class:`bg-primary/10`},{color:`destructive`,variant:[`soft`,`ghost`],class:`bg-destructive/10`},{color:`success`,variant:[`soft`,`ghost`],class:`bg-success/10`},{color:`warning`,variant:[`soft`,`ghost`],class:`bg-warning/10`},{color:`info`,variant:[`soft`,`ghost`],class:`bg-info/10`},{color:`carbon`,variant:[`soft`,`ghost`],class:`bg-carbon/10`},{color:`secondary`,variant:[`soft`,`ghost`],class:`bg-secondary-foreground/5`},{color:`accent`,variant:[`soft`,`ghost`],class:`bg-accent-foreground/5`}],defaultVariants:{color:`primary`,variant:`solid`,size:`md`,shape:`auto`}});export{t as tagVariants};

package/dist/variants/textarea.d.ts

@@ -0,0 +1,183 @@
+import * as tailwind_variants27 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/variants/textarea.d.ts
+declare const textareaVariants: tailwind_variants27.TVReturnType<{
+  size: {
+    xs: {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+    sm: {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+    md: {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+    lg: {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+    xl: {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+    '2xl': {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+  };
+  resize: {
+    true: {
+      control: string;
+    };
+    false: {
+      control: string;
+    };
+    vertical: {
+      control: string;
+    };
+    horizontal: {
+      control: string;
+    };
+  };
+}, {
+  root: string[];
+  control: string[];
+  counter: string;
+  clearable: string;
+}, undefined, {
+  size: {
+    xs: {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+    sm: {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+    md: {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+    lg: {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+    xl: {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+    '2xl': {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+  };
+  resize: {
+    true: {
+      control: string;
+    };
+    false: {
+      control: string;
+    };
+    vertical: {
+      control: string;
+    };
+    horizontal: {
+      control: string;
+    };
+  };
+}, {
+  root: string[];
+  control: string[];
+  counter: string;
+  clearable: string;
+}, tailwind_variants27.TVReturnType<{
+  size: {
+    xs: {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+    sm: {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+    md: {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+    lg: {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+    xl: {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+    '2xl': {
+      root: string;
+      control: string;
+      counter: string;
+      clearable: string;
+    };
+  };
+  resize: {
+    true: {
+      control: string;
+    };
+    false: {
+      control: string;
+    };
+    vertical: {
+      control: string;
+    };
+    horizontal: {
+      control: string;
+    };
+  };
+}, {
+  root: string[];
+  control: string[];
+  counter: string;
+  clearable: string;
+}, undefined, unknown, unknown, undefined>>;
+type TextareaVariants = VariantProps<typeof textareaVariants>;
+type TextareaResize = NonNullable<TextareaVariants['resize']>;
+//#endregion
+export { TextareaResize };

package/dist/variants/textarea.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:[`group relative flex flex-col`,`rounded-md border border-solid border-input bg-background`,`focus-within:(outline-none ring-2 ring-offset-2 ring-offset-background ring-primary)`],control:[`w-full bg-transparent outline-none`,`placeholder:text-muted-foreground`,`disabled:(cursor-not-allowed opacity-50)`],counter:`absolute z-2 leading-none text-muted-foreground`,clearable:`absolute hidden group-hover:block size-1em cursor-pointer opacity-50 hover:opacity-100`},variants:{size:{xs:{root:`text-2xs`,control:`min-h-6 px-1.5 py-1`,counter:`text-2xs right-1.75 bottom-1.5`,clearable:`right-1.5 top-1.5`},sm:{root:`text-xs`,control:`min-h-7 px-1.75 py-1`,counter:`text-xs right-2 bottom-1.75`,clearable:`right-1.75 top-1.75`},md:{root:`text-sm`,control:`min-h-8 px-2 py-1`,counter:`text-sm right-2.5 bottom-2`,clearable:`right-2 top-2`},lg:{root:`text-base`,control:`min-h-9 px-2.5 py-1`,counter:`text-base right-3 bottom-2.5`,clearable:`right-2.5 top-2.5`},xl:{root:`text-lg`,control:`min-h-10 px-3 py-1`,counter:`text-lg right-3.5 bottom-3`,clearable:`right-3 top-3`},"2xl":{root:`text-xl`,control:`min-h-12 px-4 py-2`,counter:`text-xl right-4 bottom-3.5`,clearable:`right-3.5 top-3.5`}},resize:{true:{control:`resize`},false:{control:`resize-none`},vertical:{control:`resize-y`},horizontal:{control:`resize-x`}}},defaultVariants:{size:`md`,resize:`vertical`}});export{t as textareaVariants};

package/dist/variants/tooltip.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{content:[`w-auto rounded-md border bg-popover  text-popover-foreground shadow-md outline-none z-50 will-change-transform`,`animate-in fade-in-0 zoom-in-95`,`data-[state=closed]:(animate-out fade-out-0 zoom-out-95)`,`data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2`],arrow:`w-1em h-0.5em fill-popover stroke-border`},variants:{size:{xs:{content:`px-2 py-1 text-2xs`,arrow:`text-3xs`},sm:{content:`px-2.5 py-1.25 text-xs`,arrow:`text-2xs`},md:{content:`px-3 py-1.5 text-sm`,arrow:`text-xs`},lg:{content:`px-3.5 py-1.75 text-base`,arrow:`text-sm`},xl:{content:`px-4 py-2 text-lg`,arrow:`text-base`},"2xl":{content:`px-4.5 py-2.5 text-xl`,arrow:`text-lg`}}},defaultVariants:{size:`md`}});export{t as tooltipVariants};

package/dist/variants/tree-menu.js

@@ -0,0 +1 @@
+import{tv as e}from"tailwind-variants";const t=e({slots:{root:`group flex-1 size-full overflow-auto data-[state=collapsed]:w-[--soybean-tree-menu-collapsed-width] transition-[width,height]-200 ease-out data-[state=collapsed]:(space-y-0)`,groupLabel:`flex items-center text-foreground/70 list-none group-data-[state=collapsed]:(size-0 p-0 opacity-0 overflow-hidden) transition-[height,padding,opacity]-200`,item:[`relative rounded-sm outline-none cursor-pointer select-none outline-none`,`data-[selected]:(bg-primary/10 text-primary)`,`[&:not([data-selected])]:hover:(bg-accent text-accent-foreground)`,`[&:not([data-selected])]:focus:(bg-accent text-accent-foreground)`,`data-[contains-selected]:text-primary data-[contains-selected]:hover:text-primary data-[contains-selected]:focus:text-primary`,`data-[disabled]:(pointer-events-none opacity-50)`,`group-data-[state=collapsed]:overflow-hidden`],itemContent:`flex items-center w-full outline-none data-[link]:decoration-none`,itemAbsolute:`absolute top-0 left-0 w-full h-full z-1`,itemLabel:`truncate`,itemLinkIcon:`shrink-0 self-start text-muted-foreground`,itemBadge:``,itemTag:`shrink-0 ml-auto`,itemAction:`shrink-0 ml-auto`,collapsibleIcon:`shrink-0 ml-auto text-muted-foreground transition-transform-200 data-[expanded]:rotate-90`},variants:{size:{xs:{root:`space-y-0.75 p-1.5 text-2xs`,groupLabel:`h-6 gap-1 px-1.5 py-1 text-3xs`,item:`h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6 text-2xs ml-[calc(var(--soybean-tree-menu-indent)*0.75rem)]`,itemContent:`gap-1.5`,itemLinkIcon:`size-2 -ml-1`},sm:{root:`space-y-0.875 p-1.75 text-xs`,groupLabel:`h-7 gap-1.5 px-1.75 py-1 text-2xs`,item:`h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7 text-xs ml-[calc(var(--soybean-tree-menu-indent)*0.875rem)]`,itemContent:`gap-1.75`,itemLinkIcon:`size-2.5 -ml-1.5`},md:{root:`space-y-1 p-2 text-sm`,groupLabel:`h-8 gap-2 px-2 py-1.5 text-xs`,item:`h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8 text-sm ml-[calc(var(--soybean-tree-menu-indent)*1rem)]`,itemContent:`gap-2`,itemLinkIcon:`size-3 -ml-2`},lg:{root:`space-y-1.25 p-2.25 text-base`,groupLabel:`h-9 gap-2.5 px-2.25 py-1.5 text-sm`,item:`h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9 text-base ml-[calc(var(--soybean-tree-menu-indent)*1.125rem)]`,itemContent:`gap-2.25`,itemLinkIcon:`size-3.5 -ml-2.5`},xl:{root:`space-y-1.5 p-2.5 text-lg`,groupLabel:`h-10 gap-3 px-2.5 py-1.5 text-base`,item:`h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10 text-lg ml-[calc(var(--soybean-tree-menu-indent)*1.25rem)]`,itemContent:`gap-2.5`,itemLinkIcon:`size-4 -ml-3`},"2xl":{root:`space-y-2 p-3 text-xl`,groupLabel:`h-12 gap-3.5 px-3 py-2.5 text-lg`,item:`h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12 text-xl ml-[calc(var(--soybean-tree-menu-indent)*1.5rem)]`,itemContent:`gap-3`,itemLinkIcon:`size-5 -ml-4`}}},defaultVariants:{size:`md`}});export{t as treeMenuVariants};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soybeanjs/ui",
   "type": "module",
-  "version": "0.0.1-beta.3",
+  "version": "0.0.2-beta.6",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "author": {
     "name": "Soybean",
@@ -25,7 +25,8 @@
       "types": "./dist/index.d.ts",
       "import": "./dist/index.js",
       "require": "./dist/index.js"
-    }
+    },
+    "./styles.css": "./dist/styles.css"
   },
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -40,7 +41,7 @@
     "fuse.js": "^7.1.0",
     "tailwind-merge": "^3.3.1",
     "tailwind-variants": "^3.1.1",
-    "@soybeanjs/headless": "^0.0.1-beta.3"
+    "@soybeanjs/headless": "^0.0.2-beta.6"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.4.1",
@@ -48,6 +49,7 @@
     "@soybeanjs/unocss-preset": "^0.1.5",
     "@soybeanjs/unocss-shadcn": "^0.0.1",
     "@types/node": "^24.10.0",
+    "@unocss/cli": "^66.5.4",
     "@vitest/coverage-v8": "^4.0.7",
     "@vue/test-utils": "^2.4.6",
     "eslint": "^9.39.1",
@@ -81,9 +83,10 @@
   },
   "scripts": {
     "build": "pnpm tsdown",
-    "build:all": "pnpm build:headless && pnpm build",
+    "build:all": "pnpm build:headless && pnpm build && pnpm build:uno",
     "build:headless": "pnpm --filter @soybeanjs/headless build",
     "build:play": "vite build",
+    "build:uno": "unocss build",
     "cleanup": "soy cleanup",
     "commit": "soy git-commit",
     "dev": "vite",