@soybeanjs/headless 0.15.5 → 0.17.0

package/dist/components/date-picker/types.d.ts

@@ -0,0 +1,290 @@
+import { Direction, UiClass } from "../../types/common.js";
+import { FormFieldCommonProps } from "../../types/component.js";
+import { PropsToContext } from "../../types/vue.js";
+import { PrimitiveProps } from "../primitive/types.js";
+import { PortalProps } from "../portal/types.js";
+import { DateStep, Granularity, HourCycle, Matcher } from "../../date/types.js";
+import { Formatter } from "../../date/formatter.js";
+import { PopoverPopupProps, PopoverPositionerEmits, PopoverPositionerProps, PopoverRootProps, PopoverTriggerProps, PopoverUiSlot } from "../popover/types.js";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/date-picker/types.d.ts
+/**
+ * Props for the date picker root component.
+ */
+interface DatePickerRootProps extends PrimitiveProps, FormFieldCommonProps, PopoverRootProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  /**
+   * Default value.
+   */
+  defaultValue?: DateValue;
+  /**
+   * Default placeholder.
+   */
+  defaultPlaceholder?: DateValue;
+  /**
+   * Placeholder.
+   */
+  placeholder?: DateValue;
+  /**
+   * Current model value.
+   */
+  modelValue?: DateValue;
+  /**
+   * Hour cycle.
+   */
+  hourCycle?: HourCycle;
+  /**
+   * Step.
+   */
+  step?: DateStep;
+  /**
+   * Granularity.
+   */
+  granularity?: Granularity;
+  /**
+   * Whether hide time zone.
+   */
+  hideTimeZone?: boolean;
+  /**
+   * Max value.
+   */
+  maxValue?: DateValue;
+  /**
+   * Min value.
+   */
+  minValue?: DateValue;
+  /**
+   * Locale.
+   */
+  locale?: string;
+  /**
+   * Whether the component is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Whether the component is readonly.
+   */
+  readonly?: boolean;
+  /**
+   * Whether the date is unavailable.
+   */
+  isDateUnavailable?: Matcher;
+  /**
+   * Id.
+   */
+  id?: string;
+  /**
+   * Reading direction of the component.
+   */
+  dir?: Direction;
+}
+/**
+ * Emits for the date picker root component.
+ */
+type DatePickerRootEmits = {
+  /**
+   * Emitted when the model value changes.
+   */
+  'update:modelValue': [date: DateValue | undefined];
+  /**
+   * Emitted when the placeholder value changes.
+   */
+  'update:placeholder': [date: DateValue];
+  /**
+   * Emitted when the open state changes.
+   */
+  'update:open': [open: boolean];
+};
+/**
+ * Slot props for the date picker component.
+ */
+interface DatePickerSlotProps {
+  /**
+   * Current model value.
+   */
+  modelValue: DateValue | undefined;
+  /**
+   * Placeholder exposed in the slot scope.
+   */
+  placeholder: DateValue;
+  /**
+   * Set placeholder exposed in the slot scope.
+   */
+  setPlaceholder: (date: DateValue) => void;
+  /**
+   * Set date exposed in the slot scope.
+   */
+  setDate: (date: DateValue | undefined) => void;
+  /**
+   * Whether the component is open.
+   */
+  open?: boolean;
+}
+/**
+ * Slots for the date picker root component.
+ */
+type DatePickerRootSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: DatePickerSlotProps) => any;
+};
+/**
+ * Context for the date picker root component.
+ */
+interface DatePickerRootContext extends PropsToContext<DatePickerRootProps, 'disabled' | 'readonly'> {
+  /**
+   * Locale used by the component context.
+   */
+  locale: ComputedRef<string>;
+  /**
+   * Reading direction of the component.
+   */
+  dir: ComputedRef<Direction>;
+  /**
+   * Current model value.
+   */
+  modelValue: ShallowRef<DateValue | undefined>;
+  /**
+   * Placeholder used by the component context.
+   */
+  placeholder: ShallowRef<DateValue>;
+  /**
+   * Whether the date is unavailable.
+   */
+  isDateUnavailable?: Matcher;
+  /**
+   * Whether the current value is invalid.
+   */
+  isInvalid: ComputedRef<boolean>;
+  /**
+   * Formatter used by the component context.
+   */
+  formatter: Formatter;
+  /**
+   * Hour cycle used by the component context.
+   */
+  hourCycle: HourCycle;
+  /**
+   * Step used by the component context.
+   */
+  step: ComputedRef<DateStep>;
+  /**
+   * Whether the placeholder is focusable.
+   */
+  isPlaceholderFocusable: ComputedRef<boolean>;
+  /**
+   * Whether the component has selected date.
+   */
+  hasSelectedDate: ComputedRef<boolean>;
+  /**
+   * Whether the selected date is disabled.
+   */
+  isSelectedDateDisabled: ComputedRef<boolean>;
+  /**
+   * Min value used by the component context.
+   */
+  minValue: ComputedRef<DateValue | undefined>;
+  /**
+   * Max value used by the component context.
+   */
+  maxValue: ComputedRef<DateValue | undefined>;
+  /**
+   * Callback invoked when the date changes.
+   */
+  onDateChange: (date: DateValue | undefined) => void;
+  /**
+   * Callback invoked when the placeholder changes.
+   */
+  onPlaceholderChange: (date: DateValue) => void;
+  /**
+   * Whether the date is disabled.
+   */
+  isDateDisabled: Matcher;
+  /**
+   * Whether the date is selected.
+   */
+  isDateSelected: Matcher;
+  /**
+   * Whether the component is open.
+   */
+  open: ShallowRef<boolean | undefined>;
+  /**
+   * Set open used by the component context.
+   */
+  setOpen: (value: boolean) => void;
+}
+/**
+ * Props for the date picker content component.
+ */
+interface DatePickerContentProps extends PopoverPositionerProps {
+  /**
+   * Props forwarded to the popup element.
+   */
+  popupProps?: PopoverPopupProps;
+  /**
+   * Props forwarded to the portal element.
+   */
+  portalProps?: PortalProps;
+}
+/**
+ * Slots for the date picker content component.
+ */
+type DatePickerContentSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: DatePickerSlotProps) => any;
+};
+/**
+ * Props for the date picker compact component.
+ */
+interface DatePickerCompactProps extends DatePickerRootProps {
+  /**
+   * Trigger placeholder.
+   */
+  triggerPlaceholder?: string;
+  /**
+   * Props forwarded to the positioner element.
+   */
+  positionerProps?: PopoverPositionerProps;
+  /**
+   * Props forwarded to the popup element.
+   */
+  popupProps?: PopoverPopupProps;
+  /**
+   * Props forwarded to the portal element.
+   */
+  portalProps?: PortalProps;
+  /**
+   * Props forwarded to the trigger element.
+   */
+  triggerProps?: PopoverTriggerProps;
+}
+/**
+ * Emits for the date picker compact component.
+ */
+type DatePickerCompactEmits = DatePickerRootEmits;
+/**
+ * Slots for the date picker compact component.
+ */
+type DatePickerCompactSlots = DatePickerContentSlots & {
+  /**
+   * Custom content for the trigger slot.
+   */
+  trigger?: (props: {
+    modelValue: DateValue | undefined;
+    open?: boolean;
+  }) => any;
+};
+/**
+ * Available UI slots for the date picker component.
+ */
+type DatePickerUiSlot = PopoverUiSlot | 'root';
+/**
+ * UI class overrides for the date picker component.
+ */
+type DatePickerUi = UiClass<DatePickerUiSlot>;
+//#endregion
+export { DatePickerCompactEmits, DatePickerCompactProps, DatePickerCompactSlots, DatePickerContentProps, DatePickerContentSlots, DatePickerRootContext, DatePickerRootEmits, DatePickerRootProps, DatePickerRootSlots, DatePickerUi, DatePickerUiSlot };

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

