@soybeanjs/ui 0.0.1-beta.3 → 0.0.2-beta.6

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

@@ -0,0 +1,17 @@
+import { ThemeColor, ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { SwitchShape } from "../../variants/switch.js";
+import { AcceptableBooleanValue, SwitchControlProps, SwitchRootEmits, SwitchRootProps, SwitchThumbProps, SwitchUi } from "@soybeanjs/headless";
+
+//#region src/components/switch/types.d.ts
+interface SwitchProps<T extends AcceptableBooleanValue = boolean> extends SwitchRootProps<T> {
+  ui?: Partial<SwitchUi>;
+  color?: ThemeColor;
+  size?: ThemeSize;
+  shape?: SwitchShape;
+  controlProps?: SwitchControlProps;
+  thumbProps?: SwitchThumbProps;
+}
+type SwitchEmits<T extends AcceptableBooleanValue = boolean> = SwitchRootEmits<T>;
+//#endregion
+export { SwitchEmits, SwitchProps };

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

@@ -0,0 +1,4 @@
+import { TabsEmits, TabsExtendedUi, TabsExtraThemeSlot, TabsOptionData, TabsProps } from "./types.js";
+import { _default } from "./tabs.vue.js";
+import { TabsContentProps, TabsIndicatorProps, TabsListProps, TabsRootEmits, TabsRootProps, TabsTriggerProps } from "@soybeanjs/headless/tabs";
+export { type TabsContentProps, type TabsIndicatorProps, type TabsListProps, type TabsRootEmits, type TabsRootProps, type TabsTriggerProps };

package/dist/components/tabs/tabs.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{tabsVariants as t}from"../../variants/tabs.js";import{Fragment as n,computed as r,createBlock as i,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,createVNode as l,defineComponent as u,guardReactiveProps as d,mergeProps as f,normalizeClass as p,normalizeProps as m,openBlock as h,renderList as g,renderSlot as _,toDisplayString as v,toHandlers as y,unref as b,withCtx as x}from"vue";import{useForwardListeners as S,useOmitProps as C}from"@soybeanjs/headless/composables";import{TabsContent as w,TabsIndicator as T,TabsList as E,TabsRoot as D,TabsTrigger as O,provideTabsThemeContext as k}from"@soybeanjs/headless";var A=u({name:`STabs`,__name:`tabs`,props:{size:{},ui:{},items:{},fill:{default:`full`},enableIndicator:{type:Boolean,default:!0},listProps:{},triggerProps:{},contentProps:{},indicatorProps:{},modelValue:{default:void 0},defaultValue:{},activationMode:{},unmountOnHide:{type:Boolean,default:!0},orientation:{},dir:{},loop:{type:Boolean,default:!0}},emits:[`update:modelValue`],setup(u,{emit:A}){let j=u,M=A,N=C(j,[`size`,`ui`,`items`,`fill`,`loop`,`enableIndicator`,`listProps`,`triggerProps`,`contentProps`,`indicatorProps`]),P=S(M),F=r(()=>e(t({size:j.size,orientation:j.orientation,fill:j.fill,enableIndicator:j.enableIndicator}),j.ui));return k({ui:F}),(e,t)=>(h(),i(b(D),f(b(N),y(b(P))),{default:x(()=>[l(b(E),m(d(u.listProps)),{default:x(()=>[(h(!0),o(n,null,g(u.items,t=>(h(),i(b(O),f({ref_for:!0},u.triggerProps,{key:String(t.value),value:t.value,disabled:t.disabled}),{default:x(n=>[_(e.$slots,`trigger`,f({ref_for:!0},{...t,...n}),()=>[c(v(t.label),1)])]),_:2},1040,[`value`,`disabled`]))),128)),u.enableIndicator?(h(),i(b(T),m(f({key:0},u.indicatorProps)),{default:x(()=>[s(`div`,{class:p(F.value.indicatorContent)},null,2)]),_:1},16)):a(`v-if`,!0)]),_:3},16),(h(!0),o(n,null,g(u.items,t=>(h(),i(b(w),f({ref_for:!0},u.contentProps,{key:String(t.value),value:t.value}),{default:x(n=>[_(e.$slots,`content`,f({ref_for:!0},{...t,...n}))]),_:2},1040,[`value`]))),128))]),_:3},16))}});export{A as default};

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

@@ -0,0 +1,28 @@
+import { TabsOptionData, TabsProps } from "./types.js";
+import * as vue209 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_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<TabsProps<T, S> & {
+    "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
+  }> & vue209.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    trigger?: (props: S & {
+      active: boolean;
+    }) => any;
+  } & {
+    content?: (props: S & {
+      active: boolean;
+    }) => any;
+  };
+  emit: (evt: "update:modelValue", payload: NonNullable<T>) => void;
+}>) => vue209.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1,27 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { TabsFill } from "../../variants/tabs.js";
+import { AcceptableValue, ClassValue, DefinedValue, TabsContentProps, TabsIndicatorProps, TabsListProps, TabsRootEmits, TabsRootProps, TabsTriggerProps, TabsUi } from "@soybeanjs/headless";
+
+//#region src/components/tabs/types.d.ts
+interface TabsOptionData<T extends DefinedValue = DefinedValue> {
+  value: T;
+  label: string;
+  disabled?: boolean;
+}
+type TabsExtraThemeSlot = 'indicatorContent';
+type TabsExtendedUi = TabsUi & Record<TabsExtraThemeSlot, ClassValue>;
+interface TabsProps<T extends AcceptableValue, S extends TabsOptionData<NonNullable<T>> = TabsOptionData<NonNullable<T>>> extends TabsRootProps<T> {
+  size?: ThemeSize;
+  ui?: Partial<TabsExtendedUi>;
+  items: S[];
+  fill?: TabsFill;
+  enableIndicator?: boolean;
+  listProps?: TabsListProps;
+  triggerProps?: TabsTriggerProps;
+  contentProps?: TabsContentProps;
+  indicatorProps?: TabsIndicatorProps;
+}
+type TabsEmits<T = AcceptableValue> = TabsRootEmits<T>;
+//#endregion
+export { TabsEmits, TabsExtendedUi, TabsExtraThemeSlot, TabsOptionData, TabsProps };

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

