@soybeanjs/headless 0.15.5 → 0.16.0

package/dist/components/context-menu/context-menu-radio-compact.vue.d.ts

@@ -9,8 +9,8 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   props: _$vue.PublicProps & __VLS_PrettifyLocal<ContextMenuRadioCompactProps<T> & {
     onSelect?: ((item: MenuRadioOptionData<T>, event: Event) => any) | undefined;
     "onUpdate:modelValue"?: ((payload: NonNullable<T>) => any) | undefined;
-    onEntryFocus?: ((event: Event) => any) | undefined;
     "onUpdate:open"?: ((value: boolean) => any) | undefined;
+    onEntryFocus?: ((event: Event) => any) | undefined;
     onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
     onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
     onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;
@@ -23,7 +23,7 @@ declare const __VLS_export: <T extends AcceptableBooleanValue = AcceptableBoolea
   expose: (exposed: {}) => void;
   attrs: any;
   slots: ContextMenuRadioCompactSlots<T>;
-  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
+  emit: ((evt: "select", item: MenuRadioOptionData<T>, event: Event) => void) & ((evt: "update:modelValue", payload: NonNullable<T>) => void) & ((evt: "update:open", value: boolean) => void) & ((evt: "entryFocus", event: Event) => void) & ((evt: "escapeKeyDown", event: KeyboardEvent) => void) & ((evt: "pointerDownOutside", event: PointerDownOutsideEvent) => void) & ((evt: "focusOutside", event: FocusOutsideEvent) => void) & ((evt: "interactOutside", event: PointerDownOutsideEvent | FocusOutsideEvent) => void) & ((evt: "openAutoFocus", event: Event) => void) & ((evt: "closeAutoFocus", event: Event) => void);
 }>) => _$vue.VNode & {
   __ctx?: Awaited<typeof __VLS_setup>;
 };

package/dist/components/context-menu/context-menu-wrapper-compact.js

@@ -1 +1 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../popper/popper-arrow.js";import r from"../portal/portal.js";import"../menu/index.js";import i from"./context-menu-root.js";import a from"./context-menu-trigger.js";import o from"./context-menu-content.js";import{computed as s,createBlock as c,createCommentVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=d({name:`ContextMenuWrapperCompact`,__name:`context-menu-wrapper-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(d,{emit:b}){let x=d,S=b,C=t(x,[`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`]),w=e(S),T=s(()=>({...x.triggerProps,asChild:x.triggerProps?.asChild??!0,disabled:x.disabled??x.triggerProps?.disabled})),E=s(()=>({...x.contentProps,popupProps:x.popupProps??x.contentProps?.popupProps}));return(e,t)=>(h(),c(i,p(v(C),{"onUpdate:open":t[0]||(t[0]=e=>S(`update:open`,e))}),{default:y(()=>[u(a,m(f(T.value)),{default:y(()=>[g(e.$slots,`trigger`)]),_:3},16),u(v(r),m(f(d.portalProps)),{default:y(()=>[u(o,p(E.value,_(v(w))),{default:y(()=>[g(e.$slots,`default`),d.showArrow?(h(),c(v(n),m(p({key:0},d.arrowProps)),null,16)):l(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{b as default};
+import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../portal/portal.js";import r from"../popper/popper-arrow.js";import"../menu/index.js";import i from"./context-menu-root.js";import a from"./context-menu-trigger.js";import o from"./context-menu-content.js";import{computed as s,createBlock as c,createCommentVNode as l,createVNode as u,defineComponent as d,guardReactiveProps as f,mergeProps as p,normalizeProps as m,openBlock as h,renderSlot as g,toHandlers as _,unref as v,withCtx as y}from"vue";const b=d({name:`ContextMenuWrapperCompact`,__name:`context-menu-wrapper-compact`,props:{disabled:{type:Boolean},showArrow:{type:Boolean},triggerProps:{},portalProps:{},contentProps:{},popupProps:{},arrowProps:{},pressOpenDelay:{},dir:{},modal:{type:Boolean,default:!0},isAlert:{type:Boolean},alertType:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`entryFocus`],setup(d,{emit:b}){let x=d,S=b,C=t(x,[`disabled`,`showArrow`,`triggerProps`,`portalProps`,`contentProps`,`popupProps`,`arrowProps`]),w=e(S),T=s(()=>({...x.triggerProps,asChild:x.triggerProps?.asChild??!0,disabled:x.disabled??x.triggerProps?.disabled})),E=s(()=>({...x.contentProps,popupProps:x.popupProps??x.contentProps?.popupProps}));return(e,t)=>(h(),c(i,p(v(C),{"onUpdate:open":t[0]||(t[0]=e=>S(`update:open`,e))}),{default:y(()=>[u(a,m(f(T.value)),{default:y(()=>[g(e.$slots,`trigger`)]),_:3},16),u(v(n),m(f(d.portalProps)),{default:y(()=>[u(o,p(E.value,_(v(w))),{default:y(()=>[g(e.$slots,`default`),d.showArrow?(h(),c(v(r),m(p({key:0},d.arrowProps)),null,16)):l(`v-if`,!0)]),_:3},16)]),_:3},16)]),_:3},16))}});export{b as default};

