@soybeanjs/ui 0.22.4 → 0.23.1-beta.1

package/dist/styles/toast.js

@@ -0,0 +1 @@
+import{miniButtonIconVariants as e,miniButtonVariants as t}from"./button.js";import{scv as n}from"@soybeanjs/cva";const r=n({extendBase:n=>({close:e({size:n.size}),cancel:t({size:n.size,variant:`pure`}),action:t({size:n.size})}),slots:{toaster:[`fixed z-[--z-index] list-none outline-none transition-transform-400 ease`,`data-[x-position=right]:end-[--offset-right] data-[x-position=left]:start-[--offset-left] data-[x-position=center]:start-1/2 data-[x-position=center]:-translate-x-1/2 [&[dir=rtl]]:data-[x-position=center]:translate-x-1/2`,`data-[y-position=top]:top-[--offset-top] data-[y-position=bottom]:bottom-[--offset-bottom]`],toast:[`group absolute w-full rounded-md bg-popover text-popover-foreground border border-transparent opacity-0 outline-none touch-none`,`data-[y-position=top]:top-0 data-[y-position=top]:[--y:translateY(-100%)]`,`data-[y-position=bottom]:[--lift:-1] data-[y-position=bottom]:bottom-0`,`data-[x-position=left]:start-0 data-[x-position=right]:end-0`],wrapper:`flex flex-col items-stretch`,content:``,title:`flex items-center font-semibold`,description:`text-muted-foreground`,icon:[`group-data-[type=info]:text-info group-data-[type=success]:text-success group-data-[type=warning]:text-warning group-data-[type=error]:text-destructive`],footer:`flex justify-end items-center`,action:``,cancel:``,close:`absolute group-data-[inverted=true]:text-accent group-data-[inverted=true]:hover:bg-accent/15`},variants:{size:{xs:{toaster:`w-80 text-2xs`,toast:`p-3`,wrapper:`gap-1`,title:`gap-1.25`,footer:`gap-1.25`,close:`top-1 end-1`},sm:{toaster:`w-85 text-xs`,toast:`p-3.5`,wrapper:`gap-1.25`,title:`gap-1.5`,footer:`gap-1.5`,close:`top-1.25 end-1.25`},md:{toaster:`w-90 text-sm`,toast:`p-4`,wrapper:`gap-1.5`,title:`gap-2`,footer:`gap-2`,close:`top-1.5 end-1.5`},lg:{toaster:`w-95 text-base`,toast:`p-4.5`,wrapper:`gap-1.75`,title:`gap-2.5`,footer:`gap-2.5`,close:`top-1.75 end-1.75`},xl:{toaster:`w-100 text-lg`,toast:`p-5`,wrapper:`gap-2`,title:`gap-3`,footer:`gap-3`,close:`top-2 end-2`},"2xl":{toaster:`w-110 text-xl`,toast:`p-6`,wrapper:`gap-2.5`,title:`gap-4`,footer:`gap-4`,close:`top-2.5 end-2.5`}}},defaultVariants:{size:`md`}});export{r as toastVariants};

package/dist/styles/toggle-group.d.ts

@@ -0,0 +1,79 @@
+import { VariantProps } from "@soybeanjs/cva";
+
+//#region src/styles/toggle-group.d.ts
+declare const toggleGroupVariants: import("@soybeanjs/cva").SCVResult<"root" | "item", NoInfer<{
+  color: {
+    primary: {
+      item: "focus-visible:ring-primary/30";
+    };
+    destructive: {
+      item: "focus-visible:ring-destructive/30";
+    };
+    success: {
+      item: "focus-visible:ring-success/30";
+    };
+    warning: {
+      item: "focus-visible:ring-warning/30";
+    };
+    info: {
+      item: "focus-visible:ring-info/30";
+    };
+    carbon: {
+      item: "focus-visible:ring-carbon/30";
+    };
+    secondary: {
+      item: "focus-visible:ring-secondary-foreground/20";
+    };
+    accent: {
+      item: "focus-visible:ring-accent-foreground/20";
+    };
+  };
+  orientation: {
+    horizontal: {
+      root: string[];
+    };
+    vertical: {
+      root: string[];
+    };
+  };
+  variant: {
+    outline: {
+      item: string[];
+    };
+    soft: {
+      item: string[];
+    };
+    ghost: {
+      item: string[];
+    };
+  };
+  size: {
+    xs: {
+      item: "h-6 gap-1 px-1.5 text-2xs";
+    };
+    sm: {
+      item: "h-7 gap-2 px-2 text-xs";
+    };
+    md: {
+      item: "h-8 gap-3 px-4 text-sm";
+    };
+    lg: {
+      item: "h-9 gap-4 px-6 text-base";
+    };
+    xl: {
+      item: "h-10 gap-5 px-8 text-lg";
+    };
+    '2xl': {
+      item: "h-12 gap-6 px-10 text-xl";
+    };
+  };
+}>, {
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  variant?: "outline" | "soft" | "ghost" | undefined;
+  orientation?: "horizontal" | "vertical" | undefined;
+}>;
+type ToggleGroupVariants = VariantProps<typeof toggleGroupVariants>;
+type ToggleGroupVariant = NonNullable<ToggleGroupVariants['variant']>;
+//#endregion
+export { ToggleGroupVariant };

package/dist/styles/toggle-group.js

@@ -0,0 +1 @@
+import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:[`w-fit [&>*]:relative focus-visible:[&>*]:z-2`,`[&>*:not(:first-child):not(:last-child)]:!rounded-none`,`[&>*:not(:first-child):not(:last-child)>*]:!rounded-none`,`data-[orientation=vertical]:items-stretch`],item:[`inline-flex items-center justify-center whitespace-nowrap rounded-md font-medium transition-all-150`,`outline-none focus-visible:ring-3 focus-visible:ring-primary/30 focus-visible:ring-offset-background`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4`]},variants:{color:{primary:{item:`focus-visible:ring-primary/30`},destructive:{item:`focus-visible:ring-destructive/30`},success:{item:`focus-visible:ring-success/30`},warning:{item:`focus-visible:ring-warning/30`},info:{item:`focus-visible:ring-info/30`},carbon:{item:`focus-visible:ring-carbon/30`},secondary:{item:`focus-visible:ring-secondary-foreground/20`},accent:{item:`focus-visible:ring-accent-foreground/20`}},orientation:{horizontal:{root:[`inline-flex flex-row rtl:flex-row-reverse`,`[&>*:not(:last-child)]:border-e-0 [&>*:not(:last-child)>*]:border-e-0`,`focus-visible:[&>*]:border-e focus-visible:[&>*>*]:border-e`,`[&>*:first-child]:!rounded-e-none [&>*:first-child>*]:!rounded-e-none`,`[&>*:last-child]:!rounded-s-none [&>*:last-child>*]:!rounded-s-none`]},vertical:{root:[`flex flex-col`,`[&>*:not(:last-child)]:border-b-0 [&>*:not(:last-child)>*]:border-b-0`,`focus-visible:[&>*]:border-b focus-visible:[&>*>*]:border-b`,`[&>*:first-child]:!rounded-b-none [&>*:first-child>*]:!rounded-b-none`,`[&>*:last-child]:!rounded-t-none [&>*:last-child>*]:!rounded-t-none`]}},variant:{outline:{item:[`border border-border bg-background text-foreground`,`data-[state=off]:hover:bg-accent data-[state=on]:bg-accent data-[state=on]:text-accent-foreground`]},soft:{item:[`bg-accent text-foreground`,`data-[state=off]:hover:bg-accent`]},ghost:{item:[`bg-transparent text-foreground`,`data-[state=off]:hover:bg-accent`]}},size:{xs:{item:`h-6 gap-1 px-1.5 text-2xs`},sm:{item:`h-7 gap-2 px-2 text-xs`},md:{item:`h-8 gap-3 px-4 text-sm`},lg:{item:`h-9 gap-4 px-6 text-base`},xl:{item:`h-10 gap-5 px-8 text-lg`},"2xl":{item:`h-12 gap-6 px-10 text-xl`}}},compoundVariants:[{color:`primary`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-primary/20 data-[state=on]:text-primary`}},{color:`destructive`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-destructive/20 data-[state=on]:text-destructive`}},{color:`success`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-success/20 data-[state=on]:text-success`}},{color:`warning`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-warning/20 data-[state=on]:text-warning`}},{color:`info`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-info/20 data-[state=on]:text-info`}},{color:`carbon`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-carbon/20 data-[state=on]:text-carbon`}},{color:`secondary`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-secondary-foreground/10 data-[state=on]:text-secondary-foreground`}},{color:`accent`,variant:[`soft`,`ghost`],class:{item:`data-[state=on]:bg-accent-foreground/10 data-[state=on]:text-accent-foreground`}}],defaultVariants:{color:`accent`,orientation:`horizontal`,variant:`ghost`,size:`md`}});export{t as toggleGroupVariants};

