@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

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

@@ -1,14 +1,13 @@
 import { Placement } from "../../types/common.js";
-import { DismissableLayerEmits, ForceMountProps } from "../../types/component.js";
+import { ForceMountProps } from "../../types/component.js";
+import { ToContext } from "../../types/vue.js";
 import "../../types/index.js";
-import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerProps, PopperRootProps } from "../popper/types.js";
-import { PortalProps } from "../portal/types.js";
-import { Ref, ShallowRef } from "vue";
+import { PopperAnchorProps, PopperArrowProps, PopperOpenChangeReason, PopperPopupProps, PopperPortalProps, PopperPositionerEmits, PopperPositionerProps, PopperRootProps } from "../popper/types.js";
 //#region src/components/tooltip/types.d.ts
 /**
  * Properties for the TooltipProvider component.
  */
-interface TooltipProviderProps {
+export interface TooltipProviderProps {
   /**
    * The duration from when the pointer enters the trigger until the tooltip gets opened.
    *
@@ -52,10 +51,17 @@ interface TooltipProviderProps {
    */
   positionerProps?: TooltipPositionerProps;
 }
+/**
+ * Context provided by `TooltipProvider` (or a local fallback created by `TooltipRoot`).
+ *
+ * Pure config resolution (prop → ancestor provider → global config). The cross-instance
+ * skip-delay coordination lives in the Popper delay group provided alongside this context.
+ */
+export interface TooltipProviderContext extends ToContext<TooltipProviderProps, 'delayDuration' | 'skipDelayDuration' | 'disableHoverableContent' | 'disableClosingTrigger' | 'disabled' | 'ignoreNonKeyboardFocus' | 'positionerProps'> {}
 /**
  * Properties for the TooltipRoot component.
  */
-interface TooltipRootProps extends PopperRootProps, TooltipProviderProps {
+export interface TooltipRootProps extends PopperRootProps, TooltipProviderProps {
   /** The open state of the tooltip when it is initially rendered. Use when you do not need to control its open state. */
   defaultOpen?: boolean;
   /** The controlled open state of the tooltip. */
@@ -64,34 +70,34 @@ interface TooltipRootProps extends PopperRootProps, TooltipProviderProps {
 /**
  * Events for the TooltipRoot component.
  */
-interface TooltipRootEmits {
+export interface TooltipRootEmits {
   /** Event handler called when the open state of the tooltip changes. */
-  'update:open': [value: boolean];
+  'update:open': [value: boolean, reason?: PopperOpenChangeReason];
 }
 /**
  * State values for TooltipDataState.
  */
-type TooltipDataState = 'closed' | 'delayed-open' | 'instant-open';
+export type TooltipDataState = 'closed' | 'delayed-open' | 'instant-open';
 /**
  * Properties for the TooltipPositionerImpl component.
  */
-interface TooltipPositionerImplProps extends PopperPositionerProps {}
+export interface TooltipPositionerImplProps extends PopperPositionerProps {}
 /**
  * Events for the TooltipPositionerImpl component.
  */
-type TooltipPositionerImplEmits = Pick<DismissableLayerEmits, 'escapeKeyDown' | 'pointerDownOutside'>;
+export type TooltipPositionerImplEmits = PopperPositionerEmits;
 /**
  * Properties for the TooltipPositioner component.
  */
-interface TooltipPositionerProps extends TooltipPositionerImplProps, ForceMountProps {}
+export interface TooltipPositionerProps extends TooltipPositionerImplProps, ForceMountProps {}
 /**
  * Events for the TooltipPositioner component.
  */
-type TooltipPositionerEmits = TooltipPositionerImplEmits;
+export type TooltipPositionerEmits = TooltipPositionerImplEmits;
 /**
  * Properties for the TooltipPopup component.
  */
-interface TooltipPopupProps extends PopperPopupProps {
+export interface TooltipPopupProps extends PopperPopupProps {
   /**
    * By default, screen readers will announce the content inside the component.
    *
@@ -103,7 +109,7 @@ interface TooltipPopupProps extends PopperPopupProps {
 /**
  * Properties for the TooltipCompact component.
  */
-interface TooltipCompactProps extends TooltipRootProps {
+export interface TooltipCompactProps extends TooltipRootProps {
   /**
    * Content.
    */
@@ -123,7 +129,7 @@ interface TooltipCompactProps extends TooltipRootProps {
   /**
    * Properties forwarded to the portal element.
    */
-  portalProps?: PortalProps;
+  portalProps?: PopperPortalProps;
   /**
    * Properties forwarded to the positioner element.
    */
@@ -140,11 +146,11 @@ interface TooltipCompactProps extends TooltipRootProps {
 /**
  * Events for the TooltipCompact component.
  */
-type TooltipCompactEmits = TooltipRootEmits & TooltipPositionerEmits;
+export type TooltipCompactEmits = TooltipRootEmits & TooltipPositionerEmits;
 /**
  * Slots for the TooltipCompact component.
  */
-type TooltipCompactSlots = {
+export type TooltipCompactSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -155,4 +161,4 @@ type TooltipCompactSlots = {
   trigger?: () => any;
 };
 //#endregion
-export { TooltipCompactEmits, TooltipCompactProps, TooltipCompactSlots, TooltipDataState, TooltipPopupProps, TooltipPositionerEmits, TooltipPositionerImplEmits, TooltipPositionerImplProps, TooltipPositionerProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps, type PopperAnchorProps as TooltipTriggerProps };
+export type { PopperAnchorProps as TooltipTriggerProps };

package/dist/components/tree/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useDirection as t}from"../config-provider/context.js";import"../../composables/index.js";const[n,r]=e(`TreeRoot`,e=>{let n=t(()=>e.dir.value);return{...e,dir:n}});export{n as provideTreeRootContext,r as useTreeRootContext};
+import{useContext as e}from"../../composables/use-context.js";import{useDirection as t}from"../config-provider/context.js";const[n,r]=e(`TreeRoot`,e=>{let n=t(()=>e.dir.value);return{...e,dir:n}});export{n as provideTreeRootContext,r as useTreeRootContext};

package/dist/components/tree/hooks.js

@@ -1 +1 @@
-import{findValuesBetween as e}from"../../shared/object.js";import"../../shared/index.js";import{computed as t,shallowRef as n,toValue as r}from"vue";function i(i,a,o){let s=n(``),c=t(()=>r(a)),l=t(()=>r(o));return{firstValue:s,onSelectItem:e=>(c.value&&Array.isArray(i.value)?l.value===`replace`?(i.value=[e],s.value=e):i.value=i.value.findIndex(t=>t===e)===-1?[...i.value,e]:i.value.filter(t=>t!==e):i.value=l.value===`replace`?e:!Array.isArray(i.value)&&i.value===e?void 0:e,i.value),handleMultipleReplace:(t,n,r,a)=>{if(!s.value||!c.value||!Array.isArray(i.value))return;let o=(a?.()??[]).find(e=>e.element===n)?.data?.value;o&&(i.value={prev:e(r,s.value,o),next:e(r,s.value,o),first:e(r,s.value,r?.[0]).filter(Boolean),last:e(r,s.value,r?.[r.length-1]).filter(Boolean)}[t])}}}export{i as useSelectionBehavior};
+import{findValuesBetween as e}from"../../shared/object.js";import{computed as t,shallowRef as n,toValue as r}from"vue";function i(i,a,o){let s=n(``),c=t(()=>r(a)),l=t(()=>r(o));return{firstValue:s,onSelectItem:e=>(c.value&&Array.isArray(i.value)?l.value===`replace`?(i.value=[e],s.value=e):i.value=i.value.findIndex(t=>t===e)===-1?[...i.value,e]:i.value.filter(t=>t!==e):i.value=l.value===`replace`?e:!Array.isArray(i.value)&&i.value===e?void 0:e,i.value),handleMultipleReplace:(t,n,r,a)=>{if(!s.value||!c.value||!Array.isArray(i.value))return;let o=(a?.()??[]).find(e=>e.element===n)?.data?.value;o&&(i.value={prev:e(r,s.value,o),next:e(r,s.value,o),first:e(r,s.value,r?.[0]).filter(Boolean),last:e(r,s.value,r?.[r.length-1]).filter(Boolean)}[t])}}}export{i as useSelectionBehavior};

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

@@ -1 +1 @@
-import{flattenChildren as e}from"../../shared/object.js";import{getActiveElement as t}from"../../shared/dom.js";import{handleAndDispatchCustomEvent as n}from"../../shared/event.js";import"../../shared/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import i from"../roving-focus/roving-focus-item.js";import{TREE_SELECT as a,TREE_TOGGLE as o,recurseCheckChildren as s}from"./shared.js";import{useTreeRootContext as c}from"./context.js";import{computed as l,createBlock as u,createVNode as d,defineComponent as f,openBlock as p,renderSlot as m,unref as h,withCtx as g,withKeys as _,withModifiers as v}from"vue";const y=f({name:`TreeItem`,__name:`tree-item`,props:{value:{},level:{},disabled:{type:Boolean},disabledSelect:{type:Boolean},disabledToggle:{type:Boolean},asChild:{type:Boolean},as:{default:`li`}},emits:[`select`,`toggle`],setup(f,{emit:y}){let b=f,x=y,{modelValue:S,disabled:C,dir:w,selectedKeys:T,expanded:E,expandedItems:D,propagateSelect:O,bubbleSelect:k,onSelect:A,onToggle:j,getItems:M}=c(`TreeItem`),N={value:b.value},P=l(()=>D.value.find(e=>e.value===b.value)),F=l(()=>C.value||b.disabled),I=l(()=>!!P.value?.hasChildren),L=l(()=>E.value?.includes(b.value)??!1),R=l(()=>T.value.includes(b.value)),z=l(()=>s(T.value,P.value?.data?.children)),B=l(()=>{if(!P.value||!I.value||!Array.isArray(S.value))return;let t=e(P.value.data.children);if(k.value)return t.some(e=>T.value.includes(e.value))&&!t.every(e=>T.value.includes(e.value));if(O.value&&R.value)return!t.every(e=>T.value.includes(e.value))}),V=l(()=>P.value?.bind?.[`aria-setsize`]),H=l(()=>P.value?.bind?.[`aria-posinset`]),U=e=>{F.value||!I.value||(L.value?K(`right`)?.focus?.():X(e))},W=e=>{F.value||(L.value?X(e):K(`left`)?.focus?.())},G=(e,t)=>{if(!F.value){if(t===`right`){w.value===`ltr`?U(e):W(e);return}w.value===`ltr`?W(e):U(e)}};function K(e){let n=M?.()?.map(e=>e.element)??[],r=t(),i=n.indexOf(r),a=[...n];a=e===`left`?a.slice(0,i).reverse():a.slice(i);let o=e===`left`?b.level-1:b.level+1;return a.find(e=>Number(e.getAttribute(`data-indent`))===o)}async function q(e){x(`select`,e),!e?.defaultPrevented&&A(b.value)}function J(e){x(`toggle`,e),!e?.defaultPrevented&&j(b.value)}async function Y(e){if(b.disabledSelect||!e)return;let t={originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value};n(a,q,t)}function X(e){if(b.disabledToggle||!e)return;let t={originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value};n(o,J,t)}let Z=e=>{F.value||(Y(e),X(e))},Q=e=>{if(e.key===`ArrowRight`){G(e,`right`);return}if(e.key===`ArrowLeft`){G(e,`left`);return}Z(e)};return(e,t)=>(p(),u(i,{"as-child":``,"item-data":N,"allow-shift-key":``},{default:g(()=>[d(h(r),{as:f.as,"as-child":f.asChild,"data-soybean-tree-item":``,"aria-disabled":F.value?!0:void 0,"aria-selected":R.value,"aria-expanded":I.value?L.value:void 0,"aria-level":f.level,"aria-setsize":V.value,"aria-posinset":H.value,"data-disabled":F.value?``:void 0,"data-indent":f.level,"data-selected":R.value?``:void 0,"data-expanded":L.value?``:void 0,"data-contains-selected":z.value?``:void 0,role:`treeitem`,onKeydown:_(v(Q,[`self`,`prevent`]),[`enter`,`space`,`right`,`left`]),onClick:v(Z,[`stop`])},{default:g(()=>[m(e.$slots,`default`,{isExpanded:L.value,isSelected:R.value,isIndeterminate:B.value,hasChildren:I.value})]),_:3},8,[`as`,`as-child`,`aria-disabled`,`aria-selected`,`aria-expanded`,`aria-level`,`aria-setsize`,`aria-posinset`,`data-disabled`,`data-indent`,`data-selected`,`data-expanded`,`data-contains-selected`,`onKeydown`])]),_:3}))}});export{y as default};
+import{flattenChildren as e}from"../../shared/object.js";import{getActiveElement as t}from"../../shared/dom.js";import{handleAndDispatchCustomEvent as n}from"../../shared/event.js";import{useRovingFocusGroupItem as r}from"../../composables/use-roving-focus.js";import{Primitive as i}from"../primitive/primitive.js";import{TREE_SELECT as a,TREE_TOGGLE as o,recurseCheckChildren as s}from"./shared.js";import{useTreeRootContext as c}from"./context.js";import{computed as l,createBlock as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,unref as h,withCtx as g,withKeys as _,withModifiers as v}from"vue";const y=d({name:`TreeItem`,__name:`tree-item`,props:{value:{},level:{},disabled:{type:Boolean},disabledSelect:{type:Boolean},disabledToggle:{type:Boolean},asChild:{type:Boolean},as:{default:`li`}},emits:[`select`,`toggle`],setup(d,{emit:y}){let b=d,x=y,{modelValue:S,disabled:C,dir:w,selectedKeys:T,expanded:E,expandedItems:D,propagateSelect:O,bubbleSelect:k,onSelect:A,onToggle:j,getItems:M}=c(`TreeItem`),N={value:b.value},{setItemElement:P,itemProps:F}=r({itemData:l(()=>N),allowShiftKey:l(()=>!0)}),I=l(()=>D.value.find(e=>e.value===b.value)),L=l(()=>C.value||b.disabled),R=l(()=>!!I.value?.hasChildren),z=l(()=>E.value?.includes(b.value)??!1),B=l(()=>T.value.includes(b.value)),V=l(()=>s(T.value,I.value?.data?.children)),H=l(()=>{if(!I.value||!R.value||!Array.isArray(S.value))return;let t=e(I.value.data.children);if(k.value)return t.some(e=>T.value.includes(e.value))&&!t.every(e=>T.value.includes(e.value));if(O.value&&B.value)return!t.every(e=>T.value.includes(e.value))}),U=l(()=>I.value?.bind?.[`aria-setsize`]),W=l(()=>I.value?.bind?.[`aria-posinset`]),G=e=>{!L.value&&R.value&&(z.value?J(`right`)?.focus?.():Q(e))},K=e=>{L.value||(z.value?Q(e):J(`left`)?.focus?.())},q=(e,t)=>{if(!L.value){if(t===`right`){w.value===`ltr`?G(e):K(e);return}w.value===`ltr`?K(e):G(e)}};function J(e){let n=M?.()?.map(e=>e.element)??[],r=t(),i=n.indexOf(r),a=[...n];a=e===`left`?a.slice(0,i).reverse():a.slice(i);let o=e===`left`?b.level-1:b.level+1;return a.find(e=>Number(e.getAttribute(`data-indent`))===o)}async function Y(e){x(`select`,e),!e?.defaultPrevented&&A(b.value)}function X(e){x(`toggle`,e),!e?.defaultPrevented&&j(b.value)}async function Z(e){if(b.disabledSelect||!e)return;let t={originalEvent:e,value:b.value,isExpanded:z.value,isSelected:B.value};n(a,Y,t)}function Q(e){if(b.disabledToggle||!e)return;let t={originalEvent:e,value:b.value,isExpanded:z.value,isSelected:B.value};n(o,X,t)}let $=e=>{L.value||(Z(e),Q(e))},ee=e=>{if(e.key===`ArrowRight`){q(e,`right`);return}if(e.key===`ArrowLeft`){q(e,`left`);return}$(e)};return(e,t)=>(p(),u(h(i),f(h(F),{ref:h(P),as:d.as,"as-child":d.asChild,"data-soybean-tree-item":``,"aria-disabled":L.value?!0:void 0,"aria-selected":B.value,"aria-expanded":R.value?z.value:void 0,"aria-level":d.level,"aria-setsize":U.value,"aria-posinset":W.value,"data-disabled":L.value?``:void 0,"data-indent":d.level,"data-selected":B.value?``:void 0,"data-expanded":z.value?``:void 0,"data-contains-selected":V.value?``:void 0,role:`treeitem`,onKeydown:_(v(ee,[`self`,`prevent`]),[`enter`,`space`,`right`,`left`]),onClick:v($,[`stop`])}),{default:g(()=>[m(e.$slots,`default`,{isExpanded:z.value,isSelected:B.value,isIndeterminate:H.value,hasChildren:R.value})]),_:3},16,[`as`,`as-child`,`aria-disabled`,`aria-selected`,`aria-expanded`,`aria-level`,`aria-setsize`,`aria-posinset`,`data-disabled`,`data-indent`,`data-selected`,`data-expanded`,`data-contains-selected`,`onKeydown`]))}});export{y as default};

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

@@ -4,14 +4,14 @@ import { AsTag } from "../primitive/types.js";
 import "../primitive/index.js";
 import { TreeItemProps } from "./types.js";
 //#region src/components/tree/tree-item.vue.d.ts
-declare var __VLS_17: {
+declare var __VLS_11: {
   isExpanded: boolean;
   isSelected: boolean;
   isIndeterminate: boolean | undefined;
   hasChildren: boolean;
 };
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_17) => any;
+  default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TreeItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   select: (event: TreeSelectEvent<string>) => any;

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

@@ -1 +1 @@
-import{MAP_KEY_TO_FOCUS_INTENT as e}from"../../constants/common.js";import{isNullish as t}from"../../shared/guard.js";import{flattenChildren as n}from"../../shared/object.js";import{getActiveElement as r}from"../../shared/dom.js";import{transformPropsToContext as i}from"../../shared/vue.js";import"../../shared/index.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import{useTypeahead as o}from"../../composables/use-typeahead.js";import"../../composables/index.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.js";import c from"../roving-focus/roving-focus-group.js";import{findParentPath as l,flattenItems as u}from"./shared.js";import{provideTreeRootContext as d}from"./context.js";import{useSelectionBehavior as f}from"./hooks.js";import{computed as p,createBlock as m,createVNode as h,defineComponent as g,nextTick as _,openBlock as v,renderSlot as y,shallowRef as b,unref as x,useTemplateRef as S,withCtx as C}from"vue";import{createEventHook as w}from"@vueuse/core";const T=g({name:`TreeRoot`,__name:`tree-root`,props:{modelValue:{},defaultValue:{},multiple:{},items:{},expanded:{},defaultExpanded:{},selectionBehavior:{default:`toggle`},toggleBehavior:{default:`multiple`},dir:{},loop:{type:Boolean,default:!0},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{default:`ul`}},emits:[`update:modelValue`,`update:expanded`],setup(g,{emit:T}){let E=g,D=T,O=S(`rovingFocusGroupRef`),{handleTypeaheadSearch:k}=o(),A=b(!1),j=w(),M=a(()=>E.modelValue,e=>{D(`update:modelValue`,e)},I()),N=p(()=>E.multiple&&Array.isArray(M.value)?M.value:[M.value]),{onSelectItem:P,handleMultipleReplace:F}=f(M,()=>E.multiple,()=>E.selectionBehavior);function I(){return t(E.defaultValue)?E.multiple?[]:``:E.defaultValue}let L=a(()=>E.expanded,e=>{D(`update:expanded`,e??[])},E.defaultExpanded??[]),R=p(()=>u(E.items,L.value)),z=t=>{let n=e[t.key];_(()=>{F(n,r(),R.value.map(e=>e.value),O.value?.getItems)})},B=e=>{if(E.disabled)return;if(A.value){j.trigger(e);return}if([`ArrowUp`,`ArrowDown`,`Shift`].includes(e.key)){z(e);return}let t=O.value?.getItems()??[];k(e.key,t)},V=e=>{if(E.disabled||!e.parent||!E.multiple||!Array.isArray(M.value))return;let t=R.value.find(t=>e.parent&&t.value===e.parent.value);if(!t)return;let n=M.value;t.data.children?.every(e=>n.find(t=>t===e.value))?M.value=[...n,t.data.value]:M.value=n.filter(e=>e!==t.data.value),V(t)},H=e=>{if(E.disabled)return;let t=R.value.find(t=>t.value===e);if(t?.hasChildren&&!E.allowParentSelect)return;let r=E.propagateSelect&&E.multiple&&Array.isArray(M.value)?M.value.includes(e):!1;if(P(e),E.bubbleSelect&&E.multiple&&Array.isArray(M.value)&&t&&V(t),E.propagateSelect&&E.multiple&&Array.isArray(M.value)){if(!t)return;let e=n(t.data.children);r?M.value=M.value.filter(t=>!e.some(e=>e.value===t)):M.value=[...M.value,...e.map(e=>e.value)]}},U=e=>{if(!E.disabled&&R.value.find(t=>t.value===e)?.data?.children){if(L.value.includes(e)){L.value=L.value.filter(t=>t!==e);return}if(E.toggleBehavior===`single`){let t=l(e,E.items);t?L.value=[...t,e]:L.value=[e]}else L.value=[...L.value,e]}};return d({modelValue:M,expanded:L,selectedKeys:N,onSelect:H,onToggle:U,expandedItems:R,isVirtual:A,virtualKeydownHook:j,getItems:()=>O.value?.getItems()??[],handleMultipleReplace:F,...i(E,[`items`,`multiple`,`disabled`,`dir`,`selectionBehavior`,`propagateSelect`,`bubbleSelect`])}),(e,t)=>(v(),m(c,{ref_key:`rovingFocusGroupRef`,ref:O,"as-child":``,orientation:`vertical`,dir:g.dir,loop:g.loop},{default:C(()=>[h(x(s),{as:g.as,"as-child":g.asChild,"data-soybean-tree-root":``,"aria-disabled":g.disabled?!0:void 0,"aria-multiselectable":g.multiple?!0:void 0,"data-disabled":g.disabled?``:void 0,role:`tree`,onKeydown:B},{default:C(()=>[y(e.$slots,`default`,{flattenItems:R.value,modelValue:x(M),expanded:x(L),select:H,toggle:U})]),_:3},8,[`as`,`as-child`,`aria-disabled`,`aria-multiselectable`,`data-disabled`])]),_:3},8,[`dir`,`loop`]))}});export{T as default};
+import{MAP_KEY_TO_FOCUS_INTENT as e}from"../../constants/common.js";import{isNullish as t}from"../../shared/guard.js";import{flattenChildren as n}from"../../shared/object.js";import{getActiveElement as r}from"../../shared/dom.js";import{toContext as i}from"../../shared/vue.js";import{useControllableState as a}from"../../composables/use-controllable-state.js";import{useRovingFocusGroup as o}from"../../composables/use-roving-focus.js";import{useTypeahead as s}from"../../composables/use-typeahead.js";import{Primitive as c}from"../primitive/primitive.js";import{findParentPath as l,flattenItems as u}from"./shared.js";import{provideTreeRootContext as d}from"./context.js";import{useSelectionBehavior as f}from"./hooks.js";import{computed as p,createBlock as m,defineComponent as h,mergeProps as g,nextTick as _,openBlock as v,renderSlot as y,shallowRef as b,unref as x,withCtx as S}from"vue";import{createEventHook as C}from"@vueuse/core";const w=h({name:`TreeRoot`,__name:`tree-root`,props:{modelValue:{},defaultValue:{},multiple:{},items:{},expanded:{},defaultExpanded:{},selectionBehavior:{default:`toggle`},toggleBehavior:{default:`multiple`},dir:{},loop:{type:Boolean,default:!0},disabled:{type:Boolean},propagateSelect:{type:Boolean},bubbleSelect:{type:Boolean},allowParentSelect:{type:Boolean},asChild:{type:Boolean},as:{default:`ul`}},emits:[`update:modelValue`,`update:expanded`],setup(h,{emit:w}){let T=h,E=w,{handleTypeaheadSearch:D}=s(),O=b(!1),k=C(),A=a(()=>T.modelValue,e=>{E(`update:modelValue`,e)},P()),j=p(()=>T.multiple&&Array.isArray(A.value)?A.value:[A.value]),{onSelectItem:M,handleMultipleReplace:N}=f(A,()=>T.multiple,()=>T.selectionBehavior);function P(){return t(T.defaultValue)?T.multiple?[]:``:T.defaultValue}let F=a(()=>T.expanded,e=>{E(`update:expanded`,e??[])},T.defaultExpanded??[]),I=p(()=>u(T.items,F.value)),{setContainerElement:L,groupProps:R,getOrderedItems:z}=o({orientation:p(()=>`vertical`),dir:p(()=>T.dir),loop:p(()=>T.loop??!0),currentTabStopId:p(()=>void 0),defaultCurrentTabStopId:p(()=>void 0),preventScrollOnEntryFocus:p(()=>!1)});function B(e){L(e)}let V=t=>{let n=e[t.key];_(()=>{N(n,r(),I.value.map(e=>e.value),z)})},H=e=>{if(T.disabled)return;if(O.value){k.trigger(e);return}if([`ArrowUp`,`ArrowDown`,`Shift`].includes(e.key)){V(e);return}let t=z();D(e.key,t)},U=e=>{if(T.disabled||!e.parent||!T.multiple||!Array.isArray(A.value))return;let t=I.value.find(t=>e.parent&&t.value===e.parent.value);if(!t)return;let n=A.value;t.data.children?.every(e=>n.find(t=>t===e.value))?A.value=[...n,t.data.value]:A.value=n.filter(e=>e!==t.data.value),U(t)},W=e=>{if(T.disabled)return;let t=I.value.find(t=>t.value===e);if(t?.hasChildren&&!T.allowParentSelect)return;let r=T.propagateSelect&&T.multiple&&Array.isArray(A.value)?A.value.includes(e):!1;if(M(e),T.bubbleSelect&&T.multiple&&Array.isArray(A.value)&&t&&U(t),T.propagateSelect&&T.multiple&&Array.isArray(A.value)){if(!t)return;let e=n(t.data.children);r?A.value=A.value.filter(t=>!e.some(e=>e.value===t)):A.value=[...A.value,...e.map(e=>e.value)]}},G=e=>{if(!T.disabled&&I.value.find(t=>t.value===e)?.data?.children){if(F.value.includes(e)){F.value=F.value.filter(t=>t!==e);return}if(T.toggleBehavior===`single`){let t=l(e,T.items);t?F.value=[...t,e]:F.value=[e]}else F.value=[...F.value,e]}};return d({modelValue:A,expanded:F,selectedKeys:j,onSelect:W,onToggle:G,expandedItems:I,isVirtual:O,virtualKeydownHook:k,getItems:()=>z(),handleMultipleReplace:N,...i(T,[`items`,`multiple`,`disabled`,`dir`,`selectionBehavior`,`propagateSelect`,`bubbleSelect`])}),(e,t)=>(v(),m(x(c),g(x(R),{ref:B,as:h.as,"as-child":h.asChild,"data-soybean-tree-root":``,"aria-disabled":h.disabled?!0:void 0,"aria-multiselectable":h.multiple?!0:void 0,"data-disabled":h.disabled?``:void 0,role:`tree`,onKeydown:H}),{default:S(()=>[y(e.$slots,`default`,{flattenItems:I.value,modelValue:x(A),expanded:x(F),select:W,toggle:G})]),_:3},16,[`as`,`as-child`,`aria-disabled`,`aria-multiselectable`,`data-disabled`]))}});export{w as default};

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import"../../composables/index.js";import t from"./tree-item.js";import n from"../virtualizer/virtualizer-item.js";import{createBlock as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=a({name:`TreeVirtualizerItem`,__name:`tree-virtualizer-item`,props:{value:{},level:{},disabled:{type:Boolean},disabledSelect:{type:Boolean},disabledToggle:{type:Boolean},asChild:{type:Boolean},as:{},data:{},customStyle:{type:Boolean}},emits:[`select`,`toggle`],setup(a,{emit:m}){let h=e(m);return(e,m)=>(l(),r(t,s({value:a.value,level:a.level,"as-child":``},d(f(h))),{default:p(t=>[i(n,{as:a.as,"as-child":a.asChild,"data-soybean-tree-virtualizer-item":``,data:a.data,"custom-style":a.customStyle},{default:p(()=>[u(e.$slots,`default`,c(o(t)))]),_:2},1032,[`as`,`as-child`,`data`,`custom-style`])]),_:3},16,[`value`,`level`]))}});export{m as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import t from"./tree-item.js";import n from"../virtualizer/virtualizer-item.js";import{createBlock as r,createVNode as i,defineComponent as a,guardReactiveProps as o,mergeProps as s,normalizeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=a({name:`TreeVirtualizerItem`,__name:`tree-virtualizer-item`,props:{value:{},level:{},disabled:{type:Boolean},disabledSelect:{type:Boolean},disabledToggle:{type:Boolean},asChild:{type:Boolean},as:{},data:{},customStyle:{type:Boolean}},emits:[`select`,`toggle`],setup(a,{emit:m}){let h=e(m);return(e,m)=>(l(),r(t,s({value:a.value,level:a.level,"as-child":``},d(f(h))),{default:p(t=>[i(n,{as:a.as,"as-child":a.asChild,"data-soybean-tree-virtualizer-item":``,data:a.data,"custom-style":a.customStyle},{default:p(()=>[u(e.$slots,`default`,c(o(t)))]),_:2},1032,[`as`,`as-child`,`data`,`custom-style`])]),_:3},16,[`value`,`level`]))}});export{m as default};

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./tree-root.js";import r from"../virtualizer/virtualizer-root.js";import{createBlock as i,createVNode 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:`TreeVirtualizerRoot`,__name:`tree-virtualizer-root`,props:{modelValue:{},defaultValue:{},multiple:{},items:{default:()=>[]},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:{},height:{},options:{},dynamic:{type:Boolean}},emits:[`update:modelValue`,`update:expanded`],setup(o,{emit:p}){let m=o,h=p,g=t(m,[`as`,`asChild`,`options`,`height`]),_=e(h);return(e,t)=>(c(),i(n,s(d(g),{"as-child":``},u(d(_))),{default:f(({flattenItems:t,modelValue:n,expanded:i})=>[a(r,{as:o.as,"as-child":o.asChild,"data-soybean-tree-virtualizer-root":``,items:t,options:o.options,height:o.height,dynamic:o.dynamic},{default:f(({virtualItems:r,totalSize:a})=>[l(e.$slots,`default`,{virtualItems:r,totalSize:a,flattenItems:t,modelValue:n,expanded:i})]),_:2},1032,[`as`,`as-child`,`items`,`options`,`height`,`dynamic`])]),_:3},16))}});export{p as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import n from"./tree-root.js";import r from"../virtualizer/virtualizer-root.js";import{createBlock as i,createVNode 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:`TreeVirtualizerRoot`,__name:`tree-virtualizer-root`,props:{modelValue:{},defaultValue:{},multiple:{},items:{default:()=>[]},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:{},height:{},options:{},dynamic:{type:Boolean}},emits:[`update:modelValue`,`update:expanded`],setup(o,{emit:p}){let m=o,h=p,g=t(m,[`as`,`asChild`,`options`,`height`]),_=e(h);return(e,t)=>(c(),i(n,s(d(g),{"as-child":``},u(d(_))),{default:f(({flattenItems:t,modelValue:n,expanded:i})=>[a(r,{as:o.as,"as-child":o.asChild,"data-soybean-tree-virtualizer-root":``,items:t,options:o.options,height:o.height,dynamic:o.dynamic},{default:f(({virtualItems:r,totalSize:a})=>[l(e.$slots,`default`,{virtualItems:r,totalSize:a,flattenItems:t,modelValue:n,expanded:i})]),_:2},1032,[`as`,`as-child`,`items`,`options`,`height`,`dynamic`])]),_:3},16))}});export{p as default};

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

@@ -229,7 +229,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
       }> & {
         readonly items: T[];
         readonly loop: boolean;
-      } & ("disabled" | "inlist" | "asChild" | "loop" | "dynamic" | "propagateSelect" | "bubbleSelect" | "allowParentSelect" | (U | undefined extends boolean | undefined ? (boolean & U) | undefined extends undefined ? never : "defaultValue" : never) | (U | undefined extends boolean | undefined ? (boolean & U) | undefined extends undefined ? never : "modelValue" : never) | ((U extends string ? false : M extends true ? true : false) | undefined extends boolean | undefined ? (U extends string ? false : M extends true ? true : false) | undefined extends undefined ? never : "multiple" : never) extends (infer T_1 extends keyof T_2) ? { readonly [K in T_1]-?: K extends "loop" | "items" ? {
+      } & ("inlist" | "disabled" | "asChild" | "loop" | "dynamic" | "propagateSelect" | "bubbleSelect" | "allowParentSelect" | (U | undefined extends boolean | undefined ? (boolean & U) | undefined extends undefined ? never : "defaultValue" : never) | (U | undefined extends boolean | undefined ? (boolean & U) | undefined extends undefined ? never : "modelValue" : never) | ((U extends string ? false : M extends true ? true : false) | undefined extends boolean | undefined ? (U extends string ? false : M extends true ? true : false) | undefined extends undefined ? never : "multiple" : never) extends (infer T_1 extends keyof T_2) ? { readonly [K in T_1]-?: K extends "items" | "loop" ? {
         items: () => never[];
         loop: true;
       }[K] extends undefined ? boolean | undefined : boolean : boolean; } : never))["defaultValue"] | ((Readonly<{
@@ -440,7 +440,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
       }> & {
         readonly items: T[];
         readonly loop: boolean;
-      } & ("disabled" | "inlist" | "asChild" | "loop" | "dynamic" | "propagateSelect" | "bubbleSelect" | "allowParentSelect" | (U | undefined extends boolean | undefined ? (boolean & U) | undefined extends undefined ? never : "defaultValue" : never) | (U | undefined extends boolean | undefined ? (boolean & U) | undefined extends undefined ? never : "modelValue" : never) | ((U extends string ? false : M extends true ? true : false) | undefined extends boolean | undefined ? (U extends string ? false : M extends true ? true : false) | undefined extends undefined ? never : "multiple" : never) extends (infer T_3 extends keyof T_2) ? { readonly [K in T_3]-?: K extends "loop" | "items" ? {
+      } & ("inlist" | "disabled" | "asChild" | "loop" | "dynamic" | "propagateSelect" | "bubbleSelect" | "allowParentSelect" | (U | undefined extends boolean | undefined ? (boolean & U) | undefined extends undefined ? never : "defaultValue" : never) | (U | undefined extends boolean | undefined ? (boolean & U) | undefined extends undefined ? never : "modelValue" : never) | ((U extends string ? false : M extends true ? true : false) | undefined extends boolean | undefined ? (U extends string ? false : M extends true ? true : false) | undefined extends undefined ? never : "multiple" : never) extends (infer T_3 extends keyof T_2) ? { readonly [K in T_3]-?: K extends "items" | "loop" ? {
         items: () => never[];
         loop: true;
       }[K] extends undefined ? boolean | undefined : boolean : boolean; } : never))["defaultValue"] & Exclude<(Readonly<{
@@ -651,7 +651,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
       }> & {
         readonly items: T[];
         readonly loop: boolean;
-      } & ("disabled" | "inlist" | "asChild" | "loop" | "dynamic" | "propagateSelect" | "bubbleSelect" | "allowParentSelect" | (U | undefined extends boolean | undefined ? (boolean & U) | undefined extends undefined ? never : "defaultValue" : never) | (U | undefined extends boolean | undefined ? (boolean & U) | undefined extends undefined ? never : "modelValue" : never) | ((U extends string ? false : M extends true ? true : false) | undefined extends boolean | undefined ? (U extends string ? false : M extends true ? true : false) | undefined extends undefined ? never : "multiple" : never) extends (infer T_4 extends keyof T_2) ? { readonly [K in T_4]-?: K extends "loop" | "items" ? {
+      } & ("inlist" | "disabled" | "asChild" | "loop" | "dynamic" | "propagateSelect" | "bubbleSelect" | "allowParentSelect" | (U | undefined extends boolean | undefined ? (boolean & U) | undefined extends undefined ? never : "defaultValue" : never) | (U | undefined extends boolean | undefined ? (boolean & U) | undefined extends undefined ? never : "modelValue" : never) | ((U extends string ? false : M extends true ? true : false) | undefined extends boolean | undefined ? (U extends string ? false : M extends true ? true : false) | undefined extends undefined ? never : "multiple" : never) extends (infer T_4 extends keyof T_2) ? { readonly [K in T_4]-?: K extends "items" | "loop" ? {
         items: () => never[];
         loop: true;
       }[K] extends undefined ? boolean | undefined : boolean : boolean; } : never))["defaultValue"], undefined>) | undefined;

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

@@ -10,7 +10,7 @@ import "@vueuse/core";
 /**
  * Type information for TreeItemBaseData.
  */
-interface TreeItemBaseData {
+export interface TreeItemBaseData {
   /** Value given to this item */
   value: string;
   /** When `true`, prevents the user from interacting with the item. */
@@ -19,23 +19,23 @@ interface TreeItemBaseData {
 /**
  * Type information for TreeItemData.
  */
-type TreeItemData<T extends TreeItemBaseData = TreeItemBaseData> = T & {
+export type TreeItemData<T extends TreeItemBaseData = TreeItemBaseData> = T & {
   /** List of children items */
   children?: TreeItemData<T>[];
 };
 /**
  * Type information for TreeSelectBehavior.
  */
-type TreeSelectBehavior = 'toggle' | 'replace';
+export type TreeSelectBehavior = 'toggle' | 'replace';
 /**
  * Type information for TreeToggleBehavior.
  */
-type TreeToggleBehavior = 'single' | 'multiple';
+export type TreeToggleBehavior = 'single' | 'multiple';
 type IsMultiple<U extends MaybeArray<string> | undefined, M extends boolean> = U extends string ? false : M extends true ? true : false;
 /**
  * Properties for the TreeRoot component.
  */
-interface TreeRootProps<T extends TreeItemData = TreeItemData, U extends MaybeArray<string> | undefined = MaybeArray<string> | undefined, M extends boolean = boolean> extends Omit<PrimitiveWithBaseProps, 'onSelect' | 'onToggle'> {
+export interface TreeRootProps<T extends TreeItemData = TreeItemData, U extends MaybeArray<string> | undefined = MaybeArray<string> | undefined, M extends boolean = boolean> extends Omit<PrimitiveWithBaseProps, 'onSelect' | 'onToggle'> {
   /** The controlled value of the tree. Can be bound-with with `v-model`. */
   modelValue?: U;
   /** The value of the tree when initially rendered. Use when you do not need to control the state of the tree */
@@ -76,7 +76,7 @@ interface TreeRootProps<T extends TreeItemData = TreeItemData, U extends MaybeAr
 /**
  * Events for the TreeRoot component.
  */
-type TreeRootEmits<M extends boolean | undefined> = {
+export type TreeRootEmits<M extends boolean | undefined> = {
   /**
    * Emitted when the model value changes.
    */
@@ -89,7 +89,7 @@ type TreeRootEmits<M extends boolean | undefined> = {
 /**
  * Type information for FlattenedItem.
  */
-type FlattenedItem<T extends TreeItemData> = {
+export type FlattenedItem<T extends TreeItemData> = {
   /**
    * Id.
    */
@@ -131,7 +131,7 @@ type FlattenedItem<T extends TreeItemData> = {
 /**
  * Properties for the TreeItem component.
  */
-interface TreeItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect' | 'onToggle'> {
+export interface TreeItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect' | 'onToggle'> {
   /**
    * Value associated with the current item.
    */
@@ -150,7 +150,7 @@ interface TreeItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect' | 'onTog
 /**
  * Events for the TreeItem component.
  */
-type TreeItemEmits = {
+export type TreeItemEmits = {
   /** Event handler called when selecting item. */
   select: [event: TreeSelectEvent<string>];
   /** Event handler called when toggling item. */
@@ -159,18 +159,17 @@ type TreeItemEmits = {
 /**
  * Properties for the TreeVirtualizerRoot component.
  */
-interface TreeVirtualizerRootProps<T extends TreeItemData = TreeItemData, U extends MaybeArray<string> | undefined = MaybeArray<string> | undefined, M extends boolean = boolean> extends TreeRootProps<T, U, M>, Omit<VirtualizerRootProps<FlattenedItem<T>>, 'dir' | 'items'> {}
+export interface TreeVirtualizerRootProps<T extends TreeItemData = TreeItemData, U extends MaybeArray<string> | undefined = MaybeArray<string> | undefined, M extends boolean = boolean> extends TreeRootProps<T, U, M>, Omit<VirtualizerRootProps<FlattenedItem<T>>, 'dir' | 'items'> {}
 /**
  * Events for the TreeVirtualizerRoot component.
  */
-type TreeVirtualizerRootEmits<M extends boolean | undefined> = TreeRootEmits<M>;
+export type TreeVirtualizerRootEmits<M extends boolean | undefined> = TreeRootEmits<M>;
 /**
  * Properties for the TreeVirtualizerItem component.
  */
-interface TreeVirtualizerItemProps extends TreeItemProps, VirtualizerItemProps {}
+export interface TreeVirtualizerItemProps extends TreeItemProps, VirtualizerItemProps {}
 /**
  * Events for the TreeVirtualizerItem component.
  */
-type TreeVirtualizerItemEmits = TreeItemEmits;
-//#endregion
-export { FlattenedItem, TreeItemBaseData, TreeItemData, TreeItemEmits, TreeItemProps, TreeRootEmits, TreeRootProps, TreeSelectBehavior, TreeToggleBehavior, TreeVirtualizerItemEmits, TreeVirtualizerItemProps, TreeVirtualizerRootEmits, TreeVirtualizerRootProps };
+export type TreeVirtualizerItemEmits = TreeItemEmits;
+//#endregion

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

@@ -1,10 +1,13 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
+import { ContextConsumerFn } from "../../composables/use-context.js";
 import { TreeMenuExpandStrategy, TreeMenuRootContextParams, TreeMenuUiSlot } from "./types.js";
 import "../../index.js";
+import { TreeNavigationNode } from "../../shared/tree-navigation.js";
+import "../../shared/index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 //#region src/components/tree-menu/context.d.ts
-declare const provideTreeMenuRootContext: (params: TreeMenuRootContextParams) => {
+export declare const provideTreeMenuRootContext: (params: TreeMenuRootContextParams) => {
   onModelValueChange: (value: string) => void;
   onExpandedChange: (value: string[]) => void;
   onExpandedToggle: (value: string) => void;
@@ -13,7 +16,9 @@ declare const provideTreeMenuRootContext: (params: TreeMenuRootContextParams) =>
   expanded: import("vue").ShallowRef<string[]>;
   collapsed: import("vue").ShallowRef<boolean>;
   expandStrategy: import("vue").ComputedRef<TreeMenuExpandStrategy>;
-}, useTreeMenuRootContext: import("@soybeanjs/hooks").ContextConsumer<{
+  navigationNodes: import("vue").ShallowRef<TreeNavigationNode[]>;
+  setNavigationNodes(nodes: TreeNavigationNode[]): void;
+}, useTreeMenuRootContext: ContextConsumerFn<{
   onModelValueChange: (value: string) => void;
   onExpandedChange: (value: string[]) => void;
   onExpandedToggle: (value: string) => void;
@@ -22,7 +27,9 @@ declare const provideTreeMenuRootContext: (params: TreeMenuRootContextParams) =>
   expanded: import("vue").ShallowRef<string[]>;
   collapsed: import("vue").ShallowRef<boolean>;
   expandStrategy: import("vue").ComputedRef<TreeMenuExpandStrategy>;
+  navigationNodes: import("vue").ShallowRef<TreeNavigationNode[]>;
+  setNavigationNodes(nodes: TreeNavigationNode[]): void;
 }>;
 declare const provideTreeMenuUi: (ui: import("vue").ComputedRef<Partial<UiClass<TreeMenuUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<TreeMenuUiSlot>>>, useTreeMenuUi: UseUiConsumer<TreeMenuUiSlot>;
 //#endregion
-export { provideTreeMenuRootContext, provideTreeMenuUi, useTreeMenuRootContext };
+export { provideTreeMenuUi };

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=>{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};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.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/shared.js

@@ -1 +1 @@
-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};
+import{COLLECTION_ITEM_ATTRIBUTE as e}from"../../constants/attr.js";import{getTreePaths as t}from"../../shared/tree.js";const n={collapsedWidth:`--soybean-tree-menu-collapsed-width`,indent:`--soybean-tree-menu-indent`};function r(e){return e.flatMap(e=>[...e.isGroup?[e.value]:[],...e.children?r(e.children):[]])}function i(e,n){let i=t(e,n);if(i.length===0)return i;let a=new Set(r(n));return i.filter(e=>!a.has(e))}function a(e){return e?e?.filter(e=>!e.hidden).map(e=>{let t={...e};return t.children&&t.children.length>0&&(t.children=a(t.children)),t}):[]}function o(e,t){let n=[],r=(e,i)=>{for(let a of e){if(a.hidden)continue;if(a.isGroup){r(a.children??[],i);continue}let e=a.children??[],o=e.some(e=>!e.hidden),s=o&&t(a.value);n.push({value:a.value,level:i,hasChildren:o,expanded:s,disabled:a.disabled}),s&&r(e,i+1)}};return r(e,0),n}function s(e,t){return e===(t===`rtl`?`ArrowLeft`:`ArrowRight`)}function c(e,t){return e===(t===`rtl`?`ArrowRight`:`ArrowLeft`)}function l(e){return(e.closest(`[data-soybean-tree-menu-collapsible-root]`)?.querySelector(`[data-soybean-dropdown-menu-trigger]`))?.getAttribute(`aria-controls`)??null}function u(t){let n=l(t);(n?document.getElementById(n):null)?.querySelector(`[${e}]:not([data-disabled])`)?.focus()}export{a as filterHiddenTreeMenuOptions,o as flattenTreeMenuNavigationNodes,u as focusCollapsedMenuPopupItem,i as getActiveExpandValues,l as getCollapsedMenuPopupId,c as isCollapsedMenuBackwardKey,s as isCollapsedMenuForwardKey,n as treeMenuCssVars};

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../button/button.js";import{useTreeMenuItemContext as n,useTreeMenuUi as r}from"./context.js";import{createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`TreeMenuButton`,__name:`tree-menu-button`,props:{disabledActive:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(a){let d=a,f=e(d,[`disabledActive`]),p=r(`button`),{isActive:m,onActive:h}=n(`TreeMenuButton`),g=()=>{d.disabledActive||h()};return(e,n)=>(s(),i(t,o(l(f),{"data-soybean-tree-menu-button":``,class:l(p),"data-active":l(m),onClick:g}),{default:u(()=>[c(e.$slots,`default`)]),_:3},16,[`class`,`data-active`]))}});export{d as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import{useRovingFocusGroupItem as t}from"../../composables/use-roving-focus.js";import n from"../button/button.js";import{useTreeMenuItemContext as r,useTreeMenuUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,unref as d,withCtx as f}from"vue";const p=s({name:`TreeMenuButton`,__name:`tree-menu-button`,props:{disabledSelect:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let p=s,m=e(p,[`disabledSelect`]),h=i(`button`),{isSelected:g,onSelect:_,value:v}=r(`TreeMenuButton`),y={value:v},{itemProps:b,setItemElement:x}=t({tabStopId:a(()=>v),focusable:a(()=>!p.disabled),active:g,itemData:a(()=>y)}),S=a(()=>({...m.value,...b.value})),C=()=>{p.disabledSelect||_()};return(e,t)=>(l(),o(n,c({ref:d(x)},S.value,{"data-soybean-tree-menu-button":``,class:d(h),"data-selected":d(g),"data-value":d(v),onClick:C}),{default:f(()=>[u(e.$slots,`default`)]),_:3},16,[`class`,`data-selected`,`data-value`]))}});export{p as default};

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

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

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

@@ -3,8 +3,8 @@ import { TreeMenuBaseOptionData, TreeMenuCompactProps, TreeMenuCompactSlots } fr
 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> & {
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-    "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
     "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+    "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
     onSelectDropdown?: ((value: string) => any) | undefined;
   }> & (typeof globalThis extends {
     __VLS_PROPS_FALLBACK: infer P;
@@ -12,7 +12,7 @@ declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOpti
   expose: (exposed: {}) => void;
   attrs: any;
   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);
+  emit: ((evt: "update:modelValue", value: string) => void) & ((evt: "update:collapsed", value: boolean) => void) & ((evt: "update:expanded", value: string[]) => void) & ((evt: "selectDropdown", value: string) => void);
 }>) => import("vue").VNode & {
   __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTreeMenuUi as t}from"./context.js";import{createBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=r({name:`TreeMenuGroup`,__name:`tree-menu-group`,props:{asChild:{type:Boolean},as:{default:`ul`}},setup(r){let l=t(`group`);return(t,u)=>(a(),n(s(e),{as:r.as,"as-child":r.asChild,class:i(s(l)),"data-soybean-tree-menu-group":``},{default:c(()=>[o(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`]))}});export{l as default};
+import{Primitive as e}from"../primitive/primitive.js";import{useTreeMenuUi as t}from"./context.js";import{createBlock as n,defineComponent as r,normalizeClass as i,openBlock as a,renderSlot as o,unref as s,withCtx as c}from"vue";const l=r({name:`TreeMenuGroup`,__name:`tree-menu-group`,props:{asChild:{type:Boolean},as:{default:`ul`}},setup(r){let l=t(`group`);return(t,u)=>(a(),n(s(e),{as:r.as,"as-child":r.asChild,class:i(s(l)),"data-soybean-tree-menu-group":``,role:`group`},{default:c(()=>[o(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`]))}});export{l as default};

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{provideTreeMenuItemContext as t,useTreeMenuRootContext as n,useTreeMenuUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`TreeMenuItem`,__name:`tree-menu-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`li`}},setup(o){let f=o,{modelValue:p,expanded:m,onExpandedToggle:h,onModelValueChange:g}=n(`TreeMenuItem`),_=r(`item`),v=i(()=>p.value===f.value),y=i(()=>m.value?.includes(f.value));return t({value:f.value,isActive:v,isExpanded:y,onExpandedToggle:()=>{f.disabled||h(f.value)},onActive:()=>{f.disabled||g(f.value)}}),(t,n)=>(c(),a(u(e),{as:o.as,"as-child":o.asChild,"data-soybean-tree-menu-item":``,class:s(u(_)),"data-disabled":o.disabled?``:void 0,"data-active":v.value},{default:d(()=>[l(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-active`]))}});export{f as default};
+import{Primitive as e}from"../primitive/primitive.js";import{provideTreeMenuItemContext as t,useTreeMenuRootContext as n,useTreeMenuUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,normalizeClass as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`TreeMenuItem`,__name:`tree-menu-item`,props:{value:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{default:`li`}},setup(o){let f=o,{modelValue:p,expanded:m,onExpandedToggle:h,onModelValueChange:g}=n(`TreeMenuItem`),_=r(`item`),v=i(()=>p.value===f.value),y=i(()=>m.value?.includes(f.value));return t({value:f.value,isSelected:v,isExpanded:y,onExpandedToggle:()=>{f.disabled||h(f.value)},onSelect:()=>{f.disabled||g(f.value)}}),(t,n)=>(c(),a(u(e),{as:o.as,"as-child":o.asChild,"data-soybean-tree-menu-item":``,class:s(u(_)),"data-disabled":o.disabled?``:void 0,"data-selected":v.value,"aria-selected":v.value,role:`treeitem`},{default:d(()=>[l(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-selected`,`aria-selected`]))}});export{f as default};

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

@@ -1 +1 @@
-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};
+import{keysOf as e}from"../../shared/guard.js";import{useDirection as t}from"../config-provider/context.js";import{useLocaleMessages as n}from"../../locale/hooks.js";import{useOmitProps as r}from"../../composables/use-props.js";import i from"../_icon/icon.js";import a from"../button/button.js";import o from"../link/link.js";import s from"../dropdown-menu/dropdown-menu-compact.js";import{useTreeMenuRootContext as ee,useTreeMenuUi as te}from"./context.js";import{focusCollapsedMenuPopupItem as ne,getCollapsedMenuPopupId as c,isCollapsedMenuBackwardKey as re,isCollapsedMenuForwardKey as ie}from"./shared.js";import l from"./tree-menu-button.js";import ae from"./tree-menu-collapsible.js";import u from"./tree-menu-item.js";import d from"./tree-menu-slot-compact.js";import oe from"./tree-menu-sub.js";import f from"./tree-menu-tooltip-compact.js";import{Fragment as se,computed as p,createBlock as m,createCommentVNode as h,createElementBlock as g,createElementVNode as ce,createSlots as _,createVNode as v,defineComponent as y,guardReactiveProps as b,mergeProps as x,normalizeClass as S,normalizeProps as C,onBeforeUnmount as le,openBlock as w,renderList as T,renderSlot as E,resolveComponent as ue,shallowRef as D,unref as O,useSlots as de,watch as fe,withCtx as k,withModifiers as A}from"vue";const pe=[`aria-label`],j=y({name:`TreeMenuOptionCompact`,__name:`tree-menu-option-compact`,props:{as:{default:`li`},item:{},side:{},selectedPaths:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(y,{emit:j}){let M=y,N=j,me=de(),he=r(M,[`as`,`item`]),P=p(()=>e(me)),F=te(),I=n(),{collapsed:L,modelValue:R,onModelValueChange:z}=ee(`TreeMenuCompactOption`),B=t(),V=p(()=>M.item.children??[]),H=p(()=>!!V.value.length),ge=p(()=>R.value!==M.item.value&&!!M.selectedPaths?.includes(M.item.value)),U=p(()=>!!(M.item.to||M.item.href)),W=p(()=>{if(!U.value)return{};let{disabled:e,to:t,href:n,target:r,external:i}=M.item;return{...M.linkProps,disabled:e??M.linkProps?.disabled,to:t,href:n,target:r,external:i}}),G=p(()=>L.value&&H.value),K=D(!!M.item.dropdownMenuProps?.open),q=D(),J=p(()=>L.value&&!G.value?M.item.label:void 0),Y=p(()=>M.side===`left`?`right`:`left`),_e=p(()=>({...M.item.tooltipProps,placement:M.item.tooltipProps?.placement??Y.value})),ve=p(()=>({...M.item.dropdownMenuProps,placement:M.item.dropdownMenuProps?.placement??Y.value,trigger:M.item.dropdownMenuProps?.trigger??`hover`})),X=p(()=>!L.value&&!!M.item.actions?.length),Z=p(()=>I.value.treeMenu.openActions.replace(`{label}`,M.item.label)),Q=()=>{M.item.disabled||z(M.item.value)},ye=e=>{M.item.disabled||(z(e.value),N(`selectDropdown`,e.value))},be=e=>{if(q.value=e.currentTarget,!(e.shiftKey||e.altKey||e.ctrlKey||e.metaKey)&&G.value&&ie(e.key,B.value)){if(e.preventDefault(),!K.value){K.value=!0;return}ne(e.currentTarget)}},$=e=>{let t=q.value;if(!t)return;let n=c(t),r=e.target instanceof Element?e.target:null;n&&r?.closest(`[id="${n}"]`)&&(e.key===`Escape`||re(e.key,B.value))&&(e.preventDefault(),K.value=!1,t.focus())};return fe(K,e=>{e?document.addEventListener(`keydown`,$,!0):document.removeEventListener(`keydown`,$,!0)}),le(()=>{document.removeEventListener(`keydown`,$,!0)}),(e,t)=>{let n=ue(`TreeMenuOptionCompact`,!0);return H.value?(w(),m(u,x({key:1},y.itemProps,{"as-child":``,value:y.item.value,disabled:y.item.disabled}),{default:k(()=>[v(ae,x(y.collapsibleProps,{as:y.as,"disabled-collapsible":O(L)}),{trigger:k(()=>[v(l,x(y.buttonProps,{disabled:y.item.disabled,"disabled-select":``,"data-child-selected":ge.value?``:void 0,onKeydown:be}),{default:k(()=>[v(d,{item:y.item},_({_:2},[T(P.value,t=>({name:t,fn:k(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16,[`disabled`,`data-child-selected`])]),extra:k(()=>[G.value?(w(),m(s,x({key:0},ve.value,{open:K.value,"onUpdate:open":t[2]||=e=>K.value=e,items:V.value,disabled:y.item.disabled,"selected-value":O(R),"data-menu":y.item.label,onSelect:ye}),{trigger:k(()=>[ce(`div`,{role:`button`,"aria-label":y.item.label,class:S(O(F).itemAbsolute),onClick:Q},null,10,pe)]),_:1},16,[`open`,`items`,`disabled`,`selected-value`,`data-menu`])):X.value?(w(),m(s,x({key:1},y.item.actionMenuProps,{items:y.item.actions??[],onSelect:y.item.onActionSelect}),{trigger:k(()=>[v(a,{"aria-label":Z.value,class:S(O(F).itemAction),disabled:y.item.disabled,onClick:t[3]||=A(()=>{},[`stop`])},{default:k(()=>[v(i,{icon:`lucide:ellipsis`,"aria-hidden":!0})]),_:1},8,[`aria-label`,`class`,`disabled`])]),_:1},16,[`items`,`onSelect`])):h(`v-if`,!0)]),default:k(()=>[v(oe,C(b(y.subProps)),{default:k(()=>[(w(!0),g(se,null,T(V.value,r=>(w(),m(n,x({key:r.value},{ref_for:!0},O(he),{item:r,side:y.side,"selected-paths":y.selectedPaths,onSelectDropdown:t[1]||=e=>N(`selectDropdown`,e)}),_({_:2},[T(P.value,t=>({name:t,fn:k(n=>[E(e.$slots,t,x({ref_for:!0},n))])}))]),1040,[`item`,`side`,`selected-paths`]))),128))]),_:3},16)]),_:3},16,[`as`,`disabled-collapsible`])]),_:3},16,[`value`,`disabled`])):(w(),m(u,x({key:0},y.itemProps,{as:y.as,value:y.item.value,disabled:y.item.disabled}),{default:k(()=>[U.value?(w(),m(l,x({key:0},y.buttonProps,{"as-child":``,disabled:y.item.disabled}),{default:k(()=>[v(o,C(b(W.value)),{default:k(({isHref:t})=>[v(d,{item:y.item,"show-link-icon":t},_({_:2},[T(P.value,t=>({name:t,fn:k(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16,[`disabled`])):(w(),m(l,x({key:1},y.buttonProps,{disabled:y.item.disabled}),{default:k(()=>[v(d,{item:y.item},_({_:2},[T(P.value,t=>({name:t,fn:k(n=>[E(e.$slots,t,C(b(n)))])}))]),1032,[`item`])]),_:3},16,[`disabled`])),X.value?(w(),m(s,x({key:2},y.item.actionMenuProps,{items:y.item.actions??[],onSelect:y.item.onActionSelect}),{trigger:k(()=>[v(a,{"aria-label":Z.value,class:S(O(F).itemAction),disabled:y.item.disabled,onClick:t[0]||=A(()=>{},[`stop`])},{default:k(()=>[v(i,{icon:`lucide:ellipsis`,"aria-hidden":!0})]),_:1},8,[`aria-label`,`class`,`disabled`])]),_:1},16,[`items`,`onSelect`])):h(`v-if`,!0),J.value?(w(),m(f,x({key:3},_e.value,{content:J.value}),{trigger:k(()=>[U.value?(w(),m(o,x({key:0},W.value,{class:O(F).itemAbsolute,onClick:Q}),null,16,[`class`])):(w(),g(`div`,{key:1,class:S(O(F).itemAbsolute),onClick:Q},null,2))]),_:1},16,[`content`])):h(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{j 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,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};
+import{keysOf as e}from"../../shared/guard.js";import{getTreePaths as t}from"../../shared/tree.js";import{usePickProps as n}from"../../composables/use-props.js";import r from"../_icon/icon.js";import{useTreeMenuRootContext as i}from"./context.js";import{filterHiddenTreeMenuOptions as a,flattenTreeMenuNavigationNodes as o,getActiveExpandValues as s}from"./shared.js";import c from"./tree-menu-group-label.js";import l from"./tree-menu-group-root.js";import u from"./tree-menu-group.js";import d from"./tree-menu-option-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,mergeProps as x,openBlock as S,renderList as C,renderSlot as w,toDisplayString as T,unref as E,useSlots as D,watch as O,watchEffect as k,withCtx as A}from"vue";const j=b({name:`TreeMenuCompactOptions`,__name:`tree-menu-options-compact`,props:{items:{},groupRootProps:{},groupProps:{},groupLabelProps:{},showGroupIcon:{type:Boolean},side:{},itemProps:{},buttonProps:{},linkProps:{},collapsibleProps:{},subProps:{}},emits:[`selectDropdown`],setup(b,{emit:j}){let M=b,N=j,P=D(),F=p(()=>e(P).filter(e=>e!==`group-label`)),I=n(M,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),{modelValue:L,expanded:R,collapsed:z,expandStrategy:B,onExpandedChange:V,setNavigationNodes:H}=i(`TreeMenuCompactOptions`),U=p(()=>a(M.items)),W=p(()=>t(L.value,U.value)),G=p(()=>B.value===`selected`?s(L.value,U.value):[]);return O([z,B,G],()=>{B.value!==`selected`||z.value||V(G.value)},{immediate:!0}),k(()=>{H(o(U.value,e=>R.value.includes(e)))}),(e,t)=>(S(!0),g(f,null,C(U.value,n=>(S(),g(f,{key:n.value},[n.isGroup?(S(),m(l,x({key:0,ref_for:!0},b.groupRootProps),{default:A(()=>[y(c,x({ref_for:!0},b.groupLabelProps),{default:A(()=>[w(e.$slots,`group-label`,{item:n},()=>[b.showGroupIcon&&n.icon?(S(),m(r,{key:0,icon:n.icon,"aria-hidden":`true`},null,8,[`icon`])):h(`v-if`,!0),_(`span`,null,T(n.label),1)])]),_:2},1040),y(u,x({ref_for:!0},b.groupProps),{default:A(()=>[(S(!0),g(f,null,C(n.children,n=>(S(),m(d,x({key:n.value},{ref_for:!0},E(I),{item:n,side:b.side,"selected-paths":W.value,onSelectDropdown:t[0]||=e=>N(`selectDropdown`,e)}),v({_:2},[C(F.value,t=>({name:t,fn:A(n=>[w(e.$slots,t,x({ref_for:!0},n))])}))]),1040,[`item`,`side`,`selected-paths`]))),128))]),_:2},1040)]),_:2},1040)):(S(),m(d,x({key:1,as:`div`},{ref_for:!0},E(I),{item:n,side:b.side,"selected-paths":W.value,onSelectDropdown:t[1]||=e=>N(`selectDropdown`,e)}),v({_:2},[C(F.value,t=>({name:t,fn:A(n=>[w(e.$slots,t,x({ref_for:!0},n))])}))]),1040,[`item`,`side`,`selected-paths`]))],64))),128))}});export{j 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:()=>[]},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};
+import{getTreeNavigationKey as e,resolveTreeNavigation as t}from"../../shared/tree-navigation.js";import{useDirection as n}from"../config-provider/context.js";import{useControllableState as r}from"../../composables/use-controllable-state.js";import{useRovingFocusGroup as i}from"../../composables/use-roving-focus.js";import{provideTreeMenuRootContext as a,useTreeMenuUi as o}from"./context.js";import{treeMenuCssVars as s}from"./shared.js";import{computed as c,createElementBlock as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,shallowRef as m,unref as h,watch as g}from"vue";const _=[`data-state`],v=u({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(u,{emit:v}){let y=u,b=v,x=o(`root`),S=n(),C=r(()=>y.modelValue,e=>{b(`update:modelValue`,e)},y.defaultValue),w=r(()=>y.expanded,e=>{b(`update:expanded`,e)},y.defaultExpanded),T=r(()=>y.collapsed,e=>{b(`update:collapsed`,e)},y.defaultCollapsed),E=c(()=>y.expandStrategy),D=c(()=>T.value?`collapsed`:`expanded`),O=c(()=>{let e=y.pxToRem(y.collapsedWidth),t=y.pxToRem(y.indent);return{[s.collapsedWidth]:`${e}rem`,[s.indent]:`${t}rem`}}),k=null;g(T,e=>{if(e){k=[...w.value??[]],w.value=[];return}k?.length&&(w.value=[...k],k=null)});let{setContainerElement:A,groupProps:j,getOrderedItems:M}=i({orientation:c(()=>`vertical`),dir:S,loop:c(()=>!1),currentTabStopId:c(()=>void 0),defaultCurrentTabStopId:c(()=>void 0),preventScrollOnEntryFocus:c(()=>!1)});function N(e){A(e)}let P=m([]),F=e=>{P.value=e};function I(e){w.value=w.value.includes(e)?w.value.filter(t=>t!==e):[...w.value,e]}function L(n){if(T.value||n.shiftKey||n.altKey||n.ctrlKey||n.metaKey)return;let r=e(n);if(r!==`left`&&r!==`right`)return;let i=n.target;if(!(i instanceof HTMLElement))return;let a=M();if(!a.some(e=>e.element===i))return;let o=i.dataset.value??``,s=t(P.value,o,r,S.value);if(s){if(n.preventDefault(),s.toggleExpand){I(o);return}s.targetValue&&a.find(e=>e.element.dataset.value===s.targetValue)?.element.focus()}}return a({modelValue:C,expanded:w,collapsed:T,expandStrategy:E,navigationNodes:P,setNavigationNodes:F}),(e,t)=>(f(),l(`div`,d(h(j),{ref:N,"data-soybean-tree-menu-root":``,class:h(x),"data-state":D.value,style:O.value,role:`tree`,onKeydown:L}),[p(e.$slots,`default`)],16,_))}});export{v as default};

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

@@ -6,21 +6,21 @@ type __VLS_Slots = {} & {
 };
 declare const __VLS_base: import("vue").DefineComponent<TreeMenuRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (value: string) => any;
-  "update:expanded": (value: string[]) => any;
   "update:collapsed": (value: boolean) => any;
+  "update:expanded": (value: string[]) => any;
 }, string, import("vue").PublicProps, Readonly<TreeMenuRootProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-  "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
   "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+  "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
 }>, {
   defaultValue: string;
   collapsed: boolean;
+  defaultCollapsed: boolean;
+  collapsedWidth: number;
   defaultExpanded: string[];
-  indent: number;
   pxToRem: (px: number) => number;
+  indent: number;
   expandStrategy: TreeMenuExpandStrategy;
-  defaultCollapsed: boolean;
-  collapsedWidth: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;