@soybeanjs/ui 0.3.2 → 0.3.3

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

@@ -2,13 +2,13 @@ import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import "../../theme/index.js";
 import { SwitchShape } from "../../variants/switch.js";
 import { SwitchProps } from "./types.js";
-import * as vue252 from "vue";
-import * as _soybeanjs_headless166 from "@soybeanjs/headless";
+import * as vue270 from "vue";
+import * as _soybeanjs_headless178 from "@soybeanjs/headless";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/switch/switch.vue.d.ts
 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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue252.PublicProps & __VLS_PrettifyLocal<SwitchProps<T> & {
+  props: vue270.PublicProps & __VLS_PrettifyLocal<SwitchProps<T> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -18,13 +18,13 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
   slots: {
     leading?: (props: {
       modelValue: (Readonly<{
-        class: _soybeanjs_headless166.ClassValue;
-        ui: Partial<_soybeanjs_headless166.SwitchUi>;
+        class: _soybeanjs_headless178.ClassValue;
+        ui: Partial<_soybeanjs_headless178.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless166.SwitchControlProps;
-        thumbProps: _soybeanjs_headless166.SwitchThumbProps;
+        controlProps: _soybeanjs_headless178.SwitchControlProps;
+        thumbProps: _soybeanjs_headless178.SwitchThumbProps;
         defaultValue: NonNullable<T> | undefined;
         disabled: boolean;
         value: string;
@@ -32,14 +32,14 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         required: boolean;
         manifest: string | undefined;
         innerHTML: string | undefined;
-        style: vue252.StyleValue | undefined;
+        style: vue270.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
         dir: string | undefined;
         draggable: (boolean | "true" | "false") | undefined;
         enterkeyhint: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        enterKeyHint: vue252.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue270.HTMLAttributes["enterkeyhint"];
         hidden: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
         id: string | undefined;
         inert: (boolean | "true" | "false") | undefined;
@@ -229,13 +229,13 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
   } & {
     default?: (props: {
       modelValue: (Readonly<{
-        class: _soybeanjs_headless166.ClassValue;
-        ui: Partial<_soybeanjs_headless166.SwitchUi>;
+        class: _soybeanjs_headless178.ClassValue;
+        ui: Partial<_soybeanjs_headless178.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless166.SwitchControlProps;
-        thumbProps: _soybeanjs_headless166.SwitchThumbProps;
+        controlProps: _soybeanjs_headless178.SwitchControlProps;
+        thumbProps: _soybeanjs_headless178.SwitchThumbProps;
         defaultValue: NonNullable<T> | undefined;
         disabled: boolean;
         value: string;
@@ -243,14 +243,14 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         required: boolean;
         manifest: string | undefined;
         innerHTML: string | undefined;
-        style: vue252.StyleValue | undefined;
+        style: vue270.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
         dir: string | undefined;
         draggable: (boolean | "true" | "false") | undefined;
         enterkeyhint: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        enterKeyHint: vue252.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue270.HTMLAttributes["enterkeyhint"];
         hidden: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
         id: string | undefined;
         inert: (boolean | "true" | "false") | undefined;
@@ -440,13 +440,13 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
   } & {
     trailing?: (props: {
       modelValue: (Readonly<{
-        class: _soybeanjs_headless166.ClassValue;
-        ui: Partial<_soybeanjs_headless166.SwitchUi>;
+        class: _soybeanjs_headless178.ClassValue;
+        ui: Partial<_soybeanjs_headless178.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless166.SwitchControlProps;
-        thumbProps: _soybeanjs_headless166.SwitchThumbProps;
+        controlProps: _soybeanjs_headless178.SwitchControlProps;
+        thumbProps: _soybeanjs_headless178.SwitchThumbProps;
         defaultValue: NonNullable<T> | undefined;
         disabled: boolean;
         value: string;
@@ -454,14 +454,14 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         required: boolean;
         manifest: string | undefined;
         innerHTML: string | undefined;
-        style: vue252.StyleValue | undefined;
+        style: vue270.StyleValue | undefined;
         accesskey: string | undefined;
         contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
         contextmenu: string | undefined;
         dir: string | undefined;
         draggable: (boolean | "true" | "false") | undefined;
         enterkeyhint: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-        enterKeyHint: vue252.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue270.HTMLAttributes["enterkeyhint"];
         hidden: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
         id: string | undefined;
         inert: (boolean | "true" | "false") | undefined;
@@ -650,7 +650,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue252.VNode & {
+}>) => vue270.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,10 +1,10 @@
 import { TabsOptionData, TabsProps } from "./types.js";
-import * as vue265 from "vue";
+import * as vue278 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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue265.PublicProps & __VLS_PrettifyLocal<TabsProps<T, S> & {
+  props: vue278.PublicProps & __VLS_PrettifyLocal<TabsProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -21,7 +21,7 @@ declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S exte
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue265.VNode & {
+}>) => vue278.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 vue242 from "vue";
+import * as vue280 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: vue242.DefineComponent<TagProps, {}, {}, {}, {}, vue242.ComponentOptionsMixin, vue242.ComponentOptionsMixin, {
+declare const __VLS_base: vue280.DefineComponent<TagProps, {}, {}, {}, {}, vue280.ComponentOptionsMixin, vue280.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue242.PublicProps, Readonly<TagProps> & Readonly<{
+}, string, vue280.PublicProps, Readonly<TagProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue242.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue280.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 vue288 from "vue";
+import * as vue285 from "vue";
 
 //#region src/components/textarea/textarea.vue.d.ts
 declare var __VLS_28: {
@@ -11,11 +11,11 @@ type __VLS_Slots = {} & {
 } & {
   footer?: (props: typeof __VLS_30) => any;
 };
-declare const __VLS_base: vue288.DefineComponent<TextareaProps, {}, {}, {}, {}, vue288.ComponentOptionsMixin, vue288.ComponentOptionsMixin, {
+declare const __VLS_base: vue285.DefineComponent<TextareaProps, {}, {}, {}, {}, vue285.ComponentOptionsMixin, vue285.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue288.PublicProps, Readonly<TextareaProps> & Readonly<{
+}, string, vue285.PublicProps, Readonly<TextareaProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue288.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue285.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 vue281 from "vue";
-import * as _soybeanjs_headless186 from "@soybeanjs/headless";
+import * as vue302 from "vue";
+import * as _soybeanjs_headless190 from "@soybeanjs/headless";
 
 //#region src/components/tooltip/tooltip.vue.d.ts
 declare var __VLS_16: {}, __VLS_36: {};
@@ -9,19 +9,19 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_36) => any;
 };
-declare const __VLS_base: vue281.DefineComponent<TooltipProps, {}, {}, {}, {}, vue281.ComponentOptionsMixin, vue281.ComponentOptionsMixin, {
+declare const __VLS_base: vue302.DefineComponent<TooltipProps, {}, {}, {}, {}, vue302.ComponentOptionsMixin, vue302.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless186.PointerDownOutsideEvent) => any;
-}, string, vue281.PublicProps, Readonly<TooltipProps> & Readonly<{
+  pointerDownOutside: (event: _soybeanjs_headless190.PointerDownOutsideEvent) => any;
+}, string, vue302.PublicProps, Readonly<TooltipProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless186.PointerDownOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless190.PointerDownOutsideEvent) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   showArrow: boolean;
-}, {}, {}, {}, string, vue281.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue302.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,12 +1,12 @@
 import { TreeVirtualizerProps } from "./types.js";
-import * as vue131 from "vue";
-import * as _soybeanjs_headless117 from "@soybeanjs/headless";
+import * as vue137 from "vue";
+import * as _soybeanjs_headless87 from "@soybeanjs/headless";
 import { MaybeArray, TreeItemData } from "@soybeanjs/headless";
 import * as _tanstack_vue_virtual0 from "@tanstack/vue-virtual";
 
 //#region src/components/tree/tree-virtualizer.vue.d.ts
 declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue131.PublicProps & __VLS_PrettifyLocal<TreeVirtualizerProps<T, U, M> & {
+  props: vue137.PublicProps & __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;
   }> & (typeof globalThis extends {
@@ -18,13 +18,13 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
     item?: (props: {
       key: number;
       virtualItem: _tanstack_vue_virtual0.VirtualItem;
-      item: _soybeanjs_headless117.FlattenedItem<T>;
+      item: _soybeanjs_headless87.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);
-}>) => vue131.VNode & {
+}>) => vue137.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,10 +1,10 @@
-import * as vue129 from "vue";
-import * as _soybeanjs_headless116 from "@soybeanjs/headless";
+import * as vue135 from "vue";
+import * as _soybeanjs_headless86 from "@soybeanjs/headless";
 import { MaybeArray, TreeItemData, TreeRootProps } from "@soybeanjs/headless";
 
 //#region src/components/tree/tree.vue.d.ts
 declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue129.PublicProps & __VLS_PrettifyLocal<TreeRootProps<T, U, M> & {
+  props: vue135.PublicProps & __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;
   }> & (typeof globalThis extends {
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
   } & {
     item?: (props: {
       key: string;
-      item: _soybeanjs_headless116.FlattenedItem<T>;
+      item: _soybeanjs_headless86.FlattenedItem<T>;
       modelValue: U | undefined;
       expanded: string[];
     }) => any;
@@ -25,7 +25,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);
-}>) => vue129.VNode & {
+}>) => vue135.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import e from"../link/link.js";import t from"../dropdown-menu/dropdown-menu.js";import n from"../tooltip/tooltip.js";import{useTreeMenuContext as r,useTreeMenuExtraUi as i}from"./context.js";import a from"./tree-menu-option-slot.js";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createSlots as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeClass as _,normalizeProps as v,openBlock as y,renderList as b,renderSlot as x,resolveComponent as S,resolveDynamicComponent as C,unref as w,useSlots as T,withCtx as E}from"vue";import{useOmitProps as D}from"@soybeanjs/headless/composables";import{TreeMenuButton as O,TreeMenuCollapsible as k,TreeMenuItem as A,TreeMenuSub as j,useTreeMenuRootContext as M}from"@soybeanjs/headless";var N=m({name:`STreeMenuOption`,__name:`tree-menu-option`,props:{as:{default:`li`},item:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(m,{emit:N}){let P=m,F=N,I=T(),L=D(P,[`as`,`item`]),{collapsed:R,modelValue:z,onModelValueChange:B}=M(`TreeMenuOption`),{size:V,side:H,activePaths:U}=r(`TreeMenuOption`),W=i(`itemAbsolute`),G=s(()=>Object.keys(I)),K=s(()=>P.item.children??[]),q=s(()=>!!K.value.length),J=s(()=>{let e=P.item.value;return z.value===e?!1:U.value.includes(e)}),Y=s(()=>!!(P.item.to||P.item.href)),X=s(()=>{let{disabled:e,to:t,href:n,target:r,external:i}=P.item;return Y.value?{disabled:e,to:t,href:n,target:r,external:i}:{}}),Z=s(()=>R.value&&q.value),Q=s(()=>R.value&&!Z.value?P.item.label:void 0),$=s(()=>H.value===`left`?`right`:`left`),ee=s(()=>({...P.item.tooltipProps,placement:P.item.tooltipProps?.placement??$.value})),te=s(()=>({...P.item.dropdownMenuProps,trigger:P.item.dropdownMenuProps?.trigger??`hover`,placement:P.item.dropdownMenuProps?.placement??$.value})),ne=()=>{P.item.disabled||B(P.item.value)},re=e=>{P.item.disabled||(B(e.value),F(`selectDropdown`,e.value))};return(r,i)=>{let s=S(`STreeMenuOption`);return q.value?(y(),c(w(A),g({key:1},m.itemProps,{"as-child":``,value:m.item.value,disabled:m.item.disabled}),{default:E(()=>[p(w(k),g(m.collapsibleProps,{as:m.as,"disabled-collapsible":w(R)}),{trigger:E(()=>[p(w(O),g(m.buttonProps,{"disabled-active":``,"data-child-active":J.value?``:void 0}),{default:E(()=>[p(a,{item:m.item},f({_:2},[b(G.value,e=>({name:e,fn:E(t=>[x(r.$slots,e,v(h(t)))])}))]),1032,[`item`])]),_:3},16,[`data-child-active`])]),extra:E(()=>[Z.value?(y(),c(t,g({key:0},te.value,{items:K.value,disabled:m.item.disabled,size:w(V),"data-menu":m.item.label,onSelect:re}),{trigger:E(()=>[d(`div`,{class:_(w(W))},null,2)]),_:1},16,[`items`,`disabled`,`size`,`data-menu`])):l(`v-if`,!0)]),default:E(()=>[p(w(j),v(h(m.subProps)),{default:E(()=>[(y(!0),u(o,null,b(K.value,e=>(y(),c(s,g({key:e.value,ref_for:!0},w(L),{item:e}),f({_:2},[b(G.value,e=>({name:e,fn:E(t=>[x(r.$slots,e,g({ref_for:!0},t))])}))]),1040,[`item`]))),128))]),_:3},16)]),_:3},16,[`as`,`disabled-collapsible`])]),_:3},16,[`value`,`disabled`])):(y(),c(w(A),g({key:0},m.itemProps,{as:m.as,value:m.item.value,disabled:m.item.disabled}),{default:E(()=>[Y.value?(y(),c(w(O),g({key:0},m.buttonProps,{"as-child":``}),{default:E(()=>[p(e,v(h(X.value)),{default:E(({isHref:e})=>[p(a,{item:m.item,"show-link-icon":e},f({_:2},[b(G.value,e=>({name:e,fn:E(t=>[x(r.$slots,e,v(h(t)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16)):(y(),c(w(O),v(g({key:1},m.buttonProps)),{default:E(()=>[p(a,{item:m.item},f({_:2},[b(G.value,e=>({name:e,fn:E(t=>[x(r.$slots,e,v(h(t)))])}))]),1032,[`item`])]),_:3},16)),Q.value?(y(),c(n,g({key:2},ee.value,{size:w(V),content:Q.value}),{trigger:E(()=>[(y(),c(C(Y.value?e:`div`),g(X.value,{class:w(W),onClick:ne}),null,16,[`class`]))]),_:1},16,[`size`,`content`])):l(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{N as default};
+import e from"../link/link.js";import t from"../dropdown-menu/dropdown-menu.js";import n from"../tooltip/tooltip.js";import{useTreeMenuContext as r,useTreeMenuExtraUi as i}from"./context.js";import a from"./tree-menu-option-slot.js";import{Fragment as o,computed as s,createBlock as c,createCommentVNode as l,createElementBlock as u,createElementVNode as d,createSlots as f,createVNode as p,defineComponent as m,guardReactiveProps as h,mergeProps as g,normalizeClass as _,normalizeProps as v,openBlock as y,renderList as b,renderSlot as x,resolveComponent as S,resolveDynamicComponent as C,unref as w,useSlots as T,withCtx as E}from"vue";import{useOmitProps as D}from"@soybeanjs/headless/composables";import{TreeMenuButton as O,TreeMenuCollapsible as k,TreeMenuItem as A,TreeMenuSub as j,useTreeMenuRootContext as M}from"@soybeanjs/headless";var N=m({name:`STreeMenuOption`,__name:`tree-menu-option`,props:{as:{default:`li`},item:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(m,{emit:N}){let P=m,F=N,I=T(),L=D(P,[`as`,`item`]),{collapsed:R,modelValue:z,onModelValueChange:B}=M(`TreeMenuOption`),{size:V,side:H,activePaths:U}=r(`TreeMenuOption`),W=i(`itemAbsolute`),G=s(()=>Object.keys(I)),K=s(()=>P.item.children??[]),q=s(()=>!!K.value.length),J=s(()=>{let e=P.item.value;return z.value===e?!1:U.value.includes(e)}),Y=s(()=>!!(P.item.to||P.item.href)),X=s(()=>{let{disabled:e,to:t,href:n,target:r,external:i}=P.item;return Y.value?{disabled:e,to:t,href:n,target:r,external:i}:{}}),Z=s(()=>R.value&&q.value),Q=s(()=>R.value&&!Z.value?P.item.label:void 0),$=s(()=>H.value===`left`?`right`:`left`),ee=s(()=>({...P.item.tooltipProps,placement:P.item.tooltipProps?.placement??$.value})),te=s(()=>({...P.item.dropdownMenuProps,trigger:P.item.dropdownMenuProps?.trigger??`hover`,placement:P.item.dropdownMenuProps?.placement??$.value})),ne=()=>{P.item.disabled||B(P.item.value)},re=e=>{P.item.disabled||(B(e.value),F(`selectDropdown`,e.value))};return(r,i)=>{let s=S(`STreeMenuOption`);return q.value?(y(),c(w(A),g({key:1},m.itemProps,{"as-child":``,value:m.item.value,disabled:m.item.disabled}),{default:E(()=>[p(w(k),g(m.collapsibleProps,{as:m.as,"disabled-collapsible":w(R)}),{trigger:E(()=>[p(w(O),g(m.buttonProps,{"disabled-active":``,"data-child-active":J.value?``:void 0}),{default:E(()=>[p(a,{item:m.item},f({_:2},[b(G.value,e=>({name:e,fn:E(t=>[x(r.$slots,e,v(h(t)))])}))]),1032,[`item`])]),_:3},16,[`data-child-active`])]),extra:E(()=>[Z.value?(y(),c(t,g({key:0},te.value,{items:K.value,disabled:m.item.disabled,size:w(V),"data-menu":m.item.label,"active-value":w(z),onSelect:re}),{trigger:E(()=>[d(`div`,{class:_(w(W))},null,2)]),_:1},16,[`items`,`disabled`,`size`,`data-menu`,`active-value`])):l(`v-if`,!0)]),default:E(()=>[p(w(j),v(h(m.subProps)),{default:E(()=>[(y(!0),u(o,null,b(K.value,e=>(y(),c(s,g({key:e.value,ref_for:!0},w(L),{item:e}),f({_:2},[b(G.value,e=>({name:e,fn:E(t=>[x(r.$slots,e,g({ref_for:!0},t))])}))]),1040,[`item`]))),128))]),_:3},16)]),_:3},16,[`as`,`disabled-collapsible`])]),_:3},16,[`value`,`disabled`])):(y(),c(w(A),g({key:0},m.itemProps,{as:m.as,value:m.item.value,disabled:m.item.disabled}),{default:E(()=>[Y.value?(y(),c(w(O),g({key:0},m.buttonProps,{"as-child":``}),{default:E(()=>[p(e,v(h(X.value)),{default:E(({isHref:e})=>[p(a,{item:m.item,"show-link-icon":e},f({_:2},[b(G.value,e=>({name:e,fn:E(t=>[x(r.$slots,e,v(h(t)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16)):(y(),c(w(O),v(g({key:1},m.buttonProps)),{default:E(()=>[p(a,{item:m.item},f({_:2},[b(G.value,e=>({name:e,fn:E(t=>[x(r.$slots,e,v(h(t)))])}))]),1032,[`item`])]),_:3},16)),Q.value?(y(),c(n,g({key:2},ee.value,{size:w(V),content:Q.value}),{trigger:E(()=>[(y(),c(C(Y.value?e:`div`),g(X.value,{class:w(W),onClick:ne}),null,16,[`class`]))]),_:1},16,[`size`,`content`])):l(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{N as default};

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

@@ -1,10 +1,10 @@
 import { VirtualizerProps } from "./types.js";
-import * as vue127 from "vue";
+import * as vue139 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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue127.PublicProps & __VLS_PrettifyLocal<VirtualizerProps<T>> & (typeof globalThis extends {
+  props: vue139.PublicProps & __VLS_PrettifyLocal<VirtualizerProps<T>> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends Record<string, any>>(__VLS_props: NonNull
     }) => any;
   };
   emit: {};
-}>) => vue127.VNode & {
+}>) => vue139.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/variants/alert.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants9 from "tailwind-variants";
+import * as tailwind_variants0 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/alert.d.ts
-declare const alertVariants: tailwind_variants9.TVReturnType<{
+declare const alertVariants: tailwind_variants0.TVReturnType<{
   color: {
     primary: {
       root: string;
@@ -196,7 +196,7 @@ declare const alertVariants: tailwind_variants9.TVReturnType<{
   title: string;
   description: string;
   close: string;
-}, tailwind_variants9.TVReturnType<{
+}, tailwind_variants0.TVReturnType<{
   color: {
     primary: {
       root: string;

package/dist/variants/badge.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants3 from "tailwind-variants";
+import * as tailwind_variants5 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/badge.d.ts
-declare const badgeVariants: tailwind_variants3.TVReturnType<{
+declare const badgeVariants: tailwind_variants5.TVReturnType<{
   color: {
     primary: {
       content: string;
@@ -130,7 +130,7 @@ declare const badgeVariants: tailwind_variants3.TVReturnType<{
 }, {
   root: string;
   content: string;
-}, tailwind_variants3.TVReturnType<{
+}, tailwind_variants5.TVReturnType<{
   color: {
     primary: {
       content: string;

package/dist/variants/button.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants0 from "tailwind-variants";
+import * as tailwind_variants1 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/button.d.ts
-declare const buttonVariants: tailwind_variants0.TVReturnType<{
+declare const buttonVariants: tailwind_variants1.TVReturnType<{
   color: {
     primary: string;
     destructive: string;
@@ -92,7 +92,7 @@ declare const buttonVariants: tailwind_variants0.TVReturnType<{
     true: string;
     false: string;
   };
-}, undefined, tailwind_variants0.TVReturnType<{
+}, undefined, tailwind_variants1.TVReturnType<{
   color: {
     primary: string;
     destructive: string;

package/dist/variants/checkbox.d.ts

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

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

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

package/dist/variants/separator.d.ts

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

package/dist/variants/tabs.d.ts

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

package/dist/variants/tag.d.ts

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

package/dist/variants/textarea.d.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@soybeanjs/ui",
-  "version": "0.3.2",
+  "version": "0.3.3",
   "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": {
@@ -55,7 +55,7 @@
     "tailwind-variants": "^3.2.2",
     "valibot": "^1.2.0",
     "zod": "^4.3.6",
-    "@soybeanjs/headless": "^0.3.2"
+    "@soybeanjs/headless": "^0.3.3"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.4.4",