@soybeanjs/ui 0.16.0 → 0.17.0

package/dist/components/time-range-field/types.d.ts

@@ -1,30 +1,75 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
 import { TimeRangeFieldInputProps, TimeRangeFieldRootEmits, TimeRangeFieldRootProps, TimeRangeFieldUi } from "@soybeanjs/headless/time-range-field";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/time-range-field/types.d.ts
+/**
+ * Slot props for the time range field component.
+ */
 interface TimeRangeFieldSlotProps {
+  /**
+   * Current model value.
+   */
   modelValue: TimeRangeFieldRootProps['modelValue'];
+  /**
+   * Start segments exposed in the slot scope.
+   */
   startSegments: {
     part: TimeRangeFieldInputProps['part'];
     value: string;
   }[];
+  /**
+   * End segments exposed in the slot scope.
+   */
   endSegments: {
     part: TimeRangeFieldInputProps['part'];
     value: string;
   }[];
+  /**
+   * Whether the current value is invalid.
+   */
   isInvalid: boolean;
 }
-interface TimeRangeFieldProps extends /* @vue-ignore */TimeRangeFieldRootProps {
+/**
+ * Props for the time range field component.
+ */
+interface TimeRangeFieldProps extends /** @vue-ignore */TimeRangeFieldRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<TimeRangeFieldUi>;
+  /**
+   * Props forwarded to the input element.
+   */
   inputProps?: Omit<TimeRangeFieldInputProps, 'part' | 'type'>;
+  /**
+   * Separator.
+   */
   separator?: string;
 }
+/**
+ * Emits for the time range field component.
+ */
 type TimeRangeFieldEmits = TimeRangeFieldRootEmits;
+/**
+ * Slots for the time range field component.
+ */
 interface TimeRangeFieldSlots {
+  /**
+   * Custom content for the default slot.
+   */
   default?: (props: TimeRangeFieldSlotProps) => any;
+  /**
+   * Custom content for the separator slot.
+   */
   separator?: () => any;
 }
 //#endregion

package/dist/components/time-range-picker/index.d.ts

@@ -1,4 +1,3 @@
 import { TimeRangePickerEmits, TimeRangePickerProps, TimeRangePickerSlots } from "./types.js";
 import { _default } from "./time-range-picker.vue.js";
-import { TimeRangePickerPopupProps as TimeRangePickerPopupProps$1, TimeRangePickerRootEmits as TimeRangePickerRootEmits$1, TimeRangePickerRootProps as TimeRangePickerRootProps$1, TimeRangePickerTriggerProps as TimeRangePickerTriggerProps$1, TimeRangePickerUi as TimeRangePickerUi$1, TimeRangePickerUiSlot } from "@soybeanjs/headless/time-range-picker";
-export { type TimeRangePickerPopupProps$1 as TimeRangePickerPopupProps, type TimeRangePickerRootEmits$1 as TimeRangePickerRootEmits, type TimeRangePickerRootProps$1 as TimeRangePickerRootProps, type TimeRangePickerTriggerProps$1 as TimeRangePickerTriggerProps, type TimeRangePickerUi$1 as TimeRangePickerUi, type TimeRangePickerUiSlot };
+export * from "@soybeanjs/headless/time-range-picker";

package/dist/components/time-range-picker/types.d.ts

@@ -1,23 +1,53 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue } from "@soybeanjs/headless";
 import { TimeRangePickerPopupProps, TimeRangePickerRootEmits, TimeRangePickerRootProps, TimeRangePickerTriggerProps, TimeRangePickerUi } from "@soybeanjs/headless/time-range-picker";
+import { ClassValue } from "@soybeanjs/headless/types";
 import { TimeRange, TimeValue } from "@soybeanjs/headless/date";
 
 //#region src/components/time-range-picker/types.d.ts
-interface TimeRangePickerProps extends /* @vue-ignore */TimeRangePickerRootProps {
+/**
+ * Props for the time range picker component.
+ */
+interface TimeRangePickerProps extends /** @vue-ignore */TimeRangePickerRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<TimeRangePickerUi>;
+  /**
+   * Props forwarded to the trigger element.
+   */
   triggerProps?: TimeRangePickerTriggerProps;
+  /**
+   * Props forwarded to the popup element.
+   */
   popupProps?: TimeRangePickerPopupProps;
 }
+/**
+ * Emits for the time range picker component.
+ */
 type TimeRangePickerEmits = TimeRangePickerRootEmits;
