@soybeanjs/ui 0.0.8 → 0.0.9

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

@@ -1,16 +1,16 @@
 import { SelectOptionData, SelectProps } from "./types.js";
-import * as vue233 from "vue";
-import * as _soybeanjs_headless132 from "@soybeanjs/headless";
+import * as vue148 from "vue";
+import * as _soybeanjs_headless79 from "@soybeanjs/headless";
 import { DefinedValue } from "@soybeanjs/headless";
 
 //#region src/components/select/select.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue, M extends boolean = false, S extends SelectOptionData<T> = SelectOptionData<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: vue233.PublicProps & __VLS_PrettifyLocal<SelectProps<T, M, S> & {
-    onSelect?: ((event: _soybeanjs_headless132.SelectItemEvent<T>) => any) | undefined;
-    "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  props: vue148.PublicProps & __VLS_PrettifyLocal<SelectProps<T, M, S> & {
+    onSelect?: ((event: _soybeanjs_headless79.SelectItemEvent<T>) => any) | undefined;
     "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
+    "onUpdate:open"?: ((value: boolean) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless132.PointerDownOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless79.PointerDownOutsideEvent) => any) | undefined;
     onCloseAutoFocus?: ((event: Event) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -44,8 +44,8 @@ declare const __VLS_export: <T extends DefinedValue, M extends boolean = false,
       item: S;
     }) => any;
   };
