@soybeanjs/headless 0.29.2 → 0.30.0-beta.1

package/dist/components/date-picker/date-picker-compact.vue.d.ts

@@ -1,276 +1,10 @@
-import { Direction } from "../../types/common.js";
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
-import { BaseProps } from "../../types/vue.js";
-import { AsTag } from "../primitive/types.js";
-import { PopperArrowProps, PopperPositionerProps } from "../popper/types.js";
-import { PortalProps } from "../portal/types.js";
-import { DateMatcher, DateValue, WeekDayFormat, WeekStartsOn } from "../../date/types.js";
-import { CalendarCellProps, CalendarCellTriggerProps, CalendarGridBodyProps, CalendarGridHeadProps, CalendarGridProps, CalendarGridRowProps, CalendarHeadCellProps, CalendarHeaderProps, CalendarHeadingProps, CalendarNextProps, CalendarPrevProps } from "../calendar/types.js";
-import { PopoverCloseProps, PopoverPopupProps, PopoverPositionerProps, PopoverTriggerProps } from "../popover/types.js";
-import { DatePickerCompactProps } from "./types.js";
+import { DateValue } from "../../date/types.js";
+import "../../date/index.js";
+import { DatePickerCompactProps, DatePickerCompactSlots } from "./types.js";
+import "../../index.js";
 //#region src/components/date-picker/date-picker-compact.vue.d.ts