package/dist/styles/toggle.d.ts

@@ -0,0 +1,44 @@
+import { VariantProps } from "@soybeanjs/cva";
+
+//#region src/styles/toggle.d.ts
+declare const toggleVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
+  color: {
+    primary: string;
+    destructive: string;
+    success: string;
+    warning: string;
+    info: string;
+    carbon: string;
+    secondary: string;
+    accent: string;
+  };
+  variant: {
+    outline: string;
+    soft: string;
+    ghost: string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+  };
+  shape: {
+    auto: string;
+    rounded: string;
+    square: string;
+    circle: string;
+  };
+}>, {
+  size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  shape?: "auto" | "rounded" | "square" | "circle" | undefined;
+  variant?: "outline" | "soft" | "ghost" | undefined;
+}>;
+type ToggleVariants = VariantProps<typeof toggleVariants>;
+type ToggleVariant = NonNullable<ToggleVariants['variant']>;
+type ToggleShape = NonNullable<ToggleVariants['shape']>;
+//#endregion
+export { ToggleShape, ToggleVariant };

package/dist/styles/toggle.js

@@ -0,0 +1 @@
+import{cv as e}from"@soybeanjs/cva";const t=e({base:[`inline-flex items-center justify-center rounded-md whitespace-nowrap font-medium transition-all-150`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4`],variants:{color:{primary:`focus-visible:ring-primary/30`,destructive:`focus-visible:ring-destructive/30`,success:`focus-visible:ring-success/30`,warning:`focus-visible:ring-warning/30`,info:`focus-visible:ring-info/30`,carbon:`focus-visible:ring-carbon/30`,secondary:`focus-visible:ring-secondary-foreground/20`,accent:`focus-visible:ring-accent-foreground/20`},variant:{outline:`border border-border bg-background text-foreground hover:bg-accent data-[state=on]:bg-accent`,soft:`bg-accent data-[state=off]:hover:bg-accent`,ghost:`bg-transparent data-[state=off]:hover:bg-accent`},size:{xs:`gap-1 h-6 px-1.5 text-2xs`,sm:`gap-2 h-7 px-2 text-xs`,md:`gap-3 h-8 px-4 text-sm`,lg:`gap-4 h-9 px-6 text-base`,xl:`gap-5 h-10 px-8 text-lg`,"2xl":`gap-6 h-12 px-10 text-xl`},shape:{auto:`rounded-md`,rounded:`rounded-full`,square:`h-8 w-8 p-0 gap-0 rounded-md`,circle:`h-8 w-8 p-0 gap-0 rounded-full`}},compoundVariants:[{color:`primary`,variant:`soft`,class:`data-[state=on]:bg-primary/20 data-[state=on]:text-primary`},{color:`destructive`,variant:`soft`,class:`data-[state=on]:bg-destructive/20 data-[state=on]:text-destructive`},{color:`success`,variant:`soft`,class:`data-[state=on]:bg-success/20 data-[state=on]:text-success`},{color:`warning`,variant:`soft`,class:`data-[state=on]:bg-warning/20 data-[state=on]:text-warning`},{color:`info`,variant:`soft`,class:`data-[state=on]:bg-info/20 data-[state=on]:text-info`},{color:`carbon`,variant:`soft`,class:`data-[state=on]:bg-carbon/20 data-[state=on]:text-carbon`},{color:`secondary`,variant:`soft`,class:`data-[state=on]:bg-secondary-foreground/10 data-[state=on]:text-secondary-foreground`},{color:`accent`,variant:`soft`,class:`data-[state=on]:bg-accent-foreground/10 data-[state=on]:text-accent-foreground`},{color:`primary`,variant:`ghost`,class:`data-[state=on]:bg-primary/20 data-[state=on]:text-primary`},{color:`destructive`,variant:`ghost`,class:`data-[state=on]:bg-destructive/20 data-[state=on]:text-destructive`},{color:`success`,variant:`ghost`,class:`data-[state=on]:bg-success/20 data-[state=on]:text-success`},{color:`warning`,variant:`ghost`,class:`data-[state=on]:bg-warning/20 data-[state=on]:text-warning`},{color:`info`,variant:`ghost`,class:`data-[state=on]:bg-info/20 data-[state=on]:text-info`},{color:`carbon`,variant:`ghost`,class:`data-[state=on]:bg-carbon/20 data-[state=on]:text-carbon`},{color:`secondary`,variant:`ghost`,class:`data-[state=on]:bg-secondary-foreground/10 data-[state=on]:text-secondary-foreground`},{color:`accent`,variant:`ghost`,class:`data-[state=on]:bg-accent-foreground/10 data-[state=on]:text-accent-foreground`},{size:`xs`,shape:[`square`,`circle`],class:`w-6`},{size:`sm`,shape:[`square`,`circle`],class:`w-7`},{size:`md`,shape:[`square`,`circle`],class:`w-8`},{size:`lg`,shape:[`square`,`circle`],class:`w-9`},{size:`xl`,shape:[`square`,`circle`],class:`w-10`},{size:`2xl`,shape:[`square`,`circle`],class:`w-12`}],defaultVariants:{color:`accent`,variant:`ghost`,size:`md`,shape:`auto`}});export{t as toggleVariants};

package/dist/styles/toolbar.js

@@ -0,0 +1 @@
+import{scv as e}from"@soybeanjs/cva";const t=[`inline-flex items-center justify-center rounded-sm font-medium transition-colors`,`outline-none hover:bg-accent hover:text-accent-foreground`,`focus-visible:ring-3 focus-visible:ring-primary/30`,`data-[disabled]:pointer-events-none data-[disabled]:opacity-50`,`aria-disabled:pointer-events-none aria-disabled:opacity-50`,`[&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*=size-])]:size-4`],n=e({slots:{root:[`inline-flex items-center rounded-md border border-border bg-background shadow-xs`,`data-[orientation=vertical]:h-auto data-[orientation=vertical]:w-fit data-[orientation=vertical]:flex-col`],button:t,link:[...t,`select-none no-underline`],linkIcon:`shrink-0 self-start text-muted-foreground rtl:rotate-270`,separator:[`shrink-0 bg-border data-[orientation=vertical]:w-px`,`data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full`],toggleGroup:`inline-flex items-center data-[orientation=vertical]:flex-col`,toggleItem:[...t,`data-[state=on]:bg-accent data-[state=on]:text-accent-foreground`]},variants:{size:{xs:{root:`gap-0.5 p-0.5 data-[orientation=horizontal]:h-6`,button:`h-5 min-w-5 gap-1 px-1 text-2xs`,link:`h-5 min-w-5 gap-1 px-1 text-2xs`,linkIcon:`size-2 -ms-1`,separator:`data-[orientation=vertical]:mx-0.5 data-[orientation=vertical]:h-3 data-[orientation=horizontal]:my-0.5`,toggleGroup:`gap-0.5`,toggleItem:`h-5 min-w-5 gap-1 px-1 text-2xs`},sm:{root:`gap-0.5 p-0.5 data-[orientation=horizontal]:h-7`,button:`h-6 min-w-6 gap-1 px-1.5 text-xs`,link:`h-6 min-w-6 gap-1 px-1.5 text-xs`,linkIcon:`size-2.5 -ms-1.5`,separator:`data-[orientation=vertical]:mx-0.5 data-[orientation=vertical]:h-4 data-[orientation=horizontal]:my-0.5`,toggleGroup:`gap-0.5`,toggleItem:`h-6 min-w-6 gap-1 px-1.5 text-xs`},md:{root:`gap-1 p-1 data-[orientation=horizontal]:h-9`,button:`h-7 min-w-7 gap-1 px-2 text-sm`,link:`h-7 min-w-7 gap-1 px-2 text-sm`,linkIcon:`size-3 -ms-2`,separator:`data-[orientation=vertical]:mx-1 data-[orientation=vertical]:h-4 data-[orientation=horizontal]:my-1`,toggleGroup:`gap-1`,toggleItem:`h-7 min-w-7 gap-1 px-2 text-sm`},lg:{root:`gap-1 p-1 data-[orientation=horizontal]:h-10`,button:`h-8 min-w-8 gap-2 px-2.5 text-base`,link:`h-8 min-w-8 gap-2 px-2.5 text-base`,linkIcon:`size-3.5 -ms-2.5`,separator:`data-[orientation=vertical]:mx-1 data-[orientation=vertical]:h-5 data-[orientation=horizontal]:my-1`,toggleGroup:`gap-1`,toggleItem:`h-8 min-w-8 gap-2 px-2.5 text-base`},xl:{root:`gap-1.5 p-1.5 data-[orientation=horizontal]:h-12`,button:`h-9 min-w-9 gap-2.5 px-3 text-lg`,link:`h-9 min-w-9 gap-2.5 px-3 text-lg`,linkIcon:`size-4 -ms-3`,separator:`data-[orientation=vertical]:mx-1.5 data-[orientation=vertical]:h-6 data-[orientation=horizontal]:my-1.5`,toggleGroup:`gap-1.5`,toggleItem:`h-9 min-w-9 gap-2.5 px-3 text-lg`},"2xl":{root:`gap-2 p-2 data-[orientation=horizontal]:h-14`,button:`h-10 min-w-10 gap-3 px-3.5 text-xl`,link:`h-10 min-w-10 gap-3 px-3.5 text-xl`,linkIcon:`size-4.5 -ms-3.5`,separator:`data-[orientation=vertical]:mx-2 data-[orientation=vertical]:h-7 data-[orientation=horizontal]:my-2`,toggleGroup:`gap-2`,toggleItem:`h-10 min-w-10 gap-3 px-3.5 text-xl`}}},defaultVariants:{size:`md`}});export{n as toolbarVariants};

package/dist/styles/tooltip.js

@@ -0,0 +1 @@
+import{scv as e}from"@soybeanjs/cva";const t=e({slots:{positioner:`w-max`,popup:[`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 data-[state=closed]:fade-out-0 data-[state=closed]: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:{popup:`px-2 py-1 text-2xs`,arrow:`text-3xs`},sm:{popup:`px-2.5 py-1.25 text-xs`,arrow:`text-2xs`},md:{popup:`px-3 py-1.5 text-sm`,arrow:`text-xs`},lg:{popup:`px-3.5 py-1.75 text-base`,arrow:`text-sm`},xl:{popup:`px-4 py-2 text-lg`,arrow:`text-base`},"2xl":{popup:`px-4.5 py-2.5 text-xl`,arrow:`text-lg`}}},defaultVariants:{size:`md`}});export{t as tooltipVariants};