@@ -0,0 +1,3 @@
+import { TagShape, TagVariant } from "../../variants/tag.js";
+import { TagEmits, TagProps } from "./types.js";
+import { _default } from "./tag.vue.js";

package/dist/components/tag/tag.js

@@ -0,0 +1 @@
+import e from"../icon/icon.js";import{tagVariants as t}from"../../variants/tag.js";import{computed as n,createBlock as r,createCommentVNode as i,createTextVNode as a,createVNode as o,defineComponent as s,normalizeClass as c,openBlock as l,renderSlot as u,toDisplayString as d,unref as f,withCtx as p}from"vue";import{Tag as m}from"@soybeanjs/headless";var h=s({name:`STag`,__name:`tag`,props:{color:{},size:{},variant:{},shape:{},content:{},closable:{type:Boolean},open:{type:Boolean,default:void 0}},emits:[`update:open`],setup(s,{emit:h}){let g=s,_=h,v=n(()=>t({color:g.color,size:g.size,variant:g.variant,shape:g.shape}));return(t,n)=>(l(),r(f(m),{open:s.open,class:c(v.value),"onUpdate:open":n[0]||=e=>_(`update:open`,e)},{default:p(({close:n})=>[u(t.$slots,`leading`),u(t.$slots,`default`,{},()=>[a(d(s.content),1)]),u(t.$slots,`trailing`),s.closable?u(t.$slots,`close`,{key:0,close:n},()=>[o(e,{icon:`lucide:x`,style:{"flex-shrink":`0`,cursor:`pointer`},onClick:n},null,8,[`onClick`])]):i(`v-if`,!0)]),_:3},8,[`open`,`class`]))}});export{h as default};

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

