@soybeanjs/ui 0.0.2 → 0.0.3-beta.1

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

@@ -2,7 +2,7 @@ import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { SwitchShape } from "../../variants/switch.js";
 import { SwitchProps } from "./types.js";
-import * as vue271 from "vue";
+import * as vue267 from "vue";
 import * as _soybeanjs_headless145 from "@soybeanjs/headless";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
@@ -10,7 +10,7 @@ import { AcceptableBooleanValue } from "@soybeanjs/headless";
 declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: __VLS_PrettifyLocal<SwitchProps<T> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
-  }> & vue271.PublicProps;
+  }> & vue267.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -30,7 +30,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         manifest: string | undefined;
         innerHTML: string | undefined;
         class: any;
-        style: vue271.StyleValue | undefined;
+        style: vue267.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
@@ -214,7 +214,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         readonly modelValue: T | undefined;
         readonly trueValue: NonNullable<T> extends infer T_1 ? T_1 extends NonNullable<T> ? T_1 extends undefined ? never : T_1 : never : never;
         readonly falseValue: NonNullable<T> extends infer T_2 ? T_2 extends NonNullable<T> ? T_2 extends undefined ? never : T_2 : never : never;
-      } & ("class" | "inlist" | "disabled" | "required" | ([T | undefined] extends [boolean | undefined] ? "modelValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "defaultValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "trueValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
+      } & ("disabled" | "class" | "inlist" | "required" | ([T | undefined] extends [boolean | undefined] ? "modelValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "defaultValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "trueValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
         modelValue: undefined;
         trueValue: any;
         falseValue: any;
@@ -237,7 +237,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         manifest: string | undefined;
         innerHTML: string | undefined;
         class: any;
-        style: vue271.StyleValue | undefined;
+        style: vue267.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
@@ -421,7 +421,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         readonly modelValue: T | undefined;
         readonly trueValue: NonNullable<T> extends infer T_1 ? T_1 extends NonNullable<T> ? T_1 extends undefined ? never : T_1 : never : never;
         readonly falseValue: NonNullable<T> extends infer T_2 ? T_2 extends NonNullable<T> ? T_2 extends undefined ? never : T_2 : never : never;
-      } & ("class" | "inlist" | "disabled" | "required" | ([T | undefined] extends [boolean | undefined] ? "modelValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "defaultValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "trueValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
+      } & ("disabled" | "class" | "inlist" | "required" | ([T | undefined] extends [boolean | undefined] ? "modelValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "defaultValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "trueValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
         modelValue: undefined;
         trueValue: any;
         falseValue: any;
@@ -444,7 +444,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         manifest: string | undefined;
         innerHTML: string | undefined;
         class: any;
-        style: vue271.StyleValue | undefined;
+        style: vue267.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
@@ -628,7 +628,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         readonly modelValue: T | undefined;
         readonly trueValue: NonNullable<T> extends infer T_1 ? T_1 extends NonNullable<T> ? T_1 extends undefined ? never : T_1 : never : never;
         readonly falseValue: NonNullable<T> extends infer T_2 ? T_2 extends NonNullable<T> ? T_2 extends undefined ? never : T_2 : never : never;
-      } & ("class" | "inlist" | "disabled" | "required" | ([T | undefined] extends [boolean | undefined] ? "modelValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "defaultValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "trueValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
+      } & ("disabled" | "class" | "inlist" | "required" | ([T | undefined] extends [boolean | undefined] ? "modelValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "defaultValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "trueValue" : never) | ([NonNullable<T> | undefined] extends [boolean | undefined] ? "falseValue" : never) extends infer T_3 extends keyof T_4 ? { readonly [K in T_3]-?: K extends "modelValue" | "trueValue" | "falseValue" ? {
         modelValue: undefined;
         trueValue: any;
         falseValue: any;
@@ -636,7 +636,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue271.VNode & {
+}>) => vue267.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,12 +1,12 @@
 import { TabsOptionData, TabsProps } from "./types.js";
-import * as vue276 from "vue";
+import * as vue272 from "vue";
 import { AcceptableValue } from "@soybeanjs/headless";
 
 //#region src/components/tabs/tabs.vue.d.ts
 declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S extends TabsOptionData<NonNullable<T>> = TabsOptionData<NonNullable<T>>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: __VLS_PrettifyLocal<TabsProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
-  }> & vue276.PublicProps;
+  }> & vue272.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -19,7 +19,7 @@ declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S exte
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue276.VNode & {
+}>) => vue272.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,5 +1,5 @@
 import { TagProps } from "./types.js";
-import * as vue259 from "vue";
+import * as vue122 from "vue";
 
 //#region src/components/tag/tag.vue.d.ts
 declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {
@@ -14,13 +14,13 @@ type __VLS_Slots = {} & {
 } & {
   close?: (props: typeof __VLS_16) => any;
 };
-declare const __VLS_base: vue259.DefineComponent<TagProps, {}, {}, {}, {}, vue259.ComponentOptionsMixin, vue259.ComponentOptionsMixin, {
+declare const __VLS_base: vue122.DefineComponent<TagProps, {}, {}, {}, {}, vue122.ComponentOptionsMixin, vue122.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue259.PublicProps, Readonly<TagProps> & Readonly<{
+}, string, vue122.PublicProps, Readonly<TagProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue259.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue122.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,5 +1,5 @@
 import { TextareaProps } from "./types.js";
-import * as vue278 from "vue";
+import * as vue274 from "vue";
 
 //#region src/components/textarea/textarea.vue.d.ts
 declare var __VLS_27: {
@@ -11,11 +11,11 @@ type __VLS_Slots = {} & {
 } & {
   footer?: (props: typeof __VLS_29) => any;
 };
-declare const __VLS_base: vue278.DefineComponent<TextareaProps, {}, {}, {}, {}, vue278.ComponentOptionsMixin, vue278.ComponentOptionsMixin, {
+declare const __VLS_base: vue274.DefineComponent<TextareaProps, {}, {}, {}, {}, vue274.ComponentOptionsMixin, vue274.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue278.PublicProps, Readonly<TextareaProps> & Readonly<{
+}, string, vue274.PublicProps, Readonly<TextareaProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue278.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue274.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1,6 +1,6 @@
 import { TooltipProps } from "./types.js";
-import * as vue302 from "vue";
-import * as _soybeanjs_headless154 from "@soybeanjs/headless";
+import * as vue0 from "vue";
+import * as _soybeanjs_headless0 from "@soybeanjs/headless";
 
 //#region src/components/tooltip/tooltip.vue.d.ts
 declare var __VLS_15: {}, __VLS_27: {};
@@ -9,19 +9,19 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_27) => any;
 };
-declare const __VLS_base: vue302.DefineComponent<TooltipProps, {}, {}, {}, {}, vue302.ComponentOptionsMixin, vue302.ComponentOptionsMixin, {
-  "update:open": (value: boolean) => any;
+declare const __VLS_base: vue0.DefineComponent<TooltipProps, {}, {}, {}, {}, vue0.ComponentOptionsMixin, vue0.ComponentOptionsMixin, {
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless154.PointerDownOutsideEvent) => any;
-}, string, vue302.PublicProps, Readonly<TooltipProps> & Readonly<{
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  pointerDownOutside: (event: _soybeanjs_headless0.PointerDownOutsideEvent) => any;
+  "update:open": (value: boolean) => any;
+}, string, vue0.PublicProps, Readonly<TooltipProps> & Readonly<{
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless154.PointerDownOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless0.PointerDownOutsideEvent) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  open: boolean;
-  defaultOpen: boolean;
   showArrow: boolean;
-}, {}, {}, {}, string, vue302.ComponentProvideOptions, false, {}, any>;
+  defaultOpen: boolean;
+  open: boolean;
+}, {}, {}, {}, string, vue0.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

package/dist/components/tree/tree-virtualizer.vue.d.ts

@@ -1,6 +1,6 @@
 import { TreeVirtualizerProps } from "./types.js";
-import * as vue3 from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import * as vue281 from "vue";
+import * as _soybeanjs_headless155 from "@soybeanjs/headless";
 import { MaybeArray, TreeItemData } from "@soybeanjs/headless";
 import * as _tanstack_vue_virtual0 from "@tanstack/vue-virtual";
 
@@ -9,20 +9,20 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
   props: __VLS_PrettifyLocal<TreeVirtualizerProps<T, U, M> & {
     "onUpdate:modelValue"?: ((value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
-  }> & vue3.PublicProps;
+  }> & vue281.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
     item?: (props: {
       key: number;
       virtualItem: _tanstack_vue_virtual0.VirtualItem;
-      item: _soybeanjs_headless0.FlattenedItem<T>;
+      item: _soybeanjs_headless155.FlattenedItem<T>;
       modelValue: U;
       expanded: string[];
     }) => any;
   };
   emit: ((evt: "update:modelValue", value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => void) & ((evt: "update:expanded", value: string[]) => void);
-}>) => vue3.VNode & {
+}>) => vue281.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,5 +1,5 @@
-import * as vue1 from "vue";
-import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import * as vue279 from "vue";
+import * as _soybeanjs_headless154 from "@soybeanjs/headless";
 import { MaybeArray, TreeItemData, TreeRootProps } from "@soybeanjs/headless";
 
 //#region src/components/tree/tree.vue.d.ts
@@ -7,7 +7,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
   props: __VLS_PrettifyLocal<TreeRootProps<T, U, M> & {
     "onUpdate:modelValue"?: ((value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
-  }> & vue1.PublicProps;
+  }> & vue279.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -15,7 +15,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
   } & {
     item?: (props: {
       key: string;
-      item: _soybeanjs_headless0.FlattenedItem<T>;
+      item: _soybeanjs_headless154.FlattenedItem<T>;
       modelValue: U | undefined;
       expanded: string[];
     }) => any;
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
     bottom?: (props: {}) => any;
   };
   emit: ((evt: "update:modelValue", value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => void) & ((evt: "update:expanded", value: string[]) => void);
-}>) => vue1.VNode & {
+}>) => vue279.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/tree-menu/tree-menu-item-wrapper.vue.d.ts

