@soybeanjs/headless 0.29.3 → 0.30.0-beta.2

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

@@ -1,5 +1,4 @@
 import { TextareaRootProps } from "./types.js";
-
 //#region src/components/textarea/textarea-root.vue.d.ts
 declare var __VLS_1: {
   modelValue: string;
@@ -25,4 +24,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,9 +1,9 @@
 import { UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
 import { ButtonProps } from "../button/types.js";
 import { ComputedRef, ShallowRef, TextareaHTMLAttributes } from "vue";
-
 //#region src/components/textarea/types.d.ts
 /**
  * Type information for TextareaAutosizeOptions.
@@ -158,4 +158,4 @@ type TextareaCompactSlots = {
   footer?: (props: TextareaCompactSlotProps) => any;
 };
 //#endregion
-export { TextareaClearEmits, TextareaClearProps, TextareaCompactEmits, TextareaCompactProps, TextareaCompactSlotProps, TextareaCompactSlots, TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps, TextareaUi, TextareaUiSlot };
+export { TextareaAutosizeOptions, TextareaBaseProps, TextareaClearEmits, TextareaClearProps, TextareaCompactEmits, TextareaCompactProps, TextareaCompactSlotProps, TextareaCompactSlots, TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps, TextareaUi, TextareaUiSlot };

package/dist/components/time-field/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 { TimeFieldUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/time-field/context.d.ts
 declare const provideTimeFieldUi: (ui: import("vue").ComputedRef<Partial<UiClass<TimeFieldUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<TimeFieldUiSlot>>>, useTimeFieldUi: UseUiConsumer<TimeFieldUiSlot>;
 //#endregion

package/dist/components/time-field/index.d.ts

@@ -1,8 +1,8 @@
 import { TimeValue } from "../../date/types.js";
 import { DateFieldInputProps } from "../date-field/types.js";
-import { TimeFieldCompactEmits, TimeFieldCompactProps, TimeFieldRootEmits, TimeFieldRootProps, TimeFieldRootSlotProps, TimeFieldRootSlots, TimeFieldUi, TimeFieldUiSlot } from "./types.js";
-import { _default } from "./time-field-compact.vue.js";
-import { _default as _default$2 } from "./time-field-root.vue.js";
-import { _default as _default$1 } from "./time-field-input.vue.js";
+import { TimeFieldCompactEmits, TimeFieldCompactProps, TimeFieldCompactSlots, TimeFieldRootEmits, TimeFieldRootProps, TimeFieldRootSlotProps, TimeFieldRootSlots, TimeFieldUi, TimeFieldUiSlot } from "./types.js";
+import _default from "./time-field-compact.vue.js";
+import _default$2 from "./time-field-root.vue.js";
+import _default$1 from "./time-field-input.vue.js";
 import { provideTimeFieldUi } from "./context.js";
-export { _default as TimeFieldCompact, type TimeFieldCompactEmits, type TimeFieldCompactProps, _default$1 as TimeFieldInput, type DateFieldInputProps as TimeFieldInputProps, _default$2 as TimeFieldRoot, type TimeFieldRootEmits, type TimeFieldRootProps, type TimeFieldRootSlotProps, type TimeFieldRootSlots, type TimeFieldUi, type TimeFieldUiSlot, type TimeValue, provideTimeFieldUi };
+export { _default as TimeFieldCompact, type TimeFieldCompactEmits, type TimeFieldCompactProps, type TimeFieldCompactSlots, _default$1 as TimeFieldInput, type DateFieldInputProps as TimeFieldInputProps, _default$2 as TimeFieldRoot, type TimeFieldRootEmits, type TimeFieldRootProps, type TimeFieldRootSlotProps, type TimeFieldRootSlots, type TimeFieldUi, type TimeFieldUiSlot, type TimeValue, provideTimeFieldUi };

package/dist/components/time-field/time-field-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"./time-field-input.js";import r from"./time-field-root.js";import{Fragment as i,createBlock as a,createElementBlock as o,createTextVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderList as d,toDisplayString as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=c({name:`TimeFieldCompact`,__name:`time-field-compact`,props:{inputProps:{},defaultValue:{},modelValue:{},defaultPlaceholder:{},placeholder:{},granularity:{},maxValue:{},minValue:{},isTimeUnavailable:{type:Function},id:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(c,{emit:g}){let _=c,v=g,y=t(_,[`inputProps`]),b=e(v);return(e,t)=>(u(),a(r,l(m(y),p(m(b))),{default:h(e=>[(u(!0),o(i,null,d(e.segments,(e,t)=>(u(),a(n,l({key:`${e.part}-${t}`,part:e.part},{ref_for:!0},c.inputProps),{default:h(()=>[s(f(e.value),1)]),_:2},1040,[`part`]))),128))]),_:1},16))}});export{g as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"./time-field-input.js";import r from"./time-field-root.js";import{Fragment as i,createBlock as a,createElementBlock as o,createTextVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderList as d,renderSlot as f,toDisplayString as p,toHandlers as m,unref as h,withCtx as g}from"vue";const _=c({name:`TimeFieldCompact`,__name:`time-field-compact`,props:{inputProps:{},defaultValue:{},modelValue:{},defaultPlaceholder:{},placeholder:{},granularity:{},maxValue:{},minValue:{},isTimeUnavailable:{type:Function},id:{},hourCycle:{},step:{},hideTimeZone:{type:Boolean},name:{},required:{type:Boolean},dir:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:modelValue`,`update:placeholder`],setup(c,{emit:_}){let v=c,y=_,b=t(v,[`inputProps`]),x=e(y);return(e,t)=>(u(),a(r,l(h(b),m(h(x))),{default:g(t=>[f(e.$slots,`leading`),(u(!0),o(i,null,d(t.segments,(e,t)=>(u(),a(n,l({key:`${e.part}-${t}`,part:e.part},{ref_for:!0},c.inputProps),{default:g(()=>[s(p(e.value),1)]),_:2},1040,[`part`]))),128)),f(e.$slots,`trailing`)]),_:3},16))}});export{_ as default};

package/dist/components/time-field/time-field-compact.vue.d.ts

@@ -1,14 +1,20 @@
 import { TimeValue } from "../../date/types.js";
-import { TimeFieldCompactProps } from "./types.js";
-
+import { TimeFieldCompactProps, TimeFieldCompactSlots } from "./types.js";
 //#region src/components/time-field/time-field-compact.vue.d.ts
-declare const __VLS_export: import("vue").DefineComponent<TimeFieldCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+type __VLS_Slots = TimeFieldCompactSlots;
+declare const __VLS_base: import("vue").DefineComponent<TimeFieldCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (time: TimeValue | undefined) => any;
   "update:placeholder": (time: TimeValue) => any;
 }, string, import("vue").PublicProps, Readonly<TimeFieldCompactProps> & Readonly<{
   "onUpdate:modelValue"?: ((time: TimeValue | undefined) => any) | undefined;
   "onUpdate:placeholder"?: ((time: TimeValue) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
 //#endregion
-export { _default };
+export { _default as default };

package/dist/components/time-field/time-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{useTimeFieldRootContext as n,useTimeFieldUi 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:`TimeFieldInput`,__name:`time-field-input`,props:{part:{},asChild:{type:Boolean},as:{default:`span`}},setup(o){let m=o,h=r(`input`),{disabled:g,readonly:_,placeholder:v,hourCycle:y,step:b,segmentValues:x,formatter:S,focusNext:C,modelValue:w,isInvalid:T,setFocusedElement:E}=n(`TimeFieldInput`),D=l(!0),{attributes:O,handleSegmentClick:k,handleSegmentFocusOut:A,handleSegmentKeydown:j}=e({hasLeftFocus:D,lastKeyZero:l(!1),placeholder:v,hourCycle:y,step:b,segmentValues:x,formatter:S,part:m.part,disabled:g,readonly:_,focusNext:C,modelValue:w}),M=i(()=>g.value||_.value?!1:m.part!==`literal`&&m.part!==`timeZoneName`),N=i(()=>m.part===`literal`?{}:{mousedown:k,keydown:j,focusout:()=>{D.value=!0,A()},focusin:e=>{E(e.target)}});return(e,n)=>(c(),a(f(t),s(f(O),{as:o.as,"as-child":o.asChild,"data-soybean-time-field-input":``,"data-soybean-date-field-segment":o.part,class:f(h),"aria-disabled":f(g)?!0:void 0,"aria-invalid":f(T)?!0:void 0,"aria-readonly":f(_)||o.part===`timeZoneName`?!0:void 0,contenteditable:M.value,"data-disabled":f(g)?``:void 0,"data-invalid":f(T)?``:void 0,"data-readonly":f(_)||o.part===`timeZoneName`?``:void 0,"data-segment":o.part},d(N.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{useTimeFieldRootContext as n,useTimeFieldUi 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:`TimeFieldInput`,__name:`time-field-input`,props:{part:{},asChild:{type:Boolean},as:{default:`span`}},setup(o){let m=o,h=r(`input`),{disabled:g,readonly:_,placeholder:v,hourCycle:y,step:b,segmentValues:x,formatter:S,focusNext:C,modelValue:w,isInvalid:T,setFocusedElement:E}=n(`TimeFieldInput`),D=l(!0),O=l(!1),{attributes:k,handleSegmentClick:A,handleSegmentFocusOut:j,handleSegmentKeydown:M}=e({hasLeftFocus:D,lastKeyZero:O,placeholder:v,hourCycle:y,step:b,segmentValues:x,formatter:S,part:m.part,disabled:g,readonly:_,focusNext:C,modelValue:w}),N=i(()=>g.value||_.value?!1:m.part!==`literal`&&m.part!==`timeZoneName`),P=i(()=>m.part===`literal`?{}:{mousedown:A,keydown:M,focusout:()=>{D.value=!0,j()},focusin:e=>{E(e.target)}});return(e,n)=>(c(),a(f(t),s(f(k),{as:o.as,"as-child":o.asChild,"data-soybean-time-field-input":``,"data-soybean-date-field-segment":o.part,class:f(h),"aria-disabled":f(g)?!0:void 0,"aria-invalid":f(T)?!0:void 0,"aria-readonly":f(_)||o.part===`timeZoneName`?!0:void 0,contenteditable:N.value,"data-disabled":f(g)?``:void 0,"data-invalid":f(T)?``:void 0,"data-readonly":f(_)||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};

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

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

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

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

@@ -1,6 +1,6 @@
 import { DateStep, TimeGranularity, TimeMatcher, TimeValue } from "../../date/types.js";
+import "../../date/index.js";
 import { TimeFieldRootProps, TimeFieldRootSlots } from "./types.js";
-
 //#region src/components/time-field/time-field-root.vue.d.ts
 type __VLS_Slots = TimeFieldRootSlots;
 declare const __VLS_base: import("vue").DefineComponent<TimeFieldRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -12,12 +12,12 @@ declare const __VLS_base: import("vue").DefineComponent<TimeFieldRootProps, {},
 }>, {
   placeholder: TimeValue;
   disabled: boolean;
-  step: DateStep;
   defaultValue: TimeValue;
+  step: DateStep;
   defaultPlaceholder: TimeValue;
   readonly: boolean;
-  hourCycle: 12 | 24;
   granularity: TimeGranularity;
+  hourCycle: 12 | 24;
   hideTimeZone: boolean;
   isTimeUnavailable: TimeMatcher;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
@@ -29,4 +29,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,8 +1,9 @@
 import { UiClass } from "../../types/common.js";
+import "../../types/index.js";
 import { TimeGranularity, TimeMatcher, TimeValue } from "../../date/types.js";
+import "../../date/index.js";
 import { DateFieldInputProps, DateFieldRootProps, DateFieldSegment } from "../date-field/types.js";
 import { ComputedRef, ShallowRef } from "vue";
-
 //#region src/components/time-field/types.d.ts
 /**
  * Properties for the TimeFieldRoot component.
@@ -86,6 +87,19 @@ interface TimeFieldCompactProps extends TimeFieldRootProps {
    */
   inputProps?: DateFieldInputProps;
 }
+/**
+ * Slots for the TimeFieldCompact component.
+ */
+type TimeFieldCompactSlots = {
+  /**
+   * Content rendered before the time segments.
+   */
+  leading?: () => any;
+  /**
+   * Content rendered after the time segments.
+   */
+  trailing?: () => any;
+};
 /**
  * Events for the time field compact component.
  */
@@ -99,4 +113,4 @@ type TimeFieldUiSlot = 'root' | 'input';
  */
 type TimeFieldUi = UiClass<TimeFieldUiSlot>;
 //#endregion
-export { TimeFieldCompactEmits, TimeFieldCompactProps, TimeFieldRootEmits, TimeFieldRootProps, TimeFieldRootSlotProps, TimeFieldRootSlots, TimeFieldUi, TimeFieldUiSlot };
+export { TimeFieldCompactEmits, TimeFieldCompactProps, TimeFieldCompactSlots, type DateFieldInputProps as TimeFieldInputProps, TimeFieldRootEmits, TimeFieldRootProps, TimeFieldRootSlotProps, TimeFieldRootSlots, TimeFieldUi, TimeFieldUiSlot, type TimeValue };

package/dist/components/time-range-field/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 { TimeRangeFieldUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/time-range-field/context.d.ts
 declare const provideTimeRangeFieldUi: (ui: import("vue").ComputedRef<Partial<UiClass<TimeRangeFieldUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<TimeRangeFieldUiSlot>>>, useTimeRangeFieldUi: UseUiConsumer<TimeRangeFieldUiSlot>;
 //#endregion

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

@@ -1,6 +1,6 @@
 import { TimeRangeFieldCompactEmits, TimeRangeFieldCompactProps, TimeRangeFieldCompactSlots, TimeRangeFieldInputProps, TimeRangeFieldRootEmits, TimeRangeFieldRootProps, TimeRangeFieldRootSlots, TimeRangeFieldSlotProps, TimeRangeFieldUi, TimeRangeFieldUiSlot } from "./types.js";
-import { _default } from "./time-range-field-compact.vue.js";
-import { _default as _default$2 } from "./time-range-field-root.vue.js";
-import { _default as _default$1 } from "./time-range-field-input.vue.js";
+import _default from "./time-range-field-compact.vue.js";
+import _default$2 from "./time-range-field-root.vue.js";
+import _default$1 from "./time-range-field-input.vue.js";
 import { provideTimeRangeFieldUi } from "./context.js";
 export { _default as TimeRangeFieldCompact, type TimeRangeFieldCompactEmits, type TimeRangeFieldCompactProps, type TimeRangeFieldCompactSlots, _default$1 as TimeRangeFieldInput, type TimeRangeFieldInputProps, _default$2 as TimeRangeFieldRoot, type TimeRangeFieldRootEmits, type TimeRangeFieldRootProps, type TimeRangeFieldRootSlots, type TimeRangeFieldSlotProps, type TimeRangeFieldUi, type TimeRangeFieldUiSlot, provideTimeRangeFieldUi };

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

@@ -1,6 +1,7 @@
 import { TimeRange, TimeValue } from "../../date/types.js";
+import "../../date/index.js";
+import "../time-field/index.js";
 import { TimeRangeFieldCompactProps, TimeRangeFieldCompactSlots } from "./types.js";
-
 //#region src/components/time-range-field/time-range-field-compact.vue.d.ts
 type __VLS_Slots = TimeRangeFieldCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -24,4 +25,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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, {
@@ -16,16 +17,16 @@ declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldRootProps,
 }>, {
   placeholder: TimeValue;
   disabled: boolean;
-  step: DateStep;
   defaultValue: TimeRange;
+  step: DateStep;
   defaultPlaceholder: TimeValue;
   readonly: boolean;
-  hourCycle: 12 | 24;
   granularity: TimeGranularity;
+  hourCycle: 12 | 24;
   hideTimeZone: boolean;
+  isTimeUnavailable: TimeMatcher;
   startName: string;
   endName: string;
-  isTimeUnavailable: TimeMatcher;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
@@ -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 = {} & {
@@ -9,10 +8,10 @@ declare const __VLS_base: import("vue").DefineComponent<ToasterProps, {}, {}, {}
   offset: ToastOffset;
   duration: number;
   gap: number;
-  position: ToastPosition;
-  visibleCounts: number;
   hotkey: string[];
   containerAriaLabel: string;
+  position: ToastPosition;
+  visibleCounts: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;
@@ -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;
 }>, {
-  modelValue: boolean;
   defaultValue: boolean;
+  modelValue: 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