@soybeanjs/headless 0.18.0 → 0.20.0

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

@@ -1,16 +1,16 @@
 import { DataOrientation, DefinedValue, Direction, UiClass } from "../../types/common.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { LinkProps } from "../link/types.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonEmits, ButtonProps } from "../button/types.js";
+import { LinkProps } from "../link/types.js";
 import { SeparatorRootProps } from "../separator/types.js";
 import { ToggleGroupItemProps, ToggleGroupRootEmits, ToggleGroupRootProps } from "../toggle-group/types.js";
-import { ComputedRef, HTMLAttributes } from "vue";
+import { ComputedRef } from "vue";
 
 //#region src/components/toolbar/types.d.ts
 /**
  * Properties for the ToolbarRoot component.
  */
-interface ToolbarRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface ToolbarRootProps extends PrimitiveWithBaseProps {
   /** The orientation of the toolbar. */
   orientation?: DataOrientation;
   /** The reading direction of the toolbar. */
@@ -47,7 +47,7 @@ interface ToolbarRootContextParams {
 /**
  * Available UI slots for the Toolbar component.
  */
-type ToolbarUiSlot = 'root' | 'button' | 'link' | 'separator' | 'toggleGroup' | 'toggleItem';
+type ToolbarUiSlot = 'root' | 'button' | 'link' | 'linkIcon' | 'separator' | 'toggleGroup' | 'toggleItem';
 /**
  * UI class overrides for the Toolbar component.
  */
@@ -63,7 +63,12 @@ type ToolbarButtonEmits = ButtonEmits;
 /**
  * Properties for the ToolbarLink component.
  */
-interface ToolbarLinkProps extends LinkProps {}
+interface ToolbarLinkProps extends LinkProps {
+  /**
+   * Whether or not to show an icon when the `href` prop is provided.
+   */
+  showIcon?: boolean;
+}
 /**
  * Properties for the ToolbarSeparator component.
  */

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

@@ -1,11 +1,12 @@
 import { PopperAnchorProps, PopperArrowProps, PopperUi, PopperUiSlot } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
-import { _default as _default$2 } from "../portal/portal.vue.js";
-import { TooltipDataState, TooltipPopupProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps } from "./types.js";
+import { _default as _default$3 } from "../portal/portal.vue.js";
+import { TooltipCompactEmits, TooltipCompactProps, TooltipCompactSlots, TooltipDataState, TooltipPopupProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps } from "./types.js";
 import { _default } from "../popper/popper-arrow.vue.js";
 import { providePopperUi } from "../popper/context.js";
-import { _default as _default$4 } from "./tooltip-root.vue.js";
-import { _default as _default$5 } from "./tooltip-trigger.vue.js";
-import { _default as _default$3 } from "./tooltip-positioner.vue.js";
-import { _default as _default$1 } from "./tooltip-popup.vue.js";
-export { _default as TooltipArrow, type PopperArrowProps as TooltipArrowProps, type TooltipDataState, _default$1 as TooltipPopup, type TooltipPopupProps, _default$2 as TooltipPortal, type PortalProps as TooltipPortalProps, _default$3 as TooltipPositioner, type TooltipPositionerEmits, type TooltipPositionerProps, type TooltipProviderProps, _default$4 as TooltipRoot, type TooltipRootEmits, type TooltipRootProps, _default$5 as TooltipTrigger, type PopperAnchorProps as TooltipTriggerProps, type PopperUi as TooltipUi, type PopperUiSlot as TooltipUiSlot, providePopperUi as provideTooltipUi };
+import { _default as _default$1 } from "./tooltip-compact.vue.js";
+import { _default as _default$5 } from "./tooltip-root.vue.js";
+import { _default as _default$6 } from "./tooltip-trigger.vue.js";
+import { _default as _default$4 } from "./tooltip-positioner.vue.js";
+import { _default as _default$2 } from "./tooltip-popup.vue.js";
+export { _default as TooltipArrow, type PopperArrowProps as TooltipArrowProps, _default$1 as TooltipCompact, type TooltipCompactEmits, type TooltipCompactProps, type TooltipCompactSlots, type TooltipDataState, _default$2 as TooltipPopup, type TooltipPopupProps, _default$3 as TooltipPortal, type PortalProps as TooltipPortalProps, _default$4 as TooltipPositioner, type TooltipPositionerEmits, type TooltipPositionerProps, type TooltipProviderProps, _default$5 as TooltipRoot, type TooltipRootEmits, type TooltipRootProps, _default$6 as TooltipTrigger, type PopperAnchorProps as TooltipTriggerProps, type PopperUi as TooltipUi, type PopperUiSlot as TooltipUiSlot, providePopperUi as provideTooltipUi };

package/dist/components/tooltip/index.js

@@ -1 +1 @@
-import{providePopperUi as e}from"../popper/context.js";import t from"../portal/portal.js";import n from"../popper/popper-arrow.js";import r from"./tooltip-root.js";import i from"./tooltip-trigger.js";import a from"./tooltip-positioner.js";import o from"./tooltip-popup.js";export{n as TooltipArrow,o as TooltipPopup,t as TooltipPortal,a as TooltipPositioner,r as TooltipRoot,i as TooltipTrigger,e as provideTooltipUi};
+import{providePopperUi as e}from"../popper/context.js";import t from"../portal/portal.js";import n from"../popper/popper-arrow.js";import r from"./tooltip-root.js";import i from"./tooltip-trigger.js";import a from"./tooltip-positioner.js";import o from"./tooltip-popup.js";import s from"./tooltip-compact.js";export{n as TooltipArrow,s as TooltipCompact,o as TooltipPopup,t as TooltipPortal,a as TooltipPositioner,r as TooltipRoot,i as TooltipTrigger,e as provideTooltipUi};

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

@@ -0,0 +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"../portal/portal.js";import r from"../popper/popper-arrow.js";import i from"./tooltip-root.js";import a from"./tooltip-trigger.js";import o from"./tooltip-positioner.js";import s from"./tooltip-popup.js";import{computed as c,createBlock as l,createCommentVNode as u,createTextVNode as d,createVNode as f,defineComponent as p,guardReactiveProps as m,mergeProps as h,normalizeProps as g,openBlock as _,renderSlot as v,toDisplayString as y,toHandlers as b,unref as x,withCtx as S}from"vue";const C=p({name:`TooltipCompact`,__name:`tooltip-compact`,props:{content:{},placement:{},showArrow:{type:Boolean,default:!0},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`],setup(p,{emit:C}){let w=p,T=C,E=t(w,[`content`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`]),D=e(T),O=c(()=>({...w.triggerProps,asChild:w.triggerProps?.asChild??!0})),k=c(()=>({...w.positionerProps,placement:w.placement??w.positionerProps?.placement}));return(e,t)=>(_(),l(i,h(x(E),{"onUpdate:open":t[0]||(t[0]=e=>T(`update:open`,e))}),{default:S(()=>[f(a,g(m(O.value)),{default:S(()=>[v(e.$slots,`trigger`)]),_:3},16),f(n,g(m(p.portalProps)),{default:S(()=>[f(o,h(k.value,b(x(D))),{default:S(()=>[f(s,g(m(p.popupProps)),{default:S(()=>[v(e.$slots,`default`,{},()=>[d(y(p.content),1)]),p.showArrow?(_(),l(r,g(h({key:0},p.arrowProps)),null,16)):u(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16)]),_:3},16))}});export{C as default};

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

@@ -0,0 +1,28 @@
+import { PointerDownOutsideEvent } from "../../types/event.js";
+import { TooltipCompactProps, TooltipCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/tooltip/tooltip-compact.vue.d.ts
+type __VLS_Slots = TooltipCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<TooltipCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+}, string, _$vue.PublicProps, Readonly<TooltipCompactProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+}>, {
+  open: boolean;
+  defaultOpen: boolean;
+  showArrow: boolean;
+}, {}, {}, {}, string, _$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 };

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

@@ -1 +1 @@
-import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{popperCssVars as t}from"../popper/shared.js";import n from"../popper/popper-popup.js";import"../popper/index.js";import r from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{useTooltipRootContext as i}from"./context.js";import{tooltipCssVars as a}from"./shared.js";import{computed as o,createBlock as s,createTextVNode as c,createVNode as l,defineComponent as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,withCtx as h}from"vue";const g=u({name:`TooltipPopup`,__name:`tooltip-popup`,props:{ariaLabel:{}},setup(u){let g=u,{popupId:_,dataState:v,initPopupId:y,onPopupElementChange:b}=i(`TooltipPopup`),[x,S]=e(b),C={[a.transformOrigin]:`var(${t.transformOrigin})`,[a.availableWidth]:`var(${t.availableWidth})`,[a.availableHeight]:`var(${t.availableHeight})`,[a.anchorWidth]:`var(${t.anchorWidth})`,[a.anchorHeight]:`var(${t.anchorHeight})`},w=o(()=>g.ariaLabel??x.value?.textContent);return y(),(e,t)=>(d(),s(m(n),{ref:m(S),"data-dismissable-layer":``,"data-state":m(v),style:C},{default:h(()=>[f(e.$slots,`default`),l(m(r),{id:m(_),role:`tooltip`},{default:h(()=>[c(p(w.value),1)]),_:1},8,[`id`])]),_:3},8,[`data-state`]))}});export{g as default};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{popperCssVars as t}from"../popper/shared.js";import n from"../popper/popper-popup.js";import"../popper/index.js";import r from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{useTooltipRootContext as i}from"./context.js";import{tooltipCssVars as a}from"./shared.js";import{computed as o,createBlock as s,createTextVNode as c,createVNode as l,defineComponent as u,openBlock as d,renderSlot as f,toDisplayString as p,unref as m,withCtx as h}from"vue";const g=u({name:`TooltipPopup`,__name:`tooltip-popup`,props:{ariaLabel:{}},setup(u){let g=u,{popupId:_,dataState:v,initPopupId:y,onPopupElementChange:b}=i(`TooltipPopup`),[x,S]=e(b),C={[a.transformOrigin]:`var(${t.transformOrigin})`,[a.availableWidth]:`var(${t.availableWidth})`,[a.availableHeight]:`var(${t.availableHeight})`,[a.anchorWidth]:`var(${t.anchorWidth})`,[a.anchorHeight]:`var(${t.anchorHeight})`},w=o(()=>g.ariaLabel??x.value?.textContent);return y(),(e,t)=>(d(),s(m(n),{ref:m(S),"data-soybean-tooltip-popup":``,"data-dismissable-layer":``,"data-state":m(v),style:C},{default:h(()=>[f(e.$slots,`default`),l(m(r),{id:m(_),role:`tooltip`},{default:h(()=>[c(p(w.value),1)]),_:1},8,[`id`])]),_:3},8,[`data-state`]))}});export{g as default};

package/dist/components/tooltip/tooltip-positioner-impl.js

@@ -1 +1 @@
-import{useDismissableLayer as e}from"../../composables/use-dismissable-layer.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useGraceArea as n}from"../../composables/use-grace-area.js";import"../../composables/index.js";import r from"../popper/popper-positioner.js";import"../popper/index.js";import{useTooltipOpenDelayedContext as i,useTooltipRootContext as a}from"./context.js";import{TOOLTIP_OPEN as o}from"./shared.js";import{computed as s,createBlock as c,defineComponent as l,mergeProps as u,onWatcherCleanup as d,openBlock as f,renderSlot as p,unref as m,watchPostEffect as h,withCtx as g}from"vue";import{defu as _}from"defu";const v=l({name:`TooltipPositionerImpl`,__name:`tooltip-positioner-impl`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{}},emits:[`escapeKeyDown`,`pointerDownOutside`],setup(l,{emit:v}){let y=l,b=v,{isPointerInTransitRef:x}=i(`TooltipPositionerImpl`),{positionerProps:S,triggerElement:C,popupElement:w,disableClosingTrigger:T,disableHoverableContent:E,onClose:D}=a(`TooltipPositionerImpl`),[O,k]=t();n({triggerElement:C,areaElement:O,onPointerInTransitChange:e=>{x.value=e},onPointerExit:()=>{D()},disabled:E});let{pointerEvents:A}=e(O,{disableOutsidePointerEvents:!1,onEscapeKeyDown:e=>{b(`escapeKeyDown`,e)},onPointerDownOutside:e=>{T.value&&C.value?.contains(e.target)&&e.preventDefault(),b(`pointerDownOutside`,e)},onFocusOutside:e=>{e.preventDefault()},onDismiss:()=>{D()}}),j=s(()=>_(y,S.value??{},{side:`top`,sideOffset:0,align:`center`,avoidCollisions:!0,collisionBoundary:[],collisionPadding:0,arrowPadding:0,sticky:`partial`,hideWhenDetached:!1}));return h(()=>{let e=e=>{e.target?.contains(C.value)&&D()};window.addEventListener(`scroll`,e),window.addEventListener(o,D),d(()=>{window.removeEventListener(`scroll`,e),window.removeEventListener(o,D)})}),h(()=>{w.value&&A.value&&(w.value.style.pointerEvents=A.value)}),(e,t)=>(f(),c(m(r),u(j.value,{ref:m(k)}),{default:g(()=>[p(e.$slots,`default`)]),_:3},16))}});export{v as default};
+import{useDismissableLayer as e}from"../../composables/use-dismissable-layer.js";import{useForwardElement as t}from"../../composables/use-forward-element.js";import{useGraceArea as n}from"../../composables/use-grace-area.js";import"../../composables/index.js";import r from"../popper/popper-positioner.js";import"../popper/index.js";import{useTooltipOpenDelayedContext as i,useTooltipRootContext as a}from"./context.js";import{TOOLTIP_OPEN as o}from"./shared.js";import{computed as s,createBlock as c,defineComponent as l,mergeProps as u,onWatcherCleanup as d,openBlock as f,renderSlot as p,unref as m,watchPostEffect as h,withCtx as g}from"vue";import{defu as _}from"defu";const v=l({name:`TooltipPositionerImpl`,__name:`tooltip-positioner-impl`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{}},emits:[`escapeKeyDown`,`pointerDownOutside`],setup(l,{emit:v}){let y=l,b=v,{isPointerInTransitRef:x}=i(`TooltipPositionerImpl`),{positionerProps:S,triggerElement:C,popupElement:w,disableClosingTrigger:T,disableHoverableContent:E,onClose:D}=a(`TooltipPositionerImpl`),[O,k]=t();n({triggerElement:C,areaElement:O,onPointerInTransitChange:e=>{x.value=e},onPointerExit:()=>{D()},disabled:E});let{pointerEvents:A}=e(O,{disableOutsidePointerEvents:!1,onEscapeKeyDown:e=>{b(`escapeKeyDown`,e)},onPointerDownOutside:e=>{T.value&&C.value?.contains(e.target)&&e.preventDefault(),b(`pointerDownOutside`,e)},onFocusOutside:e=>{e.preventDefault()},onDismiss:()=>{D()}}),j=s(()=>_(y,S.value??{},{side:`top`,sideOffset:0,align:`center`,avoidCollisions:!0,collisionBoundary:[],collisionPadding:0,arrowPadding:0,sticky:`partial`,hideWhenDetached:!1}));return h(()=>{let e=e=>{e.target?.contains(C.value)&&D()};window.addEventListener(`scroll`,e),window.addEventListener(o,D),d(()=>{window.removeEventListener(`scroll`,e),window.removeEventListener(o,D)})}),h(()=>{w.value&&A.value&&(w.value.style.pointerEvents=A.value)}),(e,t)=>(f(),c(m(r),u(j.value,{ref:m(k),"data-soybean-tooltip-positioner-impl":``}),{default:g(()=>[p(e.$slots,`default`)]),_:3},16))}});export{v as default};

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

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePresence as t}from"../../composables/use-presence.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{useTooltipRootContext as r}from"./context.js";import i from"./tooltip-positioner-impl.js";import{createBlock as a,createCommentVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,shallowRef as d,toHandlers as f,unref as p,withCtx as m}from"vue";const h=s({name:`TooltipPositioner`,__name:`tooltip-positioner`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean},reference:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`],setup(s,{emit:h}){let g=s,_=h,v=n(g,[`forceMount`]),y=e(_),{popupElement:b,open:x}=r(`TooltipPositioner`),S=g.forceMount?d(!0):t(b,x);return(e,t)=>p(S)?(l(),a(i,c({key:0},p(v),f(p(y))),{default:m(()=>[u(e.$slots,`default`)]),_:3},16)):o(`v-if`,!0)}});export{h as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{usePresence as t}from"../../composables/use-presence.js";import{useOmitProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import{useTooltipRootContext as r}from"./context.js";import i from"./tooltip-positioner-impl.js";import{createBlock as a,createCommentVNode as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,shallowRef as d,toHandlers as f,unref as p,withCtx as m}from"vue";const h=s({name:`TooltipPositioner`,__name:`tooltip-positioner`,props:{placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`],setup(s,{emit:h}){let g=s,_=h,v=n(g,[`forceMount`]),y=e(_),{popupElement:b,open:x}=r(`TooltipPositioner`),S=g.forceMount?d(!0):t(b,x);return(e,t)=>p(S)?(l(),a(i,c({key:0},p(v),{"data-soybean-tooltip-positioner":``},f(p(y))),{default:m(()=>[u(e.$slots,`default`)]),_:3},16)):o(`v-if`,!0)}});export{h as default};

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

@@ -15,6 +15,7 @@ declare const __VLS_base: _$vue.DefineComponent<TooltipPositionerProps, {}, {},
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
 }>, {
   avoidCollisions: boolean;
+  prioritizePosition: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{useConfigProvider as t}from"../config-provider/context.js";import n from"../popper/popper-root.js";import"../popper/index.js";import{provideTooltipOpenDelayedContext as r,provideTooltipRootContext as i}from"./context.js";import{TOOLTIP_OPEN as a,createDefaultTooltipConfig as o}from"./shared.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},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=e(()=>g.open,e=>{_(`update:open`,e??!1)},g.defaultOpen),y=t(),b=s(()=>o(y?.tooltip?.value)),x=r({skipDelayDuration:s(()=>b.value.skipDelayDuration)});return i({open:v,delayDuration:s(()=>g.delayDuration??b.value.delayDuration),disableHoverableContent:s(()=>g.disableHoverableContent??b.value.disableHoverableContent),disableClosingTrigger:s(()=>g.disableClosingTrigger??b.value.disableClosingTrigger),disabled:s(()=>g.disabled??b.value.disabled),ignoreNonKeyboardFocus:s(()=>g.ignoreNonKeyboardFocus??b.value.ignoreNonKeyboardFocus),isOpenDelayed:x.isOpenDelayed,positionerProps:s(()=>b.value.positionerProps)}),p(v,e=>{x.onClose&&(e?(x.onOpen(),document.dispatchEvent(new CustomEvent(a))):x.onClose())}),(e,t)=>(u(),c(f(n),null,{default:m(()=>[d(e.$slots,`default`,{open:f(v)})]),_:3}))}});export{h as default};
+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{provideTooltipOpenDelayedContext as r,provideTooltipRootContext as i}from"./context.js";import{TOOLTIP_OPEN as a,createDefaultTooltipConfig as o}from"./shared.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},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(()=>o(y?.tooltip?.value)),x=r({skipDelayDuration:s(()=>b.value.skipDelayDuration)});return i({open:v,delayDuration:s(()=>g.delayDuration??b.value.delayDuration),disableHoverableContent:s(()=>g.disableHoverableContent??b.value.disableHoverableContent),disableClosingTrigger:s(()=>g.disableClosingTrigger??b.value.disableClosingTrigger),disabled:s(()=>g.disabled??b.value.disabled),ignoreNonKeyboardFocus:s(()=>g.ignoreNonKeyboardFocus??b.value.ignoreNonKeyboardFocus),isOpenDelayed:x.isOpenDelayed,positionerProps:s(()=>b.value.positionerProps)}),p(v,e=>{x.onClose&&(e?(x.onOpen(),document.dispatchEvent(new CustomEvent(a))):x.onClose())}),(e,t)=>(u(),c(f(n),null,{default:m(()=>[d(e.$slots,`default`,{open:f(v)})]),_:3}))}});export{h as default};

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

@@ -3,7 +3,7 @@ import * as _$vue from "vue";
 
 //#region src/components/tooltip/tooltip-root.vue.d.ts
 declare var __VLS_8: {
-  open: boolean | undefined;
+  open: boolean;
 };
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
@@ -13,8 +13,8 @@ declare const __VLS_base: _$vue.DefineComponent<TooltipRootProps, {}, {}, {}, {}
 }, string, _$vue.PublicProps, Readonly<TooltipRootProps> & Readonly<{
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
 }>, {
-  defaultOpen: boolean;
   open: boolean;
+  defaultOpen: boolean;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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,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"../../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};

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

@@ -1,5 +1,7 @@
+import { Placement } from "../../types/common.js";
 import { DismissableLayerEmits, ForceMountProps } from "../../types/component.js";
-import { PopperAnchorProps, PopperPopupProps, PopperPositionerProps } from "../popper/types.js";
+import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
 import { Ref, ShallowRef } from "vue";
 
 //#region src/components/tooltip/types.d.ts
@@ -98,5 +100,59 @@ interface TooltipPopupProps extends PopperPopupProps {
    */
   ariaLabel?: string;
 }
+/**
+ * Properties for the TooltipCompact component.
+ */
+interface TooltipCompactProps extends TooltipRootProps {
+  /**
+   * Content.
+   */
+  content?: string;
+  /**
+   * Placement.
+   */
+  placement?: Placement;
+  /**
+   * Whether to show an arrow.
+   */
+  showArrow?: boolean;
+  /**
+   * Properties forwarded to the trigger element.
+   */
+  triggerProps?: PopperAnchorProps;
+  /**
+   * Properties forwarded to the portal element.
+   */
+  portalProps?: PortalProps;
+  /**
+   * Properties forwarded to the positioner element.
+   */
+  positionerProps?: TooltipPositionerProps;
+  /**
+   * Properties forwarded to the popup element.
+   */
+  popupProps?: TooltipPopupProps;
+  /**
+   * Properties forwarded to the arrow element.
+   */
+  arrowProps?: PopperArrowProps;
+}
+/**
+ * Events for the TooltipCompact component.
+ */
+type TooltipCompactEmits = TooltipRootEmits & TooltipPositionerEmits;
+/**
+ * Slots for the TooltipCompact component.
+ */
+type TooltipCompactSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: () => any;
+  /**
+   * Custom content for the trigger slot.
+   */
+  trigger?: () => any;
+};
 //#endregion
-export { TooltipDataState, TooltipPopupProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps };
+export { TooltipCompactEmits, TooltipCompactProps, TooltipCompactSlots, TooltipDataState, TooltipPopupProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps };

package/dist/components/tree/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import"../../composables/index.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};
+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};

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{useTreeRootContext as a}from"./context.js";import{TREE_SELECT as o,TREE_TOGGLE as s,recurseCheckChildren as c}from"./shared.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}=a(`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(()=>c(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=e=>{F.value||!I.value||(L.value?W(`right`)?.focus?.():J(e))},H=e=>{F.value||(L.value?J(e):W(`left`)?.focus?.())},U=(e,t)=>{if(!F.value){if(t===`right`){w.value===`ltr`?V(e):H(e);return}w.value===`ltr`?H(e):V(e)}};function W(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 G(e){x(`select`,e),!e?.defaultPrevented&&A(b.value)}function K(e){x(`toggle`,e),!e?.defaultPrevented&&j(b.value)}async function q(e){b.disabledSelect||e&&n(o,G,{originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value})}function J(e){b.disabledToggle||e&&n(s,K,{originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value})}let Y=e=>{F.value||(q(e),J(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,"aria-disabled":F.value?!0:void 0,"aria-selected":R.value,"aria-expanded":I.value?L.value:void 0,"aria-level":f.level,"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(Y,[`self`,`prevent`]),[`enter`,`space`]),t[0]||(t[0]=_(v(e=>U(e,`right`),[`prevent`]),[`right`])),t[1]||(t[1]=_(v(e=>U(e,`left`),[`prevent`]),[`left`]))],onClick:v(Y,[`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`,`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"../../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{useTreeRootContext as a}from"./context.js";import{TREE_SELECT as o,TREE_TOGGLE as s,recurseCheckChildren as c}from"./shared.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}=a(`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(()=>c(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=e=>{F.value||!I.value||(L.value?W(`right`)?.focus?.():J(e))},H=e=>{F.value||(L.value?J(e):W(`left`)?.focus?.())},U=(e,t)=>{if(!F.value){if(t===`right`){w.value===`ltr`?V(e):H(e);return}w.value===`ltr`?H(e):V(e)}};function W(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 G(e){x(`select`,e),!e?.defaultPrevented&&A(b.value)}function K(e){x(`toggle`,e),!e?.defaultPrevented&&j(b.value)}async function q(e){b.disabledSelect||e&&n(o,G,{originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value})}function J(e){b.disabledToggle||e&&n(s,K,{originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value})}let Y=e=>{F.value||(q(e),J(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,"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(Y,[`self`,`prevent`]),[`enter`,`space`]),t[0]||(t[0]=_(v(e=>U(e,`right`),[`prevent`]),[`right`])),t[1]||(t[1]=_(v(e=>U(e,`left`),[`prevent`]),[`left`]))],onClick:v(Y,[`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`,`data-disabled`,`data-indent`,`data-selected`,`data-expanded`,`data-contains-selected`,`onKeydown`])]),_:3}))}});export{y as default};

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{provideTreeRootContext as l}from"./context.js";import{useSelectionBehavior as u}from"./hooks.js";import{findParentPath as d,flattenItems as f}from"./shared.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,withKeys as w,withModifiers as T}from"vue";import{createEventHook as E}from"@vueuse/core";const D=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:D}){let O=g,k=D,A=S(`rovingFocusGroupRef`),{handleTypeaheadSearch:j}=o(),M=b(!1),N=E(),P=a(()=>O.modelValue,e=>{k(`update:modelValue`,e)},R()),F=p(()=>O.multiple&&Array.isArray(P.value)?P.value:[P.value]),{onSelectItem:I,handleMultipleReplace:L}=u(P,()=>O.multiple,()=>O.selectionBehavior);function R(){return t(O.defaultValue)?O.multiple?[]:void 0:O.defaultValue}let z=a(()=>O.expanded,e=>{k(`update:expanded`,e??[])},O.defaultExpanded??[]),B=p(()=>f(O.items,z.value)),V=e=>{if(!O.disabled)if(M.value)N.trigger(e);else{let t=A.value?.getItems()??[];j(e.key,t)}},H=t=>{if(O.disabled||M.value)return;let n=e[t.key];_(()=>{L(n,r(),B.value.map(e=>e.value),A.value?.getItems)})},U=e=>{if(O.disabled||!e.parent||!O.multiple||!Array.isArray(P.value))return;let t=B.value.find(t=>e.parent&&t.value===e.parent.value);if(!t)return;let n=P.value;t.data.children?.every(e=>n.find(t=>t===e.value))?P.value=[...n,t.data.value]:P.value=n.filter(e=>e!==t.data.value),U(t)},W=e=>{if(O.disabled)return;let t=B.value.find(t=>t.value===e);if(!(t?.hasChildren&&!O.allowParentSelect)&&(I(e),O.bubbleSelect&&O.multiple&&Array.isArray(P.value)&&t&&U(t),O.propagateSelect&&O.multiple&&Array.isArray(P.value))){if(!t)return;let r=n(t.data.children);P.value.includes(e)?P.value=P.value.filter(e=>!r.some(t=>t.value===e)):P.value=[...P.value,...r]}},G=e=>{if(!O.disabled&&B.value.find(t=>t.value===e)?.data?.children){if(z.value.includes(e)){z.value=z.value.filter(t=>t!==e);return}if(O.toggleBehavior===`single`){let t=d(e,O.items);t?z.value=[...t,e]:z.value=[e]}else z.value=[...z.value,e]}};return l({modelValue:P,expanded:z,selectedKeys:F,onSelect:W,onToggle:G,expandedItems:B,isVirtual:M,virtualKeydownHook:N,getItems:()=>A.value?.getItems()??[],handleMultipleReplace:L,...i(O,[`items`,`multiple`,`disabled`,`dir`,`selectionBehavior`,`propagateSelect`,`bubbleSelect`])}),(e,t)=>(v(),m(c,{ref_key:`rovingFocusGroupRef`,ref:A,"as-child":``,orientation:`vertical`,dir:g.dir,loop:g.loop},{default:C(()=>[h(x(s),{as:g.as,"as-child":g.asChild,"aria-disabled":g.disabled?!0:void 0,"aria-multiselectable":g.multiple?!0:void 0,"data-disabled":g.disabled?``:void 0,role:`tree`,onKeydown:[V,w(T(H,[`shift`]),[`up`,`down`])]},{default:C(()=>[y(e.$slots,`default`,{flattenItems:B.value,modelValue:x(P),expanded:x(z),select:W,toggle:G})]),_:3},8,[`as`,`as-child`,`aria-disabled`,`aria-multiselectable`,`data-disabled`,`onKeydown`])]),_:3},8,[`dir`,`loop`]))}});export{D 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{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{provideTreeRootContext as l}from"./context.js";import{useSelectionBehavior as u}from"./hooks.js";import{findParentPath as d,flattenItems as f}from"./shared.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,withKeys as w,withModifiers as T}from"vue";import{createEventHook as E}from"@vueuse/core";const D=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:D}){let O=g,k=D,A=S(`rovingFocusGroupRef`),{handleTypeaheadSearch:j}=o(),M=b(!1),N=E(),P=a(()=>O.modelValue,e=>{k(`update:modelValue`,e)},R()),F=p(()=>O.multiple&&Array.isArray(P.value)?P.value:[P.value]),{onSelectItem:I,handleMultipleReplace:L}=u(P,()=>O.multiple,()=>O.selectionBehavior);function R(){return t(O.defaultValue)?O.multiple?[]:``:O.defaultValue}let z=a(()=>O.expanded,e=>{k(`update:expanded`,e??[])},O.defaultExpanded??[]),B=p(()=>f(O.items,z.value)),V=e=>{if(!O.disabled)if(M.value)N.trigger(e);else{let t=A.value?.getItems()??[];j(e.key,t)}},H=t=>{if(O.disabled||M.value)return;let n=e[t.key];_(()=>{L(n,r(),B.value.map(e=>e.value),A.value?.getItems)})},U=e=>{if(O.disabled||!e.parent||!O.multiple||!Array.isArray(P.value))return;let t=B.value.find(t=>e.parent&&t.value===e.parent.value);if(!t)return;let n=P.value;t.data.children?.every(e=>n.find(t=>t===e.value))?P.value=[...n,t.data.value]:P.value=n.filter(e=>e!==t.data.value),U(t)},W=e=>{if(O.disabled)return;let t=B.value.find(t=>t.value===e);if(!(t?.hasChildren&&!O.allowParentSelect)&&(I(e),O.bubbleSelect&&O.multiple&&Array.isArray(P.value)&&t&&U(t),O.propagateSelect&&O.multiple&&Array.isArray(P.value))){if(!t)return;let r=n(t.data.children);P.value.includes(e)?P.value=P.value.filter(e=>!r.some(t=>t.value===e)):P.value=[...P.value,...r]}},G=e=>{if(!O.disabled&&B.value.find(t=>t.value===e)?.data?.children){if(z.value.includes(e)){z.value=z.value.filter(t=>t!==e);return}if(O.toggleBehavior===`single`){let t=d(e,O.items);t?z.value=[...t,e]:z.value=[e]}else z.value=[...z.value,e]}};return l({modelValue:P,expanded:z,selectedKeys:F,onSelect:W,onToggle:G,expandedItems:B,isVirtual:M,virtualKeydownHook:N,getItems:()=>A.value?.getItems()??[],handleMultipleReplace:L,...i(O,[`items`,`multiple`,`disabled`,`dir`,`selectionBehavior`,`propagateSelect`,`bubbleSelect`])}),(e,t)=>(v(),m(c,{ref_key:`rovingFocusGroupRef`,ref:A,"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:[V,w(T(H,[`shift`]),[`up`,`down`])]},{default:C(()=>[y(e.$slots,`default`,{flattenItems:B.value,modelValue:x(P),expanded:x(z),select:W,toggle:G})]),_:3},8,[`as`,`as-child`,`aria-disabled`,`aria-multiselectable`,`data-disabled`,`onKeydown`])]),_:3},8,[`dir`,`loop`]))}});export{D as default};

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

@@ -15,7 +15,7 @@ declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string
   slots: {
     default?: (props: {
       flattenItems: FlattenedItem<T>[];
-      modelValue: U | undefined;
+      modelValue: U | (U & Exclude<U, undefined>) | undefined;
       expanded: string[];
       select: (value: string) => void;
       toggle: (value: string) => void;

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: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"../../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};

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},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,items:t,options:o.options,height:o.height},{default:f(({virtualItems:r})=>[l(e.$slots,`default`,{virtualItems:r,flattenItems:t,modelValue:n,expanded:i})]),_:2},1032,[`as`,`as-child`,`items`,`options`,`height`])]),_: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"../../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},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},{default:f(({virtualItems:r})=>[l(e.$slots,`default`,{virtualItems:r,flattenItems:t,modelValue:n,expanded:i})]),_:2},1032,[`as`,`as-child`,`items`,`options`,`height`])]),_:3},16))}});export{p as default};

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

@@ -1,8 +1,8 @@
 import { Direction, MaybeArray } from "../../types/common.js";
 import { TreeSelectEvent, TreeToggleEvent } from "../../types/event.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { VirtualizerItemProps, VirtualizerRootProps } from "../virtualizer/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { ComputedRef, ShallowRef } from "vue";
 //#region src/components/tree/types.d.ts
 /**
  * Type information for TreeItemBaseData.
@@ -31,11 +31,11 @@ type IsMultiple<U extends MaybeArray<string> | undefined, M extends boolean> = U
 /**
  * Properties for the TreeRoot component.
  */
-interface TreeRootProps<T extends TreeItemData = TreeItemData, U extends MaybeArray<string> | undefined = MaybeArray<string> | undefined, M extends boolean = boolean> extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSelect' | 'onToggle'> {
+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 */
-  defaultValue?: NonNullable<U>;
+  defaultValue?: U;
   /** Determines whether a "single" or "multiple" items can be selected at a time. */
   multiple?: IsMultiple<U, M>;
   /** List of items */
@@ -126,7 +126,7 @@ type FlattenedItem<T extends TreeItemData> = {
 /**
  * Properties for the TreeItem component.
  */
-interface TreeItemProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'onSelect' | 'onToggle'> {
+interface TreeItemProps extends Omit<PrimitiveWithBaseProps, 'onSelect' | 'onToggle'> {
   /**
    * Value associated with the current item.
    */

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

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

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

@@ -1 +1 @@
-import{provideTreeMenuRootContext as e,provideTreeMenuUi as t,useTreeMenuRootContext as n}from"./context.js";import r from"./tree-menu-root.js";import i from"./tree-menu-group-root.js";import a from"./tree-menu-group.js";import o from"./tree-menu-group-label.js";import s from"./tree-menu-item.js";import c from"./tree-menu-button.js";import l from"./tree-menu-collapsible.js";import u from"./tree-menu-sub.js";export{c as TreeMenuButton,l as TreeMenuCollapsible,a as TreeMenuGroup,o as TreeMenuGroupLabel,i as TreeMenuGroupRoot,s as TreeMenuItem,r as TreeMenuRoot,u as TreeMenuSub,e as provideTreeMenuRootContext,t as provideTreeMenuUi,n as useTreeMenuRootContext};
+import{provideTreeMenuRootContext as e,provideTreeMenuUi as t,useTreeMenuRootContext as n}from"./context.js";import r from"./tree-menu-button.js";import i from"./tree-menu-collapsible.js";import a from"./tree-menu-slot-compact.js";import o from"./tree-menu-item.js";import s from"./tree-menu-sub.js";import c from"./tree-menu-option-compact.js";import l from"./tree-menu-group.js";import u from"./tree-menu-group-label.js";import d from"./tree-menu-group-root.js";import f from"./tree-menu-options-compact.js";import p from"./tree-menu-root.js";import m from"./tree-menu-compact.js";export{r as TreeMenuButton,i as TreeMenuCollapsible,m as TreeMenuCompact,l as TreeMenuGroup,u as TreeMenuGroupLabel,d as TreeMenuGroupRoot,o as TreeMenuItem,c as TreeMenuOptionCompact,f as TreeMenuOptionsCompact,p as TreeMenuRoot,a as TreeMenuSlotCompact,s as TreeMenuSub,e as provideTreeMenuRootContext,t as provideTreeMenuUi,n as useTreeMenuRootContext};

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

@@ -0,0 +1 @@
+const e={collapsedWidth:`--soybean-tree-menu-collapsed-width`,indent:`--soybean-tree-menu-indent`};function t(e){return e?e?.filter(e=>!e.hidden).map(e=>{let n={...e};return n.children&&n.children.length>0&&(n.children=t(n.children)),n}):[]}export{t as filterHiddenTreeMenuOptions,e as treeMenuCssVars};

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

@@ -1 +1 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useTreeMenuItemContext as t,useTreeMenuUi as n}from"./context.js";import{createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`TreeMenuButton`,__name:`tree-menu-button`,props:{disabledActive:{type:Boolean},asChild:{type:Boolean},as:{default:`button`}},setup(i){let u=i,d=n(`button`),{isActive:f,onActive:p}=t(`TreeMenuButton`),m=()=>{u.disabledActive||p()};return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,class:a(c(d)),"data-active":c(f),onClick:m},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`data-active`]))}});export{u as default};
+import e from"../button/button.js";import{useTreeMenuItemContext as t,useTreeMenuUi as n}from"./context.js";import{createBlock as r,defineComponent as i,mergeProps as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`TreeMenuButton`,__name:`tree-menu-button`,props:{disabledActive:{type:Boolean},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(i){let u=i,d=n(`button`),{isActive:f,onActive:p}=t(`TreeMenuButton`),m=()=>{u.disabledActive||p()};return(t,n)=>(o(),r(e,a(u,{"data-soybean-tree-menu-button":``,class:c(d),"data-active":c(f),onClick:m}),{default:l(()=>[s(t.$slots,`default`)]),_:3},16,[`class`,`data-active`]))}});export{u as default};

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

@@ -1,4 +1,3 @@
-import { AsTag } from "../primitive/types.js";
 import { TreeMenuButtonProps } from "./types.js";
 import * as _$vue from "vue";
 
@@ -7,9 +6,7 @@ declare var __VLS_10: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_10) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<TreeMenuButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TreeMenuButtonProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const __VLS_base: _$vue.DefineComponent<TreeMenuButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<TreeMenuButtonProps> & Readonly<{}>, {}, {}, {}, {}, string, _$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 & {

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,"onUpdate:open":u(m)},{default:d(()=>[o(u(n),{"as-child":``,"disabled-collapsible":s.disabledCollapsible},{default:d(()=>[l(r.$slots,`trigger`)]),_:3},8,[`disabled-collapsible`]),l(r.$slots,`extra`),o(u(t),null,{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"../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};

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

@@ -0,0 +1 @@
+import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.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:{},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`,`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]||(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

@@ -0,0 +1,24 @@
+import { TreeMenuBaseOptionData, TreeMenuCompactProps, TreeMenuCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/tree-menu/tree-menu-compact.vue.d.ts
+declare const __VLS_export: <T extends TreeMenuBaseOptionData = TreeMenuBaseOptionData>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: _$vue.PublicProps & __VLS_PrettifyLocal<TreeMenuCompactProps<T> & {
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+    onSelectDropdown?: ((value: string) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  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);
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default };

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

@@ -1 +1 @@
-import{useTreeMenuUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`TreeMenuGroupLabel`,__name:`tree-menu-group-label`,setup(n){let s=e(`groupLabel`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useTreeMenuUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`TreeMenuGroupLabel`,__name:`tree-menu-group-label`,setup(n){let s=e(`groupLabel`);return(e,n)=>(i(),t(`div`,{"data-soybean-tree-menu-group-label":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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

@@ -1 +1 @@
-import{useTreeMenuUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`TreeMenuGroupRoot`,__name:`tree-menu-group-root`,setup(n){let s=e(`groupRoot`);return(e,n)=>(i(),t(`div`,{class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};
+import{useTreeMenuUi as e}from"./context.js";import{createElementBlock as t,defineComponent as n,normalizeClass as r,openBlock as i,renderSlot as a,unref as o}from"vue";const s=n({name:`TreeMenuGroupRoot`,__name:`tree-menu-group-root`,setup(n){let s=e(`groupRoot`);return(e,n)=>(i(),t(`div`,{"data-soybean-tree-menu-group-root":``,class:r(o(s))},[a(e.$slots,`default`)],2))}});export{s as default};

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)),role:`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"../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};

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,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"../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};

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

@@ -0,0 +1 @@
+import{e}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../link/link.js";import r from"../dropdown-menu/dropdown-menu-compact.js";import i from"../tooltip/tooltip-compact.js";import{useTreeMenuRootContext as a,useTreeMenuUi as o}from"./context.js";import s from"./tree-menu-button.js";import c from"./tree-menu-collapsible.js";import l from"./tree-menu-slot-compact.js";import u from"./tree-menu-item.js";import d from"./tree-menu-sub.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 O,unref as k,useSlots as A,withCtx as j}from"vue";const M=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:M}){let N=b,P=M,F=A(),I=t(N,[`as`,`item`]),L=p(()=>e(F)),R=o(),{collapsed:z,modelValue:B,onModelValueChange:V}=a(`TreeMenuCompactOption`),H=p(()=>N.item.children??[]),U=p(()=>!!H.value.length),W=p(()=>B.value===N.item.value?!1:!!N.activePaths?.includes(N.item.value)),G=p(()=>!!(N.item.to||N.item.href)),K=p(()=>{if(!G.value)return{};let{disabled:e,to:t,href:n,target:r,external:i}=N.item;return{...N.linkProps,disabled:e,to:t,href:n,target:r,external:i}}),q=p(()=>z.value&&U.value),J=p(()=>z.value&&!q.value?N.item.label:void 0),Y=p(()=>N.side===`left`?`right`:`left`),X=p(()=>({...N.item.tooltipProps,placement:N.item.tooltipProps?.placement??Y.value})),Z=p(()=>({...N.item.dropdownMenuProps,placement:N.item.dropdownMenuProps?.placement??Y.value,trigger:N.item.dropdownMenuProps?.trigger??`hover`})),Q=()=>{N.item.disabled||V(N.item.value)},$=e=>{N.item.disabled||(V(e.value),P(`selectDropdown`,e.value))};return(e,t)=>{let a=O(`TreeMenuOptionCompact`,!0);return U.value?(T(),m(u,S({key:1},b.itemProps,{"as-child":``,value:b.item.value,disabled:b.item.disabled}),{default:j(()=>[y(c,S(b.collapsibleProps,{as:b.as,"disabled-collapsible":k(z)}),{trigger:j(()=>[y(s,S(b.buttonProps,{"disabled-active":``,"data-child-active":W.value?``:void 0}),{default:j(()=>[y(l,{item:b.item},v({_:2},[E(L.value,t=>({name:t,fn:j(n=>[D(e.$slots,t,w(x(n)))])}))]),1032,[`item`])]),_:3},16,[`data-child-active`])]),extra:j(()=>[q.value?(T(),m(r,S({key:0},Z.value,{items:H.value,disabled:b.item.disabled,"active-value":k(B),"data-menu":b.item.label,onSelect:$}),{trigger:j(()=>[_(`div`,{class:C(k(R).itemAbsolute)},null,2)]),_:1},16,[`items`,`disabled`,`active-value`,`data-menu`])):h(`v-if`,!0)]),default:j(()=>[y(d,w(x(b.subProps)),{default:j(()=>[(T(!0),g(f,null,E(H.value,n=>(T(),m(a,S({key:n.value},{ref_for:!0},k(I),{item:n,side:b.side,"active-paths":b.activePaths,onSelectDropdown:t[0]||(t[0]=e=>P(`selectDropdown`,e))}),v({_:2},[E(L.value,t=>({name:t,fn:j(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(u,S({key:0},b.itemProps,{as:b.as,value:b.item.value,disabled:b.item.disabled}),{default:j(()=>[G.value?(T(),m(s,S({key:0},b.buttonProps,{"as-child":``}),{default:j(()=>[y(n,w(x(K.value)),{default:j(({isHref:t})=>[y(l,{item:b.item,"show-link-icon":t},v({_:2},[E(L.value,t=>({name:t,fn:j(n=>[D(e.$slots,t,w(x(n)))])}))]),1032,[`item`,`show-link-icon`])]),_:3},16)]),_:3},16)):(T(),m(s,w(S({key:1},b.buttonProps)),{default:j(()=>[y(l,{item:b.item},v({_:2},[E(L.value,t=>({name:t,fn:j(n=>[D(e.$slots,t,w(x(n)))])}))]),1032,[`item`])]),_:3},16)),J.value?(T(),m(i,S({key:2},X.value,{content:J.value}),{trigger:j(()=>[G.value?(T(),m(n,S({key:0},K.value,{class:k(R).itemAbsolute,onClick:Q}),null,16,[`class`])):(T(),g(`div`,{key:1,class:C(k(R).itemAbsolute),onClick:Q},null,2))]),_:1},16,[`content`])):h(`v-if`,!0)]),_:3},16,[`as`,`value`,`disabled`]))}}});export{M as default};

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

@@ -0,0 +1,33 @@
+import { AsTag } from "../primitive/types.js";
+import { TreeMenuBaseOptionData, TreeMenuOptionCompactProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/tree-menu/tree-menu-option-compact.vue.d.ts
+type Slots = {
+  item: (props: {
+    item: TreeMenuBaseOptionData;
+  }) => any;
+  leading: (props: {
+    item: TreeMenuBaseOptionData;
+  }) => any;
+  trailing: (props: {
+    item: TreeMenuBaseOptionData;
+  }) => any;
+};
+type __VLS_Slots = Slots;
+declare const __VLS_base: _$vue.DefineComponent<TreeMenuOptionCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  selectDropdown: (value: string) => any;
+}, string, _$vue.PublicProps, Readonly<TreeMenuOptionCompactProps> & Readonly<{
+  onSelectDropdown?: ((value: string) => any) | undefined;
+}>, {
+  as: AsTag;
+}, {}, {}, {}, string, _$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 };

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

@@ -0,0 +1 @@
+import{getTreePaths as e}from"../../shared/tree.js";import"../../shared/index.js";import{e as t}from"../../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import{useTreeMenuRootContext as i}from"./context.js";import{filterHiddenTreeMenuOptions as a}from"./shared.js";import o from"./tree-menu-option-compact.js";import s from"./tree-menu-group.js";import c from"./tree-menu-group-label.js";import l from"./tree-menu-group-root.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,withCtx as E}from"vue";const D=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:D}){let O=v,k=D,A=T(),j=d(()=>t(A).filter(e=>e!==`group-label`)),M=n(O,[`itemProps`,`buttonProps`,`linkProps`,`collapsibleProps`,`subProps`]),{modelValue:N}=i(`TreeMenuCompactOptions`),P=d(()=>a(O.items)),F=d(()=>e(N.value,P.value));return(e,t)=>(b(!0),m(u,null,x(P.value,n=>(b(),m(u,{key:n.value},[n.isGroup?(b(),f(l,y({key:0,ref_for:!0},v.groupRootProps),{default:E(()=>[_(c,y({ref_for:!0},v.groupLabelProps),{default:E(()=>[S(e.$slots,`group-label`,{item:n},()=>[v.showGroupIcon&&n.icon?(b(),f(r,{key:0,icon:n.icon,"aria-hidden":`true`},null,8,[`icon`])):p(`v-if`,!0),h(`span`,null,C(n.label),1)])]),_:2},1040),_(s,y({ref_for:!0},v.groupProps),{default:E(()=>[(b(!0),m(u,null,x(n.children,n=>(b(),f(o,y({key:n.value},{ref_for:!0},w(M),{item:n,side:v.side,"active-paths":F.value,onSelectDropdown:t[0]||(t[0]=e=>k(`selectDropdown`,e))}),g({_:2},[x(j.value,t=>({name:t,fn:E(n=>[S(e.$slots,t,y({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))),128))]),_:2},1040)]),_:2},1040)):(b(),f(o,y({key:1,as:`div`},{ref_for:!0},w(M),{item:n,side:v.side,"active-paths":F.value,onSelectDropdown:t[1]||(t[1]=e=>k(`selectDropdown`,e))}),g({_:2},[x(j.value,t=>({name:t,fn:E(n=>[S(e.$slots,t,y({ref_for:!0},n))])}))]),1040,[`item`,`side`,`active-paths`]))],64))),128))}});export{D as default};