@soybeanjs/ui 0.1.3 → 0.1.5

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 vue306 from "vue";
-import * as _soybeanjs_headless180 from "@soybeanjs/headless";
+import * as vue294 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: vue306.PublicProps & __VLS_PrettifyLocal<SwitchProps<T> & {
+  props: vue294.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_headless180.ClassValue;
-        ui: Partial<_soybeanjs_headless180.SwitchUi>;
+        class: _soybeanjs_headless178.ClassValue;
+        ui: Partial<_soybeanjs_headless178.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless180.SwitchControlProps;
-        thumbProps: _soybeanjs_headless180.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: vue306.StyleValue | undefined;
+        style: vue294.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: vue306.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue294.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_headless180.ClassValue;
-        ui: Partial<_soybeanjs_headless180.SwitchUi>;
+        class: _soybeanjs_headless178.ClassValue;
+        ui: Partial<_soybeanjs_headless178.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless180.SwitchControlProps;
-        thumbProps: _soybeanjs_headless180.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: vue306.StyleValue | undefined;
+        style: vue294.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: vue306.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue294.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_headless180.ClassValue;
-        ui: Partial<_soybeanjs_headless180.SwitchUi>;
+        class: _soybeanjs_headless178.ClassValue;
+        ui: Partial<_soybeanjs_headless178.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless180.SwitchControlProps;
-        thumbProps: _soybeanjs_headless180.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: vue306.StyleValue | undefined;
+        style: vue294.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: vue306.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue294.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;
-}>) => vue306.VNode & {
+}>) => vue294.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 vue234 from "vue";
+import * as vue129 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: vue234.PublicProps & __VLS_PrettifyLocal<TabsProps<T, S> & {
+  props: vue129.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;
-}>) => vue234.VNode & {
+}>) => vue129.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 vue248 from "vue";
+import * as vue131 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: vue248.DefineComponent<TagProps, {}, {}, {}, {}, vue248.ComponentOptionsMixin, vue248.ComponentOptionsMixin, {
+declare const __VLS_base: vue131.DefineComponent<TagProps, {}, {}, {}, {}, vue131.ComponentOptionsMixin, vue131.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue248.PublicProps, Readonly<TagProps> & Readonly<{
+}, string, vue131.PublicProps, Readonly<TagProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue248.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue131.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 vue258 from "vue";
+import * as vue148 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: vue258.DefineComponent<TextareaProps, {}, {}, {}, {}, vue258.ComponentOptionsMixin, vue258.ComponentOptionsMixin, {
+declare const __VLS_base: vue148.DefineComponent<TextareaProps, {}, {}, {}, {}, vue148.ComponentOptionsMixin, vue148.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue258.PublicProps, Readonly<TextareaProps> & Readonly<{
+}, string, vue148.PublicProps, Readonly<TextareaProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue258.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue148.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 vue253 from "vue";
-import * as _soybeanjs_headless165 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: vue253.DefineComponent<TooltipProps, {}, {}, {}, {}, vue253.ComponentOptionsMixin, vue253.ComponentOptionsMixin, {
+declare const __VLS_base: vue302.DefineComponent<TooltipProps, {}, {}, {}, {}, vue302.ComponentOptionsMixin, vue302.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless165.PointerDownOutsideEvent) => any;
-}, string, vue253.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_headless165.PointerDownOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless190.PointerDownOutsideEvent) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   showArrow: boolean;
-}, {}, {}, {}, string, vue253.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-menu/tree-menu-styled-item.vue.d.ts

@@ -1,12 +1,12 @@
 import { TreeMenuStyledItemProps } from "./types.js";
