@soybeanjs/ui 0.2.3 → 0.2.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 vue202 from "vue";
-import * as _soybeanjs_headless145 from "@soybeanjs/headless";
+import * as vue252 from "vue";
+import * as _soybeanjs_headless142 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: vue202.PublicProps & __VLS_PrettifyLocal<SwitchProps<T> & {
+  props: vue252.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_headless145.ClassValue;
-        ui: Partial<_soybeanjs_headless145.SwitchUi>;
+        class: _soybeanjs_headless142.ClassValue;
+        ui: Partial<_soybeanjs_headless142.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless145.SwitchControlProps;
-        thumbProps: _soybeanjs_headless145.SwitchThumbProps;
+        controlProps: _soybeanjs_headless142.SwitchControlProps;
+        thumbProps: _soybeanjs_headless142.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: vue202.StyleValue | undefined;
+        style: vue252.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: vue202.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue252.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_headless145.ClassValue;
-        ui: Partial<_soybeanjs_headless145.SwitchUi>;
+        class: _soybeanjs_headless142.ClassValue;
+        ui: Partial<_soybeanjs_headless142.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless145.SwitchControlProps;
-        thumbProps: _soybeanjs_headless145.SwitchThumbProps;
+        controlProps: _soybeanjs_headless142.SwitchControlProps;
+        thumbProps: _soybeanjs_headless142.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: vue202.StyleValue | undefined;
+        style: vue252.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: vue202.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue252.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_headless145.ClassValue;
-        ui: Partial<_soybeanjs_headless145.SwitchUi>;
+        class: _soybeanjs_headless142.ClassValue;
+        ui: Partial<_soybeanjs_headless142.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless145.SwitchControlProps;
-        thumbProps: _soybeanjs_headless145.SwitchThumbProps;
+        controlProps: _soybeanjs_headless142.SwitchControlProps;
+        thumbProps: _soybeanjs_headless142.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: vue202.StyleValue | undefined;
+        style: vue252.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: vue202.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue252.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;
-}>) => vue202.VNode & {
+}>) => vue252.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 vue196 from "vue";
+import * as vue260 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: vue196.PublicProps & __VLS_PrettifyLocal<TabsProps<T, S> & {
+  props: vue260.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;
-}>) => vue196.VNode & {
+}>) => vue260.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 vue152 from "vue";
+import * as vue262 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: vue152.DefineComponent<TagProps, {}, {}, {}, {}, vue152.ComponentOptionsMixin, vue152.ComponentOptionsMixin, {
+declare const __VLS_base: vue262.DefineComponent<TagProps, {}, {}, {}, {}, vue262.ComponentOptionsMixin, vue262.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue152.PublicProps, Readonly<TagProps> & Readonly<{
+}, string, vue262.PublicProps, Readonly<TagProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue152.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue262.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 vue191 from "vue";
+import * as vue267 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: vue191.DefineComponent<TextareaProps, {}, {}, {}, {}, vue191.ComponentOptionsMixin, vue191.ComponentOptionsMixin, {
+declare const __VLS_base: vue267.DefineComponent<TextareaProps, {}, {}, {}, {}, vue267.ComponentOptionsMixin, vue267.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue191.PublicProps, Readonly<TextareaProps> & Readonly<{
+}, string, vue267.PublicProps, Readonly<TextareaProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue191.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue267.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 vue157 from "vue";
-import * as _soybeanjs_headless128 from "@soybeanjs/headless";
+import * as vue284 from "vue";
+import * as _soybeanjs_headless154 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: vue157.DefineComponent<TooltipProps, {}, {}, {}, {}, vue157.ComponentOptionsMixin, vue157.ComponentOptionsMixin, {
+declare const __VLS_base: vue284.DefineComponent<TooltipProps, {}, {}, {}, {}, vue284.ComponentOptionsMixin, vue284.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless128.PointerDownOutsideEvent) => any;
-}, string, vue157.PublicProps, Readonly<TooltipProps> & Readonly<{
+  pointerDownOutside: (event: _soybeanjs_headless154.PointerDownOutsideEvent) => any;
+}, string, vue284.PublicProps, Readonly<TooltipProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless128.PointerDownOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless154.PointerDownOutsideEvent) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
   open: boolean;
+  defaultOpen: boolean;
   showArrow: boolean;