package/dist/styles/tree-menu.js

@@ -0,0 +1 @@
+import{scv as e}from"@soybeanjs/cva";const t=e({slots:{root:`group flex-1 flex flex-col w-full h-full overflow-auto data-[state=collapsed]:w-[--soybean-tree-menu-collapsed-width] transition-[width,height]-200 ease-out`,groupRoot:`group-data-[state=collapsed]:mb-0`,group:`flex flex-col m-0 p-0 list-none`,groupLabel:`flex items-center text-foreground/70 group-data-[state=collapsed]:size-0 group-data-[state=collapsed]:p-0 group-data-[state=collapsed]:opacity-0 group-data-[state=collapsed]:overflow-hidden transition-[height,padding,opacity]-200`,item:`relative m-0 p-0 group-data-[state=collapsed]:hover:bg-sidebar-accent group-data-[state=collapsed]:hover:rounded-sm`,button:[`group/button relative flex items-center w-full rounded-sm outline-none cursor-pointer select-none group-data-[state=collapsed]:overflow-hidden`,`data-[active=true]:bg-primary/10 data-[active=true]:text-primary`,`data-[active=false]:hover:bg-sidebar-accent data-[active=false]:focus:bg-sidebar-accent`,`data-[child-active]:text-primary`,`data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50`],collapsibleRoot:``,collapsibleTrigger:``,collapsibleContent:[`overflow-hidden transition will-change-auto`,`data-[state=open]:animate-collapsible-down data-[state=closed]:animate-collapsible-up`],collapsibleIcon:`shrink-0 ms-auto text-muted-foreground transition-transform-200 group-data-[state=open]/button:rotate-90 group-data-[child-active]/button:text-primary`,sub:`flex flex-col m-0 list-none ms-[--soybean-tree-menu-indent] border-s border-sidebar-border border-solid`,itemLabel:`truncate`,itemLinkIcon:`shrink-0 self-start text-muted-foreground rtl:rotate-270`,itemBadge:``,itemTag:`shrink-0 ms-auto inline-flex items-center rounded-sm bg-accent/15 text-accent-foreground`,itemAction:[`absolute end-0 top-1/2 -translate-y-1/2 z-2 inline-flex items-center justify-center rounded-sm text-muted-foreground outline-none transition-colors`,`focus-visible:bg-sidebar-accent focus-visible:text-foreground focus-visible:ring-3 focus-visible:ring-accent-foreground/20`,`disabled:pointer-events-none disabled:opacity-50`],itemAbsolute:`absolute inset-0 z-1 cursor-pointer`},variants:{size:{xs:{root:`gap-0.875 p-1.5 text-2xs`,groupRoot:`mb-0.875`,groupLabel:`h-6 gap-1 px-1.5 py-1 text-3xs`,group:`gap-0.875`,button:`gap-1.5 h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6`,sub:`gap-0.875 ps-1.5 pt-0.875`,subButton:`gap-1.5 h-6 px-1.5 py-1 group-data-[state=collapsed]:w-6`,itemLinkIcon:`size-2 -ms-1`,itemTag:`min-h-3.5 px-1 text-4xs`,itemAction:`end-1 size-4 text-2xs`},sm:{root:`gap-1 p-1.75 text-xs`,groupRoot:`mb-1`,groupLabel:`h-7 gap-1.5 px-1.75 py-1 text-2xs`,group:`gap-1`,button:`gap-1.75 h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7`,sub:`gap-1 ps-1.75 pt-1`,subButton:`gap-1.75 h-7 px-1.75 py-1 group-data-[state=collapsed]:w-7`,itemLinkIcon:`size-2.5 -ms-1.5`,itemTag:`min-h-4 px-1.25 text-3xs`,itemAction:`end-1.25 size-4.5 text-xs`},md:{root:`gap-1.25 p-2 text-sm`,groupRoot:`mb-1.25`,groupLabel:`h-8 gap-2 px-2 py-1.5 text-xs`,group:`gap-1.25`,button:`gap-2 h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8`,sub:`gap-1.25 ps-2 pt-1.25`,subButton:`gap-2 h-8 px-2 py-1.5 group-data-[state=collapsed]:w-8`,itemLinkIcon:`size-3 -ms-2`,itemTag:`min-h-4.5 px-1.5 text-2xs`,itemAction:`end-1.5 size-5 text-sm`},lg:{root:`gap-1.5 p-2.25 text-base`,groupRoot:`mb-1.5`,groupLabel:`h-9 gap-2.5 px-2.25 py-1.5 text-sm`,group:`gap-1.5`,button:`gap-2.25 h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9`,sub:`gap-1.5 ps-2.25 pt-1.5`,subButton:`gap-2.25 h-9 px-2.25 py-1.5 group-data-[state=collapsed]:w-9`,itemLinkIcon:`size-3.5 -ms-2.5`,itemTag:`min-h-5 px-1.75 text-xs`,itemAction:`end-1.75 size-5.5 text-base`},xl:{root:`gap-2 p-2.5 text-lg`,groupRoot:`mb-2`,groupLabel:`h-10 gap-3 px-2.5 py-2 text-base`,group:`gap-2`,button:`gap-2.5 h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10`,sub:`gap-2 ps-2.5 pt-2`,subButton:`gap-2.5 h-10 px-2.5 py-2 group-data-[state=collapsed]:w-10`,itemLinkIcon:`size-4 -ms-3`,itemTag:`min-h-5.5 px-2 text-sm`,itemAction:`end-2 size-6 text-lg`},"2xl":{root:`gap-2.5 p-3 text-xl`,groupRoot:`mb-2.5`,groupLabel:`h-12 gap-3.5 px-3 py-2.5 text-lg`,group:`gap-2.5`,button:`gap-3 h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12`,sub:`gap-2.5 ps-3 pt-2.5`,subButton:`gap-3 h-12 px-3 py-2.5 group-data-[state=collapsed]:w-12`,itemLinkIcon:`size-5 -ms-4`,itemTag:`min-h-6 px-2.5 text-base`,itemAction:`end-2.5 size-7 text-xl`}}},defaultVariants:{size:`md`}});export{t as treeMenuVariants};

package/dist/styles.css

@@ -6,45 +6,6 @@
 .data-\[motion\^\=to-\]\:animate-out[data-motion^=to-],
 .data-\[state\=closed\]\:animate-out[data-state=closed],
 .data-\[state\=hidden\]\:animate-out[data-state=hidden]{animation:una-out;animation-name:una-out;animation-duration:150ms;--una-exit-opacity:initial;--una-exit-scale:initial;--una-exit-rotate:initial;--una-exit-translate-x:initial;--una-exit-translate-y:initial;}