-import * as vue263 from "vue";
+import * as vue309 from "vue";
 
 //#region src/components/tree-menu/tree-menu-styled-item.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_base: vue263.DefineComponent<TreeMenuStyledItemProps, {}, {}, {}, {}, vue263.ComponentOptionsMixin, vue263.ComponentOptionsMixin, {}, string, vue263.PublicProps, Readonly<TreeMenuStyledItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue263.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue309.DefineComponent<TreeMenuStyledItemProps, {}, {}, {}, {}, vue309.ComponentOptionsMixin, vue309.ComponentOptionsMixin, {}, string, vue309.PublicProps, Readonly<TreeMenuStyledItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue309.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-menu/tree-menu.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import{treeMenuVariants as r}from"../../variants/tree-menu.js";import{provideTreeMenuContext as i,provideTreeMenuExtraUi as a}from"./context.js";import{isGroupTreeMenu as o,treeMenuCssVars as s}from"./shared.js";import c from"./tree-menu-option.js";import{Fragment as l,computed as u,createBlock as d,createElementBlock as f,createSlots as p,createTextVNode as m,createVNode as h,defineComponent as g,mergeProps as _,openBlock as v,renderList as y,renderSlot as b,toDisplayString as x,toHandlers as S,unref as C,useSlots as w,withCtx as T}from"vue";import{useForwardListeners as E,useOmitProps as D}from"@soybeanjs/headless/composables";import{TreeMenuGroup as O,TreeMenuGroupLabel as k,TreeMenuGroupRoot as A,TreeMenuRoot as j,provideTreeMenuUi as M}from"@soybeanjs/headless";import{transformPropsToContext as N}from"@soybeanjs/headless/shared";var P=g({name:`STreeMenu`,__name:`tree-menu`,props:{class:{},size:{default:`md`},ui:{},side:{default:`left`},items:{},collapsedWidth:{default:50},indent:{default:16},groupRootProps:{},groupProps:{},groupLabelProps:{},buttonProps:{},collapsibleProps:{},subProps:{},modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(g,{emit:P}){let F=g,I=P,L=w(),R=u(()=>Object.keys(L).filter(e=>e.startsWith(`item-`))),z=D(F,[`class`,`size`,`side`,`ui`,`items`,`collapsedWidth`,`indent`,`groupRootProps`,`groupProps`,`groupLabelProps`,`buttonProps`,`collapsibleProps`,`subProps`]),B=E(I),V=u(()=>{let e=F.collapsedWidth*n[F.size],r=F.indent*n[F.size];return{[s.collapsedWidth]:`${e/t.md}rem`,[s.indent]:`${r/t.md}rem`}}),H=u(()=>e(r({size:F.size}),F.ui,{root:F.class}));return M(H),a(H),i(N(F,[`size`,`side`])),(e,t)=>(v(),d(C(j),_(C(z),{style:V.value},S(C(B))),{default:T(()=>[b(e.$slots,`top`),(v(!0),f(l,null,y(g.items,t=>(v(),f(l,{key:t.value},[C(o)(t)?(v(),d(C(A),{key:0},{default:T(()=>[h(C(k),null,{default:T(()=>[m(x(t.label),1)]),_:2},1024),h(C(O),null,{default:T(()=>[(v(!0),f(l,null,y(t.children,t=>(v(),d(c,{key:t.value,item:t},p({_:2},[y(R.value,t=>({name:t,fn:T(n=>[b(e.$slots,t,_({ref_for:!0},n))])}))]),1032,[`item`]))),128))]),_:2},1024)]),_:2},1024)):(v(),d(c,{key:1,as:`div`,item:t},p({_:2},[y(R.value,t=>({name:t,fn:T(n=>[b(e.$slots,t,_({ref_for:!0},n))])}))]),1032,[`item`]))],64))),128)),b(e.$slots,`bottom`)]),_:3},16,[`style`]))}});export{P as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import r from"../icon/icon.js";import{treeMenuVariants as i}from"../../variants/tree-menu.js";import{provideTreeMenuContext as a,provideTreeMenuExtraUi as o}from"./context.js";import{isGroupTreeMenu as s,treeMenuCssVars as c}from"./shared.js";import l from"./tree-menu-option.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as g,createVNode as _,defineComponent as v,mergeProps as y,openBlock as b,renderList as x,renderSlot as S,toDisplayString as C,toHandlers as w,unref as T,useSlots as E,withCtx as D}from"vue";import{useForwardListeners as O,useOmitProps as k}from"@soybeanjs/headless/composables";import{TreeMenuGroup as A,TreeMenuGroupLabel as j,TreeMenuGroupRoot as M,TreeMenuRoot as N,provideTreeMenuUi as P}from"@soybeanjs/headless";import{transformPropsToContext as F}from"@soybeanjs/headless/shared";var I=v({name:`STreeMenu`,__name:`tree-menu`,props:{class:{},size:{default:`md`},ui:{},side:{default:`left`},items:{},collapsedWidth:{default:50},indent:{default:16},groupRootProps:{},groupProps:{},groupLabelProps:{},buttonProps:{},collapsibleProps:{},subProps:{},modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(v,{emit:I}){let L=v,R=I,z=E(),B=d(()=>Object.keys(z).filter(e=>e.startsWith(`item-`))),V=k(L,[`class`,`size`,`side`,`ui`,`items`,`collapsedWidth`,`indent`,`groupRootProps`,`groupProps`,`groupLabelProps`,`buttonProps`,`collapsibleProps`,`subProps`]),H=O(R),U=d(()=>{let e=L.collapsedWidth*n[L.size],r=L.indent*n[L.size];return{[c.collapsedWidth]:`${e/t.md}rem`,[c.indent]:`${r/t.md}rem`}}),W=d(()=>e(i({size:L.size}),L.ui,{root:L.class}));return P(W),o(W),a(F(L,[`size`,`side`])),(e,t)=>(b(),f(T(N),y(T(V),{style:U.value},w(T(H))),{default:D(()=>[S(e.$slots,`top`),(b(!0),m(u,null,x(v.items,t=>(b(),m(u,{key:t.value},[T(s)(t)?(b(),f(T(M),{key:0},{default:D(()=>[_(T(j),null,{default:D(()=>[t.icon?(b(),f(r,{key:0,icon:t.icon},null,8,[`icon`])):p(`v-if`,!0),h(`span`,null,C(t.label),1)]),_:2},1024),_(T(A),null,{default:D(()=>[(b(!0),m(u,null,x(t.children,t=>(b(),f(l,{key:t.value,item:t},g({_:2},[x(B.value,t=>({name:t,fn:D(n=>[S(e.$slots,t,y({ref_for:!0},n))])}))]),1032,[`item`]))),128))]),_:2},1024)]),_:2},1024)):(b(),f(l,{key:1,as:`div`,item:t},g({_:2},[x(B.value,t=>({name:t,fn:D(n=>[S(e.$slots,t,y({ref_for:!0},n))])}))]),1032,[`item`]))],64))),128)),S(e.$slots,`bottom`)]),_:3},16,[`style`]))}});export{I as default};

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

