@soybeanjs/headless 0.29.3 → 0.30.0-beta.2

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

@@ -1,8 +1,11 @@
 import { Direction, MaybeArray } from "../../types/common.js";
 import { TreeSelectEvent, TreeToggleEvent } from "../../types/event.js";
+import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import "../../composables/use-collection.js";
 import { VirtualizerItemProps, VirtualizerRootProps } from "../virtualizer/types.js";
 import { ComputedRef, ShallowRef } from "vue";
+import "@vueuse/core";
 //#region src/components/tree/types.d.ts
 /**
  * Type information for TreeItemBaseData.
@@ -17,7 +20,8 @@ interface TreeItemBaseData {
  * Type information for TreeItemData.
  */
 type TreeItemData<T extends TreeItemBaseData = TreeItemBaseData> = T & {
-  /** List of children items */children?: TreeItemData<T>[];
+  /** List of children items */
+  children?: TreeItemData<T>[];
 };
 /**
  * Type information for TreeSelectBehavior.
@@ -120,7 +124,8 @@ type FlattenedItem<T extends TreeItemData> = {
   bind: {
     data: T;
     level: number;
-    [key: string]: any;
+    'aria-setsize'?: number;
+    'aria-posinset'?: number;
   };
 };
 /**
@@ -146,7 +151,9 @@ interface TreeItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect' | 'onTog
  * Events for the TreeItem component.
  */
 type TreeItemEmits = {
-  /** Event handler called when selecting item. */select: [event: TreeSelectEvent<string>]; /** Event handler called when toggling item. */
+  /** Event handler called when selecting item. */
+  select: [event: TreeSelectEvent<string>];
+  /** Event handler called when toggling item. */
   toggle: [event: TreeToggleEvent<string>];
 };
 /**

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

@@ -1,24 +1,28 @@
 import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import { TreeMenuRootContextParams, TreeMenuUiSlot } from "./types.js";
+import "../../composables/index.js";
+import { TreeMenuExpandStrategy, TreeMenuRootContextParams, TreeMenuUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/tree-menu/context.d.ts
 declare const provideTreeMenuRootContext: (params: TreeMenuRootContextParams) => {
-    onModelValueChange: (value: string) => void;
-    onExpandedChange: (value: string[]) => void;
-    onExpandedToggle: (value: string) => void;
-    onCollapsedChange: (value: boolean) => void;
-    modelValue: import("vue").ShallowRef<string>;
-    expanded: import("vue").ShallowRef<string[]>;
-    collapsed: import("vue").ShallowRef<boolean>;
-  }, useTreeMenuRootContext: import("@soybeanjs/hooks").ContextConsumer<{
-    onModelValueChange: (value: string) => void;
-    onExpandedChange: (value: string[]) => void;
-    onExpandedToggle: (value: string) => void;
-    onCollapsedChange: (value: boolean) => void;
-    modelValue: import("vue").ShallowRef<string>;
-    expanded: import("vue").ShallowRef<string[]>;
-    collapsed: import("vue").ShallowRef<boolean>;
-  }>;
+  onModelValueChange: (value: string) => void;
+  onExpandedChange: (value: string[]) => void;
+  onExpandedToggle: (value: string) => void;
+  onCollapsedChange: (value: boolean) => void;
+  modelValue: import("vue").ShallowRef<string>;
+  expanded: import("vue").ShallowRef<string[]>;
+  collapsed: import("vue").ShallowRef<boolean>;
+  expandStrategy: import("vue").ComputedRef<TreeMenuExpandStrategy>;
+}, useTreeMenuRootContext: import("@soybeanjs/hooks").ContextConsumer<{
+  onModelValueChange: (value: string) => void;
+  onExpandedChange: (value: string[]) => void;
+  onExpandedToggle: (value: string) => void;
+  onCollapsedChange: (value: boolean) => void;
+  modelValue: import("vue").ShallowRef<string>;
+  expanded: import("vue").ShallowRef<string[]>;
+  collapsed: import("vue").ShallowRef<boolean>;
+  expandStrategy: import("vue").ComputedRef<TreeMenuExpandStrategy>;
+}>;
 declare const provideTreeMenuUi: (ui: import("vue").ComputedRef<Partial<UiClass<TreeMenuUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<TreeMenuUiSlot>>>, useTreeMenuUi: UseUiConsumer<TreeMenuUiSlot>;
 //#endregion
 export { provideTreeMenuRootContext, provideTreeMenuUi, useTreeMenuRootContext };

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

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideCollapsibleUi as n}from"../collapsible/context.js";import{computed as r}from"vue";const[i,a]=e(`TreeMenuRoot`,e=>{let{modelValue:t,expanded:n,collapsed:r}=e,i=e=>{t.value=e},a=e=>{n.value=e},o=e=>{n.value.includes(e)?n.value=n.value.filter(t=>t!==e):n.value=[...n.value,e]},s=e=>{r.value=e};return{...e,onModelValueChange:i,onExpandedChange:a,onExpandedToggle:o,onCollapsedChange:s}}),[o,s]=e(`TreeMenuItem`),[c,l]=t(`TreeMenuUi`,e=>(n(r(()=>({root:e.value.collapsibleRoot,trigger:e.value.collapsibleTrigger,content:e.value.collapsibleContent}))),e));export{o as provideTreeMenuItemContext,i as provideTreeMenuRootContext,c as provideTreeMenuUi,s as useTreeMenuItemContext,a as useTreeMenuRootContext,l as useTreeMenuUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{provideCollapsibleUi as n}from"../collapsible/context.js";import{computed as r}from"vue";const[i,a]=e(`TreeMenuRoot`,e=>{let{modelValue:t,expanded:n,collapsed:r}=e,i=e=>{t.value=e},a=e=>{n.value=e},o=e=>{n.value.includes(e)?n.value=n.value.filter(t=>t!==e):n.value=[...n.value,e]},s=e=>{r.value=e};return{...e,onModelValueChange:i,onExpandedChange:a,onExpandedToggle:o,onCollapsedChange:s}}),[o,s]=e(`TreeMenuItem`),[c,l]=t(`TreeMenuUi`,e=>{let t=r(()=>({root:e.value.collapsibleRoot,trigger:e.value.collapsibleTrigger,content:e.value.collapsibleContent}));return n(t),e});export{o as provideTreeMenuItemContext,i as provideTreeMenuRootContext,c as provideTreeMenuUi,s as useTreeMenuItemContext,a as useTreeMenuRootContext,l as useTreeMenuUi};

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

@@ -1,15 +1,15 @@
-import { TreeMenuBaseItemProps, TreeMenuBaseOptionData, TreeMenuButtonProps, TreeMenuCollapsedState, TreeMenuCollapsibleProps, TreeMenuCompactEmits, TreeMenuCompactProps, TreeMenuCompactSlots, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuItemProps, TreeMenuOptionCompactEmits, TreeMenuOptionCompactProps, TreeMenuOptionData, TreeMenuOptionSlotCompactProps, TreeMenuOptionsCompactEmits, TreeMenuOptionsCompactProps, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUi, TreeMenuUiSlot } from "./types.js";
-import { _default as _default$2 } from "./tree-menu-compact.vue.js";
-import { _default as _default$8 } from "./tree-menu-options-compact.vue.js";
-import { _default as _default$7 } from "./tree-menu-option-compact.vue.js";
-import { _default as _default$10 } from "./tree-menu-slot-compact.vue.js";
-import { _default as _default$9 } from "./tree-menu-root.vue.js";
-import { _default as _default$5 } from "./tree-menu-group-root.vue.js";
-import { _default as _default$3 } from "./tree-menu-group.vue.js";
-import { _default as _default$4 } from "./tree-menu-group-label.vue.js";
-import { _default as _default$6 } from "./tree-menu-item.vue.js";
-import { _default } from "./tree-menu-button.vue.js";
-import { _default as _default$1 } from "./tree-menu-collapsible.vue.js";
-import { _default as _default$11 } from "./tree-menu-sub.vue.js";
+import { TreeMenuBaseItemProps, TreeMenuBaseOptionData, TreeMenuButtonProps, TreeMenuCollapsedState, TreeMenuCollapsibleProps, TreeMenuCompactEmits, TreeMenuCompactProps, TreeMenuCompactSlots, TreeMenuExpandStrategy, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuItemProps, TreeMenuOptionCompactEmits, TreeMenuOptionCompactProps, TreeMenuOptionData, TreeMenuOptionSlotCompactProps, TreeMenuOptionsCompactEmits, TreeMenuOptionsCompactProps, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUi, TreeMenuUiSlot } from "./types.js";
+import _default$2 from "./tree-menu-compact.vue.js";
+import _default$8 from "./tree-menu-options-compact.vue.js";
+import _default$7 from "./tree-menu-option-compact.vue.js";
+import _default$10 from "./tree-menu-slot-compact.vue.js";
+import _default$9 from "./tree-menu-root.vue.js";
+import _default$5 from "./tree-menu-group-root.vue.js";
+import _default$3 from "./tree-menu-group.vue.js";
+import _default$4 from "./tree-menu-group-label.vue.js";
+import _default$6 from "./tree-menu-item.vue.js";
+import _default from "./tree-menu-button.vue.js";
+import _default$1 from "./tree-menu-collapsible.vue.js";
+import _default$11 from "./tree-menu-sub.vue.js";
 import { provideTreeMenuRootContext, provideTreeMenuUi, useTreeMenuRootContext } from "./context.js";
-export { type TreeMenuBaseItemProps, type TreeMenuBaseOptionData, _default as TreeMenuButton, type TreeMenuButtonProps, type TreeMenuCollapsedState, _default$1 as TreeMenuCollapsible, type TreeMenuCollapsibleProps, _default$2 as TreeMenuCompact, type TreeMenuCompactEmits, type TreeMenuCompactProps, type TreeMenuCompactSlots, _default$3 as TreeMenuGroup, _default$4 as TreeMenuGroupLabel, type TreeMenuGroupLabelProps, type TreeMenuGroupProps, _default$5 as TreeMenuGroupRoot, type TreeMenuGroupRootProps, _default$6 as TreeMenuItem, type TreeMenuItemProps, _default$7 as TreeMenuOptionCompact, type TreeMenuOptionCompactEmits, type TreeMenuOptionCompactProps, type TreeMenuOptionData, type TreeMenuOptionSlotCompactProps, _default$8 as TreeMenuOptionsCompact, type TreeMenuOptionsCompactEmits, type TreeMenuOptionsCompactProps, _default$9 as TreeMenuRoot, type TreeMenuRootEmits, type TreeMenuRootProps, _default$10 as TreeMenuSlotCompact, _default$11 as TreeMenuSub, type TreeMenuSubProps, type TreeMenuUi, type TreeMenuUiSlot, provideTreeMenuRootContext, provideTreeMenuUi, useTreeMenuRootContext };
+export { type TreeMenuBaseItemProps, type TreeMenuBaseOptionData, _default as TreeMenuButton, type TreeMenuButtonProps, type TreeMenuCollapsedState, _default$1 as TreeMenuCollapsible, type TreeMenuCollapsibleProps, _default$2 as TreeMenuCompact, type TreeMenuCompactEmits, type TreeMenuCompactProps, type TreeMenuCompactSlots, type TreeMenuExpandStrategy, _default$3 as TreeMenuGroup, _default$4 as TreeMenuGroupLabel, type TreeMenuGroupLabelProps, type TreeMenuGroupProps, _default$5 as TreeMenuGroupRoot, type TreeMenuGroupRootProps, _default$6 as TreeMenuItem, type TreeMenuItemProps, _default$7 as TreeMenuOptionCompact, type TreeMenuOptionCompactEmits, type TreeMenuOptionCompactProps, type TreeMenuOptionData, type TreeMenuOptionSlotCompactProps, _default$8 as TreeMenuOptionsCompact, type TreeMenuOptionsCompactEmits, type TreeMenuOptionsCompactProps, _default$9 as TreeMenuRoot, type TreeMenuRootEmits, type TreeMenuRootProps, _default$10 as TreeMenuSlotCompact, _default$11 as TreeMenuSub, type TreeMenuSubProps, type TreeMenuUi, type TreeMenuUiSlot, provideTreeMenuRootContext, provideTreeMenuUi, useTreeMenuRootContext };

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

@@ -1 +1 @@
-const e={collapsedWidth:`--soybean-tree-menu-collapsed-width`,indent:`--soybean-tree-menu-indent`};function t(e){return e?e?.filter(e=>!e.hidden).map(e=>{let n={...e};return n.children&&n.children.length>0&&(n.children=t(n.children)),n}):[]}export{t as filterHiddenTreeMenuOptions,e as treeMenuCssVars};
+import{getTreePaths as e}from"../../shared/tree.js";import"../../shared/index.js";const t={collapsedWidth:`--soybean-tree-menu-collapsed-width`,indent:`--soybean-tree-menu-indent`};function n(e){return e.flatMap(e=>[...e.isGroup?[e.value]:[],...e.children?n(e.children):[]])}function r(t,r){let i=e(t,r);if(i.length===0)return i;let a=new Set(n(r));return i.filter(e=>!a.has(e))}function i(e){return e?e?.filter(e=>!e.hidden).map(e=>{let t={...e};return t.children&&t.children.length>0&&(t.children=i(t.children)),t}):[]}export{i as filterHiddenTreeMenuOptions,r as getActiveExpandValues,t as treeMenuCssVars};

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

@@ -1,5 +1,4 @@
 import { TreeMenuButtonProps } from "./types.js";
-
 //#region src/components/tree-menu/tree-menu-button.vue.d.ts
 declare var __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { TreeMenuCollapsibleProps } from "./types.js";
-
 //#region src/components/tree-menu/tree-menu-collapsible.vue.d.ts
 declare var __VLS_16: {}, __VLS_18: {}, __VLS_26: {};
 type __VLS_Slots = {} & {
@@ -18,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./tree-menu-options-compact.js";import r from"./tree-menu-root.js";import{computed as i,createBlock as a,createCommentVNode as o,createSlots as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,toHandlers as g,unref as _,useSlots as v,withCtx as y}from"vue";import{keysOf as b}from"@soybeanjs/utils";const x=l({name:`TreeMenuCompact`,__name:`tree-menu-compact`,props:{modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},collapsedWidth:{default:50},indent:{default:16},pxToRem:{},items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{default:`left`},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(l,{emit:x}){let S=l,C=x,w=v(),T=t(S,[`modelValue`,`defaultValue`,`expanded`,`defaultExpanded`,`collapsed`,`defaultCollapsed`,`collapsedWidth`,`indent`,`pxToRem`]),E=t(S,[`side`,`items`,`groupRootProps`,`groupProps`,`groupLabelProps`,`showGroupIcon`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),D=e(C),O=i(()=>b(w).filter(e=>e!==`top`&&e!==`bottom`));return(e,t)=>(p(),a(r,d(_(T),g(_(D))),{default:y(()=>[h(e.$slots,`top`),c(n,d(_(E),{onSelectDropdown:t[0]||(t[0]=e=>C(`selectDropdown`,e))}),s({_:2},[m(O.value,t=>({name:t,fn:y(n=>[o(` @vue-expect-error ignore slot type `),h(e.$slots,t,f(u(n)))])}))]),1040),h(e.$slots,`bottom`)]),_:3},16))}});export{x as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./tree-menu-options-compact.js";import r from"./tree-menu-root.js";import{computed as i,createBlock as a,createCommentVNode as o,createSlots as s,createVNode as c,defineComponent as l,guardReactiveProps as u,mergeProps as d,normalizeProps as f,openBlock as p,renderList as m,renderSlot as h,toHandlers as g,unref as _,useSlots as v,withCtx as y}from"vue";import{keysOf as b}from"@soybeanjs/utils";const x=l({name:`TreeMenuCompact`,__name:`tree-menu-compact`,props:{modelValue:{},defaultValue:{},expanded:{},defaultExpanded:{},expandStrategy:{},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean},collapsedWidth:{default:50},indent:{default:16},pxToRem:{},items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{default:`left`},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`,`selectDropdown`],setup(l,{emit:x}){let S=l,C=x,w=v(),T=t(S,[`modelValue`,`defaultValue`,`expanded`,`defaultExpanded`,`expandStrategy`,`collapsed`,`defaultCollapsed`,`collapsedWidth`,`indent`,`pxToRem`]),E=t(S,[`side`,`items`,`groupRootProps`,`groupProps`,`groupLabelProps`,`showGroupIcon`,`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),D=e(C),O=i(()=>b(w).filter(e=>e!==`top`&&e!==`bottom`));return(e,t)=>(p(),a(r,d(_(T),g(_(D))),{default:y(()=>[h(e.$slots,`top`),c(n,d(_(E),{onSelectDropdown:t[0]||(t[0]=e=>C(`selectDropdown`,e))}),s({_:2},[m(O.value,t=>({name:t,fn:y(n=>[o(` @vue-expect-error ignore slot type `),h(e.$slots,t,f(u(n)))])}))]),1040),h(e.$slots,`bottom`)]),_:3},16))}});export{x as default};

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

@@ -1,5 +1,4 @@
 import { TreeMenuBaseOptionData, TreeMenuCompactProps, TreeMenuCompactSlots } from "./types.js";
-
 //#region src/components/tree-menu/tree-menu-compact.vue.d.ts
 declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<TreeMenuCompactProps<T> & {
@@ -15,9 +14,9 @@ declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOpti
   slots: TreeMenuCompactSlots<T>;
   emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "update:collapsed", value: boolean) => void) & ((evt: "selectDropdown", value: string) => void);
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { TreeMenuGroupLabelProps } from "./types.js";
-
 //#region src/components/tree-menu/tree-menu-group-label.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { TreeMenuGroupRootProps } from "./types.js";
-
 //#region src/components/tree-menu/tree-menu-group-root.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
 import { TreeMenuGroupProps } from "./types.js";
-
 //#region src/components/tree-menu/tree-menu-group.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -17,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
 import { TreeMenuItemProps } from "./types.js";
-
 //#region src/components/tree-menu/tree-menu-item.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -17,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import n from"../dropdown-menu/dropdown-menu-compact.js";import{useTreeMenuRootContext as r,useTreeMenuUi as i}from"./context.js";import a from"./tree-menu-button.js";import o from"./tree-menu-collapsible.js";import s from"./tree-menu-item.js";import c from"./tree-menu-slot-compact.js";import l from"./tree-menu-sub.js";import u from"./tree-menu-tooltip-compact.js";import{Fragment as d,computed as f,createBlock as p,createCommentVNode as m,createElementBlock as h,createElementVNode as g,createSlots as _,createVNode as v,defineComponent as y,guardReactiveProps as b,mergeProps as x,normalizeClass as S,normalizeProps as C,openBlock as w,renderList as T,renderSlot as E,resolveComponent as D,unref as O,useSlots as k,withCtx as A}from"vue";import{keysOf as j}from"@soybeanjs/utils";const M=y({name:`TreeMenuOptionCompact`,__name:`tree-menu-option-compact`,props:{as:{default:`li`},item:{},side:{},activePaths:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(y,{emit:M}){let N=y,P=M,F=k(),I=e(N,[`as`,`item`]),L=f(()=>j(F)),R=i(),{collapsed:z,modelValue:B,onModelValueChange:V}=r(`TreeMenuCompactOption`),H=f(()=>N.item.children??[]),U=f(()=>!!H.value.length),W=f(()=>B.value===N.item.value?!1:!!N.activePaths?.includes(N.item.value)),G=f(()=>!!(N.item.to||N.item.href)),K=f(()=>{if(!G.value)return{};let{disabled:e,to:t,href:n,target:r,external:i}=N.item;return{...N.linkProps,disabled:e,to:t,href:n,target:r,external:i}}),q=f(()=>z.value&&U.value),J=f(()=>z.value&&!q.value?N.item.label:void 0),Y=f(()=>N.side===`left`?`right`:`left`),X=f(()=>({...N.item.tooltipProps,placement:N.item.tooltipProps?.placement??Y.value})),Z=f(()=>({...N.item.dropdownMenuProps,placement:N.item.dropdownMenuProps?.placement??Y.value,trigger:N.item.dropdownMenuProps?.trigger??`hover`})),Q=()=>{N.item.disabled||V(N.item.value)},$=e=>{N.item.disabled||(V(e.value),P(`selectDropdown`,e.value))};return(e,r)=>{let i=D(`TreeMenuOptionCompact`,!0);return U.value?(w(),p(s,x({key:1},y.itemProps,{"as-child":``,value:y.item.value,disabled:y.item.disabled}),{default:A(()=>[v(o,x(y.collapsibleProps,{as:y.as,"disabled-collapsible":O(z)}),{trigger:A(()=>[v(a,x(y.buttonProps,{"disabled-active":``,"data-child-active":W.value?``:void 0}),{default:A(()=>[v(c,{item:y.item},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16,[`data-child-active`])]),extra:A(()=>[q.value?(w(),p(n,x({key:0},Z.value,{items:H.value,disabled:y.item.disabled,"active-value":O(B),"data-menu":y.item.label,onSelect:$}),{trigger:A(()=>[g(`div`,{class:S(O(R).itemAbsolute)},null,2)]),_:1},16,[`items`,`disabled`,`active-value`,`data-menu`])):m(`v-if`,!0)]),default:A(()=>[v(l,C(b(y.subProps)),{default:A(()=>[(w(!0),h(d,null,T(H.value,t=>(w(),p(i,x({key:t.value},{ref_for:!0},O(I),{item:t,side:y.side,"active-paths":y.activePaths,onSelectDropdown:r[0]||(r[0]=e=>P(`selectDropdown`,e))}),_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,x({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:3},16)]),_:3},16,[`as`,`disabled-collapsible`])]),_:3},16,[`value`,`disabled`])):(w(),p(s,x({key:0},y.itemProps,{as:y.as,value:y.item.value,disabled:y.item.disabled}),{default:A(()=>[G.value?(w(),p(a,x({key:0},y.buttonProps,{"as-child":``}),{default:A(()=>[v(t,C(b(K.value)),{default:A(({isHref:t})=>[v(c,{item:y.item,"show-link-icon":t},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16)):(w(),p(a,C(x({key:1},y.buttonProps)),{default:A(()=>[v(c,{item:y.item},_({_:2},[T(L.value,t=>({name:t,fn:A(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16)),J.value?(w(),p(u,x({key:2},X.value,{content:J.value}),{trigger:A(()=>[G.value?(w(),p(t,x({key:0},K.value,{class:O(R).itemAbsolute,onClick:Q}),null,16,[`class`])):(w(),h(`div`,{key:1,class:S(O(R).itemAbsolute),onClick:Q},null,2))]),_:1},16,[`content`])):m(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{M as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import r from"../button/button.js";import i from"../link/link.js";import a from"../dropdown-menu/dropdown-menu-compact.js";import{useTreeMenuRootContext as o,useTreeMenuUi as ee}from"./context.js";import s from"./tree-menu-button.js";import te from"./tree-menu-collapsible.js";import c from"./tree-menu-item.js";import l from"./tree-menu-slot-compact.js";import u from"./tree-menu-sub.js";import d from"./tree-menu-tooltip-compact.js";import{Fragment as f,computed as p,createBlock as m,createCommentVNode as h,createElementBlock as g,createElementVNode as _,createSlots as v,createVNode as y,defineComponent as b,guardReactiveProps as x,mergeProps as S,normalizeClass as C,normalizeProps as w,openBlock as T,renderList as E,renderSlot as D,resolveComponent as ne,unref as O,useSlots as k,withCtx as A,withModifiers as j}from"vue";import{keysOf as M}from"@soybeanjs/utils";const N=[`aria-label`],P=b({name:`TreeMenuOptionCompact`,__name:`tree-menu-option-compact`,props:{as:{default:`li`},item:{},side:{},activePaths:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(b,{emit:P}){let F=b,I=P,L=k(),R=t(F,[`as`,`item`]),z=p(()=>M(L)),B=ee(),re=e(),{collapsed:V,modelValue:H,onModelValueChange:U}=o(`TreeMenuCompactOption`),W=p(()=>F.item.children??[]),G=p(()=>!!W.value.length),ie=p(()=>H.value!==F.item.value&&!!F.activePaths?.includes(F.item.value)),K=p(()=>!!(F.item.to||F.item.href)),q=p(()=>{if(!K.value)return{};let{disabled:e,to:t,href:n,target:r,external:i}=F.item;return{...F.linkProps,disabled:e??F.linkProps?.disabled,to:t,href:n,target:r,external:i}}),J=p(()=>V.value&&G.value),Y=p(()=>V.value&&!J.value?F.item.label:void 0),X=p(()=>F.side===`left`?`right`:`left`),ae=p(()=>({...F.item.tooltipProps,placement:F.item.tooltipProps?.placement??X.value})),oe=p(()=>({...F.item.dropdownMenuProps,placement:F.item.dropdownMenuProps?.placement??X.value,trigger:F.item.dropdownMenuProps?.trigger??`hover`})),Z=p(()=>!V.value&&!!F.item.actions?.length),Q=p(()=>re.value.treeMenu.openActions.replace(`{label}`,F.item.label)),$=()=>{F.item.disabled||U(F.item.value)},se=e=>{F.item.disabled||(U(e.value),I(`selectDropdown`,e.value))};return(e,t)=>{let o=ne(`TreeMenuOptionCompact`,!0);return G.value?(T(),m(c,S({key:1},b.itemProps,{"as-child":``,value:b.item.value,disabled:b.item.disabled}),{default:A(()=>[y(te,S(b.collapsibleProps,{as:b.as,"disabled-collapsible":O(V)}),{trigger:A(()=>[y(s,S(b.buttonProps,{disabled:b.item.disabled,"disabled-active":``,"data-child-active":ie.value?``:void 0}),{default:A(()=>[y(l,{item:b.item},v({_:2},[E(z.value,t=>({name:t,fn:A(n=>[D(e.$slots,t,w(x(n)))])}))]),1032,[`item`])]),_:3},16,[`disabled`,`data-child-active`])]),extra:A(()=>[J.value?(T(),m(a,S({key:0},oe.value,{items:W.value,disabled:b.item.disabled,"active-value":O(H),"data-menu":b.item.label,onSelect:se}),{trigger:A(()=>[_(`div`,{role:`button`,"aria-label":b.item.label,class:C(O(B).itemAbsolute),onClick:$},null,10,N)]),_:1},16,[`items`,`disabled`,`active-value`,`data-menu`])):Z.value?(T(),m(a,S({key:1},b.item.actionMenuProps,{items:b.item.actions??[],onSelect:b.item.onActionSelect}),{trigger:A(()=>[y(r,{"aria-label":Q.value,class:C(O(B).itemAction),disabled:b.item.disabled,onClick:t[2]||(t[2]=j(()=>{},[`stop`]))},{default:A(()=>[y(n,{icon:`lucide:ellipsis`,"aria-hidden":!0})]),_:1},8,[`aria-label`,`class`,`disabled`])]),_:1},16,[`items`,`onSelect`])):h(`v-if`,!0)]),default:A(()=>[y(u,w(x(b.subProps)),{default:A(()=>[(T(!0),g(f,null,E(W.value,n=>(T(),m(o,S({key:n.value},{ref_for:!0},O(R),{item:n,side:b.side,"active-paths":b.activePaths,onSelectDropdown:t[1]||(t[1]=e=>I(`selectDropdown`,e))}),v({_:2},[E(z.value,t=>({name:t,fn:A(n=>[D(e.$slots,t,S({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:3},16)]),_:3},16,[`as`,`disabled-collapsible`])]),_:3},16,[`value`,`disabled`])):(T(),m(c,S({key:0},b.itemProps,{as:b.as,value:b.item.value,disabled:b.item.disabled}),{default:A(()=>[K.value?(T(),m(s,S({key:0},b.buttonProps,{"as-child":``,disabled:b.item.disabled}),{default:A(()=>[y(i,w(x(q.value)),{default:A(({isHref:t})=>[y(l,{item:b.item,"show-link-icon":t},v({_:2},[E(z.value,t=>({name:t,fn:A(n=>[D(e.$slots,t,w(x(n)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16,[`disabled`])):(T(),m(s,S({key:1},b.buttonProps,{disabled:b.item.disabled}),{default:A(()=>[y(l,{item:b.item},v({_:2},[E(z.value,t=>({name:t,fn:A(n=>[D(e.$slots,t,w(x(n)))])}))]),1032,[`item`])]),_:3},16,[`disabled`])),Z.value?(T(),m(a,S({key:2},b.item.actionMenuProps,{items:b.item.actions??[],onSelect:b.item.onActionSelect}),{trigger:A(()=>[y(r,{"aria-label":Q.value,class:C(O(B).itemAction),disabled:b.item.disabled,onClick:t[0]||(t[0]=j(()=>{},[`stop`]))},{default:A(()=>[y(n,{icon:`lucide:ellipsis`,"aria-hidden":!0})]),_:1},8,[`aria-label`,`class`,`disabled`])]),_:1},16,[`items`,`onSelect`])):h(`v-if`,!0),Y.value?(T(),m(d,S({key:3},ae.value,{content:Y.value}),{trigger:A(()=>[K.value?(T(),m(i,S({key:0},q.value,{class:O(B).itemAbsolute,onClick:$}),null,16,[`class`])):(T(),g(`div`,{key:1,class:C(O(B).itemAbsolute),onClick:$},null,2))]),_:1},16,[`content`])):h(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{P as default};

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

@@ -1,6 +1,6 @@
 import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
 import { TreeMenuBaseOptionData, TreeMenuOptionCompactProps } from "./types.js";
-
 //#region src/components/tree-menu/tree-menu-option-compact.vue.d.ts
 type Slots = {
   item: (props: {
@@ -29,4 +29,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{getTreePaths as e}from"../../shared/tree.js";import"../../shared/index.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{filterHiddenTreeMenuOptions as r}from"./shared.js";import{useTreeMenuRootContext as i}from"./context.js";import a from"./tree-menu-group-label.js";import o from"./tree-menu-group-root.js";import s from"./tree-menu-group.js";import c from"./tree-menu-option-compact.js";import{Fragment as l,computed as u,createBlock as d,createCommentVNode as f,createElementBlock as p,createElementVNode as m,createSlots as h,createVNode as g,defineComponent as _,mergeProps as v,openBlock as y,renderList as b,renderSlot as x,toDisplayString as S,unref as C,useSlots as w,withCtx as T}from"vue";import{keysOf as E}from"@soybeanjs/utils";const D=_({name:`TreeMenuCompactOptions`,__name:`tree-menu-options-compact`,props:{items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(_,{emit:D}){let O=_,k=D,A=w(),j=u(()=>E(A).filter(e=>e!==`group-label`)),M=t(O,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),{modelValue:N}=i(`TreeMenuCompactOptions`),P=u(()=>r(O.items)),F=u(()=>e(N.value,P.value));return(e,t)=>(y(!0),p(l,null,b(P.value,r=>(y(),p(l,{key:r.value},[r.isGroup?(y(),d(o,v({key:0,ref_for:!0},_.groupRootProps),{default:T(()=>[g(a,v({ref_for:!0},_.groupLabelProps),{default:T(()=>[x(e.$slots,`group-label`,{item:r},()=>[_.showGroupIcon&&r.icon?(y(),d(n,{key:0,icon:r.icon,"aria-hidden":`true`},null,8,[`icon`])):f(`v-if`,!0),m(`span`,null,S(r.label),1)])]),_:2},1040),g(s,v({ref_for:!0},_.groupProps),{default:T(()=>[(y(!0),p(l,null,b(r.children,n=>(y(),d(c,v({key:n.value},{ref_for:!0},C(M),{item:n,side:_.side,"active-paths":F.value,onSelectDropdown:t[0]||(t[0]=e=>k(`selectDropdown`,e))}),h({_:2},[b(j.value,t=>({name:t,fn:T(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:2},1040)]),_:2},1040)):(y(),d(c,v({key:1,as:`div`},{ref_for:!0},C(M),{item:r,side:_.side,"active-paths":F.value,onSelectDropdown:t[1]||(t[1]=e=>k(`selectDropdown`,e))}),h({_:2},[b(j.value,t=>({name:t,fn:T(n=>[x(e.$slots,t,v({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))],64))),128))}});export{D as default};
+import{getTreePaths as e}from"../../shared/tree.js";import"../../shared/index.js";import{usePickProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../_icon/icon.js";import{filterHiddenTreeMenuOptions as r,getActiveExpandValues as i}from"./shared.js";import{useTreeMenuRootContext as a}from"./context.js";import o from"./tree-menu-group-label.js";import s from"./tree-menu-group-root.js";import c from"./tree-menu-group.js";import l from"./tree-menu-option-compact.js";import{Fragment as u,computed as d,createBlock as f,createCommentVNode as p,createElementBlock as m,createElementVNode as h,createSlots as g,createVNode as _,defineComponent as v,mergeProps as y,openBlock as b,renderList as x,renderSlot as S,toDisplayString as C,unref as w,useSlots as T,watch as E,withCtx as D}from"vue";import{keysOf as O}from"@soybeanjs/utils";const k=v({name:`TreeMenuCompactOptions`,__name:`tree-menu-options-compact`,props:{items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(v,{emit:k}){let A=v,j=k,M=T(),N=d(()=>O(M).filter(e=>e!==`group-label`)),P=t(A,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),{modelValue:F,collapsed:I,expandStrategy:L,onExpandedChange:R}=a(`TreeMenuCompactOptions`),z=d(()=>r(A.items)),B=d(()=>e(F.value,z.value)),V=d(()=>L.value===`active`?i(F.value,z.value):[]);return E([I,L,V],()=>{L.value!==`active`||I.value||R(V.value)},{immediate:!0}),(e,t)=>(b(!0),m(u,null,x(z.value,r=>(b(),m(u,{key:r.value},[r.isGroup?(b(),f(s,y({key:0,ref_for:!0},v.groupRootProps),{default:D(()=>[_(o,y({ref_for:!0},v.groupLabelProps),{default:D(()=>[S(e.$slots,`group-label`,{item:r},()=>[v.showGroupIcon&&r.icon?(b(),f(n,{key:0,icon:r.icon,"aria-hidden":`true`},null,8,[`icon`])):p(`v-if`,!0),h(`span`,null,C(r.label),1)])]),_:2},1040),_(c,y({ref_for:!0},v.groupProps),{default:D(()=>[(b(!0),m(u,null,x(r.children,n=>(b(),f(l,y({key:n.value},{ref_for:!0},w(P),{item:n,side:v.side,"active-paths":B.value,onSelectDropdown:t[0]||(t[0]=e=>j(`selectDropdown`,e))}),g({_:2},[x(N.value,t=>({name:t,fn:D(n=>[S(e.$slots,t,y({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:2},1040)]),_:2},1040)):(b(),f(l,y({key:1,as:`div`},{ref_for:!0},w(P),{item:r,side:v.side,"active-paths":B.value,onSelectDropdown:t[1]||(t[1]=e=>j(`selectDropdown`,e))}),g({_:2},[x(N.value,t=>({name:t,fn:D(n=>[S(e.$slots,t,y({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))],64))),128))}});export{k as default};

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

@@ -1,5 +1,4 @@
 import { TreeMenuBaseOptionData, TreeMenuOptionData, TreeMenuOptionsCompactProps } from "./types.js";
-
 //#region src/components/tree-menu/tree-menu-options-compact.vue.d.ts
 declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<TreeMenuOptionsCompactProps<T> & {
@@ -25,9 +24,9 @@ declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOpti
   };
   emit: (evt: "selectDropdown", value: string) => void;
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{treeMenuCssVars as t}from"./shared.js";import{provideTreeMenuRootContext as n,useTreeMenuUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,watch as f}from"vue";const p=[`data-state`],m=o({name:`TreeMenuRoot`,__name:`tree-menu-root`,props:{modelValue:{},defaultValue:{default:``},expanded:{},defaultExpanded:{default:()=>[]},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean,default:!1},collapsedWidth:{default:50},indent:{default:16},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`],setup(o,{emit:m}){let h=o,g=m,_=r(`root`),v=e(()=>h.modelValue,e=>{g(`update:modelValue`,e)},h.defaultValue),y=e(()=>h.expanded,e=>{g(`update:expanded`,e)},h.defaultExpanded),b=e(()=>h.collapsed,e=>{g(`update:collapsed`,e)},h.defaultCollapsed),x=i(()=>b.value?`collapsed`:`expanded`),S=i(()=>{let e=h.pxToRem(h.collapsedWidth),n=h.pxToRem(h.indent);return{[t.collapsedWidth]:`${e}rem`,[t.indent]:`${n}rem`}}),C=null;return f(b,e=>{if(e){C=[...y.value??[]],y.value=[];return}C?.length&&(y.value=[...C],C=null)}),n({modelValue:v,expanded:y,collapsed:b}),(e,t)=>(l(),a(`div`,{"data-soybean-tree-menu-root":``,class:s(d(_)),"data-state":x.value,style:c(S.value)},[u(e.$slots,`default`)],14,p))}});export{m as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{treeMenuCssVars as t}from"./shared.js";import{provideTreeMenuRootContext as n,useTreeMenuUi as r}from"./context.js";import{computed as i,createElementBlock as a,defineComponent as o,normalizeClass as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,watch as f}from"vue";const p=[`data-state`],m=o({name:`TreeMenuRoot`,__name:`tree-menu-root`,props:{modelValue:{},defaultValue:{default:``},expanded:{},defaultExpanded:{default:()=>[]},expandStrategy:{default:`keep`},collapsed:{type:Boolean,default:void 0},defaultCollapsed:{type:Boolean,default:!1},collapsedWidth:{default:50},indent:{default:16},pxToRem:{type:Function,default:e=>e/16}},emits:[`update:modelValue`,`update:expanded`,`update:collapsed`],setup(o,{emit:m}){let h=o,g=m,_=r(`root`),v=e(()=>h.modelValue,e=>{g(`update:modelValue`,e)},h.defaultValue),y=e(()=>h.expanded,e=>{g(`update:expanded`,e)},h.defaultExpanded),b=e(()=>h.collapsed,e=>{g(`update:collapsed`,e)},h.defaultCollapsed),x=i(()=>h.expandStrategy),S=i(()=>b.value?`collapsed`:`expanded`),C=i(()=>{let e=h.pxToRem(h.collapsedWidth),n=h.pxToRem(h.indent);return{[t.collapsedWidth]:`${e}rem`,[t.indent]:`${n}rem`}}),w=null;return f(b,e=>{if(e){w=[...y.value??[]],y.value=[];return}w?.length&&(y.value=[...w],w=null)}),n({modelValue:v,expanded:y,collapsed:b,expandStrategy:x}),(e,t)=>(l(),a(`div`,{"data-soybean-tree-menu-root":``,class:s(d(_)),"data-state":S.value,style:c(C.value)},[u(e.$slots,`default`)],14,p))}});export{m as default};

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

@@ -1,5 +1,4 @@
-import { TreeMenuRootProps } from "./types.js";
-
+import { TreeMenuExpandStrategy, TreeMenuRootProps } from "./types.js";
 //#region src/components/tree-menu/tree-menu-root.vue.d.ts
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {
@@ -19,6 +18,7 @@ declare const __VLS_base: import("vue").DefineComponent<TreeMenuRootProps, {}, {
   collapsed: boolean;
   indent: number;
   pxToRem: (px: number) => number;
+  expandStrategy: TreeMenuExpandStrategy;
   defaultCollapsed: boolean;
   collapsedWidth: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -30,4 +30,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import e from"../_icon/icon.js";import t from"../button/button.js";import{provideBadgeUi as n}from"../badge/context.js";import r from"../badge/badge-compact.js";import i from"../dropdown-menu/dropdown-menu-compact.js";import{useTreeMenuRootContext as a,useTreeMenuUi 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";const C=m({name:`TreeMenuSlotCompact`,__name:`tree-menu-slot-compact`,props:{showLinkIcon:{type:Boolean},as:{},item:{},side:{},activePaths:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},setup(m){let C=m,{collapsed:w}=a(`TreeMenuCompactSlot`),T=o(),E=c(()=>!!C.item.children?.some(e=>!e.hidden)),D=c(()=>`Open ${C.item.label} actions`);return n(c(()=>({root:T.value?.badgeRoot,content:T.value?.badgeContent}))),(n,a)=>(_(),d(s,null,[v(n.$slots,`item-leading`,{item:m.item},()=>[m.item.icon?(_(),l(e,{key:0,icon:m.item.icon,"aria-hidden":!0},null,8,[`icon`])):u(`v-if`,!0)]),v(n.$slots,`item`,{item:m.item},()=>[m.item.badge?(_(),l(r,h({key:0},m.item.badgeProps,{content:m.item.badge}),{default:x(()=>[f(`span`,{class:g(b(T).itemLabel)},y(m.item.label),3)]),_:1},16,[`content`])):(_(),d(`span`,{key:1,class:g(b(T).itemLabel)},y(m.item.label),3))]),m.showLinkIcon?(_(),l(e,{key:0,icon:`lucide:arrow-up-right`,class:g(b(T).itemLinkIcon),"aria-hidden":!0},null,8,[`class`])):u(`v-if`,!0),m.item.tag?(_(),d(`span`,h({key:1},m.item.tagProps,{class:b(T).itemTag}),y(m.item.tag),17)):u(`v-if`,!0),!b(w)&&m.item.actions?.length?(_(),l(i,h({key:2},m.item.actionMenuProps,{items:m.item.actions,onSelect:m.item.onActionSelect}),{trigger:x(()=>[p(t,{"aria-label":D.value,class:g(b(T).itemAction),disabled:m.item.disabled,onClick:a[0]||(a[0]=S(()=>{},[`stop`]))},{default:x(()=>[p(e,{icon:`lucide:ellipsis`,"aria-hidden":!0})]),_:1},8,[`aria-label`,`class`,`disabled`])]),_:1},16,[`items`,`onSelect`])):u(`v-if`,!0),v(n.$slots,`item-trailing`,{item:m.item}),E.value?(_(),l(e,{key:3,icon:`lucide:chevron-right`,class:g(b(T).collapsibleIcon),"aria-hidden":!0},null,8,[`class`])):u(`v-if`,!0)],64))}});export{C as default};
+import e from"../_icon/icon.js";import{provideBadgeUi as t}from"../badge/context.js";import n from"../badge/badge-compact.js";import{useTreeMenuUi as r}from"./context.js";import{Fragment as i,computed as a,createBlock as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,openBlock as p,renderSlot as m,toDisplayString as h,unref as g,withCtx as _}from"vue";const v=u({name:`TreeMenuSlotCompact`,__name:`tree-menu-slot-compact`,props:{showLinkIcon:{type:Boolean},as:{},item:{},side:{},activePaths:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},setup(u){let v=u,y=r(),b=a(()=>!!v.item.children?.some(e=>!e.hidden)),x=a(()=>({root:y.value?.badgeRoot,content:y.value?.badgeContent}));return t(x),(t,r)=>(p(),c(i,null,[m(t.$slots,`item-leading`,{item:u.item},()=>[u.item.icon?(p(),o(e,{key:0,icon:u.item.icon,"aria-hidden":!0},null,8,[`icon`])):s(`v-if`,!0)]),m(t.$slots,`item`,{item:u.item},()=>[u.item.badge?(p(),o(n,d({key:0},u.item.badgeProps,{content:u.item.badge}),{default:_(()=>[l(`span`,{class:f(g(y).itemLabel)},h(u.item.label),3)]),_:1},16,[`content`])):(p(),c(`span`,{key:1,class:f(g(y).itemLabel)},h(u.item.label),3))]),u.showLinkIcon?(p(),o(e,{key:0,icon:`lucide:arrow-up-right`,class:f(g(y).itemLinkIcon),"aria-hidden":!0},null,8,[`class`])):s(`v-if`,!0),u.item.tag?(p(),c(`span`,d({key:1},u.item.tagProps,{class:g(y).itemTag}),h(u.item.tag),17)):s(`v-if`,!0),m(t.$slots,`item-trailing`,{item:u.item}),b.value?(p(),o(e,{key:2,icon:`lucide:chevron-right`,class:f(g(y).collapsibleIcon),"aria-hidden":!0},null,8,[`class`])):s(`v-if`,!0)],64))}});export{v as default};

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

@@ -1,19 +1,18 @@
 import { TreeMenuBaseOptionData, TreeMenuOptionData, TreeMenuOptionSlotCompactProps } from "./types.js";
-
 //#region src/components/tree-menu/tree-menu-slot-compact.vue.d.ts
 declare var __VLS_1: {
-    item: TreeMenuOptionData<TreeMenuBaseOptionData>;
-  }, __VLS_8: {
-    item: TreeMenuOptionData<TreeMenuBaseOptionData>;
-  }, __VLS_43: {
-    item: TreeMenuOptionData<TreeMenuBaseOptionData>;
-  };
+  item: TreeMenuOptionData<TreeMenuBaseOptionData>;
+}, __VLS_8: {
+  item: TreeMenuOptionData<TreeMenuBaseOptionData>;
+}, __VLS_21: {
+  item: TreeMenuOptionData<TreeMenuBaseOptionData>;
+};
 type __VLS_Slots = {} & {
   'item-leading'?: (props: typeof __VLS_1) => any;
 } & {
   item?: (props: typeof __VLS_8) => any;
 } & {
-  'item-trailing'?: (props: typeof __VLS_43) => any;
+  'item-trailing'?: (props: typeof __VLS_21) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TreeMenuOptionSlotCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TreeMenuOptionSlotCompactProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -24,4 +23,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
 import { TreeMenuSubProps } from "./types.js";
-
 //#region src/components/tree-menu/tree-menu-sub.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -17,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import{providePopperUi as t}from"../popper/context.js";import n from"../tooltip/tooltip-compact.js";import{useTreeMenuUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";const p=o({name:`TreeMenuTooltipCompact`,__name:`tree-menu-tooltip-compact`,props:{content:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},dir:{},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(o,{emit:p}){let m=o,h=e(p),g=r();return t(i(()=>({positioner:g.value?.tooltipPositioner,popup:g.value?.tooltipPopup,arrow:g.value?.tooltipArrow}))),(e,t)=>(c(),a(n,s(m,u(d(h))),{trigger:f(()=>[l(e.$slots,`trigger`)]),default:f(()=>[l(e.$slots,`default`)]),_:3},16))}});export{p as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import{providePopperUi as t}from"../popper/context.js";import n from"../tooltip/tooltip-compact.js";import{useTreeMenuUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,toHandlers as u,unref as d,withCtx as f}from"vue";const p=o({name:`TreeMenuTooltipCompact`,__name:`tree-menu-tooltip-compact`,props:{content:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},dir:{},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(o,{emit:p}){let m=o,h=e(p),g=r(),_=i(()=>({positioner:g.value?.tooltipPositioner,popup:g.value?.tooltipPopup,arrow:g.value?.tooltipArrow}));return t(_),(e,t)=>(c(),a(n,s(m,u(d(h))),{trigger:f(()=>[l(e.$slots,`trigger`)]),default:f(()=>[l(e.$slots,`default`)]),_:3},16))}});export{p as default};

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

@@ -1,20 +1,24 @@
 import { HorizontalSide, UiClass } from "../../types/common.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { IconValue } from "../_icon/types.js";
 import { AsTag, PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
-import { LinkBaseProps, LinkProps } from "../link/types.js";
+import { LinkBaseProps, LinkExtraProps } from "../link/types.js";
 import { BadgeCompactProps } from "../badge/types.js";
 import { TooltipCompactProps } from "../tooltip/types.js";
 import { MenuOptionData } from "../menu/types.js";
 import { DropdownMenuCompactProps } from "../dropdown-menu/types.js";
 import { ComputedRef, ShallowRef } from "vue";
-
 //#region src/components/tree-menu/types.d.ts
 /**
  * State values for TreeMenuCollapsedState.
  */
 type TreeMenuCollapsedState = 'expanded' | 'collapsed';
