@soybeanjs/headless 0.29.2 → 0.30.0-beta.1

package/dist/components/time-range-field/time-range-field-input.js

@@ -1 +1 @@
-import{useDateField as e}from"../../date/use-date-field.js";import"../../date/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useTimeRangeFieldRootContext as n,useTimeRangeFieldUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,ref as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=o({name:`TimeRangeFieldInput`,__name:`time-range-field-input`,props:{type:{default:`start`},part:{},asChild:{type:Boolean},as:{default:`span`}},setup(o){let m=o,h=r(`input`),{modelValue:g,disabled:_,readonly:v,placeholder:y,hourCycle:b,step:x,startSegmentValues:S,endSegmentValues:C,formatter:w,isInvalid:T,focusNext:E,setFocusedElement:D}=n(`TimeRangeFieldInput`),O=l(!0),{attributes:k,handleSegmentClick:A,handleSegmentFocusOut:j,handleSegmentKeydown:M}=e({hasLeftFocus:O,lastKeyZero:l(!1),placeholder:y,hourCycle:b,step:x,segmentValues:i(()=>m.type===`start`?S.value:C.value),formatter:w,part:m.part,disabled:_,readonly:v,focusNext:()=>E(m.type),modelValue:i({get:()=>m.type===`start`?g.value.start:g.value.end,set:e=>{m.type===`start`?g.value={...g.value,start:e}:g.value={...g.value,end:e}}})}),N=i(()=>_.value||v.value?!1:m.part!==`literal`&&m.part!==`timeZoneName`),P=i(()=>m.part===`literal`?{}:{mousedown:A,keydown:M,focusout:()=>{O.value=!0,j()},focusin:e=>{D(e.target,m.type)}});return(e,n)=>(c(),a(f(t),s(f(k),{as:o.as,"as-child":o.asChild,"data-soybean-time-range-field-input":``,"data-soybean-date-field-segment":o.part,class:f(h),"aria-disabled":f(_)?!0:void 0,"aria-invalid":f(T)?!0:void 0,"aria-readonly":f(v)||o.part===`timeZoneName`?!0:void 0,contenteditable:N.value,"data-disabled":f(_)?``:void 0,"data-invalid":f(T)?``:void 0,"data-readonly":f(v)||o.part===`timeZoneName`?``:void 0,"data-segment":o.part},d(P.value)),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`data-soybean-date-field-segment`,`class`,`aria-disabled`,`aria-invalid`,`aria-readonly`,`contenteditable`,`data-disabled`,`data-invalid`,`data-readonly`,`data-segment`]))}});export{m as default};
+import{useDateField as e}from"../../date/use-date-field.js";import"../../date/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useTimeRangeFieldRootContext as n,useTimeRangeFieldUi as r}from"./context.js";import{computed as i,createBlock as a,defineComponent as o,mergeProps as s,openBlock as c,ref as l,renderSlot as u,toHandlers as d,unref as f,withCtx as p}from"vue";const m=o({name:`TimeRangeFieldInput`,__name:`time-range-field-input`,props:{type:{default:`start`},part:{},asChild:{type:Boolean},as:{default:`span`}},setup(o){let m=o,h=r(`input`),{modelValue:g,disabled:_,readonly:v,placeholder:y,hourCycle:b,step:x,startSegmentValues:S,endSegmentValues:C,formatter:w,isInvalid:T,focusNext:E,setFocusedElement:D}=n(`TimeRangeFieldInput`),O=l(!0),k=l(!1),A=i(()=>m.type===`start`?S.value:C.value),{attributes:j,handleSegmentClick:M,handleSegmentFocusOut:N,handleSegmentKeydown:P}=e({hasLeftFocus:O,lastKeyZero:k,placeholder:y,hourCycle:b,step:x,segmentValues:A,formatter:w,part:m.part,disabled:_,readonly:v,focusNext:()=>E(m.type),modelValue:i({get:()=>m.type===`start`?g.value.start:g.value.end,set:e=>{m.type===`start`?g.value={...g.value,start:e}:g.value={...g.value,end:e}}})}),F=i(()=>_.value||v.value?!1:m.part!==`literal`&&m.part!==`timeZoneName`),I=i(()=>m.part===`literal`?{}:{mousedown:M,keydown:P,focusout:()=>{O.value=!0,N()},focusin:e=>{D(e.target,m.type)}});return(e,n)=>(c(),a(f(t),s(f(j),{as:o.as,"as-child":o.asChild,"data-soybean-time-range-field-input":``,"data-soybean-date-field-segment":o.part,class:f(h),"aria-disabled":f(_)?!0:void 0,"aria-invalid":f(T)?!0:void 0,"aria-readonly":f(v)||o.part===`timeZoneName`?!0:void 0,contenteditable:F.value,"data-disabled":f(_)?``:void 0,"data-invalid":f(T)?``:void 0,"data-readonly":f(v)||o.part===`timeZoneName`?``:void 0,"data-segment":o.part},d(I.value)),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`data-soybean-date-field-segment`,`class`,`aria-disabled`,`aria-invalid`,`aria-readonly`,`contenteditable`,`data-disabled`,`data-invalid`,`data-readonly`,`data-segment`]))}});export{m as default};

package/dist/components/time-range-field/time-range-field-input.vue.d.ts

@@ -1,6 +1,6 @@
 import { AsTag } from "../primitive/types.js";
+import "../primitive/index.js";
 import { TimeRangeFieldInputProps } from "./types.js";
-
 //#region src/components/time-range-field/time-range-field-input.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -18,4 +18,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/time-range-field/time-range-field-root.js

