@soybeanjs/headless 0.17.0 → 0.19.0

package/dist/components/toggle-group/types.d.ts

@@ -1,14 +1,14 @@
 import { DataOrientation, DefinedValue, Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
-import { PrimitiveProps } from "../primitive/types.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/toggle-group/types.d.ts
 /**
- * Props for the toggle group root component.
+ * Properties for the ToggleGroupRoot component.
  */
-interface ToggleGroupRootProps<M extends boolean = false, T extends DefinedValue = string> extends SelectionProps<M, T>, FormFieldCommonProps, PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+interface ToggleGroupRootProps<M extends boolean = false, T extends DefinedValue = string> extends SelectionProps<M, T>, FormFieldCommonProps, PrimitiveWithBaseProps {
   /** When `false`, navigating through items with arrow keys is disabled. */
   rovingFocus?: boolean;
   /** When `true`, prevents interaction with all items in the group. */
@@ -21,24 +21,22 @@ interface ToggleGroupRootProps<M extends boolean = false, T extends DefinedValue
   loop?: boolean;
 }
 /**
- * Emits for the toggle group root component.
+ * Events for the ToggleGroupRoot component.
  */
 type ToggleGroupRootEmits<M extends boolean = false, T extends DefinedValue = string> = SelectionEmits<M, T>;
 /**
- * Props for the toggle group item component.
+ * Properties for the ToggleGroupItem component.
  */
 interface ToggleGroupItemProps<T extends DefinedValue = string> extends ButtonProps {
   /** A unique value that identifies the item inside the group. */
   value: T;
-  /** When `true`, prevents interaction with the item. */
-  disabled?: boolean;
 }
 /**
- * Available UI slots for the toggle group component.
+ * Available UI slots for the ToggleGroup component.
  */
 type ToggleGroupUiSlot = 'root' | 'item';
 /**
- * UI class overrides for the toggle group component.
+ * UI class overrides for the ToggleGroup component.
  */
 type ToggleGroupUi = UiClass<ToggleGroupUiSlot>;
 //#endregion

package/dist/components/toolbar/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";import{useDirection as n}from"../config-provider/context.js";const[r,i]=e(`ToolbarRoot`,e=>{let t=n(()=>e.dir.value);return{...e,dir:t}}),[a,o]=t(`ToolbarUi`);export{r as provideToolbarRootContext,a as provideToolbarUi,i as useToolbarRootContext,o as useToolbarUi};
+import{useContext as e}from"../../composables/use-context.js";import{useDirection as t}from"../config-provider/context.js";import{useUiContext as n}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[r,i]=e(`ToolbarRoot`,e=>{let n=t(()=>e.dir.value);return{...e,dir:n}}),[a,o]=n(`ToolbarUi`);export{r as provideToolbarRootContext,a as provideToolbarUi,i as useToolbarRootContext,o as useToolbarUi};

package/dist/components/toolbar/toolbar-button.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../button/button.js";import"../button/index.js";import n from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToolbarUi as r}from"./context.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:`ToolbarButton`,__name:`toolbar-button`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`],setup(s,{emit:p}){let m=s,h=p,g=r(`button`),_=e(m,[`class`]),v=i(()=>[g.value,m.class]);return(e,r)=>(l(),a(d(n),{"as-child":``,focusable:!s.disabled},{default:f(()=>[o(d(t),c(d(_),{class:v.value,onClick:r[0]||(r[0]=e=>h(`click`,e))}),{default:f(()=>[u(e.$slots,`default`)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{p as default};
+import e from"../button/button.js";import"../button/index.js";import t from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToolbarUi as n}from"./context.js";import{createBlock as r,createVNode as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`ToolbarButton`,__name:`toolbar-button`,props:{type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`click`],setup(a,{emit:d}){let f=a,p=d,m=n(`button`);return(n,d)=>(s(),r(l(t),{"as-child":``,focusable:!a.disabled},{default:u(()=>[i(l(e),o(f,{"data-soybean-toolbar-button":``,class:l(m),onClick:d[0]||(d[0]=e=>p(`click`,e))}),{default:u(()=>[c(n.$slots,`default`)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{d as default};

package/dist/components/toolbar/toolbar-button.vue.d.ts

@@ -7,9 +7,9 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_16) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ToolbarButtonProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  click: (event: MouseEvent) => any;
+  click: (event: PointerEvent) => any;
 }, string, _$vue.PublicProps, Readonly<ToolbarButtonProps> & Readonly<{
-  onClick?: ((event: MouseEvent) => any) | undefined;
+  onClick?: ((event: PointerEvent) => any) | undefined;
 }>, {}, {}, {}, {}, 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/toolbar/toolbar-link.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import n from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import"../link/index.js";import{useToolbarUi as r}from"./context.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:`ToolbarLink`,__name:`toolbar-link`,props:{to:{},replace:{type:Boolean},href:{},disabled:{type:Boolean},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean},ariaCurrentValue:{},viewTransition:{type:Boolean},target:{},rel:{},noRel:{type:Boolean},prefetch:{type:Boolean},prefetchOn:{},noPrefetch:{type:Boolean},trailingSlash:{},asChild:{type:Boolean},as:{default:`a`}},setup(s){let p=s,m=r(`link`),h=e(p,[`class`]),g=i(()=>[m.value,p.class]),_=i(()=>!p.disabled&&p.tabindex!==`-1`&&p.tabindex!==-1),v=e=>{e.key!==` `||p.disabled||(e.preventDefault(),e.currentTarget?.click())};return(e,r)=>(l(),a(d(n),{"as-child":``,focusable:_.value},{default:f(()=>[o(d(t),c(d(h),{class:g.value,onKeydown:v}),{default:f(()=>[u(e.$slots,`default`)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{p as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../link/link.js";import n from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import"../link/index.js";import{useToolbarUi as r}from"./context.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:`ToolbarLink`,__name:`toolbar-link`,props:{to:{},replace:{type:Boolean},href:{},disabled:{type:Boolean},activeClass:{},exactActiveClass:{},inactiveClass:{},prefetchedClass:{},external:{type:Boolean},ariaCurrentValue:{},viewTransition:{type:Boolean},target:{},rel:{},noRel:{type:Boolean},prefetch:{type:Boolean},prefetchOn:{},noPrefetch:{type:Boolean},trailingSlash:{},asChild:{type:Boolean},as:{default:`a`}},setup(s){let p=s,m=r(`link`),h=e(p,[`class`]),g=i(()=>[m.value,p.class]),_=i(()=>!p.disabled&&p.tabindex!==`-1`&&p.tabindex!==-1),v=e=>{e.key!==` `||p.disabled||(e.preventDefault(),e.currentTarget?.click())};return(e,r)=>(l(),a(d(n),{"as-child":``,focusable:_.value},{default:f(()=>[o(d(t),c(d(h),{"data-soybean-toolbar-link":``,class:g.value,onKeydown:v}),{default:f(()=>[u(e.$slots,`default`)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{p as default};

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

@@ -1 +1 @@
-import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import r from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{provideToolbarRootContext as i,useToolbarUi as a}from"./context.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";const h=l({name:`ToolbarRoot`,__name:`toolbar-root`,props:{orientation:{default:`horizontal`},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let h=l,g=a(`root`),_=t(h,[`class`]),v=o(()=>[g.value,h.class]);return i(e(h,[`orientation`,`dir`])),(e,t)=>(d(),s(p(r),{"as-child":``,orientation:l.orientation,dir:l.dir,loop:l.loop},{default:m(()=>[c(p(n),u(p(_),{as:l.as,"as-child":l.asChild,class:v.value,role:`toolbar`,"aria-orientation":l.orientation,dir:l.dir,"data-orientation":l.orientation}),{default:m(()=>[f(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`aria-orientation`,`dir`,`data-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}});export{h as default};
+import{transformPropsToContext as e}from"../../shared/vue.js";import"../../shared/index.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import{Primitive as n}from"../primitive/primitive.js";import"../primitive/index.js";import r from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{provideToolbarRootContext as i,useToolbarUi as a}from"./context.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";const h=l({name:`ToolbarRoot`,__name:`toolbar-root`,props:{orientation:{default:`horizontal`},dir:{},loop:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let h=l,g=a(`root`),_=t(h,[`class`]),v=o(()=>[g.value,h.class]);return i(e(h,[`orientation`,`dir`])),(e,t)=>(d(),s(p(r),{"as-child":``,orientation:l.orientation,dir:l.dir,loop:l.loop},{default:m(()=>[c(p(n),u(p(_),{as:l.as,"as-child":l.asChild,"data-soybean-toolbar-root":``,class:v.value,role:`toolbar`,"aria-orientation":l.orientation,dir:l.dir,"data-orientation":l.orientation}),{default:m(()=>[f(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`class`,`aria-orientation`,`dir`,`data-orientation`])]),_:3},8,[`orientation`,`dir`,`loop`]))}});export{h as default};