@@ -1,9 +1,9 @@
-import { TreeMenuOptionData, TreeMenuProps } from "./types.js";
-import * as vue268 from "vue";
+import { TreeMenuBaseOptionData, TreeMenuProps } from "./types.js";
+import * as vue307 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_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
-  props: vue268.PublicProps & __VLS_PrettifyLocal<TreeMenuProps<T> & {
+declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData>(__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: vue307.PublicProps & __VLS_PrettifyLocal<TreeMenuProps<T> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
@@ -27,7 +27,7 @@ declare const __VLS_export: <T extends TreeMenuOptionData = TreeMenuOptionData>(
     }) => any;
   };
   emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "update:collapsed", value: boolean) => void) & ((evt: "selectDropdown", value: string) => void);
-}>) => vue268.VNode & {
+}>) => vue307.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -60,20 +60,21 @@ interface TreeMenuBaseOptionData extends TreeMenuBaseItemProps, LinkBaseProps {
    */
   children?: TreeMenuBaseOptionData[];
 }
-interface TreeMenuGroupOptionData {
+interface TreeMenuGroupOptionData<T = TreeMenuBaseOptionData> {
   isGroup: true;
   label: string;
   value: string;
-  children: TreeMenuBaseOptionData[];
+  icon?: IconValue;
+  children: T[];
 }
-type TreeMenuOptionData = TreeMenuBaseOptionData | TreeMenuGroupOptionData;
+type TreeMenuOptionData<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> = T | TreeMenuGroupOptionData<T>;
 interface TreeMenuOptionProps {
   as?: AsTag;
   item: TreeMenuBaseOptionData;
 }
 type TreeMenuExtraUiSlot = 'itemLabel' | 'itemAbsolute' | 'itemBadge' | 'itemTag' | 'itemAction' | 'itemLinkIcon' | 'collapsibleIcon';
 type TreeMenuExtendedUi = UiClass<TreeMenuUiSlot | TreeMenuExtraUiSlot>;
-interface TreeMenuProps<T extends TreeMenuOptionData = TreeMenuOptionData> extends TreeMenuRootProps {
+interface TreeMenuProps<T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData> extends TreeMenuRootProps {
   class?: ClassValue;
   size?: ThemeSize;
   ui?: Partial<TreeMenuExtendedUi>;
@@ -83,7 +84,7 @@ interface TreeMenuProps<T extends TreeMenuOptionData = TreeMenuOptionData> exten
    * @default 'left'
    */
   side?: HorizontalSide;
-  items?: T[];
+  items?: TreeMenuOptionData<T>[];
   /**
    * The width of the sidebar menu when it's collapsed.
    *

package/dist/variants/button.d.ts

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

package/dist/variants/checkbox.d.ts

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

package/dist/variants/pagination.d.ts

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

package/dist/variants/separator.d.ts

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

package/dist/variants/switch.d.ts

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

package/dist/variants/tabs.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants9 from "tailwind-variants";
+import * as tailwind_variants11 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/tabs.d.ts
-declare const tabsVariants: tailwind_variants9.TVReturnType<{
+declare const tabsVariants: tailwind_variants11.TVReturnType<{
   size: {
     xs: {
       root: string;
@@ -148,7 +148,7 @@ declare const tabsVariants: tailwind_variants9.TVReturnType<{
   indicator: string;
   indicatorContent: string;
   content: string;
-}, tailwind_variants9.TVReturnType<{
+}, tailwind_variants11.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_variants21 from "tailwind-variants";
+import * as tailwind_variants19 from "tailwind-variants";
 import { VariantProps } from "tailwind-variants";
 
 //#region src/variants/textarea.d.ts
-declare const textareaVariants: tailwind_variants21.TVReturnType<{
+declare const textareaVariants: tailwind_variants19.TVReturnType<{
   size: {
     xs: {
       root: string;
@@ -118,7 +118,7 @@ declare const textareaVariants: tailwind_variants21.TVReturnType<{
   control: string[];
   counter: string;
   clearable: string;
-}, tailwind_variants21.TVReturnType<{
+}, tailwind_variants19.TVReturnType<{
   size: {
     xs: {
       root: string;

package/dist/variants/toast.d.ts

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

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@soybeanjs/ui",
   "type": "module",
-  "version": "0.1.3",
+  "version": "0.1.5",
   "description": "SoybeanUI is built on top of SoybeanHeadless, providing a collection of styled components for Vue 3.",
   "author": {
     "name": "Soybean",
@@ -55,7 +55,7 @@
     "tailwind-variants": "^3.2.2",
     "valibot": "^1.2.0",
     "zod": "^4.3.6",
-    "@soybeanjs/headless": "^0.1.3"
+    "@soybeanjs/headless": "^0.1.5"
   },
   "devDependencies": {
     "@soybeanjs/cli": "^1.4.4",
@@ -80,7 +80,6 @@
     "unplugin-vue-components": "^31.0.0",
     "unplugin-vue-jsx": "^0.8.1",
     "vite": "^7.3.1",
-    "vite-plugin-vue-devtools": "^8.0.5",
     "vitest": "^4.0.18",
     "vue": "^3.5.27",
     "vue-eslint-parser": "^10.2.0",