@@ -1,11 +1,11 @@
-import * as vue297 from "vue";
+import * as vue285 from "vue";
 
 //#region src/components/tree-menu/tree-menu-item-wrapper.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue297.DefineComponent<{}, {}, {}, {}, {}, vue297.ComponentOptionsMixin, vue297.ComponentOptionsMixin, {}, string, vue297.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue297.ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: vue285.DefineComponent<{}, {}, {}, {}, {}, vue285.ComponentOptionsMixin, vue285.ComponentOptionsMixin, {}, string, vue285.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue285.ComponentProvideOptions, true, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
 type __VLS_WithSlots<T, S> = T & {

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

@@ -1 +1 @@
-import e from"../button/button-icon.js";import t from"../icon/icon.js";import n from"../badge/badge.js";import r from"../link/link.js";import i from"../dropdown-menu/dropdown-menu.js";import a from"../tag/tag.js";import o from"../tooltip/tooltip.js";import{useTreeMenuContext as s,useTreeMenuThemeContext as c}from"./context.js";import{treeMenuCssVars as l}from"./shared.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createVNode as g,defineComponent as _,mergeProps as v,normalizeClass as y,openBlock as b,renderSlot as x,resolveDynamicComponent as S,toDisplayString as C,toHandlers as w,unref as T,useAttrs as E,withCtx as D,withModifiers as O}from"vue";import{useForwardListeners as k,usePickProps as A}from"@soybeanjs/headless/composables";import{TreeItem as j}from"@soybeanjs/headless";var M=_({name:`STreeMenuItem`,__name:`tree-menu-item`,props:{actionMenuProps:{},tooltipProps:{},dropdownMenuProps:{},value:{},level:{},disabled:{type:Boolean},disabledSelect:{type:Boolean},disabledToggle:{type:Boolean},asChild:{type:Boolean},as:{},label:{},icon:{},to:{},href:{},linkProps:{},badge:{},badgeProps:{},tag:{},tagProps:{},actions:{},onActionSelect:{type:Function},children:{}},emits:[`select`,`toggle`,`selectDropdown`],setup(_,{emit:M}){let N=_,P=M,F=E(),I=k(P),{size:L,collapsed:R}=s(`TreeMenuItem`),{ui:z}=c(`TreeMenuItem`),B=d(()=>!!(N.to||N.href||N.linkProps)),V=d(()=>{let e={disabled:N.disabled,...N.linkProps};return N.to&&(e.to=N.to),N.href&&(e.href=N.href),e}),H=A(N,[`value`,`level`,`disabled`,`disabledSelect`,`disabledToggle`],F),U=d(()=>B.value?r:`button`),W=d(()=>B.value?V.value:{}),G=d(()=>({[l.indent]:N.level-1})),K=d(()=>!!N.children?.length),q=d(()=>R.value&&K.value),J=d(()=>R.value&&!q.value?N.label:void 0),Y=d(()=>q.value||J.value),X=d(()=>({placement:`right`,...N.tooltipProps})),Z=d(()=>({trigger:`hover`,contentProps:{placement:`right`},...N.dropdownMenuProps})),Q=d(()=>({color:`accent`,variant:`raw`,...N.tagProps,content:N.tag})),$=e=>{P(`selectDropdown`,e.value)};return(r,s)=>(b(),f(T(j),v({class:T(z).item},T(H),{"data-level":_.level,style:G.value},w(T(I))),{default:D(({isExpanded:c})=>[(b(),f(S(U.value),v(W.value,{class:T(z).itemContent,"data-link":B.value?``:void 0,tabindex:`-1`}),{default:D(()=>[x(r.$slots,`leading`,{},()=>[_.icon?(b(),f(t,{key:0,icon:_.icon},null,8,[`icon`])):p(`v-if`,!0)]),x(r.$slots,`default`,{},()=>[_.badge?(b(),f(n,v({key:0},_.badgeProps,{size:T(L),content:_.badge,class:T(z).itemBadge}),{default:D(()=>[h(`span`,{class:y(T(z).itemLabel)},C(_.label),3)]),_:1},16,[`size`,`content`,`class`])):(b(),m(`span`,{key:1,class:y(T(z).itemLabel)},C(_.label),3))]),B.value?(b(),f(t,{key:0,icon:`lucide:arrow-up-right`,class:y(T(z).itemLinkIcon)},null,8,[`class`])):p(`v-if`,!0),_.tag?(b(),f(a,v({key:1},Q.value,{size:T(L),content:_.tag,class:T(z).itemTag}),null,16,[`size`,`content`,`class`])):p(`v-if`,!0),_.actions?.length?(b(),f(i,v({key:2},_.actionMenuProps,{size:T(L),items:_.actions,onSelect:_.onActionSelect}),{trigger:D(()=>[g(e,{icon:`lucide:ellipsis`,size:T(L),class:y(T(z).itemAction),onClick:s[0]||=O(()=>{},[`stop`])},null,8,[`size`,`class`])]),_:1},16,[`size`,`items`,`onSelect`])):p(`v-if`,!0),x(r.$slots,`trailing`),K.value?(b(),f(t,{key:3,icon:`lucide:chevron-right`,"data-expanded":c?``:void 0,class:y(T(z).collapsibleIcon)},null,8,[`data-expanded`,`class`])):p(`v-if`,!0)]),_:2},1040,[`class`,`data-link`])),Y.value?(b(),m(u,{key:0},[J.value?(b(),f(o,v({key:0},X.value,{size:T(L),content:J.value}),{trigger:D(()=>[h(`div`,{class:y(T(z).itemAbsolute)},null,2)]),_:1},16,[`size`,`content`])):p(`v-if`,!0),q.value?(b(),f(i,v({key:1},Z.value,{items:_.children??[],disabled:_.disabled,size:T(L),onSelect:$}),{trigger:D(()=>[h(`div`,{class:y(T(z).itemAbsolute)},null,2)]),_:1},16,[`items`,`disabled`,`size`])):p(`v-if`,!0)],64)):p(`v-if`,!0)]),_:3},16,[`class`,`data-level`,`style`]))}});export{M as default};
+import e from"../button/button-icon.js";import t from"../icon/icon.js";import n from"../badge/badge.js";import r from"../link/link.js";import i from"../dropdown-menu/dropdown-menu.js";import a from"../tag/tag.js";import o from"../tooltip/tooltip.js";import{useTreeMenuContext as s,useTreeMenuThemeContext as c}from"./context.js";import{treeMenuCssVars as l}from"./shared.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,defineComponent as g,mergeProps as _,normalizeClass as v,openBlock as y,renderSlot as b,resolveDynamicComponent as x,toDisplayString as S,toHandlers as C,unref as w,useAttrs as T,withCtx as E,withModifiers as D}from"vue";import{useForwardListeners as O,usePickProps as k}from"@soybeanjs/headless/composables";import{TreeItem as A}from"@soybeanjs/headless";var j=g({name:`STreeMenuItem`,__name:`tree-menu-item`,props:{actionMenuProps:{},tooltipProps:{},dropdownMenuProps:{},value:{},level:{},disabled:{type:Boolean},disabledSelect:{type:Boolean},disabledToggle:{type:Boolean},asChild:{type:Boolean},as:{},label:{},icon:{},to:{},href:{},linkProps:{},badge:{},badgeProps:{},tag:{},tagProps:{},actions:{},onActionSelect:{type:Function},children:{}},emits:[`select`,`toggle`,`selectDropdown`],setup(g,{emit:j}){let M=g,N=j,P=T(),F=O(N),{size:I,collapsed:L}=s(`TreeMenuItem`),{ui:R}=c(`TreeMenuItem`),z=d(()=>!!(M.to||M.href||M.linkProps)),B=d(()=>{let e={disabled:M.disabled,...M.linkProps};return M.to&&(e.to=M.to),M.href&&(e.href=M.href),e}),V=k(M,[`value`,`level`,`disabled`,`disabledSelect`,`disabledToggle`],P),H=d(()=>z.value?r:`button`),U=d(()=>z.value?B.value:{}),W=d(()=>({[l.indent]:M.level-1})),G=d(()=>!!M.children?.length),K=d(()=>L.value&&G.value),q=d(()=>L.value&&!K.value?M.label:void 0),J=d(()=>!!(K.value||q.value)),Y=d(()=>({placement:`right`,...M.tooltipProps})),X=d(()=>({trigger:`hover`,contentProps:{placement:`right`},...M.dropdownMenuProps})),Z=d(()=>({color:`accent`,variant:`raw`,...M.tagProps,content:M.tag})),Q=e=>{N(`selectDropdown`,e.value)};return(r,s)=>(y(),f(w(A),_({class:w(R).item},w(V),{"data-level":g.level,"disabled-toggle":J.value,"disabled-select":J.value,style:W.value},C(w(F))),{default:E(({isExpanded:c})=>[(y(),f(x(H.value),_(U.value,{class:w(R).itemContent,"data-link":z.value?``:void 0,tabindex:`-1`}),{default:E(()=>[b(r.$slots,`leading`,{},()=>[g.icon?(y(),f(t,{key:0,icon:g.icon},null,8,[`icon`])):p(`v-if`,!0)]),b(r.$slots,`default`,{},()=>[g.badge?(y(),f(n,_({key:0},g.badgeProps,{size:w(I),content:g.badge,class:w(R).itemBadge}),{default:E(()=>[h(`span`,{class:v(w(R).itemLabel)},S(g.label),3)]),_:1},16,[`size`,`content`,`class`])):(y(),m(`span`,{key:1,class:v(w(R).itemLabel)},S(g.label),3))]),z.value?(y(),f(t,{key:0,icon:`lucide:arrow-up-right`,class:v(w(R).itemLinkIcon)},null,8,[`class`])):p(`v-if`,!0),g.tag?(y(),f(a,_({key:1},Z.value,{size:w(I),content:g.tag,class:w(R).itemTag}),null,16,[`size`,`content`,`class`])):p(`v-if`,!0),g.actions?.length?(y(),f(i,_({key:2},g.actionMenuProps,{size:w(I),items:g.actions,onSelect:g.onActionSelect}),{trigger:E(()=>[w(L)?p(`v-if`,!0):(y(),f(e,{key:0,icon:`lucide:ellipsis`,size:w(I),class:v(w(R).itemAction),onClick:s[0]||=D(()=>{},[`stop`])},null,8,[`size`,`class`]))]),_:1},16,[`size`,`items`,`onSelect`])):p(`v-if`,!0),b(r.$slots,`trailing`),G.value?(y(),f(t,{key:3,icon:`lucide:chevron-right`,"data-expanded":c?``:void 0,class:v(w(R).collapsibleIcon)},null,8,[`data-expanded`,`class`])):p(`v-if`,!0)]),_:2},1040,[`class`,`data-link`])),J.value?(y(),m(u,{key:0},[q.value?(y(),f(o,_({key:0},Y.value,{size:w(I),content:q.value}),{trigger:E(()=>[h(`div`,{class:v(w(R).itemAbsolute)},null,2)]),_:1},16,[`size`,`content`])):p(`v-if`,!0),K.value?(y(),f(i,_({key:1},X.value,{items:g.children??[],disabled:g.disabled,size:w(I),"data-menu":g.label,onSelect:Q}),{trigger:E(()=>[h(`div`,{class:v(w(R).itemAbsolute)},null,2)]),_:1},16,[`items`,`disabled`,`size`,`data-menu`])):p(`v-if`,!0)],64)):p(`v-if`,!0)]),_:3},16,[`class`,`data-level`,`disabled-toggle`,`disabled-select`,`style`]))}});export{j as default};

package/dist/components/tree-menu/tree-menu.vue.d.ts

@@ -1,5 +1,5 @@
 import { TreeMenuGroupOptionData, TreeMenuOptionData, TreeMenuProps } from "./types.js";
-import * as vue295 from "vue";
+import * as vue283 from "vue";
 
 //#region src/components/tree-menu/tree-menu.vue.d.ts
 declare const __VLS_export: <T extends TreeMenuOptionData = TreeMenuOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
@@ -7,7 +7,7 @@ declare const __VLS_export: <T extends TreeMenuOptionData = TreeMenuOptionData>(
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
-  }> & vue295.PublicProps;
+  }> & vue283.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -35,7 +35,7 @@ declare const __VLS_export: <T extends TreeMenuOptionData = TreeMenuOptionData>(
     bottom?: (props: {}) => any;
   };
   emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "update:collapsed", value: boolean) => void);
