@soybeanjs/headless 0.29.0-beta.9 → 0.29.1

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

@@ -0,0 +1,102 @@
+import { UiClass } from "../../types/common.js";
+import { TimeGranularity, TimeMatcher, TimeValue } from "../../date/types.js";
+import { DateFieldInputProps, DateFieldRootProps, DateFieldSegment } from "../date-field/types.js";
+import { ComputedRef, ShallowRef } from "vue";
+
+//#region src/components/time-field/types.d.ts
+/**
+ * Properties for the TimeFieldRoot component.
+ */
+interface TimeFieldRootProps extends Omit<DateFieldRootProps, 'modelValue' | 'defaultValue' | 'placeholder' | 'defaultPlaceholder' | 'granularity' | 'maxValue' | 'minValue' | 'isDateUnavailable'> {
+  /**
+   * Default value for the time field.
+   */
+  defaultValue?: TimeValue;
+  /**
+   * Current model value.
+   */
+  modelValue?: TimeValue;
+  /**
+   * Default placeholder.
+   */
+  defaultPlaceholder?: TimeValue;
+  /**
+   * Placeholder.
+   */
+  placeholder?: TimeValue;
+  /**
+   * Granularity.
+   */
+  granularity?: TimeGranularity;
+  /**
+   * Max value.
+   */
+  maxValue?: TimeValue;
+  /**
+   * Min value.
+   */
+  minValue?: TimeValue;
+  /**
+   * Whether the time is unavailable.
+   */
+  isTimeUnavailable?: TimeMatcher;
+}
+/**
+ * Events for the TimeFieldRoot component.
+ */
+type TimeFieldRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
+  'update:modelValue': [time: TimeValue | undefined];
+  /**
+   * Emitted when the placeholder value changes.
+   */
+  'update:placeholder': [time: TimeValue];
+};
+/**
+ * Slot properties for the TimeFieldRoot component.
+ */
+interface TimeFieldRootSlotProps {
+  /**
+   * Current model value.
+   */
+  modelValue: TimeValue | undefined;
+  /**
+   * Segments used by the default slot.
+   */
+  segments: DateFieldSegment[];
+  /**
+   * Whether the current value is invalid.
+   */
+  isInvalid: boolean;
+}
+/**
+ * Slots for the TimeFieldRoot component.
+ */
+type TimeFieldRootSlots = {
+  default?: (props: TimeFieldRootSlotProps) => any;
+};
+/**
+ * Properties for the time field compact component.
+ */
+interface TimeFieldCompactProps extends TimeFieldRootProps {
+  /**
+   * Properties forwarded to the input element.
+   */
+  inputProps?: DateFieldInputProps;
+}
+/**
+ * Events for the time field compact component.
+ */
+type TimeFieldCompactEmits = TimeFieldRootEmits;
+/**
+ * Available UI slots for the TimeField component.
+ */
+type TimeFieldUiSlot = 'root' | 'input';
+/**
+ * UI class overrides for the TimeField component.
+ */
+type TimeFieldUi = UiClass<TimeFieldUiSlot>;
+//#endregion
+export { TimeFieldCompactEmits, TimeFieldCompactProps, TimeFieldRootEmits, TimeFieldRootProps, TimeFieldRootSlotProps, TimeFieldRootSlots, TimeFieldUi, TimeFieldUiSlot };

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

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

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

@@ -0,0 +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};

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

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

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

@@ -0,0 +1 @@
+import{provideTimeRangeFieldUi as e}from"./context.js";import t from"./time-range-field-input.js";import n from"./time-range-field-root.js";import r from"./time-range-field-compact.js";export{r as TimeRangeFieldCompact,t as TimeRangeFieldInput,n as TimeRangeFieldRoot,e as provideTimeRangeFieldUi};

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

@@ -0,0 +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};

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

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

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

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

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

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { TimeRangeFieldInputProps } from "./types.js";
+
+//#region src/components/time-range-field/time-range-field-input.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldInputProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TimeRangeFieldInputProps> & Readonly<{}>, {
+  type: "start" | "end";
+  as: AsTag | import("vue").Component;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

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

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