-/* layer: preflights */
-*,::before,::after{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}::backdrop{--un-rotate:0;--un-rotate-x:0;--un-rotate-y:0;--un-rotate-z:0;--un-scale-x:1;--un-scale-y:1;--un-scale-z:1;--un-skew-x:0;--un-skew-y:0;--un-translate-x:0;--un-translate-y:0;--un-translate-z:0;--un-pan-x: ;--un-pan-y: ;--un-pinch-zoom: ;--un-scroll-snap-strictness:proximity;--un-ordinal: ;--un-slashed-zero: ;--un-numeric-figure: ;--un-numeric-spacing: ;--un-numeric-fraction: ;--un-border-spacing-x:0;--un-border-spacing-y:0;--un-ring-offset-shadow:0 0 rgb(0 0 0 / 0);--un-ring-shadow:0 0 rgb(0 0 0 / 0);--un-shadow-inset: ;--un-shadow:0 0 rgb(0 0 0 / 0);--un-ring-inset: ;--un-ring-offset-width:0px;--un-ring-offset-color:#fff;--un-ring-width:0px;--un-ring-color:rgb(147 197 253 / 0.5);--un-blur: ;--un-brightness: ;--un-contrast: ;--un-drop-shadow: ;--un-grayscale: ;--un-hue-rotate: ;--un-invert: ;--un-saturate: ;--un-sepia: ;--un-backdrop-blur: ;--un-backdrop-brightness: ;--un-backdrop-contrast: ;--un-backdrop-grayscale: ;--un-backdrop-hue-rotate: ;--un-backdrop-invert: ;--un-backdrop-opacity: ;--un-backdrop-saturate: ;--un-backdrop-sepia: ;}
-
-      * {
-        border-color: hsl(var(--border) / var(--border-alpha, 1));
-      }
-
-      button {
-        background-color: transparent;
-      }
-
-      body {
-        color: hsl(var(--foreground));
-        background: hsl(var(--background));
-      }
-
-      html.size-xs {
-        font-size: 12px;
-      }
-      html.size-sm {
-        font-size: 14px;
-      }
-      html.size-md {
-        font-size: 16px;
-      }
-      html.size-lg {
-        font-size: 18px;
-      }
-      html.size-xl {
-        font-size: 20px;
-      }
-      html.size-2xl {
-        font-size: 24px;
-      }
-
-      @keyframes shadcn-down { from{ height: 0 } to { height: var(--soybean-accordion-content-height)} }
-      @keyframes shadcn-up { from{ height: var(--soybean-accordion-content-height)} to { height: 0 } }
-      @keyframes shadcn-collapsible-down { from{ height: 0 } to { height: var(--soybean-collapsible-content-height)} }
-      @keyframes shadcn-collapsible-up { from{ height: var(--soybean-collapsible-content-height)} to { height: 0 } }
 /* layer: shortcuts */
 .container{width:100%;}
 @media (min-width: 640px){
@@ -387,7 +348,6 @@
 .block,
 .group:hover .group-hover\:block{display:block;}
 .inline-block{display:inline-block;}
-.contents{display:contents;}
 .hidden{display:none;}
 .aspect-square{aspect-ratio:1/1;}
 .\[\&_svg\:not\(\[class\*\=size-\]\)\]\:size-4 svg:not([class*=size-]),
@@ -436,6 +396,11 @@
 .data-\[orientation\=horizontal\]\:h-3[data-orientation=horizontal],
 .data-\[orientation\=vertical\]\:h-3[data-orientation=vertical],
 .h-3{height:0.75rem;}
+.data-\[orientation\=horizontal\]\:h-3\.5[data-orientation=horizontal],
+.h-3\.5{height:0.875rem;}
+.data-\[orientation\=horizontal\]\:h-4[data-orientation=horizontal],
+.data-\[orientation\=vertical\]\:h-4[data-orientation=vertical],
+.h-4{height:1rem;}
 .data-\[orientation\=horizontal\]\:h-6[data-orientation=horizontal],
 .data-\[orientation\=vertical\]\:h-6[data-orientation=vertical],
 .h-6{height:1.5rem;}
@@ -455,8 +420,6 @@
 .data-\[orientation\=vertical\]\:w-full[data-orientation=vertical],
 .group[data-orientation=horizontal] .group-data-\[orientation\=horizontal\]\:w-full,
 .w-full{width:100%;}
-.data-\[orientation\=vertical\]\:h-4[data-orientation=vertical],
-.h-4{height:1rem;}
 .data-\[orientation\=vertical\]\:h-5[data-orientation=vertical],
 .h-5{height:1.25rem;}
 .data-\[orientation\=vertical\]\:h-auto[data-orientation=vertical]{height:auto;}
@@ -523,7 +486,6 @@
 .h-2\/3{height:66.6666666667%;}
 .h-20{height:5rem;}
 .h-24{height:6rem;}
-.h-3\.5{height:0.875rem;}
 .h-30{height:7.5rem;}
 .h-35{height:8.75rem;}
 .h-4\.5{height:1.125rem;}
@@ -542,10 +504,8 @@
 .max-h-60{max-height:15rem;}
 .max-h-65{max-height:16.25rem;}
 .max-h-70{max-height:17.5rem;}
-.max-h-72{max-height:18rem;}
 .max-h-75{max-height:18.75rem;}
 .max-h-80{max-height:20rem;}
-.max-h-80vh{max-height:80vh;}
 .max-h-90{max-height:22.5rem;}
 .max-w-3xl{max-width:48rem;}
 .max-w-4xl{max-width:56rem;}
@@ -572,7 +532,6 @@
 .min-h-5{min-height:1.25rem;}
 .min-h-5\.5{min-height:1.375rem;}
 .min-h-6{min-height:1.5rem;}
-.min-h-6\.5{min-height:1.625rem;}
 .min-h-7{min-height:1.75rem;}
 .min-h-8{min-height:2rem;}
 .min-h-9{min-height:2.25rem;}
@@ -607,7 +566,6 @@
 .w-\[--soybean-tabs-indicator-size\]{width:var(--soybean-tabs-indicator-size);}
 .w-\[calc\(var\(--soybean-sidebar-width\)\+var\(--soybean-layout-spacing\)\)\]{width:calc(var(--soybean-sidebar-width) + var(--soybean-layout-spacing));}
 .w-0\.5{width:0.125rem;}
-.w-0\.75{width:0.1875rem;}
 .w-100{width:25rem;}
 .w-11{width:2.75rem;}
 .w-110{width:27.5rem;}
@@ -643,10 +601,20 @@
 .w-max{width:max-content;}
 .data-\[fixed-first-end\]\:before\:w-4[data-fixed-first-end]::before{width:1rem;}
 .after\:w-\[calc\(var\(--soybean-layout-spacing\)\/8\)\]::after{width:calc(var(--soybean-layout-spacing) / 8);}
+.after\:w-0\.5::after{width:0.125rem;}
+.after\:w-0\.75::after{width:0.1875rem;}
 .after\:w-1::after{width:0.25rem;}
+.after\:w-1\.25::after{width:0.3125rem;}
+.after\:w-1\.5::after{width:0.375rem;}
+.after\:w-2::after{width:0.5rem;}
 .after\:w-px::after{width:1px;}
 .data-\[fixed-last-start\]\:after\:w-4[data-fixed-last-start]::after{width:1rem;}
+.data-\[orientation\=vertical\]\:after\:h-0\.5[data-orientation=vertical]::after{height:0.125rem;}
+.data-\[orientation\=vertical\]\:after\:h-0\.75[data-orientation=vertical]::after{height:0.1875rem;}
 .data-\[orientation\=vertical\]\:after\:h-1[data-orientation=vertical]::after{height:0.25rem;}
+.data-\[orientation\=vertical\]\:after\:h-1\.25[data-orientation=vertical]::after{height:0.3125rem;}
+.data-\[orientation\=vertical\]\:after\:h-1\.5[data-orientation=vertical]::after{height:0.375rem;}
+.data-\[orientation\=vertical\]\:after\:h-2[data-orientation=vertical]::after{height:0.5rem;}
 .data-\[orientation\=vertical\]\:after\:w-full[data-orientation=vertical]::after{width:100%;}
 .flex{display:flex;}
 .inline-flex,
@@ -659,7 +627,6 @@
 .flex-shrink-0,
 .group[data-orientation=horizontal] .group-data-\[orientation\=horizontal\]\:shrink-0,
 .shrink-0{flex-shrink:0;}
-.flex-shrink{flex-shrink:1;}
 .flex-grow,
 .grow{flex-grow:1;}
 .grow-0{flex-grow:0;}
@@ -731,8 +698,12 @@
 .transform-gpu{transform:translate3d(var(--un-translate-x), var(--un-translate-y), var(--un-translate-z)) rotate(var(--un-rotate)) rotateX(var(--un-rotate-x)) rotateY(var(--un-rotate-y)) rotateZ(var(--un-rotate-z)) skewX(var(--un-skew-x)) skewY(var(--un-skew-y)) scaleX(var(--un-scale-x)) scaleY(var(--un-scale-y)) scaleZ(var(--un-scale-z));}
 @keyframes una-in{from{opacity:var(--una-enter-opacity,1);transform:translate3d(var(--una-enter-translate-x,0),var(--una-enter-translate-y,0),0) scale3d(var(--una-enter-scale,1),var(--una-enter-scale,1),var(--una-enter-scale,1)) rotate(var(--una-enter-rotate,0))}}
 @keyframes una-out{to{opacity:var(--una-exit-opacity,1);transform:translate3d(var(--una-exit-translate-x,0),var(--una-exit-translate-y,0),0) scale3d(var(--una-exit-scale,1),var(--una-exit-scale,1),var(--una-exit-scale,1)) rotate(var(--una-exit-rotate,0))}}
+@keyframes collapsible-down{from{ height: 0 } to { height: var(--soybean-collapsible-content-height)}}
+@keyframes collapsible-up{from{ height: var(--soybean-collapsible-content-height)} to { height: 0 }}
 @keyframes pulse{0%, 100% {opacity:1} 50% {opacity:.5}}
 .animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,.6,1) infinite;}