package/dist/components/context-menu/context-menu-wrapper-compact.vue.d.ts

@@ -10,8 +10,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_30) => any;
 };
 declare const __VLS_base: _$vue.DefineComponent<ContextMenuWrapperCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  entryFocus: (event: Event) => any;
   "update:open": (value: boolean) => any;
+  entryFocus: (event: Event) => any;
   escapeKeyDown: (event: KeyboardEvent) => any;
   pointerDownOutside: (event: PointerDownOutsideEvent) => any;
   focusOutside: (event: FocusOutsideEvent) => any;
@@ -19,8 +19,8 @@ declare const __VLS_base: _$vue.DefineComponent<ContextMenuWrapperCompactProps,
   openAutoFocus: (event: Event) => any;
   closeAutoFocus: (event: Event) => any;
 }, string, _$vue.PublicProps, Readonly<ContextMenuWrapperCompactProps> & Readonly<{
-  onEntryFocus?: ((event: Event) => any) | undefined;
   "onUpdate:open"?: ((value: boolean) => any) | undefined;
+  onEntryFocus?: ((event: Event) => any) | undefined;
   onEscapeKeyDown?: ((event: KeyboardEvent) => any) | undefined;
   onPointerDownOutside?: ((event: PointerDownOutsideEvent) => any) | undefined;
   onFocusOutside?: ((event: FocusOutsideEvent) => any) | undefined;

package/dist/components/context-menu/index.d.ts

@@ -1,9 +1,9 @@
 import { PopperAnchorProps, PopperArrowProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
-import { SeparatorRootProps } from "../separator/types.js";
+import { _default } from "../popper/popper-anchor.vue.js";
 import { _default as _default$11 } from "../portal/portal.vue.js";
+import { SeparatorRootProps } from "../separator/types.js";
 import { MenuCheckboxGroupEmits, MenuCheckboxGroupProps, MenuCheckboxItemEmits, MenuCheckboxItemProps, MenuGroupLabelProps, MenuGroupProps, MenuItemEmits, MenuItemIndicatorProps, MenuItemProps, MenuPopupProps, MenuRadioGroupEmits, MenuRadioGroupProps, MenuRadioItemEmits, MenuRadioItemProps, MenuSubContentEmits, MenuSubContentProps, MenuSubEmits, MenuSubProps, MenuSubTriggerProps, MenuUi, MenuUiSlot } from "../menu/types.js";
-import { _default } from "../popper/popper-anchor.vue.js";
 import { _default as _default$1 } from "../popper/popper-arrow.vue.js";
 import { _default as _default$7 } from "../menu/menu-group.vue.js";
 import { _default as _default$8 } from "../menu/menu-group-label.vue.js";

package/dist/components/context-menu/index.js

@@ -1 +1 @@
-import e from"../popper/popper-anchor.js";import t from"../popper/popper-arrow.js";import n from"../portal/portal.js";import r from"../separator/separator-root.js";import i from"../menu/menu-group.js";import a from"../menu/menu-group-label.js";import o from"../menu/menu-item.js";import s from"../menu/menu-item-indicator.js";import c from"../menu/menu-checkbox-item.js";import l from"../menu/menu-radio-item.js";import u from"../menu/menu-sub.js";import d from"../menu/menu-sub-trigger.js";import f from"../menu/menu-sub-content.js";import p from"../menu/menu-checkbox-group.js";import m from"../menu/menu-radio-group.js";import"../menu/index.js";import h from"./context-menu-root.js";import g from"./context-menu-trigger.js";import _ from"./context-menu-content.js";import v from"./context-menu-wrapper-compact.js";import y from"./context-menu-compact.js";import b from"./context-menu-checkbox-compact.js";import x from"./context-menu-radio-compact.js";export{e as ContextMenuAnchor,t as ContextMenuArrow,b as ContextMenuCheckboxCompact,p as ContextMenuCheckboxGroup,c as ContextMenuCheckboxItem,y as ContextMenuCompact,_ as ContextMenuContent,i as ContextMenuGroup,a as ContextMenuGroupLabel,o as ContextMenuItem,s as ContextMenuItemIndicator,n as ContextMenuPortal,x as ContextMenuRadioCompact,m as ContextMenuRadioGroup,l as ContextMenuRadioItem,h as ContextMenuRoot,r as ContextMenuSeparator,u as ContextMenuSub,f as ContextMenuSubContent,d as ContextMenuSubTrigger,g as ContextMenuTrigger,v as ContextMenuWrapperCompact};
+import e from"../popper/popper-anchor.js";import t from"../portal/portal.js";import n from"../popper/popper-arrow.js";import r from"../separator/separator-root.js";import i from"../menu/menu-group.js";import a from"../menu/menu-group-label.js";import o from"../menu/menu-item.js";import s from"../menu/menu-item-indicator.js";import c from"../menu/menu-checkbox-item.js";import l from"../menu/menu-radio-item.js";import u from"../menu/menu-sub.js";import d from"../menu/menu-sub-trigger.js";import f from"../menu/menu-sub-content.js";import p from"../menu/menu-checkbox-group.js";import m from"../menu/menu-radio-group.js";import"../menu/index.js";import h from"./context-menu-root.js";import g from"./context-menu-trigger.js";import _ from"./context-menu-content.js";import v from"./context-menu-wrapper-compact.js";import y from"./context-menu-compact.js";import b from"./context-menu-checkbox-compact.js";import x from"./context-menu-radio-compact.js";export{e as ContextMenuAnchor,n as ContextMenuArrow,b as ContextMenuCheckboxCompact,p as ContextMenuCheckboxGroup,c as ContextMenuCheckboxItem,y as ContextMenuCompact,_ as ContextMenuContent,i as ContextMenuGroup,a as ContextMenuGroupLabel,o as ContextMenuItem,s as ContextMenuItemIndicator,t as ContextMenuPortal,x as ContextMenuRadioCompact,m as ContextMenuRadioGroup,l as ContextMenuRadioItem,h as ContextMenuRoot,r as ContextMenuSeparator,u as ContextMenuSub,f as ContextMenuSubContent,d as ContextMenuSubTrigger,g as ContextMenuTrigger,v as ContextMenuWrapperCompact};

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

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

package/dist/components/date-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(`DateFieldRoot`),[i,a]=t(`DateFieldUi`);export{n as provideDateFieldRootContext,i as provideDateFieldUi,r as useDateFieldRootContext,a as useDateFieldUi};

package/dist/components/date-field/date-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 n from"./date-field-input.js";import r from"./date-field-root.js";import{Fragment as i,createBlock as a,createElementBlock as o,createTextVNode as s,defineComponent as c,mergeProps as l,openBlock as u,renderList as d,toDisplayString as f,toHandlers as p,unref as m,withCtx as h}from"vue";const g=c({name:`DateFieldCompact`,__name:`date-field-compact`,props:{inputProps:{},defaultValue:{},defaultPlaceholder:{},placeholder:{},modelValue:{},hourCycle:{},step:{},granularity:{},hideTimeZone:{type:Boolean},maxValue:{},minValue:{},locale:{},disabled:{type:Boolean},readonly:{type:Boolean},isDateUnavailable:{type:Function},id:{},dir:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`],setup(c,{emit:g}){let _=c,v=g,y=t(_,[`inputProps`]),b=e(v);return(e,t)=>(u(),a(r,l(m(y),p(m(b))),{default:h(e=>[(u(!0),o(i,null,d(e.segments,(e,t)=>(u(),a(n,l({key:`${e.part}-${t}`,part:e.part},{ref_for:!0},c.inputProps),{default:h(()=>[s(f(e.value),1)]),_:2},1040,[`part`]))),128))]),_:1},16))}});export{g as default};

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

@@ -0,0 +1,15 @@
+import { DateFieldCompactProps } from "./types.js";
+import * as _$vue from "vue";
+import * as _$_internationalized_date0 from "@internationalized/date";
+
+//#region src/components/date-field/date-field-compact.vue.d.ts
+declare const __VLS_export: _$vue.DefineComponent<DateFieldCompactProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (date: _$_internationalized_date0.DateValue | undefined) => any;
+  "update:placeholder": (date: _$_internationalized_date0.DateValue) => any;
+}, string, _$vue.PublicProps, Readonly<DateFieldCompactProps> & Readonly<{
+  "onUpdate:modelValue"?: ((date: _$_internationalized_date0.DateValue | undefined) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: _$_internationalized_date0.DateValue) => any) | undefined;
+}>, {}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+//#endregion
+export { _default };

package/dist/components/date-field/date-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{useDateFieldRootContext as n,useDateFieldUi 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:`DateFieldInput`,__name:`date-field-input`,props:{part:{},asChild:{type:Boolean},as:{default:`span`}},setup(o){let m=o,h=r(`input`),{disabled:g,readonly:_,placeholder:v,hourCycle:y,step:b,segmentValues:x,formatter:S,focusNext:C,modelValue:w,isInvalid:T,setFocusedElement:E}=n(`DateFieldInput`),D=l(!0),O=l(!1),k=i(()=>!!g.value),A=i(()=>!!_.value),{attributes:j,handleSegmentClick:M,handleSegmentFocusOut:N,handleSegmentKeydown:P}=e({hasLeftFocus:D,lastKeyZero:O,placeholder:v,hourCycle:y,step:b,segmentValues:x,formatter:S,part:m.part,disabled:k,readonly:A,focusNext:C,modelValue:w}),F=i(()=>k.value||A.value?!1:m.part!==`literal`&&m.part!==`timeZoneName`),I=i(()=>m.part===`literal`?{}:{mousedown:M,keydown:P,focusout:()=>{D.value=!0,N()},focusin:e=>{E(e.target)}});return(e,n)=>(c(),a(f(t),s({as:o.as,"as-child":o.asChild},f(j),{"aria-disabled":k.value?!0:void 0,"aria-invalid":f(T)?!0:void 0,"aria-readonly":A.value||o.part===`timeZoneName`?!0:void 0,class:f(h),contenteditable:F.value,"data-disabled":k.value?``:void 0,"data-invalid":f(T)?``:void 0,"data-readonly":A.value||o.part===`timeZoneName`?``:void 0,"data-segment":o.part,"data-soybean-date-field-segment":o.part,"data-slot":`input`},d(I.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-field/date-field-input.vue.d.ts

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { DateFieldInputProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/date-field/date-field-input.vue.d.ts
+declare var __VLS_8: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_8) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<DateFieldInputProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<DateFieldInputProps> & Readonly<{}>, {
+  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-field/date-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 ee,normalizeDateStep as i,normalizeHourCycle as a,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 te}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useDirection as ne,useLocale as p}from"../config-provider/context.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{provideDateFieldRootContext as g,useDateFieldUi as _}from"./context.js";import{computed as v,createBlock as y,createVNode as re,defineComponent as b,nextTick as x,normalizeClass as S,onMounted as C,openBlock as w,renderSlot as T,shallowRef as E,unref as D,watch as O,withCtx as ie}from"vue";const k=b({name:`DateFieldRoot`,__name:`date-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:{},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`],setup(b,{emit:k}){let A=b,j=k,M=_(`root`),[N,P]=te(),F=p(()=>A.locale),I=ne(()=>A.dir),L=s(F.value,{hourCycle:a(A.hourCycle)}),R=f(()=>A.modelValue,e=>j(`update:modelValue`,e),A.defaultValue),z=t({defaultPlaceholder:A.placeholder,defaultValue:R.value,granularity:A.granularity,locale:A.locale}),B=f(()=>A.placeholder,e=>j(`update:placeholder`,e),A.defaultPlaceholder??z.copy()),V=v(()=>i(A)),H=v(()=>A.granularity?n(B.value)?A.granularity:`day`:n(B.value)?`minute`:`day`),U=v(()=>R.value?!!(A.isDateUnavailable?.(R.value)||A.minValue&&r(R.value,A.minValue)||A.maxValue&&r(A.maxValue,R.value)):!1),W=E(R.value?{...u({value:R.value,formatter:L})}:{...l(H.value)}),G=v(()=>c({granularity:H.value,dateRef:B.value,formatter:L,hideTimeZone:A.hideTimeZone,hourCycle:A.hourCycle,segmentValues:W.value,locale:F}).arr),K=E([]),q=E(null),J=()=>{N.value&&(K.value=d(N.value))};O(F,e=>{L.getLocale()!==e&&L.setLocale(e),x(J)}),O(R,t=>{!e(t)&&B.value.compare(t)!==0&&(B.value=t.copy())}),O([R,F,H],([t])=>{if(!e(t)){W.value={...u({value:t,formatter:L})};return}Object.values(W.value).every(e=>e!==null)&&(W.value={...l(H.value)})});let ae=v(()=>K.value.findIndex(e=>e.getAttribute(`data-soybean-date-field-segment`)===q.value?.getAttribute(`data-soybean-date-field-segment`))),Y=e=>{let t=I.value===`rtl`?-1:1,n=e===`next`?t:-t;K.value[ae.value+n]?.focus()},X=v(()=>ee(H.value)),Z=v(()=>o(R.value,H.value)),Q=v(()=>A.maxValue?o(A.maxValue,H.value):void 0),$=v(()=>A.minValue?o(A.minValue,H.value):void 0),oe=e=>{e.key!==`ArrowLeft`&&e.key!==`ArrowRight`||(e.preventDefault(),Y(e.key===`ArrowRight`?`next`:`prev`))};return g({locale:F,dir:I,modelValue:R,placeholder:B,isDateUnavailable:A.isDateUnavailable,isInvalid:U,disabled:v(()=>A.disabled),readonly:v(()=>A.readonly),formatter:L,hourCycle:A.hourCycle,step:V,segmentValues:W,segmentContents:G,inputType:X,inputValue:Z,inputMaxValue:Q,inputMinValue:$,elements:K,focusNext(){Y(`next`)},setFocusedElement(e){q.value=e}}),C(J),(e,t)=>(w(),y(D(m),{ref:D(P),as:b.as,"as-child":b.asChild,class:S(D(M)),"data-disabled":b.disabled?``:void 0,"data-invalid":U.value?``:void 0,"data-readonly":b.readonly?``:void 0,dir:D(I),"data-slot":`root`,role:`group`,onKeydown:oe},{default:ie(()=>[T(e.$slots,`default`,{isInvalid:U.value,modelValue:D(R),segments:G.value}),re(D(h),{id:b.id,as:`input`,feature:`focusable`,type:X.value,tabindex:`-1`,value:Z.value,name:b.name,disabled:b.disabled,required:b.required,max:Q.value,min:$.value,onFocus:t[0]||(t[0]=e=>K.value[0]?.focus())},null,8,[`id`,`type`,`value`,`name`,`disabled`,`required`,`max`,`min`])]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{k as default};

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

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

@@ -0,0 +1,6 @@
+import { DateFieldCompactEmits, DateFieldCompactProps, DateFieldInputProps, DateFieldRootContext, DateFieldRootEmits, DateFieldRootProps, DateFieldSegment, DateFieldUi, DateFieldUiSlot } from "./types.js";
+import { _default } from "./date-field-compact.vue.js";
+import { _default as _default$1 } from "./date-field-input.vue.js";
+import { _default as _default$2 } from "./date-field-root.vue.js";
+import { provideDateFieldUi } from "./context.js";
+export { _default as DateFieldCompact, type DateFieldCompactEmits, type DateFieldCompactProps, _default$1 as DateFieldInput, type DateFieldInputProps, _default$2 as DateFieldRoot, type DateFieldRootContext, type DateFieldRootEmits, type DateFieldRootProps, type DateFieldSegment, type DateFieldUi, type DateFieldUiSlot, provideDateFieldUi };

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

@@ -0,0 +1 @@
+import{provideDateFieldUi as e}from"./context.js";import t from"./date-field-input.js";import n from"./date-field-root.js";import r from"./date-field-compact.js";export{r as DateFieldCompact,t as DateFieldInput,n as DateFieldRoot,e as provideDateFieldUi};

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

@@ -0,0 +1,67 @@
+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 { DateInputType, DateStep, Granularity, HourCycle, Matcher, SegmentPart, SegmentValueObj } from "../../date/types.js";
+import { Formatter } from "../../date/formatter.js";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/date-field/types.d.ts
+interface DateFieldRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  defaultValue?: DateValue;
+  defaultPlaceholder?: DateValue;
+  placeholder?: DateValue;
+  modelValue?: DateValue;
+  hourCycle?: HourCycle;
+  step?: DateStep;
+  granularity?: Granularity;
+  hideTimeZone?: boolean;
+  maxValue?: DateValue;
+  minValue?: DateValue;
+  locale?: string;
+  disabled?: boolean;
+  readonly?: boolean;
+  isDateUnavailable?: Matcher;
+  id?: string;
+  dir?: Direction;
+}
+type DateFieldRootEmits = {
+  'update:modelValue': [date: DateValue | undefined];
+  'update:placeholder': [date: DateValue];
+};
+interface DateFieldInputProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {
+  part: SegmentPart;
+}
+interface DateFieldSegment {
+  part: SegmentPart;
+  value: string;
+}
+interface DateFieldCompactProps extends DateFieldRootProps {
+  inputProps?: Omit<DateFieldInputProps, 'part'>;
+}
+type DateFieldCompactEmits = DateFieldRootEmits;
+interface DateFieldRootContext extends PropsToContext<DateFieldRootProps, 'disabled' | 'readonly'> {
+  locale: ComputedRef<string>;
+  dir: ComputedRef<Direction>;
+  modelValue: ShallowRef<DateValue | undefined>;
+  placeholder: ShallowRef<DateValue>;
+  isDateUnavailable?: Matcher;
+  isInvalid: ComputedRef<boolean>;
+  formatter: Formatter;
+  hourCycle: HourCycle;
+  step: ComputedRef<DateStep>;
+  segmentValues: ShallowRef<SegmentValueObj>;
+  segmentContents: ComputedRef<DateFieldSegment[]>;
+  inputType: ComputedRef<DateInputType>;
+  inputValue: ComputedRef<string>;
+  inputMaxValue: ComputedRef<string | undefined>;
+  inputMinValue: ComputedRef<string | undefined>;
+  elements: ShallowRef<HTMLElement[]>;
+  focusNext: () => void;
+  setFocusedElement: (el: HTMLElement) => void;
+}
+type DateFieldUiSlot = 'root' | 'input';
+type DateFieldUi = UiClass<DateFieldUiSlot>;
+//#endregion
+export { DateFieldCompactEmits, DateFieldCompactProps, DateFieldInputProps, DateFieldRootContext, DateFieldRootEmits, DateFieldRootProps, DateFieldSegment, DateFieldUi, DateFieldUiSlot };

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

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

package/dist/components/date-picker/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(`DatePickerRoot`),[i,a]=t(`DatePickerUi`);export{n as provideDatePickerRootContext,i as provideDatePickerUi,r as useDatePickerRootContext,a as useDatePickerUi};

package/dist/components/date-picker/date-picker-popup.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useDatePickerRootContext as t,useDatePickerUi as n}from"./context.js";import{createBlock as r,createCommentVNode as i,defineComponent as a,normalizeClass as o,openBlock as s,renderSlot as c,unref as l,withCtx as u}from"vue";const d=a({name:`DatePickerPopup`,__name:`date-picker-popup`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(a){let d=n(`popup`),{open:f}=t(`DatePickerPopup`);return(t,n)=>l(f)?(s(),r(l(e),{key:0,as:a.as,"as-child":a.asChild,"aria-label":`Date picker`,class:o(l(d)),"data-slot":`popup`,role:`dialog`},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`])):i(`v-if`,!0)}});export{d as default};

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

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