package/dist/components/toolbar/toolbar-separator.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../separator/separator-root.js";import"../separator/index.js";import{useToolbarRootContext as n,useToolbarUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`ToolbarSeparator`,__name:`toolbar-separator`,props:{decorative:{type:Boolean}},setup(o){let f=o,{orientation:p}=n(`ToolbarSeparator`),m=r(`separator`),h=e(f,[`class`]),g=i(()=>[m.value,f.class]),_=i(()=>p.value===`horizontal`?`vertical`:`horizontal`);return(e,n)=>(c(),a(u(t),s(u(h),{class:g.value,orientation:_.value}),{default:d(()=>[l(e.$slots,`default`)]),_:3},16,[`class`,`orientation`]))}});export{f as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../separator/separator-root.js";import"../separator/index.js";import{useToolbarRootContext as n,useToolbarUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,renderSlot as l,unref as u,withCtx as d}from"vue";const f=o({name:`ToolbarSeparator`,__name:`toolbar-separator`,props:{decorative:{type:Boolean}},setup(o){let f=o,{orientation:p}=n(`ToolbarSeparator`),m=r(`separator`),h=e(f,[`class`]),g=i(()=>[m.value,f.class]),_=i(()=>p.value===`horizontal`?`vertical`:`horizontal`);return(e,n)=>(c(),a(u(t),s(u(h),{"data-soybean-toolbar-separator":``,class:g.value,orientation:_.value}),{default:d(()=>[l(e.$slots,`default`)]),_:3},16,[`class`,`orientation`]))}});export{f as default};