+.data-\[state\=closed\]\:animate-collapsible-up[data-state=closed]{animation:collapsible-up 200ms ease-out 1;}
+.data-\[state\=open\]\:animate-collapsible-down[data-state=open]{animation:collapsible-down 200ms ease-out 1;}
 .cursor-default,
 .data-\[disabled\]\:cursor-default[data-disabled],
 .data-\[readonly\]\:cursor-default[data-readonly]{cursor:default;}
@@ -913,14 +884,14 @@
 .group[data-state=completed] .group-data-\[state\=completed\]\:border-success\/25{border-color:hsl(var(--success) / 0.25);}
 .group[data-state=completed] .group-data-\[state\=completed\]\:border-warning\/25{border-color:hsl(var(--warning) / 0.25);}
 .focus-within\:border-input:focus-within{--un-border-opacity:var(--input-alpha, 1);border-color:hsl(var(--input) / var(--un-border-opacity));}
-.hover\:border-accent-foreground:hover{--un-border-opacity:1;border-color:hsl(var(--accent-foreground) / var(--un-border-opacity));}
-.hover\:border-carbon:hover{--un-border-opacity:1;border-color:hsl(var(--carbon) / var(--un-border-opacity));}
-.hover\:border-destructive:hover{--un-border-opacity:1;border-color:hsl(var(--destructive) / var(--un-border-opacity));}
-.hover\:border-info:hover{--un-border-opacity:1;border-color:hsl(var(--info) / var(--un-border-opacity));}
-.hover\:border-primary:hover{--un-border-opacity:1;border-color:hsl(var(--primary) / var(--un-border-opacity));}
-.hover\:border-secondary-foreground:hover{--un-border-opacity:1;border-color:hsl(var(--secondary-foreground) / var(--un-border-opacity));}
-.hover\:border-success:hover{--un-border-opacity:1;border-color:hsl(var(--success) / var(--un-border-opacity));}
-.hover\:border-warning:hover{--un-border-opacity:1;border-color:hsl(var(--warning) / var(--un-border-opacity));}
+.data-\[normal\]\:hover\:border-accent-foreground:hover[data-normal]{--un-border-opacity:1;border-color:hsl(var(--accent-foreground) / var(--un-border-opacity));}
+.data-\[normal\]\:hover\:border-carbon:hover[data-normal]{--un-border-opacity:1;border-color:hsl(var(--carbon) / var(--un-border-opacity));}
+.data-\[normal\]\:hover\:border-destructive:hover[data-normal]{--un-border-opacity:1;border-color:hsl(var(--destructive) / var(--un-border-opacity));}
+.data-\[normal\]\:hover\:border-info:hover[data-normal]{--un-border-opacity:1;border-color:hsl(var(--info) / var(--un-border-opacity));}
+.data-\[normal\]\:hover\:border-primary:hover[data-normal]{--un-border-opacity:1;border-color:hsl(var(--primary) / var(--un-border-opacity));}
+.data-\[normal\]\:hover\:border-secondary-foreground:hover[data-normal]{--un-border-opacity:1;border-color:hsl(var(--secondary-foreground) / var(--un-border-opacity));}
+.data-\[normal\]\:hover\:border-success:hover[data-normal]{--un-border-opacity:1;border-color:hsl(var(--success) / var(--un-border-opacity));}
+.data-\[normal\]\:hover\:border-warning:hover[data-normal]{--un-border-opacity:1;border-color:hsl(var(--warning) / var(--un-border-opacity));}
 .data-\[orientation\=horizontal\]\:border-t-transparent[data-orientation=horizontal]{border-top-color:transparent;}
 .data-\[orientation\=vertical\]\:border-s-transparent[data-orientation=vertical]{border-inline-start-color:transparent;}
 .\[\&\:has\(\[data-selected\]\)\]\:rounded-md:has([data-selected]),
@@ -1051,7 +1022,6 @@
 .data-\[state\=active\]\:bg-info\/10[data-state=active]{background-color:hsl(var(--info) / 0.1) /* hsl(var(--info)) */;}
 .bg-muted{--un-bg-opacity:1;background-color:hsl(var(--muted) / var(--un-bg-opacity)) /* hsl(var(--muted)) */;}
 .bg-muted-foreground{--un-bg-opacity:1;background-color:hsl(var(--muted-foreground) / var(--un-bg-opacity)) /* hsl(var(--muted-foreground)) */;}
-.bg-muted-foreground\/70{background-color:hsl(var(--muted-foreground) / 0.7) /* hsl(var(--muted-foreground)) */;}
 .bg-popover{--un-bg-opacity:1;background-color:hsl(var(--popover) / var(--un-bg-opacity)) /* hsl(var(--popover)) */;}
 .bg-primary\/10,
 .data-\[active\=true\]\:bg-primary\/10[data-active=true],
@@ -1113,6 +1083,23 @@
 .dark .group\/item[data-active=true] .dark\:group-data-\[active\=true\]\/item\:hover\:bg-accent-foreground\/20:hover{background-color:hsl(var(--accent-foreground) / 0.2) /* hsl(var(--accent-foreground)) */;}
 .data-\[active\=false\]\:hover\:bg-accent:hover[data-active=false]{--un-bg-opacity:1;background-color:hsl(var(--accent) / var(--un-bg-opacity)) /* hsl(var(--accent)) */;}
 .data-\[active\=false\]\:hover\:bg-sidebar-accent:hover[data-active=false]{--un-bg-opacity:1;background-color:hsl(var(--sidebar-accent) / var(--un-bg-opacity)) /* hsl(var(--sidebar-accent)) */;}
+.data-\[normal\]\:hover\:bg-accent-foreground\/10:hover[data-normal]{background-color:hsl(var(--accent-foreground) / 0.1) /* hsl(var(--accent-foreground)) */;}
+.data-\[normal\]\:hover\:bg-accent\/60:hover[data-normal]{background-color:hsl(var(--accent) / 0.6) /* hsl(var(--accent)) */;}
+.data-\[normal\]\:hover\:bg-accent\/80:hover[data-normal]{background-color:hsl(var(--accent) / 0.8) /* hsl(var(--accent)) */;}
+.data-\[normal\]\:hover\:bg-carbon\/10:hover[data-normal]{background-color:hsl(var(--carbon) / 0.1) /* hsl(var(--carbon)) */;}
+.data-\[normal\]\:hover\:bg-carbon\/80:hover[data-normal]{background-color:hsl(var(--carbon) / 0.8) /* hsl(var(--carbon)) */;}
+.data-\[normal\]\:hover\:bg-destructive\/10:hover[data-normal]{background-color:hsl(var(--destructive) / 0.1) /* hsl(var(--destructive)) */;}
+.data-\[normal\]\:hover\:bg-destructive\/80:hover[data-normal]{background-color:hsl(var(--destructive) / 0.8) /* hsl(var(--destructive)) */;}
+.data-\[normal\]\:hover\:bg-info\/10:hover[data-normal]{background-color:hsl(var(--info) / 0.1) /* hsl(var(--info)) */;}
+.data-\[normal\]\:hover\:bg-info\/80:hover[data-normal]{background-color:hsl(var(--info) / 0.8) /* hsl(var(--info)) */;}
+.data-\[normal\]\:hover\:bg-primary\/10:hover[data-normal]{background-color:hsl(var(--primary) / 0.1) /* hsl(var(--primary)) */;}
+.data-\[normal\]\:hover\:bg-primary\/80:hover[data-normal]{background-color:hsl(var(--primary) / 0.8) /* hsl(var(--primary)) */;}
+.data-\[normal\]\:hover\:bg-secondary-foreground\/10:hover[data-normal]{background-color:hsl(var(--secondary-foreground) / 0.1) /* hsl(var(--secondary-foreground)) */;}
+.data-\[normal\]\:hover\:bg-secondary\/80:hover[data-normal]{background-color:hsl(var(--secondary) / 0.8) /* hsl(var(--secondary)) */;}
+.data-\[normal\]\:hover\:bg-success\/10:hover[data-normal]{background-color:hsl(var(--success) / 0.1) /* hsl(var(--success)) */;}
+.data-\[normal\]\:hover\:bg-success\/80:hover[data-normal]{background-color:hsl(var(--success) / 0.8) /* hsl(var(--success)) */;}
+.data-\[normal\]\:hover\:bg-warning\/10:hover[data-normal]{background-color:hsl(var(--warning) / 0.1) /* hsl(var(--warning)) */;}
+.data-\[normal\]\:hover\:bg-warning\/80:hover[data-normal]{background-color:hsl(var(--warning) / 0.8) /* hsl(var(--warning)) */;}
 .data-\[selected\]\:hover\:bg-accent\/60:hover[data-selected]{background-color:hsl(var(--accent) / 0.6) /* hsl(var(--accent)) */;}
 .data-\[selected\]\:hover\:bg-primary\/10:hover[data-selected]{background-color:hsl(var(--primary) / 0.1) /* hsl(var(--primary)) */;}
 .data-\[selected\]\:hover\:bg-primary\/80:hover[data-selected]{background-color:hsl(var(--primary) / 0.8) /* hsl(var(--primary)) */;}