@@ -1 +1 @@
-import{isNullish as e}from"../../shared/guard.js";import{getDefaultTime as t,isBefore as n,isEqualValue as r}from"../../date/comparators.js";import{useDateFormatter as i}from"../../date/formatter.js";import{getTimeInputType as a,normalizeDateStep as ee,normalizeHourCycle as te,normalizeTimeInputValue as o}from"../../date/utils.js";import{createContent as s,syncTimeSegmentValues as c}from"../../date/parser.js";import{getSegmentElements as l}from"../../date/segment.js";import{useDirection as ne,useLocale as re}from"../config-provider/context.js";import{useLocaleMessages as ie}from"../../locale/hooks.js";import"../../locale/index.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as u}from"../../composables/use-controllable-state.js";import{useForwardElement as d}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as f}from"../primitive/primitive.js";import"../primitive/index.js";import p from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{provideTimeRangeFieldRootContext as m,useTimeRangeFieldUi as h}from"./context.js";import{computed as g,createBlock as ae,createVNode as _,defineComponent as v,nextTick as y,normalizeClass as oe,onMounted as b,openBlock as x,renderSlot as se,shallowRef as S,unref as C,watch as w,withCtx as T}from"vue";const E=v({name:`TimeRangeFieldRoot`,__name:`time-range-field-root`,props:{defaultValue:{default:void 0},modelValue:{},startName:{default:void 0},endName:{default:void 0},defaultPlaceholder:{default:void 0},placeholder:{default:void 0},granularity:{default:void 0},maxValue:{},minValue:{},isTimeUnavailable:{type:Function,default:void 0},id:{},hourCycle:{default:void 0},step:{default:void 0},hideTimeZone:{type:Boolean,default:!1},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(v,{emit:E}){let D=v,O=E,ce=h(`root`),[k,le]=d(),A=re(()=>D.locale),j=ne(()=>D.dir),M=ie(),N=i(A.value,{hourCycle:te(D.hourCycle)}),P=u(()=>D.modelValue,e=>{O(`update:modelValue`,e),O(`update:startValue`,e.start),O(`update:endValue`,e.end)},D.defaultValue??{}),F=t({defaultPlaceholder:D.placeholder,defaultValue:P.value.start}),I=u(()=>D.placeholder,e=>O(`update:placeholder`,e),D.defaultPlaceholder??F.copy()),L=g(()=>ee(D.step)),R=g(()=>D.granularity??`minute`),z=g(()=>{let{start:e,end:t}=P.value;return!!(e&&t&&n(t,e)||e&&(D.isTimeUnavailable?.(e)||D.minValue&&n(e,D.minValue)||D.maxValue&&n(D.maxValue,e))||t&&(D.isTimeUnavailable?.(t)||D.minValue&&n(t,D.minValue)||D.maxValue&&n(D.maxValue,t)))}),B=S(P.value.start?{...c({value:P.value.start,formatter:N})}:{...c({value:I.value,formatter:N})}),V=S(P.value.end?{...c({value:P.value.end,formatter:N})}:{...c({value:I.value,formatter:N})}),H=g(()=>s({granularity:R.value,dateRef:I.value,formatter:N,hideTimeZone:D.hideTimeZone,hourCycle:D.hourCycle,segmentValues:B.value,locale:A,isTimeValue:!0,dateMessages:M.value.date}).arr),U=g(()=>s({granularity:R.value,dateRef:I.value,formatter:N,hideTimeZone:D.hideTimeZone,hourCycle:D.hourCycle,segmentValues:V.value,locale:A,isTimeValue:!0,dateMessages:M.value.date}).arr),W=S([]),G=S([]),K=S(null),q=S(`start`),J=()=>{if(!k.value)return;let e=k.value.querySelector(`[data-time-range-field-part="start"]`),t=k.value.querySelector(`[data-time-range-field-part="end"]`);e&&(W.value=l(e)),t&&(G.value=l(t))};w(A,e=>{N.getLocale()!==e&&N.setLocale(e),y(J)}),w(()=>P.value.start,t=>{!e(t)&&!r(I.value,t)&&(I.value=t.copy())}),w([()=>P.value.start,A,R],([t])=>{if(!e(t)){B.value={...c({value:t,formatter:N})};return}B.value={...c({value:I.value,formatter:N})}}),w([()=>P.value.end,A,R],([t])=>{if(!e(t)){V.value={...c({value:t,formatter:N})};return}V.value={...c({value:I.value,formatter:N})}});let Y=g(()=>(q.value===`start`?W.value:G.value).findIndex(e=>e.getAttribute(`data-soybean-date-field-segment`)===K.value?.getAttribute(`data-soybean-date-field-segment`))),X=(e,t)=>{let n=j.value===`rtl`?-1:1,r=t===`next`?n:-n,i=e===`start`?W.value:G.value,a=Y.value+r;a>=0&&a<i.length?i[a]?.focus():t===`next`&&e===`start`&&G.value.length>0?(q.value=`end`,G.value[0]?.focus()):t===`prev`&&e===`end`&&W.value.length>0&&(q.value=`start`,W.value[W.value.length-1]?.focus())},Z=g(()=>a(R.value)),ue=g(()=>o(P.value.start,R.value)),de=g(()=>o(P.value.end,R.value)),Q=g(()=>D.maxValue?o(D.maxValue,R.value):void 0),$=g(()=>D.minValue?o(D.minValue,R.value):void 0),fe=e=>{e.key!==`ArrowLeft`&&e.key!==`ArrowRight`||(e.preventDefault(),X(q.value,e.key===`ArrowRight`?`next`:`prev`))};return m({modelValue:P,placeholder:I,isInvalid:z,disabled:g(()=>D.disabled),readonly:g(()=>D.readonly),formatter:N,hourCycle:D.hourCycle,step:L,startSegmentValues:B,endSegmentValues:V,focusNext(e){X(e,`next`)},setFocusedElement(e,t){K.value=e,q.value=t}}),b(J),(e,t)=>(x(),ae(C(f),{ref:C(le),as:v.as,"as-child":v.asChild,"data-soybean-time-range-field-root":``,class:oe(C(ce)),"data-disabled":v.disabled?``:void 0,"data-invalid":z.value?``:void 0,"data-readonly":v.readonly?``:void 0,dir:C(j),role:`group`,onKeydown:fe},{default:T(()=>[se(e.$slots,`default`,{modelValue:C(P),startSegments:H.value,endSegments:U.value,isInvalid:z.value}),_(C(p),{id:v.id,as:`input`,feature:`focusable`,type:Z.value,tabindex:`-1`,value:ue.value,name:v.startName||v.name,disabled:v.disabled,required:v.required,max:Q.value,min:$.value,onFocus:t[0]||(t[0]=e=>W.value[0]?.focus())},null,8,[`id`,`type`,`value`,`name`,`disabled`,`required`,`max`,`min`]),_(C(p),{as:`input`,feature:`focusable`,type:Z.value,tabindex:`-1`,value:de.value,name:v.endName,disabled:v.disabled,required:v.required,max:Q.value,min:$.value,onFocus:t[1]||(t[1]=e=>G.value[0]?.focus())},null,8,[`type`,`value`,`name`,`disabled`,`required`,`max`,`min`])]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{E as default};
+import{isNullish as e}from"../../shared/guard.js";import{getDefaultTime as t,isBefore as n,isEqualValue as r}from"../../date/comparators.js";import{useDateFormatter as i}from"../../date/formatter.js";import{getTimeInputType as a,normalizeDateStep as o,normalizeHourCycle as ee,normalizeTimeInputValue as s}from"../../date/utils.js";import{createContent as c,syncTimeSegmentValues as l}from"../../date/parser.js";import{getSegmentElements as u}from"../../date/segment.js";import{useDirection as te,useLocale as ne}from"../config-provider/context.js";import{useLocaleMessages as re}from"../../locale/hooks.js";import"../../locale/index.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as d}from"../../composables/use-controllable-state.js";import{useForwardElement as f}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as p}from"../primitive/primitive.js";import"../primitive/index.js";import m from"../visually-hidden/visually-hidden.js";import"../visually-hidden/index.js";import{provideTimeRangeFieldRootContext as h,useTimeRangeFieldUi as g}from"./context.js";import{computed as _,createBlock as ie,createVNode as v,defineComponent as y,nextTick as b,normalizeClass as x,onMounted as ae,openBlock as S,renderSlot as oe,shallowRef as C,unref as w,watch as T,withCtx as E}from"vue";const D=y({name:`TimeRangeFieldRoot`,__name:`time-range-field-root`,props:{defaultValue:{default:void 0},modelValue:{},startName:{default:void 0},endName:{default:void 0},defaultPlaceholder:{default:void 0},placeholder:{default:void 0},granularity:{default:void 0},maxValue:{},minValue:{},isTimeUnavailable:{type:Function,default:void 0},id:{},hourCycle:{default:void 0},step:{default:void 0},hideTimeZone:{type:Boolean,default:!1},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(y,{emit:D}){let O=y,k=D,se=g(`root`),[A,ce]=f(),j=ne(()=>O.locale),M=te(()=>O.dir),N=re(),P=i(j.value,{hourCycle:ee(O.hourCycle)}),F=d(()=>O.modelValue,e=>{k(`update:modelValue`,e),k(`update:startValue`,e.start),k(`update:endValue`,e.end)},O.defaultValue??{}),I=t({defaultPlaceholder:O.placeholder,defaultValue:F.value.start}),L=d(()=>O.placeholder,e=>k(`update:placeholder`,e),O.defaultPlaceholder??I.copy()),R=_(()=>o(O.step)),z=_(()=>O.granularity??`minute`),B=_(()=>{let{start:e,end:t}=F.value;return!!(e&&t&&n(t,e)||e&&(O.isTimeUnavailable?.(e)||O.minValue&&n(e,O.minValue)||O.maxValue&&n(O.maxValue,e))||t&&(O.isTimeUnavailable?.(t)||O.minValue&&n(t,O.minValue)||O.maxValue&&n(O.maxValue,t)))}),V=C(F.value.start?{...l({value:F.value.start,formatter:P})}:{...l({value:L.value,formatter:P})}),H=C(F.value.end?{...l({value:F.value.end,formatter:P})}:{...l({value:L.value,formatter:P})}),U=_(()=>c({granularity:z.value,dateRef:L.value,formatter:P,hideTimeZone:O.hideTimeZone,hourCycle:O.hourCycle,segmentValues:V.value,locale:j,isTimeValue:!0,dateMessages:N.value.date}).arr),W=_(()=>c({granularity:z.value,dateRef:L.value,formatter:P,hideTimeZone:O.hideTimeZone,hourCycle:O.hourCycle,segmentValues:H.value,locale:j,isTimeValue:!0,dateMessages:N.value.date}).arr),G=C([]),K=C([]),q=C(null),J=C(`start`),Y=()=>{if(!A.value)return;let e=A.value.querySelector(`[data-time-range-field-part="start"]`),t=A.value.querySelector(`[data-time-range-field-part="end"]`);e&&(G.value=u(e)),t&&(K.value=u(t))};T(j,e=>{P.getLocale()!==e&&P.setLocale(e),b(Y)}),T(()=>F.value.start,t=>{!e(t)&&!r(L.value,t)&&(L.value=t.copy())}),T([()=>F.value.start,j,z],([t])=>{if(!e(t)){V.value={...l({value:t,formatter:P})};return}V.value={...l({value:L.value,formatter:P})}}),T([()=>F.value.end,j,z],([t])=>{if(!e(t)){H.value={...l({value:t,formatter:P})};return}H.value={...l({value:L.value,formatter:P})}});let le=_(()=>(J.value===`start`?G.value:K.value).findIndex(e=>e.getAttribute(`data-soybean-date-field-segment`)===q.value?.getAttribute(`data-soybean-date-field-segment`))),X=(e,t)=>{let n=M.value===`rtl`?-1:1,r=t===`next`?n:-n,i=e===`start`?G.value:K.value,a=le.value+r;a>=0&&a<i.length?i[a]?.focus():r>0&&e===`start`&&K.value.length>0?(J.value=`end`,K.value[0]?.focus()):r<0&&e===`end`&&G.value.length>0&&(J.value=`start`,G.value[G.value.length-1]?.focus())},Z=_(()=>a(z.value)),ue=_(()=>s(F.value.start,z.value)),de=_(()=>s(F.value.end,z.value)),Q=_(()=>O.maxValue?s(O.maxValue,z.value):void 0),$=_(()=>O.minValue?s(O.minValue,z.value):void 0),fe=e=>{(e.key===`ArrowLeft`||e.key===`ArrowRight`)&&(e.preventDefault(),X(J.value,e.key===`ArrowRight`?`next`:`prev`))};return h({modelValue:F,placeholder:L,isInvalid:B,disabled:_(()=>O.disabled),readonly:_(()=>O.readonly),formatter:P,hourCycle:O.hourCycle,step:R,startSegmentValues:V,endSegmentValues:H,focusNext(e){X(e,`next`)},setFocusedElement(e,t){q.value=e,J.value=t}}),ae(Y),(e,t)=>(S(),ie(w(p),{ref:w(ce),as:y.as,"as-child":y.asChild,"data-soybean-time-range-field-root":``,class:x(w(se)),"data-disabled":y.disabled?``:void 0,"data-invalid":B.value?``:void 0,"data-readonly":y.readonly?``:void 0,dir:w(M),role:`group`,onKeydown:fe},{default:E(()=>[oe(e.$slots,`default`,{modelValue:w(F),startSegments:U.value,endSegments:W.value,isInvalid:B.value}),v(w(m),{id:y.id,as:`input`,feature:`focusable`,type:Z.value,tabindex:`-1`,value:ue.value,name:y.startName||y.name,disabled:y.disabled,required:y.required,max:Q.value,min:$.value,onFocus:t[0]||(t[0]=e=>G.value[0]?.focus())},null,8,[`id`,`type`,`value`,`name`,`disabled`,`required`,`max`,`min`]),v(w(m),{as:`input`,feature:`focusable`,type:Z.value,tabindex:`-1`,value:de.value,name:y.endName,disabled:y.disabled,required:y.required,max:Q.value,min:$.value,onFocus:t[1]||(t[1]=e=>K.value[0]?.focus())},null,8,[`type`,`value`,`name`,`disabled`,`required`,`max`,`min`])]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{D as default};