@@ -0,0 +1,9 @@
+import { UiClass } from "../../types/common.js";
+import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import { DateRangeFieldUiSlot } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/date-range-field/context.d.ts
+declare const provideDateRangeFieldUi: (ui: _$vue.ComputedRef<Partial<UiClass<DateRangeFieldUiSlot>>>) => _$vue.ComputedRef<Partial<UiClass<DateRangeFieldUiSlot>>>, useDateRangeFieldUi: UseUiConsumer<DateRangeFieldUiSlot>;
+//#endregion
+export { provideDateRangeFieldUi };

package/dist/components/date-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(`DateRangeFieldRoot`),[i,a]=t(`DateRangeFieldUi`);export{n as provideDateRangeFieldRootContext,i as provideDateRangeFieldUi,r as useDateRangeFieldRootContext,a as useDateRangeFieldUi};

package/dist/components/date-range-field/date-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{useDateRangeFieldUi as n}from"./context.js";import r from"./date-range-field-root.js";import i from"./date-range-field-input.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,normalizeProps as p,openBlock as m,renderList as h,renderSlot as g,toDisplayString as _,toHandlers as v,unref as y,withCtx as b}from"vue";const x={"data-date-range-field-part":`start`},S={"data-date-range-field-part":`end`},C=u({name:`DateRangeFieldCompact`,__name:`date-range-field-compact`,props:{inputProps:{},separator:{default:`–`},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},hourCycle:{},step:{},granularity:{},hideTimeZone:{type:Boolean},maxValue:{},minValue:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},isDateUnavailable:{},id:{},dir:{},startName:{},endName:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`,`update:startValue`,`update:endValue`],setup(u,{emit:C}){let w=u,T=C,E=t(w,[`inputProps`,`separator`]),D=e(T),O=n();return(e,t)=>(m(),o(r,d(y(E),v(y(D))),{default:b(t=>[e.$slots.default?g(e.$slots,`default`,p(d({key:0},t))):(m(),s(a,{key:1},[c(`div`,x,[(m(!0),s(a,null,h(t.startSegments,(e,t)=>(m(),o(i,d({key:`start-${e.part}-${t}`,part:e.part,type:`start`},{ref_for:!0},u.inputProps),{default:b(()=>[l(_(e.value),1)]),_:2},1040,[`part`]))),128))]),c(`div`,{class:f(y(O).separator)},[g(e.$slots,`separator`,{},()=>[l(_(u.separator),1)])],2),c(`div`,S,[(m(!0),s(a,null,h(t.endSegments,(e,t)=>(m(),o(i,d({key:`end-${e.part}-${t}`,part:e.part,type:`end`},{ref_for:!0},u.inputProps),{default:b(()=>[l(_(e.value),1)]),_:2},1040,[`part`]))),128))])],64))]),_:3},16))}});export{C as default};

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