+/**
+ * Expand strategy of the TreeMenu component.
+ */
+type TreeMenuExpandStrategy = 'keep' | 'active';
 /**
  * Properties for the TreeMenuRoot component.
  */
@@ -35,6 +39,15 @@ interface TreeMenuRootProps {
    * the expanded value of the tree menu when initially rendered. use when you do not need to control the state of the tree.
    */
   defaultExpanded?: string[];
+  /**
+   * The expand strategy of the tree menu.
+   *
+   * - `keep`: keep the current expanded state; manually expanded or collapsed menus are not affected by activating other menus.
+   * - `active`: only expand the currently active menu and all its ancestor menus; non-active menus are collapsed when the active menu changes.
+   *
+   * @default 'keep'
+   */
+  expandStrategy?: TreeMenuExpandStrategy;
   /**
    * Whether the tree menu is collapsed.
    *
@@ -233,7 +246,7 @@ interface TreeMenuOptionCompactProps {
   /**
    * Properties forwarded to the link element.
    */
-  linkProps?: LinkProps;
+  linkProps?: LinkExtraProps;
   /**
    * Properties forwarded to the collapsible element.
    */
@@ -353,14 +366,18 @@ interface TreeMenuRootContextParams {
    * Whether the component is collapsed.
    */
   collapsed: ShallowRef<boolean>;
+  /**
+   * Expand strategy used by the component context.
+   */
+  expandStrategy: ComputedRef<TreeMenuExpandStrategy>;
 }
 /**
  * Available UI slots for the TreeMenu component.
  */
-type TreeMenuUiSlot = 'root' | 'groupRoot' | 'groupLabel' | 'group' | 'item' | 'button' | 'itemLabel' | 'itemAbsolute' | 'itemTag' | 'itemAction' | 'itemLinkIcon' | 'collapsibleIcon' | 'sub' | 'subItem' | 'subButton' | 'collapsibleRoot' | 'collapsibleTrigger' | 'collapsibleContent' | 'tooltipPositioner' | 'tooltipPopup' | 'tooltipArrow' | 'badgeRoot' | 'badgeContent';
+type TreeMenuUiSlot = 'root' | 'groupRoot' | 'groupLabel' | 'group' | 'item' | 'button' | 'itemLabel' | 'itemAbsolute' | 'itemTag' | 'itemAction' | 'itemLinkIcon' | 'collapsibleIcon' | 'sub' | 'collapsibleRoot' | 'collapsibleTrigger' | 'collapsibleContent' | 'tooltipPositioner' | 'tooltipPopup' | 'tooltipArrow' | 'badgeRoot' | 'badgeContent';
 /**
  * UI class overrides for the TreeMenu component.
  */
 type TreeMenuUi = UiClass<TreeMenuUiSlot>;
 //#endregion
-export { TreeMenuBaseItemProps, TreeMenuBaseOptionData, TreeMenuButtonProps, TreeMenuCollapsedState, TreeMenuCollapsibleProps, TreeMenuCompactEmits, TreeMenuCompactProps, TreeMenuCompactSlots, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuItemProps, TreeMenuOptionCompactEmits, TreeMenuOptionCompactProps, TreeMenuOptionData, TreeMenuOptionSlotCompactProps, TreeMenuOptionsCompactEmits, TreeMenuOptionsCompactProps, TreeMenuRootContextParams, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUi, TreeMenuUiSlot };
+export { TreeMenuBaseItemProps, TreeMenuBaseOptionData, TreeMenuButtonProps, TreeMenuCollapsedState, TreeMenuCollapsibleProps, TreeMenuCompactEmits, TreeMenuCompactProps, TreeMenuCompactSlots, TreeMenuExpandStrategy, TreeMenuGroupLabelProps, TreeMenuGroupProps, TreeMenuGroupRootProps, TreeMenuItemProps, TreeMenuOptionCompactEmits, TreeMenuOptionCompactProps, TreeMenuOptionData, TreeMenuOptionSlotCompactProps, TreeMenuOptionsCompactEmits, TreeMenuOptionsCompactProps, TreeMenuRootContextParams, TreeMenuRootEmits, TreeMenuRootProps, TreeMenuSubProps, TreeMenuUi, TreeMenuUiSlot };

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

@@ -1,5 +1,5 @@
 import { VirtualizerContentProps, VirtualizerDynamicContentProps, VirtualizerItemProps, VirtualizerOptions, VirtualizerRootProps } from "./types.js";
-import { _default as _default$2 } from "./virtualizer-root.vue.js";
-import { _default } from "./virtualizer-content.vue.js";
-import { _default as _default$1 } from "./virtualizer-item.vue.js";
+import _default$2 from "./virtualizer-root.vue.js";
+import _default from "./virtualizer-content.vue.js";
+import _default$1 from "./virtualizer-item.vue.js";
 export { _default as VirtualizerContent, type VirtualizerContentProps, type VirtualizerDynamicContentProps, _default$1 as VirtualizerItem, type VirtualizerItemProps, type VirtualizerOptions, _default$2 as VirtualizerRoot, type VirtualizerRootProps };

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

@@ -1,8 +1,8 @@
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ComputedRef, Ref } from "vue";
 import { PartialKeys, VirtualItem, Virtualizer, VirtualizerOptions } from "@tanstack/vue-virtual";