-declare var __VLS_25: {
-  open: boolean;
-  close: () => void;
-  calendarProps: Omit<Readonly<{
-    [x: `data-${string}`]: unknown;
-    dateFieldProps: BaseProps;
-    placement: PopperPositionerProps["placement"];
-    showArrow: boolean;
-    triggerProps: PopoverTriggerProps;
-    portalProps: PortalProps;
-    positionerProps: PopoverPositionerProps;
-    popupProps: PopoverPopupProps;
-    arrowProps: PopperArrowProps;
-    closeProps: PopoverCloseProps;
-    disabled: boolean;
-    dir: Direction;
-    defaultOpen: boolean;
-    modal: boolean;
-    headerProps: CalendarHeaderProps;
-    headingProps: CalendarHeadingProps;
-    prevProps: CalendarPrevProps;
-    nextProps: CalendarNextProps;
-    gridProps: CalendarGridProps;
-    gridHeadProps: CalendarGridHeadProps;
-    gridBodyProps: CalendarGridBodyProps;
-    gridRowProps: CalendarGridRowProps;
-    headCellProps: CalendarHeadCellProps;
-    cellProps: CalendarCellProps;
-    cellTriggerProps: CalendarCellTriggerProps;
-    locale: string;
-    modelValue: DateValue | undefined;
-    defaultValue: DateValue | undefined;
-    multiple: false | undefined;
-    placeholder: DateValue;
-    defaultPlaceholder: DateValue;
-    readonly: boolean;
-    pagedNavigation: boolean;
-    preventDeselect: boolean;
-    weekStartsOn: WeekStartsOn;
-    weekdayFormat: WeekDayFormat;
-    calendarLabel: string;
-    fixedWeeks: boolean;
-    maxValue: DateValue;
-    minValue: DateValue;
-    numberOfMonths: number;
-    initialFocus: boolean;
-    isDateDisabled: DateMatcher;
-    isDateUnavailable: DateMatcher;
-    nextPage: (placeholder: DateValue) => DateValue;
-    prevPage: (placeholder: DateValue) => DateValue;
-    disableDaysOutsideCurrentView: boolean;
-    onCopy: ((payload: ClipboardEvent) => void) | undefined;
-    onCut: ((payload: ClipboardEvent) => void) | undefined;
-    onPaste: ((payload: ClipboardEvent) => void) | undefined;
-    onCompositionend: ((payload: CompositionEvent) => void) | undefined;
-    onCompositionstart: ((payload: CompositionEvent) => void) | undefined;
-    onCompositionupdate: ((payload: CompositionEvent) => void) | undefined;
-    onDrag: ((payload: DragEvent) => void) | undefined;
-    onDragend: ((payload: DragEvent) => void) | undefined;
-    onDragenter: ((payload: DragEvent) => void) | undefined;
-    onDragexit: ((payload: DragEvent) => void) | undefined;
-    onDragleave: ((payload: DragEvent) => void) | undefined;
-    onDragover: ((payload: DragEvent) => void) | undefined;
-    onDragstart: ((payload: DragEvent) => void) | undefined;
-    onDrop: ((payload: DragEvent) => void) | undefined;
-    onFocus: ((payload: FocusEvent) => void) | undefined;
-    onFocusin: ((payload: FocusEvent) => void) | undefined;
-    onFocusout: ((payload: FocusEvent) => void) | undefined;
-    onBlur: ((payload: FocusEvent) => void) | undefined;
-    onChange: ((payload: Event) => void) | undefined;
-    onBeforeinput: ((payload: InputEvent) => void) | undefined;
-    onFormdata: ((payload: FormDataEvent) => void) | undefined;
-    onInput: ((payload: InputEvent) => void) | undefined;
-    onReset: ((payload: Event) => void) | undefined;
-    onSubmit: ((payload: SubmitEvent) => void) | undefined;
-    onInvalid: ((payload: Event) => void) | undefined;
-    onFullscreenchange: ((payload: Event) => void) | undefined;
-    onFullscreenerror: ((payload: Event) => void) | undefined;
-    onLoad: ((payload: Event) => void) | undefined;
-    onError: ((payload: Event) => void) | undefined;
-    onKeydown: ((payload: KeyboardEvent) => void) | undefined;
-    onKeypress: ((payload: KeyboardEvent) => void) | undefined;
-    onKeyup: ((payload: KeyboardEvent) => void) | undefined;
-    onDblclick: ((payload: MouseEvent) => void) | undefined;
-    onMousedown: ((payload: MouseEvent) => void) | undefined;
-    onMouseenter: ((payload: MouseEvent) => void) | undefined;
-    onMouseleave: ((payload: MouseEvent) => void) | undefined;
-    onMousemove: ((payload: MouseEvent) => void) | undefined;
-    onMouseout: ((payload: MouseEvent) => void) | undefined;
-    onMouseover: ((payload: MouseEvent) => void) | undefined;
-    onMouseup: ((payload: MouseEvent) => void) | undefined;
-    onAbort: ((payload: UIEvent) => void) | undefined;
-    onCanplay: ((payload: Event) => void) | undefined;
-    onCanplaythrough: ((payload: Event) => void) | undefined;
-    onDurationchange: ((payload: Event) => void) | undefined;
-    onEmptied: ((payload: Event) => void) | undefined;
-    onEncrypted: ((payload: MediaEncryptedEvent) => void) | undefined;
-    onEnded: ((payload: Event) => void) | undefined;
-    onLoadeddata: ((payload: Event) => void) | undefined;
-    onLoadedmetadata: ((payload: Event) => void) | undefined;
-    onLoadstart: ((payload: Event) => void) | undefined;
-    onPause: ((payload: Event) => void) | undefined;
-    onPlay: ((payload: Event) => void) | undefined;
-    onPlaying: ((payload: Event) => void) | undefined;
-    onProgress: ((payload: ProgressEvent<EventTarget>) => void) | undefined;
-    onRatechange: ((payload: Event) => void) | undefined;
-    onSeeked: ((payload: Event) => void) | undefined;
-    onSeeking: ((payload: Event) => void) | undefined;
-    onStalled: ((payload: Event) => void) | undefined;
-    onSuspend: ((payload: Event) => void) | undefined;
-    onTimeupdate: ((payload: Event) => void) | undefined;
-    onVolumechange: ((payload: Event) => void) | undefined;
-    onWaiting: ((payload: Event) => void) | undefined;
-    onSelect: ((payload: Event) => void) | undefined;
-    onScroll: ((payload: Event) => void) | undefined;
-    onScrollend: ((payload: Event) => void) | undefined;
-    onTouchcancel: ((payload: TouchEvent) => void) | undefined;
-    onTouchend: ((payload: TouchEvent) => void) | undefined;
-    onTouchmove: ((payload: TouchEvent) => void) | undefined;
-    onTouchstart: ((payload: TouchEvent) => void) | undefined;
-    onAuxclick: ((payload: PointerEvent) => void) | undefined;
-    onClick: ((payload: PointerEvent) => void) | undefined;
-    onContextmenu: ((payload: PointerEvent) => void) | undefined;
-    onGotpointercapture: ((payload: PointerEvent) => void) | undefined;
-    onLostpointercapture: ((payload: PointerEvent) => void) | undefined;
-    onPointerdown: ((payload: PointerEvent) => void) | undefined;
-    onPointermove: ((payload: PointerEvent) => void) | undefined;
-    onPointerup: ((payload: PointerEvent) => void) | undefined;
-    onPointercancel: ((payload: PointerEvent) => void) | undefined;
-    onPointerenter: ((payload: PointerEvent) => void) | undefined;
-    onPointerleave: ((payload: PointerEvent) => void) | undefined;
-    onPointerover: ((payload: PointerEvent) => void) | undefined;
-    onPointerout: ((payload: PointerEvent) => void) | undefined;
-    onBeforetoggle: ((payload: ToggleEvent) => void) | undefined;
-    onToggle: ((payload: ToggleEvent) => void) | undefined;
-    onWheel: ((payload: WheelEvent) => void) | undefined;
-    onAnimationcancel: ((payload: AnimationEvent) => void) | undefined;
-    onAnimationstart: ((payload: AnimationEvent) => void) | undefined;
-    onAnimationend: ((payload: AnimationEvent) => void) | undefined;
-    onAnimationiteration: ((payload: AnimationEvent) => void) | undefined;
-    onSecuritypolicyviolation: ((payload: SecurityPolicyViolationEvent) => void) | undefined;
-    onTransitioncancel: ((payload: TransitionEvent) => void) | undefined;
-    onTransitionend: ((payload: TransitionEvent) => void) | undefined;
-    onTransitionrun: ((payload: TransitionEvent) => void) | undefined;
-    onTransitionstart: ((payload: TransitionEvent) => void) | undefined;
-    innerHTML: string | undefined;
-    class: import("vue").ClassValue | undefined;
-    style: import("vue").StyleValue | undefined;
-    accesskey: string | undefined;
-    contenteditable: (boolean | "true" | "false") | "inherit" | "plaintext-only" | undefined;
-    contextmenu: string | undefined;
-    draggable: (boolean | "true" | "false") | undefined;
-    enterkeyhint: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
-    enterKeyHint: import("vue").HTMLAttributes["enterkeyhint"];
-    hidden: (boolean | "true" | "false") | "" | "hidden" | "until-found" | undefined;
-    id: string | undefined;
-    inert: (boolean | "true" | "false") | undefined;
-    lang: string | undefined;
-    spellcheck: (boolean | "true" | "false") | undefined;
-    tabindex: (string | number) | undefined;
-    title: string | undefined;
-    translate: "yes" | "no" | undefined;
-    radiogroup: string | undefined;
-    role: string | undefined;
-    about: string | undefined;
-    datatype: string | undefined;
-    inlist: any;
-    prefix: string | undefined;
-    property: string | undefined;
-    resource: string | undefined;
-    typeof: string | undefined;
-    vocab: string | undefined;
-    autocapitalize: string | undefined;
-    autocorrect: string | undefined;
-    autosave: string | undefined;
-    color: string | undefined;
-    itemprop: string | undefined;
-    itemscope: (boolean | "true" | "false") | undefined;
-    itemtype: string | undefined;
-    itemid: string | undefined;
-    itemref: string | undefined;
-    results: (string | number) | undefined;
-    security: string | undefined;
-    unselectable: "on" | "off" | undefined;
-    inputmode: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
-    is: string | undefined;
-    exportparts: string;
-    part: string;
-    'aria-activedescendant': string | undefined;
-    'aria-atomic': (boolean | "true" | "false") | undefined;
-    'aria-autocomplete': "none" | "inline" | "list" | "both" | undefined;
-    'aria-busy': (boolean | "true" | "false") | undefined;
-    'aria-checked': (boolean | "true" | "false") | "mixed" | undefined;
-    'aria-colcount': (string | number) | undefined;
-    'aria-colindex': (string | number) | undefined;
-    'aria-colspan': (string | number) | undefined;
-    'aria-controls': string | undefined;
-    'aria-current': (boolean | "true" | "false") | "page" | "step" | "location" | "date" | "time" | undefined;
-    'aria-describedby': string | undefined;
-    'aria-details': string | undefined;
-    'aria-disabled': (boolean | "true" | "false") | undefined;
-    'aria-dropeffect': "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
-    'aria-errormessage': string | undefined;
-    'aria-expanded': (boolean | "true" | "false") | undefined;
-    'aria-flowto': string | undefined;
-    'aria-grabbed': (boolean | "true" | "false") | undefined;
-    'aria-haspopup': (boolean | "true" | "false") | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
-    'aria-hidden': (boolean | "true" | "false") | undefined;
-    'aria-invalid': (boolean | "true" | "false") | "grammar" | "spelling" | undefined;
-    'aria-keyshortcuts': string | undefined;
-    'aria-label': string | undefined;
-    'aria-labelledby': string | undefined;
-    'aria-level': (string | number) | undefined;
-    'aria-live': "off" | "assertive" | "polite" | undefined;
-    'aria-modal': (boolean | "true" | "false") | undefined;
-    'aria-multiline': (boolean | "true" | "false") | undefined;
-    'aria-multiselectable': (boolean | "true" | "false") | undefined;
-    'aria-orientation': "horizontal" | "vertical" | undefined;
-    'aria-owns': string | undefined;
-    'aria-placeholder': string | undefined;
-    'aria-posinset': (string | number) | undefined;
-    'aria-pressed': (boolean | "true" | "false") | "mixed" | undefined;
-    'aria-readonly': (boolean | "true" | "false") | undefined;
-    'aria-relevant': "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
-    'aria-required': (boolean | "true" | "false") | undefined;
-    'aria-roledescription': string | undefined;
-    'aria-rowcount': (string | number) | undefined;
-    'aria-rowindex': (string | number) | undefined;
-    'aria-rowspan': (string | number) | undefined;
-    'aria-selected': (boolean | "true" | "false") | undefined;
-    'aria-setsize': (string | number) | undefined;
-    'aria-sort': "none" | "ascending" | "descending" | "other" | undefined;
-    'aria-valuemax': (string | number) | undefined;
-    'aria-valuemin': (string | number) | undefined;
-    'aria-valuenow': (string | number) | undefined;
-    'aria-valuetext': string | undefined;
-    asChild: boolean;
-    as: AsTag | import("vue").Component;
-  }> & {
-    readonly open: boolean | undefined;
-  } & {
-    readonly disabled: boolean;
-    readonly inlist: boolean;
-    readonly asChild: boolean;
-    readonly open: boolean | undefined;
-    readonly showArrow: boolean;
-    readonly defaultOpen: boolean;
-    readonly modal: boolean;
-    readonly pagedNavigation: boolean;
-    readonly preventDeselect: boolean;
-    readonly fixedWeeks: boolean;
-    readonly readonly: boolean;
-    readonly initialFocus: boolean;
-    readonly disableDaysOutsideCurrentView: boolean;
-    readonly multiple: boolean;
-  }, "positionerProps" | "open" | "triggerProps" | "placement" | "showArrow" | "portalProps" | "popupProps" | "arrowProps" | "closeProps" | "defaultOpen" | "modal">;
-  onUpdateModelValue: (value: DateValue | undefined) => void;
-  onUpdatePlaceholder: (placeholder: DateValue) => void;
-};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_25) => any;
-};
+type __VLS_Slots = DatePickerCompactSlots;
 declare const __VLS_base: import("vue").DefineComponent<DatePickerCompactProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
   "update:modelValue": (date: DateValue | undefined) => any;
   "update:open": (value: boolean) => any;
