@soybeanjs/headless 0.29.0-beta.8 → 0.29.0

package/dist/components/toolbar/toolbar-toggle-group.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{useToolbarRootContext as n,useToolbarUi as r}from"./context.js";import i from"../toggle-group/toggle-group-root.js";import"../toggle-group/index.js";import{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:`ToolbarToggleGroup`,__name:`toolbar-toggle-group`,props:{rovingFocus:{type:Boolean},disabled:{type:Boolean},orientation:{},dir:{},loop:{type:Boolean},modelValue:{},defaultValue:{},multiple:{},clearable:{type:Boolean},selectionBehavior:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(o,{emit:p}){let m=o,h=p,{orientation:g,dir:_}=n(`ToolbarToggleGroup`),v=r(`toggleGroup`),y=t(m,[`dir`,`loop`,`rovingFocus`]),b=e(h);return(e,t)=>(c(),a(d(i),s(d(y),{"data-soybean-toolbar-toggle-group":``,class:d(v),dir:m.dir??d(_),orientation:m.orientation??d(g),"roving-focus":!1},u(d(b))),{default:f(()=>[l(e.$slots,`default`)]),_:3},16,[`class`,`dir`,`orientation`]))}});export{p as default};

package/dist/components/toolbar/toolbar-toggle-group.vue.d.ts

@@ -0,0 +1,23 @@
+import { DefinedValue } from "../../types/common.js";
+import { ToolbarToggleGroupProps } from "./types.js";
+
+//#region src/components/toolbar/toolbar-toggle-group.vue.d.ts
+declare const __VLS_export: <M extends boolean = false, T extends DefinedValue = string>(__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<ToolbarToggleGroupProps<M, T> & {
+    "onUpdate:modelValue"?: ((value: M extends true ? T[] : T) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {}) => any;
+  };
+  emit: (evt: "update:modelValue", value: M extends true ? T[] : T) => void;
+}>) => import("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/toolbar/toolbar-toggle-item.js

@@ -0,0 +1 @@
+import e from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToolbarUi as t}from"./context.js";import{useToggleGroupRootContext as n}from"../toggle-group/context.js";import r from"../toggle-group/toggle-group-item.js";import"../toggle-group/index.js";import{computed as i,createBlock as a,createVNode 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:`ToolbarToggleItem`,__name:`toolbar-toggle-item`,props:{value:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let p=s,m=t(`toggleItem`),{disabled:h}=n(`ToolbarToggleItem`),g=i(()=>h.value||p.disabled);return(t,n)=>(l(),a(d(e),{"as-child":``,focusable:!g.value},{default:f(()=>[o(d(r),c(p,{"data-soybean-toolbar-toggle-item":``,class:d(m),disabled:g.value}),{default:f(()=>[u(t.$slots,`default`)]),_:3},16,[`class`,`disabled`])]),_:3},8,[`focusable`]))}});export{p as default};

package/dist/components/toolbar/toolbar-toggle-item.vue.d.ts