-
 //#region src/components/virtualizer/types.d.ts
 /**
  * Type information for VirtualizerOptions.

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useVirtualizerContext as t}from"./context.js";import{computed as n,createBlock as r,createElementBlock as i,defineComponent as a,mergeProps as o,normalizeStyle as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=a({name:`VirtualizerContent`,__name:`virtualizer-content`,props:{dynamicContentProps:{},asChild:{type:Boolean},as:{}},setup(a){let{contentStyle:f,virtualItems:p,isVerticalDynamic:m}=t(`VirtualizerContent`),h=n(()=>p.value[0]?.start??0),g=n(()=>`position:absolute;left:0;top:0;width:100%;transform:translateY(${h.value}px);`);return(t,n)=>(c(),r(u(e),{as:a.as,"as-child":a.asChild,"data-soybean-virtualizer-content":``,style:s(u(f))},{default:d(()=>[u(m)?(c(),i(`div`,o({key:0},a.dynamicContentProps,{style:g.value}),[l(t.$slots,`default`)],16)):l(t.$slots,`default`,{key:1})]),_:3},8,[`as`,`as-child`,`style`]))}});export{f as default};
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useVirtualizerContext as t}from"./context.js";import{computed as n,createBlock as r,createElementBlock as i,defineComponent as a,mergeProps as o,normalizeStyle as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=a({name:`VirtualizerContent`,__name:`virtualizer-content`,props:{dynamicContentProps:{},asChild:{type:Boolean},as:{}},setup(a){let{contentStyle:f,virtualItems:p,isVerticalDynamic:m}=t(`VirtualizerContent`),h=n(()=>p.value[0]?.start??0),g=n(()=>`position:absolute;left:0;top:0;width:100%;transform:translateY(${h.value}px);`);return(t,n)=>(c(),r(u(e),{as:a.as,"as-child":a.asChild,"data-soybean-virtualizer-content":``,style:s(u(f))},{default:d(()=>[u(m)?(c(),i(`div`,o({key:0},a.dynamicContentProps,{style:g.value}),[l(t.$slots,`default`)],16)):l(t.$slots,`default`,{},void 0,void 0,1)]),_:3},8,[`as`,`as-child`,`style`]))}});export{f as default};

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

@@ -1,5 +1,4 @@
 import { VirtualizerContentProps } from "./types.js";
-
 //#region src/components/virtualizer/virtualizer-content.vue.d.ts
 declare var __VLS_8: {}, __VLS_10: {};
 type __VLS_Slots = {} & {
@@ -16,4 +15,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { VirtualizerItemProps } from "./types.js";
-
 //#region src/components/virtualizer/virtualizer-item.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useExposedElement as t}from"../../composables/use-exposed-element.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{getVirtualizerPadding as r}from"./shared.js";import{provideVirtualizerContext as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";import{useVirtualizer as p}from"@tanstack/vue-virtual";const m=s({name:`VirtualizerRoot`,__name:`virtualizer-root`,props:{height:{},items:{},options:{},dynamic:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,[h,g]=t(),_=a(()=>r(h.value)),v=p(a(()=>({estimateSize:()=>28,...m.options,count:m.items.length,scrollPaddingStart:_.value.start,scrollPaddingEnd:_.value.end,getScrollElement:()=>h.value??null}))),y=a(()=>v.value.getVirtualItems()),b=a(()=>v.value.getTotalSize()),x=a(()=>`height:${m.height};overflow:auto;`),S=a(()=>m.options?.horizontal??!1);return i({virtualizer:v,virtualItems:y,contentStyle:a(()=>{let e=`position:relative;`;return S.value?e+=`width:${b.value}px;height:100%;`:e+=`width:100%;height:${b.value}px;`,e}),isHorizontal:S,totalSize:b,...e(m,[`dynamic`])}),(e,t)=>(l(),o(d(n),{ref:d(g),as:s.as,"as-child":s.asChild,"data-soybean-virtualizer-root":``,style:c(x.value),tabindex:`-1`},{default:f(()=>[u(e.$slots,`default`,{virtualItems:y.value,items:s.items})]),_:3},8,[`as`,`as-child`,`style`]))}});export{m as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useExposedElement as t}from"../../composables/use-exposed-element.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import{getVirtualizerPadding as r}from"./shared.js";import{provideVirtualizerContext as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,normalizeStyle as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";import{useVirtualizer as p}from"@tanstack/vue-virtual";const m=s({name:`VirtualizerRoot`,__name:`virtualizer-root`,props:{height:{},items:{},options:{},dynamic:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,[h,g]=t(),_=a(()=>r(h.value)),v=p(a(()=>({estimateSize:()=>28,...m.options,count:m.items.length,scrollPaddingStart:_.value.start,scrollPaddingEnd:_.value.end,getScrollElement:()=>h.value??null}))),y=a(()=>v.value.getVirtualItems()),b=a(()=>v.value.getTotalSize()),x=a(()=>`height:${m.height};overflow:auto;`),S=a(()=>m.options?.horizontal??!1),C=a(()=>{let e=`position:relative;`;return S.value?e+=`width:${b.value}px;height:100%;`:e+=`width:100%;height:${b.value}px;`,e});return i({virtualizer:v,virtualItems:y,contentStyle:C,isHorizontal:S,totalSize:b,...e(m,[`dynamic`])}),(e,t)=>(l(),o(d(n),{ref:d(g),as:s.as,"as-child":s.asChild,"data-soybean-virtualizer-root":``,style:c(x.value),tabindex:`-1`},{default:f(()=>[u(e.$slots,`default`,{virtualItems:y.value,totalSize:b.value,items:s.items})]),_:3},8,[`as`,`as-child`,`style`]))}});export{m as default};