@@ -1131,23 +1118,8 @@
 .hover\:bg-accent-foreground\/10:hover{background-color:hsl(var(--accent-foreground) / 0.1) /* hsl(var(--accent-foreground)) */;}
 .hover\:bg-accent:hover{--un-bg-opacity:1;background-color:hsl(var(--accent) / var(--un-bg-opacity)) /* hsl(var(--accent)) */;}
 .hover\:bg-accent\/60:hover{background-color:hsl(var(--accent) / 0.6) /* hsl(var(--accent)) */;}
-.hover\:bg-accent\/80:hover{background-color:hsl(var(--accent) / 0.8) /* hsl(var(--accent)) */;}
-.hover\:bg-carbon\/10:hover{background-color:hsl(var(--carbon) / 0.1) /* hsl(var(--carbon)) */;}
-.hover\:bg-carbon\/80:hover{background-color:hsl(var(--carbon) / 0.8) /* hsl(var(--carbon)) */;}
-.hover\:bg-destructive\/10:hover{background-color:hsl(var(--destructive) / 0.1) /* hsl(var(--destructive)) */;}
-.hover\:bg-destructive\/80:hover{background-color:hsl(var(--destructive) / 0.8) /* hsl(var(--destructive)) */;}
-.hover\:bg-info\/10:hover{background-color:hsl(var(--info) / 0.1) /* hsl(var(--info)) */;}
-.hover\:bg-info\/80:hover{background-color:hsl(var(--info) / 0.8) /* hsl(var(--info)) */;}
 .hover\:bg-primary-foreground:hover{--un-bg-opacity:1;background-color:hsl(var(--primary-foreground) / var(--un-bg-opacity)) /* hsl(var(--primary-foreground)) */;}
-.hover\:bg-primary\/10:hover{background-color:hsl(var(--primary) / 0.1) /* hsl(var(--primary)) */;}
-.hover\:bg-primary\/80:hover{background-color:hsl(var(--primary) / 0.8) /* hsl(var(--primary)) */;}
-.hover\:bg-secondary-foreground\/10:hover{background-color:hsl(var(--secondary-foreground) / 0.1) /* hsl(var(--secondary-foreground)) */;}
-.hover\:bg-secondary\/80:hover{background-color:hsl(var(--secondary) / 0.8) /* hsl(var(--secondary)) */;}
 .hover\:bg-sidebar:hover{--un-bg-opacity:1;background-color:hsl(var(--sidebar) / var(--un-bg-opacity)) /* hsl(var(--sidebar)) */;}
-.hover\:bg-success\/10:hover{background-color:hsl(var(--success) / 0.1) /* hsl(var(--success)) */;}
-.hover\:bg-success\/80:hover{background-color:hsl(var(--success) / 0.8) /* hsl(var(--success)) */;}
-.hover\:bg-warning\/10:hover{background-color:hsl(var(--warning) / 0.1) /* hsl(var(--warning)) */;}
-.hover\:bg-warning\/80:hover{background-color:hsl(var(--warning) / 0.8) /* hsl(var(--warning)) */;}
 .data-\[active\=false\]\:focus\:bg-accent:focus[data-active=false]{--un-bg-opacity:1;background-color:hsl(var(--accent) / var(--un-bg-opacity)) /* hsl(var(--accent)) */;}
 .data-\[active\=false\]\:focus\:bg-sidebar-accent:focus[data-active=false]{--un-bg-opacity:1;background-color:hsl(var(--sidebar-accent) / var(--un-bg-opacity)) /* hsl(var(--sidebar-accent)) */;}
 .focus\:bg-accent:focus{--un-bg-opacity:1;background-color:hsl(var(--accent) / var(--un-bg-opacity)) /* hsl(var(--accent)) */;}
@@ -1157,20 +1129,21 @@
 .focus-visible\:bg-accent\/60:focus-visible{background-color:hsl(var(--accent) / 0.6) /* hsl(var(--accent)) */;}
 .focus-visible\:bg-sidebar-accent:focus-visible{--un-bg-opacity:1;background-color:hsl(var(--sidebar-accent) / var(--un-bg-opacity)) /* hsl(var(--sidebar-accent)) */;}
 .active\:bg-accent-foreground\/20:active{background-color:hsl(var(--accent-foreground) / 0.2) /* hsl(var(--accent-foreground)) */;}
-.active\:bg-accent:active{--un-bg-opacity:1;background-color:hsl(var(--accent) / var(--un-bg-opacity)) /* hsl(var(--accent)) */;}
-.active\:bg-carbon-600:active{--un-bg-opacity:1;background-color:hsl(var(--carbon-600) / var(--un-bg-opacity)) /* hsl(var(--carbon-600)) */;}
-.active\:bg-carbon\/20:active{background-color:hsl(var(--carbon) / 0.2) /* hsl(var(--carbon)) */;}
-.active\:bg-destructive-600:active{--un-bg-opacity:1;background-color:hsl(var(--destructive-600) / var(--un-bg-opacity)) /* hsl(var(--destructive-600)) */;}
-.active\:bg-destructive\/20:active{background-color:hsl(var(--destructive) / 0.2) /* hsl(var(--destructive)) */;}
-.active\:bg-info-600:active{--un-bg-opacity:1;background-color:hsl(var(--info-600) / var(--un-bg-opacity)) /* hsl(var(--info-600)) */;}
-.active\:bg-info\/20:active{background-color:hsl(var(--info) / 0.2) /* hsl(var(--info)) */;}
-.active\:bg-primary-600:active{--un-bg-opacity:1;background-color:hsl(var(--primary-600) / var(--un-bg-opacity)) /* hsl(var(--primary-600)) */;}
-.active\:bg-primary\/20:active{background-color:hsl(var(--primary) / 0.2) /* hsl(var(--primary)) */;}
-.active\:bg-secondary-foreground\/20:active{background-color:hsl(var(--secondary-foreground) / 0.2) /* hsl(var(--secondary-foreground)) */;}
-.active\:bg-success-600:active{--un-bg-opacity:1;background-color:hsl(var(--success-600) / var(--un-bg-opacity)) /* hsl(var(--success-600)) */;}
-.active\:bg-success\/20:active{background-color:hsl(var(--success) / 0.2) /* hsl(var(--success)) */;}
-.active\:bg-warning-600:active{--un-bg-opacity:1;background-color:hsl(var(--warning-600) / var(--un-bg-opacity)) /* hsl(var(--warning-600)) */;}
-.active\:bg-warning\/20:active{background-color:hsl(var(--warning) / 0.2) /* hsl(var(--warning)) */;}
+.data-\[normal\]\:active\:bg-accent-foreground\/20:active[data-normal]{background-color:hsl(var(--accent-foreground) / 0.2) /* hsl(var(--accent-foreground)) */;}
+.data-\[normal\]\:active\:bg-accent:active[data-normal]{--un-bg-opacity:1;background-color:hsl(var(--accent) / var(--un-bg-opacity)) /* hsl(var(--accent)) */;}
+.data-\[normal\]\:active\:bg-carbon-600:active[data-normal]{--un-bg-opacity:1;background-color:hsl(var(--carbon-600) / var(--un-bg-opacity)) /* hsl(var(--carbon-600)) */;}
+.data-\[normal\]\:active\:bg-carbon\/20:active[data-normal]{background-color:hsl(var(--carbon) / 0.2) /* hsl(var(--carbon)) */;}
+.data-\[normal\]\:active\:bg-destructive-600:active[data-normal]{--un-bg-opacity:1;background-color:hsl(var(--destructive-600) / var(--un-bg-opacity)) /* hsl(var(--destructive-600)) */;}
+.data-\[normal\]\:active\:bg-destructive\/20:active[data-normal]{background-color:hsl(var(--destructive) / 0.2) /* hsl(var(--destructive)) */;}
+.data-\[normal\]\:active\:bg-info-600:active[data-normal]{--un-bg-opacity:1;background-color:hsl(var(--info-600) / var(--un-bg-opacity)) /* hsl(var(--info-600)) */;}
+.data-\[normal\]\:active\:bg-info\/20:active[data-normal]{background-color:hsl(var(--info) / 0.2) /* hsl(var(--info)) */;}
+.data-\[normal\]\:active\:bg-primary-600:active[data-normal]{--un-bg-opacity:1;background-color:hsl(var(--primary-600) / var(--un-bg-opacity)) /* hsl(var(--primary-600)) */;}
+.data-\[normal\]\:active\:bg-primary\/20:active[data-normal]{background-color:hsl(var(--primary) / 0.2) /* hsl(var(--primary)) */;}
+.data-\[normal\]\:active\:bg-secondary-foreground\/20:active[data-normal]{background-color:hsl(var(--secondary-foreground) / 0.2) /* hsl(var(--secondary-foreground)) */;}
+.data-\[normal\]\:active\:bg-success-600:active[data-normal]{--un-bg-opacity:1;background-color:hsl(var(--success-600) / var(--un-bg-opacity)) /* hsl(var(--success-600)) */;}
+.data-\[normal\]\:active\:bg-success\/20:active[data-normal]{background-color:hsl(var(--success) / 0.2) /* hsl(var(--success)) */;}
+.data-\[normal\]\:active\:bg-warning-600:active[data-normal]{--un-bg-opacity:1;background-color:hsl(var(--warning-600) / var(--un-bg-opacity)) /* hsl(var(--warning-600)) */;}
+.data-\[normal\]\:active\:bg-warning\/20:active[data-normal]{background-color:hsl(var(--warning) / 0.2) /* hsl(var(--warning)) */;}
 .data-\[selected\]\:active\:bg-accent:active[data-selected]{--un-bg-opacity:1;background-color:hsl(var(--accent) / var(--un-bg-opacity)) /* hsl(var(--accent)) */;}
 .data-\[selected\]\:active\:bg-primary-600:active[data-selected]{--un-bg-opacity:1;background-color:hsl(var(--primary-600) / var(--un-bg-opacity)) /* hsl(var(--primary-600)) */;}
 .data-\[selected\]\:active\:bg-primary\/20:active[data-selected]{background-color:hsl(var(--primary) / 0.2) /* hsl(var(--primary)) */;}