@@ -0,0 +1,21 @@
+import { DefinedValue } from "../../types/common.js";
+import { ToolbarToggleItemProps } from "./types.js";
+
+//#region src/components/toolbar/toolbar-toggle-item.vue.d.ts
+declare const __VLS_export: <T extends DefinedValue = string>(__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<ToolbarToggleItemProps<T>> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {}) => any;
+  };
+  emit: {};
+}>) => import("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/toolbar/types.d.ts

@@ -0,0 +1,89 @@
+import { DataOrientation, DefinedValue, Direction, UiClass } from "../../types/common.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 } from "vue";
+
+//#region src/components/toolbar/types.d.ts
+/**
+ * Properties for the ToolbarRoot component.
+ */
+interface ToolbarRootProps extends PrimitiveWithBaseProps {
+  /** The orientation of the toolbar. */
+  orientation?: DataOrientation;
+  /** The reading direction of the toolbar. */
+  dir?: Direction;
+  /** Whether keyboard roving focus loops. */
+  loop?: boolean;
+}
+/**
+ * Context for the ToolbarRoot component.
+ */
+interface ToolbarRootContext {
+  /**
+   * Orientation of the component.
+   */
+  orientation: ComputedRef<DataOrientation>;
+  /**
+   * Reading direction of the component.
+   */
+  dir: ComputedRef<Direction>;
+}
+/**
+ * Parameters used to create the ToolbarRoot context.
+ */
+interface ToolbarRootContextParams {
+  /**
+   * Orientation of the component.
+   */
+  orientation: ComputedRef<DataOrientation>;
+  /**
+   * Reading direction of the component.
+   */
+  dir: ComputedRef<Direction | undefined>;
+}
+/**
+ * Available UI slots for the Toolbar component.
+ */
+type ToolbarUiSlot = 'root' | 'button' | 'link' | 'linkIcon' | 'separator' | 'toggleGroup' | 'toggleItem';
+/**
+ * UI class overrides for the Toolbar component.
+ */
+type ToolbarUi = UiClass<ToolbarUiSlot>;
+/**
+ * Properties for the ToolbarButton component.
+ */
+interface ToolbarButtonProps extends ButtonProps {}
+/**
+ * Events for the ToolbarButton component.
+ */
+type ToolbarButtonEmits = ButtonEmits;
+/**
+ * Properties for the ToolbarLink component.
+ */
+interface ToolbarLinkProps extends LinkProps {
+  /**
+   * Whether or not to show an icon when the `href` prop is provided.
+   */
+  showIcon?: boolean;
+}
+/**
+ * Properties for the ToolbarSeparator component.
+ */
+interface ToolbarSeparatorProps extends Omit<SeparatorRootProps, 'orientation'> {}
+/**
+ * Properties for the ToolbarToggleGroup component.
+ */
+interface ToolbarToggleGroupProps<M extends boolean = false, T extends DefinedValue = string> extends ToggleGroupRootProps<M, T> {}
+/**
+ * Events for the ToolbarToggleGroup component.
+ */
+type ToolbarToggleGroupEmits<M extends boolean = false, T extends DefinedValue = string> = ToggleGroupRootEmits<M, T>;
+/**
+ * Properties for the ToolbarToggleItem component.
+ */
+interface ToolbarToggleItemProps<T extends DefinedValue = string> extends ToggleGroupItemProps<T> {}
+//#endregion
+export { ToolbarButtonEmits, ToolbarButtonProps, ToolbarLinkProps, ToolbarRootContext, ToolbarRootContextParams, ToolbarRootProps, ToolbarSeparatorProps, ToolbarToggleGroupEmits, ToolbarToggleGroupProps, ToolbarToggleItemProps, ToolbarUi, ToolbarUiSlot };

package/dist/components/tooltip/context.js

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import"../../composables/index.js";import{computed as t,shallowRef as n,useId as r}from"vue";const[i,a]=e(`TooltipOpenDelayed`,e=>{let{skipDelayDuration:t}=e,r=n(!0),i=n(!1),a=null,o=()=>{a&&(clearTimeout(a),a=null)},s=()=>{o(),a=setTimeout(()=>{r.value=!0},t.value)};return{skipDelayDuration:t,isOpenDelayed:r,isPointerInTransitRef:i,onOpen:()=>{o(),r.value=!1},onClose:()=>{s()}}}),[o,s]=e(`TooltipRoot`,e=>{let{open:i,delayDuration:a,isOpenDelayed:o,disableHoverableContent:s}=e,c=n(``),l=()=>{c.value||(c.value=`soybean-tooltip-popup-${r()}`)},u=n(!1),d=t(()=>i.value?u.value?`delayed-open`:`instant-open`:`closed`),f=n(),p=e=>{f.value=e},m=n(),h=e=>{m.value=e},g=null,_=()=>{g&&(clearTimeout(g),g=null)},v=()=>{_(),g=setTimeout(()=>{u.value=!0,i.value=!0},a.value)},y=()=>{_(),u.value=!1,i.value=!0},b=()=>{_(),i.value=!1},x=()=>{v()},S=()=>{o.value?x():y()},C=()=>{s.value?b():_()};return{...e,dataState:d,popupId:c,initPopupId:l,popupElement:f,onPopupElementChange:p,triggerElement:m,onTriggerElementChange:h,onTriggerEnter:S,onTriggerLeave:C,onOpen:y,onClose:b}});export{i as provideTooltipOpenDelayedContext,o as provideTooltipRootContext,a as useTooltipOpenDelayedContext,s as useTooltipRootContext};

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

@@ -0,0 +1,12 @@
+import { PopperAnchorProps, PopperArrowProps, PopperUi, PopperUiSlot } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
+import { _default as _default$3 } from "../portal/portal.vue.js";
+import { _default } from "../popper/popper-arrow.vue.js";
+import { providePopperUi } from "../popper/context.js";
+import { TooltipCompactEmits, TooltipCompactProps, TooltipCompactSlots, TooltipDataState, TooltipPopupProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps } from "./types.js";
+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

@@ -0,0 +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-popup.js";import i from"./tooltip-positioner.js";import a from"./tooltip-root.js";import o from"./tooltip-trigger.js";import s from"./tooltip-compact.js";export{n as TooltipArrow,s as TooltipCompact,r as TooltipPopup,t as TooltipPortal,i as TooltipPositioner,a as TooltipRoot,o as TooltipTrigger,e as provideTooltipUi};

package/dist/components/tooltip/shared.js

@@ -0,0 +1 @@
+const e=`tooltip.open`,t={transformOrigin:`--soybean-tooltip-transform-origin`,availableWidth:`--soybean-tooltip-available-width`,availableHeight:`--soybean-tooltip-available-height`,anchorWidth:`--soybean-tooltip-anchor-width`,anchorHeight:`--soybean-tooltip-anchor-height`},n=e=>({delayDuration:150,skipDelayDuration:300,disableHoverableContent:!1,disableClosingTrigger:!1,disabled:!1,ignoreNonKeyboardFocus:!1,...e});export{e as TOOLTIP_OPEN,n as createDefaultTooltipConfig,t as tooltipCssVars};

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-popup.js";import a from"./tooltip-positioner.js";import o from"./tooltip-root.js";import s from"./tooltip-trigger.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},dir:{},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(o,h(x(E),{"onUpdate:open":t[0]||(t[0]=e=>T(`update:open`,e))}),{default:S(()=>[f(s,g(m(O.value)),{default:S(()=>[v(e.$slots,`trigger`)]),_:3},16),f(n,g(m(p.portalProps)),{default:S(()=>[f(a,h(k.value,b(x(D))),{default:S(()=>[f(i,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,26 @@
+import { PointerDownOutsideEvent } from "../../types/event.js";
+import { TooltipCompactProps, TooltipCompactSlots } from "./types.js";
+//#region src/components/tooltip/tooltip-compact.vue.d.ts
+type __VLS_Slots = TooltipCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<TooltipCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+}, string, import("vue").PublicProps, Readonly<TooltipCompactProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+}>, {
+  open: boolean;
+  showArrow: boolean;
+  defaultOpen: boolean;
+}, {}, {}, {}, 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 };

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

@@ -0,0 +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{tooltipCssVars as i}from"./shared.js";import{useTooltipRootContext as a}from"./context.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}=a(`TooltipPopup`),[x,S]=e(b),C={[i.transformOrigin]:`var(${t.transformOrigin})`,[i.availableWidth]:`var(${t.availableWidth})`,[i.availableHeight]:`var(${t.availableHeight})`,[i.anchorWidth]:`var(${t.anchorWidth})`,[i.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-popup.vue.d.ts

@@ -0,0 +1,17 @@
+import { TooltipPopupProps } from "./types.js";
+
+//#region src/components/tooltip/tooltip-popup.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TooltipPopupProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TooltipPopupProps> & 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 };

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

@@ -0,0 +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{TOOLTIP_OPEN as i}from"./shared.js";import{useTooltipOpenDelayedContext as a,useTooltipRootContext as o}from"./context.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}=a(`TooltipPositionerImpl`),{positionerProps:S,triggerElement:C,popupElement:w,disableClosingTrigger:T,disableHoverableContent:E,onClose:D}=o(`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(i,D),d(()=>{window.removeEventListener(`scroll`,e),window.removeEventListener(i,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

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

@@ -0,0 +1,26 @@
+import { PointerDownOutsideEvent } from "../../types/event.js";
+import { TooltipPositionerProps } from "./types.js";
+//#region src/components/tooltip/tooltip-positioner.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TooltipPositionerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  escapeKeyDown: (event: KeyboardEvent) => any;
+  pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+}, string, import("vue").PublicProps, Readonly<TooltipPositionerProps> & Readonly<{
+  onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
+  onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+}>, {
+  avoidCollisions: boolean;
+  prioritizePosition: boolean;
+}, {}, {}, {}, 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 };

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

@@ -0,0 +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)});return o({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(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};

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

@@ -0,0 +1,26 @@
+import { TooltipRootProps } from "./types.js";
+
+//#region src/components/tooltip/tooltip-root.vue.d.ts
+declare var __VLS_8: {
+  open: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TooltipRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<TooltipRootProps> & Readonly<{
+  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+}>, {
+  open: boolean;
+  defaultOpen: boolean;
+}, {}, {}, {}, 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 };

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

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

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

@@ -0,0 +1,19 @@
+import { AsTag } from "../primitive/types.js";
+import { PopperAnchorProps } from "../popper/types.js";
+//#region src/components/tooltip/tooltip-trigger.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => 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;
+}, {}, {}, {}, 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 };

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

@@ -0,0 +1,158 @@
+import { Placement } from "../../types/common.js";
+import { DismissableLayerEmits, ForceMountProps } from "../../types/component.js";
+import { PopperAnchorProps, PopperArrowProps, PopperPopupProps, PopperPositionerProps, PopperRootProps } from "../popper/types.js";
+import { PortalProps } from "../portal/types.js";
+import { Ref, ShallowRef } from "vue";
+
+//#region src/components/tooltip/types.d.ts
+/**
+ * Properties for the TooltipProvider component.
+ */
+interface TooltipProviderProps {
+  /**
+   * The duration from when the pointer enters the trigger until the tooltip gets opened.
+   *
+   * @defaultValue 150
+   */
+  delayDuration?: number;
+  /**
+   * How much time a user has to enter another trigger without incurring a delay again.
+   *
+   * @defaultValue 300
+   */
+  skipDelayDuration?: number;
+  /**
+   * When `true`, trying to hover the content will result in the tooltip closing as the pointer leaves the trigger.
+   *
+   * @defaultValue false
+   */
+  disableHoverableContent?: boolean;
+  /**
+   * When `true`, clicking on trigger will not close the content.
+   *
+   * @defaultValue false
+   */
+  disableClosingTrigger?: boolean;
+  /**
+   * When `true`, disable tooltip
+   *
+   * @defaultValue false
+   */
+  disabled?: boolean;
+  /**
+   * Prevent the tooltip from opening if the focus did not come from the keyboard by matching against the
+   * `:focus-visible` selector. This is useful if you want to avoid opening it when switching browser tabs or closing a
+   * dialog.
+   *
+   * @defaultValue false
+   */
+  ignoreNonKeyboardFocus?: boolean;
+  /**
+   * Props to be passed down to the positioner. Useful when you need to control the positioner, such as disabling it when the trigger is disabled.
+   */
+  positionerProps?: TooltipPositionerProps;
+}
+/**
+ * Properties for the TooltipRoot component.
+ */
+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. */
+  open?: boolean;
+}
+/**
+ * Events for the TooltipRoot component.
+ */
+interface TooltipRootEmits {
+  /** Event handler called when the open state of the tooltip changes. */
+  'update:open': [value: boolean];
+}
+/**
+ * State values for TooltipDataState.
+ */
+type TooltipDataState = 'closed' | 'delayed-open' | 'instant-open';
+/**
+ * Properties for the TooltipPositionerImpl component.
+ */
+interface TooltipPositionerImplProps extends PopperPositionerProps {}
+/**
+ * Events for the TooltipPositionerImpl component.
+ */
+type TooltipPositionerImplEmits = Pick<DismissableLayerEmits, 'escapeKeyDown' | 'pointerDownOutside'>;
+/**
+ * Properties for the TooltipPositioner component.
+ */
+interface TooltipPositionerProps extends TooltipPositionerImplProps, ForceMountProps {}
+/**
+ * Events for the TooltipPositioner component.
+ */
+type TooltipPositionerEmits = TooltipPositionerImplEmits;
+/**
+ * Properties for the TooltipPopup component.
+ */
+interface TooltipPopupProps extends PopperPopupProps {
+  /**
+   * By default, screen readers will announce the content inside the component.
+   *
+   * If this is not descriptive enough, or you have content that cannot be announced, use `aria-label` as a more
+   * descriptive label.
+   */
+  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 { TooltipCompactEmits, TooltipCompactProps, TooltipCompactSlots, TooltipDataState, TooltipPopupProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps };

package/dist/components/tree/context.js

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

package/dist/components/tree/hooks.js

@@ -0,0 +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.findIndex(t=>t===e)===-1?i.value=[...i.value,e]:i.value=i.value.filter(t=>t!==e):l.value===`replace`?i.value=e:!Array.isArray(i.value)&&i.value===e?i.value=void 0:i.value=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/index.d.ts

@@ -0,0 +1,6 @@
+import { FlattenedItem, TreeItemBaseData, TreeItemData, TreeItemEmits, TreeItemProps, TreeRootEmits, TreeRootProps, TreeSelectBehavior, TreeToggleBehavior, TreeVirtualizerItemEmits, TreeVirtualizerItemProps, TreeVirtualizerRootEmits, TreeVirtualizerRootProps } from "./types.js";
+import { _default as _default$1 } from "./tree-root.vue.js";
+import { _default } from "./tree-item.vue.js";
+import { _default as _default$3 } from "./tree-virtualizer-root.vue.js";
+import { _default as _default$2 } from "./tree-virtualizer-item.vue.js";
+export { type FlattenedItem, _default as TreeItem, type TreeItemBaseData, type TreeItemData, type TreeItemEmits, type TreeItemProps, _default$1 as TreeRoot, type TreeRootEmits, type TreeRootProps, type TreeSelectBehavior, type TreeToggleBehavior, _default$2 as TreeVirtualizerItem, type TreeVirtualizerItemEmits, type TreeVirtualizerItemProps, _default$3 as TreeVirtualizerRoot, type TreeVirtualizerRootEmits, type TreeVirtualizerRootProps };

package/dist/components/tree/index.js

@@ -0,0 +1 @@
+import e from"./tree-root.js";import t from"./tree-item.js";import n from"./tree-virtualizer-root.js";import r from"./tree-virtualizer-item.js";export{t as TreeItem,e as TreeRoot,r as TreeVirtualizerItem,n as TreeVirtualizerRoot};

package/dist/components/tree/shared.js

@@ -0,0 +1 @@
+const e=`tree.select`,t=`tree.toggle`;function n(e,t,r=1,i){return e?e.reduce((a,o,s)=>{let c=o.children,l=t?.includes(o.value),u={_id:o.value,value:o.value,data:o,index:s,level:r,parent:i,hasChildren:!!c,bind:{data:o,level:r,"aria-setsize":e.length,"aria-posinset":s+1}};return a.push(u),c&&l&&a.push(...n(c,t,r+1,o)),a},[]):[]}function r(e,t){return t?t.some(t=>e.includes(t.value)?!0:r(e,t.children)):!1}function i(e,t,n=[]){if(!t)return null;for(let r of t){if(r.value===e)return n;if(r.children){let t=i(e,r.children,[...n,r.value]);if(t!==null)return t}}return null}export{e as TREE_SELECT,t as TREE_TOGGLE,i as findParentPath,n as flattenItems,r as recurseCheckChildren};

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

@@ -0,0 +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=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(a,G,{originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value})}function J(e){b.disabledToggle||e&&n(o,K,{originalEvent:e,value:b.value,isExpanded:L.value,isSelected:R.value})}let Y=e=>{F.value||(q(e),J(e))},X=e=>{if(e.key===`ArrowRight`){U(e,`right`);return}if(e.key===`ArrowLeft`){U(e,`left`);return}Y(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(X,[`self`,`prevent`]),[`enter`,`space`,`right`,`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-item.vue.d.ts

@@ -0,0 +1,32 @@
+import { TreeSelectEvent, TreeToggleEvent } from "../../types/event.js";
+import { AsTag } from "../primitive/types.js";
+import { TreeItemProps } from "./types.js";
+
+//#region src/components/tree/tree-item.vue.d.ts
+declare var __VLS_17: {
+  isExpanded: boolean;
+  isSelected: boolean;
+  isIndeterminate: boolean | undefined;
+  hasChildren: boolean;
+};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_17) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TreeItemProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  select: (event: TreeSelectEvent<string>) => any;
+  toggle: (event: TreeToggleEvent<string>) => any;
+}, string, import("vue").PublicProps, Readonly<TreeItemProps> & Readonly<{
+  onSelect?: ((event: TreeSelectEvent<string>) => any) | undefined;
+  onToggle?: ((event: TreeToggleEvent<string>) => any) | undefined;
+}>, {
+  as: AsTag | import("vue").Component;
+}, {}, {}, {}, 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 };

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

@@ -0,0 +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)&&(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 r=n(t.data.children);M.value.includes(e)?M.value=M.value.filter(e=>!r.some(t=>t.value===e)):M.value=[...M.value,...r]}},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};

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

@@ -0,0 +1,30 @@
+import { MaybeArray } from "../../types/common.js";
+import { FlattenedItem, TreeItemData, TreeRootProps } from "./types.js";
+
+//#region src/components/tree/tree-root.vue.d.ts
+declare const __VLS_export: <T extends TreeItemData, U extends MaybeArray<string> | undefined, M extends boolean>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
+  props: import("vue").PublicProps & __VLS_PrettifyLocal<TreeRootProps<T, U, M> & {
+    "onUpdate:modelValue"?: ((value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => any) | undefined;
+    "onUpdate:expanded"?: ((value: string[]) => any) | undefined;
+  }> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      flattenItems: FlattenedItem<T>[];
+      modelValue: U | (U & Exclude<U, undefined>) | undefined;
+      expanded: string[];
+      select: (value: string) => void;
+      toggle: (value: string) => void;
+    }) => any;
+  };
+  emit: ((evt: "update:modelValue", value: string | ((U extends string ? false : M extends true ? true : false) extends infer T_1 ? T_1 extends (U extends string ? false : M extends true ? true : false) ? T_1 extends true ? string[] : string : never : never)) => void) & ((evt: "update:expanded", value: string[]) => void);
+}>) => import("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/tree-virtualizer-item.js

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