package/dist/components/time-range-field/time-range-field-root.vue.d.ts

@@ -1,6 +1,7 @@
 import { DateStep, TimeGranularity, TimeMatcher, TimeRange, TimeValue } from "../../date/types.js";
+import "../../date/index.js";
+import "../time-field/index.js";
 import { TimeRangeFieldRootProps, TimeRangeFieldRootSlots } from "./types.js";
-
 //#region src/components/time-range-field/time-range-field-root.vue.d.ts
 type __VLS_Slots = TimeRangeFieldRootSlots;
 declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -18,10 +19,10 @@ declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldRootProps,
   placeholder: TimeValue;
   step: DateStep;
   defaultValue: TimeRange;
-  defaultPlaceholder: TimeValue;
   readonly: boolean;
-  granularity: TimeGranularity;
+  defaultPlaceholder: TimeValue;
   hourCycle: 12 | 24;
+  granularity: TimeGranularity;
   hideTimeZone: boolean;
   isTimeUnavailable: TimeMatcher;
   startName: string;
@@ -35,4 +36,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/time-range-field/types.d.ts

@@ -1,9 +1,10 @@
 import { UiClass } from "../../types/common.js";
+import "../../types/index.js";
 import { TimeRange, TimeValue } from "../../date/types.js";
+import "../../date/index.js";
 import { DateFieldInputProps, DateFieldSegment } from "../date-field/types.js";
 import { TimeFieldRootProps } from "../time-field/types.js";
 import { ShallowRef } from "vue";