-  emit: ((evt: "select", event: _soybeanjs_headless132.SelectItemEvent<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless132.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue233.VNode & {
+  emit: ((evt: "select", event: _soybeanjs_headless79.SelectItemEvent<T>) => void) & ((evt: "update:modelValue", value: M extends true ? T[] : T) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: _soybeanjs_headless79.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue148.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,11 +1,11 @@
 import { SeparatorProps } from "./types.js";
-import * as vue258 from "vue";
+import * as vue273 from "vue";
 import * as _soybeanjs_headless144 from "@soybeanjs/headless";
 
 //#region src/components/separator/separator.vue.d.ts
-declare const __VLS_export: vue258.DefineComponent<SeparatorProps, {}, {}, {}, {}, vue258.ComponentOptionsMixin, vue258.ComponentOptionsMixin, {}, string, vue258.PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
+declare const __VLS_export: vue273.DefineComponent<SeparatorProps, {}, {}, {}, {}, vue273.ComponentOptionsMixin, vue273.ComponentOptionsMixin, {}, string, vue273.PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
   orientation: _soybeanjs_headless144.DataOrientation;
-}, {}, {}, {}, string, vue258.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue273.ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 //#endregion
 export { _default };

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 vue263 from "vue";
+import * as vue278 from "vue";
 import * as _soybeanjs_headless145 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: vue263.PublicProps & __VLS_PrettifyLocal<SwitchProps<T> & {
+  props: vue278.PublicProps & __VLS_PrettifyLocal<SwitchProps<T> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -32,14 +32,14 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         manifest: string | undefined;
         innerHTML: string | undefined;
         class: any;
-        style: vue263.StyleValue | undefined;
+        style: vue278.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: vue263.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue278.HTMLAttributes["enterkeyhint"];
         hidden: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
         id: string | undefined;
         inert: (boolean | "true" | "false") | undefined;
@@ -243,14 +243,14 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         manifest: string | undefined;
         innerHTML: string | undefined;
         class: any;
-        style: vue263.StyleValue | undefined;
+        style: vue278.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: vue263.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue278.HTMLAttributes["enterkeyhint"];
         hidden: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
         id: string | undefined;
         inert: (boolean | "true" | "false") | undefined;
@@ -454,14 +454,14 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = boolean>(__VLS_p
         manifest: string | undefined;
         innerHTML: string | undefined;
         class: any;
-        style: vue263.StyleValue | undefined;
+        style: vue278.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: vue263.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue278.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;
-}>) => vue263.VNode & {
+}>) => vue278.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 vue256 from "vue";
+import * as vue291 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: vue256.PublicProps & __VLS_PrettifyLocal<TabsProps<T, S> & {
+  props: vue291.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;
-}>) => vue256.VNode & {
+}>) => vue291.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 vue276 from "vue";
+import * as vue286 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: vue276.DefineComponent<TagProps, {}, {}, {}, {}, vue276.ComponentOptionsMixin, vue276.ComponentOptionsMixin, {
+declare const __VLS_base: vue286.DefineComponent<TagProps, {}, {}, {}, {}, vue286.ComponentOptionsMixin, vue286.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue276.PublicProps, Readonly<TagProps> & Readonly<{
+}, string, vue286.PublicProps, Readonly<TagProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue276.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue286.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 vue271 from "vue";
+import * as vue150 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: vue271.DefineComponent<TextareaProps, {}, {}, {}, {}, vue271.ComponentOptionsMixin, vue271.ComponentOptionsMixin, {
+declare const __VLS_base: vue150.DefineComponent<TextareaProps, {}, {}, {}, {}, vue150.ComponentOptionsMixin, vue150.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue271.PublicProps, Readonly<TextareaProps> & Readonly<{
+}, string, vue150.PublicProps, Readonly<TextareaProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue271.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue150.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,5 +1,5 @@
 import { TooltipProps } from "./types.js";
-import * as vue281 from "vue";
+import * as vue305 from "vue";
 import * as _soybeanjs_headless154 from "@soybeanjs/headless";
 
 //#region src/components/tooltip/tooltip.vue.d.ts
@@ -9,11 +9,11 @@ type __VLS_Slots = {} & {
 } & {
   default?: (props: typeof __VLS_36) => any;
 };
-declare const __VLS_base: vue281.DefineComponent<TooltipProps, {}, {}, {}, {}, vue281.ComponentOptionsMixin, vue281.ComponentOptionsMixin, {
+declare const __VLS_base: vue305.DefineComponent<TooltipProps, {}, {}, {}, {}, vue305.ComponentOptionsMixin, vue305.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: _soybeanjs_headless154.PointerDownOutsideEvent) => any;
-}, string, vue281.PublicProps, Readonly<TooltipProps> & Readonly<{
+}, string, vue305.PublicProps, Readonly<TooltipProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: _soybeanjs_headless154.PointerDownOutsideEvent) => any) | undefined;
@@ -21,7 +21,7 @@ declare const __VLS_base: vue281.DefineComponent<TooltipProps, {}, {}, {}, {}, v
   open: boolean;
   defaultOpen: boolean;
   showArrow: boolean;
-}, {}, {}, {}, string, vue281.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue305.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 vue84 from "vue";
-import * as _soybeanjs_headless14 from "@soybeanjs/headless";
+import * as vue3 from "vue";
+import * as _soybeanjs_headless0 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: vue84.PublicProps & __VLS_PrettifyLocal<TreeVirtualizerProps<T, U, M> & {
+  props: vue3.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_headless14.FlattenedItem<T>;
+      item: _soybeanjs_headless0.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);
-}>) => vue84.VNode & {
+}>) => vue3.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 vue82 from "vue";
-import * as _soybeanjs_headless13 from "@soybeanjs/headless";
+import * as vue1 from "vue";
+import * as _soybeanjs_headless0 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: vue82.PublicProps & __VLS_PrettifyLocal<TreeRootProps<T, U, M> & {
+  props: vue1.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_headless13.FlattenedItem<T>;
+      item: _soybeanjs_headless0.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);
-}>) => vue82.VNode & {
+}>) => vue1.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import{useContext as e}from"@soybeanjs/headless/composables";const[t,n]=e(`TreeMenu`,e=>e),[r,i]=e(`TreeMenuTheme`,e=>e);export{t as provideTreeMenuContext,r as provideTreeMenuThemeContext,n as useTreeMenuContext,i as useTreeMenuThemeContext};
+import{useContext as e}from"@soybeanjs/headless/composables";const[t,n]=e(`TreeMenu`,e=>e),[r,i]=e(`TreeMenuExtraTheme`,e=>e);export{t as provideTreeMenuContext,r as provideTreeMenuExtraThemeContext,n as useTreeMenuContext,i as useTreeMenuExtraThemeContext};

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

