@soybeanjs/ui 0.2.8 → 0.3.0

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

@@ -1,6 +1,6 @@
 import { PopoverProps } from "./types.js";
-import * as vue251 from "vue";
-import * as _soybeanjs_headless169 from "@soybeanjs/headless";
+import * as vue287 from "vue";
+import * as _soybeanjs_headless180 from "@soybeanjs/headless";
 
 //#region src/components/popover/popover.vue.d.ts
 declare var __VLS_16: {}, __VLS_36: {}, __VLS_49: {};
@@ -11,27 +11,27 @@ type __VLS_Slots = {} & {
 } & {
   close?: (props: typeof __VLS_49) => any;
 };
-declare const __VLS_base: vue251.DefineComponent<PopoverProps, {}, {}, {}, {}, vue251.ComponentOptionsMixin, vue251.ComponentOptionsMixin, {
+declare const __VLS_base: vue287.DefineComponent<PopoverProps, {}, {}, {}, {}, vue287.ComponentOptionsMixin, vue287.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless169.PointerDownOutsideEvent) => any;
-  focusOutside: (event: _soybeanjs_headless169.FocusOutsideEvent) => any;
-  interactOutside: (event: _soybeanjs_headless169.PointerDownOutsideEvent | _soybeanjs_headless169.FocusOutsideEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless180.PointerDownOutsideEvent) => any;
+  focusOutside: (event: _soybeanjs_headless180.FocusOutsideEvent) => any;
+  interactOutside: (event: _soybeanjs_headless180.PointerDownOutsideEvent | _soybeanjs_headless180.FocusOutsideEvent) => any;
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
-}, string, vue251.PublicProps, Readonly<PopoverProps> & Readonly<{
+}, string, vue287.PublicProps, Readonly<PopoverProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless169.PointerDownOutsideEvent) => any) | undefined;
-  onFocusOutside?: ((event: _soybeanjs_headless169.FocusOutsideEvent) => any) | undefined;
-  onInteractOutside?: ((event: _soybeanjs_headless169.PointerDownOutsideEvent | _soybeanjs_headless169.FocusOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless180.PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: _soybeanjs_headless180.FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: _soybeanjs_headless180.PointerDownOutsideEvent | _soybeanjs_headless180.FocusOutsideEvent) => any) | undefined;
   onOpenAutoFocus?: ((event: Event) => any) | undefined;
   onCloseAutoFocus?: ((event: Event) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   showArrow: boolean;
-}, {}, {}, {}, string, vue251.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue287.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/radio-group/radio-card-group.vue.d.ts

@@ -1,10 +1,10 @@
 import { RadioCardGroupOptionData, RadioCardGroupProps } from "./types.js";
-import * as vue256 from "vue";
+import * as vue221 from "vue";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/radio-group/radio-card-group.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioCardGroupOptionData<T> = RadioCardGroupOptionData<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<RadioCardGroupProps<T, S> & {
+  props: vue221.PublicProps & __VLS_PrettifyLocal<RadioCardGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<AcceptableBooleanValue>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   attrs: any;
   slots: {};
   emit: (evt: "update:modelValue", payload: NonNullable<AcceptableBooleanValue>) => void;
-}>) => vue256.VNode & {
+}>) => vue221.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/radio-group/radio-card.vue.d.ts

@@ -1,5 +1,5 @@
 import { RadioCardProps } from "./types.js";