@@ -302,4 +36,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,4 +1,4 @@
 import { DatePickerCompactEmits, DatePickerCompactProps, DatePickerUi, DatePickerUiSlot } from "./types.js";
-import { _default } from "./date-picker-compact.vue.js";
+import _default from "./date-picker-compact.vue.js";
 import { provideDatePickerUi } from "./context.js";
 export { _default as DatePickerCompact, type DatePickerCompactEmits, type DatePickerCompactProps, type DatePickerUi, type DatePickerUiSlot, provideDatePickerUi };

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

@@ -1,9 +1,11 @@
 import { UiClass } from "../../types/common.js";
 import { BaseProps } from "../../types/vue.js";
+import "../../types/index.js";
+import { DateValue } from "../../date/types.js";
+import "../../date/index.js";
 import { CalendarCompactEmits, CalendarCompactProps } from "../calendar/types.js";
-import { PopoverCompactEmits, PopoverCompactProps, PopoverUiSlot } from "../popover/types.js";
 import { DateFieldUiSlot } from "../date-field/types.js";
-
+import { PopoverCompactEmits, PopoverCompactProps, PopoverUiSlot } from "../popover/types.js";
 //#region src/components/date-picker/types.d.ts
 /**
  * Properties for the DatePickerCompact component.
@@ -15,13 +17,33 @@ interface DatePickerCompactProps extends PopoverCompactProps, CalendarCompactPro
  * Events for the DatePickerCompact component.
  */
 type DatePickerCompactEmits = PopoverCompactEmits & CalendarCompactEmits<false>;