@@ -1234,8 +1207,6 @@
 .px-1\.5{padding-left:0.375rem;padding-right:0.375rem;}
 .data-\[segment\=timeZoneName\]\:px-2[data-segment=timeZoneName],
 .px-2{padding-left:0.5rem;padding-right:0.5rem;}
-.px,
-.px-4{padding-left:1rem;padding-right:1rem;}
 .px-0\.625{padding-left:0.15625rem;padding-right:0.15625rem;}
 .px-0\.875{padding-left:0.21875rem;padding-right:0.21875rem;}
 .px-1\.125{padding-left:0.28125rem;padding-right:0.28125rem;}
@@ -1247,6 +1218,7 @@
 .px-2\.875{padding-left:0.71875rem;padding-right:0.71875rem;}
 .px-3{padding-left:0.75rem;padding-right:0.75rem;}
 .px-3\.5{padding-left:0.875rem;padding-right:0.875rem;}
+.px-4{padding-left:1rem;padding-right:1rem;}
 .px-4\.5{padding-left:1.125rem;padding-right:1.125rem;}
 .px-5{padding-left:1.25rem;padding-right:1.25rem;}
 .px-6{padding-left:1.5rem;padding-right:1.5rem;}
@@ -1490,20 +1462,23 @@
 .text-secondary-foreground\/20{color:hsl(var(--secondary-foreground) / 0.2) /* hsl(var(--secondary-foreground)) */;}
 .text-secondary-foreground\/40{color:hsl(var(--secondary-foreground) / 0.4) /* hsl(var(--secondary-foreground)) */;}
 .dark .dark\:hover\:text-foreground:hover{--un-text-opacity:1;color:hsl(var(--foreground) / var(--un-text-opacity)) /* hsl(var(--foreground)) */;}
+.data-\[normal\]\:hover\:text-accent-foreground:hover[data-normal]{--un-text-opacity:1;color:hsl(var(--accent-foreground) / var(--un-text-opacity)) /* hsl(var(--accent-foreground)) */;}
+.data-\[normal\]\:hover\:text-carbon:hover[data-normal]{--un-text-opacity:1;color:hsl(var(--carbon) / var(--un-text-opacity)) /* hsl(var(--carbon)) */;}
+.data-\[normal\]\:hover\:text-destructive:hover[data-normal]{--un-text-opacity:1;color:hsl(var(--destructive) / var(--un-text-opacity)) /* hsl(var(--destructive)) */;}
+.data-\[normal\]\:hover\:text-info:hover[data-normal]{--un-text-opacity:1;color:hsl(var(--info) / var(--un-text-opacity)) /* hsl(var(--info)) */;}
+.data-\[normal\]\:hover\:text-primary:hover[data-normal]{--un-text-opacity:1;color:hsl(var(--primary) / var(--un-text-opacity)) /* hsl(var(--primary)) */;}
+.data-\[normal\]\:hover\:text-secondary-foreground:hover[data-normal]{--un-text-opacity:1;color:hsl(var(--secondary-foreground) / var(--un-text-opacity)) /* hsl(var(--secondary-foreground)) */;}
+.data-\[normal\]\:hover\:text-success:hover[data-normal]{--un-text-opacity:1;color:hsl(var(--success) / var(--un-text-opacity)) /* hsl(var(--success)) */;}
+.data-\[normal\]\:hover\:text-warning:hover[data-normal]{--un-text-opacity:1;color:hsl(var(--warning) / var(--un-text-opacity)) /* hsl(var(--warning)) */;}
 .data-\[selected\]\:hover\:text-primary-foreground:hover[data-selected]{--un-text-opacity:1;color:hsl(var(--primary-foreground) / var(--un-text-opacity)) /* hsl(var(--primary-foreground)) */;}
 .data-\[selection-end\]\:hover\:text-primary-foreground:hover[data-selection-end]{--un-text-opacity:1;color:hsl(var(--primary-foreground) / var(--un-text-opacity)) /* hsl(var(--primary-foreground)) */;}
 .data-\[selection-start\]\:hover\:text-primary-foreground:hover[data-selection-start]{--un-text-opacity:1;color:hsl(var(--primary-foreground) / var(--un-text-opacity)) /* hsl(var(--primary-foreground)) */;}
 .data-\[soybean-pagination-action\]\:hover\:text-primary-foreground:hover[data-soybean-pagination-action]{--un-text-opacity:1;color:hsl(var(--primary-foreground) / var(--un-text-opacity)) /* hsl(var(--primary-foreground)) */;}
 .hover\:text-accent-foreground:hover{--un-text-opacity:1;color:hsl(var(--accent-foreground) / var(--un-text-opacity)) /* hsl(var(--accent-foreground)) */;}
-.hover\:text-carbon:hover{--un-text-opacity:1;color:hsl(var(--carbon) / var(--un-text-opacity)) /* hsl(var(--carbon)) */;}
 .hover\:text-destructive:hover{--un-text-opacity:1;color:hsl(var(--destructive) / var(--un-text-opacity)) /* hsl(var(--destructive)) */;}
 .hover\:text-foreground:hover{--un-text-opacity:1;color:hsl(var(--foreground) / var(--un-text-opacity)) /* hsl(var(--foreground)) */;}
-.hover\:text-info:hover{--un-text-opacity:1;color:hsl(var(--info) / var(--un-text-opacity)) /* hsl(var(--info)) */;}
 .hover\:text-muted:hover{--un-text-opacity:1;color:hsl(var(--muted) / var(--un-text-opacity)) /* hsl(var(--muted)) */;}
-.hover\:text-primary:hover{--un-text-opacity:1;color:hsl(var(--primary) / var(--un-text-opacity)) /* hsl(var(--primary)) */;}
-.hover\:text-secondary-foreground:hover{--un-text-opacity:1;color:hsl(var(--secondary-foreground) / var(--un-text-opacity)) /* hsl(var(--secondary-foreground)) */;}
 .hover\:text-success:hover{--un-text-opacity:1;color:hsl(var(--success) / var(--un-text-opacity)) /* hsl(var(--success)) */;}
-.hover\:text-warning:hover{--un-text-opacity:1;color:hsl(var(--warning) / var(--un-text-opacity)) /* hsl(var(--warning)) */;}
 .focus\:text-accent-foreground:focus{--un-text-opacity:1;color:hsl(var(--accent-foreground) / var(--un-text-opacity)) /* hsl(var(--accent-foreground)) */;}
 .data-\[selection-end\]\:focus-visible\:text-primary-foreground:focus-visible[data-selection-end]{--un-text-opacity:1;color:hsl(var(--primary-foreground) / var(--un-text-opacity)) /* hsl(var(--primary-foreground)) */;}
 .data-\[selection-start\]\:focus-visible\:text-primary-foreground:focus-visible[data-selection-start]{--un-text-opacity:1;color:hsl(var(--primary-foreground) / var(--un-text-opacity)) /* hsl(var(--primary-foreground)) */;}