-
 //#region src/components/time-range-field/types.d.ts
 /**
  * Properties for the TimeRangeFieldRoot component.

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

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

package/dist/components/toast/hooks.js

@@ -1 +1 @@
-import{ALL_TOAST_POSITIONS as e}from"./shared.js";import{computed as t,shallowRef as n,toValue as r}from"vue";const i=i=>{let{id:a,position:o}=i,s=n([]),c=n([]),l=t(()=>s.value.filter(e=>r(a)&&e.toasterId===r(a)||!e.toasterId)),u=t(()=>{let t=new Set;return l.value.forEach(e=>{let n=e.position||r(o);t.add(n)}),e.forEach(e=>{t.has(e)||t.add(e)}),Array.from(t)});return{toasts:s,filtered:l,heights:c,allPositions:u,positionZIndex:t(()=>{let e={};return u.value.forEach((t,n)=>{e[t]=9999-n}),e}),allToasts:t(()=>{let t=e.reduce((e,t)=>(e[t]=[],e),{});return l.value.forEach(e=>{t[e.position||r(o)].push(e)}),t}),allHeights:t(()=>{let t=e.reduce((e,t)=>(e[t]=[],e),{});return c.value.forEach(e=>{t[e.position].push(e)}),t})}};export{i as useToastState};
+import{ALL_TOAST_POSITIONS as e}from"./shared.js";import{computed as t,shallowRef as n,toValue as r}from"vue";const i=i=>{let{id:a,position:o}=i,s=n([]),c=n([]),l=t(()=>s.value.filter(e=>r(a)&&e.toasterId===r(a)||!e.toasterId)),u=t(()=>{let t=new Set;return l.value.forEach(e=>{let n=e.position||r(o);t.add(n)}),e.forEach(e=>{t.has(e)||t.add(e)}),Array.from(t)});return{toasts:s,filtered:l,heights:c,allPositions:u,positionZIndex:t(()=>{let e={};return u.value.forEach((t,n)=>{e[t]=9999-n}),e}),allToasts:t(()=>{let t=e.reduce((e,t)=>(e[t]=[],e),{});return l.value.forEach(e=>{let n=e.position||r(o);t[n].push(e)}),t}),allHeights:t(()=>{let t=e.reduce((e,t)=>(e[t]=[],e),{});return c.value.forEach(e=>{t[e.position].push(e)}),t})}};export{i as useToastState};

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

@@ -1,6 +1,6 @@
 import { ToastCreateOptions, ToastIconType, ToastPosition, ToastProviderProps, ToastType, ToastUi, ToastUiSlot, ToasterProps } from "./types.js";
-import { _default as _default$1 } from "./toaster.vue.js";
-import { _default } from "./toast-provider.vue.js";
+import _default$1 from "./toaster.vue.js";
+import _default from "./toast-provider.vue.js";
 import { toast } from "./state.js";
 import { provideToastUi } from "./context.js";
 export { type ToastCreateOptions, type ToastIconType, type ToastPosition, _default as ToastProvider, type ToastProviderProps, type ToastType, type ToastUi, type ToastUiSlot, _default$1 as Toaster, type ToasterProps, provideToastUi, toast };

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

@@ -1,6 +1,5 @@
 import { ToastExternal, ToastOrDismiss, ToastPromise, ToastPromiseData, ToastT } from "./types.js";
 import { VNode } from "vue";
-
 //#region src/components/toast/state.d.ts
 type ToastId = ToastT['id'];
 declare const toast: ((message: VNode | string, data?: ToastExternal) => string | number) & {

package/dist/components/toast/state.js

@@ -1 +1 @@
-import{_defineProperty as e}from"../../_virtual/_@oxc-project_runtime@0.135.0/helpers/esm/defineProperty.js";import{isVNode as t}from"vue";let n=1;const r=new class{constructor(){e(this,`subscribers`,void 0),e(this,`toasts`,void 0),e(this,`dismissed`,void 0),e(this,`subscribe`,e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);t>=0&&this.subscribers.splice(t,1)})),e(this,`publish`,e=>{this.subscribers.forEach(t=>t(e))}),e(this,`resetDismissed`,e=>{this.dismissed.has(e)&&this.dismissed.delete(e)}),e(this,`upsert`,e=>{let t=this.toasts.findIndex(t=>t.id===e.id);if(t<0){this.publish(e),this.toasts=[...this.toasts,e];return}let n={...this.toasts[t],...e};this.publish(n),this.toasts=this.toasts.map((e,r)=>r===t?n:e)}),e(this,`create`,e=>{let{message:t,dismissible:n=!0,...r}=e,i=s(e.id);this.resetDismissed(i);let a={...r,id:i,dismissible:n,title:t};return this.upsert(a),i}),e(this,`dismiss`,e=>{if(e!==void 0)return this.dismissed.add(e),requestAnimationFrame(()=>this.publish({id:e,dismiss:!0})),e;this.toasts.forEach(e=>{this.dismissed.add(e.id),this.publish({id:e.id,dismiss:!0})})}),e(this,`message`,(e,t)=>this.create({...t,message:e,type:`default`})),e(this,`error`,(e,t)=>this.create({...t,message:e,type:`error`})),e(this,`success`,(e,t)=>this.create({...t,message:e,type:`success`})),e(this,`info`,(e,t)=>this.create({...t,message:e,type:`info`})),e(this,`warning`,(e,t)=>this.create({...t,message:e,type:`warning`})),e(this,`loading`,(e,t)=>this.create({...t,message:e,type:`loading`})),e(this,`custom`,(e,t)=>{let n=s(t?.id),r=t?.dismissible??!0;return this.resetDismissed(n),this.upsert({custom:e,dismissible:r,id:n,...t}),n}),e(this,`promise`,(e,n)=>{if(!n)return;let r;n.loading!==void 0&&(r=this.create({...n,promise:e,type:`loading`,message:n.loading,description:typeof n.description==`function`?void 0:n.description}));let i=Promise.resolve(typeof e==`function`?e():e),a=r!==void 0,s,l=async(e,t,n,i)=>{a=!1;let{description:o,settings:s}=await c(t,n,i,r);this.create({id:r,type:e,description:o,...s})},u=i.then(async e=>{if(s=[`resolve`,e],t(e)){a=!1,this.create({id:r,type:`default`,message:e});return}if(o(e)&&!e.ok){await l(`error`,n.error,n.description,`HTTP error! status: ${e.status}`);return}if(e instanceof Error){await l(`error`,n.error,n.description,e);return}n.success!==void 0&&await l(`success`,n.success,n.description,e)}).catch(async e=>{s=[`reject`,e],n.error!==void 0&&await l(`error`,n.error,n.description,e)}).finally(()=>{a&&(this.dismiss(r),r=void 0),n.finally?.()}),d=()=>new Promise((e,t)=>u.then(()=>s[0]===`reject`?t(s[1]):e(s[1])).catch(t));return typeof r!=`string`&&typeof r!=`number`?{unwrap:d}:Object.assign(r,{unwrap:d})}),e(this,`getActives`,()=>this.toasts.filter(e=>!this.dismissed.has(e.id))),this.subscribers=[],this.toasts=[],this.dismissed=new Set}},i=r.message,a=Object.assign(i,{success:r.success,info:r.info,warning:r.warning,error:r.error,custom:r.custom,message:r.message,promise:r.promise,dismiss:r.dismiss,loading:r.loading},{getHistory:()=>r.toasts,getToasts:()=>r.getActives()});function o(e){return typeof e==`object`&&!!e&&`ok`in e&&typeof e.ok==`boolean`&&`status`in e&&typeof e.status==`number`}function s(e){return typeof e==`number`||typeof e==`string`&&e.length>0?e:n++}async function c(e,t,n,r){let[i,a]=await Promise.all([l(e,n),l(t,n)]);return{description:a,settings:d(i,r)}}async function l(e,t){return typeof e==`function`?await e(t):e}function u(e){return typeof e==`object`&&!!e&&`message`in e}function d(e,t){return u(e)?e:{id:t??``,message:e??``}}export{r as ToastState,a as toast};
+import e from"../../_virtual/_@oxc-project_runtime@0.143.0/helpers/esm/defineProperty.js";import{isVNode as t}from"vue";let n=1;const r=new class{constructor(){e(this,`subscribers`,void 0),e(this,`toasts`,void 0),e(this,`dismissed`,void 0),e(this,`subscribe`,e=>(this.subscribers.push(e),()=>{let t=this.subscribers.indexOf(e);t>=0&&this.subscribers.splice(t,1)})),e(this,`publish`,e=>{this.subscribers.forEach(t=>t(e))}),e(this,`resetDismissed`,e=>{this.dismissed.has(e)&&this.dismissed.delete(e)}),e(this,`upsert`,e=>{let t=this.toasts.findIndex(t=>t.id===e.id);if(t<0){this.publish(e),this.toasts=[...this.toasts,e];return}let n={...this.toasts[t],...e};this.publish(n),this.toasts=this.toasts.map((e,r)=>r===t?n:e)}),e(this,`create`,e=>{let{message:t,dismissible:n=!0,...r}=e,i=s(e.id);this.resetDismissed(i);let a={...r,id:i,dismissible:n,title:t};return this.upsert(a),i}),e(this,`dismiss`,e=>{if(e!==void 0)return this.dismissed.add(e),requestAnimationFrame(()=>this.publish({id:e,dismiss:!0})),e;this.toasts.forEach(e=>{this.dismissed.add(e.id),this.publish({id:e.id,dismiss:!0})})}),e(this,`message`,(e,t)=>this.create({...t,message:e,type:`default`})),e(this,`error`,(e,t)=>this.create({...t,message:e,type:`error`})),e(this,`success`,(e,t)=>this.create({...t,message:e,type:`success`})),e(this,`info`,(e,t)=>this.create({...t,message:e,type:`info`})),e(this,`warning`,(e,t)=>this.create({...t,message:e,type:`warning`})),e(this,`loading`,(e,t)=>this.create({...t,message:e,type:`loading`})),e(this,`custom`,(e,t)=>{let n=s(t?.id),r=t?.dismissible??!0;return this.resetDismissed(n),this.upsert({custom:e,dismissible:r,id:n,...t}),n}),e(this,`promise`,(e,n)=>{if(!n)return;let r;n.loading!==void 0&&(r=this.create({...n,promise:e,type:`loading`,message:n.loading,description:typeof n.description==`function`?void 0:n.description}));let i=Promise.resolve(typeof e==`function`?e():e),a=r!==void 0,s,l=async(e,t,n,i)=>{a=!1;let{description:o,settings:s}=await c(t,n,i,r);this.create({id:r,type:e,description:o,...s})},u=i.then(async e=>{if(s=[`resolve`,e],t(e)){a=!1,this.create({id:r,type:`default`,message:e});return}if(o(e)&&!e.ok){await l(`error`,n.error,n.description,`HTTP error! status: ${e.status}`);return}if(e instanceof Error){await l(`error`,n.error,n.description,e);return}n.success!==void 0&&await l(`success`,n.success,n.description,e)}).catch(async e=>{s=[`reject`,e],n.error!==void 0&&await l(`error`,n.error,n.description,e)}).finally(()=>{a&&(this.dismiss(r),r=void 0),n.finally?.()}),d=()=>new Promise((e,t)=>u.then(()=>s[0]===`reject`?t(s[1]):e(s[1])).catch(t));return typeof r!=`string`&&typeof r!=`number`?{unwrap:d}:Object.assign(r,{unwrap:d})}),e(this,`getActives`,()=>this.toasts.filter(e=>!this.dismissed.has(e.id))),this.subscribers=[],this.toasts=[],this.dismissed=new Set}},i=r.message,a=Object.assign(i,{success:r.success,info:r.info,warning:r.warning,error:r.error,custom:r.custom,message:r.message,promise:r.promise,dismiss:r.dismiss,loading:r.loading},{getHistory:()=>r.toasts,getToasts:()=>r.getActives()});function o(e){return typeof e==`object`&&!!e&&`ok`in e&&typeof e.ok==`boolean`&&`status`in e&&typeof e.status==`number`}function s(e){return typeof e==`number`||typeof e==`string`&&e.length>0?e:n++}async function c(e,t,n,r){let[i,a]=await Promise.all([l(e,n),l(t,n)]);return{description:a,settings:d(i,r)}}async function l(e,t){return typeof e==`function`?await e(t):e}function u(e){return typeof e==`object`&&!!e&&`message`in e}function d(e,t){return u(e)?e:{id:t??``,message:e??``}}export{r as ToastState,a as toast};

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

@@ -1,5 +1,4 @@
 import { ToastProviderProps } from "./types.js";
-
 //#region src/components/toast/toast-provider.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/toast/toast.js

@@ -1 +1 @@
-import e from"../_icon/icon.js";import t from"../button/button.js";import n from"../_common/dynamic-render.js";import{getDefaultSwipeDirections as r,getSwipeAmount as i,resetSwipeAmount as a,setSwipeAmount as o,toastCssVars as s}from"./shared.js";import{useToastUi as ee,useToasterContext as te}from"./context.js";import{Fragment as ne,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createVNode as p,defineComponent as m,mergeProps as h,onWatcherCleanup as re,openBlock as g,resolveDynamicComponent as _,shallowRef as v,unref as y,useTemplateRef as b,watch as x,watchEffect as ie,withCtx as S}from"vue";import{useDocumentVisibility as ae,useElementSize as oe,useMounted as se}from"@vueuse/core";const ce=[`dir`,`data-rich-color`,`data-inverted`,`data-mounted`,`data-promise`,`data-swiped`,`data-removed`,`data-visible`,`data-y-position`,`data-x-position`,`data-index`,`data-front`,`data-swiping`,`data-dismissible`,`data-type`,`data-swipe-out`,`data-swipe-direction`,`data-expanded`,`data-testid`],C=m({name:`Toast`,__name:`toast`,props:{index:{},toast:{},position:{}},emits:[`update:height`,`remove`],setup(m,{emit:C}){let w=m,T=C,{dir:le,allToasts:ue,allHeights:E,gap:de,duration:D,visibleCounts:fe,defaultExpanded:O,swipeDirections:pe,interactingPosition:me,expandedPosition:k,showIcon:he,showClose:ge,icons:A,toastProps:_e,wrapperProps:ve,contentProps:ye,titleProps:be,descriptionProps:xe,iconProps:Se,footerProps:Ce,actionProps:we,cancelProps:Te,closeProps:Ee}=te(`Toast`),j=ee(),M=b(`toast`),De=b(`wrapper`),N=se(),{height:Oe}=oe(De),ke=ae(),P=v(null),F=v(null),I=v(!1),L=v(!1),R=v(!1),z=v(!1),B=v(0),V=v(0),H=v(w.toast.duration??D.value),U=v(null),W=v(0),G=v(0),K=v(null),q=c(()=>w.toast.type),J=c(()=>{if(he.value){if(w.toast.icon)return w.toast.icon;if(q.value&&q.value!=="default")return A.value[q.value];if(w.toast.promise)return A.value.loading}}),Ae=c(()=>w.index===0),je=c(()=>w.index+1<=fe.value),Y=c(()=>q.value===`loading`),X=c(()=>w.toast.dismissible!==!1),Z=c(()=>Math.max(E.value[w.position].findIndex(e=>e.toastId===w.toast.id),0)),Me=c(()=>(w.toast.showClose||ge.value)&&X.value&&q.value!==`loading`),Ne=c(()=>w.toast.duration??D.value),Pe=c(()=>{let[e,t]=w.position.split(`-`);return{x:t,y:e}}),Fe=c(()=>E.value[w.position].reduce((e,t,n)=>n>=Z.value?e:e+t.height,0)),Q=c(()=>Z.value*de.value+Fe.value),Ie=c(()=>k.value===w.position||O.value&&N.value),Le=c(()=>({[s.index]:w.index,[s.beforeIndex]:w.index,[s.zIndex]:ue.value[w.position].length-w.index,[s.offset]:`${I.value?B.value:Q.value}px`,[s.initialHeight]:O.value?`auto`:`${V.value}px`})),$=()=>{I.value=!0,B.value=Q.value,window.setTimeout(()=>{T(`remove`,w.toast)},200)},Re=()=>{Y.value||!X.value||($(),w.toast.onDismiss?.(w.toast))},ze=e=>{e.button!==2&&(Y.value||!X.value||(U.value=new Date,B.value=Q.value,e.target.setPointerCapture(e.pointerId),e.target.tagName!==`BUTTON`&&(L.value=!0,K.value={x:e.clientX,y:e.clientY})))},Be=()=>{if(R.value||!X.value)return;K.value=null;let{x:e,y:t}=i(M.value),n=Date.now()-(U.value?.getTime()??Date.now()),r=P.value===`x`?e:t,o=Math.abs(r)/Math.max(n,1);if(Math.abs(r)>=45||o>.11){B.value=Q.value,w.toast.onDismiss?.(w.toast),P.value===`x`?F.value=e>0?`right`:`left`:F.value=t>0?`down`:`up`,$(),R.value=!0;return}a(M.value),z.value=!1,L.value=!1,P.value=null},Ve=e=>{if(!K.value||!X.value||(typeof window<`u`?window.getSelection()?.toString().length??0:0)>0)return;let t=e.clientY-K.value.y,n=e.clientX-K.value.x,i=pe.value??r(w.position);!P.value&&(Math.abs(n)>1||Math.abs(t)>1)&&(P.value=Math.abs(n)>Math.abs(t)?`x`:`y`);let a={x:0,y:0},s=e=>1/(1.5+Math.abs(e)/20);if(P.value===`y`){if(i.includes(`up`)||i.includes(`down`))if(i.includes(`up`)&&t<0||i.includes(`down`)&&t>0)a.y=t;else{let e=t*s(t);a.y=Math.abs(e)<Math.abs(t)?e:t}}else if(P.value===`x`&&(i.includes(`left`)||i.includes(`right`)))if(i.includes(`left`)&&n<0||i.includes(`right`)&&n>0)a.x=n;else{let e=n*s(n);a.x=Math.abs(e)<Math.abs(n)?e:n}(Math.abs(a.x)>0||Math.abs(a.y)>0)&&(z.value=!0),o(M.value,a)},He=()=>{L.value=!1,P.value=null,K.value=null},Ue=e=>{w.toast.onAction?.(e),!e.defaultPrevented&&$()},We=e=>{w.toast.onCancel?.(e),X.value&&$()};function Ge(e){V.value=e,T(`update:height`,{toastId:w.toast.id,height:e,position:w.toast.position??w.position})}function Ke(){let e=M.value;if(!e)return;let t=e.style.height;e.style.height=`auto`;let n=e.getBoundingClientRect().height;e.style.height=t,Ge(n)}return x(Ne,e=>{H.value=e},{immediate:!0}),x(Oe,e=>{N.value&&e&&Ke()},{flush:`post`}),x(()=>w.toast.delete,e=>{e&&($(),w.toast.onDismiss?.(w.toast))}),ie(()=>{let e=w.toast;if(e.type===`loading`||e.promise||e.duration===1/0)return;let t;k.value===w.position||me.value===w.position||ke.value===`hidden`?(()=>{if(G.value<W.value){let e=Date.now()-W.value;H.value-=e}G.value=Date.now()})():H.value!==1/0&&(W.value=Date.now(),t=setTimeout(()=>{w.toast.onAutoClose?.(w.toast),$()},H.value)),re(()=>{t!==void 0&&clearTimeout(t)})}),(r,i)=>(g(),d(`li`,h(y(_e),{ref:`toast`,"data-soybean-toast":``,class:[y(j).toast,m.toast.ui?.toast],dir:y(le),tabindex:`0`,"data-rich-color":m.toast.richColor,"data-inverted":m.toast.inverted,"data-mounted":y(N),"data-promise":!!m.toast.promise,"data-swiped":z.value,"data-removed":I.value,"data-visible":je.value,"data-y-position":Pe.value.y,"data-x-position":Pe.value.x,"data-index":m.index,"data-front":Ae.value,"data-swiping":L.value,"data-dismissible":X.value,"data-type":q.value,"data-swipe-out":R.value,"data-swipe-direction":F.value,"data-expanded":Ie.value,"data-testid":m.toast.testId,style:Le.value,onDragend:He,onPointerdown:ze,onPointerup:Be,onPointermove:Ve}),[f(`div`,h({ref:`wrapper`},y(ve),{class:[y(j).wrapper,m.toast.ui?.wrapper],"data-soybean-toast-wrapper":``}),[m.toast.custom?(g(),l(_(m.toast.custom),{key:0})):(g(),d(ne,{key:1},[f(`h3`,h(y(be),{class:[y(j).title,m.toast.ui?.title],"data-soybean-toast-title":``}),[J.value?(g(),l(e,h({key:0},y(Se),{icon:J.value,class:[y(j).icon,m.toast.ui?.icon]}),null,16,[`icon`,`class`])):u(`v-if`,!0),p(n,{is:m.toast.title},null,8,[`is`])],16),m.toast.description?(g(),d(`p`,h({key:0},y(xe),{class:[y(j).description,m.toast.ui?.description],"data-soybean-toast-description":``}),[p(n,{is:m.toast.description},null,8,[`is`])],16)):u(`v-if`,!0),m.toast.content?(g(),l(_(m.toast.content),h({key:1},y(ye),{class:[y(j).content,m.toast.ui?.content],"data-soybean-toast-content":``}),null,16,[`class`])):u(`v-if`,!0),m.toast.action||m.toast.cancel?(g(),d(`div`,h({key:2},y(Ce),{class:[y(j).footer,m.toast.ui?.footer],"data-soybean-toast-footer":``}),[m.toast.cancel?(g(),l(t,h({key:0},y(Te),{class:[y(j).cancel,m.toast.ui?.cancel],"data-soybean-toast-cancel":``,onClick:We}),{default:S(()=>[p(n,{is:m.toast.cancel},null,8,[`is`])]),_:1},16,[`class`])):u(`v-if`,!0),m.toast.action?(g(),l(t,h({key:1},y(we),{class:[y(j).action,m.toast.ui?.action],"data-soybean-toast-action":``,onClick:Ue}),{default:S(()=>[p(n,{is:m.toast.action},null,8,[`is`])]),_:1},16,[`class`])):u(`v-if`,!0)],16)):u(`v-if`,!0)],64))],16),Me.value&&y(A)?.close?(g(),l(t,h({key:0},y(Ee),{class:[y(j).close,m.toast.ui?.close],"data-soybean-toast-close":``,onClick:Re}),{default:S(()=>[p(e,{icon:y(A)?.close},null,8,[`icon`])]),_:1},16,[`class`])):u(`v-if`,!0)],16,ce))}});export{C as default};
+import e from"../_icon/icon.js";import t from"../button/button.js";import n from"../_common/dynamic-render.js";import{getDefaultSwipeDirections as r,getSwipeAmount as i,resetSwipeAmount as a,setSwipeAmount as o,toastCssVars as s}from"./shared.js";import{useToastUi as ee,useToasterContext as te}from"./context.js";import{Fragment as ne,computed as c,createBlock as l,createCommentVNode as u,createElementBlock as d,createElementVNode as f,createVNode as p,defineComponent as m,mergeProps as h,onWatcherCleanup as re,openBlock as g,resolveDynamicComponent as _,shallowRef as v,unref as y,useTemplateRef as b,watch as x,watchEffect as ie,withCtx as S}from"vue";import{useDocumentVisibility as ae,useElementSize as oe,useMounted as se}from"@vueuse/core";const ce=[`dir`,`data-rich-color`,`data-inverted`,`data-mounted`,`data-promise`,`data-swiped`,`data-removed`,`data-visible`,`data-y-position`,`data-x-position`,`data-index`,`data-front`,`data-swiping`,`data-dismissible`,`data-type`,`data-swipe-out`,`data-swipe-direction`,`data-expanded`,`data-testid`],C=m({name:`Toast`,__name:`toast`,props:{index:{},toast:{},position:{}},emits:[`update:height`,`remove`],setup(m,{emit:C}){let w=m,T=C,{dir:le,allToasts:ue,allHeights:E,gap:de,duration:D,visibleCounts:fe,defaultExpanded:O,swipeDirections:pe,interactingPosition:me,expandedPosition:k,showIcon:he,showClose:ge,icons:A,toastProps:_e,wrapperProps:ve,contentProps:ye,titleProps:be,descriptionProps:xe,iconProps:Se,footerProps:Ce,actionProps:we,cancelProps:Te,closeProps:Ee}=te(`Toast`),j=ee(),M=b(`toast`),De=b(`wrapper`),N=se(),{height:Oe}=oe(De),ke=ae(),P=v(null),F=v(null),I=v(!1),L=v(!1),R=v(!1),z=v(!1),B=v(0),V=v(0),H=v(w.toast.duration??D.value),U=v(null),W=v(0),G=v(0),K=v(null),q=c(()=>w.toast.type),J=c(()=>{if(he.value){if(w.toast.icon)return w.toast.icon;if(q.value&&q.value!=="default")return A.value[q.value];if(w.toast.promise)return A.value.loading}}),Ae=c(()=>w.index===0),je=c(()=>w.index+1<=fe.value),Y=c(()=>q.value===`loading`),X=c(()=>w.toast.dismissible!==!1),Z=c(()=>Math.max(E.value[w.position].findIndex(e=>e.toastId===w.toast.id),0)),Me=c(()=>(w.toast.showClose||ge.value)&&X.value&&q.value!==`loading`),Ne=c(()=>w.toast.duration??D.value),Pe=c(()=>{let[e,t]=w.position.split(`-`);return{x:t,y:e}}),Fe=c(()=>E.value[w.position].reduce((e,t,n)=>n>=Z.value?e:e+t.height,0)),Q=c(()=>Z.value*de.value+Fe.value),Ie=c(()=>k.value===w.position||O.value&&N.value),Le=c(()=>({[s.index]:w.index,[s.beforeIndex]:w.index,[s.zIndex]:ue.value[w.position].length-w.index,[s.offset]:`${I.value?B.value:Q.value}px`,[s.initialHeight]:O.value?`auto`:`${V.value}px`})),$=()=>{I.value=!0,B.value=Q.value,window.setTimeout(()=>{T(`remove`,w.toast)},200)},Re=()=>{Y.value||!X.value||($(),w.toast.onDismiss?.(w.toast))},ze=e=>{e.button!==2&&(Y.value||!X.value||(U.value=new Date,B.value=Q.value,e.target.setPointerCapture(e.pointerId),e.target.tagName!==`BUTTON`&&(L.value=!0,K.value={x:e.clientX,y:e.clientY})))},Be=()=>{if(R.value||!X.value)return;K.value=null;let{x:e,y:t}=i(M.value),n=Date.now()-(U.value?.getTime()??Date.now()),r=P.value===`x`?e:t,o=Math.abs(r)/Math.max(n,1);if(Math.abs(r)>=45||o>.11){B.value=Q.value,w.toast.onDismiss?.(w.toast),P.value===`x`?F.value=e>0?`right`:`left`:F.value=t>0?`down`:`up`,$(),R.value=!0;return}a(M.value),z.value=!1,L.value=!1,P.value=null},Ve=e=>{if(!K.value||!X.value||(typeof window<`u`?window.getSelection()?.toString().length??0:0)>0)return;let t=e.clientY-K.value.y,n=e.clientX-K.value.x,i=pe.value??r(w.position);!P.value&&(Math.abs(n)>1||Math.abs(t)>1)&&(P.value=Math.abs(n)>Math.abs(t)?`x`:`y`);let a={x:0,y:0},s=e=>1/(1.5+Math.abs(e)/20);if(P.value===`y`){if(i.includes(`up`)||i.includes(`down`)){if(i.includes(`up`)&&t<0||i.includes(`down`)&&t>0)a.y=t;else{let e=t*s(t);a.y=Math.abs(e)<Math.abs(t)?e:t}}}else if(P.value===`x`&&(i.includes(`left`)||i.includes(`right`))){if(i.includes(`left`)&&n<0||i.includes(`right`)&&n>0)a.x=n;else{let e=n*s(n);a.x=Math.abs(e)<Math.abs(n)?e:n}}(Math.abs(a.x)>0||Math.abs(a.y)>0)&&(z.value=!0),o(M.value,a)},He=()=>{L.value=!1,P.value=null,K.value=null},Ue=e=>{w.toast.onAction?.(e),!e.defaultPrevented&&$()},We=e=>{w.toast.onCancel?.(e),X.value&&$()};function Ge(e){V.value=e,T(`update:height`,{toastId:w.toast.id,height:e,position:w.toast.position??w.position})}function Ke(){let e=M.value;if(!e)return;let t=e.style.height;e.style.height=`auto`;let n=e.getBoundingClientRect().height;e.style.height=t,Ge(n)}return x(Ne,e=>{H.value=e},{immediate:!0}),x(Oe,e=>{N.value&&e&&Ke()},{flush:`post`}),x(()=>w.toast.delete,e=>{e&&($(),w.toast.onDismiss?.(w.toast))}),ie(()=>{let e=w.toast;if(e.type===`loading`||e.promise||e.duration===1/0)return;let t;k.value===w.position||me.value===w.position||ke.value===`hidden`?(()=>{if(G.value<W.value){let e=Date.now()-W.value;H.value-=e}G.value=Date.now()})():H.value!==1/0&&(W.value=Date.now(),t=setTimeout(()=>{w.toast.onAutoClose?.(w.toast),$()},H.value)),re(()=>{t!==void 0&&clearTimeout(t)})}),(r,i)=>(g(),d(`li`,h(y(_e),{ref:`toast`,"data-soybean-toast":``,class:[y(j).toast,m.toast.ui?.toast],dir:y(le),tabindex:`0`,"data-rich-color":m.toast.richColor,"data-inverted":m.toast.inverted,"data-mounted":y(N),"data-promise":!!m.toast.promise,"data-swiped":z.value,"data-removed":I.value,"data-visible":je.value,"data-y-position":Pe.value.y,"data-x-position":Pe.value.x,"data-index":m.index,"data-front":Ae.value,"data-swiping":L.value,"data-dismissible":X.value,"data-type":q.value,"data-swipe-out":R.value,"data-swipe-direction":F.value,"data-expanded":Ie.value,"data-testid":m.toast.testId,style:Le.value,onDragend:He,onPointerdown:ze,onPointerup:Be,onPointermove:Ve}),[f(`div`,h({ref:`wrapper`},y(ve),{class:[y(j).wrapper,m.toast.ui?.wrapper],"data-soybean-toast-wrapper":``}),[m.toast.custom?(g(),l(_(m.toast.custom),{key:0})):(g(),d(ne,{key:1},[f(`h3`,h(y(be),{class:[y(j).title,m.toast.ui?.title],"data-soybean-toast-title":``}),[J.value?(g(),l(e,h({key:0},y(Se),{icon:J.value,class:[y(j).icon,m.toast.ui?.icon]}),null,16,[`icon`,`class`])):u(`v-if`,!0),p(n,{is:m.toast.title},null,8,[`is`])],16),m.toast.description?(g(),d(`p`,h({key:0},y(xe),{class:[y(j).description,m.toast.ui?.description],"data-soybean-toast-description":``}),[p(n,{is:m.toast.description},null,8,[`is`])],16)):u(`v-if`,!0),m.toast.content?(g(),l(_(m.toast.content),h({key:1},y(ye),{class:[y(j).content,m.toast.ui?.content],"data-soybean-toast-content":``}),null,16,[`class`])):u(`v-if`,!0),m.toast.action||m.toast.cancel?(g(),d(`div`,h({key:2},y(Ce),{class:[y(j).footer,m.toast.ui?.footer],"data-soybean-toast-footer":``}),[m.toast.cancel?(g(),l(t,h({key:0},y(Te),{class:[y(j).cancel,m.toast.ui?.cancel],"data-soybean-toast-cancel":``,onClick:We}),{default:S(()=>[p(n,{is:m.toast.cancel},null,8,[`is`])]),_:1},16,[`class`])):u(`v-if`,!0),m.toast.action?(g(),l(t,h({key:1},y(we),{class:[y(j).action,m.toast.ui?.action],"data-soybean-toast-action":``,onClick:Ue}),{default:S(()=>[p(n,{is:m.toast.action},null,8,[`is`])]),_:1},16,[`class`])):u(`v-if`,!0)],16)):u(`v-if`,!0)],64))],16),Me.value&&y(A)?.close?(g(),l(t,h({key:0},y(Ee),{class:[y(j).close,m.toast.ui?.close],"data-soybean-toast-close":``,onClick:Re}),{default:S(()=>[p(e,{icon:y(A)?.close},null,8,[`icon`])]),_:1},16,[`class`])):u(`v-if`,!0)],16,ce))}});export{C as default};

package/dist/components/toast/toaster.js

@@ -1 +1 @@
-import{getElFromTemplateRef as e,transformPropsToContext as t}from"../../shared/vue.js";import{isClient as n}from"../../shared/env.js";import{useDirection as r}from"../config-provider/context.js";import"../../shared/index.js";import{ALL_TOAST_POSITIONS as i,DEFAULT_POSITION as a,ICONS as o,TOAST_LIFETIME as s,isModifierHotkey as c,isToastDismiss as l,resolveOffset as u,toasterCssVars as d}from"./shared.js";import{provideToasterContext as f,useToastUi as ee}from"./context.js";import{useToastState as p}from"./hooks.js";import{ToastState as m}from"./state.js";import h from"./toast.js";import{Fragment as g,computed as _,createBlock as v,createElementBlock as y,createElementVNode as b,defineComponent as x,mergeProps as S,nextTick as te,onBeforeUnmount as C,onWatcherCleanup as w,openBlock as T,renderList as E,renderSlot as ne,shallowRef as D,unref as O,useAttrs as k,watch as A,watchEffect as j}from"vue";const M=[`aria-label`],N=[`dir`,`data-y-position`,`data-x-position`,`onBlur`,`onFocus`,`onMouseenter`,`onMousemove`,`onMouseleave`,`onDragend`,`onPointerdown`,`onPointerup`],P=x({name:`Toaster`,inheritAttrs:!1,__name:`toaster`,props:{id:{},dir:{},hotkey:{default:()=>[`altKey`,`KeyT`]},customAriaLabel:{},containerAriaLabel:{default:`Notifications`},position:{default:a},defaultExpanded:{type:Boolean},duration:{default:s},gap:{default:12},offset:{default:24},visibleCounts:{default:3},swipeDirections:{},showIcon:{type:Boolean},showClose:{type:Boolean},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(a){let s=a,x=k(),P=ee(),F=r(()=>s.dir),I=_(()=>s.hotkey.join(`+`).replace(/Key/g,``).replace(/Digit/g,``)),L=_(()=>s.customAriaLabel??`${s.containerAriaLabel} ${I.value}`),R={},z=(t,n)=>{R[t]=e(n)},{toasts:B,allToasts:V,filtered:H,heights:U,allHeights:W,allPositions:G,positionZIndex:K}=p({id:()=>s.id,position:()=>s.position}),q=_(()=>({...o,...s.icons})),J=D(null),Y=D(null),X=D(null),Z=D(null),re=_(()=>({[d.gap]:`${s.gap}px`,...u(s.offset)})),ie=e=>{J.value===e&&(J.value=null),Y.value===e&&(Y.value=null),Z.value===e&&(Z.value=null)},ae=e=>{R[e]?.focus()},oe=e=>{if(U.value.findIndex(t=>t.toastId===e.toastId)!==-1){U.value=U.value.map(t=>t.toastId===e.toastId?e:t);return}let t=U.value.findIndex(t=>t.position===e.position);if(t!==-1){U.value=[...U.value.slice(0,t),e,...U.value.slice(t)];return}U.value=[e,...U.value]},se=e=>{let t=B.value.findIndex(t=>t.id===e.id);if(t!==-1){let n=Object.assign({},B.value[t],e);B.value=[...B.value.slice(0,t),n,...B.value.slice(t+1)];return}B.value=[e,...B.value]},Q=e=>{B.value=B.value.filter(t=>t.id===e.id?(t.delete||m.dismiss(e.id),!1):!0),U.value=U.value.filter(t=>t.toastId!==e.id)},ce=(e,t)=>{let n=t.currentTarget;Z.value===e&&n&&!n.contains(t.relatedTarget)&&(Z.value=null,J.value===e&&Y.value!==e&&(J.value=null),X.value&&(X.value.focus({preventScroll:!0}),X.value=null))},le=(e,t)=>{t.target.dataset.dismissible!==`false`&&Z.value!==e&&(Z.value=e,X.value=t.relatedTarget)},$=e=>{J.value=e},ue=e=>{Y.value!==e&&Z.value!==e&&J.value===e&&(J.value=null)},de=(e,t)=>{t.target.dataset.dismissible!==`false`&&(Y.value=e,J.value=e)},fe=e=>{Y.value===e&&(Y.value=null)};return f({dir:F,allToasts:V,allHeights:W,interactingPosition:Y,expandedPosition:J,icons:q,...t(s,[`gap`,`duration`,`visibleCounts`,`defaultExpanded`,`swipeDirections`,`showIcon`,`showClose`,`toastProps`,`wrapperProps`,`contentProps`,`titleProps`,`descriptionProps`,`iconProps`,`footerProps`,`actionProps`,`cancelProps`,`closeProps`])}),j(()=>{let e=m.subscribe(e=>{if(l(e)){requestAnimationFrame(()=>{B.value=B.value.map(t=>t.id===e.id?{...t,delete:!0}:t)});return}te(()=>{se(e)})});w(()=>{e()})},{flush:`post`}),A(()=>B.value.length,e=>{e===0&&(J.value=null,Y.value=null,Z.value=null)}),A(()=>H.value,e=>{let t=new Set(e.map(e=>e.position??s.position));J.value&&!t.has(J.value)&&(J.value=null),Y.value&&!t.has(Y.value)&&(Y.value=null),Z.value&&!t.has(Z.value)&&(Z.value=null)},{deep:!0}),j(()=>{if(!n)return;let e=e=>{if(s.hotkey.length>0&&s.hotkey.every(t=>c(t)?e[t]:e.code===t)){let e=H.value[0]?.position??s.position??G.value[0];J.value=e,ae(e)}let t=Object.values(R).some(e=>e===document.activeElement||e?.contains(document.activeElement));e.code===`Escape`&&t&&(J.value=null,Z.value=null)};document.addEventListener(`keydown`,e),w(()=>{document.removeEventListener(`keydown`,e)})}),C(()=>{X.value&&(X.value.focus({preventScroll:!0}),X.value=null,Z.value=null)}),(e,t)=>(T(),y(g,null,[b(`section`,{"data-soybean-toaster-container":``,"aria-label":L.value,tabindex:`-1`,"aria-live":`polite`,"aria-relevant":`additions text`,"aria-atomic":`false`},[(T(!0),y(g,null,E(O(i),e=>(T(),y(`ol`,S({key:e},{ref_for:!0},O(x),{ref_for:!0,ref:t=>z(e,t),class:O(P).toaster,tabindex:`-1`,dir:O(F),"data-soybean-toaster":``,"data-y-position":e.split(`-`)[0],"data-x-position":e.split(`-`)[1],style:{"--z-index":O(K)[e],"--front-toast-height":`${O(W)[e][0]?.height??0}px`,...re.value},onBlur:t=>ce(e,t),onFocus:t=>le(e,t),onMouseenter:t=>$(e),onMousemove:t=>$(e),onMouseleave:t=>ue(e),onDragend:t=>ie(e),onPointerdown:t=>de(e,t),onPointerup:t=>fe(e)}),[(T(!0),y(g,null,E(O(V)[e],(t,n)=>(T(),v(h,{key:t.id,index:n,toast:t,position:e,"onUpdate:height":oe,onRemove:Q},null,8,[`index`,`toast`,`position`]))),128))],16,N))),128))],8,M),ne(e.$slots,`default`)],64))}});export{P as default};
+import{getElFromTemplateRef as e,transformPropsToContext as t}from"../../shared/vue.js";import{isClient as n}from"../../shared/env.js";import{useDirection as r}from"../config-provider/context.js";import"../../shared/index.js";import{ALL_TOAST_POSITIONS as i,DEFAULT_POSITION as a,ICONS as o,TOAST_LIFETIME as s,isModifierHotkey as c,isToastDismiss as l,resolveOffset as u,toasterCssVars as d}from"./shared.js";import{provideToasterContext as f,useToastUi as ee}from"./context.js";import{useToastState as p}from"./hooks.js";import{ToastState as m}from"./state.js";import h from"./toast.js";import{Fragment as g,computed as _,createBlock as v,createElementBlock as y,createElementVNode as b,defineComponent as x,mergeProps as S,nextTick as te,onBeforeUnmount as C,onWatcherCleanup as w,openBlock as T,renderList as E,renderSlot as ne,shallowRef as D,unref as O,useAttrs as k,watch as A,watchEffect as j}from"vue";const M=[`aria-label`],N=[`dir`,`data-y-position`,`data-x-position`,`onBlur`,`onFocus`,`onMouseenter`,`onMousemove`,`onMouseleave`,`onDragend`,`onPointerdown`,`onPointerup`],P=x({name:`Toaster`,inheritAttrs:!1,__name:`toaster`,props:{id:{},dir:{},hotkey:{default:()=>[`altKey`,`KeyT`]},customAriaLabel:{},containerAriaLabel:{default:`Notifications`},position:{default:a},defaultExpanded:{type:Boolean},duration:{default:s},gap:{default:12},offset:{default:24},visibleCounts:{default:3},swipeDirections:{},showIcon:{type:Boolean},showClose:{type:Boolean},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(a){let s=a,x=k(),P=ee(),F=r(()=>s.dir),I=_(()=>s.hotkey.join(`+`).replace(/Key/g,``).replace(/Digit/g,``)),L=_(()=>s.customAriaLabel??`${s.containerAriaLabel} ${I.value}`),R={},z=(t,n)=>{R[t]=e(n)},{toasts:B,allToasts:V,filtered:H,heights:U,allHeights:W,allPositions:G,positionZIndex:K}=p({id:()=>s.id,position:()=>s.position}),q=_(()=>({...o,...s.icons})),J=D(null),Y=D(null),X=D(null),Z=D(null),re=_(()=>({[d.gap]:`${s.gap}px`,...u(s.offset)})),ie=e=>{J.value===e&&(J.value=null),Y.value===e&&(Y.value=null),Z.value===e&&(Z.value=null)},ae=e=>{R[e]?.focus()},oe=e=>{if(U.value.findIndex(t=>t.toastId===e.toastId)!==-1){U.value=U.value.map(t=>t.toastId===e.toastId?e:t);return}let t=U.value.findIndex(t=>t.position===e.position);if(t!==-1){U.value=[...U.value.slice(0,t),e,...U.value.slice(t)];return}U.value=[e,...U.value]},se=e=>{let t=B.value.findIndex(t=>t.id===e.id);if(t!==-1){let n=Object.assign({},B.value[t],e);B.value=[...B.value.slice(0,t),n,...B.value.slice(t+1)];return}B.value=[e,...B.value]},Q=e=>{B.value=B.value.filter(t=>t.id!==e.id||(t.delete||m.dismiss(e.id),!1)),U.value=U.value.filter(t=>t.toastId!==e.id)},ce=(e,t)=>{let n=t.currentTarget;Z.value===e&&n&&!n.contains(t.relatedTarget)&&(Z.value=null,J.value===e&&Y.value!==e&&(J.value=null),X.value&&(X.value.focus({preventScroll:!0}),X.value=null))},le=(e,t)=>{t.target.dataset.dismissible!==`false`&&Z.value!==e&&(Z.value=e,X.value=t.relatedTarget)},$=e=>{J.value=e},ue=e=>{Y.value!==e&&Z.value!==e&&J.value===e&&(J.value=null)},de=(e,t)=>{t.target.dataset.dismissible!==`false`&&(Y.value=e,J.value=e)},fe=e=>{Y.value===e&&(Y.value=null)};return f({dir:F,allToasts:V,allHeights:W,interactingPosition:Y,expandedPosition:J,icons:q,...t(s,[`gap`,`duration`,`visibleCounts`,`defaultExpanded`,`swipeDirections`,`showIcon`,`showClose`,`toastProps`,`wrapperProps`,`contentProps`,`titleProps`,`descriptionProps`,`iconProps`,`footerProps`,`actionProps`,`cancelProps`,`closeProps`])}),j(()=>{let e=m.subscribe(e=>{if(l(e)){requestAnimationFrame(()=>{B.value=B.value.map(t=>t.id===e.id?{...t,delete:!0}:t)});return}te(()=>{se(e)})});w(()=>{e()})},{flush:`post`}),A(()=>B.value.length,e=>{e===0&&(J.value=null,Y.value=null,Z.value=null)}),A(()=>H.value,e=>{let t=new Set(e.map(e=>e.position??s.position));J.value&&!t.has(J.value)&&(J.value=null),Y.value&&!t.has(Y.value)&&(Y.value=null),Z.value&&!t.has(Z.value)&&(Z.value=null)},{deep:!0}),j(()=>{if(!n)return;let e=e=>{if(s.hotkey.length>0&&s.hotkey.every(t=>c(t)?e[t]:e.code===t)){let e=H.value[0]?.position??s.position??G.value[0];J.value=e,ae(e)}let t=Object.values(R).some(e=>e===document.activeElement||e?.contains(document.activeElement));e.code===`Escape`&&t&&(J.value=null,Z.value=null)};document.addEventListener(`keydown`,e),w(()=>{document.removeEventListener(`keydown`,e)})}),C(()=>{X.value&&(X.value.focus({preventScroll:!0}),X.value=null,Z.value=null)}),(e,t)=>(T(),y(g,null,[b(`section`,{"data-soybean-toaster-container":``,"aria-label":L.value,tabindex:`-1`,"aria-live":`polite`,"aria-relevant":`additions text`,"aria-atomic":`false`},[(T(!0),y(g,null,E(O(i),e=>(T(),y(`ol`,S({key:e},{ref_for:!0},O(x),{ref_for:!0,ref:t=>z(e,t),class:O(P).toaster,tabindex:`-1`,dir:O(F),"data-soybean-toaster":``,"data-y-position":e.split(`-`)[0],"data-x-position":e.split(`-`)[1],style:{"--z-index":O(K)[e],"--front-toast-height":`${O(W)[e][0]?.height??0}px`,...re.value},onBlur:t=>ce(e,t),onFocus:t=>le(e,t),onMouseenter:t=>$(e),onMousemove:t=>$(e),onMouseleave:t=>ue(e),onDragend:t=>ie(e),onPointerdown:t=>de(e,t),onPointerup:t=>fe(e)}),[(T(!0),y(g,null,E(O(V)[e],(t,n)=>(T(),v(h,{key:t.id,index:n,toast:t,position:e,"onUpdate:height":oe,onRemove:Q},null,8,[`index`,`toast`,`position`]))),128))],16,N))),128))],8,M),ne(e.$slots,`default`)],64))}});export{P as default};

package/dist/components/toast/toaster.vue.d.ts

@@ -1,5 +1,4 @@
 import { ToastOffset, ToastPosition, ToasterProps } from "./types.js";
-
 //#region src/components/toast/toaster.vue.d.ts
 declare var __VLS_9: {};
 type __VLS_Slots = {} & {
@@ -22,4 +21,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,8 +1,8 @@
 import { Direction, Side, SwipeDirection, UiClass } from "../../types/common.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { IconValue } from "../_icon/types.js";
 import { ComputedRef, HTMLAttributes, LiHTMLAttributes, OlHTMLAttributes, ShallowRef, VNode } from "vue";
-
 //#region src/components/toast/types.d.ts
 /**
  * Supported toast values.
@@ -324,4 +324,4 @@ type ToastUiSlot = 'toaster' | 'toast' | 'wrapper' | 'content' | 'title' | 'desc
  */
 type ToastUi = UiClass<ToastUiSlot>;
 //#endregion
