@soybeanjs/headless 0.30.0 → 0.40.0-beta.2

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

@@ -0,0 +1,16 @@
+import { TooltipProviderProps } from "./types.js";
+//#region src/components/tooltip/tooltip-provider.vue.d.ts
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TooltipProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

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

@@ -1 +1 @@
-import{useConfigProvider as e}from"../config-provider/context.js";import{useControllableState as t}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import n from"../popper/popper-root.js";import"../popper/index.js";import{TOOLTIP_OPEN as r,createDefaultTooltipConfig as i}from"./shared.js";import{provideTooltipOpenDelayedContext as a,provideTooltipRootContext as o}from"./context.js";import{computed as s,createBlock as c,defineComponent as l,openBlock as u,renderSlot as d,unref as f,watch as p,withCtx as m}from"vue";const h=l({name:`TooltipRoot`,inheritAttrs:!1,__name:`tooltip-root`,props:{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},positionerProps:{}},emits:[`update:open`],setup(l,{emit:h}){let g=l,_=h,v=t(()=>g.open,e=>{_(`update:open`,e)},g.defaultOpen),y=e(),b=s(()=>i(y?.tooltip?.value)),x=a({skipDelayDuration:s(()=>b.value.skipDelayDuration)}),S=s(()=>g.delayDuration??b.value.delayDuration),C=s(()=>g.disableHoverableContent??b.value.disableHoverableContent),w=s(()=>g.disableClosingTrigger??b.value.disableClosingTrigger),T=s(()=>g.disabled??b.value.disabled),E=s(()=>g.ignoreNonKeyboardFocus??b.value.ignoreNonKeyboardFocus);return o({open:v,delayDuration:S,disableHoverableContent:C,disableClosingTrigger:w,disabled:T,ignoreNonKeyboardFocus:E,isOpenDelayed:x.isOpenDelayed,positionerProps:s(()=>b.value.positionerProps)}),p(v,e=>{x.onClose&&(e?(x.onOpen(),document.dispatchEvent(new CustomEvent(r))):x.onClose())}),(e,t)=>(u(),c(f(n),{dir:l.dir},{default:m(()=>[d(e.$slots,`default`,{open:f(v)})]),_:3},8,[`dir`]))}});export{h as default};
+import{CONFIG_PROVIDER_CONTEXT_KEY as e}from"../../constants/attr.js";import{pick as t}from"../../shared/object.js";import{fromContext as n,toContext as r}from"../../shared/vue.js";import i from"../popper/popper-root.js";import{PROVIDER_CONFIG_KEYS as a,ROOT_RESOLVE_KEYS as o,createDefaultTooltipConfig as s,pickDefinedConfig as c}from"./shared.js";import{provideTooltipProviderContext as l,provideTooltipRootContext as u,useTooltipProviderContext as d}from"./context.js";import{computed as f,createBlock as p,defineComponent as m,guardReactiveProps as h,inject as g,normalizeProps as _,openBlock as v,renderSlot as y,unref as b,useId as x,withCtx as S}from"vue";const C=m({name:`TooltipRoot`,inheritAttrs:!1,__name:`tooltip-root`,props:{defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},dir:{},modal:{type:Boolean},disabled:{type:Boolean},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean},positionerProps:{}},emits:[`update:open`],setup(m,{emit:C}){let w=m,T=C,E=g(e),D=f(()=>s(E?.tooltip)),O=d()??l(r(D,[...a])),k=f(()=>({...n(O,[...o]),...c(t(w,[...o]))}));u({...r(k,[...o]),popupId:`soybean-tooltip-popup-${x()}`,provider:O});function A(e,t){T(`update:open`,e,t)}return(e,t)=>(v(),p(b(i),{dir:m.dir,modal:!1,disabled:w.disabled??b(O).disabled.value,open:w.open,"default-open":m.defaultOpen,"onUpdate:open":A},{default:S(t=>[y(e.$slots,`default`,_(h(t)))]),_:3},8,[`dir`,`disabled`,`open`,`default-open`]))}});export{C as default};

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

@@ -1,15 +1,21 @@
+import { Direction } from "../../types/common.js";
+import { PopperOpenChangeReason } from "../popper/types.js";
 import { TooltipRootProps } from "./types.js";
+import "../../index.js";
 //#region src/components/tooltip/tooltip-root.vue.d.ts