-import * as vue258 from "vue";
+import * as vue216 from "vue";
 
 //#region src/components/radio-group/radio-card.vue.d.ts
 declare var __VLS_19: {
@@ -10,7 +10,7 @@ type __VLS_Slots = {} & {
 } & {
   description?: (props: typeof __VLS_27) => any;
 };
-declare const __VLS_base: vue258.DefineComponent<RadioCardProps, {}, {}, {}, {}, vue258.ComponentOptionsMixin, vue258.ComponentOptionsMixin, {}, string, vue258.PublicProps, Readonly<RadioCardProps> & Readonly<{}>, {}, {}, {}, {}, string, vue258.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue216.DefineComponent<RadioCardProps, {}, {}, {}, {}, vue216.ComponentOptionsMixin, vue216.ComponentOptionsMixin, {}, string, vue216.PublicProps, Readonly<RadioCardProps> & Readonly<{}>, {}, {}, {}, {}, string, vue216.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/radio-group/radio-group.vue.d.ts

@@ -1,10 +1,10 @@
 import { RadioGroupOptionData, RadioGroupProps } from "./types.js";
-import * as vue263 from "vue";
+import * as vue209 from "vue";
 import { AcceptableBooleanValue } from "@soybeanjs/headless";
 
 //#region src/components/radio-group/radio-group.vue.d.ts
 declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBooleanValue, S extends RadioGroupOptionData<T> = RadioGroupOptionData<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: vue263.PublicProps & __VLS_PrettifyLocal<RadioGroupProps<T, S> & {
+  props: vue209.PublicProps & __VLS_PrettifyLocal<RadioGroupProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -13,7 +13,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   attrs: any;
   slots: {};
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue263.VNode & {
+}>) => vue209.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

package/dist/components/radio-group/radio.vue.d.ts

@@ -1,12 +1,12 @@
 import { RadioProps } from "./types.js";
-import * as vue265 from "vue";
+import * as vue211 from "vue";
 
 //#region src/components/radio-group/radio.vue.d.ts
 declare var __VLS_31: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_31) => any;
 };
-declare const __VLS_base: vue265.DefineComponent<RadioProps, {}, {}, {}, {}, vue265.ComponentOptionsMixin, vue265.ComponentOptionsMixin, {}, string, vue265.PublicProps, Readonly<RadioProps> & Readonly<{}>, {}, {}, {}, {}, string, vue265.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue211.DefineComponent<RadioProps, {}, {}, {}, {}, vue211.ComponentOptionsMixin, vue211.ComponentOptionsMixin, {}, string, vue211.PublicProps, Readonly<RadioProps> & Readonly<{}>, {}, {}, {}, {}, string, vue211.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/segment/segment.vue.d.ts

@@ -1,10 +1,10 @@
 import { SegmentOptionData, SegmentProps } from "./types.js";
-import * as vue280 from "vue";
+import * as vue249 from "vue";
 import { AcceptableValue } from "@soybeanjs/headless";
 
 //#region src/components/segment/segment.vue.d.ts
 declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S extends SegmentOptionData<NonNullable<T>> = SegmentOptionData<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: vue280.PublicProps & __VLS_PrettifyLocal<SegmentProps<T, S> & {
+  props: vue249.PublicProps & __VLS_PrettifyLocal<SegmentProps<T, S> & {
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -17,7 +17,7 @@ declare const __VLS_export: <T extends AcceptableValue = AcceptableValue, S exte
     }) => any;
   };
   emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
-}>) => vue280.VNode & {
+}>) => vue249.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -1,16 +1,16 @@
 import { SelectGroupOptionData, SelectProps, SelectSingleOptionData } from "./types.js";