@@ -1,3 +1,3 @@
-import { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuGroupOptionData, TreeMenuItemEmits, TreeMenuItemProps, TreeMenuOptionData, TreeMenuProps, TreeMenuState, TreeMenuThemeContextParams, TreeMenuThemeSlot, TreeMenuUi } from "./types.js";
+import { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraThemeContextParams, TreeMenuExtraThemeSlot, TreeMenuGroupOptionData, TreeMenuItemEmits, TreeMenuOptionData, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuProps } from "./types.js";
 import { _default } from "./tree-menu.vue.js";
-import { _default as _default$1 } from "./tree-menu-item-wrapper.vue.js";
+import { _default as _default$1 } from "./tree-menu-styled-item.vue.js";

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

@@ -1 +1 @@
-const e={collapsedWidth:`--soybean-tree-menu-collapsed-width`,indent:`--soybean-tree-menu-indent`};function t(e){return`isGroup`in e&&e.isGroup}function n(e){let n=[];for(let r of e)if(t(r)){let{children:e,...t}=r;n.push(t,...e??[])}else n.push(r);return n}export{t as isTreeMenuGroupOption,n as transformTreeMenuItems,e as treeMenuCssVars};
+const e={collapsedWidth:`--soybean-tree-menu-collapsed-width`,indent:`--soybean-tree-menu-indent`};function t(e){return`isGroup`in e&&e.isGroup}function n(e,t,r=!0){return!r&&e.value===t?!0:e?.children?.some(e=>n(e,t,!1))??!1}export{n as isChildActive,t as isGroupTreeMenu,e as treeMenuCssVars};

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

@@ -0,0 +1 @@
+import e from"../button/button-icon.js";import t from"../icon/icon.js";import n from"../badge/badge.js";import r from"../dropdown-menu/dropdown-menu.js";import i from"../tag/tag.js";import{useTreeMenuContext as a,useTreeMenuExtraThemeContext as o}from"./context.js";import{Fragment as s,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createVNode as p,defineComponent as m,mergeProps as h,normalizeClass as g,openBlock as _,renderSlot as v,toDisplayString as y,unref as b,withCtx as x,withModifiers as S}from"vue";import{useTreeMenuRootContext as C}from"@soybeanjs/headless";var w=m({name:`STreeMenuOptionSlot`,__name:`tree-menu-option-slot`,props:{showLinkIcon:{type:Boolean},item:{}},setup(m){let w=m,{collapsed:T}=C(`TreeMenuOptionSlot`),{size:E}=a(`TreeMenuOptionSlot`),D=o(`TreeMenuOptionSlot`),O=c(()=>!!w.item.children?.length),k=c(()=>({color:`accent`,variant:`raw`,...w.item.tagProps,content:w.item.tag}));return(a,o)=>(_(),d(s,null,[v(a.$slots,`leading`,{item:m.item},()=>[m.item.icon?(_(),l(t,{key:0,icon:m.item.icon},null,8,[`icon`])):u(`v-if`,!0)]),v(a.$slots,`default`,{item:m.item},()=>[m.item.badge?(_(),l(n,h({key:0},m.item.badgeProps,{size:b(E),content:m.item.badge,class:b(D).itemBadge}),{default:x(()=>[f(`span`,{class:g(b(D).itemLabel)},y(m.item.label),3)]),_:1},16,[`size`,`content`,`class`])):(_(),d(`span`,{key:1,class:g(b(D).itemLabel)},y(m.item.label),3))]),m.showLinkIcon?(_(),l(t,{key:0,icon:`lucide:arrow-up-right`,class:g(b(D).itemLinkIcon)},null,8,[`class`])):u(`v-if`,!0),m.item.tag?(_(),l(i,h({key:1},k.value,{size:b(E),content:m.item.tag,class:b(D).itemTag}),null,16,[`size`,`content`,`class`])):u(`v-if`,!0),!b(T)&&m.item.actions?.length?(_(),l(r,h({key:2},m.item.actionMenuProps,{size:b(E),items:m.item.actions,onSelect:m.item.onActionSelect}),{trigger:x(()=>[p(e,{icon:`lucide:ellipsis`,size:b(E),class:g(b(D).itemAction),onClick:o[0]||=S(()=>{},[`stop`])},null,8,[`size`,`class`])]),_:1},16,[`size`,`items`,`onSelect`])):u(`v-if`,!0),v(a.$slots,`trailing`,{item:m.item}),O.value?(_(),l(t,{key:3,icon:`lucide:chevron-right`,class:g(b(D).collapsibleIcon)},null,8,[`class`])):u(`v-if`,!0)],64))}});export{w as default};

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

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

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