+interface DatePickerCompactSlotProps {
+  open: boolean;
+  close: () => void;
+  calendarProps: CalendarCompactProps<false>;
+  onUpdateModelValue: (value: DateValue | undefined) => void;
+  onUpdatePlaceholder: (placeholder: DateValue) => void;
+}
 /**
  * Slots for the DatePickerCompact component.
  */
+type DatePickerCompactSlots = {
+  /**
+   * Custom content rendered before the date segments.
+   */
+  leading?: () => any;
+  /**
+   * Custom content for the calendar popup, receiving the open/close controls and calendar props.
+   */
+  default?: (props: DatePickerCompactSlotProps) => any;
+};
+/**
+ * UI slot names for the DatePicker component.
+ */
 type DatePickerUiSlot = PopoverUiSlot | DateFieldUiSlot;
 /**
  * UI class for the DatePicker component.
  */
 type DatePickerUi = UiClass<DatePickerUiSlot>;
 //#endregion
-export { DatePickerCompactEmits, DatePickerCompactProps, DatePickerUi, DatePickerUiSlot };
+export { DatePickerCompactEmits, DatePickerCompactProps, DatePickerCompactSlotProps, DatePickerCompactSlots, DatePickerUi, DatePickerUiSlot };

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

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

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

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

package/dist/components/date-range-field/date-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{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:{type:{default:`start`},part:{},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),{attributes:k,handleSegmentClick:A,handleSegmentFocusOut:j,handleSegmentKeydown:M}=e({hasLeftFocus:O,lastKeyZero:l(!1),placeholder:v,hourCycle:y,step:b,segmentValues:i(()=>m.type===`start`?x.value:S.value),formatter:C,part:m.part,disabled:g,readonly:_,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}}})}),N=i(()=>g.value||_.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({as:o.as,"as-child":o.asChild},f(k),{"data-soybean-date-range-field-input":``,"data-soybean-date-field-segment":o.part,class:f(h),"aria-disabled":f(g)?!0:void 0,"aria-invalid":f(E)?!0:void 0,"aria-readonly":f(_)||o.part===`timeZoneName`?!0:void 0,contenteditable:N.value,"data-disabled":f(g)?``:void 0,"data-invalid":f(E)?``: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"../../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:{type:{default:`start`},part:{},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(()=>m.type===`start`?x.value:S.value),{attributes:j,handleSegmentClick:M,handleSegmentFocusOut:N,handleSegmentKeydown:P}=e({hasLeftFocus:O,lastKeyZero:k,placeholder:v,hourCycle:y,step:b,segmentValues:A,formatter:C,part:m.part,disabled:g,readonly:_,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}}})}),F=i(()=>g.value||_.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({as:o.as,"as-child":o.asChild},f(j),{"data-soybean-date-range-field-input":``,"data-soybean-date-field-segment":o.part,class:f(h),"aria-disabled":f(g)?!0:void 0,"aria-invalid":f(E)?!0:void 0,"aria-readonly":f(_)||o.part===`timeZoneName`?!0:void 0,contenteditable:F.value,"data-disabled":f(g)?``:void 0,"data-invalid":f(E)?``:void 0,"data-readonly":f(_)||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/date-range-field/date-range-field-input.vue.d.ts

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

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

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

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

@@ -1,5 +1,7 @@
 import { DateMatcher, DateRange, DateStep, Granularity } from "../../date/types.js";
+import "../../date/index.js";
 import { DateRangeFieldRootProps, DateRangeFieldRootSlots } from "./types.js";
+import "../date-range-picker/index.js";
 //#region src/components/date-range-field/date-range-field-root.vue.d.ts
 type __VLS_Slots = DateRangeFieldRootSlots;
 declare const __VLS_base: import("vue").DefineComponent<DateRangeFieldRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -17,11 +19,11 @@ declare const __VLS_base: import("vue").DefineComponent<DateRangeFieldRootProps,
   placeholder: import("@internationalized/date").DateValue;
   step: DateStep;
   defaultValue: DateRange;
-  defaultPlaceholder: import("@internationalized/date").DateValue;
   readonly: boolean;
+  defaultPlaceholder: import("@internationalized/date").DateValue;
   isDateUnavailable: DateMatcher;
-  granularity: Granularity;
   hourCycle: 12 | 24;
+  granularity: Granularity;
   hideTimeZone: boolean;
   startName: string;
   endName: string;
@@ -34,4 +36,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { DateRangeFieldCompactEmits, DateRangeFieldCompactProps, DateRangeFieldCompactSlots, DateRangeFieldInputProps, DateRangeFieldRootEmits, DateRangeFieldRootProps, DateRangeFieldRootSlots, DateRangeFieldSlotProps, DateRangeFieldUi, DateRangeFieldUiSlot } from "./types.js";
-import { _default } from "./date-range-field-compact.vue.js";
-import { _default as _default$2 } from "./date-range-field-root.vue.js";
-import { _default as _default$1 } from "./date-range-field-input.vue.js";
+import _default from "./date-range-field-compact.vue.js";
+import _default$2 from "./date-range-field-root.vue.js";
+import _default$1 from "./date-range-field-input.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 DateRangeFieldRootEmits, type DateRangeFieldRootProps, type DateRangeFieldRootSlots, type DateRangeFieldSlotProps, type DateRangeFieldUi, type DateRangeFieldUiSlot, provideDateRangeFieldUi };

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

@@ -1,9 +1,10 @@
 import { UiClass } from "../../types/common.js";
+import "../../types/index.js";
 import { DateRange } from "../../date/types.js";
+import "../../date/index.js";
 import { DateFieldInputProps, DateFieldRootProps, DateFieldSegment } from "../date-field/types.js";
 import { ShallowRef } from "vue";
 import { DateValue } from "@internationalized/date";
-
 //#region src/components/date-range-field/types.d.ts
 /**
  * Properties for the DateRangeFieldRoot component.

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

@@ -1,6 +1,8 @@
 import { UiClass } from "../../types/common.js";
 import { UseUiConsumer } from "../../composables/use-ui-context.js";
+import "../../composables/index.js";
 import { DateRangePickerUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/date-range-picker/context.d.ts
 declare const provideDateRangePickerUi: (ui: import("vue").ComputedRef<Partial<UiClass<DateRangePickerUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<DateRangePickerUiSlot>>>, useDateRangePickerUi: UseUiConsumer<DateRangePickerUiSlot>;
 //#endregion

package/dist/components/date-range-picker/date-range-picker-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t,usePickProps as n}from"../../composables/use-props.js";import"../../composables/index.js";import r from"../_icon/icon.js";import i from"../popover/popover-compact.js";import a from"../date-range-field/date-range-field-compact.js";import{computed as o,createBlock as s,createVNode as c,defineComponent as l,mergeProps as u,openBlock as d,renderSlot as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=l({name:`DateRangePickerCompact`,__name:`date-range-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},allowNonContiguousRanges:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},maximumDays:{},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},locale:{},numberOfMonths:{},readonly:{type:Boolean},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},isDateHighlightable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},fixedDate:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`,`update:startValue`],setup(l,{emit:g}){let _=l,v=g,y=e(v),b=n(_,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),x=n(_,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`],o(()=>({..._.dateFieldProps}))),S=o(()=>({..._.triggerProps,asChild:_.triggerProps?.asChild??!1})),C=t(_,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),w=e=>{v(`update:modelValue`,e)},T=e=>{v(`update:placeholder`,e)};return(e,t)=>(d(),s(a,u(m(x),{"data-soybean-date-range-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>v(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>v(`update:placeholder`,e))}),{trailing:h(()=>[c(i,u(m(b),{"trigger-props":S.value},p(m(y))),{trigger:h(()=>[c(r,{icon:`lucide:calendar`})]),default:h(({open:t,close:n})=>[f(e.$slots,`default`,{open:t,close:n,calendarRangeProps:m(C),onUpdateModelValue:w,onUpdatePlaceholder:T})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{g as default};
+import{useLocaleMessages as e}from"../../locale/hooks.js";import"../../locale/index.js";import{useForwardListeners as t}from"../../composables/use-forward-listeners.js";import{useOmitProps as n,usePickProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../_icon/icon.js";import a from"../popover/popover-compact.js";import o from"../date-range-field/date-range-field-compact.js";import{computed as s,createBlock as c,createVNode as l,defineComponent as u,mergeProps as d,openBlock as f,renderSlot as p,toHandlers as m,unref as h,withCtx as g}from"vue";const _=u({name:`DateRangePickerCompact`,__name:`date-range-picker-compact`,props:{dateFieldProps:{},placement:{},showArrow:{type:Boolean},triggerProps:{},portalProps:{},positionerProps:{},popupProps:{},arrowProps:{},closeProps:{},disabled:{type:Boolean},dir:{},open:{type:Boolean,default:void 0},defaultOpen:{type:Boolean},modal:{type:Boolean},headerProps:{},headingProps:{},prevProps:{},nextProps:{},gridProps:{},gridHeadProps:{},gridBodyProps:{},gridRowProps:{},headCellProps:{},cellProps:{},cellTriggerProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},allowNonContiguousRanges:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},maximumDays:{},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},locale:{},numberOfMonths:{},readonly:{type:Boolean},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},isDateHighlightable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},fixedDate:{},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`,`update:startValue`],setup(u,{emit:_}){let v=u,y=_,b=e(),x=t(y),S=r(v,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`arrowProps`,`closeProps`],()=>({popupProps:{...v.popupProps,"aria-label":v.popupProps?.[`aria-label`]??b.value.dateRangePicker.popupLabel}})),C=r(v,[`dir`,`locale`,`modelValue`,`defaultValue`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`,`dateFieldProps`]),w=s(()=>({...v.triggerProps,asChild:v.triggerProps?.asChild??!1,"aria-label":v.triggerProps?.[`aria-label`]??b.value.dateRangePicker.toggle})),T=n(v,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`dateFieldProps`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`]),E=e=>{y(`update:modelValue`,e)},D=e=>{y(`update:placeholder`,e)};return(e,t)=>(f(),c(o,d(h(C),{"data-soybean-date-range-picker":``,"onUpdate:modelValue":t[0]||(t[0]=e=>y(`update:modelValue`,e)),"onUpdate:placeholder":t[1]||(t[1]=e=>y(`update:placeholder`,e))}),{leading:g(()=>[p(e.$slots,`leading`)]),separator:g(()=>[p(e.$slots,`separator`)]),trailing:g(()=>[l(a,d(h(S),{"trigger-props":w.value},m(h(x))),{trigger:g(()=>[l(i,{icon:`lucide:calendar`})]),default:g(({open:t,close:n})=>[p(e.$slots,`default`,{open:t,close:n,calendarRangeProps:h(T),onUpdateModelValue:E,onUpdatePlaceholder:D})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{_ as default};