-import * as vue115 from "vue";
-import * as _soybeanjs_headless32 from "@soybeanjs/headless";
+import * as vue251 from "vue";
+import * as _soybeanjs_headless175 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>(__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: vue115.PublicProps & __VLS_PrettifyLocal<SelectProps<T, M> & {
-    onSelect?: ((event: _soybeanjs_headless32.SelectItemEvent<T>) => any) | undefined;
-    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
+  props: vue251.PublicProps & __VLS_PrettifyLocal<SelectProps<T, M> & {
+    onSelect?: ((event: _soybeanjs_headless175.SelectItemEvent<T>) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-    onPointerDownOutside?: ((event: _soybeanjs_headless32.PointerDownOutsideEvent) => any) | undefined;
+    onPointerDownOutside?: ((event: _soybeanjs_headless175.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: SelectSingleOptionData<T>;
     }) => any;
   };
-  emit: ((evt: "select", event: _soybeanjs_headless32.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_headless32.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
-}>) => vue115.VNode & {
+  emit: ((evt: "select", event: _soybeanjs_headless175.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_headless175.PointerDownOutsideEvent) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+}>) => vue251.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 vue270 from "vue";
-import * as _soybeanjs_headless177 from "@soybeanjs/headless";
+import * as vue258 from "vue";
+import * as _soybeanjs_headless179 from "@soybeanjs/headless";
 
 //#region src/components/separator/separator.vue.d.ts
-declare const __VLS_export: vue270.DefineComponent<SeparatorProps, {}, {}, {}, {}, vue270.ComponentOptionsMixin, vue270.ComponentOptionsMixin, {}, string, vue270.PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
-  orientation: _soybeanjs_headless177.DataOrientation;
-}, {}, {}, {}, string, vue270.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: vue258.DefineComponent<SeparatorProps, {}, {}, {}, {}, vue258.ComponentOptionsMixin, vue258.ComponentOptionsMixin, {}, string, vue258.PublicProps, Readonly<SeparatorProps> & Readonly<{}>, {
+  orientation: _soybeanjs_headless179.DataOrientation;
+}, {}, {}, {}, string, vue258.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 vue282 from "vue";
-import * as _soybeanjs_headless178 from "@soybeanjs/headless";
+import * as vue236 from "vue";
+import * as _soybeanjs_headless163 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: vue282.PublicProps & __VLS_PrettifyLocal<SwitchProps<T> & {
+  props: vue236.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_headless178.ClassValue;
-        ui: Partial<_soybeanjs_headless178.SwitchUi>;
+        class: _soybeanjs_headless163.ClassValue;
+        ui: Partial<_soybeanjs_headless163.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless178.SwitchControlProps;
-        thumbProps: _soybeanjs_headless178.SwitchThumbProps;
+        controlProps: _soybeanjs_headless163.SwitchControlProps;
+        thumbProps: _soybeanjs_headless163.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: vue282.StyleValue | undefined;
+        style: vue236.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: vue282.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue236.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_headless178.ClassValue;
-        ui: Partial<_soybeanjs_headless178.SwitchUi>;
+        class: _soybeanjs_headless163.ClassValue;
+        ui: Partial<_soybeanjs_headless163.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless178.SwitchControlProps;
-        thumbProps: _soybeanjs_headless178.SwitchThumbProps;
+        controlProps: _soybeanjs_headless163.SwitchControlProps;
+        thumbProps: _soybeanjs_headless163.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: vue282.StyleValue | undefined;
+        style: vue236.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: vue282.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue236.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_headless178.ClassValue;
-        ui: Partial<_soybeanjs_headless178.SwitchUi>;
+        class: _soybeanjs_headless163.ClassValue;
+        ui: Partial<_soybeanjs_headless163.SwitchUi>;
         color: ThemeColor;
         size: ThemeSize;
         shape: SwitchShape;
-        controlProps: _soybeanjs_headless178.SwitchControlProps;
-        thumbProps: _soybeanjs_headless178.SwitchThumbProps;
+        controlProps: _soybeanjs_headless163.SwitchControlProps;
+        thumbProps: _soybeanjs_headless163.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: vue282.StyleValue | undefined;
+        style: vue236.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: vue282.HTMLAttributes["enterkeyhint"];
+        enterKeyHint: vue236.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;
-}>) => vue282.VNode & {
+}>) => vue236.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 vue290 from "vue";
+import * as vue268 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: vue290.PublicProps & __VLS_PrettifyLocal<TabsProps<T, S> & {
+  props: vue268.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;
-}>) => vue290.VNode & {
+}>) => vue268.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 vue275 from "vue";
+import * as vue299 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: vue275.DefineComponent<TagProps, {}, {}, {}, {}, vue275.ComponentOptionsMixin, vue275.ComponentOptionsMixin, {
+declare const __VLS_base: vue299.DefineComponent<TagProps, {}, {}, {}, {}, vue299.ComponentOptionsMixin, vue299.ComponentOptionsMixin, {
   "update:open": (open: boolean) => any;
-}, string, vue275.PublicProps, Readonly<TagProps> & Readonly<{
+}, string, vue299.PublicProps, Readonly<TagProps> & Readonly<{
   "onUpdate:open"?: ((open: boolean) => any) | undefined;
 }>, {
   open: boolean;
-}, {}, {}, {}, string, vue275.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue299.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 vue292 from "vue";
+import * as vue270 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: vue292.DefineComponent<TextareaProps, {}, {}, {}, {}, vue292.ComponentOptionsMixin, vue292.ComponentOptionsMixin, {
+declare const __VLS_base: vue270.DefineComponent<TextareaProps, {}, {}, {}, {}, vue270.ComponentOptionsMixin, vue270.ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-}, string, vue292.PublicProps, Readonly<TextareaProps> & Readonly<{
+}, string, vue270.PublicProps, Readonly<TextareaProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, vue292.ComponentProvideOptions, false, {}, any>;
+}>, {}, {}, {}, {}, string, vue270.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 vue309 from "vue";
-import * as _soybeanjs_headless190 from "@soybeanjs/headless";
+import * as vue304 from "vue";
+import * as _soybeanjs_headless188 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: vue309.DefineComponent<TooltipProps, {}, {}, {}, {}, vue309.ComponentOptionsMixin, vue309.ComponentOptionsMixin, {
+declare const __VLS_base: vue304.DefineComponent<TooltipProps, {}, {}, {}, {}, vue304.ComponentOptionsMixin, vue304.ComponentOptionsMixin, {
   "update:open": (value: boolean) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
-  pointerDownOutside: (event: _soybeanjs_headless190.PointerDownOutsideEvent) => any;
-}, string, vue309.PublicProps, Readonly<TooltipProps> & Readonly<{
+  pointerDownOutside: (event: _soybeanjs_headless188.PointerDownOutsideEvent) => any;
+}, string, vue304.PublicProps, Readonly<TooltipProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
-  onPointerDownOutside?: ((event: _soybeanjs_headless190.PointerDownOutsideEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless188.PointerDownOutsideEvent) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;
   showArrow: boolean;
-}, {}, {}, {}, string, vue309.ComponentProvideOptions, false, {}, any>;
+}, {}, {}, {}, string, vue304.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 vue1 from "vue";
+import * as vue18 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: vue1.PublicProps & __VLS_PrettifyLocal<TreeVirtualizerProps<T, U, M> & {
+  props: vue18.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 {
@@ -24,7 +24,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<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);
-}>) => vue1.VNode & {
+}>) => vue18.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 vue0 from "vue";
+import * as vue16 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: vue0.PublicProps & __VLS_PrettifyLocal<TreeRootProps<T, U, M> & {
+  props: vue16.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 {
@@ -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);
-}>) => vue0.VNode & {
+}>) => vue16.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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,n,r=!0){return!r&&e.value===n?!0:e?.children?.some(e=>t(e,n,!1))??!1}function n(e){return e?e?.filter(e=>!e.hidden).map(e=>{let t={...e};return t.children&&t.children.length>0&&(t.children=n(t.children)),t}):[]}export{n as filterHiddenMenus,t as isChildActive,e as treeMenuCssVars};
+const e={collapsedWidth:`--soybean-tree-menu-collapsed-width`,indent:`--soybean-tree-menu-indent`};function t(e){return e?e?.filter(e=>!e.hidden).map(e=>{let n={...e};return n.children&&n.children.length>0&&(n.children=t(n.children)),n}):[]}export{t as filterHiddenMenus,e as treeMenuCssVars};

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

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