@@ -0,0 +1 @@
+import{createElementBlock as e,createElementVNode as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";import{useTreeMenuThemeContext as s}from"@soybeanjs/headless";var c=n({name:`STreeMenuStyledItem`,__name:`tree-menu-styled-item`,setup(n){let c=s(`TreeMenuStyledItem`);return(n,s)=>(i(),e(`li`,{class:r(o(c).item)},[t(`button`,{class:r(o(c).button)},[a(n.$slots,`default`)],2)],2))}});export{c as default};

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

@@ -0,0 +1,17 @@
+import * as vue157 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: vue157.DefineComponent<{}, {}, {}, {}, {}, vue157.ComponentOptionsMixin, vue157.ComponentOptionsMixin, {}, string, vue157.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue157.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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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,provideTreeMenuThemeContext as a}from"./context.js";import{isTreeMenuGroupOption as o,transformTreeMenuItems as s,treeMenuCssVars as c}from"./shared.js";import l from"./tree-menu-item.js";import{Fragment as u,computed as d,createBlock as f,createElementBlock as p,createElementVNode as m,defineComponent as h,isRef as g,mergeProps as _,normalizeClass as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,toHandlers as C,unref as w,watch as T,withCtx as E,withDirectives as D}from"vue";import{useControllableState as O,useForwardListeners as k,useOmitProps as A}from"@soybeanjs/headless/composables";import{TreeRoot as j}from"@soybeanjs/headless";import{vAutoAnimate as M}from"@formkit/auto-animate";var N=h({name:`TreeMenu`,__name:`tree-menu`,props:{size:{},ui:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean,default:!1},collapsedWidth:{default:50},tooltipProps:{},dropdownMenuProps:{},badgeProps:{},tagProps:{},actionMenuProps:{},modelValue:{},defaultValue:{},multiple:{},items:{},expanded:{},defaultExpanded:{},selectionBehavior:{},toggleBehavior:{},dir:{},loop:{type:Boolean},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:expanded`,`selectDropdown`,`update:collapsed`],setup(h,{emit:N}){let P=h,F=N,I=A(P,[`size`,`ui`,`items`,`expanded`,`defaultExpanded`,`collapsed`,`defaultCollapsed`,`collapsedWidth`,`tooltipProps`,`dropdownMenuProps`,`badgeProps`,`tagProps`,`actionMenuProps`]),L=k(F),R=d(()=>e(r({size:P.size}),P.ui)),z=d(()=>s(P.items??[])),B=O(()=>P.expanded,e=>{F(`update:expanded`,e??[])},P.defaultExpanded??[]),V=O(()=>P.collapsed,e=>{F(`update:collapsed`,e??!1)},P.defaultCollapsed),H=d(()=>{let e=P.collapsedWidth*n[P.size||`md`];return{[c.collapsedWidth]:`${e/t.md}rem`}}),U=d(()=>V.value?`collapsed`:`expanded`),W=d(()=>P.size??`md`),G=(e,t)=>{t.select(e),t.toggle(e),F(`selectDropdown`,e)};i({collapsed:V,size:W}),a({ui:R});let K=null;return T(V,e=>{if(e){K=[...B.value??[]],B.value=[];return}K?.length&&(B.value=[...K],K=null)}),(e,t)=>D((y(),f(w(j),_(w(I),{expanded:w(B),"onUpdate:expanded":t[0]||=e=>g(B)?B.value=e:null,items:z.value,class:R.value.root,"data-state":U.value,"data-collapsed":w(V)?``:void 0,style:H.value},C(w(L))),{default:E(({flattenItems:t,select:n,toggle:r})=>[x(e.$slots,`top`),(y(!0),p(u,null,b(t,({data:t,value:i,level:a})=>(y(),p(u,{key:i},[w(o)(t)?(y(),p(`li`,{key:0,class:v(R.value.groupLabel)},[x(e.$slots,`group-label`,{item:t},()=>[m(`span`,null,S(t.label),1)])],2)):(y(),f(l,_({key:1,ref_for:!0},t,{level:a,"tooltip-props":h.tooltipProps,"dropdown-menu-props":h.dropdownMenuProps,"action-menu-props":h.actionMenuProps,onSelectDropdown:e=>G(e,{select:n,toggle:r})}),{default:E(()=>[x(e.$slots,`item`,{item:t,level:a})]),leading:E(()=>[x(e.$slots,`item-leading`,{item:t,level:a})]),trailing:E(()=>[x(e.$slots,`item-trailing`,{item:t,level:a})]),_:2},1040,[`level`,`tooltip-props`,`dropdown-menu-props`,`action-menu-props`,`onSelectDropdown`]))],64))),128)),x(e.$slots,`bottom`)]),_:3},16,[`expanded`,`items`,`class`,`data-state`,`data-collapsed`,`style`])),[[w(M)]])}});export{N as default};
+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,provideTreeMenuExtraThemeContext 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,provideTreeMenuThemeContext as M}from"@soybeanjs/headless";import{transformPropsToContext as N}from"@soybeanjs/headless/shared";var P=g({name:`STreeMenu`,__name:`tree-menu`,props:{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,[`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));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,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};

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