@@ -0,0 +1,38 @@
+import { DateStep, TimeGranularity, TimeMatcher, TimeRange, TimeValue } from "../../date/types.js";
+import { TimeRangeFieldRootProps, TimeRangeFieldRootSlots } from "./types.js";
+
+//#region src/components/time-range-field/time-range-field-root.vue.d.ts
+type __VLS_Slots = TimeRangeFieldRootSlots;
+declare const __VLS_base: import("vue").DefineComponent<TimeRangeFieldRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+  "update:modelValue": (range: TimeRange) => any;
+  "update:placeholder": (time: TimeValue) => any;
+  "update:startValue": (time: TimeValue | undefined) => any;
+  "update:endValue": (time: TimeValue | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<TimeRangeFieldRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((range: TimeRange) => any) | undefined;
+  "onUpdate:placeholder"?: ((time: TimeValue) => any) | undefined;
+  "onUpdate:startValue"?: ((time: TimeValue | undefined) => any) | undefined;
+  "onUpdate:endValue"?: ((time: TimeValue | undefined) => any) | undefined;
+}>, {
+  disabled: boolean;
+  placeholder: TimeValue;
+  step: DateStep;
+  defaultValue: TimeRange;
+  readonly: boolean;
+  defaultPlaceholder: TimeValue;
+  granularity: TimeGranularity;
+  hourCycle: 12 | 24;
+  hideTimeZone: boolean;
+  isTimeUnavailable: TimeMatcher;
+  startName: string;
+  endName: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

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

@@ -0,0 +1,132 @@
+import { UiClass } from "../../types/common.js";
+import { TimeRange, TimeValue } from "../../date/types.js";
+import { DateFieldInputProps, DateFieldSegment } from "../date-field/types.js";
+import { TimeFieldRootProps } from "../time-field/types.js";
+import { ShallowRef } from "vue";
+
+//#region src/components/time-range-field/types.d.ts
+/**
+ * Properties for the TimeRangeFieldRoot component.
+ */
+interface TimeRangeFieldRootProps extends Omit<TimeFieldRootProps, 'defaultValue' | 'modelValue'> {
+  /**
+   * Default value.
+   */
+  defaultValue?: TimeRange;
+  /**
+   * Current model value.
+   */
+  modelValue?: TimeRange;
+  /**
+   * Start name.
+   */
+  startName?: string;
+  /**
+   * End name.
+   */
+  endName?: string;
+}
+/**
+ * Events for the TimeRangeFieldRoot component.
+ */
+type TimeRangeFieldRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
+  'update:modelValue': [range: TimeRange];
+  /**
+   * Emitted when the placeholder value changes.
+   */
+  'update:placeholder': [time: TimeValue];
+  /**
+   * Emitted when the start value changes.
+   */
+  'update:startValue': [time: TimeValue | undefined];
+  /**
+   * Emitted when the end value changes.
+   */
+  'update:endValue': [time: TimeValue | undefined];
+};
+/**
+ * Slot Props for the TimeRangeField component.
+ */
+interface TimeRangeFieldSlotProps {
+  /**
+   * Current model value.
+   */
+  modelValue: TimeRange;
+  /**
+   * Start segments.
+   */
+  startSegments: DateFieldSegment[];
+  /**
+   * End segments.
+   */
+  endSegments: DateFieldSegment[];
+  /**
+   * Whether the field is invalid.
+   */
+  isInvalid: boolean;
+}
+/**
+ * Slots for the TimeRangeField component.
+ */
+type TimeRangeFieldRootSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: TimeRangeFieldSlotProps) => any;
+};
+/**
+ * Properties for the TimeRangeFieldInput component.
+ */
+interface TimeRangeFieldInputProps extends DateFieldInputProps {
+  /**
+   * Type.
+   */
+  type?: 'start' | 'end';
+}
+/**
+ * Available UI slots for the TimeRangeField component.
+ */
+type TimeRangeFieldUiSlot = 'root' | 'startRoot' | 'endRoot' | 'input' | 'separator';
+/**
+ * UI class overrides for the TimeRangeField component.
+ */
+type TimeRangeFieldUi = UiClass<TimeRangeFieldUiSlot>;
+/**
+ * Properties for the TimeRangeFieldCompact component.
+ */
+interface TimeRangeFieldCompactProps extends TimeRangeFieldRootProps {
+  /**
+   * Properties forwarded to the input element.
+   */
+  inputProps?: TimeRangeFieldInputProps;
+  /**
+   * Separator.
+   */
+  separator?: string;
+}
+/**
+ * Events for the TimeRangeFieldCompact component.
+ */
+type TimeRangeFieldCompactEmits = TimeRangeFieldRootEmits;
+/**
+ * Slots for the TimeRangeFieldCompact component.
+ */
+type TimeRangeFieldCompactSlots = {
+  /**
+   * Custom content for the leading slot.
+   */
+  leading?: () => any;
+  /**
+   * Custom content for the trailing slot.
+   */
+  trailing?: () => any;
+  /**
+   * Custom content for the separator slot.
+   */
+  separator?: () => any;
+};
+//#endregion
+export { TimeRangeFieldCompactEmits, TimeRangeFieldCompactProps, TimeRangeFieldCompactSlots, TimeRangeFieldInputProps, TimeRangeFieldRootEmits, TimeRangeFieldRootProps, TimeRangeFieldRootSlots, TimeRangeFieldSlotProps, TimeRangeFieldUi, TimeRangeFieldUiSlot };

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

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