@@ -0,0 +1,32 @@
+import { TagProps } from "./types.js";
+import * as vue204 from "vue";
+
+//#region src/components/tag/tag.vue.d.ts
+declare var __VLS_10: {}, __VLS_12: {}, __VLS_14: {}, __VLS_16: {
+    close: () => void;
+  };
+type __VLS_Slots = {} & {
+  leading?: (props: typeof __VLS_10) => any;
+} & {
+  default?: (props: typeof __VLS_12) => any;
+} & {
+  trailing?: (props: typeof __VLS_14) => any;
+} & {
+  close?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: vue204.DefineComponent<TagProps, {}, {}, {}, {}, vue204.ComponentOptionsMixin, vue204.ComponentOptionsMixin, {
+  "update:open": (open: boolean) => any;
+}, string, vue204.PublicProps, Readonly<TagProps> & Readonly<{
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+  open: boolean;
+}, {}, {}, {}, string, vue204.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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,16 @@
+import { ThemeColor, ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { TagShape, TagVariant } from "../../variants/tag.js";
+import { TagEmits, TagProps } from "@soybeanjs/headless";
+
+//#region src/components/tag/types.d.ts
+interface TagProps$1 extends TagProps {
+  color?: ThemeColor;
+  size?: ThemeSize;
+  variant?: TagVariant;
+  shape?: TagShape;
+  content?: string;
+  closable?: boolean;
+}
+//#endregion
+export { type TagEmits, TagProps$1 as TagProps };

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

@@ -0,0 +1,5 @@
+import { TextareaResize } from "../../variants/textarea.js";
+import { TextareaEmits, TextareaExtraThemeSlot, TextareaProps } from "./types.js";
+import { _default } from "./textarea.vue.js";
+import { TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps } from "@soybeanjs/headless/textarea";
+export { type TextareaControlProps, type TextareaCounterProps, type TextareaRootEmits, type TextareaRootProps };

package/dist/components/textarea/textarea.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import t from"../icon/icon.js";import{textareaVariants as n}from"../../variants/textarea.js";import{computed as r,createBlock as i,createCommentVNode as a,createVNode as o,defineComponent as s,guardReactiveProps as c,mergeProps as l,normalizeClass as u,normalizeProps as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";import{useForwardElement as g,useOmitProps as _}from"@soybeanjs/headless/composables";import{TextareaControl as v,TextareaCounter as y,TextareaRoot as b,provideTextareaThemeContext as x}from"@soybeanjs/headless";var S=s({name:`STextarea`,__name:`textarea`,props:{size:{},ui:{},resize:{},clearable:{type:Boolean},showCounter:{type:Boolean},textareaRef:{type:Function},controlProps:{},counterProps:{},defaultValue:{},modelValue:{},autosize:{type:[Boolean,Object]},id:{},autofocus:{type:Boolean},disabled:{type:Boolean},maxlength:{},minlength:{},placeholder:{},readonly:{type:Boolean},name:{},required:{type:Boolean}},emits:[`update:modelValue`],setup(s,{emit:S}){let C=s,w=S,[T,E]=g(e=>C.textareaRef?.(e)),D=_(C,[`size`,`ui`,`resize`,`clearable`,`showCounter`,`textareaRef`,`controlProps`,`counterProps`]),O=r(()=>e(n({size:C.size,resize:C.autosize?!1:C.resize}),C.ui));return x({ui:O}),(e,n)=>(f(),i(m(b),l(m(D),{"onUpdate:modelValue":n[0]||=e=>w(`update:modelValue`,e)}),{default:h(({clear:n})=>[o(m(v),l(s.controlProps,{ref:m(E)}),null,16),s.clearable?(f(),i(t,{key:0,icon:`lucide:x`,class:u(O.value.clearable),onClick:n},null,8,[`class`,`onClick`])):a(`v-if`,!0),s.showCounter?(f(),i(m(y),{key:1},{default:h(t=>[p(e.$slots,`counter`,d(c(t)))]),_:3})):a(`v-if`,!0),p(e.$slots,`footer`)]),_:3},16))}});export{S as default};

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

@@ -0,0 +1,27 @@
+import { TextareaProps } from "./types.js";
+import * as vue277 from "vue";
+
+//#region src/components/textarea/textarea.vue.d.ts
+declare var __VLS_27: {
+    count: number;
+    maxlength: number | undefined;
+  }, __VLS_29: {};
+type __VLS_Slots = {} & {
+  counter?: (props: typeof __VLS_27) => any;
+} & {
+  footer?: (props: typeof __VLS_29) => any;
+};
+declare const __VLS_base: vue277.DefineComponent<TextareaProps, {}, {}, {}, {}, vue277.ComponentOptionsMixin, vue277.ComponentOptionsMixin, {
+  "update:modelValue": (value: string) => any;
+}, string, vue277.PublicProps, Readonly<TextareaProps> & Readonly<{
+  "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, vue277.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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,36 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { TextareaResize } from "../../variants/textarea.js";
+import { ClassValue, TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps, TextareaUi } from "@soybeanjs/headless";
+
+//#region src/components/textarea/types.d.ts
+type TextareaExtraThemeSlot = 'clearable';
+type TextareaExtendedUi = TextareaUi & Record<TextareaExtraThemeSlot, ClassValue>;
+interface TextareaProps extends TextareaRootProps {
+  size?: ThemeSize;
+  ui?: Partial<TextareaExtendedUi>;
+  /**
+   * The resize of the textarea
+   *
+   * if autosize is true, the resize will be ignored
+   */
+  resize?: TextareaResize;
+  /** Whether to show the clear icon */
+  clearable?: boolean;
+  /** Whether to show the counter */
+  showCounter?: boolean;
+  /**
+   * The function to set the textarea element.
+   *
+   * @param el - The textarea element.
+   */
+  textareaRef?: (el: HTMLTextAreaElement) => void;
+  /**
+   * The props of the textarea extra props.
+   */
+  controlProps?: TextareaControlProps;
+  counterProps?: TextareaCounterProps;
+}
+type TextareaEmits = TextareaRootEmits;
+//#endregion
+export { TextareaEmits, TextareaExtraThemeSlot, TextareaProps };

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

@@ -0,0 +1,4 @@
+import { TooltipEmits, TooltipProps } from "./types.js";
+import { _default } from "./tooltip.vue.js";
+import { TooltipArrowProps, TooltipContentEmits, TooltipContentProps, TooltipPortalProps, TooltipRootEmits, TooltipRootProps, TooltipTriggerProps } from "@soybeanjs/headless/tooltip";
+export { type TooltipArrowProps, type TooltipContentEmits, type TooltipContentProps, type TooltipPortalProps, type TooltipRootEmits, type TooltipRootProps, type TooltipTriggerProps };

package/dist/components/tooltip/tooltip.js

@@ -0,0 +1 @@
+import{mergeSlotVariants as e}from"../../theme/shared.js";import{tooltipVariants as t}from"../../variants/tooltip.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,TooltipContent as b,TooltipPortal as x,TooltipRoot as S,TooltipTrigger as C,providePopoverThemeContext as w}from"@soybeanjs/headless";var T=s({name:`STooltip`,__name:`tooltip`,props:{size:{},ui:{},content:{},placement:{},showArrow:{type:Boolean,default:!0},contentProps:{},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:T}){let E=s,D=T,O=v(E,[`size`,`ui`,`content`,`showArrow`,`contentProps`,`triggerProps`,`portalProps`,`arrowProps`]),k=_(D),A=n(()=>e(t({size:E.size}),E.ui)),j=n(()=>({placement:E.placement,...E.contentProps}));return w({ui:A}),(e,t)=>(d(),r(h(S),l(h(O),{"onUpdate:open":t[0]||=e=>D(`update:open`,e)}),{default:g(()=>[o(h(C),{"as-child":``},{default:g(()=>[f(e.$slots,`trigger`)]),_:3}),o(h(x),u(c(s.portalProps)),{default:g(()=>[o(h(b),l(j.value,m(h(k))),{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))}});export{T as default};

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

@@ -0,0 +1,33 @@
+import { TooltipProps } from "./types.js";
+import * as vue282 from "vue";
+import * as _soybeanjs_headless150 from "@soybeanjs/headless";
+
+//#region src/components/tooltip/tooltip.vue.d.ts
+declare var __VLS_15: {}, __VLS_27: {};
+type __VLS_Slots = {} & {
+  trigger?: (props: typeof __VLS_15) => any;
+} & {
+  default?: (props: typeof __VLS_27) => any;
+};
+declare const __VLS_base: vue282.DefineComponent<TooltipProps, {}, {}, {}, {}, vue282.ComponentOptionsMixin, vue282.ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: _soybeanjs_headless150.PointerDownOutsideEvent) => any;
+}, string, vue282.PublicProps, Readonly<TooltipProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: _soybeanjs_headless150.PointerDownOutsideEvent) => any) | undefined;
+}>, {
+  open: boolean;
+  defaultOpen: boolean;
+  showArrow: boolean;
+}, {}, {}, {}, string, vue282.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 & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,19 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { Placement, TooltipArrowProps, TooltipContentEmits, TooltipContentProps, TooltipPortalProps, TooltipRootEmits, TooltipRootProps, TooltipTriggerProps, TooltipUi } from "@soybeanjs/headless";
+
+//#region src/components/tooltip/types.d.ts
+interface TooltipProps extends TooltipRootProps {
+  size?: ThemeSize;
+  ui?: Partial<TooltipUi>;
+  content?: string;
+  placement?: Placement;
+  showArrow?: boolean;
+  contentProps?: TooltipContentProps;
+  triggerProps?: TooltipTriggerProps;
+  portalProps?: TooltipPortalProps;
+  arrowProps?: TooltipArrowProps;
+}
+type TooltipEmits = TooltipRootEmits & TooltipContentEmits;
+//#endregion
+export { TooltipEmits, TooltipProps };

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