-export { ToastCreateOptions, ToastExternal, ToastIconType, ToastOffset, ToastOrDismiss, ToastPosition, ToastPromise, ToastPromiseData, ToastProviderProps, ToastT, ToastType, ToastUi, ToastUiSlot, ToasterProps };
+export { ToastCreateOptions, ToastDismiss, ToastExternal, ToastIconType, ToastOffset, ToastOrDismiss, ToastPosition, ToastPromise, ToastPromiseData, ToastPromiseResolver, ToastPromiseResult, ToastProviderProps, ToastT, ToastType, ToastUi, ToastUiSlot, ToasterProps };

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

@@ -1,3 +1,3 @@
 import { ToggleEmits, ToggleProps, ToggleState } from "./types.js";
-import { _default } from "./toggle.vue.js";
+import _default from "./toggle.vue.js";
 export { _default as Toggle, type ToggleEmits, type ToggleProps, type ToggleState };

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

@@ -1,5 +1,4 @@
 import { ToggleProps, ToggleState } from "./types.js";
-
 //#region src/components/toggle/toggle.vue.d.ts
 declare var __VLS_10: {
   modelValue: boolean;
@@ -15,8 +14,8 @@ declare const __VLS_base: import("vue").DefineComponent<ToggleProps, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<ToggleProps> & Readonly<{
   "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
 }>, {
-  defaultValue: boolean;
   modelValue: boolean;
+  defaultValue: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
@@ -26,4 +25,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { ButtonProps } from "../button/types.js";
-
 //#region src/components/toggle/types.d.ts
 /**
  * State values for ToggleState.

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

@@ -1,6 +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";
 //#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/index.d.ts

@@ -1,5 +1,5 @@
 import { ToggleGroupItemProps, ToggleGroupRootEmits, ToggleGroupRootProps, ToggleGroupUi, ToggleGroupUiSlot } from "./types.js";
-import { _default as _default$1 } from "./toggle-group-root.vue.js";
-import { _default } from "./toggle-group-item.vue.js";
+import _default$1 from "./toggle-group-root.vue.js";
+import _default from "./toggle-group-item.vue.js";
 import { provideToggleGroupUi } from "./context.js";
 export { _default as ToggleGroupItem, type ToggleGroupItemProps, _default$1 as ToggleGroupRoot, type ToggleGroupRootEmits, type ToggleGroupRootProps, type ToggleGroupUi, type ToggleGroupUiSlot, provideToggleGroupUi };

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=e(m,[`value`],a(()=>_.value?{focusable:!x.value,active:S.value}:{})),w=a(()=>S.value?`on`:`off`),T=()=>{b(m.value)};return(e,r)=>(l(),o(d(f(_)?f(n):t),c(f(C),{as:f(_)?t:m.as,"data-soybean-toggle-group-item":``,class:f(h),"aria-pressed":S.value?`true`:`false`,"data-state":w.value,"data-orientation":f(v),disabled:x.value,onClick:T}),{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"../../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};

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

@@ -1,6 +1,6 @@
 import { DefinedValue } from "../../types/common.js";
+import "../../types/index.js";
 import { ToggleGroupItemProps } from "./types.js";
-
 //#region src/components/toggle-group/toggle-group-item.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<ToggleGroupItemProps<T>> & (typeof globalThis extends {
@@ -16,9 +16,9 @@ declare const __VLS_export: <T extends DefinedValue = string>(__VLS_props: NonNu
   };
   emit: {};
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { DefinedValue } from "../../types/common.js";
+import "../../types/index.js";
 import { ToggleGroupRootProps } from "./types.js";
-
 //#region src/components/toggle-group/toggle-group-root.vue.d.ts
 declare const __VLS_export: <M extends boolean = false, T extends DefinedValue = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<ToggleGroupRootProps<M, T> & {
@@ -17,9 +17,9 @@ declare const __VLS_export: <M extends boolean = false, T extends DefinedValue =
   };
   emit: (evt: "update:modelValue", value: M extends true ? T[] : T) => void;
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,9 +1,9 @@
 import { DataOrientation, DefinedValue, Direction, SelectionEmits, SelectionProps, UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
+import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonProps } from "../button/types.js";
 import { ComputedRef, ShallowRef } from "vue";
-
 //#region src/components/toggle-group/types.d.ts
 /**
  * Properties for the ToggleGroupRoot component.

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

@@ -1,6 +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";
 //#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/index.d.ts

@@ -1,9 +1,9 @@
 import { ToolbarButtonEmits, ToolbarButtonProps, ToolbarLinkProps, ToolbarRootContext, ToolbarRootContextParams, ToolbarRootProps, ToolbarSeparatorProps, ToolbarToggleGroupEmits, ToolbarToggleGroupProps, ToolbarToggleItemProps, ToolbarUi, ToolbarUiSlot } from "./types.js";
-import { _default as _default$2 } from "./toolbar-root.vue.js";
-import { _default } from "./toolbar-button.vue.js";
-import { _default as _default$1 } from "./toolbar-link.vue.js";
-import { _default as _default$3 } from "./toolbar-separator.vue.js";
-import { _default as _default$4 } from "./toolbar-toggle-group.vue.js";
-import { _default as _default$5 } from "./toolbar-toggle-item.vue.js";
+import _default$2 from "./toolbar-root.vue.js";
+import _default from "./toolbar-button.vue.js";
+import _default$1 from "./toolbar-link.vue.js";
+import _default$3 from "./toolbar-separator.vue.js";
+import _default$4 from "./toolbar-toggle-group.vue.js";
+import _default$5 from "./toolbar-toggle-item.vue.js";
 import { provideToolbarUi } from "./context.js";
 export { _default as ToolbarButton, type ToolbarButtonEmits, type ToolbarButtonProps, _default$1 as ToolbarLink, type ToolbarLinkProps, _default$2 as ToolbarRoot, type ToolbarRootContext, type ToolbarRootContextParams, type ToolbarRootProps, _default$3 as ToolbarSeparator, type ToolbarSeparatorProps, _default$4 as ToolbarToggleGroup, type ToolbarToggleGroupEmits, type ToolbarToggleGroupProps, _default$5 as ToolbarToggleItem, type ToolbarToggleItemProps, type ToolbarUi, type ToolbarUiSlot, provideToolbarUi };

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

@@ -1,5 +1,4 @@
 import { ToolbarButtonProps } from "./types.js";
-
 //#region src/components/toolbar/toolbar-button.vue.d.ts
 declare var __VLS_16: {};
 type __VLS_Slots = {} & {
@@ -18,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { ToolbarLinkProps } from "./types.js";
-
 //#region src/components/toolbar/toolbar-link.vue.d.ts
 declare var __VLS_16: {};
 type __VLS_Slots = {} & {
@@ -16,4 +15,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,6 @@
 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: {};
 type __VLS_Slots = {} & {
@@ -16,4 +17,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { ToolbarSeparatorProps } from "./types.js";
-
 //#region src/components/toolbar/toolbar-separator.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { DefinedValue } from "../../types/common.js";
+import "../../types/index.js";
 import { ToolbarToggleGroupProps } from "./types.js";
-
 //#region src/components/toolbar/toolbar-toggle-group.vue.d.ts
 declare const __VLS_export: <M extends boolean = false, T extends DefinedValue = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<ToolbarToggleGroupProps<M, T> & {
@@ -15,9 +15,9 @@ declare const __VLS_export: <M extends boolean = false, T extends DefinedValue =
   };
   emit: (evt: "update:modelValue", value: M extends true ? T[] : T) => void;
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { DefinedValue } from "../../types/common.js";
+import "../../types/index.js";
 import { ToolbarToggleItemProps } from "./types.js";
-
 //#region src/components/toolbar/toolbar-toggle-item.vue.d.ts
 declare const __VLS_export: <T extends DefinedValue = string>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: import("vue").PublicProps & __VLS_PrettifyLocal<ToolbarToggleItemProps<T>> & (typeof globalThis extends {
@@ -13,9 +13,9 @@ declare const __VLS_export: <T extends DefinedValue = string>(__VLS_props: NonNu
   };
   emit: {};
 }>) => import("vue").VNode & {
-  __ctx?: Awaited<typeof __VLS_setup>;
+  __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 };
 declare const _default: typeof __VLS_export;
-type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K]; } : { [K in keyof T as K]: T[K]; }) & {};
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,11 +1,11 @@
 import { DataOrientation, DefinedValue, Direction, UiClass } from "../../types/common.js";
+import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { ButtonEmits, ButtonProps } from "../button/types.js";
 import { LinkProps } from "../link/types.js";
 import { SeparatorRootProps } from "../separator/types.js";
 import { ToggleGroupItemProps, ToggleGroupRootEmits, ToggleGroupRootProps } from "../toggle-group/types.js";
 import { ComputedRef } from "vue";
-
 //#region src/components/toolbar/types.d.ts
 /**
  * Properties for the ToolbarRoot component.

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

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

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

@@ -1,5 +1,6 @@
 import { PointerDownOutsideEvent } from "../../types/event.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, {
@@ -23,4 +24,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,5 +1,4 @@
 import { TooltipPopupProps } from "./types.js";
-
 //#region src/components/tooltip/tooltip-popup.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
@@ -14,4 +13,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };