@soybeanjs/headless 0.30.0 → 0.40.0-beta.2

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

@@ -8,7 +8,7 @@ import { ComputedRef, ShallowRef, TextareaHTMLAttributes } from "vue";
 /**
  * Type information for TextareaAutosizeOptions.
  */
-interface TextareaAutosizeOptions {
+export interface TextareaAutosizeOptions {
   /** The minimum number of rows to display */
   minRows?: number;
   /** The maximum number of rows to display */
@@ -17,7 +17,7 @@ interface TextareaAutosizeOptions {
 /**
  * Properties for the TextareaBase component.
  */
-interface TextareaBaseProps {
+export interface TextareaBaseProps {
   /** Id of the textarea element */
   id?: string;
   /** When `true`, the textarea is auto-focused. */
@@ -36,7 +36,7 @@ interface TextareaBaseProps {
 /**
  * Properties for the TextareaRoot component.
  */
-interface TextareaRootProps extends TextareaBaseProps, FormFieldCommonProps, BaseProps {
+export interface TextareaRootProps extends TextareaBaseProps, FormFieldCommonProps, BaseProps {
   /** The default value of the textarea */
   defaultValue?: string;
   /** The controlled value of the textarea */
@@ -47,7 +47,7 @@ interface TextareaRootProps extends TextareaBaseProps, FormFieldCommonProps, Bas
 /**
  * Events for the TextareaRoot component.
  */
-type TextareaRootEmits = {
+export type TextareaRootEmits = {
   /**
    * Emitted when the model value changes.
    */
@@ -56,15 +56,15 @@ type TextareaRootEmits = {
 /**
  * Properties for the TextareaControl component.
  */
-interface TextareaControlProps extends BaseProps<TextareaHTMLAttributes> {}
+export interface TextareaControlProps extends BaseProps<TextareaHTMLAttributes> {}
 /**
  * Properties for the TextareaClear component.
  */
-interface TextareaClearProps extends ButtonProps {}
+export interface TextareaClearProps extends ButtonProps {}
 /**
  * Events for the TextareaClear component.
  */
-type TextareaClearEmits = {
+export type TextareaClearEmits = {
   /**
    * Emitted when the clear button is clicked.
    */
@@ -73,19 +73,19 @@ type TextareaClearEmits = {
 /**
  * Properties for the TextareaCounter component.
  */
-interface TextareaCounterProps extends BaseProps {}
+export interface TextareaCounterProps extends BaseProps {}
 /**
  * Available UI slots for the Textarea component.
  */
-type TextareaUiSlot = 'root' | 'control' | 'counter' | 'clear';
+export type TextareaUiSlot = 'root' | 'control' | 'counter' | 'clear';
 /**
  * UI class overrides for the Textarea component.
  */
-type TextareaUi = UiClass<TextareaUiSlot>;
+export type TextareaUi = UiClass<TextareaUiSlot>;
 /**
  * Slot properties for the TextareaCompact component.
  */
-interface TextareaCompactSlotProps {
+export interface TextareaCompactSlotProps {
   /**
    * Current model value.
    */
@@ -106,7 +106,7 @@ interface TextareaCompactSlotProps {
 /**
  * Properties for the TextareaCompact component.
  */
-interface TextareaCompactProps extends TextareaRootProps {
+export interface TextareaCompactProps extends TextareaRootProps {
   /**
    * The function to set the textarea element.
    */
@@ -139,11 +139,11 @@ interface TextareaCompactProps extends TextareaRootProps {
 /**
  * Events for the TextareaCompact component.
  */
-type TextareaCompactEmits = TextareaRootEmits & TextareaClearEmits;
+export type TextareaCompactEmits = TextareaRootEmits & TextareaClearEmits;
 /**
  * Slots for the TextareaCompact component.
  */
-type TextareaCompactSlots = {
+export type TextareaCompactSlots = {
   /**
    * Custom content for the clear slot.
    */
@@ -157,5 +157,4 @@ type TextareaCompactSlots = {
    */
   footer?: (props: TextareaCompactSlotProps) => any;
 };
-//#endregion
-export { TextareaAutosizeOptions, TextareaBaseProps, TextareaClearEmits, TextareaClearProps, TextareaCompactEmits, TextareaCompactProps, TextareaCompactSlotProps, TextareaCompactSlots, TextareaControlProps, TextareaCounterProps, TextareaRootEmits, TextareaRootProps, TextareaUi, TextareaUiSlot };
+//#endregion

package/dist/components/time-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 { TimeFieldUiSlot } from "./types.js";
 import "../../index.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/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/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(`TimeFieldRoot`),[i,a]=t(`TimeFieldUi`);export{n as provideTimeFieldRootContext,i as provideTimeFieldUi,r as useTimeFieldRootContext,a as useTimeFieldUi};
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";const[n,r]=e(`TimeFieldRoot`),[i,a]=t(`TimeFieldUi`);export{n as provideTimeFieldRootContext,i as provideTimeFieldUi,r as useTimeFieldRootContext,a as useTimeFieldUi};

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,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};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.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-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,8 +10,8 @@ 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;

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,8 +15,8 @@ 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;

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,9 +8,9 @@ declare const __VLS_base: import("vue").DefineComponent<ToasterProps, {}, {}, {}
   offset: ToastOffset;
   duration: number;
   gap: number;
+  position: ToastPosition;
   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>;