@soybeanjs/ui 0.25.3 → 0.26.0

package/dist/components/select/select.vue.d.ts

@@ -6,17 +6,17 @@ declare const __VLS_export: <T extends DefinedValue, M extends boolean = false>(
   props: import("vue").PublicProps & __VLS_PrettifyLocal<SelectProps<T, M> & {
     onSelect?: ((event: import("@soybeanjs/headless").SelectItemEvent<T>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: import("@soybeanjs/headless").PointerDownOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: SelectSlots<T, M>;
-  emit: ((evt: "select", event: import("@soybeanjs/headless").SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", event: import("@soybeanjs/headless").SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: import("@soybeanjs/headless").PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void);
 }>) => import("vue").VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/splitter/splitter-panel.vue.d.ts

@@ -12,13 +12,13 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<SplitterPanelProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  resize: (size: number, prevSize: number | undefined) => any;
   collapse: () => any;
   expand: () => any;
+  resize: (size: number, prevSize: number | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<SplitterPanelProps> & Readonly<{
-  onResize?: ((size: number, prevSize: number | undefined) => any) | undefined;
   onCollapse?: (() => any) | undefined;
   onExpand?: (() => any) | undefined;
+  onResize?: ((size: number, prevSize: number | undefined) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/components/splitter/splitter-resize-handle.vue.d.ts

@@ -402,9 +402,9 @@ declare const __VLS_export: import("vue").DefineComponent<{
   onDragging?: ((_value: boolean) => any) | undefined;
 }>, {
   class: import("@soybeanjs/headless").ClassValue;
-  tabindex: number;
   asChild: boolean;
   as: string | Function | Record<string, any>;
+  tabindex: number;
   disabled: boolean;
   withHandle: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

package/dist/components/tooltip/tooltip.js

@@ -1 +1 @@
-import{tooltipVariants as e}from"../../styles/tooltip.js";import{computed as t,createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderSlot as o,toHandlers as s,unref as c,withCtx as l}from"vue";import{useForwardListeners as u,useOmitProps as d}from"@soybeanjs/headless/composables";import{TooltipCompact as f,provideTooltipUi as p}from"@soybeanjs/headless/tooltip";const m=r({name:`STooltip`,__name:`tooltip`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},content:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(r,{emit:m}){let h=r,g=m,_=d(h,[`class`,`size`,`ui`]),v=u(g);return p(t(()=>e({size:h.size},h.ui,{popup:h.class}))),(e,t)=>(a(),n(c(f),i(c(_),s(c(v))),{trigger:l(()=>[o(e.$slots,`trigger`)]),default:l(()=>[o(e.$slots,`default`)]),_:3},16))}});export{m as default};
+import{tooltipVariants as e}from"../../styles/tooltip.js";import{computed as t,createBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderSlot as o,toHandlers as s,unref as c,withCtx as l}from"vue";import{useForwardListeners as u,useOmitProps as d}from"@soybeanjs/headless/composables";import{TooltipCompact as f,provideTooltipUi as p}from"@soybeanjs/headless/tooltip";const m=r({name:`STooltip`,__name:`tooltip`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},content:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},dir:{},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(r,{emit:m}){let h=r,g=m,_=d(h,[`class`,`size`,`ui`]),v=u(g);return p(t(()=>e({size:h.size},h.ui,{popup:h.class}))),(e,t)=>(a(),n(c(f),i(c(_),s(c(v))),{trigger:l(()=>[o(e.$slots,`trigger`)]),default:l(()=>[o(e.$slots,`default`)]),_:3},16))}});export{m as default};

package/dist/components/tree-menu/tree-menu.js

@@ -1 +1 @@
-import{badgeVariants as e}from"../../styles/badge.js";import{provideMenuUi as t}from"../menu/context.js";import{tooltipVariants as n}from"../../styles/tooltip.js";import{treeMenuVariants as r}from"../../styles/tree-menu.js";import{computed as i,createBlock as a,createCommentVNode as o,createSlots as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderList as p,renderSlot as m,toHandlers as h,unref as g,useSlots as _,withCtx as v}from"vue";import{useForwardListeners as y,useOmitProps as b}from"@soybeanjs/headless/composables";import{keysOf as x}from"@soybeanjs/utils";import{provideBadgeUi as S}from"@soybeanjs/headless/badge";import{provideTooltipUi as C}from"@soybeanjs/headless/tooltip";import{TreeMenuCompact as w,provideTreeMenuUi as T}from"@soybeanjs/headless/tree-menu";const E=c({name:`STreeMenu`,__name:`tree-menu`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},collapsedWidth:{},indent:{},pxToRem:{},items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(c,{emit:E}){let D=c,O=E,k=_(),A=b(D,[`class`,`size`,`ui`]),j=y(O),M=i(()=>x(k)),N=i(()=>r({size:D.size},D.ui,{root:D.class})),P=i(()=>e({color:`accent`,size:D.size,position:`top-right`})),F=i(()=>n({size:D.size}));return t(()=>({size:D.size})),S(P),C(F),T(N),(e,t)=>(f(),a(g(w),u(g(A),h(g(j))),s({_:2},[p(M.value,t=>({name:t,fn:v(n=>[o(` @vue-expect-error ignore slot type `),m(e.$slots,t,d(l(n)))])}))]),1040))}});export{E as default};
+import{provideMenuUi as e}from"../menu/context.js";import{treeMenuVariants as t}from"../../styles/tree-menu.js";import{computed as n,createBlock as r,createCommentVNode as i,createSlots as a,defineComponent as o,guardReactiveProps as s,mergeProps as c,normalizeProps as l,openBlock as u,renderList as d,renderSlot as f,toHandlers as p,unref as m,useSlots as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{keysOf as y}from"@soybeanjs/utils";import{TreeMenuCompact as b,provideTreeMenuUi as x}from"@soybeanjs/headless/tree-menu";const S=o({name:`STreeMenu`,__name:`tree-menu`,props:{class:{type:[Boolean,null,String,Object,Array]},size:{},ui:{},modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},collapsedWidth:{},indent:{},pxToRem:{},items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(o,{emit:S}){let C=o,w=S,T=h(),E=v(C,[`class`,`size`,`ui`]),D=_(w),O=n(()=>y(T)),k=n(()=>t({size:C.size},C.ui,{root:C.class}));return e(()=>({size:C.size})),x(k),(e,t)=>(u(),r(m(b),c(m(E),p(m(D))),a({_:2},[d(O.value,t=>({name:t,fn:g(n=>[i(` @vue-expect-error ignore slot type `),f(e.$slots,t,l(s(n)))])}))]),1040))}});export{S as default};

package/dist/nuxt/index.js

@@ -1 +1 @@
-import{components as e}from"../constants/components.js";import{addComponent as t,defineNuxtModule as n}from"@nuxt/kit";var r=n({meta:{name:`@soybeanjs/ui/nuxt`,configKey:`@soybeanjs/ui`,compatibility:{nuxt:`>=3.14`}},defaults:{components:!0},setup(n,r){r.hook(`vite:extendConfig`,e=>{e.define&&(e.define[`import.meta.env.DEV`]=e.define?.[`import.meta.dev`],e.define[`import.meta.env.MODE`]=e.define?.[`import.meta.test`]?`test`:`development`)});function i(){return typeof n.components==`object`?Object.entries(e).filter(([e])=>n.components[e]).flatMap(([e,t])=>t):n.components?Object.values(e).flat():[]}for(let e of i())t({name:`${e}`,export:e,filePath:`@soybeanjs/ui`})}});export{r as default};
+import{components as e}from"../constants/components.js";import{addComponent as t,defineNuxtModule as n}from"@nuxt/kit";var r=n({meta:{name:`@soybeanjs/ui/nuxt`,configKey:`@soybeanjs/ui`,compatibility:{nuxt:`>=3.14`}},defaults:{components:!0},setup(n){function r(){return typeof n.components==`object`?Object.entries(e).filter(([e])=>n.components[e]).flatMap(([e,t])=>t):n.components?Object.values(e).flat():[]}for(let e of r())t({name:`${e}`,export:e,filePath:`@soybeanjs/ui`})}});export{r as default};

package/dist/styles/alert.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/alert.d.ts
-declare const alertVariants: import("@soybeanjs/cva").SCVResult<"icon" | "title" | "content" | "close" | "description" | "root", NoInfer<{
+declare const alertVariants: import("@soybeanjs/cva").SCVResult<"icon" | "title" | "description" | "content" | "close" | "root", NoInfer<{
   color: {
     primary: {
       root: "border-primary text-primary";
@@ -92,9 +92,9 @@ declare const alertVariants: import("@soybeanjs/cva").SCVResult<"icon" | "title"
     };
   };
 }>, {
-  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
-  variant?: "solid" | "pure" | "outline" | "soft" | "ghost" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
+  variant?: "pure" | "solid" | "outline" | "soft" | "ghost" | undefined;
 }>;
 type AlertVariants = VariantProps<typeof alertVariants>;
 type AlertVariant = NonNullable<AlertVariants['variant']>;

package/dist/styles/badge.d.ts

@@ -63,8 +63,8 @@ declare const badgeVariants: import("@soybeanjs/cva").SCVResult<"content" | "roo
     };
   };
 }>, {
-  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   position?: "top-right" | "bottom-right" | "top-left" | "bottom-left" | undefined;
 }>;
 type BadgeVariants = VariantProps<typeof badgeVariants>;

package/dist/styles/button.d.ts

@@ -47,10 +47,10 @@ declare const buttonVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
     false: string;
   };
 }>, {
-  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   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?: "link" | "solid" | "pure" | "outline" | "soft" | "ghost" | "dashed" | "plain" | undefined;
+  variant?: "link" | "pure" | "solid" | "outline" | "soft" | "ghost" | "dashed" | "plain" | undefined;
   shadow?: "sm" | "md" | "lg" | "none" | undefined;
   fitContent?: boolean | undefined;
 }>;

package/dist/styles/checkbox.d.ts

@@ -77,8 +77,8 @@ declare const checkboxVariants: import("@soybeanjs/cva").SCVResult<"label" | "ro
     };
   };
 }>, {
-  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   shape?: "rounded" | "square" | undefined;
   orientation?: "horizontal" | "vertical" | undefined;
 }>;