@@ -0,0 +1,5 @@
+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 };

package/dist/components/tree/index.js

@@ -0,0 +1 @@
+import e from"./tree.js";import t from"./tree-virtualizer.js";import{TreeItem as n,TreeVirtualizerItem as r}from"@soybeanjs/headless/tree";export{n as STreeItem,r as STreeVirtualizerItem};

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

@@ -0,0 +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";var 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

@@ -0,0 +1,31 @@
+import { TreeVirtualizerProps } from "./types.js";
+import * as vue1 from "vue";
+import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import { MaybeArray, TreeItemData } from "@soybeanjs/headless";
+import * as _tanstack_vue_virtual0 from "@tanstack/vue-virtual";
+
+//#region src/components/tree/tree-virtualizer.vue.d.ts
+declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __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;
+  }> & vue1.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    item?: (props: {
+      key: number;
+      virtualItem: _tanstack_vue_virtual0.VirtualItem;
+      item: _soybeanjs_headless0.FlattenedItem<T>;
+      modelValue: U;
+      expanded: string[];
+    }) => any;
+  };
+  emit: ((evt: "update:modelValue", value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => void) & ((evt: "update:expanded", value: string[]) => void);
+}>) => vue1.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

package/dist/components/tree/tree.js

@@ -0,0 +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";var 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};

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