@@ -1541,6 +1516,7 @@
 .font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;}
 .tabular-nums{--un-numeric-spacing:tabular-nums;font-variant-numeric:var(--un-ordinal) var(--un-slashed-zero) var(--un-numeric-figure) var(--un-numeric-spacing) var(--un-numeric-fraction);}
 .data-\[unavailable\]\:line-through[data-unavailable]{text-decoration-line:line-through;}
+.data-\[normal\]\:hover\:underline:hover[data-normal]{text-decoration-line:underline;}
 .hover\:underline:hover{text-decoration-line:underline;}
 .underline-offset-4{text-underline-offset:4px;}
 .decoration-none,
@@ -1631,7 +1607,6 @@
 .focus-within\:ring-offset-background:focus-within{--un-ring-offset-opacity:1;--un-ring-offset-color:hsl(var(--background) / var(--un-ring-offset-opacity)) /* hsl(var(--background)) */;}
 .focus\:ring-offset-background:focus{--un-ring-offset-opacity:1;--un-ring-offset-color:hsl(var(--background) / var(--un-ring-offset-opacity)) /* hsl(var(--background)) */;}
 .focus-visible\:ring-offset-background:focus-visible{--un-ring-offset-opacity:1;--un-ring-offset-color:hsl(var(--background) / var(--un-ring-offset-opacity)) /* hsl(var(--background)) */;}
-.filter{filter:var(--un-blur) var(--un-brightness) var(--un-contrast) var(--un-drop-shadow) var(--un-grayscale) var(--un-hue-rotate) var(--un-invert) var(--un-saturate) var(--un-sepia);}
 .transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .transition-\[border-color\,box-shadow\,transform\]{transition-property:border-color,box-shadow,transform;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
 .transition-\[box-shadow\,background-color\]{transition-property:box-shadow,background-color;transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-duration:150ms;}
@@ -1703,10 +1678,6 @@
 .data-\[state\=closed\]\:slide-out-to-bottom[data-state=closed]{--una-exit-translate-y:100%;}
 .data-\[state\=closed\]\:slide-out-to-left-1\/2[data-state=closed]{--una-exit-translate-x:-50%;}
 .data-\[state\=closed\]\:slide-out-to-top[data-state=closed]{--una-exit-translate-y:-100%;}
-.data-\[state\=open\]\:animate-accordion-down[data-state=open]{animation:shadcn-down 0.2s ease-out;}
-.data-\[state\=closed\]\:animate-accordion-up[data-state=closed]{animation:shadcn-up 0.2s ease-out;}
-.data-\[state\=open\]\:animate-collapsible-down[data-state=open]{animation:shadcn-collapsible-down 0.2s ease-out;}
-.data-\[state\=closed\]\:animate-collapsible-up[data-state=closed]{animation:shadcn-collapsible-up 0.2s ease-out;}
 @supports (overflow:clip){
 .supports-\[overflow\:clip\]\:overflow-clip{overflow:clip;}
 }
@@ -1718,7 +1689,6 @@
 .lt-md\:start-1\/10{inset-inline-start:10%;}
 .lt-md\:start-9\/10{inset-inline-start:90%;}
 .lt-md\:hidden{display:none;}
-.lt-md\:max-h-60vh{max-height:60vh;}
 .lt-md\:max-w-auto{max-width:auto;}
 .lt-md\:w-full{width:100%;}
 }
@@ -1726,7 +1696,8 @@
 .lt-sm\:start-1\/8{inset-inline-start:12.5%;}
 .lt-sm\:start-7\/8{inset-inline-start:87.5%;}
 .lt-sm\:hidden{display:none;}
-.lt-sm\:w-full{width:100%;}
+.lt-sm\:max-w-full{max-width:100%;}
+.lt-sm\:min-w-full{min-width:100%;}
 }
 @media (min-width: 640px){
 .sm\:max-w-sm{max-width:24rem;}

package/dist/theme/index.js

@@ -1 +1 @@
-import"./merge.js";import"./shared.js";import"./config.js";import"./context.js";
+import"./config.js";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/ui",
-  "version": "0.22.4",
+  "version": "0.23.1-beta.1",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "homepage": "https://github.com/soybeanjs/soybean-ui",
   "bugs": {
@@ -45,23 +45,21 @@
   },
   "dependencies": {
     "@iconify/vue": "^5.0.1",
+    "@soybeanjs/cva": "^0.0.9",
     "@soybeanjs/hooks": "^0.3.0",
     "@soybeanjs/shadcn-theme": "^0.3.1",
     "@soybeanjs/utils": "^0.1.1",
-    "clsx": "^2.1.1",
     "fuse.js": "^7.3.0",
-    "tailwind-merge": "^3.6.0",
-    "tailwind-variants": "^3.2.2",
     "valibot": "^1.4.0",
     "zod": "^4.4.3",
-    "@soybeanjs/headless": "^0.22.4"
+    "@soybeanjs/headless": "^0.23.1-beta.1"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.7.2",
     "@soybeanjs/eslint-config-vue": "^0.0.2",
     "@soybeanjs/unocss-preset": "^0.2.0",
-    "@soybeanjs/unocss-shadcn": "^0.4.0",
-    "@types/node": "^25.8.0",
+    "@soybeanjs/unocss-shadcn": "^0.5.0",
+    "@types/node": "^25.9.0",
     "@unocss/cli": "^66.6.8",
     "@vitejs/plugin-vue": "^6.0.7",
     "@vitejs/plugin-vue-jsx": "^5.1.5",
@@ -91,7 +89,7 @@
     "vitest": "^4.1.6",
     "vue": "^3.5.34",
     "vue-router": "^5.0.7",
-    "vue-tsc": "^3.2.9"
+    "vue-tsc": "^3.3.0"
   },
   "simple-git-hooks": {
     "commit-msg": "pnpm soy git-commit-verify",
@@ -102,7 +100,7 @@
   },
   "scripts": {
     "build": "pnpm build:headless && pnpm build:ui && pnpm build:css && pnpm sui skills",
-    "build:css": "unocss build",
+    "build:css": "unocss 'src/styles/**/*.ts' -o dist/styles.css --preflights false",
     "build:docs": "pnpm --filter @soybeanjs/ui-docs build",
     "build:headless": "pnpm --filter @soybeanjs/headless build",
     "build:play": "vite build",
@@ -116,7 +114,8 @@
     "preview": "vite preview",
     "preview:docs": "pnpm --filter @soybeanjs/ui-docs preview",
     "publish-pkg": "pnpm publish -r --access public",
-    "release": "soy release",
+    "release": "soy release -e 'pnpm release-execute'",
+    "release-execute": "pnpm soy changelog && pnpm sui skills && pnpm sui changelog && pnpm sui changelog-translate",
     "sui": "tsx scripts/cli.ts",
     "test": "vitest run",
     "test:coverage": "vitest run --coverage",

package/dist/components/accordion/variants.js

@@ -1 +0,0 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:``,item:`border-b`,header:`flex`,content:[`overflow-hidden transition will-change-auto`,`data-[state=open]:animate-accordion-down data-[state=closed]:animate-accordion-up`],description:`m-0`,trigger:[`flex-1 flex items-center justify-start font-medium transition-all-200 bg-transparent`,`outline-none focus-visible:ring-3 focus-visible:ring-offset-background focus-visible:ring-primary/30`,`hover:underline [&[data-state=open]>.trigger-icon]:rotate-180`],triggerLeadingIcon:`shrink-0`,triggerIcon:`trigger-icon ms-auto shrink-0 text-muted-foreground transition-transform-200`},variants:{size:{xs:{root:`text-2xs`,description:`pb-3`,trigger:`py-3 gap-2.5`},sm:{root:`text-xs`,description:`pb-3.5`,trigger:`py-3.5 gap-3`},md:{root:`text-sm`,description:`pb-4`,trigger:`py-4 gap-3.5`},lg:{root:`text-base`,description:`pb-4.5`,trigger:`py-4.5 gap-4`},xl:{root:`text-lg`,description:`pb-5`,trigger:`py-5 gap-4.5`},"2xl":{root:`text-2xl`,description:`pb-6`,trigger:`py-6 gap-5`}}},defaultVariants:{size:`md`}});export{t as accordionVariants};

package/dist/components/affix/variants.js

@@ -1 +0,0 @@
-import{tv as e}from"tailwind-variants";const t=e({slots:{root:``,placeholder:``,content:`data-[state=fixed]:z-50`}});export{t as affixVariants};