package/dist/styles/pagination.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/pagination.d.ts
-declare const paginationVariants: import("@soybeanjs/cva").SCVResult<"list" | "next" | "first" | "last" | "ellipsis" | "root" | "prev" | "listItem", NoInfer<{
+declare const paginationVariants: import("@soybeanjs/cva").SCVResult<"list" | "next" | "root" | "first" | "last" | "ellipsis" | "prev" | "listItem", NoInfer<{
   size: {
     xs: {
       list: "gap-0.75 text-2xs";
@@ -63,7 +63,7 @@ declare const paginationVariants: import("@soybeanjs/cva").SCVResult<"list" | "n
 }>, {
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
   shape?: "rounded" | "square" | undefined;
-  variant?: "solid" | "pure" | "outline" | "soft" | undefined;
+  variant?: "pure" | "solid" | "outline" | "soft" | undefined;
   actionAsSelected?: boolean | undefined;
 }>;
 type PaginationVariants = VariantProps<typeof paginationVariants>;

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

@@ -85,8 +85,8 @@ declare const radioGroupVariants: import("@soybeanjs/cva").SCVResult<"label" | "
     };
   };
 }>, {
-  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   variant?: "outline" | "dot" | undefined;
   orientation?: "horizontal" | "vertical" | undefined;
 }>;