@@ -0,0 +1,32 @@
+import * as vue0 from "vue";
+import * as _soybeanjs_headless0 from "@soybeanjs/headless";
+import { MaybeArray, TreeItemData, TreeRootProps } from "@soybeanjs/headless";
+
+//#region src/components/tree/tree.vue.d.ts
+declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __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;
+  }> & vue0.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    top?: (props: {}) => any;
+  } & {
+    item?: (props: {
+      key: string;
+      item: _soybeanjs_headless0.FlattenedItem<T>;
+      modelValue: U | undefined;
+      expanded: string[];
+    }) => any;
+  } & {
+    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 & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1,10 @@
+import { MaybeArray, TreeItemData, TreeVirtualizerRootEmits, TreeVirtualizerRootProps, VirtualizerContentProps, VirtualizerDynamicContentProps } from "@soybeanjs/headless";
+
+//#region src/components/tree/types.d.ts
+interface TreeVirtualizerProps<T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean> extends TreeVirtualizerRootProps<T, U, M> {
+  contentProps?: VirtualizerContentProps;
+  dynamicContentProps?: VirtualizerDynamicContentProps;
+}
+type TreeVirtualizerEmits<M extends boolean | undefined> = TreeVirtualizerRootEmits<M>;
+//#endregion
+export { TreeVirtualizerEmits, TreeVirtualizerProps };

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+import{useTreeMenuThemeContext as e}from"./context.js";import{treeMenuCssVars as t}from"./shared.js";import{createElementBlock as n,createElementVNode as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c}from"vue";var l=i({name:`STreeMenuItemWrapper`,__name:`tree-menu-item-wrapper`,setup(i){let{ui:l}=e(`STreeMenuItemWrapper`),u=`${t.indent}: 0`;return(e,t)=>(o(),n(`li`,{class:a(c(l).item),"data-level":`0`,style:u},[r(`div`,{class:a(c(l).itemContent)},[s(e.$slots,`default`)],2)],2))}});export{l as default};

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

@@ -0,0 +1,17 @@
+import * as vue213 from "vue";
+
+//#region src/components/tree-menu/tree-menu-item-wrapper.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: vue213.DefineComponent<{}, {}, {}, {}, {}, vue213.ComponentOptionsMixin, vue213.ComponentOptionsMixin, {}, string, vue213.PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, vue213.ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1 @@
+import e from"../icon/icon.js";import t from"../button/button-icon.js";import n from"../badge/badge.js";import r from"../link/link.js";import i from"../dropdown-menu/dropdown-menu.js";import a from"../tag/tag.js";import o from"../tooltip/tooltip.js";import{useTreeMenuContext as s,useTreeMenuThemeContext as c}from"./context.js";import{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,createVNode as g,defineComponent as _,mergeProps as v,normalizeClass as y,openBlock as b,renderSlot as x,resolveDynamicComponent as S,toDisplayString as C,toHandlers as w,unref as T,useAttrs as E,withCtx as D,withModifiers as O}from"vue";import{useForwardListeners as k,usePickProps as A}from"@soybeanjs/headless/composables";import{TreeItem as j}from"@soybeanjs/headless";var M=_({name:`STreeMenuItem`,__name:`tree-menu-item`,props:{actionMenuProps:{},tooltipProps:{},dropdownMenuProps:{},value:{},level:{},disabled:{type:Boolean},disabledSelect:{type:Boolean},disabledToggle:{type:Boolean},asChild:{type:Boolean},as:{},label:{},icon:{},to:{},href:{},linkProps:{},badge:{},badgeProps:{},tag:{},tagProps:{},actions:{},onActionSelect:{type:Function},children:{}},emits:[`select`,`toggle`,`selectDropdown`],setup(_,{emit:M}){let N=_,P=M,F=E(),I=k(P),{size:L,collapsed:R}=s(`TreeMenuItem`),{ui:z}=c(`TreeMenuItem`),B=d(()=>!!(N.to||N.href||N.linkProps)),V=d(()=>{let e={disabled:N.disabled,...N.linkProps};return N.to&&(e.to=N.to),N.href&&(e.href=N.href),e}),H=A(N,[`value`,`level`,`disabled`,`disabledSelect`,`disabledToggle`],F),U=d(()=>B.value?r:`button`),W=d(()=>B.value?V.value:{}),G=d(()=>({[l.indent]:N.level-1})),K=d(()=>!!N.children?.length),q=d(()=>R.value&&K.value),J=d(()=>R.value&&!q.value?N.label:void 0),Y=d(()=>q.value||J.value),X=d(()=>({placement:`right`,...N.tooltipProps})),Z=d(()=>({trigger:`hover`,contentProps:{placement:`right`},...N.dropdownMenuProps})),Q=d(()=>({color:`accent`,variant:`raw`,...N.tagProps,content:N.tag})),$=e=>{P(`selectDropdown`,e.value)};return(r,s)=>(b(),f(T(j),v({class:T(z).item},T(H),{"data-level":_.level,style:G.value},w(T(I))),{default:D(({isExpanded:c})=>[(b(),f(S(U.value),v(W.value,{class:T(z).itemContent,"data-link":B.value?``:void 0,tabindex:`-1`}),{default:D(()=>[x(r.$slots,`leading`,{},()=>[_.icon?(b(),f(e,{key:0,icon:_.icon},null,8,[`icon`])):p(`v-if`,!0)]),x(r.$slots,`default`,{},()=>[_.badge?(b(),f(n,v({key:0},_.badgeProps,{size:T(L),content:_.badge,class:T(z).itemBadge}),{default:D(()=>[h(`span`,{class:y(T(z).itemLabel)},C(_.label),3)]),_:1},16,[`size`,`content`,`class`])):(b(),m(`span`,{key:1,class:y(T(z).itemLabel)},C(_.label),3))]),B.value?(b(),f(e,{key:0,icon:`lucide:arrow-up-right`,class:y(T(z).itemLinkIcon)},null,8,[`class`])):p(`v-if`,!0),_.tag?(b(),f(a,v({key:1},Q.value,{size:T(L),content:_.tag,class:T(z).itemTag}),null,16,[`size`,`content`,`class`])):p(`v-if`,!0),_.actions?.length?(b(),f(i,v({key:2},_.actionMenuProps,{size:T(L),items:_.actions,onSelect:_.onActionSelect}),{trigger:D(()=>[g(t,{icon:`lucide:ellipsis`,size:T(L),class:y(T(z).itemAction),onClick:s[0]||=O(()=>{},[`stop`])},null,8,[`size`,`class`])]),_:1},16,[`size`,`items`,`onSelect`])):p(`v-if`,!0),x(r.$slots,`trailing`),K.value?(b(),f(e,{key:3,icon:`lucide:chevron-right`,"data-expanded":c?``:void 0,class:y(T(z).collapsibleIcon)},null,8,[`data-expanded`,`class`])):p(`v-if`,!0)]),_:2},1040,[`class`,`data-link`])),Y.value?(b(),m(u,{key:0},[J.value?(b(),f(o,v({key:0},X.value,{size:T(L),content:J.value}),{trigger:D(()=>[h(`div`,{class:y(T(z).itemAbsolute)},null,2)]),_:1},16,[`size`,`content`])):p(`v-if`,!0),q.value?(b(),f(i,v({key:1},Z.value,{items:_.children??[],disabled:_.disabled,size:T(L),onSelect:$}),{trigger:D(()=>[h(`div`,{class:y(T(z).itemAbsolute)},null,2)]),_:1},16,[`items`,`disabled`,`size`])):p(`v-if`,!0)],64)):p(`v-if`,!0)]),_:3},16,[`class`,`data-level`,`style`]))}});export{M as default};

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

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

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

@@ -0,0 +1,44 @@
+import { TreeMenuGroupOptionData, TreeMenuOptionData, TreeMenuProps } from "./types.js";
+import * as vue211 from "vue";
+
+//#region src/components/tree-menu/tree-menu.vue.d.ts
+declare const __VLS_export: <T extends TreeMenuOptionData = TreeMenuOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_expose?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: __VLS_PrettifyLocal<TreeMenuProps<T> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+  }> & vue211.PublicProps;
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    top?: (props: {}) => any;
+  } & {
+    'group-label'?: (props: {
+      item: T & TreeMenuGroupOptionData;
+    }) => any;
+  } & {
+    item?: (props: {
+      item: T;
+      level: number;
+    }) => any;
+  } & {
+    'item-leading'?: (props: {
+      item: T;
+      level: number;
+    }) => any;
+  } & {
+    'item-trailing'?: (props: {
+      item: T;
+      level: number;
+    }) => any;
+  } & {
+    bottom?: (props: {}) => any;
+  };
+  emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "update:collapsed", value: boolean) => void);
+}>) => vue211.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = { [K in keyof T as K]: T[K] } & {};
+//#endregion
+export { _default };

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