@@ -1,44 +1,33 @@
-import { TreeMenuGroupOptionData, TreeMenuOptionData, TreeMenuProps } from "./types.js";
-import * as vue286 from "vue";
+import { TreeMenuOptionData, TreeMenuProps } from "./types.js";
+import * as vue155 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: vue286.PublicProps & __VLS_PrettifyLocal<TreeMenuProps<T> & {
+  props: vue155.PublicProps & __VLS_PrettifyLocal<TreeMenuProps<T> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
-    onSelectDropdown?: ((value: string) => any) | undefined;
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+    onSelectDropdown?: ((value: string) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
   } ? P : {});
   expose: (exposed: {}) => void;
   attrs: any;
   slots: {
-    top?: (props: {}) => any;
-  } & {
-    'group-label'?: (props: {
-      item: T & TreeMenuGroupOptionData;
-    }) => any;
-  } & {
-    item?: (props: {
+    top: () => any;
+    bottom: () => any;
+    item: (props: {
       item: T;
-      level: number;
     }) => any;
-  } & {
-    'item-leading'?: (props: {
+    'item-leading': (props: {
       item: T;
-      level: number;
     }) => any;
-  } & {
-    'item-trailing'?: (props: {
+    'item-trailing': (props: {
       item: T;
-      level: number;
     }) => any;
-  } & {
-    bottom?: (props: {}) => any;
   };
-  emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "selectDropdown", value: string) => void) & ((evt: "update:collapsed", value: boolean) => void);
-}>) => vue286.VNode & {
+  emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "update:collapsed", value: boolean) => void) & ((evt: "selectDropdown", value: string) => void);
+}>) => vue155.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -6,75 +6,109 @@ import { MenuOptionData } from "../menu/types.js";
 import { DropdownMenuProps } from "../dropdown-menu/types.js";
 import { TagProps as TagProps$1 } from "../tag/types.js";
 import { TooltipProps } from "../tooltip/types.js";