package/dist/styles/switch.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/switch.d.ts
-declare const switchVariants: import("@soybeanjs/cva").SCVResult<"root" | "control" | "thumb", NoInfer<{
+declare const switchVariants: import("@soybeanjs/cva").SCVResult<"root" | "thumb" | "control", NoInfer<{
   color: {
     primary: {
       control: "data-[state=checked]:bg-primary focus-visible:ring-primary/30";
@@ -65,8 +65,8 @@ declare const switchVariants: import("@soybeanjs/cva").SCVResult<"root" | "contr
     };
   };
 }>, {
-  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   shape?: "rounded" | "square" | undefined;
 }>;
 type SwitchVariants = VariantProps<typeof switchVariants>;

package/dist/styles/table.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/table.d.ts
-declare const tableVariants: import("@soybeanjs/cva").SCVResult<"fixed" | "content" | "header" | "footer" | "scroll" | "body" | "head" | "cell" | "row" | "root" | "resizeHandle" | "sortTrigger" | "filterInput" | "treeCell" | "treeToggle" | "treeTogglePlaceholder" | "selection" | "filterTrigger" | "filterPopup" | "filterSearch" | "filterOptions" | "filterOption" | "filterOptionLabel" | "filterFooter" | "filterCount" | "filterAction" | "filterEmpty" | "radioIndicator" | "radioRoot", NoInfer<{
+declare const tableVariants: import("@soybeanjs/cva").SCVResult<"header" | "content" | "footer" | "fixed" | "root" | "resizeHandle" | "body" | "head" | "scroll" | "cell" | "row" | "sortTrigger" | "filterInput" | "treeCell" | "treeToggle" | "treeTogglePlaceholder" | "selection" | "filterTrigger" | "filterPopup" | "filterSearch" | "filterOptions" | "filterOption" | "filterOptionLabel" | "filterFooter" | "filterCount" | "filterAction" | "filterEmpty" | "radioIndicator" | "radioRoot", NoInfer<{
   size: {
     xs: {
       root: "text-2xs";

package/dist/styles/tabs.d.ts

@@ -1,7 +1,7 @@
 import { VariantProps } from "@soybeanjs/cva";
 
 //#region src/styles/tabs.d.ts
-declare const tabsVariants: import("@soybeanjs/cva").SCVResult<"list" | "content" | "root" | "trigger" | "indicator" | "indicatorContent", NoInfer<{
+declare const tabsVariants: import("@soybeanjs/cva").SCVResult<"list" | "content" | "root" | "indicator" | "trigger" | "indicatorContent", NoInfer<{
   size: {
     xs: {
       root: "text-2xs";
@@ -68,8 +68,8 @@ declare const tabsVariants: import("@soybeanjs/cva").SCVResult<"list" | "content
     };
   };
 }>, {
-  fill?: "auto" | "full" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  fill?: "auto" | "full" | undefined;
   shape?: "rounded" | "square" | undefined;
   orientation?: "horizontal" | "vertical" | undefined;
   enableIndicator?: boolean | undefined;

package/dist/styles/tag.d.ts

@@ -33,10 +33,10 @@ declare const tagVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
     rounded: string;
   };
 }>, {
-  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   size?: "xs" | "sm" | "md" | "lg" | "xl" | "2xl" | undefined;
+  color?: "info" | "success" | "warning" | "primary" | "destructive" | "carbon" | "secondary" | "accent" | undefined;
   shape?: "auto" | "rounded" | undefined;
-  variant?: "solid" | "pure" | "outline" | "soft" | "ghost" | "raw" | undefined;
+  variant?: "pure" | "solid" | "outline" | "soft" | "ghost" | "raw" | undefined;
 }>;
 type TagVariants = VariantProps<typeof tagVariants>;
 type TagVariant = NonNullable<TagVariants['variant']>;

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

@@ -68,8 +68,8 @@ declare const toggleGroupVariants: import("@soybeanjs/cva").SCVResult<"root" | "
     };
   };
 }>, {
-  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   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;
 }>;

package/dist/styles/toggle.d.ts

@@ -32,8 +32,8 @@ declare const toggleVariants: import("@soybeanjs/cva").CVResult<NoInfer<{
     circle: string;
   };
 }>, {
-  color?: "primary" | "destructive" | "success" | "warning" | "info" | "carbon" | "secondary" | "accent" | undefined;
   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;
 }>;

package/dist/styles/tree-menu.js

@@ -1 +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};
+import{badgeVariants as e}from"./badge.js";import{tooltipVariants as t}from"./tooltip.js";import{scv as n}from"@soybeanjs/cva";const r=n({extendBase:n=>{let{positioner:r,popup:i,arrow:a}=t({size:n.size}),{root:o,content:s}=e({size:n.size,color:`accent`,position:`top-right`});return{tooltipPositioner:r,tooltipPopup:i,tooltipArrow:a,badgeRoot:o,badgeContent:s}},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`,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`,tooltipPositioner:``,tooltipPopup:``,tooltipArrow:``,badgeRoot:``,badgeContent:``},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{r as treeMenuVariants};