-}, {}, {}, {}, string, vue157.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue284.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 vue200 from "vue";
-import * as _soybeanjs_headless144 from "@soybeanjs/headless";
+import * as vue1 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: vue200.PublicProps & __VLS_PrettifyLocal<TreeVirtualizerProps<T, U, M> & {
+  props: vue1.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_headless144.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);
-}>) => vue200.VNode & {
+}>) => vue1.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 vue198 from "vue";
-import * as _soybeanjs_headless143 from "@soybeanjs/headless";
+import * as vue0 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: vue198.PublicProps & __VLS_PrettifyLocal<TreeRootProps<T, U, M> & {
+  props: vue0.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_headless143.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);
-}>) => vue198.VNode & {
+}>) => vue0.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import e from"../button/button-icon.js";import t from"../icon/icon.js";import n from"../badge/badge.js";import r from"../dropdown-menu/dropdown-menu.js";import i from"../tag/tag.js";import{useTreeMenuContext as a,useTreeMenuExtraUi 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},as:{},item:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},setup(m){let w=m,{collapsed:T}=C(`TreeMenuOptionSlot`),{size:E}=a(`TreeMenuOptionSlot`),D=o(),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};
+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,useTreeMenuExtraUi 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},as:{},item:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},setup(m){let w=m,{collapsed:T}=C(`TreeMenuOptionSlot`),{size:E}=a(`TreeMenuOptionSlot`),D=o(),O=c(()=>!!w.item.children?.filter(e=>!e.hidden)?.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

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

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

@@ -1,12 +1,12 @@
 import { TreeMenuStyledItemProps } from "./types.js";
-import * as vue210 from "vue";
+import * as vue291 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: vue210.DefineComponent<TreeMenuStyledItemProps, {}, {}, {}, {}, vue210.ComponentOptionsMixin, vue210.ComponentOptionsMixin, {}, string, vue210.PublicProps, Readonly<TreeMenuStyledItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue210.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue291.DefineComponent<TreeMenuStyledItemProps, {}, {}, {}, {}, vue291.ComponentOptionsMixin, vue291.ComponentOptionsMixin, {}, string, vue291.PublicProps, Readonly<TreeMenuStyledItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue291.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 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{treeMenuCssVars as s}from"./shared.js";import c from"./tree-menu-option.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,toHandlers as C,unref as w,useSlots as T,withCtx as E}from"vue";import{useForwardListeners as D,useOmitProps as O,usePickProps 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=_({name:`STreeMenu`,__name:`tree-menu`,props:{class:{},size:{default:`md`},ui:{},side:{default:`left`},items:{},collapsedWidth:{default:50},indent:{default:16},showGroupIcon:{type:Boolean},groupRootProps:{},groupProps:{},groupLabelProps:{},modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(_,{emit:I}){let L=_,R=I,z=T(),B=u(()=>Object.keys(z).filter(e=>e.startsWith(`item-`))),V=O(L,[`class`,`size`,`side`,`ui`,`items`,`collapsedWidth`,`indent`,`showGroupIcon`,`groupRootProps`,`groupProps`,`groupLabelProps`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),H=k(L,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),U=D(R),W=u(()=>{let e=L.collapsedWidth*n[L.size],r=L.indent*n[L.size];return{[s.collapsedWidth]:`${e/t.md}rem`,[s.indent]:`${r/t.md}rem`}}),G=u(()=>e(i({size:L.size}),L.ui,{root:L.class}));return P(G),o(G),a(F(L,[`size`,`side`])),(e,t)=>(y(),d(w(N),v(w(V),{style:W.value},C(w(U))),{default:E(()=>[x(e.$slots,`top`),(y(!0),p(l,null,b(_.items,t=>(y(),p(l,{key:t.value},[t.isGroup?(y(),p(l,{key:0},[t.hidden?f(`v-if`,!0):(y(),d(w(M),v({key:0,ref_for:!0},_.groupRootProps),{default:E(()=>[g(w(j),v({ref_for:!0},_.groupLabelProps),{default:E(()=>[x(e.$slots,`group-label`,{item:t},()=>[_.showGroupIcon&&t.icon?(y(),d(r,{key:0,icon:t.icon},null,8,[`icon`])):f(`v-if`,!0),m(`span`,null,S(t.label),1)])]),_:2},1040),g(w(A),v({ref_for:!0},_.groupProps),{default:E(()=>[(y(!0),p(l,null,b(t.children,t=>(y(),d(c,v({key:t.value},{ref_for:!0},w(H),{item:t}),h({_:2},[b(B.value,t=>({name:t,fn:E(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:2},1040)]),_:2},1040))],64)):(y(),p(l,{key:1},[t.hidden?f(`v-if`,!0):(y(),d(c,v({key:0,as:`div`},{ref_for:!0},w(H),{item:t}),h({_:2},[b(B.value,t=>({name:t,fn:E(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`]))],64))],64))),128)),x(e.$slots,`bottom`)]),_:3},16,[`style`]))}});export{I 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{treeMenuCssVars as s}from"./shared.js";import c from"./tree-menu-option.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,toHandlers as C,unref as w,useSlots as T,withCtx as E}from"vue";import{useForwardListeners as D,useOmitProps as O,usePickProps 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=_({name:`STreeMenu`,__name:`tree-menu`,props:{class:{},size:{default:`md`},ui:{},side:{default:`left`},items:{},collapsedWidth:{default:50},indent:{default:16},showGroupIcon:{type:Boolean},groupRootProps:{},groupProps:{},groupLabelProps:{},modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(_,{emit:I}){let L=_,R=I,z=T(),B=u(()=>Object.keys(z).filter(e=>e.startsWith(`item-`))),V=O(L,[`class`,`size`,`side`,`ui`,`items`,`collapsedWidth`,`indent`,`showGroupIcon`,`groupRootProps`,`groupProps`,`groupLabelProps`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),H=k(L,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),U=D(R),W=u(()=>{let e=L.collapsedWidth*n[L.size],r=L.indent*n[L.size];return{[s.collapsedWidth]:`${e/t.md}rem`,[s.indent]:`${r/t.md}rem`}}),G=u(()=>L.items?.filter(e=>!e.hidden)??[]),K=u(()=>e(i({size:L.size}),L.ui,{root:L.class}));return P(K),o(K),a(F(L,[`size`,`side`])),(e,t)=>(y(),d(w(N),v(w(V),{style:W.value},C(w(U))),{default:E(()=>[x(e.$slots,`top`),(y(!0),p(l,null,b(G.value,t=>(y(),p(l,{key:t.value},[t.isGroup?(y(),d(w(M),v({key:0,ref_for:!0},_.groupRootProps),{default:E(()=>[g(w(j),v({ref_for:!0},_.groupLabelProps),{default:E(()=>[x(e.$slots,`group-label`,{item:t},()=>[_.showGroupIcon&&t.icon?(y(),d(r,{key:0,icon:t.icon},null,8,[`icon`])):f(`v-if`,!0),m(`span`,null,S(t.label),1)])]),_:2},1040),g(w(A),v({ref_for:!0},_.groupProps),{default:E(()=>[(y(!0),p(l,null,b(t.children,t=>(y(),d(c,v({key:t.value},{ref_for:!0},w(H),{item:t}),h({_:2},[b(B.value,t=>({name:t,fn:E(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:2},1040)]),_:2},1040)):(y(),d(c,v({key:1,as:`div`},{ref_for:!0},w(H),{item:t}),h({_:2},[b(B.value,t=>({name:t,fn:E(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`]))],64))),128)),x(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 { TreeMenuBaseOptionData, TreeMenuProps } from "./types.js";
-import * as vue215 from "vue";
+import * as vue289 from "vue";
 
 //#region src/components/tree-menu/tree-menu.vue.d.ts
 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: vue215.PublicProps & __VLS_PrettifyLocal<TreeMenuProps<T> & {
+  props: vue289.PublicProps & __VLS_PrettifyLocal<TreeMenuProps<T> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
     "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
@@ -30,7 +30,7 @@ declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOpti
     }) => 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);
-}>) => vue215.VNode & {
+}>) => vue289.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

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

package/dist/styles.css

@@ -245,12 +245,12 @@
 .group[data-orientation=vertical] .group-data-\[orientation\=vertical\]\:ml-4{margin-left:1rem;}
 .group[data-orientation=vertical] .group-data-\[orientation\=vertical\]\:mt-0{margin-top:0;}
 .group[data-state=collapsed] .group-data-\[state\=collapsed\]\:mb-0{margin-bottom:0;}
-.mb-0\.75{margin-bottom:0.1875rem;}
 .mb-0\.875{margin-bottom:0.21875rem;}
 .mb-1{margin-bottom:0.25rem;}
 .mb-1\.25{margin-bottom:0.3125rem;}
 .mb-1\.5{margin-bottom:0.375rem;}
 .mb-2{margin-bottom:0.5rem;}
+.mb-2\.5{margin-bottom:0.625rem;}
 .ml-\[--soybean-tree-menu-indent\]{margin-left:var(--soybean-tree-menu-indent);}
 .ml-1\.5{margin-left:0.375rem;}
 .ml-auto{margin-left:auto;}
@@ -542,23 +542,17 @@
 .justify-start{justify-content:flex-start;}
 .justify-center{justify-content:center;}
 .justify-between{justify-content:space-between;}
-.data-\[state\=collapsed\]\:gap-0\.75[data-state=collapsed],
+.gap-0{gap:0;}
+.gap-0\.5{gap:0.125rem;}
 .gap-0\.75{gap:0.1875rem;}
-.data-\[state\=collapsed\]\:gap-0\.875[data-state=collapsed],
 .gap-0\.875{gap:0.21875rem;}
-.data-\[state\=collapsed\]\:gap-1[data-state=collapsed],
 .gap-1{gap:0.25rem;}
-.data-\[state\=collapsed\]\:gap-1\.25[data-state=collapsed],
 .gap-1\.25{gap:0.3125rem;}
-.data-\[state\=collapsed\]\:gap-1\.5[data-state=collapsed],
 .gap-1\.5{gap:0.375rem;}
-.data-\[state\=collapsed\]\:gap-2[data-state=collapsed],
-.gap-2{gap:0.5rem;}
-.gap-0{gap:0;}
-.gap-0\.5{gap:0.125rem;}
 .gap-1\.75{gap:0.4375rem;}
 .gap-10{gap:2.5rem;}
 .gap-12{gap:3rem;}
+.gap-2{gap:0.5rem;}
 .gap-2\.25{gap:0.5625rem;}
 .gap-2\.5{gap:0.625rem;}
 .gap-3{gap:0.75rem;}
@@ -906,9 +900,11 @@
 .pb-6{padding-bottom:1.5rem;}
 .pl-1{padding-left:0.25rem;}
 .pl-1\.5{padding-left:0.375rem;}
+.pl-1\.75{padding-left:0.4375rem;}
 .pl-10{padding-left:2.5rem;}
 .pl-12{padding-left:3rem;}
 .pl-2{padding-left:0.5rem;}
+.pl-2\.25{padding-left:0.5625rem;}
 .pl-2\.5{padding-left:0.625rem;}
 .pl-3{padding-left:0.75rem;}
 .pl-3\.5{padding-left:0.875rem;}
@@ -931,12 +927,12 @@
 .pr-7{padding-right:1.75rem;}
 .pr-8{padding-right:2rem;}
 .pr-9{padding-right:2.25rem;}
-.pt-0\.75{padding-top:0.1875rem;}
 .pt-0\.875{padding-top:0.21875rem;}
 .pt-1{padding-top:0.25rem;}
 .pt-1\.25{padding-top:0.3125rem;}
 .pt-1\.5{padding-top:0.375rem;}
 .pt-2{padding-top:0.5rem;}
+.pt-2\.5{padding-top:0.625rem;}
 .pt-3{padding-top:0.75rem;}
 .pt-3\.5{padding-top:0.875rem;}
 .pt-4{padding-top:1rem;}

package/dist/variants/alert.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants21 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_variants21.TVReturnType<{
+declare const alertVariants: tailwind_variants0.TVReturnType<{
   color: {
     primary: {
       root: string;
@@ -196,7 +196,7 @@ declare const alertVariants: tailwind_variants21.TVReturnType<{
   title: string;
   description: string;
   close: string;
-}, tailwind_variants21.TVReturnType<{
+}, tailwind_variants0.TVReturnType<{
   color: {
     primary: {
       root: string;

package/dist/variants/badge.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants17 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_variants17.TVReturnType<{
+declare const badgeVariants: tailwind_variants5.TVReturnType<{
   color: {
     primary: {
       content: string;
@@ -130,7 +130,7 @@ declare const badgeVariants: tailwind_variants17.TVReturnType<{
 }, {
   root: string;
   content: string;
-}, tailwind_variants17.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_variants3 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_variants3.TVReturnType<{
+declare const checkboxVariants: tailwind_variants7.TVReturnType<{
   color: {
     primary: {
       control: string;
@@ -164,7 +164,7 @@ declare const checkboxVariants: tailwind_variants3.TVReturnType<{
   control: string[];
   indicator: string;
   label: string;
-}, tailwind_variants3.TVReturnType<{
+}, tailwind_variants7.TVReturnType<{
   color: {
     primary: {
       control: string;

package/dist/variants/kbd.d.ts

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

package/dist/variants/pagination.d.ts

@@ -1,8 +1,8 @@
-import * as tailwind_variants25 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_variants25.TVReturnType<{
+declare const paginationVariants: tailwind_variants13.TVReturnType<{
   size: {
     xs: {
       list: string;
@@ -150,7 +150,7 @@ declare const paginationVariants: tailwind_variants25.TVReturnType<{
   ellipsis: string;
   button: string[];
   navigationButton: string[];
-}, tailwind_variants25.TVReturnType<{
+}, tailwind_variants13.TVReturnType<{
   size: {
     xs: {
       list: string;

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

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