package/dist/components/toast/context.js

@@ -0,0 +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};

package/dist/components/toast/hooks.js

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

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

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

package/dist/components/toast/index.js

@@ -0,0 +1 @@
+import{provideToastUi as e}from"./context.js";import{toast as t}from"./state.js";import n from"./toaster.js";import r from"./toast-provider.js";export{r as ToastProvider,n as Toaster,e as provideToastUi,t as toast};

package/dist/components/toast/shared.js

@@ -0,0 +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};

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

@@ -0,0 +1,27 @@
+import { ToastExternal, ToastOrDismiss, ToastPromise, ToastPromiseData, ToastT } from "./types.js";
+import { VNode } from "vue";
+
+//#region src/components/toast/state.d.ts
+type ToastId = ToastT['id'];
+declare const toast: ((message: VNode | string, data?: ToastExternal) => string | number) & {
+  success: (message: VNode | string, data?: ToastExternal) => string | number;
+  info: (message: VNode | string, data?: ToastExternal) => string | number;
+  warning: (message: VNode | string, data?: ToastExternal) => string | number;
+  error: (message: VNode | string, data?: ToastExternal) => string | number;
+  custom: (component: VNode, data?: ToastExternal) => string | number;
+  message: (message: VNode | string, data?: ToastExternal) => string | number;
+  promise: <T>(promise: ToastPromise<T>, data?: ToastPromiseData<T> | undefined) => (string & {
+    unwrap: () => Promise<T>;
+  }) | (number & {
+    unwrap: () => Promise<T>;
+  }) | {
+    unwrap: () => Promise<T>;
+  } | undefined;
+  dismiss: (id?: ToastId) => string | number | undefined;
+  loading: (message: VNode | string, data?: ToastExternal) => string | number;
+} & {
+  getHistory: () => ToastOrDismiss[];
+  getToasts: () => ToastT[];
+};
+//#endregion
+export { toast };

package/dist/components/toast/state.js

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

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

@@ -0,0 +1 @@
+import e from"./toaster.js";import{createBlock as t,defineComponent as n,mergeProps as r,openBlock as i,renderSlot as a,withCtx as o}from"vue";const s=n({name:`ToastProvider`,__name:`toast-provider`,props:{id:{},dir:{},hotkey:{},customAriaLabel:{},containerAriaLabel:{},position:{},defaultExpanded:{type:Boolean},duration:{},gap:{},offset:{},visibleCounts:{},swipeDirections:{},showIcon:{type:Boolean},showClose:{type:Boolean},icons:{},toastProps:{},wrapperProps:{},contentProps:{},titleProps:{},descriptionProps:{},iconProps:{},footerProps:{},actionProps:{},cancelProps:{},closeProps:{}},setup(n){let s=n;return(n,c)=>(i(),t(e,r({"data-soybean-toast-provider":``},s),{default:o(()=>[a(n.$slots,`default`)]),_:3},16))}});export{s as default};

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

@@ -0,0 +1,17 @@
+import { ToastProviderProps } from "./types.js";
+
+//#region src/components/toast/toast-provider.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ToastProviderProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToastProviderProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };

package/dist/components/toast/toast.js

@@ -0,0 +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};

package/dist/components/toast/toaster.js

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

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

@@ -0,0 +1,25 @@
+import { ToastOffset, ToastPosition, ToasterProps } from "./types.js";
+
+//#region src/components/toast/toaster.vue.d.ts
+declare var __VLS_9: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<ToasterProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ToasterProps> & Readonly<{}>, {
+  offset: ToastOffset;
+  duration: number;
+  gap: number;
+  hotkey: string[];
+  containerAriaLabel: string;
+  position: ToastPosition;
+  visibleCounts: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default };