@@ -0,0 +1,80 @@
+import { ThemeSize } from "../../theme/types.js";
+import "../../theme/index.js";
+import { IconValue } from "../icon/types.js";
+import { BadgeProps } from "../badge/types.js";
+import { MenuOptionData } from "../menu/types.js";
+import { DropdownMenuProps } from "../dropdown-menu/types.js";
+import { TagProps as TagProps$1 } from "../tag/types.js";
+import { TooltipProps } from "../tooltip/types.js";
+import { ComputedRef, ShallowRef } from "vue";
+import { ClassValue, LinkProps, TreeItemEmits, TreeItemProps, TreeRootEmits, TreeRootProps } from "@soybeanjs/headless";
+
+//#region src/components/tree-menu/types.d.ts
+type TreeMenuState = 'expanded' | 'collapsed';
+interface TreeMenuBaseOptionData {
+  label: string;
+  value: string;
+  icon?: IconValue;
+  disabled?: boolean;
+  to?: LinkProps['to'];
+  href?: LinkProps['href'];
+  linkProps?: LinkProps;
+  badge?: string;
+  badgeProps?: BadgeProps;
+  tag?: string;
+  tagProps?: TagProps$1;
+  actions?: MenuOptionData[];
+  onActionSelect?: (action: MenuOptionData) => void;
+  children?: TreeMenuBaseOptionData[];
+}
+interface TreeMenuGroupOptionData extends TreeMenuBaseOptionData {
+  isGroup: true;
+}
+type TreeMenuOptionData = TreeMenuBaseOptionData | TreeMenuGroupOptionData;
+type TreeMenuThemeSlot = 'root' | 'groupLabel' | 'item' | 'itemContent' | 'itemAbsolute' | 'itemLabel' | 'itemLinkIcon' | 'itemBadge' | 'itemTag' | 'itemAction' | 'collapsibleIcon';
+type TreeMenuUi = Record<TreeMenuThemeSlot, ClassValue>;
+interface TreeMenuItemProps extends TreeItemProps, TreeMenuBaseOptionData {
+  actionMenuProps?: Omit<DropdownMenuProps, 'items'>;
+  tooltipProps?: TooltipProps;
+  dropdownMenuProps?: Omit<DropdownMenuProps, 'items'>;
+}
+type TreeMenuItemEmits = TreeItemEmits & {
+  selectDropdown: [value: string];
+};
+interface TreeMenuProps<T extends TreeMenuOptionData = TreeMenuOptionData> extends TreeRootProps<T, string, false> {
+  size?: ThemeSize;
+  ui?: Partial<TreeMenuUi>;
+  /**
+   * Whether the sidebar menu is collapsed.
+   *
+   * @default false
+   */
+  collapsed?: boolean;
+  /**
+   * The value of the sidebar menu when it's collapsed.
+   */
+  defaultCollapsed?: boolean;
+  /**
+   * The width of the sidebar menu when it's collapsed.
+   *
+   * @default 50
+   */
+  collapsedWidth?: number;
+  tooltipProps?: TooltipProps;
+  dropdownMenuProps?: Omit<DropdownMenuProps, 'items'>;
+  badgeProps?: Omit<BadgeProps, 'content'>;
+  tagProps?: Omit<TagProps$1, 'content'>;
+  actionMenuProps?: Omit<DropdownMenuProps, 'items'>;
+}
+type TreeMenuEmits = TreeRootEmits<false> & {
+  'update:collapsed': [value: boolean];
+};
+interface TreeMenuContextParams {
+  collapsed: ShallowRef<boolean | undefined>;
+  size?: ComputedRef<ThemeSize>;
+}
+interface TreeMenuThemeContextParams {
+  ui: ComputedRef<TreeMenuUi>;
+}
+//#endregion
+export { TreeMenuBaseOptionData, TreeMenuContextParams, TreeMenuEmits, TreeMenuGroupOptionData, TreeMenuItemEmits, TreeMenuItemProps, TreeMenuOptionData, TreeMenuProps, TreeMenuState, TreeMenuThemeContextParams, TreeMenuThemeSlot, TreeMenuUi };

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