-declare var __VLS_8: {
+declare var __VLS_11: {
   open: boolean;
+  reason: PopperOpenChangeReason;
+  close: () => void;
+  dir: Direction;
 };
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_8) => any;
+  default?: (props: typeof __VLS_11) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TooltipRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-  "update:open": (value: boolean) => any;
+  "update:open": (value: boolean, reason?: PopperOpenChangeReason | undefined) => any;
 }, string, import("vue").PublicProps, Readonly<TooltipRootProps> & Readonly<{
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean, reason?: PopperOpenChangeReason | undefined) => any) | undefined;
 }>, {
   open: boolean;
   defaultOpen: boolean;

package/dist/components/tooltip/tooltip-trigger.js

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import t from"../popper/popper-anchor.js";import"../popper/index.js";import{useTooltipOpenDelayedContext as n,useTooltipRootContext 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:`TooltipTrigger`,__name:`tooltip-trigger`,props:{reference:{},asChild:{type:Boolean},as:{default:`button`}},setup(o){let{isPointerInTransitRef:p}=n(`TooltipTrigger`),{open:m,disabled:h,popupId:g,dataState:_,disableClosingTrigger:v,ignoreNonKeyboardFocus:y,onTriggerElementChange:b,onOpen:x,onClose:S,onTriggerEnter:C,onTriggerLeave:w}=r(`TooltipTrigger`),[T,E]=e(b),D=!1,O=!1,k=()=>{setTimeout(()=>{D=!1},1)},A=()=>{m.value&&!v.value&&S(),D=!0,document.addEventListener(`pointerup`,k,{once:!0})},j=e=>{e.pointerType!==`touch`&&!O&&!p.value&&(C(),O=!0)},M=()=>{w(),O=!1},N=e=>{D||y.value&&!e.target.matches?.(`:focus-visible`)||x()},P=()=>{S()},F=()=>{v.value||S()},I=i(()=>h.value?{}:{click:F,focus:N,pointermove:j,pointerleave:M,pointerdown:A,blur:P});return(e,n)=>(c(),a(d(t),s({ref:d(E),as:o.as,"as-child":o.asChild,"data-soybean-tooltip-trigger":``,reference:o.reference,"aria-describedby":d(m)?d(g):void 0,"data-state":d(_),"data-grace-area-trigger":``},u(I.value)),{default:f(()=>[l(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`reference`,`aria-describedby`,`data-state`]))}});export{p as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePopperRootContext as t}from"../popper/context.js";import{usePopperTrigger as n}from"../popper/use-popper-trigger.js";import r from"../popper/popper-anchor.js";import{TOOLTIP_OPEN as i}from"./shared.js";import{useTooltipRootContext as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,openBlock as l,reactive as u,renderSlot as d,unref as f,watchPostEffect as p,withCtx as m}from"vue";const h=c({name:`TooltipTrigger`,__name:`tooltip-trigger`,props:{reference:{},asChild:{type:Boolean},as:{default:`button`}},setup(c){let{delayDuration:h,disableClosingTrigger:g,ignoreNonKeyboardFocus:_,disabled:v,popupId:y,provider:b}=a(`TooltipTrigger`),x=t(`TooltipTrigger`),[,S]=e(x.onTriggerElementChange),C=u({trigger:`hover`,get openDelay(){return h.value},closeDelay:0,focusOpenDelay:0,get skipDelayDuration(){return b.skipDelayDuration.value},openOnFocus:!0,get focusVisibleOnly(){return _.value},get disabled(){return v.value}}),{onBlur:w,onFocus:T,onPointerCancel:E,onPointerDown:D,onPointerEnter:O,onPointerLeave:k,onPointerMove:A,onPointerUp:j}=n(C,x,{onVirtualPointChange:()=>{}}),M=o(()=>x.open.value?x.wasOpenDelayed.value?`delayed-open`:`instant-open`:`closed`);function N(e){D(e),x.open.value&&!g.value&&x.onOpenChange(!1,`imperative`)}return p(()=>{x.open.value&&document.dispatchEvent(new CustomEvent(i,{detail:{sourceId:y}}))}),(e,t)=>(l(),s(f(r),{ref:f(S),as:c.as,"as-child":c.asChild,reference:c.reference,"data-soybean-tooltip-trigger":``,"data-grace-area-trigger":``,"aria-describedby":f(x).open.value?f(y):void 0,"data-state":M.value,"data-disabled":f(v)?``:void 0,onBlur:f(w),onFocus:f(T),onPointercancel:f(E),onPointerdown:N,onPointerenter:f(O),onPointerleave:f(k),onPointermove:f(A),onPointerup:f(j)},{default:m(()=>[d(e.$slots,`default`)]),_:3},8,[`as`,`as-child`,`reference`,`aria-describedby`,`data-state`,`data-disabled`,`onBlur`,`onFocus`,`onPointercancel`,`onPointerenter`,`onPointerleave`,`onPointermove`,`onPointerup`]))}});export{h as default};

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

@@ -3,9 +3,9 @@ import "../primitive/index.js";
 import { PopperAnchorProps } from "../popper/types.js";
 import "./types.js";
 //#region src/components/tooltip/tooltip-trigger.vue.d.ts
-declare var __VLS_8: {};
+declare var __VLS_17: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_8) => any;
+  default?: (props: typeof __VLS_17) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<PopperAnchorProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<PopperAnchorProps> & Readonly<{}>, {
   as: AsTag | import("vue").Component;

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};