@@ -0,0 +1,29 @@
+import { DateRange } from "../../date/types.js";
+import { DateRangeFieldCompactProps, DateRangeFieldCompactSlots } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_internationalized_date0 from "@internationalized/date";
+
+//#region src/components/date-range-field/date-range-field-compact.vue.d.ts
+type __VLS_Slots = DateRangeFieldCompactSlots;
+declare const __VLS_base: _$vue.DefineComponent<DateRangeFieldCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (range: DateRange) => any;
+  "update:placeholder": (date: _$_internationalized_date0.DateValue) => any;
+  "update:startValue": (date: _$_internationalized_date0.DateValue | undefined) => any;
+  "update:endValue": (date: _$_internationalized_date0.DateValue | undefined) => any;
+}, string, _$vue.PublicProps, Readonly<DateRangeFieldCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((range: DateRange) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: _$_internationalized_date0.DateValue) => any) | undefined;
+  "onUpdate:startValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
+  "onUpdate:endValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
+}>, {
+  separator: string;
+}, {}, {}, {}, string, _$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/date-range-field/date-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{useDateRangeFieldRootContext as n,useDateRangeFieldUi 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:`DateRangeFieldInput`,__name:`date-range-field-input`,props:{part:{},type:{default:`start`},asChild:{type:Boolean},as:{default:`span`}},setup(o){let m=o,h=r(`input`),{disabled:g,readonly:_,placeholder:v,hourCycle:y,step:b,startSegmentValues:x,endSegmentValues:S,formatter:C,focusNext:w,modelValue:T,isInvalid:E,setFocusedElement:D}=n(`DateRangeFieldInput`),O=l(!0),k=l(!1),A=i(()=>!!g.value),j=i(()=>!!_.value),{attributes:M,handleSegmentClick:N,handleSegmentFocusOut:P,handleSegmentKeydown:F}=e({hasLeftFocus:O,lastKeyZero:k,placeholder:v,hourCycle:y,step:b,segmentValues:i(()=>m.type===`start`?x.value:S.value),formatter:C,part:m.part,disabled:A,readonly:j,focusNext:()=>w(m.type),modelValue:i({get:()=>m.type===`start`?T.value.start:T.value.end,set:e=>{m.type===`start`?T.value={...T.value,start:e}:T.value={...T.value,end:e}}})}),I=i(()=>A.value||j.value?!1:m.part!==`literal`&&m.part!==`timeZoneName`),L=i(()=>m.part===`literal`?{}:{mousedown:N,keydown:F,focusout:()=>{O.value=!0,P()},focusin:e=>{D(e.target,m.type)}});return(e,n)=>(c(),a(f(t),s({as:o.as,"as-child":o.asChild},f(M),{"aria-disabled":A.value?!0:void 0,"aria-invalid":f(E)?!0:void 0,"aria-readonly":j.value||o.part===`timeZoneName`?!0:void 0,class:f(h),contenteditable:I.value,"data-disabled":A.value?``:void 0,"data-invalid":f(E)?``:void 0,"data-readonly":j.value||o.part===`timeZoneName`?``:void 0,"data-segment":o.part,"data-soybean-date-field-segment":o.part,"data-slot":`input`},d(L.value)),{default:p(()=>[u(e.$slots,`default`)]),_:3},16,[`as`,`as-child`,`aria-disabled`,`aria-invalid`,`aria-readonly`,`class`,`contenteditable`,`data-disabled`,`data-invalid`,`data-readonly`,`data-segment`,`data-soybean-date-field-segment`]))}});export{m as default};

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