-}>) => vue295.VNode & {
+}>) => vue283.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,10 +1,10 @@
 import { VirtualizerProps } from "./types.js";
-import * as vue0 from "vue";
+import * as vue127 from "vue";
 import * as _tanstack_vue_virtual0 from "@tanstack/vue-virtual";
 
 //#region src/components/virtualizer/virtualizer.vue.d.ts
 declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: __VLS_PrettifyLocal<VirtualizerProps<T>> & vue0.PublicProps;
+  props: __VLS_PrettifyLocal<VirtualizerProps<T>> & vue127.PublicProps;
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
@@ -15,7 +15,7 @@ declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNull
     }) => any;
   };
   emit: {};
-}>) => vue0.VNode & {
+}>) => vue127.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/variants/checkbox.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants7 from "tailwind-variants";
+import * as tailwind_variants11 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/checkbox.d.ts
-declare const checkboxVariants: tailwind_variants7.TVReturnType<{
+declare const checkboxVariants: tailwind_variants11.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -164,7 +164,7 @@ declare const checkboxVariants: tailwind_variants7.TVReturnType<{
   control: string[];
   indicator: string;
   label: string;
-}, tailwind_variants7.TVReturnType<{
+}, tailwind_variants11.TVReturnType<{
   color: {
     primary: {
       control: string;

package/dist/variants/kbd.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants11 from "tailwind-variants";
+import * as tailwind_variants15 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/kbd.d.ts
-declare const kbdVariants: tailwind_variants11.TVReturnType<{
+declare const kbdVariants: tailwind_variants15.TVReturnType<{
   variant: {
     solid: string;
     outline: string;
@@ -30,7 +30,7 @@ declare const kbdVariants: tailwind_variants11.TVReturnType<{
     xl: string;
     '2xl': string;
   };
-}, undefined, tailwind_variants11.TVReturnType<{
+}, undefined, tailwind_variants15.TVReturnType<{
   variant: {
     solid: string;
     outline: string;

package/dist/variants/pagination.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants13 from "tailwind-variants";
+import * as tailwind_variants31 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/pagination.d.ts
-declare const paginationVariants: tailwind_variants13.TVReturnType<{
+declare const paginationVariants: tailwind_variants31.TVReturnType<{
   size: {
     xs: {
       list: string;
@@ -150,7 +150,7 @@ declare const paginationVariants: tailwind_variants13.TVReturnType<{
   ellipsis: string;
   button: string[];
   navigationButton: string[];
-}, tailwind_variants13.TVReturnType<{
+}, tailwind_variants31.TVReturnType<{
   size: {
     xs: {
       list: string;

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

@@ -1,8 +1,8 @@
-import * as tailwind_variants17 from "tailwind-variants";
+import * as tailwind_variants27 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/radio-group.d.ts
-declare const radioGroupVariants: tailwind_variants17.TVReturnType<{
+declare const radioGroupVariants: tailwind_variants27.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -180,7 +180,7 @@ declare const radioGroupVariants: tailwind_variants17.TVReturnType<{
   control: string[];
   indicator: string;
   label: string;
-}, tailwind_variants17.TVReturnType<{
+}, tailwind_variants27.TVReturnType<{
   color: {
     primary: {
       control: string;

package/dist/variants/separator.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants21 from "tailwind-variants";
+import * as tailwind_variants7 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/separator.d.ts
-declare const separatorVariants: tailwind_variants21.TVReturnType<{
+declare const separatorVariants: tailwind_variants7.TVReturnType<{
   size: {
     xs: {
       label: string;
@@ -114,7 +114,7 @@ declare const separatorVariants: tailwind_variants21.TVReturnType<{
 }, {
   root: string;
   label: string;
-}, tailwind_variants21.TVReturnType<{
+}, tailwind_variants7.TVReturnType<{
   size: {
     xs: {
       label: string;

package/dist/variants/switch.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants25 from "tailwind-variants";
+import * as tailwind_variants19 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/switch.d.ts
-declare const switchVariants: tailwind_variants25.TVReturnType<{
+declare const switchVariants: tailwind_variants19.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -136,7 +136,7 @@ declare const switchVariants: tailwind_variants25.TVReturnType<{
   root: string;
   control: string[];
   thumb: string;
-}, tailwind_variants25.TVReturnType<{
+}, tailwind_variants19.TVReturnType<{
   color: {
     primary: {
       control: string;

package/dist/variants/tabs.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants15 from "tailwind-variants";
+import * as tailwind_variants21 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/tabs.d.ts
-declare const tabsVariants: tailwind_variants15.TVReturnType<{
+declare const tabsVariants: tailwind_variants21.TVReturnType<{
   size: {
     xs: {
       root: string;
@@ -148,7 +148,7 @@ declare const tabsVariants: tailwind_variants15.TVReturnType<{
   indicator: string;
   indicatorContent: string;
   content: string;
-}, tailwind_variants15.TVReturnType<{
+}, tailwind_variants21.TVReturnType<{
   size: {
     xs: {
       root: string;

package/dist/variants/tag.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants23 from "tailwind-variants";
+import * as tailwind_variants9 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/tag.d.ts
-declare const tagVariants: tailwind_variants23.TVReturnType<{
+declare const tagVariants: tailwind_variants9.TVReturnType<{
   color: {
     primary: string;
     destructive: string;
@@ -64,7 +64,7 @@ declare const tagVariants: tailwind_variants23.TVReturnType<{
     auto: string;
     rounded: string;
   };
-}, undefined, tailwind_variants23.TVReturnType<{
+}, undefined, tailwind_variants9.TVReturnType<{
   color: {
     primary: string;
     destructive: string;

package/dist/variants/textarea.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants27 from "tailwind-variants";
+import * as tailwind_variants17 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/textarea.d.ts
-declare const textareaVariants: tailwind_variants27.TVReturnType<{
+declare const textareaVariants: tailwind_variants17.TVReturnType<{
   size: {
     xs: {
       root: string;
@@ -118,7 +118,7 @@ declare const textareaVariants: tailwind_variants27.TVReturnType<{
   control: string[];
   counter: string;
   clearable: string;
-}, tailwind_variants27.TVReturnType<{
+}, tailwind_variants17.TVReturnType<{
   size: {
     xs: {
       root: string;

package/dist/variants/toast.d.ts

@@ -1,9 +1,9 @@
-import * as tailwind_variants29 from "tailwind-variants";
+import * as tailwind_variants23 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/toast.d.ts
 
-declare const toastViewportVariants: tailwind_variants29.TVReturnType<{
+declare const toastViewportVariants: tailwind_variants23.TVReturnType<{
   size: {
     xs: string;
     sm: string;
@@ -37,7 +37,7 @@ declare const toastViewportVariants: tailwind_variants29.TVReturnType<{
     'bottom-left': string;
     'bottom-right': string;
   };
-}, undefined, tailwind_variants29.TVReturnType<{
+}, undefined, tailwind_variants23.TVReturnType<{
   size: {
     xs: string;
     sm: string;

package/dist/variants/tree-menu.js

@@ -1 +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 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 rounded-sm outline-none cursor-pointer select-none outline-none`,`data-[selected]:bg-primary/10 data-[selected]:text-primary`,`[&:not([data-selected])]:hover:bg-accent [&:not([data-selected])]:hover:text-accent-foreground`,`[&:not([data-selected])]:focus:bg-accent [&:not([data-selected])]:focus:text-accent-foreground`,`data-[contains-selected]:text-primary data-[contains-selected]:hover:text-primary data-[contains-selected]:focus:text-primary`,`data-[disabled]:cursor-not-allowed data-[disabled]: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};
+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 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 rounded-sm outline-none cursor-pointer select-none outline-none`,`data-[selected]:bg-primary/10 data-[selected]:text-primary`,`[&:not([data-selected])]:hover:bg-accent [&:not([data-selected])]:hover:text-accent-foreground`,`[&:not([data-selected])]:focus:bg-accent [&:not([data-selected])]:focus:text-accent-foreground`,`data-[contains-selected]:text-primary data-[contains-selected]:hover:text-primary data-[contains-selected]:focus:text-primary`,`data-[disabled]:cursor-not-allowed data-[disabled]: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:`absolute -translate-y-1/2 top-1/2`,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`,itemAction:`right-1.5`},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`,itemAction:`right-1.75`},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`,itemAction:`right-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`,itemAction:`right-2.25`},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`,itemAction:`right-2.5`},"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`,itemAction:`right-3`}}},defaultVariants:{size:`md`}});export{t as treeMenuVariants};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soybeanjs/ui",
   "type": "module",
-  "version": "0.0.2",
+  "version": "0.0.3-beta.1",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "author": {
     "name": "Soybean",
@@ -52,7 +52,7 @@
     "fuse.js": "^7.1.0",
     "tailwind-merge": "^3.4.0",
     "tailwind-variants": "^3.1.1",
-    "@soybeanjs/headless": "^0.0.2"
+    "@soybeanjs/headless": "^0.0.3-beta.1"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.4.1",