@soybeanjs/headless 0.30.0 → 0.40.0-beta.1

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),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};
+import{useDateField as e}from"../../date/use-date-field.js";import{Primitive as t}from"../primitive/primitive.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-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{useControllableState as h}from"../../composables/use-controllable-state.js";import{useForwardElement as g}from"../../composables/use-forward-element.js";import{Primitive as _}from"../primitive/primitive.js";import v from"../visually-hidden/visually-hidden.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]||=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

@@ -10,14 +10,14 @@ declare const __VLS_base: import("vue").DefineComponent<TimeFieldRootProps, {},
   "onUpdate:modelValue"?: ((time: TimeValue | undefined) => any) | undefined;
   "onUpdate:placeholder"?: ((time: TimeValue) => any) | undefined;
 }>, {
-  disabled: boolean;
   placeholder: TimeValue;
+  disabled: boolean;
   step: DateStep;
   defaultValue: TimeValue;
-  readonly: boolean;
   defaultPlaceholder: TimeValue;
-  granularity: TimeGranularity;
+  readonly: boolean;
   hourCycle: 12 | 24;
+  granularity: TimeGranularity;
   hideTimeZone: boolean;
   isTimeUnavailable: TimeMatcher;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

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

@@ -8,7 +8,7 @@ import { ComputedRef, ShallowRef } from "vue";
 /**
  * Properties for the TimeFieldRoot component.
  */
-interface TimeFieldRootProps extends Omit<DateFieldRootProps, 'modelValue' | 'defaultValue' | 'placeholder' | 'defaultPlaceholder' | 'granularity' | 'maxValue' | 'minValue' | 'isDateUnavailable'> {
+export interface TimeFieldRootProps extends Omit<DateFieldRootProps, 'modelValue' | 'defaultValue' | 'placeholder' | 'defaultPlaceholder' | 'granularity' | 'maxValue' | 'minValue' | 'isDateUnavailable'> {
   /**
    * Default value for the time field.
    */
@@ -45,7 +45,7 @@ interface TimeFieldRootProps extends Omit<DateFieldRootProps, 'modelValue' | 'de
 /**
  * Events for the TimeFieldRoot component.
  */
-type TimeFieldRootEmits = {
+export type TimeFieldRootEmits = {
   /**
    * Emitted when the model value changes.
    */
@@ -58,7 +58,7 @@ type TimeFieldRootEmits = {
 /**
  * Slot properties for the TimeFieldRoot component.
  */
-interface TimeFieldRootSlotProps {
+export interface TimeFieldRootSlotProps {
   /**
    * Current model value.
    */
@@ -75,13 +75,13 @@ interface TimeFieldRootSlotProps {
 /**
  * Slots for the TimeFieldRoot component.
  */
-type TimeFieldRootSlots = {
+export type TimeFieldRootSlots = {
   default?: (props: TimeFieldRootSlotProps) => any;
 };
 /**
  * Properties for the time field compact component.
  */
-interface TimeFieldCompactProps extends TimeFieldRootProps {
+export interface TimeFieldCompactProps extends TimeFieldRootProps {
   /**
    * Properties forwarded to the input element.
    */
@@ -90,7 +90,7 @@ interface TimeFieldCompactProps extends TimeFieldRootProps {
 /**
  * Slots for the TimeFieldCompact component.
  */
-type TimeFieldCompactSlots = {
+export type TimeFieldCompactSlots = {
   /**
    * Content rendered before the time segments.
    */
@@ -103,14 +103,14 @@ type TimeFieldCompactSlots = {
 /**
  * Events for the time field compact component.
  */
-type TimeFieldCompactEmits = TimeFieldRootEmits;
+export type TimeFieldCompactEmits = TimeFieldRootEmits;
 /**
  * Available UI slots for the TimeField component.
  */
-type TimeFieldUiSlot = 'root' | 'input';
+export type TimeFieldUiSlot = 'root' | 'input';
 /**
  * UI class overrides for the TimeField component.
  */
-type TimeFieldUi = UiClass<TimeFieldUiSlot>;
+export type TimeFieldUi = UiClass<TimeFieldUiSlot>;
 //#endregion
-export { TimeFieldCompactEmits, TimeFieldCompactProps, TimeFieldCompactSlots, type DateFieldInputProps as TimeFieldInputProps, TimeFieldRootEmits, TimeFieldRootProps, TimeFieldRootSlotProps, TimeFieldRootSlots, TimeFieldUi, TimeFieldUiSlot, type TimeValue };
+export type { DateFieldInputProps as TimeFieldInputProps, TimeValue };

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { TimeRangeFieldUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/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/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`TimeRangeFieldRoot`),[i,a]=t(`TimeRangeFieldUi`);export{n as provideTimeRangeFieldRootContext,i as provideTimeRangeFieldUi,r as useTimeRangeFieldRootContext,a as useTimeRangeFieldUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";const[n,r]=e(`TimeRangeFieldRoot`),[i,a]=t(`TimeRangeFieldUi`);export{n as provideTimeRangeFieldRootContext,i as provideTimeRangeFieldUi,r as useTimeRangeFieldRootContext,a as useTimeRangeFieldUi};

package/dist/components/time-range-field/time-range-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{useTimeRangeFieldUi as n}from"./context.js";import r from"./time-range-field-input.js";import i from"./time-range-field-root.js";import{Fragment as a,createBlock as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,openBlock as p,renderList as m,renderSlot as h,toDisplayString as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=u({name:`TimeRangeFieldCompact`,__name:`time-range-field-compact`,props:{inputProps:{},separator:{default:`–`},defaultValue:{},modelValue:{},startName:{},endName:{},defaultPlaceholder:{},placeholder:{},granularity:{},maxValue:{},minValue:{},isTimeUnavailable:{},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`,`update:startValue`,`update:endValue`],setup(u,{emit:b}){let x=u,S=b,C=t(x,[`inputProps`,`separator`]),w=e(S),T=n();return(e,t)=>(p(),o(i,d(v(C),_(v(w))),{default:y(t=>[h(e.$slots,`leading`),c(`div`,{"data-time-range-field-part":`start`,class:f(v(T).startRoot)},[(p(!0),s(a,null,m(t.startSegments,(e,t)=>(p(),o(r,d({key:`start-${e.part}-${t}`,part:e.part,type:`start`},{ref_for:!0},u.inputProps),{default:y(()=>[l(g(e.value),1)]),_:2},1040,[`part`]))),128))],2),c(`div`,{class:f(v(T).separator)},[h(e.$slots,`separator`,{},()=>[l(g(u.separator),1)])],2),c(`div`,{"data-time-range-field-part":`end`,class:f(v(T).endRoot)},[(p(!0),s(a,null,m(t.endSegments,(e,t)=>(p(),o(r,d({key:`end-${e.part}-${t}`,part:e.part,type:`end`},{ref_for:!0},u.inputProps),{default:y(()=>[l(g(e.value),1)]),_:2},1040,[`part`]))),128))],2),h(e.$slots,`trailing`)]),_:3},16))}});export{b as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import{useTimeRangeFieldUi as n}from"./context.js";import r from"./time-range-field-input.js";import i from"./time-range-field-root.js";import{Fragment as a,createBlock as o,createElementBlock as s,createElementVNode as c,createTextVNode as l,defineComponent as u,mergeProps as d,normalizeClass as f,openBlock as p,renderList as m,renderSlot as h,toDisplayString as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=u({name:`TimeRangeFieldCompact`,__name:`time-range-field-compact`,props:{inputProps:{},separator:{default:`–`},defaultValue:{},modelValue:{},startName:{},endName:{},defaultPlaceholder:{},placeholder:{},granularity:{},maxValue:{},minValue:{},isTimeUnavailable:{},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`,`update:startValue`,`update:endValue`],setup(u,{emit:b}){let x=u,S=b,C=t(x,[`inputProps`,`separator`]),w=e(S),T=n();return(e,t)=>(p(),o(i,d(v(C),_(v(w))),{default:y(t=>[h(e.$slots,`leading`),c(`div`,{"data-time-range-field-part":`start`,class:f(v(T).startRoot)},[(p(!0),s(a,null,m(t.startSegments,(e,t)=>(p(),o(r,d({key:`start-${e.part}-${t}`,part:e.part,type:`start`},{ref_for:!0},u.inputProps),{default:y(()=>[l(g(e.value),1)]),_:2},1040,[`part`]))),128))],2),c(`div`,{class:f(v(T).separator)},[h(e.$slots,`separator`,{},()=>[l(g(u.separator),1)])],2),c(`div`,{"data-time-range-field-part":`end`,class:f(v(T).endRoot)},[(p(!0),s(a,null,m(t.endSegments,(e,t)=>(p(),o(r,d({key:`end-${e.part}-${t}`,part:e.part,type:`end`},{ref_for:!0},u.inputProps),{default:y(()=>[l(g(e.value),1)]),_:2},1040,[`part`]))),128))],2),h(e.$slots,`trailing`)]),_:3},16))}});export{b 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),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};
+import{useDateField as e}from"../../date/use-date-field.js";import{Primitive as t}from"../primitive/primitive.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-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 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};
+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{useControllableState as d}from"../../composables/use-controllable-state.js";import{useForwardElement as f}from"../../composables/use-forward-element.js";import{Primitive as p}from"../primitive/primitive.js";import m from"../visually-hidden/visually-hidden.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]||=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]||=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

@@ -15,18 +15,18 @@ declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldRootProps,
   "onUpdate:startValue"?: ((time: TimeValue | undefined) => any) | undefined;
   "onUpdate:endValue"?: ((time: TimeValue | undefined) => any) | undefined;
 }>, {
-  disabled: boolean;
   placeholder: TimeValue;
+  disabled: boolean;
   step: DateStep;
   defaultValue: TimeRange;
-  readonly: boolean;
   defaultPlaceholder: TimeValue;
-  granularity: TimeGranularity;
+  readonly: boolean;
   hourCycle: 12 | 24;
+  granularity: TimeGranularity;
   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;

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

@@ -9,7 +9,7 @@ import { ShallowRef } from "vue";
 /**
  * Properties for the TimeRangeFieldRoot component.
  */
-interface TimeRangeFieldRootProps extends Omit<TimeFieldRootProps, 'defaultValue' | 'modelValue'> {
+export interface TimeRangeFieldRootProps extends Omit<TimeFieldRootProps, 'defaultValue' | 'modelValue'> {
   /**
    * Default value.
    */
@@ -30,7 +30,7 @@ interface TimeRangeFieldRootProps extends Omit<TimeFieldRootProps, 'defaultValue
 /**
  * Events for the TimeRangeFieldRoot component.
  */
-type TimeRangeFieldRootEmits = {
+export type TimeRangeFieldRootEmits = {
   /**
    * Emitted when the model value changes.
    */
@@ -51,7 +51,7 @@ type TimeRangeFieldRootEmits = {
 /**
  * Slot Props for the TimeRangeField component.
  */
-interface TimeRangeFieldSlotProps {
+export interface TimeRangeFieldSlotProps {
   /**
    * Current model value.
    */
@@ -72,7 +72,7 @@ interface TimeRangeFieldSlotProps {
 /**
  * Slots for the TimeRangeField component.
  */
-type TimeRangeFieldRootSlots = {
+export type TimeRangeFieldRootSlots = {
   /**
    * Custom content for the default slot.
    */
@@ -81,7 +81,7 @@ type TimeRangeFieldRootSlots = {
 /**
  * Properties for the TimeRangeFieldInput component.
  */
-interface TimeRangeFieldInputProps extends DateFieldInputProps {
+export interface TimeRangeFieldInputProps extends DateFieldInputProps {
   /**
    * Type.
    */
@@ -90,15 +90,15 @@ interface TimeRangeFieldInputProps extends DateFieldInputProps {
 /**
  * Available UI slots for the TimeRangeField component.
  */
-type TimeRangeFieldUiSlot = 'root' | 'startRoot' | 'endRoot' | 'input' | 'separator';
+export type TimeRangeFieldUiSlot = 'root' | 'startRoot' | 'endRoot' | 'input' | 'separator';
 /**
  * UI class overrides for the TimeRangeField component.
  */
-type TimeRangeFieldUi = UiClass<TimeRangeFieldUiSlot>;
+export type TimeRangeFieldUi = UiClass<TimeRangeFieldUiSlot>;
 /**
  * Properties for the TimeRangeFieldCompact component.
  */
-interface TimeRangeFieldCompactProps extends TimeRangeFieldRootProps {
+export interface TimeRangeFieldCompactProps extends TimeRangeFieldRootProps {
   /**
    * Properties forwarded to the input element.
    */
@@ -111,11 +111,11 @@ interface TimeRangeFieldCompactProps extends TimeRangeFieldRootProps {
 /**
  * Events for the TimeRangeFieldCompact component.
  */
-type TimeRangeFieldCompactEmits = TimeRangeFieldRootEmits;
+export type TimeRangeFieldCompactEmits = TimeRangeFieldRootEmits;
 /**
  * Slots for the TimeRangeFieldCompact component.
  */
-type TimeRangeFieldCompactSlots = {
+export type TimeRangeFieldCompactSlots = {
   /**
    * Custom content for the leading slot.
    */
@@ -129,5 +129,4 @@ type TimeRangeFieldCompactSlots = {
    */
   separator?: () => any;
 };
-//#endregion
-export { TimeRangeFieldCompactEmits, TimeRangeFieldCompactProps, TimeRangeFieldCompactSlots, TimeRangeFieldInputProps, TimeRangeFieldRootEmits, TimeRangeFieldRootProps, TimeRangeFieldRootSlots, TimeRangeFieldSlotProps, TimeRangeFieldUi, TimeRangeFieldUiSlot };
+//#endregion

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

@@ -1,8 +1,8 @@
 import { UiClass } from "../../types/common.js";
-import { UseUiConsumer } from "../../composables/use-ui-context.js";
-import "../../composables/index.js";
 import { ToastUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/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/context.js

@@ -1 +1 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`Toaster`),[i,a]=t(`ToastUi`);export{i as provideToastUi,n as provideToasterContext,a as useToastUi,r as useToasterContext};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";const[n,r]=e(`Toaster`),[i,a]=t(`ToastUi`);export{i as provideToastUi,n as provideToasterContext,a as useToastUi,r as useToasterContext};

package/dist/components/toast/shared.js

@@ -1 +1 @@
-import{keysOf as e}from"@soybeanjs/utils";const t={gap:`--gap`,offsetTop:`--offset-top`,offsetRight:`--offset-right`,offsetBottom:`--offset-bottom`,offsetLeft:`--offset-left`,mobileOffsetTop:`--mobile-offset-top`,mobileOffsetRight:`--mobile-offset-right`,mobileOffsetBottom:`--mobile-offset-bottom`,mobileOffsetLeft:`--mobile-offset-left`,frontHeight:`--front-toast-height`},n={index:`--index`,offset:`--offset`,beforeIndex:`--toasts-before`,zIndex:`--z-index`,swipeAmountX:`--swipe-amount-x`,swipeAmountY:`--swipe-amount-y`,swipeDirection:`--swipe-direction`,swipeOut:`--swipe-out`,initialHeight:`--initial-height`},r=`top-right`,i=4e3,a={info:`lucide:info`,success:`lucide:circle-check`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,close:`lucide:x`,loading:`svg-spinners:270-ring`},o=[`top-right`,`top-center`,`top-left`,`bottom-right`,`bottom-center`,`bottom-left`],s={left:`left`,right:`right`,top:`up`,bottom:`down`};function c(e){let[t,n]=e.split(`-`),r=[];return t&&r.push(s[t]),n&&r.push(s[n]),r}const l=n=>{let r={top:t.offsetTop,right:t.offsetRight,bottom:t.offsetBottom,left:t.offsetLeft},i={top:t.mobileOffsetTop,right:t.mobileOffsetRight,bottom:t.mobileOffsetBottom,left:t.mobileOffsetLeft},a={};return e(r).forEach(e=>{let t=(typeof n==`number`?n:n[e])??24;a[r[e]]=`${t}px`,a[i[e]]=`calc(${t}px * 0.67)`}),a},u=e=>{if(!e)return{x:0,y:0};let t=e.style.getPropertyValue(n.swipeAmountX),r=e.style.getPropertyValue(n.swipeAmountY);return{x:Number(t.replace(`px`,``))||0,y:Number(r.replace(`px`,``))||0}},d=(e,t)=>{e&&(e.style.setProperty(n.swipeAmountX,`${t.x}px`),e.style.setProperty(n.swipeAmountY,`${t.y}px`))},f=e=>{e&&d(e,{x:0,y:0})},p=e=>`dismiss`in e&&e.dismiss===!0,m=e=>[`altKey`,`ctrlKey`,`metaKey`,`shiftKey`].includes(e);export{o as ALL_TOAST_POSITIONS,r as DEFAULT_POSITION,a as ICONS,i as TOAST_LIFETIME,c as getDefaultSwipeDirections,u as getSwipeAmount,m as isModifierHotkey,p as isToastDismiss,f as resetSwipeAmount,l as resolveOffset,d as setSwipeAmount,n as toastCssVars,t as toasterCssVars};
+import{keysOf as e}from"../../shared/guard.js";const t={gap:`--gap`,offsetTop:`--offset-top`,offsetRight:`--offset-right`,offsetBottom:`--offset-bottom`,offsetLeft:`--offset-left`,mobileOffsetTop:`--mobile-offset-top`,mobileOffsetRight:`--mobile-offset-right`,mobileOffsetBottom:`--mobile-offset-bottom`,mobileOffsetLeft:`--mobile-offset-left`,frontHeight:`--front-toast-height`},n={index:`--index`,offset:`--offset`,beforeIndex:`--toasts-before`,zIndex:`--z-index`,swipeAmountX:`--swipe-amount-x`,swipeAmountY:`--swipe-amount-y`,swipeDirection:`--swipe-direction`,swipeOut:`--swipe-out`,initialHeight:`--initial-height`},r=`top-right`,i=4e3,a={info:`lucide:info`,success:`lucide:circle-check`,warning:`lucide:circle-alert`,error:`lucide:circle-x`,close:`lucide:x`,loading:`svg-spinners:270-ring`},o=[`top-right`,`top-center`,`top-left`,`bottom-right`,`bottom-center`,`bottom-left`],s={left:`left`,right:`right`,top:`up`,bottom:`down`};function c(e){let[t,n]=e.split(`-`),r=[];return t&&r.push(s[t]),n&&r.push(s[n]),r}const l=n=>{let r={top:t.offsetTop,right:t.offsetRight,bottom:t.offsetBottom,left:t.offsetLeft},i={top:t.mobileOffsetTop,right:t.mobileOffsetRight,bottom:t.mobileOffsetBottom,left:t.mobileOffsetLeft},a={};return e(r).forEach(e=>{let t=(typeof n==`number`?n:n[e])??24;a[r[e]]=`${t}px`,a[i[e]]=`calc(${t}px * 0.67)`}),a},u=e=>{if(!e)return{x:0,y:0};let t=e.style.getPropertyValue(n.swipeAmountX),r=e.style.getPropertyValue(n.swipeAmountY);return{x:Number(t.replace(`px`,``))||0,y:Number(r.replace(`px`,``))||0}},d=(e,t)=>{e&&(e.style.setProperty(n.swipeAmountX,`${t.x}px`),e.style.setProperty(n.swipeAmountY,`${t.y}px`))},f=e=>{e&&d(e,{x:0,y:0})},p=e=>`dismiss`in e&&e.dismiss===!0,m=e=>[`altKey`,`ctrlKey`,`metaKey`,`shiftKey`].includes(e);export{o as ALL_TOAST_POSITIONS,r as DEFAULT_POSITION,a as ICONS,i as TOAST_LIFETIME,c as getDefaultSwipeDirections,u as getSwipeAmount,m as isModifierHotkey,p as isToastDismiss,f as resetSwipeAmount,l as resolveOffset,d as setSwipeAmount,n as toastCssVars,t as toasterCssVars};

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

@@ -2,7 +2,7 @@ import { ToastExternal, ToastOrDismiss, ToastPromise, ToastPromiseData, ToastT }
 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) & {
+export declare const toast: ((message: VNode | string, data?: ToastExternal) => string | number) & {
   success: (message: VNode | string, data?: ToastExternal) => string | number;
   info: (message: VNode | string, data?: ToastExternal) => string | number;
   warning: (message: VNode | string, data?: ToastExternal) => string | number;
@@ -22,5 +22,4 @@ declare const toast: ((message: VNode | string, data?: ToastExternal) => string
   getHistory: () => ToastOrDismiss[];
   getToasts: () => ToastT[];
 };
-//#endregion
-export { toast };
+//#endregion

package/dist/components/toast/state.js

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

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)),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{isClient as e}from"../../shared/env.js";import{getElFromTemplateRef as t,toContext as n}from"../../shared/vue.js";import{useDirection as r}from"../config-provider/context.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=(e,n)=>{R[e]=t(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}),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,...n(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(!e)return;let t=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`,t),w(()=>{document.removeEventListener(`keydown`,t)})}),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

@@ -8,10 +8,10 @@ declare const __VLS_base: import("vue").DefineComponent<ToasterProps, {}, {}, {}
   offset: ToastOffset;
   duration: number;
   gap: number;
-  hotkey: string[];
-  containerAriaLabel: string;
   position: ToastPosition;
   visibleCounts: number;
+  hotkey: string[];
+  containerAriaLabel: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

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

package/dist/components/toggle/toggle.js

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

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

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