@@ -0,0 +1,22 @@
+import { AsTag } from "../primitive/types.js";
+import { DateRangeFieldInputProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/date-range-field/date-range-field-input.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<DateRangeFieldInputProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<DateRangeFieldInputProps> & Readonly<{}>, {
+  type: "start" | "end";
+  as: AsTag | _$vue.Component;
+}, {}, {}, {}, string, _$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/date-range-field/date-range-field-root.js

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

@@ -0,0 +1,55 @@
+import { DateRange, DateStep, DateValue, Granularity, Matcher, SegmentPart } from "../../date/types.js";
+import { DateRangeFieldRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/date-range-field/date-range-field-root.vue.d.ts
+type __VLS_Slots = {
+  default?: (props: {
+    modelValue: {
+      start?: DateValue;
+      end?: DateValue;
+    };
+    startSegments: {
+      part: SegmentPart;
+      value: string;
+    }[];
+    endSegments: {
+      part: SegmentPart;
+      value: string;
+    }[];
+    isInvalid: boolean;
+  }) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<DateRangeFieldRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (range: DateRange) => any;
+  "update:placeholder": (date: DateValue) => any;
+  "update:startValue": (date: DateValue | undefined) => any;
+  "update:endValue": (date: DateValue | undefined) => any;
+}, string, _$vue.PublicProps, Readonly<DateRangeFieldRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((range: DateRange) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
+  "onUpdate:startValue"?: ((date: DateValue | undefined) => any) | undefined;
+  "onUpdate:endValue"?: ((date: DateValue | undefined) => any) | undefined;
+}>, {
+  placeholder: DateValue;
+  disabled: boolean;
+  step: DateStep;
+  defaultValue: DateRange;
+  readonly: boolean;
+  defaultPlaceholder: DateValue;
+  isDateUnavailable: Matcher;
+  hourCycle: 12 | 24;
+  granularity: Granularity;
+  hideTimeZone: boolean;
+  startName: string;
+  endName: string;
+}, {}, {}, {}, string, _$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/date-range-field/index.d.ts

@@ -0,0 +1,6 @@
+import { DateRangeFieldCompactEmits, DateRangeFieldCompactProps, DateRangeFieldCompactSlots, DateRangeFieldInputProps, DateRangeFieldRootContext, DateRangeFieldRootEmits, DateRangeFieldRootProps, DateRangeFieldSegment, DateRangeFieldUi, DateRangeFieldUiSlot } from "./types.js";
+import { _default } from "./date-range-field-compact.vue.js";
+import { _default as _default$1 } from "./date-range-field-input.vue.js";
+import { _default as _default$2 } from "./date-range-field-root.vue.js";
+import { provideDateRangeFieldUi } from "./context.js";
+export { _default as DateRangeFieldCompact, type DateRangeFieldCompactEmits, type DateRangeFieldCompactProps, type DateRangeFieldCompactSlots, _default$1 as DateRangeFieldInput, type DateRangeFieldInputProps, _default$2 as DateRangeFieldRoot, type DateRangeFieldRootContext, type DateRangeFieldRootEmits, type DateRangeFieldRootProps, type DateRangeFieldSegment, type DateRangeFieldUi, type DateRangeFieldUiSlot, provideDateRangeFieldUi };

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

@@ -0,0 +1 @@
+import{provideDateRangeFieldUi as e}from"./context.js";import t from"./date-range-field-root.js";import n from"./date-range-field-input.js";import r from"./date-range-field-compact.js";export{r as DateRangeFieldCompact,n as DateRangeFieldInput,t as DateRangeFieldRoot,e as provideDateRangeFieldUi};