@soybeanjs/headless 0.30.0 → 0.40.0-beta.2

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

@@ -7,27 +7,27 @@ import { ComputedRef, HTMLAttributes, LiHTMLAttributes, OlHTMLAttributes, Shallo
 /**
  * Supported toast values.
  */
-type ToastType = 'default' | 'success' | 'info' | 'warning' | 'error' | 'loading';
+export type ToastType = 'default' | 'success' | 'info' | 'warning' | 'error' | 'loading';
 /**
  * Supported toast icon values.
  */
-type ToastIconType = Exclude<ToastType, 'default'> | 'close';
+export type ToastIconType = Exclude<ToastType, 'default'> | 'close';
 /**
  * Type information for ToastPosition.
  */
-type ToastPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
+export type ToastPosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top-center' | 'bottom-center';
 /**
  * Type information for ToastOffset.
  */
-type ToastOffset = Partial<Record<Side, number>> | number;
+export type ToastOffset = Partial<Record<Side, number>> | number;
 /**
  * Type information for ToastPromise.
  */
-type ToastPromise<Data = any> = Promise<Data> | (() => Promise<Data>);
+export type ToastPromise<Data = any> = Promise<Data> | (() => Promise<Data>);
 /**
  * Type information for ToastT.
  */
-interface ToastT {
+export interface ToastT {
   /**
    * Id.
    */
@@ -128,7 +128,7 @@ interface ToastT {
 /**
  * Type information for ToastExternal.
  */
-interface ToastExternal extends Omit<ToastT, 'id' | 'type' | 'title' | 'content' | 'custom' | 'promise' | 'delete'> {
+export interface ToastExternal extends Omit<ToastT, 'id' | 'type' | 'title' | 'content' | 'custom' | 'promise' | 'delete'> {
   /**
    * Id.
    */
@@ -137,7 +137,7 @@ interface ToastExternal extends Omit<ToastT, 'id' | 'type' | 'title' | 'content'
 /**
  * Type information for ToastCreateOptions.
  */
-interface ToastCreateOptions extends Omit<ToastT, 'id' | 'delete' | 'title'> {
+export interface ToastCreateOptions extends Omit<ToastT, 'id' | 'delete' | 'title'> {
   /**
    * Id.
    */
@@ -150,7 +150,7 @@ interface ToastCreateOptions extends Omit<ToastT, 'id' | 'delete' | 'title'> {
 /**
  * Properties for the Toaster component.
  */
-interface ToasterProps extends BaseProps<OlHTMLAttributes> {
+export interface ToasterProps extends BaseProps<OlHTMLAttributes> {
   /**
    * Id.
    */
@@ -259,11 +259,11 @@ interface ToasterProps extends BaseProps<OlHTMLAttributes> {
 /**
  * Properties for the ToastProvider component.
  */
-interface ToastProviderProps extends ToasterProps {}
+export interface ToastProviderProps extends ToasterProps {}
 /**
  * Type information for ToastDismiss.
  */
-interface ToastDismiss {
+export interface ToastDismiss {
   /**
    * Id.
    */
@@ -276,11 +276,11 @@ interface ToastDismiss {
 /**
  * Type information for ToastOrDismiss.
  */
-type ToastOrDismiss = ToastT | ToastDismiss;
+export type ToastOrDismiss = ToastT | ToastDismiss;
 /**
  * Type information for ToastPromiseResult.
  */
-interface ToastPromiseResult extends ToastExternal {
+export interface ToastPromiseResult extends ToastExternal {
   /**
    * Message.
    */
@@ -289,11 +289,11 @@ interface ToastPromiseResult extends ToastExternal {
 /**
  * Type information for ToastPromiseResolver.
  */
-type ToastPromiseResolver<Result, Data = any> = Result | ((data: Data) => Result | Promise<Result>);
+export type ToastPromiseResolver<Result, Data = any> = Result | ((data: Data) => Result | Promise<Result>);
 /**
  * Type information for ToastPromiseData.
  */
-type ToastPromiseData<ToastData = any> = Omit<ToastExternal, 'description'> & {
+export type ToastPromiseData<ToastData = any> = Omit<ToastExternal, 'description'> & {
   /**
    * Whether the component is loading.
    */
@@ -318,10 +318,9 @@ type ToastPromiseData<ToastData = any> = Omit<ToastExternal, 'description'> & {
 /**
  * Available UI slots for the Toast component.
  */
-type ToastUiSlot = 'toaster' | 'toast' | 'wrapper' | 'content' | 'title' | 'description' | 'icon' | 'footer' | 'action' | 'cancel' | 'close';
+export type ToastUiSlot = 'toaster' | 'toast' | 'wrapper' | 'content' | 'title' | 'description' | 'icon' | 'footer' | 'action' | 'cancel' | 'close';
 /**
  * UI class overrides for the Toast component.
  */
-type ToastUi = UiClass<ToastUiSlot>;
-//#endregion
-export { ToastCreateOptions, ToastDismiss, ToastExternal, ToastIconType, ToastOffset, ToastOrDismiss, ToastPosition, ToastPromise, ToastPromiseData, ToastPromiseResolver, ToastPromiseResult, ToastProviderProps, ToastT, ToastType, ToastUi, ToastUiSlot, ToasterProps };
+export type ToastUi = UiClass<ToastUiSlot>;
+//#endregion

package/dist/components/toggle/toggle.js

@@ -1 +1 @@
-import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../button/button.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`Toggle`,__name:`toggle`,props:{defaultValue:{type:Boolean,default:!1},modelValue:{type:Boolean,default:void 0},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(a,{emit:d}){let f=a,p=d,m=t(f,[`defaultValue`,`modelValue`]),h=e(()=>f.modelValue,e=>{p(`update:modelValue`,e)},f.defaultValue),g=r(()=>h.value?`on`:`off`),_=e=>{if(f.disabled){e.preventDefault(),e.stopPropagation();return}h.value=!h.value};return(e,t)=>(s(),i(n,o(l(m),{"data-soybean-toggle":``,disabled:a.disabled,"aria-pressed":l(h),"data-state":g.value,onClick:_}),{default:u(()=>[c(e.$slots,`default`,{modelValue:l(h),pressed:l(h),state:g.value,disabled:a.disabled})]),_:3},16,[`disabled`,`aria-pressed`,`data-state`]))}});export{d as default};
+import{useControllableState as e}from"../../composables/use-controllable-state.js";import{useOmitProps as t}from"../../composables/use-props.js";import n from"../button/button.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`Toggle`,__name:`toggle`,props:{defaultValue:{type:Boolean,default:!1},modelValue:{type:Boolean,default:void 0},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(a,{emit:d}){let f=a,p=d,m=t(f,[`defaultValue`,`modelValue`]),h=e(()=>f.modelValue,e=>{p(`update:modelValue`,e)},f.defaultValue),g=r(()=>h.value?`on`:`off`),_=e=>{if(f.disabled){e.preventDefault(),e.stopPropagation();return}h.value=!h.value};return(e,t)=>(s(),i(n,o(l(m),{"data-soybean-toggle":``,disabled:a.disabled,"aria-pressed":l(h),"data-state":g.value,onClick:_}),{default:u(()=>[c(e.$slots,`default`,{modelValue:l(h),pressed:l(h),state:g.value,disabled:a.disabled})]),_:3},16,[`disabled`,`aria-pressed`,`data-state`]))}});export{d as default};

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

@@ -3,11 +3,11 @@ import { ButtonProps } from "../button/types.js";
 /**
  * State values for ToggleState.
  */
-type ToggleState = 'on' | 'off';
+export type ToggleState = 'on' | 'off';
 /**
  * Properties for the Toggle component.
  */
-interface ToggleProps extends ButtonProps {
+export interface ToggleProps extends ButtonProps {
   /**
    * The pressed state of the toggle when it is initially rendered.
    */
@@ -20,11 +20,10 @@ interface ToggleProps extends ButtonProps {
 /**
  * Events for the Toggle component.
  */
-type ToggleEmits = {
+export type ToggleEmits = {
   /**
    * Event handler called when the pressed state changes.
    */
   'update:modelValue': [value: boolean];
 };
-//#endregion
-export { ToggleEmits, ToggleProps, ToggleState };
+//#endregion

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { ToggleGroupUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 //#region src/components/toggle-group/context.d.ts
 declare const provideToggleGroupUi: (ui: import("vue").ComputedRef<Partial<UiClass<ToggleGroupUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<ToggleGroupUiSlot>>>, useToggleGroupUi: UseUiConsumer<ToggleGroupUiSlot>;
 //#endregion

package/dist/components/toggle-group/context.js

@@ -1 +1 @@
-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(`ToggleGroupRoot`,e=>{let n=t(()=>e.dir.value);return{...e,dir:n}}),[a,o]=n(`ToggleGroupUi`);export{r as provideToggleGroupRootContext,a as provideToggleGroupUi,i as useToggleGroupRootContext,o as useToggleGroupUi};
+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";const[r,i]=e(`ToggleGroupRoot`,e=>{let n=t(()=>e.dir.value);return{...e,dir:n}}),[a,o]=n(`ToggleGroupUi`);export{r as provideToggleGroupRootContext,a as provideToggleGroupUi,i as useToggleGroupRootContext,o as useToggleGroupUi};

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

@@ -1 +1 @@
-import{useOmitProps as e}from"../../composables/use-props.js";import"../../composables/index.js";import t from"../button/button.js";import n from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToggleGroupRootContext as r,useToggleGroupUi as i}from"./context.js";import{computed as a,createBlock as o,defineComponent as s,mergeProps as c,openBlock as l,renderSlot as u,resolveDynamicComponent as d,unref as f,withCtx as p}from"vue";const m=s({name:`ToggleGroupItem`,__name:`toggle-group-item`,props:{value:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(s){let m=s,h=i(`item`),{disabled:g,rovingFocus:_,orientation:v,isValueSelected:y,onModelValueChange:b}=r(`ToggleGroupItem`),x=a(()=>g.value||m.disabled),S=a(()=>y(m.value)),C=a(()=>_.value?{focusable:!x.value,active:S.value}:{}),w=e(m,[`value`],C),T=a(()=>S.value?`on`:`off`),E=()=>{b(m.value)};return(e,r)=>(l(),o(d(f(_)?f(n):t),c(f(w),{as:f(_)?t:m.as,"data-soybean-toggle-group-item":``,class:f(h),"aria-pressed":S.value?`true`:`false`,"data-state":T.value,"data-orientation":f(v),disabled:x.value,onClick:E}),{default:p(()=>[u(e.$slots,`default`,{pressed:S.value,disabled:x.value})]),_:3},16,[`as`,`class`,`aria-pressed`,`data-state`,`data-orientation`,`disabled`]))}});export{m as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import{useRovingFocusGroupItem as t}from"../../composables/use-roving-focus.js";import{Primitive as n}from"../primitive/primitive.js";import r from"../button/button.js";import{useToggleGroupRootContext as i,useToggleGroupUi as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,mergeProps as l,openBlock as u,renderSlot as d,resolveDynamicComponent as f,unref as p,withCtx as m}from"vue";const h=c({name:`ToggleGroupItem`,__name:`toggle-group-item`,props:{value:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(c){let h=c,g=a(`item`),{disabled:_,rovingFocus:v,orientation:y,isValueSelected:b,onModelValueChange:x}=i(`ToggleGroupItem`),S=o(()=>_.value||h.disabled),C=o(()=>b(h.value)),w=v.value?t({focusable:o(()=>!S.value),active:C}):null,T=e(h,[`value`]),E=o(()=>!v.value||!w?T.value:{...T.value,...w.itemProps.value}),D=o(()=>C.value?`on`:`off`),O=()=>{x(h.value)};return(e,t)=>(u(),s(f(p(v)?p(n):r),l({ref:p(w)?.setItemElement},E.value,{as:p(v)?r:h.as,"data-soybean-toggle-group-item":``,class:p(g),"aria-pressed":C.value?`true`:`false`,"data-state":D.value,"data-orientation":p(y),disabled:S.value,onClick:O}),{default:m(()=>[d(e.$slots,`default`,{pressed:C.value,disabled:S.value})]),_:3},16,[`as`,`class`,`aria-pressed`,`data-state`,`data-orientation`,`disabled`]))}});export{h as default};

package/dist/components/toggle-group/toggle-group-root.js

@@ -1 +1 @@
-import{isFormControl as e,transformPropsToContext as t}from"../../shared/vue.js";import"../../shared/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useSelection as r}from"../../composables/use-selection.js";import"../../composables/index.js";import{Primitive as i}from"../primitive/primitive.js";import"../primitive/index.js";import a from"../visually-hidden/visually-hidden-input.js";import"../visually-hidden/index.js";import o from"../roving-focus/roving-focus-group.js";import"../roving-focus/index.js";import{provideToggleGroupRootContext as s,useToggleGroupUi as c}from"./context.js";import{computed as l,createBlock as u,createCommentVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderSlot as h,resolveDynamicComponent as g,unref as _,withCtx as v}from"vue";const y=f({name:`ToggleGroupRoot`,__name:`toggle-group-root`,props:{rovingFocus:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},orientation:{default:`horizontal`},dir:{},loop:{type:Boolean,default:!0},modelValue:{default:void 0},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(f,{emit:y}){let b=f,x=y,S=c(`root`),[C,w]=n(),{modelValue:T,onModelValueChange:E,isValueSelected:D,isMultiple:O}=r(b,e=>x(`update:modelValue`,e)),k=l(()=>e(C.value)),A=l(j);function j(){let{rovingFocus:e,loop:t,dir:n,orientation:r}=b;return e?{loop:t,dir:n,orientation:r}:{}}let M=e=>{E(e)},N=e=>D(e);return s({...t(b,[`disabled`,`rovingFocus`,`orientation`,`dir`,`loop`,`name`,`required`]),modelValue:T,onModelValueChange:M,isValueSelected:N,isMultiple:O}),(e,t)=>(m(),u(g(f.rovingFocus?_(o):_(i)),p(A.value,{ref:_(w),as:f.as,"as-child":f.asChild,"data-soybean-toggle-group-root":``,class:_(S),dir:f.dir,role:`group`,"data-disabled":f.disabled?``:void 0,"data-orientation":f.orientation}),{default:v(()=>[h(e.$slots,`default`,{modelValue:_(T)}),k.value&&f.name?(m(),u(_(a),{key:0,name:f.name,value:_(T),disabled:f.disabled,required:f.required},null,8,[`name`,`value`,`disabled`,`required`])):d(`v-if`,!0)]),_:3},16,[`as`,`as-child`,`class`,`dir`,`data-disabled`,`data-orientation`]))}});export{y as default};
+import{isFormControl as e,toContext as t}from"../../shared/vue.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useRovingFocusGroup as r}from"../../composables/use-roving-focus.js";import{useSelection as i}from"../../composables/use-selection.js";import{Primitive as a}from"../primitive/primitive.js";import o from"../visually-hidden/visually-hidden-input.js";import{provideToggleGroupRootContext as s,useToggleGroupUi as c}from"./context.js";import{computed as l,createBlock as u,createCommentVNode as d,defineComponent as f,mergeProps as p,openBlock as m,renderSlot as h,unref as g,withCtx as _}from"vue";const v=f({name:`ToggleGroupRoot`,__name:`toggle-group-root`,props:{rovingFocus:{type:Boolean,default:!0},disabled:{type:Boolean,default:!1},orientation:{default:`horizontal`},dir:{},loop:{type:Boolean,default:!0},modelValue:{default:void 0},defaultValue:{},multiple:{},clearable:{type:Boolean,default:!0},selectionBehavior:{},name:{},required:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`],setup(f,{emit:v}){let y=f,b=v,x=c(`root`),[S,C]=n(),{modelValue:w,onModelValueChange:T,isValueSelected:E,isMultiple:D}=i(y,e=>b(`update:modelValue`,e)),O=l(()=>e(S.value)),k=y.rovingFocus?r({...t(y,[`loop`,`dir`,`orientation`]),currentTabStopId:l(()=>void 0),defaultCurrentTabStopId:l(()=>void 0),preventScrollOnEntryFocus:l(()=>!1)}):null,A=l(()=>k?.groupProps.value),j=e=>{T(e)},M=e=>E(e);s({...t(y,[`disabled`,`rovingFocus`,`orientation`,`dir`,`loop`,`name`,`required`]),modelValue:w,onModelValueChange:j,isValueSelected:M,isMultiple:D});function N(e){C(e),k?.setContainerElement(e)}return(e,t)=>(m(),u(g(a),p(A.value,{ref:N,as:f.as,"as-child":f.asChild,"data-soybean-toggle-group-root":``,class:g(x),role:`group`,"data-disabled":f.disabled?``:void 0,"data-orientation":f.orientation}),{default:_(()=>[h(e.$slots,`default`,{modelValue:g(w)}),O.value&&f.name?(m(),u(g(o),{key:0,name:f.name,value:g(w),disabled:f.disabled,required:f.required},null,8,[`name`,`value`,`disabled`,`required`])):d(`v-if`,!0)]),_:3},16,[`as`,`as-child`,`class`,`data-disabled`,`data-orientation`]))}});export{v as default};

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

@@ -8,7 +8,7 @@ import { ComputedRef, ShallowRef } from "vue";
 /**
  * Properties for the ToggleGroupRoot component.
  */
-interface ToggleGroupRootProps<M extends boolean = false, T extends DefinedValue = string> extends SelectionProps<M, T>, FormFieldCommonProps, PrimitiveWithBaseProps {
+export 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. */
@@ -23,21 +23,20 @@ interface ToggleGroupRootProps<M extends boolean = false, T extends DefinedValue
 /**
  * Events for the ToggleGroupRoot component.
  */
-type ToggleGroupRootEmits<M extends boolean = false, T extends DefinedValue = string> = SelectionEmits<M, T>;
+export type ToggleGroupRootEmits<M extends boolean = false, T extends DefinedValue = string> = SelectionEmits<M, T>;
 /**
  * Properties for the ToggleGroupItem component.
  */
-interface ToggleGroupItemProps<T extends DefinedValue = string> extends ButtonProps {
+export interface ToggleGroupItemProps<T extends DefinedValue = string> extends ButtonProps {
   /** A unique value that identifies the item inside the group. */
   value: T;
 }
 /**
  * Available UI slots for the ToggleGroup component.
  */
-type ToggleGroupUiSlot = 'root' | 'item';
+export type ToggleGroupUiSlot = 'root' | 'item';
 /**
  * UI class overrides for the ToggleGroup component.
  */
-type ToggleGroupUi = UiClass<ToggleGroupUiSlot>;
-//#endregion
-export { ToggleGroupItemProps, ToggleGroupRootEmits, ToggleGroupRootProps, ToggleGroupUi, ToggleGroupUiSlot };
+export type ToggleGroupUi = UiClass<ToggleGroupUiSlot>;
+//#endregion

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { ToolbarUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 //#region src/components/toolbar/context.d.ts
 declare const provideToolbarUi: (ui: import("vue").ComputedRef<Partial<UiClass<ToolbarUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<ToolbarUiSlot>>>, useToolbarUi: UseUiConsumer<ToolbarUiSlot>;
 //#endregion

package/dist/components/toolbar/context.js

@@ -1 +1 @@
-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};
+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";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 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};
+import{useRovingFocusGroupItem as e}from"../../composables/use-roving-focus.js";import t from"../button/button.js";import{useToolbarUi as n}from"./context.js";import{computed as r,createBlock as i,defineComponent as a,mergeProps as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`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`),{setItemElement:h,itemProps:g}=e({focusable:r(()=>!f.disabled)});return(e,n)=>(s(),i(l(t),o({ref:l(h)},{...f,...l(g)},{"data-soybean-toolbar-button":``,class:l(m),onClick:n[0]||=e=>p(`click`,e)}),{default:u(()=>[c(e.$slots,`default`)]),_:3},16,[`class`]))}});export{d as default};

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

@@ -1,8 +1,8 @@
 import { ToolbarButtonProps } from "./types.js";
 //#region src/components/toolbar/toolbar-button.vue.d.ts
-declare var __VLS_16: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_16) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ToolbarButtonProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   click: (event: PointerEvent) => any;

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"../_icon/icon.js";import n from"../link/link.js";import r from"../roving-focus/roving-focus-item.js";import"../roving-focus/index.js";import{useToolbarUi as i}from"./context.js";import{computed as a,createBlock as o,createCommentVNode as s,createVNode as c,defineComponent as l,mergeProps as u,normalizeClass as d,openBlock as f,renderSlot as p,unref as m,withCtx as h}from"vue";const g=l({name:`ToolbarLink`,__name:`toolbar-link`,props:{showIcon:{type:Boolean,default:!0},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:{}},setup(l){let g=l,_=i(),v=e(g,[`class`]),y=a(()=>!g.disabled&&g.tabindex!==`-1`&&g.tabindex!==-1),b=e=>{e.key!==` `||g.disabled||(e.preventDefault(),e.currentTarget?.click())};return(e,i)=>(f(),o(m(r),{"as-child":``,focusable:y.value},{default:h(()=>[c(n,u(m(v),{"data-soybean-toolbar-link":``,class:m(_).link,onKeydown:b}),{default:h(n=>[p(e.$slots,`default`),g.showIcon&&n.isHref?(f(),o(t,{key:0,icon:`lucide:arrow-up-right`,class:d(m(_).linkIcon)},null,8,[`class`])):s(`v-if`,!0)]),_:3},16,[`class`])]),_:3},8,[`focusable`]))}});export{g as default};
+import{useOmitProps as e}from"../../composables/use-props.js";import{useRovingFocusGroupItem as t}from"../../composables/use-roving-focus.js";import n from"../_icon/icon.js";import r from"../link/link.js";import{useToolbarUi as i}from"./context.js";import{computed as a,createBlock as o,createCommentVNode as s,defineComponent as c,mergeProps as l,normalizeClass as u,openBlock as d,renderSlot as f,unref as p,withCtx as m}from"vue";const h=c({name:`ToolbarLink`,__name:`toolbar-link`,props:{showIcon:{type:Boolean,default:!0},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:{}},setup(c){let h=c,g=i(),_=e(h,[`class`]),v=a(()=>!h.disabled&&h.tabindex!==`-1`&&h.tabindex!==-1),{setItemElement:y,itemProps:b}=t({focusable:v}),x=a(()=>({..._.value,...b.value})),S=e=>{e.key!==` `||h.disabled||(e.preventDefault(),e.currentTarget?.click())};return(e,t)=>(d(),o(r,l({ref:p(y)},x.value,{"data-soybean-toolbar-link":``,class:p(g).link,onKeydown:S}),{default:m(t=>[f(e.$slots,`default`),h.showIcon&&t.isHref?(d(),o(n,{key:0,icon:`lucide:arrow-up-right`,class:u(p(g).linkIcon)},null,8,[`class`])):s(`v-if`,!0)]),_:3},16,[`class`]))}});export{h as default};

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

@@ -1,8 +1,8 @@
 import { ToolbarLinkProps } from "./types.js";
 //#region src/components/toolbar/toolbar-link.vue.d.ts
-declare var __VLS_16: {};
+declare var __VLS_10: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_16) => any;
+  default?: (props: typeof __VLS_10) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ToolbarLinkProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToolbarLinkProps> & Readonly<{}>, {
   showIcon: boolean;

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

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

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

@@ -2,9 +2,9 @@ import { DataOrientation } from "../../types/common.js";
 import { ToolbarRootProps } from "./types.js";
 import "../../index.js";
 //#region src/components/toolbar/toolbar-root.vue.d.ts
-declare var __VLS_14: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_14) => any;
+  default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ToolbarRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToolbarRootProps> & Readonly<{}>, {
   orientation: DataOrientation;

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

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

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

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

@@ -10,7 +10,7 @@ import { ComputedRef } from "vue";
 /**
  * Properties for the ToolbarRoot component.
  */
-interface ToolbarRootProps extends PrimitiveWithBaseProps {
+export interface ToolbarRootProps extends PrimitiveWithBaseProps {
   /** The orientation of the toolbar. */
   orientation?: DataOrientation;
   /** The reading direction of the toolbar. */
@@ -21,7 +21,7 @@ interface ToolbarRootProps extends PrimitiveWithBaseProps {
 /**
  * Context for the ToolbarRoot component.
  */
-interface ToolbarRootContext {
+export interface ToolbarRootContext {
   /**
    * Orientation of the component.
    */
@@ -34,7 +34,7 @@ interface ToolbarRootContext {
 /**
  * Parameters used to create the ToolbarRoot context.
  */
-interface ToolbarRootContextParams {
+export interface ToolbarRootContextParams {
   /**
    * Orientation of the component.
    */
@@ -47,23 +47,23 @@ interface ToolbarRootContextParams {
 /**
  * Available UI slots for the Toolbar component.
  */
-type ToolbarUiSlot = 'root' | 'button' | 'link' | 'linkIcon' | 'separator' | 'toggleGroup' | 'toggleItem';
+export type ToolbarUiSlot = 'root' | 'button' | 'link' | 'linkIcon' | 'separator' | 'toggleGroup' | 'toggleItem';
 /**
  * UI class overrides for the Toolbar component.
  */
-type ToolbarUi = UiClass<ToolbarUiSlot>;
+export type ToolbarUi = UiClass<ToolbarUiSlot>;
 /**
  * Properties for the ToolbarButton component.
  */
-interface ToolbarButtonProps extends ButtonProps {}
+export interface ToolbarButtonProps extends ButtonProps {}
 /**
  * Events for the ToolbarButton component.
  */
-type ToolbarButtonEmits = ButtonEmits;
+export type ToolbarButtonEmits = ButtonEmits;
 /**
  * Properties for the ToolbarLink component.
  */
-interface ToolbarLinkProps extends LinkProps {
+export interface ToolbarLinkProps extends LinkProps {
   /**
    * Whether or not to show an icon when the `href` prop is provided.
    */
@@ -72,18 +72,17 @@ interface ToolbarLinkProps extends LinkProps {
 /**
  * Properties for the ToolbarSeparator component.
  */
-interface ToolbarSeparatorProps extends Omit<SeparatorRootProps, 'orientation'> {}
+export 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> {}
+export 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>;
+export 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 };
+export interface ToolbarToggleItemProps<T extends DefinedValue = string> extends ToggleGroupItemProps<T> {}
+//#endregion

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

@@ -0,0 +1,10 @@
+import { UiClass } from "../../types/common.js";
+import { PopperUiSlot } from "../popper/types.js";
+import "./types.js";
+import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
+//#region src/components/tooltip/context.d.ts
+declare const provideTooltipUi: (ui: import("vue").ComputedRef<Partial<UiClass<PopperUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<PopperUiSlot>>>, useTooltipUi: UseUiConsumer<PopperUiSlot>;
+//#endregion
+export { provideTooltipUi };

package/dist/components/tooltip/context.js

@@ -1 +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};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import{providePopperUi as n}from"../popper/context.js";const[r,i]=e(`TooltipProvider`,e=>e),[a,o]=e(`TooltipRoot`,e=>e),[s,c]=t(`Tooltip`,e=>(n(e),e));export{r as provideTooltipProviderContext,a as provideTooltipRootContext,s as provideTooltipUi,i as useTooltipProviderContext,o as useTooltipRootContext};

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

@@ -1,12 +1,13 @@
-import { PopperAnchorProps, PopperArrowProps, PopperUi, PopperUiSlot } from "../popper/types.js";
-import { PortalProps } from "../portal/types.js";
-import _default$3 from "../portal/portal.vue.js";
-import { TooltipCompactEmits, TooltipCompactProps, TooltipCompactSlots, TooltipDataState, TooltipPopupProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipProviderProps, TooltipRootEmits, TooltipRootProps } from "./types.js";
+import { PopperAnchorProps, PopperArrowProps, PopperPortalProps, PopperUi, PopperUiSlot } from "../popper/types.js";
+import { TooltipCompactEmits, TooltipCompactProps, TooltipCompactSlots, TooltipDataState, TooltipPopupProps, TooltipPositionerEmits, TooltipPositionerProps, TooltipProviderContext, TooltipProviderProps, TooltipRootEmits, TooltipRootProps } from "./types.js";
+import _default$3 from "../popper/popper-portal.vue.js";
 import _default from "../popper/popper-arrow.vue.js";
-import { providePopperUi } from "../popper/context.js";
+import "../popper/index.js";
 import _default$1 from "./tooltip-compact.vue.js";
-import _default$5 from "./tooltip-root.vue.js";
-import _default$6 from "./tooltip-trigger.vue.js";
+import _default$5 from "./tooltip-provider.vue.js";
+import _default$6 from "./tooltip-root.vue.js";
+import _default$7 from "./tooltip-trigger.vue.js";
 import _default$4 from "./tooltip-positioner.vue.js";
 import _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 };
+import { provideTooltipUi } from "./context.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 PopperPortalProps as TooltipPortalProps, _default$4 as TooltipPositioner, type TooltipPositionerEmits, type TooltipPositionerProps, _default$5 as TooltipProvider, type TooltipProviderContext, type TooltipProviderProps, _default$6 as TooltipRoot, type TooltipRootEmits, type TooltipRootProps, _default$7 as TooltipTrigger, type PopperAnchorProps as TooltipTriggerProps, type PopperUi as TooltipUi, type PopperUiSlot as TooltipUiSlot, 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-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};
+import e from"../popper/popper-portal.js";import t from"../popper/popper-arrow.js";import{provideTooltipUi as n}from"./context.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";import c from"./tooltip-provider.js";export{t as TooltipArrow,s as TooltipCompact,r as TooltipPopup,e as TooltipPortal,i as TooltipPositioner,c as TooltipProvider,a as TooltipRoot,o as TooltipTrigger,n as provideTooltipUi};

package/dist/components/tooltip/shared.js

@@ -1 +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};
+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}),r=[`delayDuration`,`skipDelayDuration`,`disableHoverableContent`,`disableClosingTrigger`,`disabled`,`ignoreNonKeyboardFocus`,`positionerProps`],i=[`delayDuration`,`disableHoverableContent`,`disableClosingTrigger`,`disabled`,`ignoreNonKeyboardFocus`,`positionerProps`],a=e=>Object.fromEntries(Object.entries(e??{}).filter(([,e])=>e!==void 0));export{r as PROVIDER_CONFIG_KEYS,i as ROOT_RESOLVE_KEYS,e as TOOLTIP_OPEN,n as createDefaultTooltipConfig,a as pickDefinedConfig,t as tooltipCssVars};

package/dist/components/tooltip/tooltip-compact.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"../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};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import n from"../popper/popper-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:{},modal:{type:Boolean},disabled:{type:Boolean},delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`],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]||=(e,t)=>T(`update:open`,e,t)}),{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

@@ -1,16 +1,27 @@
-import { PointerDownOutsideEvent } from "../../types/event.js";
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import { PopperOpenChangeReason } from "../popper/types.js";
 import { TooltipCompactProps, TooltipCompactSlots } from "./types.js";
 import "../../index.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;
+  "update:open": (value: boolean, reason?: PopperOpenChangeReason | undefined) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  focusOutside: (event: FocusOutsideEvent) => any;
+  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+  placed: () => any;
 }, string, import("vue").PublicProps, Readonly<TooltipCompactProps> & Readonly<{
-  "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  "onUpdate:open"?: ((value: boolean, reason?: PopperOpenChangeReason | undefined) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onPlaced?: (() => any) | undefined;
 }>, {
   open: boolean;
   showArrow: boolean;

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{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};
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import{usePopperRootContext as t}from"../popper/context.js";import{popperCssVars as n}from"../popper/shared.js";import r from"../popper/popper-popup.js";import i from"../visually-hidden/visually-hidden.js";import{tooltipCssVars as a}from"./shared.js";import{useTooltipRootContext as o}from"./context.js";import{computed as s,createBlock as c,createTextVNode as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,toDisplayString as h,unref as g,withCtx as _}from"vue";const v=d({name:`TooltipPopup`,__name:`tooltip-popup`,props:{ariaLabel:{}},setup(d){let v=d,{popupId:y}=o(`TooltipPopup`),{open:b,wasOpenDelayed:x}=t(`TooltipPopup`),[S,C]=e(),w=s(()=>b.value?x.value?`delayed-open`:`instant-open`:`closed`),T={[a.transformOrigin]:`var(${n.transformOrigin})`,[a.availableWidth]:`var(${n.availableWidth})`,[a.availableHeight]:`var(${n.availableHeight})`,[a.anchorWidth]:`var(${n.anchorWidth})`,[a.anchorHeight]:`var(${n.anchorHeight})`},E=s(()=>v.ariaLabel??S.value?.textContent);return(e,t)=>(p(),c(g(r),f({ref:g(C)},v,{"data-soybean-tooltip-popup":``,"data-dismissable-layer":``,"data-state":w.value,style:T}),{default:_(()=>[m(e.$slots,`default`),u(g(i),{id:g(y),role:`tooltip`},{default:_(()=>[l(h(E.value),1)]),_:1},8,[`id`])]),_:3},16,[`data-state`]))}});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,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};
+import{defu as e}from"../../shared/object.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{usePopperRootContext as n}from"../popper/context.js";import r from"../popper/popper-positioner.js";import{TOOLTIP_OPEN as i}from"./shared.js";import{useTooltipRootContext as a}from"./context.js";import{computed as o,createBlock as s,defineComponent as c,mergeProps as l,onWatcherCleanup as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,watchPostEffect as h,withCtx as g}from"vue";const _=c({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:{},trapFocus:{type:Boolean},disableHoverableContent:{type:Boolean},onGracePointerExit:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`placed`],setup(c,{emit:_}){let v=c,y=_,b=t(y),{positionerProps:x,disableHoverableContent:S,disableClosingTrigger:C,popupId:w}=a(`TooltipPositioner`),{open:T,triggerElement:E,onOpenChange:D}=n(`TooltipPositioner`);function O(){D(!1,`trigger-hover`)}h(()=>{let e=e=>{let t=e.detail?.sourceId;t&&t!==w&&O()};document.addEventListener(i,e),u(()=>{document.removeEventListener(i,e)})});function k(e){C.value&&E.value?.contains(e.target)&&e.preventDefault(),y(`pointerDownOutside`,e)}b.pointerDownOutside=k;let A=o(()=>e(v,x.value??{},{side:`top`,sideOffset:0,align:`center`,avoidCollisions:!0,disableHoverableContent:S.value,onGracePointerExit:O}));return h(()=>{if(!T.value)return;let e=e=>{e.target?.contains(E.value)&&O()};window.addEventListener(`scroll`,e),u(()=>{window.removeEventListener(`scroll`,e)})}),(e,t)=>(d(),s(m(r),l(A.value,{"data-soybean-tooltip-positioner":``},p(m(b))),{default:g(()=>[f(e.$slots,`default`)]),_:3},16))}});export{_ as default};

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

@@ -1,4 +1,5 @@
-import { PointerDownOutsideEvent } from "../../types/event.js";
+import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
+import "../../types/index.js";
 import { TooltipPositionerProps } from "./types.js";
 import "../../index.js";
 //#region src/components/tooltip/tooltip-positioner.vue.d.ts
@@ -9,9 +10,19 @@ type __VLS_Slots = {} & {
 declare const __VLS_base: import("vue").DefineComponent<TooltipPositionerProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
+  focusOutside: (event: FocusOutsideEvent) => any;
+  interactOutside: (event: PointerDownOutsideEvent | FocusOutsideEvent) => any;
+  openAutoFocus: (event: Event) => any;
+  closeAutoFocus: (event: Event) => any;
+  placed: () => any;
 }, string, import("vue").PublicProps, Readonly<TooltipPositionerProps> & Readonly<{
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
+  onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
+  onInteractOutside?: ((event: PointerDownOutsideEvent | FocusOutsideEvent) => any) | undefined;
+  onOpenAutoFocus?: ((event: Event) => any) | undefined;
+  onCloseAutoFocus?: ((event: Event) => any) | undefined;
+  onPlaced?: (() => any) | undefined;
 }>, {
   avoidCollisions: boolean;
   prioritizePosition: boolean;

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

@@ -0,0 +1 @@
+import{CONFIG_PROVIDER_CONTEXT_KEY as e}from"../../constants/attr.js";import{fromContext as t,toContext as n}from"../../shared/vue.js";import{providePopperDelayGroup as r}from"../popper/context.js";import{PROVIDER_CONFIG_KEYS as i,createDefaultTooltipConfig as a,pickDefinedConfig as o}from"./shared.js";import{provideTooltipProviderContext as s,useTooltipProviderContext as c}from"./context.js";import{computed as l,defineComponent as u,inject as d,renderSlot as f}from"vue";const p=u({name:`TooltipProvider`,inheritAttrs:!1,__name:`tooltip-provider`,props:{delayDuration:{},skipDelayDuration:{},disableHoverableContent:{type:Boolean},disableClosingTrigger:{type:Boolean},disabled:{type:Boolean},ignoreNonKeyboardFocus:{type:Boolean},positionerProps:{}},setup(u){let p=u,m=d(e),h=c(),g=l(()=>({...a(m?.tooltip),...o(t(h)),...o(p)}));return s(n(g,[...i])),r({skipDelayDuration:l(()=>g.value.skipDelayDuration)}),(e,t)=>f(e.$slots,`default`)}});export{p as default};