@@ -0,0 +1 @@
+import{isNullish as e}from"../../shared/guard.js";import{getDefaultDate as t,isBefore as n}from"../../date/comparators.js";import{normalizeDateStep as r,normalizeHourCycle as i}from"../../date/utils.js";import{useDateFormatter as a}from"../../date/formatter.js";import"../../date/index.js";import"../../shared/index.js";import{useControllableState as o}from"../../composables/use-controllable-state.js";import{useForwardElement as s}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{useDirection as c,useLocale as l}from"../config-provider/context.js";import{Primitive as u}from"../primitive/primitive.js";import"../primitive/index.js";import{provideDatePickerRootContext as d,useDatePickerUi as f}from"./context.js";import{computed as p,createBlock as m,defineComponent as h,normalizeClass as g,openBlock as _,renderSlot as v,unref as y,watch as b,withCtx as x}from"vue";const S=h({name:`DatePickerRoot`,__name:`date-picker-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:{},defaultOpen:{type:Boolean,default:!1},open:{type:Boolean,default:void 0},modal:{type:Boolean,default:!1},asChild:{type:Boolean},as:{},name:{},required:{type:Boolean}},emits:[`update:modelValue`,`update:placeholder`,`update:open`],setup(h,{emit:S}){let C=h,w=S,T=f(`root`),[E,D]=s(),O=l(()=>C.locale),k=c(()=>C.dir),A=a(O.value,{hourCycle:i(C.hourCycle)}),j=o(()=>C.modelValue,e=>w(`update:modelValue`,e),C.defaultValue),M=t({defaultPlaceholder:C.placeholder,defaultValue:j.value,granularity:C.granularity,locale:C.locale}),N=o(()=>C.placeholder,e=>w(`update:placeholder`,e),C.defaultPlaceholder??M.copy()),P=o(()=>C.open,e=>{w(`update:open`,e??!1)},C.defaultOpen),F=p(()=>r(C)),I=p(()=>j.value?!!(C.isDateUnavailable?.(j.value)||C.minValue&&n(j.value,C.minValue)||C.maxValue&&n(C.maxValue,j.value)):!1),L=p(()=>C.minValue),R=p(()=>C.maxValue),z=e=>!!(C.disabled||C.isDateUnavailable?.(e)||L.value&&n(e,L.value)||R.value&&n(R.value,e)),B=e=>j.value?j.value.compare(e)===0:!1,V=p(()=>!e(j.value)),H=p(()=>j.value?z(j.value):!1),U=p(()=>!z(N.value));return b(O,e=>{A.getLocale()!==e&&A.setLocale(e)}),b(j,t=>{!e(t)&&N.value.compare(t)!==0&&(N.value=t.copy())}),d({locale:O,dir:k,modelValue:j,placeholder:N,isDateUnavailable:C.isDateUnavailable,isInvalid:I,disabled:p(()=>C.disabled),readonly:p(()=>C.readonly),formatter:A,hourCycle:C.hourCycle,step:F,open:P,isPlaceholderFocusable:U,hasSelectedDate:V,isSelectedDateDisabled:H,minValue:L,maxValue:R,onDateChange:e=>{j.value=e.copy(),P.value=!1},onPlaceholderChange:e=>{N.value=e.copy()},isDateDisabled:z,isDateSelected:B,setOpen(e){P.value=e}}),(e,t)=>(_(),m(y(u),{ref:y(D),as:h.as,"as-child":h.asChild,class:g(y(T)),"data-disabled":h.disabled?``:void 0,"data-invalid":I.value?``:void 0,"data-readonly":h.readonly?``:void 0,dir:y(k),"data-slot":`root`},{default:x(()=>[v(e.$slots,`default`,{modelValue:y(j),open:!!y(P)})]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{S as default};

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

@@ -0,0 +1,43 @@
+import { DateStep, DateValue, Granularity, Matcher } from "../../date/types.js";
+import { DatePickerRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/date-picker/date-picker-root.vue.d.ts
+type __VLS_Slots = {
+  default?: (props: {
+    modelValue: DateValue | undefined;
+    open: boolean;
+  }) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<DatePickerRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (date: DateValue | undefined) => any;
+  "update:placeholder": (date: DateValue) => any;
+  "update:open": (open: boolean) => any;
+}, string, _$vue.PublicProps, Readonly<DatePickerRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+}>, {
+  placeholder: DateValue;
+  disabled: boolean;
+  step: DateStep;
+  defaultValue: DateValue;
+  defaultPlaceholder: DateValue;
+  hourCycle: 12 | 24;
+  granularity: Granularity;
+  hideTimeZone: boolean;
+  readonly: boolean;
+  isDateUnavailable: Matcher;
+  open: boolean;
+  defaultOpen: boolean;
+  modal: boolean;
+}, {}, {}, {}, 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-picker/date-picker-trigger.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useDatePickerRootContext as t,useDatePickerUi as n}from"./context.js";import{createBlock as r,defineComponent as i,normalizeClass as a,openBlock as o,renderSlot as s,unref as c,withCtx as l}from"vue";const u=i({name:`DatePickerTrigger`,__name:`date-picker-trigger`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(i){let u=n(`trigger`),{disabled:d,readonly:f,open:p,setOpen:m}=t(`DatePickerTrigger`),h=()=>{d.value||f.value||m(!p.value)};return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,"aria-disabled":c(d)?!0:void 0,"aria-expanded":!!c(p),class:a(c(u)),"data-disabled":c(d)?``:void 0,"data-state":c(p)?`open`:`closed`,"data-slot":`trigger`,type:`button`,onClick:h},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`aria-disabled`,`aria-expanded`,`class`,`data-disabled`,`data-state`]))}});export{u as default};

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

@@ -0,0 +1,21 @@
+import { AsTag } from "../primitive/types.js";
+import { DatePickerTriggerProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/date-picker/date-picker-trigger.vue.d.ts
+declare var __VLS_10: {};
+type __VLS_Slots = {} & {
+  default?: (props: typeof __VLS_10) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<DatePickerTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<DatePickerTriggerProps> & Readonly<{}>, {
+  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-picker/index.d.ts

@@ -0,0 +1,6 @@
+import { DatePickerPopupProps, DatePickerRootContext, DatePickerRootEmits, DatePickerRootProps, DatePickerTriggerProps, DatePickerUi, DatePickerUiSlot } from "./types.js";
+import { _default as _default$1 } from "./date-picker-root.vue.js";
+import { _default as _default$2 } from "./date-picker-trigger.vue.js";
+import { _default } from "./date-picker-popup.vue.js";
+import { provideDatePickerUi } from "./context.js";
+export { _default as DatePickerPopup, type DatePickerPopupProps, _default$1 as DatePickerRoot, type DatePickerRootContext, type DatePickerRootEmits, type DatePickerRootProps, _default$2 as DatePickerTrigger, type DatePickerTriggerProps, type DatePickerUi, type DatePickerUiSlot, provideDatePickerUi };

package/dist/components/date-picker/index.js

@@ -0,0 +1 @@
+import{provideDatePickerUi as e}from"./context.js";import t from"./date-picker-root.js";import n from"./date-picker-trigger.js";import r from"./date-picker-popup.js";export{r as DatePickerPopup,t as DatePickerRoot,n as DatePickerTrigger,e as provideDatePickerUi};

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

@@ -0,0 +1,64 @@
+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 { DateStep, Granularity, HourCycle, Matcher } from "../../date/types.js";
+import { Formatter } from "../../date/formatter.js";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/date-picker/types.d.ts
+interface DatePickerRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  defaultValue?: DateValue;
+  defaultPlaceholder?: DateValue;
+  placeholder?: DateValue;
+  modelValue?: DateValue;
+  hourCycle?: HourCycle;
+  step?: DateStep;
+  granularity?: Granularity;
+  hideTimeZone?: boolean;
+  maxValue?: DateValue;
+  minValue?: DateValue;
+  locale?: string;
+  disabled?: boolean;
+  readonly?: boolean;
+  isDateUnavailable?: Matcher;
+  id?: string;
+  dir?: Direction;
+  defaultOpen?: boolean;
+  open?: boolean;
+  modal?: boolean;
+}
+type DatePickerRootEmits = {
+  'update:modelValue': [date: DateValue | undefined];
+  'update:placeholder': [date: DateValue];
+  'update:open': [open: boolean];
+};
+interface DatePickerTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface DatePickerPopupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface DatePickerRootContext extends PropsToContext<DatePickerRootProps, 'disabled' | 'readonly'> {
+  locale: ComputedRef<string>;
+  dir: ComputedRef<Direction>;
+  modelValue: ShallowRef<DateValue | undefined>;
+  placeholder: ShallowRef<DateValue>;
+  isDateUnavailable?: Matcher;
+  isInvalid: ComputedRef<boolean>;
+  formatter: Formatter;
+  hourCycle: HourCycle;
+  step: ComputedRef<DateStep>;
+  open: ShallowRef<boolean | undefined>;
+  isPlaceholderFocusable: ComputedRef<boolean>;
+  hasSelectedDate: ComputedRef<boolean>;
+  isSelectedDateDisabled: ComputedRef<boolean>;
+  minValue: ComputedRef<DateValue | undefined>;
+  maxValue: ComputedRef<DateValue | undefined>;
+  onDateChange: (date: DateValue) => void;
+  onPlaceholderChange: (date: DateValue) => void;
+  isDateDisabled: Matcher;
+  isDateSelected: Matcher;
+  setOpen: (value: boolean) => void;
+}
+type DatePickerUiSlot = 'root' | 'trigger' | 'popup' | 'input' | 'calendar';
+type DatePickerUi = UiClass<DatePickerUiSlot>;
+//#endregion
+export { DatePickerPopupProps, DatePickerRootContext, DatePickerRootEmits, DatePickerRootProps, DatePickerTriggerProps, 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};