@@ -1,12 +1,12 @@
 import { TreeMenuStyledItemProps } from "./types.js";
-import * as vue119 from "vue";
+import * as vue294 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: vue119.DefineComponent<TreeMenuStyledItemProps, {}, {}, {}, {}, vue119.ComponentOptionsMixin, vue119.ComponentOptionsMixin, {}, string, vue119.PublicProps, Readonly<TreeMenuStyledItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue119.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: vue294.DefineComponent<TreeMenuStyledItemProps, {}, {}, {}, {}, vue294.ComponentOptionsMixin, vue294.ComponentOptionsMixin, {}, string, vue294.PublicProps, Readonly<TreeMenuStyledItemProps> & Readonly<{}>, {}, {}, {}, {}, string, vue294.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{filterHiddenMenus 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,usePickProps as A}from"@soybeanjs/headless/composables";import{TreeMenuGroup as j,TreeMenuGroupLabel as M,TreeMenuGroupRoot as N,TreeMenuRoot as P,provideTreeMenuUi as F}from"@soybeanjs/headless";import{transformPropsToContext as I}from"@soybeanjs/headless/shared";var L=v({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(v,{emit:L}){let R=v,z=L,B=E(),V=d(()=>Object.keys(B).filter(e=>e.startsWith(`item-`))),H=k(R,[`class`,`size`,`side`,`ui`,`items`,`collapsedWidth`,`indent`,`showGroupIcon`,`groupRootProps`,`groupProps`,`groupLabelProps`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),U=A(R,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),W=O(z),G=d(()=>{let e=R.collapsedWidth*n[R.size],r=R.indent*n[R.size];return{[c.collapsedWidth]:`${e/t.md}rem`,[c.indent]:`${r/t.md}rem`}}),K=d(()=>s(R.items)),q=d(()=>e(i({size:R.size}),R.ui,{root:R.class}));return F(q),o(q),a(I(R,[`size`,`side`])),(e,t)=>(b(),f(T(P),y(T(H),{style:G.value},w(T(W))),{default:D(()=>[S(e.$slots,`top`),(b(!0),m(u,null,x(K.value,n=>(b(),m(u,{key:n.value},[n.isGroup?(b(),f(T(N),y({key:0,ref_for:!0},v.groupRootProps),{default:D(()=>[_(T(M),y({ref_for:!0},v.groupLabelProps),{default:D(()=>[S(e.$slots,`group-label`,{item:n},()=>[v.showGroupIcon&&n.icon?(b(),f(r,{key:0,icon:n.icon},null,8,[`icon`])):p(`v-if`,!0),h(`span`,null,C(n.label),1)])]),_:2},1040),_(T(j),y({ref_for:!0},v.groupProps),{default:D(()=>[(b(!0),m(u,null,x(n.children,n=>(b(),f(l,y({key:n.value},{ref_for:!0},T(U),{item:n,onSelectDropdown:t[0]||=e=>z(`selectDropdown`,e)}),g({_:2},[x(V.value,t=>({name:t,fn:D(n=>[S(e.$slots,t,y({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:2},1040)]),_:2},1040)):(b(),f(l,y({key:1,as:`div`},{ref_for:!0},T(U),{item:n,onSelectDropdown:t[1]||=e=>z(`selectDropdown`,e)}),g({_:2},[x(V.value,t=>({name:t,fn:D(n=>[S(e.$slots,t,y({ref_for:!0},n))])}))]),1040,[`item`]))],64))),128)),S(e.$slots,`bottom`)]),_:3},16,[`style`]))}});export{L 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 s from"./tree-menu-option.js";import{filterHiddenMenus as c,treeMenuCssVars as l}from"./shared.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as g,createVNode as _,defineComponent as v,mergeProps as y,openBlock as b,renderList as x,renderSlot as S,shallowRef as C,toDisplayString as w,toHandlers as T,unref as E,useSlots as D,withCtx as O}from"vue";import{useForwardListeners as k,useOmitProps as A,usePickProps as j}from"@soybeanjs/headless/composables";import{TreeMenuGroup as M,TreeMenuGroupLabel as N,TreeMenuGroupRoot as P,TreeMenuRoot as F,provideTreeMenuUi as I}from"@soybeanjs/headless";import{getTreePaths as L,transformPropsToContext as R}from"@soybeanjs/headless/shared";var z=v({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(v,{emit:z}){let B=v,V=z,H=D(),U=d(()=>Object.keys(H).filter(e=>e.startsWith(`item-`))),W=A(B,[`class`,`size`,`side`,`ui`,`items`,`collapsedWidth`,`indent`,`showGroupIcon`,`groupRootProps`,`groupProps`,`groupLabelProps`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),G=j(B,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),K=k(V),q=d(()=>{let e=B.collapsedWidth*n[B.size],r=B.indent*n[B.size];return{[l.collapsedWidth]:`${e/t.md}rem`,[l.indent]:`${r/t.md}rem`}}),J=C(B.modelValue??B.defaultValue??``),Y=e=>{J.value=e},X=d(()=>c(B.items)),Z=d(()=>L(J.value,X.value)),Q=d(()=>e(i({size:B.size}),B.ui,{root:B.class}));return I(Q),o(Q),a({...R(B,[`size`,`side`]),activePaths:Z}),(e,t)=>(b(),f(E(F),y(E(W),{style:q.value},T(E(K)),{"onUpdate:modelValue":Y}),{default:O(()=>[S(e.$slots,`top`),(b(!0),m(u,null,x(X.value,n=>(b(),m(u,{key:n.value},[n.isGroup?(b(),f(E(P),y({key:0,ref_for:!0},v.groupRootProps),{default:O(()=>[_(E(N),y({ref_for:!0},v.groupLabelProps),{default:O(()=>[S(e.$slots,`group-label`,{item:n},()=>[v.showGroupIcon&&n.icon?(b(),f(r,{key:0,icon:n.icon},null,8,[`icon`])):p(`v-if`,!0),h(`span`,null,w(n.label),1)])]),_:2},1040),_(E(M),y({ref_for:!0},v.groupProps),{default:O(()=>[(b(!0),m(u,null,x(n.children,n=>(b(),f(s,y({key:n.value},{ref_for:!0},E(G),{item:n,onSelectDropdown:t[0]||=e=>V(`selectDropdown`,e)}),g({_:2},[x(U.value,t=>({name:t,fn:O(n=>[S(e.$slots,t,y({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:2},1040)]),_:2},1040)):(b(),f(s,y({key:1,as:`div`},{ref_for:!0},E(G),{item:n,onSelectDropdown:t[1]||=e=>V(`selectDropdown`,e)}),g({_:2},[x(U.value,t=>({name:t,fn:O(n=>[S(e.$slots,t,y({ref_for:!0},n))])}))]),1040,[`item`]))],64))),128)),S(e.$slots,`bottom`)]),_:3},16,[`style`]))}});export{z as default};

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

@@ -1,9 +1,9 @@
 import { TreeMenuBaseOptionData, TreeMenuProps } from "./types.js";
-import * as vue117 from "vue";
+import * as vue292 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: vue117.PublicProps & __VLS_PrettifyLocal<TreeMenuProps<T> & {
+  props: vue292.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);
-}>) => vue117.VNode & {
+}>) => vue292.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };
 declare const _default: typeof __VLS_export;

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

@@ -6,7 +6,7 @@ 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 { HTMLAttributes } from "vue";
+import { ComputedRef, HTMLAttributes } from "vue";
 import { AsTag, ClassValue, HorizontalSide, LinkBaseProps, LinkProps, PropsToContext, TreeMenuBaseItemProps, TreeMenuButtonProps, TreeMenuCollapsibleProps, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuItemProps, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUiSlot, UiClass } from "@soybeanjs/headless";
 
 //#region src/components/tree-menu/types.d.ts
@@ -125,7 +125,9 @@ interface TreeMenuStyledItemProps extends /** @vue-ignore */HTMLAttributes {
   size?: ThemeSize;
   ui?: Partial<Pick<TreeMenuExtendedUi, 'item' | 'button'>>;
 }
-interface TreeMenuContextParams extends PropsToContext<TreeMenuProps, 'size' | 'side'> {}
+interface TreeMenuContextParams extends PropsToContext<TreeMenuProps, 'size' | 'side'> {
+  activePaths: ComputedRef<string[]>;
+}
 type TreeMenuEmits = TreeMenuRootEmits & TreeMenuItemEmits;
 //#endregion
 export { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuItemEmits, TreeMenuOptionData, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuProps, TreeMenuStyledItemProps };