-import { ComputedRef, ShallowRef } from "vue";
-import { ClassValue, LinkProps, TreeItemProps, TreeRootEmits, TreeRootProps } from "@soybeanjs/headless";
+import { ComputedRef } from "vue";
+import { ClassValue, HorizontalSide, LinkBaseProps, PropsToContext, TreeMenuBaseItemProps, TreeMenuButtonProps, TreeMenuCollapsibleProps, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUi } from "@soybeanjs/headless";
 
 //#region src/components/tree-menu/types.d.ts
-type TreeMenuState = 'expanded' | 'collapsed';
-interface TreeMenuBaseOptionData {
+interface TreeMenuBaseOptionData extends TreeMenuBaseItemProps, LinkBaseProps {
+  /**
+   * The label of the option.
+   */
   label: string;
-  value: string;
+  /**
+   * The icon of the option.
+   */
   icon?: IconValue;
-  disabled?: boolean;
-  to?: LinkProps['to'];
-  href?: LinkProps['href'];
-  linkProps?: LinkProps;
+  /**
+   * The badge of the option.
+   */
   badge?: string;
-  badgeProps?: BadgeProps;
+  /**
+   * The badge props of the option.
+   */
+  badgeProps?: Omit<BadgeProps, 'content'>;
+  /**
+   * The tag of the option.
+   */
   tag?: string;
-  tagProps?: TagProps$1;
+  /**
+   * The tag props of the option.
+   */
+  tagProps?: Omit<TagProps$1, 'content'>;
+  /**
+   * The tooltip props of the option.
+   */
+  tooltipProps?: TooltipProps;
+  /**
+   * The dropdown menu props of the option.
+   */
+  dropdownMenuProps?: Omit<DropdownMenuProps, 'items'>;
+  /**
+   * The actions of the option.
+   */
   actions?: MenuOptionData[];
+  /**
+   * The action menu props of the option.
+   */
+  actionMenuProps?: Omit<DropdownMenuProps, 'items'>;
+  /**
+   * The callback function when an action is selected.
+   */
   onActionSelect?: (action: MenuOptionData) => void;
+  /**
+   * The children of the option.
+   */
   children?: TreeMenuBaseOptionData[];
 }
-interface TreeMenuGroupOptionData extends TreeMenuBaseOptionData {
+interface TreeMenuGroupOptionData {
   isGroup: true;
+  label: string;
+  value: string;
+  children: TreeMenuBaseOptionData[];
 }
 type TreeMenuOptionData = TreeMenuBaseOptionData | TreeMenuGroupOptionData;
-type TreeMenuThemeSlot = 'root' | 'groupLabel' | 'item' | 'itemContent' | 'itemAbsolute' | 'itemLabel' | 'itemLinkIcon' | 'itemBadge' | 'itemTag' | 'itemAction' | 'collapsibleIcon';
-type TreeMenuUi = Record<TreeMenuThemeSlot, ClassValue>;
-interface TreeMenuItemProps extends TreeItemProps, TreeMenuBaseOptionData {
-  actionMenuProps?: Omit<DropdownMenuProps, 'items'>;
-  tooltipProps?: TooltipProps;
-  dropdownMenuProps?: Omit<DropdownMenuProps, 'items'>;
+interface TreeMenuOptionProps {
+  item: TreeMenuBaseOptionData;
 }
-type TreeMenuItemEmits = {
-  selectDropdown: [value: string];
-};
-interface TreeMenuProps<T extends TreeMenuOptionData = TreeMenuOptionData> extends TreeRootProps<T, string, false> {
+type TreeMenuExtraThemeSlot = 'itemLabel' | 'itemAbsolute' | 'itemBadge' | 'itemTag' | 'itemAction' | 'itemLinkIcon' | 'collapsibleIcon';
+type TreeMenuExtendedUi = TreeMenuUi & Record<TreeMenuExtraThemeSlot, ClassValue>;
+interface TreeMenuProps<T extends TreeMenuOptionData = TreeMenuOptionData> extends TreeMenuRootProps {
   size?: ThemeSize;
-  ui?: Partial<TreeMenuUi>;
+  ui?: Partial<TreeMenuExtendedUi>;
   /**
-   * Whether the sidebar menu is collapsed.
+   * The side of the tree menu.
    *
-   * @default false
-   */
-  collapsed?: boolean;
-  /**
-   * The value of the sidebar menu when it's collapsed.
+   * @default 'left'
    */
-  defaultCollapsed?: boolean;
+  side?: HorizontalSide;
+  items?: T[];
   /**
    * The width of the sidebar menu when it's collapsed.
    *
    * @default 50
    */
   collapsedWidth?: number;
-  tooltipProps?: TooltipProps;
-  dropdownMenuProps?: Omit<DropdownMenuProps, 'items'>;
-  badgeProps?: Omit<BadgeProps, 'content'>;
-  tagProps?: Omit<TagProps$1, 'content'>;
-  actionMenuProps?: Omit<DropdownMenuProps, 'items'>;
-}
-type TreeMenuEmits = TreeRootEmits<false> & TreeMenuItemEmits & {
-  'update:collapsed': [value: boolean];
-};
-interface TreeMenuContextParams {
-  collapsed: ShallowRef<boolean | undefined>;
-  size?: ComputedRef<ThemeSize>;
+  /**
+   * The width of the indent.
+   *
+   * @default 16
+   */
+  indent?: number;
+  groupRootProps?: TreeMenuGroupRootProps;
+  groupProps?: TreeMenuGroupProps;
+  groupLabelProps?: TreeMenuGroupLabelProps;
+  buttonProps?: Omit<TreeMenuButtonProps, 'disabledActive'>;
+  collapsibleProps?: Omit<TreeMenuCollapsibleProps, 'as' | 'asChild'>;
+  subProps?: Omit<TreeMenuSubProps, 'as' | 'asChild'>;
 }
-interface TreeMenuThemeContextParams {
-  ui: ComputedRef<TreeMenuUi>;
+interface TreeMenuOptionSlotProps extends TreeMenuOptionProps {
+  showLinkIcon?: boolean;
 }
+type TreeMenuItemEmits = {
+  selectDropdown: [value: string];
+};
+interface TreeMenuContextParams extends PropsToContext<TreeMenuProps, 'size' | 'side'> {}
+type TreeMenuEmits = TreeMenuRootEmits & TreeMenuItemEmits;
+type TreeMenuExtraThemeContextParams = ComputedRef<Partial<TreeMenuExtendedUi>>;
 //#endregion
-export { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuGroupOptionData, TreeMenuItemEmits, TreeMenuItemProps, TreeMenuOptionData, TreeMenuProps, TreeMenuState, TreeMenuThemeContextParams, TreeMenuThemeSlot, TreeMenuUi };
+export { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraThemeContextParams, TreeMenuExtraThemeSlot, TreeMenuGroupOptionData, TreeMenuItemEmits, TreeMenuOptionData, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuProps };

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

@@ -1,10 +1,10 @@
 import { VirtualizerProps } from "./types.js";
-import * as vue80 from "vue";
+import * as vue0 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: vue80.PublicProps & __VLS_PrettifyLocal<VirtualizerProps<T>> & (typeof globalThis extends {
+  props: vue0.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: {};
-}>) => vue80.VNode & {
+}>) => vue0.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;