+/**
+ * Slots for the time range picker component.
+ */
 interface TimeRangePickerSlots {
+  /**
+   * Custom content for the trigger slot.
+   */
   trigger?: (props: {
     displayValue: string;
     modelValue: TimeRange;
     open: boolean;
   }) => any;
+  /**
+   * Custom content for the time slot.
+   */
   time?: (props: {
     disabled: boolean;
     focused: boolean;
@@ -28,6 +58,9 @@ interface TimeRangePickerSlots {
     selected: boolean;
     time: TimeValue;
   }) => any;
+  /**
+   * Custom content for the default slot.
+   */
   default?: (props: {
     displayValue: string;
     modelValue: TimeRange;

package/dist/components/toast/index.d.ts

@@ -1,4 +1,4 @@
-import { SwipeDirection, ToastPosition, ToastProviderProps, ToastType } from "./types.js";
+import { ToastProviderProps as ToastProviderProps$1 } from "./types.js";
 import { _default } from "./toast-provider.vue.js";
-import { toast } from "@soybeanjs/headless/toast";
-export { toast };
+import { ToastCreateOptions, ToastIconType, ToastPosition, ToastType, ToastUi as ToastUi$1, ToastUiSlot, ToasterProps, toast } from "@soybeanjs/headless/toast";
+export { type ToastCreateOptions, type ToastIconType, type ToastPosition, type ToastType, type ToastUi$1 as ToastUi, type ToastUiSlot, type ToasterProps, toast };

package/dist/components/toast/toast-provider.js

@@ -1 +1 @@
-import{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import{miniSizeMap as n}from"../../theme/config.js";import"../../theme/index.js";import{buttonVariants as r}from"../button/variants.js";import{toastVariants as i}from"./variants.js";import a from"./styles.js";import{computed as o,createBlock as s,defineComponent as c,guardReactiveProps as l,normalizeProps as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{ToastProvider as g,provideToastUi as _}from"@soybeanjs/headless";import{useStyleTag as v}from"@vueuse/core";const y=c({name:`SToastProvider`,__name:`toast-provider`,props:{size:{},ui:{},id:{},dir:{},hotkey:{},customAriaLabel:{},containerAriaLabel:{},position:{},defaultExpanded:{type:Boolean},duration:{},gap:{},offset:{},visibleCounts:{},swipeDirections:{},showIcon:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(c){let y=c,b=h(y,[`size`,`ui`]),x=o(()=>{let a=y.size??`md`;return t(e(i({size:y.size}),{action:r({variant:`solid`,size:n[a]}),cancel:r({variant:`pure`,size:n[a]}),close:r({variant:`ghost`,color:`accent`,size:n[a],shape:`square`,fitContent:!0})}),y.ui)});return v(a,{id:`__SoybeanUI_toastStyle`}),_(x),(e,t)=>(d(),s(p(g),u(l(p(b))),{default:m(()=>[f(e.$slots,`default`)]),_:3},16))}});export{y as default};
+import{mergeBaseVariants as e,mergeSlotVariants as t}from"../../theme/shared.js";import{miniSizeMap as n}from"../../theme/config.js";import"../../theme/index.js";import{buttonVariants as r}from"../button/variants.js";import{toastVariants as i}from"./variants.js";import a from"./styles.js";import{computed as o,createBlock as s,defineComponent as c,guardReactiveProps as l,normalizeProps as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";import{useOmitProps as h}from"@soybeanjs/headless/composables";import{useStyleTag as g}from"@vueuse/core";import{ToastProvider as _,provideToastUi as v}from"@soybeanjs/headless/toast";const y=c({name:`SToastProvider`,__name:`toast-provider`,props:{size:{},ui:{},id:{},dir:{},hotkey:{},customAriaLabel:{},containerAriaLabel:{},position:{},defaultExpanded:{type:Boolean},duration:{},gap:{},offset:{},visibleCounts:{},swipeDirections:{},showIcon:{type:Boolean,default:!0},showClose:{type:Boolean,default:!0},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(c){let y=c,b=h(y,[`size`,`ui`]),x=o(()=>{let a=y.size??`md`;return t(e(i({size:y.size}),{action:r({variant:`solid`,size:n[a]}),cancel:r({variant:`pure`,size:n[a]}),close:r({variant:`ghost`,color:`accent`,size:n[a],shape:`square`,fitContent:!0})}),y.ui)});return g(a,{id:`__SoybeanUI_toastStyle`}),v(x),(e,t)=>(d(),s(p(_),u(l(p(b))),{default:m(()=>[f(e.$slots,`default`)]),_:3},16))}});export{y as default};

package/dist/components/toast/types.d.ts

@@ -1,10 +1,19 @@
 import { ThemeSize } from "../../theme/types.js";
-import { SwipeDirection, ToastPosition, ToastProviderProps, ToastType, ToastUi } from "@soybeanjs/headless";
+import { ToastProviderProps, ToastUi } from "@soybeanjs/headless/toast";
 
 //#region src/components/toast/types.d.ts
+/**
+ * Props for the toast provider component.
+ */
 interface ToastProviderProps$1 extends ToastProviderProps {
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: ToastUi;
 }
 //#endregion
-export { type SwipeDirection, type ToastPosition, ToastProviderProps$1 as ToastProviderProps, type ToastType };
+export { ToastProviderProps$1 as ToastProviderProps };

package/dist/components/toggle/toggle.js

@@ -1 +1 @@
-import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{toggleVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{Toggle as p}from"@soybeanjs/headless";const m=i({name:`SToggle`,__name:`toggle`,props:{class:{},color:{},size:{},variant:{},shape:{},defaultValue:{type:Boolean},modelValue:{type:Boolean,default:void 0},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(i,{emit:m}){let h=i,g=m,_=f(h,[`class`,`color`,`variant`,`size`,`shape`]),v=n(()=>e(t({color:h.color,variant:h.variant,size:h.size,shape:h.shape}),h.class));return(e,t)=>(c(),r(u(p),o(u(_),{class:v.value,"onUpdate:modelValue":t[0]||=e=>g(`update:modelValue`,e)}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`class`]))}});export{m as default};
+import{cn as e}from"../../theme/merge.js";import"../../theme/index.js";import{toggleVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";import{useOmitProps as f}from"@soybeanjs/headless/composables";import{Toggle as p}from"@soybeanjs/headless/toggle";const m=i({name:`SToggle`,__name:`toggle`,props:{class:{},color:{},size:{},variant:{},shape:{},defaultValue:{type:Boolean},modelValue:{type:Boolean,default:void 0},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(i,{emit:m}){let h=i,g=m,_=f(h,[`class`,`color`,`variant`,`size`,`shape`]),v=n(()=>e(t({color:h.color,variant:h.variant,size:h.size,shape:h.shape}),h.class));return(e,t)=>(c(),r(u(p),o(u(_),{class:v.value,"onUpdate:modelValue":t[0]||=e=>g(`update:modelValue`,e)}),{default:d(t=>[l(e.$slots,`default`,s(a(t)))]),_:3},16,[`class`]))}});export{m as default};

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

@@ -1,4 +1,4 @@
-import { ToggleProps as ToggleProps$1 } from "./types.js";
+import { ToggleProps } from "./types.js";
 import * as _$vue from "vue";
 import * as _$_soybeanjs_headless0 from "@soybeanjs/headless";
 
@@ -12,9 +12,9 @@ declare var __VLS_10: {
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<ToggleProps$1, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+declare const __VLS_base: _$vue.DefineComponent<ToggleProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
   "update:modelValue": (value: boolean) => any;
-}, string, _$vue.PublicProps, Readonly<ToggleProps$1> & Readonly<{
+}, string, _$vue.PublicProps, Readonly<ToggleProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
   modelValue: boolean;

package/dist/components/toggle/types.d.ts

@@ -1,13 +1,32 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { ToggleShape, ToggleVariant } from "./variants.js";
-import { ClassValue, ToggleEmits, ToggleProps } from "@soybeanjs/headless";
+import { ToggleEmits, ToggleProps } from "@soybeanjs/headless/toggle";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/toggle/types.d.ts
+/**
+ * Props for the toggle component.
+ */
 interface ToggleProps$1 extends ToggleProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Visual variant of the component.
+   */
   variant?: ToggleVariant;
+  /**
+   * Shape of the component.
+   */
   shape?: ToggleShape;
 }
 //#endregion

package/dist/components/toggle-group/index.d.ts

@@ -2,5 +2,4 @@ import { ToggleGroupVariant } from "./variants.js";
 import { ToggleGroupEmits, ToggleGroupProps } from "./types.js";
 import { _default } from "./toggle-group.vue.js";
 import { _default as _default$1 } from "./toggle-group-item.vue.js";
-import { ToggleGroupItemProps as ToggleGroupItemProps$1, ToggleGroupRootEmits, ToggleGroupRootProps, ToggleGroupUi, ToggleGroupUiSlot } from "@soybeanjs/headless/toggle-group";
-export { type ToggleGroupItemProps$1 as ToggleGroupItemProps, type ToggleGroupRootEmits, type ToggleGroupRootProps, type ToggleGroupUi, type ToggleGroupUiSlot };
+export * from "@soybeanjs/headless/toggle-group";

package/dist/components/toggle-group/toggle-group-item.js

@@ -1 +1 @@
-import{createBlock as e,defineComponent as t,mergeProps as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";import{useOmitProps as s}from"@soybeanjs/headless/composables";import{ToggleGroupItem as c}from"@soybeanjs/headless";const l=t({name:`SToggleGroupItem`,__name:`toggle-group-item`,props:{value:{},disabled:{type:Boolean},type:{},asChild:{type:Boolean},as:{}},setup(t){let l=t,u=s(l,[`class`]);return(t,s)=>(r(),e(a(c),n(a(u),{class:l.class}),{default:o(()=>[i(t.$slots,`default`)]),_:3},16,[`class`]))}});export{l as default};
+import{createBlock as e,defineComponent as t,mergeProps as n,openBlock as r,renderSlot as i,unref as a,withCtx as o}from"vue";import{useOmitProps as s}from"@soybeanjs/headless/composables";import{ToggleGroupItem as c}from"@soybeanjs/headless/toggle-group";const l=t({name:`SToggleGroupItem`,__name:`toggle-group-item`,props:{value:{},disabled:{type:Boolean},type:{},asChild:{type:Boolean},as:{}},setup(t){let l=t,u=s(l,[`class`]);return(t,s)=>(r(),e(a(c),n(a(u),{class:l.class}),{default:o(()=>[i(t.$slots,`default`)]),_:3},16,[`class`]))}});export{l as default};

package/dist/components/toggle-group/toggle-group-item.vue.d.ts

@@ -1,6 +1,6 @@
 import * as _$vue from "vue";
-import { DefinedValue } from "@soybeanjs/headless";
 import { ToggleGroupItemProps } from "@soybeanjs/headless/toggle-group";
+import { DefinedValue } from "@soybeanjs/headless/types";
 
 //#region src/components/toggle-group/toggle-group-item.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = string>(__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<{

package/dist/components/toggle-group/toggle-group.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{toggleGroupVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u}from"vue";import{useForwardListeners as d,useOmitProps as f}from"@soybeanjs/headless/composables";import{ToggleGroupRoot as p,provideToggleGroupUi as m}from"@soybeanjs/headless";const h=i({name:`SToggleGroup`,__name:`toggle-group`,props:{class:{},color:{},size:{},variant:{},ui:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`color`,`size`,`variant`,`ui`]),y=d(_);return m(n(()=>e(t({color:g.color,size:g.size,variant:g.variant,orientation:g.orientation}),g.ui,{root:g.class}))),(e,t)=>(o(),r(l(p),a(l(v),c(l(y))),{default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{h as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{toggleGroupVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u}from"vue";import{useForwardListeners as d,useOmitProps as f}from"@soybeanjs/headless/composables";import{ToggleGroupRoot as p,provideToggleGroupUi as m}from"@soybeanjs/headless/toggle-group";const h=i({name:`SToggleGroup`,__name:`toggle-group`,props:{class:{},color:{},size:{},variant:{},ui:{},rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(i,{emit:h}){let g=i,_=h,v=f(g,[`class`,`color`,`size`,`variant`,`ui`]),y=d(_);return m(n(()=>e(t({color:g.color,size:g.size,variant:g.variant,orientation:g.orientation}),g.ui,{root:g.class}))),(e,t)=>(o(),r(l(p),a(l(v),c(l(y))),{default:u(()=>[s(e.$slots,`default`)]),_:3},16))}});export{h as default};

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

@@ -1,6 +1,6 @@
 import { ToggleGroupProps } from "./types.js";
 import * as _$vue from "vue";
-import { DefinedValue } from "@soybeanjs/headless";
+import { DefinedValue } from "@soybeanjs/headless/types";
 
 //#region src/components/toggle-group/toggle-group.vue.d.ts
 declare const __VLS_export: <M extends boolean = false, T extends DefinedValue = string>(__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<{

package/dist/components/toggle-group/types.d.ts

@@ -1,15 +1,37 @@
 import { ThemeColor, ThemeSize } from "../../theme/types.js";
 import { ToggleGroupVariant } from "./variants.js";
-import { ClassValue, DefinedValue, ToggleGroupRootEmits, ToggleGroupRootProps, ToggleGroupUi } from "@soybeanjs/headless";
+import { ToggleGroupRootEmits, ToggleGroupRootProps, ToggleGroupUi } from "@soybeanjs/headless/toggle-group";
+import { ClassValue, DefinedValue } from "@soybeanjs/headless/types";
 
 //#region src/components/toggle-group/types.d.ts
+/**
+ * Props for the toggle group component.
+ */
 interface ToggleGroupProps<M extends boolean = false, T extends DefinedValue = string> extends ToggleGroupRootProps<M, T> {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Theme color of the component.
+   */
   color?: ThemeColor;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Visual variant of the component.
+   */
   variant?: ToggleGroupVariant;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<ToggleGroupUi>;
 }
+/**
+ * Emits for the toggle group component.
+ */
 type ToggleGroupEmits<M extends boolean = false, T extends DefinedValue = string> = ToggleGroupRootEmits<M, T>;
 //#endregion
 export { ToggleGroupEmits, ToggleGroupProps };

package/dist/components/toolbar/index.d.ts

@@ -1,4 +1,5 @@
 import { ToolbarProps } from "./types.js";
 import { _default } from "./toolbar.vue.js";
-import { ToolbarButton as SToolbarButton, ToolbarButtonEmits, ToolbarButtonProps, ToolbarLink as SToolbarLink, ToolbarLinkProps, ToolbarRootProps, ToolbarSeparator as SToolbarSeparator, ToolbarSeparatorProps, ToolbarToggleGroup as SToolbarToggleGroup, ToolbarToggleGroupEmits, ToolbarToggleGroupProps, ToolbarToggleItem as SToolbarToggleItem, ToolbarToggleItemProps, ToolbarUi, ToolbarUiSlot } from "@soybeanjs/headless/toolbar";
-export { SToolbarButton, SToolbarLink, SToolbarSeparator, SToolbarToggleGroup, SToolbarToggleItem, type ToolbarButtonEmits, type ToolbarButtonProps, type ToolbarLinkProps, type ToolbarRootProps, type ToolbarSeparatorProps, type ToolbarToggleGroupEmits, type ToolbarToggleGroupProps, type ToolbarToggleItemProps, type ToolbarUi, type ToolbarUiSlot };
+import { ToolbarButton as SToolbarButton, ToolbarLink as SToolbarLink, ToolbarSeparator as SToolbarSeparator, ToolbarToggleGroup as SToolbarToggleGroup, ToolbarToggleItem as SToolbarToggleItem } from "@soybeanjs/headless/toolbar";
+export * from "@soybeanjs/headless/toolbar";
+export { SToolbarButton, SToolbarLink, SToolbarSeparator, SToolbarToggleGroup, SToolbarToggleItem };

package/dist/components/toolbar/toolbar.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{toolbarVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{ToolbarRoot as f,provideToolbarUi as p}from"@soybeanjs/headless";const m=i({name:`SToolbar`,__name:`toolbar`,props:{class:{},ui:{},orientation:{},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let m=i,h=d(m,[`class`,`ui`]);return p(n(()=>e(t(),m.ui,{root:m.class}))),(e,t)=>(s(),r(l(f),o(a(l(h))),{default:u(()=>[c(e.$slots,`default`)]),_:3},16))}});export{m as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{toolbarVariants as t}from"./variants.js";import{computed as n,createBlock as r,defineComponent as i,guardReactiveProps as a,normalizeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";import{useOmitProps as d}from"@soybeanjs/headless/composables";import{ToolbarRoot as f,provideToolbarUi as p}from"@soybeanjs/headless/toolbar";const m=i({name:`SToolbar`,__name:`toolbar`,props:{class:{},ui:{},orientation:{},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let m=i,h=d(m,[`class`,`ui`]);return p(n(()=>e(t(),m.ui,{root:m.class}))),(e,t)=>(s(),r(l(f),o(a(l(h))),{default:u(()=>[c(e.$slots,`default`)]),_:3},16))}});export{m as default};

package/dist/components/toolbar/types.d.ts

@@ -1,8 +1,18 @@
-import { ClassValue, ToolbarRootProps, ToolbarUi } from "@soybeanjs/headless";
+import { ToolbarRootProps, ToolbarUi } from "@soybeanjs/headless/toolbar";
+import { ClassValue } from "@soybeanjs/headless/types";
 
 //#region src/components/toolbar/types.d.ts
+/**
+ * Props for the toolbar component.
+ */
 interface ToolbarProps extends ToolbarRootProps {
+  /**
+   * Additional class names applied to the root element.
+   */
   class?: ClassValue;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<ToolbarUi>;
 }
 //#endregion

package/dist/components/tooltip/index.d.ts

@@ -1,4 +1,3 @@
 import { TooltipEmits, TooltipProps } from "./types.js";
 import { _default } from "./tooltip.vue.js";
-import { TooltipArrowProps, TooltipPopupProps, TooltipPortalProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps, TooltipTriggerProps } from "@soybeanjs/headless/tooltip";
-export { type TooltipArrowProps, type TooltipPopupProps, type TooltipPortalProps, type TooltipPositionerEmits, type TooltipPositionerProps, type TooltipProviderProps, type TooltipRootEmits, type TooltipRootProps, type TooltipTriggerProps };
+export * from "@soybeanjs/headless/tooltip";

package/dist/components/tooltip/tooltip.js

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tooltipVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,toHandlers as m,unref as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{TooltipArrow as y,TooltipPopup as b,TooltipPortal as x,TooltipPositioner as S,TooltipRoot as C,TooltipTrigger as w,provideTooltipUi as T}from"@soybeanjs/headless";const E=s({name:`STooltip`,__name:`tooltip`,props:{class:{},size:{},ui:{},content:{},placement:{},showArrow:{type:Boolean,default:!0},popupProps:{},positionerProps:{},triggerProps:{},portalProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(s,{emit:E}){let D=s,O=E,k=v(D,[`class`,`size`,`ui`,`content`,`showArrow`,`popupProps`,`positionerProps`,`triggerProps`,`portalProps`,`arrowProps`]),A=_(O),j=n(()=>e(t({size:D.size}),D.ui,{popup:D.class})),M=n(()=>({placement:D.placement,...D.positionerProps}));return T(j),(e,t)=>(d(),r(h(C),l(h(k),{"onUpdate:open":t[0]||=e=>O(`update:open`,e)}),{default:g(()=>[o(h(w),l(s.triggerProps,{"as-child":``}),{default:g(()=>[f(e.$slots,`trigger`)]),_:3},16),o(h(x),u(c(s.portalProps)),{default:g(()=>[o(h(S),l(M.value,m(h(A))),{default:g(()=>[o(h(b),u(c(s.popupProps)),{default:g(()=>[f(e.$slots,`default`,{},()=>[a(p(s.content),1)]),s.showArrow?(d(),r(h(y),u(l({key:0},s.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{E as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import"../../theme/index.js";import{tooltipVariants as t}from"./variants.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeProps as u,openBlock as d,renderSlot as f,toDisplayString as p,toHandlers as m,unref as h,withCtx as g}from"vue";import{useForwardListeners as _,useOmitProps as v}from"@soybeanjs/headless/composables";import{TooltipArrow as y,TooltipPopup as b,TooltipPortal as x,TooltipPositioner as S,TooltipRoot as C,TooltipTrigger as w,provideTooltipUi as T}from"@soybeanjs/headless/tooltip";const E=s({name:`STooltip`,__name:`tooltip`,props:{class:{},size:{},ui:{},content:{},placement:{},showArrow:{type:Boolean,default:!0},popupProps:{},positionerProps:{},triggerProps:{},portalProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(s,{emit:E}){let D=s,O=E,k=v(D,[`class`,`size`,`ui`,`content`,`showArrow`,`popupProps`,`positionerProps`,`triggerProps`,`portalProps`,`arrowProps`]),A=_(O),j=n(()=>e(t({size:D.size}),D.ui,{popup:D.class})),M=n(()=>({placement:D.placement,...D.positionerProps}));return T(j),(e,t)=>(d(),r(h(C),l(h(k),{"onUpdate:open":t[0]||=e=>O(`update:open`,e)}),{default:g(()=>[o(h(w),l(s.triggerProps,{"as-child":``}),{default:g(()=>[f(e.$slots,`trigger`)]),_:3},16),o(h(x),u(c(s.portalProps)),{default:g(()=>[o(h(S),l(M.value,m(h(A))),{default:g(()=>[o(h(b),u(c(s.popupProps)),{default:g(()=>[f(e.$slots,`default`,{},()=>[a(p(s.content),1)]),s.showArrow?(d(),r(h(y),u(l({key:0},s.arrowProps)),null,16)):i(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{E as default};

package/dist/components/tooltip/types.d.ts

@@ -1,23 +1,60 @@
 import { ThemeSize } from "../../theme/types.js";
-import { ClassValue, Placement, TooltipArrowProps, TooltipPopupProps, TooltipPortalProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipRootEmits, TooltipRootProps, TooltipTriggerProps, TooltipUi } from "@soybeanjs/headless";
+import { TooltipArrowProps, TooltipPopupProps, TooltipPortalProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipRootEmits, TooltipRootProps, TooltipTriggerProps, TooltipUi } from "@soybeanjs/headless/tooltip";
+import { ClassValue, Placement } from "@soybeanjs/headless/types";
 
 //#region src/components/tooltip/types.d.ts
+/**
+ * Props for the tooltip component.
+ */
 interface TooltipProps extends TooltipRootProps {
   /**
    * class of popup
    */
   class?: ClassValue;
+  /**
+   * Visual size of the component.
+   */
   size?: ThemeSize;
+  /**
+   * Per-slot class overrides for the component.
+   */
   ui?: Partial<TooltipUi>;
+  /**
+   * Content.
+   */
   content?: string;
+  /**
+   * Placement.
+   */
   placement?: Placement;
+  /**
+   * Whether to show an arrow.
+   */
   showArrow?: boolean;
+  /**
+   * Props forwarded to the popup element.
+   */
   popupProps?: TooltipPopupProps;
+  /**
+   * Props forwarded to the positioner element.
+   */
   positionerProps?: TooltipPositionerProps;
+  /**
+   * Props forwarded to the trigger element.
+   */
   triggerProps?: TooltipTriggerProps;
+  /**
+   * Props forwarded to the portal element.
+   */
   portalProps?: TooltipPortalProps;
+  /**
+   * Props forwarded to the arrow element.
+   */
   arrowProps?: TooltipArrowProps;
 }
+/**
+ * Emits for the tooltip component.
+ */
 type TooltipEmits = TooltipRootEmits & TooltipPositionerEmits;
 //#endregion
 export { TooltipEmits, TooltipProps };

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

@@ -1,5 +1,6 @@
 import { _default } from "./tree.vue.js";
 import { TreeVirtualizerEmits, TreeVirtualizerProps } from "./types.js";
 import { _default as _default$1 } from "./tree-virtualizer.vue.js";
-import { FlattenedItem, TreeItem as STreeItem, TreeItemBaseData, TreeItemData, TreeItemEmits, TreeItemProps, TreeRootEmits, TreeRootProps, TreeSelectBehavior, TreeToggleBehavior, TreeVirtualizerItem as STreeVirtualizerItem, TreeVirtualizerItemEmits, TreeVirtualizerItemProps, TreeVirtualizerRootEmits, TreeVirtualizerRootProps } from "@soybeanjs/headless/tree";
-export { type FlattenedItem, STreeItem, STreeVirtualizerItem, type TreeItemBaseData, type TreeItemData, type TreeItemEmits, type TreeItemProps, type TreeRootEmits, type TreeRootProps, type TreeSelectBehavior, type TreeToggleBehavior, type TreeVirtualizerItemEmits, type TreeVirtualizerItemProps, type TreeVirtualizerRootEmits, type TreeVirtualizerRootProps };
+import { TreeItem as STreeItem, TreeVirtualizerItem as STreeVirtualizerItem } from "@soybeanjs/headless/tree";
+export * from "@soybeanjs/headless/tree";
+export { STreeItem, STreeVirtualizerItem };

package/dist/components/tree/tree-virtualizer.js

@@ -1 +1 @@
-import{Fragment as e,createBlock as t,createElementBlock as n,createVNode as r,defineComponent as i,mergeProps as a,openBlock as o,renderList as s,renderSlot as c,toHandlers as l,unref as u,withCtx as d}from"vue";import{useForwardListeners as f,useOmitProps as p}from"@soybeanjs/headless/composables";import{TreeVirtualizerRoot as m,VirtualizerContent as h}from"@soybeanjs/headless";const g=i({name:`STreeVirtualizer`,__name:`tree-virtualizer`,props:{contentProps:{},dynamicContentProps:{},modelValue:{},defaultValue:{},multiple:{},items:{},expanded:{},defaultExpanded:{},selectionBehavior:{},toggleBehavior:{},dir:{},loop:{type:Boolean},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{},height:{},options:{},dynamic:{type:Boolean}},emits:[`update:modelValue`,`update:expanded`],setup(i,{emit:g}){let _=i,v=g,y=p(_,[`contentProps`,`dynamicContentProps`]),b=f(v);return(f,p)=>(o(),t(u(m),a(u(y),l(u(b))),{default:d(({virtualItems:t,flattenItems:l,modelValue:p,expanded:m})=>[r(u(h),a(i.contentProps,{"dynamic-content-props":i.dynamicContentProps}),{default:d(()=>[(o(!0),n(e,null,s(t,e=>c(f.$slots,`item`,{key:e.index,virtualItem:e,item:l[e.index],modelValue:p,expanded:m})),128))]),_:2},1040,[`dynamic-content-props`])]),_:3},16))}});export{g as default};
+import{Fragment as e,createBlock as t,createElementBlock as n,createVNode as r,defineComponent as i,mergeProps as a,openBlock as o,renderList as s,renderSlot as c,toHandlers as l,unref as u,withCtx as d}from"vue";import{useForwardListeners as f,useOmitProps as p}from"@soybeanjs/headless/composables";import{TreeVirtualizerRoot as m}from"@soybeanjs/headless/tree";import{VirtualizerContent as h}from"@soybeanjs/headless/virtualizer";const g=i({name:`STreeVirtualizer`,__name:`tree-virtualizer`,props:{contentProps:{},dynamicContentProps:{},modelValue:{},defaultValue:{},multiple:{},items:{},expanded:{},defaultExpanded:{},selectionBehavior:{},toggleBehavior:{},dir:{},loop:{type:Boolean},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{},height:{},options:{},dynamic:{type:Boolean}},emits:[`update:modelValue`,`update:expanded`],setup(i,{emit:g}){let _=i,v=g,y=p(_,[`contentProps`,`dynamicContentProps`]),b=f(v);return(f,p)=>(o(),t(u(m),a(u(y),l(u(b))),{default:d(({virtualItems:t,flattenItems:l,modelValue:p,expanded:m})=>[r(u(h),a(i.contentProps,{"dynamic-content-props":i.dynamicContentProps}),{default:d(()=>[(o(!0),n(e,null,s(t,e=>c(f.$slots,`item`,{key:e.index,virtualItem:e,item:l[e.index],modelValue:p,expanded:m})),128))]),_:2},1040,[`dynamic-content-props`])]),_:3},16))}});export{g as default};

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

@@ -1,7 +1,8 @@
 import { TreeVirtualizerProps } from "./types.js";
 import * as _$vue from "vue";
+import { TreeItemData } from "@soybeanjs/headless/tree";
+import { MaybeArray } from "@soybeanjs/headless/types";
 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

package/dist/components/tree/tree.js

@@ -1 +1 @@
-import{Fragment as e,createBlock as t,createElementBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderList as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u,withDirectives as d}from"vue";import{useForwardListeners as f}from"@soybeanjs/headless/composables";import{TreeRoot as p}from"@soybeanjs/headless";import{vAutoAnimate as m}from"@formkit/auto-animate";const h=r({name:`STree`,__name:`tree`,props:{modelValue:{},defaultValue:{},multiple:{},items:{},expanded:{},defaultExpanded:{},selectionBehavior:{},toggleBehavior:{},dir:{},loop:{type:Boolean,default:!0},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:expanded`],setup(r,{emit:h}){let g=r,_=f(h);return(r,f)=>d((a(),t(l(p),i(g,c(l(_))),{default:u(({flattenItems:t,modelValue:i,expanded:c})=>[s(r.$slots,`top`),(a(!0),n(e,null,o(t,e=>s(r.$slots,`item`,{key:e.value,item:e,modelValue:i,expanded:c})),128)),s(r.$slots,`bottom`)]),_:3},16)),[[l(m)]])}});export{h as default};
+import{Fragment as e,createBlock as t,createElementBlock as n,defineComponent as r,mergeProps as i,openBlock as a,renderList as o,renderSlot as s,toHandlers as c,unref as l,withCtx as u,withDirectives as d}from"vue";import{useForwardListeners as f}from"@soybeanjs/headless/composables";import{vAutoAnimate as p}from"@formkit/auto-animate";import{TreeRoot as m}from"@soybeanjs/headless/tree";const h=r({name:`STree`,__name:`tree`,props:{modelValue:{},defaultValue:{},multiple:{},items:{},expanded:{},defaultExpanded:{},selectionBehavior:{},toggleBehavior:{},dir:{},loop:{type:Boolean,default:!0},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:expanded`],setup(r,{emit:h}){let g=r,_=f(h);return(r,f)=>d((a(),t(l(m),i(g,c(l(_))),{default:u(({flattenItems:t,modelValue:i,expanded:c})=>[s(r.$slots,`top`),(a(!0),n(e,null,o(t,e=>s(r.$slots,`item`,{key:e.value,item:e,modelValue:i,expanded:c})),128)),s(r.$slots,`bottom`)]),_:3},16)),[[l(p)]])}});export{h as default};

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

@@ -1,6 +1,7 @@
 import * as _$vue from "vue";
+import { TreeItemData, TreeRootProps } from "@soybeanjs/headless/tree";
+import { MaybeArray } from "@soybeanjs/headless/types";
 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<{

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

@@ -1,10 +1,24 @@
-import { MaybeArray, TreeItemData, TreeVirtualizerRootEmits, TreeVirtualizerRootProps, VirtualizerContentProps, VirtualizerDynamicContentProps } from "@soybeanjs/headless";
+import { TreeItemData, TreeVirtualizerRootEmits, TreeVirtualizerRootProps } from "@soybeanjs/headless/tree";
+import { VirtualizerContentProps, VirtualizerDynamicContentProps } from "@soybeanjs/headless/virtualizer";
+import { MaybeArray } from "@soybeanjs/headless/types";
 
 //#region src/components/tree/types.d.ts
+/**
+ * Props for the tree virtualizer component.
+ */
 interface TreeVirtualizerProps<T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean> extends TreeVirtualizerRootProps<T, U, M> {
+  /**
+   * Props forwarded to the content element.
+   */
   contentProps?: VirtualizerContentProps;
+  /**
+   * Props forwarded to the dynamic content element.
+   */
   dynamicContentProps?: VirtualizerDynamicContentProps;
 }
+/**
+ * Emits for the tree virtualizer component.
+ */
 type TreeVirtualizerEmits<M extends boolean | undefined> = TreeVirtualizerRootEmits<M>;
 //#endregion
 export { TreeVirtualizerEmits, TreeVirtualizerProps };

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

@@ -1,3 +1,4 @@
 import { TreeMenuBaseOptionData, TreeMenuContext, TreeMenuEmits, TreeMenuExtendedUi, TreeMenuExtraUiSlot, TreeMenuOptionData, TreeMenuOptionEmits, TreeMenuOptionProps, TreeMenuOptionSlotProps, TreeMenuOptionsContext, TreeMenuOptionsEmits, TreeMenuOptionsProps, TreeMenuProps, TreeMenuStyledItemProps } from "./types.js";
 import { _default } from "./tree-menu.vue.js";
-import { _default as _default$1 } from "./tree-menu-styled-item.vue.js";
+import { _default as _default$1 } from "./tree-menu-styled-item.vue.js";
+export * from "@soybeanjs/headless/tree-menu";

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

@@ -1 +1 @@
-import e from"../icon/icon.js";import t from"../badge/badge.js";import n from"../button/button-icon.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";const 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},()=>[p(e,{icon:m.item.icon},null,8,[`icon`])]),v(a.$slots,`default`,{item:m.item},()=>[m.item.badge?(_(),l(t,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(e,{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(n,{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(e,{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"../icon/icon.js";import t from"../badge/badge.js";import n from"../button/button-icon.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/tree-menu";const 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},()=>[p(e,{icon:m.item.icon},null,8,[`icon`])]),v(a.$slots,`default`,{item:m.item},()=>[m.item.badge?(_(),l(t,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(e,{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(n,{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(e,{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,useTreeMenuOptionsContext as a}from"./context.js";import o from"./tree-menu-option-slot.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";const 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(),ee=O(F,[`as`,`item`]),{collapsed:R,modelValue:z,onModelValueChange:B}=N(`TreeMenuOption`),{size:V,side:H}=r(`TreeMenuOption`),{activePaths:U}=a(`TreeMenuOption`),W=i(`itemAbsolute`),G=c(()=>Object.keys(L)),K=c(()=>F.item.children??[]),q=c(()=>!!K.value.length),J=c(()=>{let e=F.item.value;return z.value===e?!1:U.value.includes(e)}),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(()=>R.value&&q.value),Q=c(()=>R.value&&!Z.value?F.item.label:void 0),$=c(()=>H.value===`left`?`right`:`left`),te=c(()=>({...F.item.tooltipProps,placement:F.item.tooltipProps?.placement??$.value})),ne=c(()=>({...F.item.dropdownMenuProps,trigger:F.item.dropdownMenuProps?.trigger??`hover`,placement:F.item.dropdownMenuProps?.placement??$.value})),re=()=>{F.item.disabled||B(F.item.value)},ie=e=>{F.item.disabled||(B(e.value),I(`selectDropdown`,e.value))};return(r,i)=>{let a=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(R)}),{trigger:D(()=>[m(T(k),_(h.buttonProps,{"disabled-active":``,"data-child-active":J.value?``:void 0}),{default:D(()=>[m(o,{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},ne.value,{items:K.value,disabled:h.item.disabled,size:T(V),"data-menu":h.item.label,"active-value":T(z),onSelect:ie}),{trigger:D(()=>[f(`div`,{class:v(T(W))},null,2)]),_:1},16,[`items`,`disabled`,`size`,`data-menu`,`active-value`])):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(a,_({key:e.value,ref_for:!0},T(ee),{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(o,{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(o,{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},te.value,{size:T(V),content:Q.value}),{trigger:D(()=>[(b(),l(w(Y.value?e:`div`),_(X.value,{class:T(W),onClick:re}),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,useTreeMenuOptionsContext as a}from"./context.js";import o from"./tree-menu-option-slot.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/tree-menu";const 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(),ee=O(F,[`as`,`item`]),{collapsed:R,modelValue:z,onModelValueChange:B}=N(`TreeMenuOption`),{size:V,side:H}=r(`TreeMenuOption`),{activePaths:U}=a(`TreeMenuOption`),W=i(`itemAbsolute`),G=c(()=>Object.keys(L)),K=c(()=>F.item.children??[]),q=c(()=>!!K.value.length),J=c(()=>{let e=F.item.value;return z.value===e?!1:U.value.includes(e)}),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(()=>R.value&&q.value),Q=c(()=>R.value&&!Z.value?F.item.label:void 0),$=c(()=>H.value===`left`?`right`:`left`),te=c(()=>({...F.item.tooltipProps,placement:F.item.tooltipProps?.placement??$.value})),ne=c(()=>({...F.item.dropdownMenuProps,trigger:F.item.dropdownMenuProps?.trigger??`hover`,placement:F.item.dropdownMenuProps?.placement??$.value})),re=()=>{F.item.disabled||B(F.item.value)},ie=e=>{F.item.disabled||(B(e.value),I(`selectDropdown`,e.value))};return(r,i)=>{let a=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(R)}),{trigger:D(()=>[m(T(k),_(h.buttonProps,{"disabled-active":``,"data-child-active":J.value?``:void 0}),{default:D(()=>[m(o,{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},ne.value,{items:K.value,disabled:h.item.disabled,size:T(V),"data-menu":h.item.label,"active-value":T(z),onSelect:ie}),{trigger:D(()=>[f(`div`,{class:v(T(W))},null,2)]),_:1},16,[`items`,`disabled`,`size`,`data-menu`,`active-value`])):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(a,_({key:e.value,ref_for:!0},T(ee),{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(o,{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(o,{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},te.value,{size:T(V),content:Q.value}),{trigger:D(()=>[(b(),l(w(Y.value?e:`div`),_(X.value,{class:T(W),onClick:re}),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-options.js

@@ -1 +1 @@
-import e from"../icon/icon.js";import{provideTreeMenuOptionsContext as t}from"./context.js";import n from"./tree-menu-option.js";import{filterHiddenMenus as r}from"./shared.js";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,createSlots as u,createVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderList as h,renderSlot as g,toDisplayString as _,unref as v,useSlots as y,withCtx as b}from"vue";import{usePickProps as x}from"@soybeanjs/headless/composables";import{TreeMenuGroup as S,TreeMenuGroupLabel as C,TreeMenuGroupRoot as w,useTreeMenuRootContext as T}from"@soybeanjs/headless";import{getTreePaths as E}from"@soybeanjs/headless/shared";const D=f({name:`STreeMenuOptions`,__name:`tree-menu-options`,props:{items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(f,{emit:D}){let O=f,k=D,A=y(),j={item:`default`,"item-leading":`leading`,"item-trailing":`trailing`},M=a(()=>Object.keys(A).filter(e=>e.startsWith(`item`)).map(e=>({key:e,map:j[e]}))),N=x(O,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),{modelValue:P}=T(`TreeMenuOptions`),F=a(()=>r(O.items));return t({activePaths:a(()=>E(P.value,F.value))}),(t,r)=>(m(!0),c(i,null,h(F.value,a=>(m(),c(i,{key:a.value},[a.isGroup?(m(),o(v(w),p({key:0,ref_for:!0},f.groupRootProps),{default:b(()=>[d(v(C),p({ref_for:!0},f.groupLabelProps),{default:b(()=>[g(t.$slots,`group-label`,{item:a},()=>[f.showGroupIcon?(m(),o(e,{key:0,icon:a.icon},null,8,[`icon`])):s(`v-if`,!0),l(`span`,null,_(a.label),1)])]),_:2},1040),d(v(S),p({ref_for:!0},f.groupProps),{default:b(()=>[(m(!0),c(i,null,h(a.children,e=>(m(),o(n,p({key:e.value},{ref_for:!0},v(N),{item:e,onSelectDropdown:r[0]||=e=>k(`selectDropdown`,e)}),u({_:2},[h(M.value,e=>({name:e.map,fn:b(n=>[g(t.$slots,e.key,p({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:2},1040)]),_:2},1040)):(m(),o(n,p({key:1,as:`div`},{ref_for:!0},v(N),{item:a,onSelectDropdown:r[1]||=e=>k(`selectDropdown`,e)}),u({_:2},[h(M.value,e=>({name:e.map,fn:b(n=>[g(t.$slots,e.key,p({ref_for:!0},n))])}))]),1040,[`item`]))],64))),128))}});export{D as default};
+import e from"../icon/icon.js";import{provideTreeMenuOptionsContext as t}from"./context.js";import n from"./tree-menu-option.js";import{filterHiddenMenus as r}from"./shared.js";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,createSlots as u,createVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderList as h,renderSlot as g,toDisplayString as _,unref as v,useSlots as y,withCtx as b}from"vue";import{usePickProps as x}from"@soybeanjs/headless/composables";import{getTreePaths as S}from"@soybeanjs/headless/shared";import{TreeMenuGroup as C,TreeMenuGroupLabel as w,TreeMenuGroupRoot as T,useTreeMenuRootContext as E}from"@soybeanjs/headless/tree-menu";const D=f({name:`STreeMenuOptions`,__name:`tree-menu-options`,props:{items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(f,{emit:D}){let O=f,k=D,A=y(),j={item:`default`,"item-leading":`leading`,"item-trailing":`trailing`},M=a(()=>Object.keys(A).filter(e=>e.startsWith(`item`)).map(e=>({key:e,map:j[e]}))),N=x(O,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),{modelValue:P}=E(`TreeMenuOptions`),F=a(()=>r(O.items));return t({activePaths:a(()=>S(P.value,F.value))}),(t,r)=>(m(!0),c(i,null,h(F.value,a=>(m(),c(i,{key:a.value},[a.isGroup?(m(),o(v(T),p({key:0,ref_for:!0},f.groupRootProps),{default:b(()=>[d(v(w),p({ref_for:!0},f.groupLabelProps),{default:b(()=>[g(t.$slots,`group-label`,{item:a},()=>[f.showGroupIcon?(m(),o(e,{key:0,icon:a.icon},null,8,[`icon`])):s(`v-if`,!0),l(`span`,null,_(a.label),1)])]),_:2},1040),d(v(C),p({ref_for:!0},f.groupProps),{default:b(()=>[(m(!0),c(i,null,h(a.children,e=>(m(),o(n,p({key:e.value},{ref_for:!0},v(N),{item:e,onSelectDropdown:r[0]||=e=>k(`selectDropdown`,e)}),u({_:2},[h(M.value,e=>({name:e.map,fn:b(n=>[g(t.$slots,e.key,p({ref_for:!0},n))])}))]),1040,[`item`]))),128))]),_:2},1040)]),_:2},1040)):(m(),o(n,p({key:1,as:`div`},{ref_for:!0},v(N),{item:a,onSelectDropdown:r[1]||=e=>k(`selectDropdown`,e)}),u({_:2},[h(M.value,e=>({name:e.map,fn:b(n=>[g(t.$slots,e.key,p({ref_for:!0},n))])}))]),1040,[`item`]))],64))),128))}});export{D as default};

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

@@ -1 +1 @@
-import{mergeSlotVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import"../../theme/index.js";import{provideTreeMenuContext as r,provideTreeMenuExtraUi as i}from"./context.js";import{treeMenuVariants as a}from"./variants.js";import{treeMenuCssVars as o}from"./shared.js";import s from"./tree-menu-options.js";import{computed as c,createBlock as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,usePickProps as w}from"@soybeanjs/headless/composables";import{TreeMenuRoot as T,provideTreeMenuUi as E}from"@soybeanjs/headless";import{transformPropsToContext as D}from"@soybeanjs/headless/shared";const O=f({name:`STreeMenu`,__name:`tree-menu`,props:{class:{},size:{default:`md`},ui:{},side:{default:`left`},collapsedWidth:{default:50},indent:{default:16},modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(f,{emit:O}){let k=f,A=O,j=x(),M=c(()=>Object.keys(j).filter(e=>e.startsWith(`item`))),N=w(k,[`modelValue`,`defaultValue`,`expanded`,`defaultExpanded`,`collapsed`,`defaultCollapsed`]),P=w(k,[`items`,`groupRootProps`,`groupProps`,`groupLabelProps`,`showGroupIcon`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),F=C(A),I=c(()=>{let e=k.collapsedWidth*n[k.size],r=k.indent*n[k.size];return{[o.collapsedWidth]:`${e/t.md}rem`,[o.indent]:`${r/t.md}rem`}}),L=c(()=>e(a({size:k.size}),k.ui,{root:k.class}));return E(L),i(L),r(D(k,[`size`,`side`])),(e,t)=>(g(),l(b(T),m(b(N),{style:I.value},y(b(F))),{default:S(()=>[v(e.$slots,`top`),d(s,m(b(P),{onSelectDropdown:t[0]||=e=>A(`selectDropdown`,e)}),u({_:2},[_(M.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,h(p(n)))])}))]),1040),v(e.$slots,`bottom`)]),_:3},16,[`style`]))}});export{O as default};
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{themeSizeMap as t,themeSizeRatio as n}from"../../theme/config.js";import"../../theme/index.js";import{provideTreeMenuContext as r,provideTreeMenuExtraUi as i}from"./context.js";import{treeMenuVariants as a}from"./variants.js";import{treeMenuCssVars as o}from"./shared.js";import s from"./tree-menu-options.js";import{computed as c,createBlock as l,createSlots as u,createVNode as d,defineComponent as f,guardReactiveProps as p,mergeProps as m,normalizeProps as h,openBlock as g,renderList as _,renderSlot as v,toHandlers as y,unref as b,useSlots as x,withCtx as S}from"vue";import{useForwardListeners as C,usePickProps as w}from"@soybeanjs/headless/composables";import{transformPropsToContext as T}from"@soybeanjs/headless/shared";import{TreeMenuRoot as E,provideTreeMenuUi as D}from"@soybeanjs/headless/tree-menu";const O=f({name:`STreeMenu`,__name:`tree-menu`,props:{class:{},size:{default:`md`},ui:{},side:{default:`left`},collapsedWidth:{default:50},indent:{default:16},modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(f,{emit:O}){let k=f,A=O,j=x(),M=c(()=>Object.keys(j).filter(e=>e.startsWith(`item`))),N=w(k,[`modelValue`,`defaultValue`,`expanded`,`defaultExpanded`,`collapsed`,`defaultCollapsed`]),P=w(k,[`items`,`groupRootProps`,`groupProps`,`groupLabelProps`,`showGroupIcon`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),F=C(A),I=c(()=>{let e=k.collapsedWidth*n[k.size],r=k.indent*n[k.size];return{[o.collapsedWidth]:`${e/t.md}rem`,[o.indent]:`${r/t.md}rem`}}),L=c(()=>e(a({size:k.size}),k.ui,{root:k.class}));return D(L),i(L),r(T(k,[`size`,`side`])),(e,t)=>(g(),l(b(E),m(b(N),{style:I.value},y(b(F))),{default:S(()=>[v(e.$slots,`top`),d(s,m(b(P),{onSelectDropdown:t[0]||=e=>A(`selectDropdown`,e)}),u({_:2},[_(M.value,t=>({name:t,fn:S(n=>[v(e.$slots,t,h(p(n)))])}))]),1040),v(e.$slots,`bottom`)]),_:3},16,[`style`]))}});export{O as default};