package/dist/components/toolbar/toolbar-toggle-group.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"../toggle-group/toggle-group-root.js";import"../toggle-group/index.js";import{useToolbarRootContext as r,useToolbarUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=s({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(s,{emit:m}){let h=s,g=m,{orientation:_,dir:v}=r(`ToolbarToggleGroup`),y=i(`toggleGroup`),b=t(h,[`class`,`dir`,`loop`,`rovingFocus`]),x=e(g),S=a(()=>[y.value,h.class]);return(e,t)=>(l(),o(f(n),c(f(b),{class:S.value,dir:h.dir??f(v),orientation:h.orientation??f(_),"roving-focus":!1},d(f(x))),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`class`,`dir`,`orientation`]))}});export{m 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{useToolbarRootContext as n,useToolbarUi as r}from"./context.js";import i from"../toggle-group/toggle-group-root.js";import"../toggle-group/index.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=s({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(s,{emit:m}){let h=s,g=m,{orientation:_,dir:v}=n(`ToolbarToggleGroup`),y=r(`toggleGroup`),b=t(h,[`class`,`dir`,`loop`,`rovingFocus`]),x=e(g),S=a(()=>[y.value,h.class]);return(e,t)=>(l(),o(f(i),c(f(b),{"data-soybean-toolbar-toggle-group":``,class:S.value,dir:h.dir??f(v),orientation:h.orientation??f(_),"roving-focus":!1},d(f(x))),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`class`,`dir`,`orientation`]))}});export{m as default};

package/dist/components/toolbar/toolbar-toggle-item.js

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.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{useToolbarUi as i}from"./context.js";import{computed as a,createBlock as o,createVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,unref as f,withCtx as p}from"vue";const m=c({name:`ToolbarToggleItem`,__name:`toolbar-toggle-item`,props:{value:{},disabled:{type:Boolean},type:{},asChild:{type:Boolean},as:{}},setup(c){let m=c,h=i(`toggleItem`),g=e(m,[`class`]),{disabled:_}=n(`ToolbarToggleItem`),v=a(()=>_.value||m.disabled),y=a(()=>[h.value,m.class]);return(e,n)=>(u(),o(f(t),{"as-child":``,focusable:!v.value},{default:p(()=>[s(f(r),l(f(g),{class:y.value}),{default:p(()=>[d(e.$slots,`default`)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{m as default};
+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/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
 /**
- * Props for the toolbar root component.
+ * 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. */
@@ -19,7 +19,7 @@ interface ToolbarRootProps extends PrimitiveProps, /** @vue-ignore */HTMLAttribu
   loop?: boolean;
 }
 /**
- * Context for the toolbar root component.
+ * Context for the ToolbarRoot component.
  */
 interface ToolbarRootContext {
   /**
@@ -32,7 +32,7 @@ interface ToolbarRootContext {
   dir: ComputedRef<Direction>;
 }
 /**
- * Parameters used to create the toolbar root context.
+ * Parameters used to create the ToolbarRoot context.
  */
 interface ToolbarRootContextParams {
   /**
@@ -45,39 +45,39 @@ interface ToolbarRootContextParams {
   dir: ComputedRef<Direction | undefined>;
 }
 /**
- * Available UI slots for the toolbar component.
+ * Available UI slots for the Toolbar component.
  */
 type ToolbarUiSlot = 'root' | 'button' | 'link' | 'separator' | 'toggleGroup' | 'toggleItem';
 /**
- * UI class overrides for the toolbar component.
+ * UI class overrides for the Toolbar component.
  */
 type ToolbarUi = UiClass<ToolbarUiSlot>;
 /**
- * Props for the toolbar button component.
+ * Properties for the ToolbarButton component.
  */
 interface ToolbarButtonProps extends ButtonProps {}
 /**
- * Emits for the toolbar button component.
+ * Events for the ToolbarButton component.
  */
 type ToolbarButtonEmits = ButtonEmits;
 /**
- * Props for the toolbar link component.
+ * Properties for the ToolbarLink component.
  */
 interface ToolbarLinkProps extends LinkProps {}
 /**
- * Props for the toolbar separator component.
+ * Properties for the ToolbarSeparator component.
  */
 interface ToolbarSeparatorProps extends Omit<SeparatorRootProps, 'orientation'> {}
 /**
- * Props for the toolbar toggle group component.
+ * Properties for the ToolbarToggleGroup component.
  */
 interface ToolbarToggleGroupProps<M extends boolean = false, T extends DefinedValue = string> extends ToggleGroupRootProps<M, T> {}
 /**
- * Emits for the toolbar toggle group component.
+ * Events for the ToolbarToggleGroup component.
  */
 type ToolbarToggleGroupEmits<M extends boolean = false, T extends DefinedValue = string> = ToggleGroupRootEmits<M, T>;
 /**
- * Props for the toolbar toggle item component.
+ * Properties for the ToolbarToggleItem component.
  */
 interface ToolbarToggleItemProps<T extends DefinedValue = string> extends ToggleGroupItemProps<T> {}
 //#endregion

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;
+}>, {
+  defaultOpen: boolean;
+  open: 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;
 }>, {
-  open: boolean;
   defaultOpen: boolean;
+  open: 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,10 +1,12 @@
+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
 /**
- * Props for the tooltip provider component.
+ * Properties for the TooltipProvider component.
  */
 interface TooltipProviderProps {
   /**
@@ -51,7 +53,7 @@ interface TooltipProviderProps {
   positionerProps?: TooltipPositionerProps;
 }
 /**
- * Props for the tooltip root component.
+ * Properties for the TooltipRoot component.
  */
 interface TooltipRootProps extends TooltipProviderProps {
   /** The open state of the tooltip when it is initially rendered. Use when you do not need to control its open state. */
@@ -60,34 +62,34 @@ interface TooltipRootProps extends TooltipProviderProps {
   open?: boolean;
 }
 /**
- * Emits for the tooltip root component.
+ * 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 the tooltip component.
+ * State values for TooltipDataState.
  */
 type TooltipDataState = 'closed' | 'delayed-open' | 'instant-open';
 /**
- * Props for the tooltip positioner impl component.
+ * Properties for the TooltipPositionerImpl component.
  */
 interface TooltipPositionerImplProps extends PopperPositionerProps {}
 /**
- * Emits for the tooltip positioner impl component.
+ * Events for the TooltipPositionerImpl component.
  */
 type TooltipPositionerImplEmits = Pick<DismissableLayerEmits, 'escapeKeyDown' | 'pointerDownOutside'>;
 /**
- * Props for the tooltip positioner component.
+ * Properties for the TooltipPositioner component.
  */
 interface TooltipPositionerProps extends TooltipPositionerImplProps, ForceMountProps {}
 /**
- * Emits for the tooltip positioner component.
+ * Events for the TooltipPositioner component.
  */
 type TooltipPositionerEmits = TooltipPositionerImplEmits;
 /**
- * Props for the tooltip popup component.
+ * Properties for the TooltipPopup component.
  */
 interface TooltipPopupProps extends PopperPopupProps {
   /**
@@ -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.
+ */
+interface 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};