@@ -0,0 +1,4 @@
+import { VirtualizerProps } from "./types.js";
+import { _default } from "./virtualizer.vue.js";
+import { VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerItem as SVirtualizerItem, VirtualizerItemProps, VirtualizerOptions, VirtualizerRootProps } from "@soybeanjs/headless/virtualizer";
+export { SVirtualizerItem, type VirtualizerContentProps, type VirtualizerDynamicContentProps, type VirtualizerItemProps, type VirtualizerOptions, type VirtualizerRootProps };

package/dist/components/virtualizer/index.js

@@ -0,0 +1 @@
+import e from"./virtualizer.js";import{VirtualizerItem as t}from"@soybeanjs/headless/virtualizer";export{t as SVirtualizerItem};

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

@@ -0,0 +1,9 @@
+import { VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerRootProps } from "@soybeanjs/headless";
+
+//#region src/components/virtualizer/types.d.ts
+interface VirtualizerProps<T extends Record<string, any>> extends VirtualizerRootProps<T> {
+  contentProps?: VirtualizerContentProps;
+  dynamicContentProps?: VirtualizerDynamicContentProps;
+}
+//#endregion
+export { VirtualizerProps };

package/dist/components/virtualizer/virtualizer.js

@@ -0,0 +1 @@
+import{Fragment as e,createBlock as t,createElementBlock as n,createVNode as r,defineComponent as i,guardReactiveProps as a,mergeProps as o,normalizeProps as s,openBlock as c,renderList as l,renderSlot as u,unref as d,withCtx as f}from"vue";import{useOmitProps as p}from"@soybeanjs/headless/composables";import{VirtualizerContent as m,VirtualizerRoot as h}from"@soybeanjs/headless";var g=i({name:`SVirtualizer`,__name:`virtualizer`,props:{contentProps:{},dynamicContentProps:{},height:{},items:{},options:{},dynamic:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let g=p(i,[`contentProps`,`dynamicContentProps`]);return(p,_)=>(c(),t(d(h),s(a(d(g))),{default:f(({virtualItems:t,items:a})=>[r(d(m),o(i.contentProps,{"dynamic-content-props":i.dynamicContentProps}),{default:f(()=>[(c(!0),n(e,null,l(t,e=>u(p.$slots,`item`,{virtualItem:e,index:e.index,item:a[e.index]})),256))]),_:2},1040,[`dynamic-content-props`])]),_:3},16))}});export{g as default};