@soybeanjs/headless 0.29.3 → 0.30.0-beta.2

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

@@ -1,5 +1,6 @@
 import { FocusOutsideEvent, PointerDownOutsideEvent } from "../../types/event.js";
 import { ContextMenuWrapperCompactProps } from "./types.js";
+import "../../index.js";
 //#region src/components/context-menu/context-menu-wrapper-compact.vue.d.ts
 declare var __VLS_16: {}, __VLS_30: {};
 type __VLS_Slots = {} & {
@@ -36,4 +37,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,28 +1,29 @@
 import { PopperAnchorProps, PopperArrowProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
-import { _default } from "../popper/popper-anchor.vue.js";
-import { _default as _default$11 } from "../portal/portal.vue.js";
-import { _default as _default$1 } from "../popper/popper-arrow.vue.js";
+import _default from "../popper/popper-anchor.vue.js";
+import _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 as _default$7 } from "../menu/menu-group.vue.js";
-import { _default as _default$8 } from "../menu/menu-group-label.vue.js";
-import { _default as _default$9 } from "../menu/menu-item.vue.js";
-import { _default as _default$10 } from "../menu/menu-item-indicator.vue.js";
-import { _default as _default$4 } from "../menu/menu-checkbox-item.vue.js";
-import { _default as _default$14 } from "../menu/menu-radio-item.vue.js";
-import { _default as _default$17 } from "../menu/menu-sub.vue.js";
-import { _default as _default$19 } from "../menu/menu-sub-trigger.vue.js";
-import { _default as _default$18 } from "../menu/menu-sub-content.vue.js";
-import { _default as _default$16 } from "../separator/separator-root.vue.js";
-import { _default as _default$3 } from "../menu/menu-checkbox-group.vue.js";
-import { _default as _default$13 } from "../menu/menu-radio-group.vue.js";
+import _default$1 from "../popper/popper-arrow.vue.js";
+import _default$7 from "../menu/menu-group.vue.js";
+import _default$8 from "../menu/menu-group-label.vue.js";
+import _default$9 from "../menu/menu-item.vue.js";
+import _default$10 from "../menu/menu-item-indicator.vue.js";
+import _default$4 from "../menu/menu-checkbox-item.vue.js";
+import _default$14 from "../menu/menu-radio-item.vue.js";
+import _default$17 from "../menu/menu-sub.vue.js";
+import _default$19 from "../menu/menu-sub-trigger.vue.js";
+import _default$18 from "../menu/menu-sub-content.vue.js";
+import _default$16 from "../separator/separator-root.vue.js";
+import _default$3 from "../menu/menu-checkbox-group.vue.js";
+import _default$13 from "../menu/menu-radio-group.vue.js";
+import "../menu/index.js";
 import { ContextMenuCheckboxCompactEmits, ContextMenuCheckboxCompactProps, ContextMenuCheckboxCompactSlots, ContextMenuCompactEmits, ContextMenuCompactProps, ContextMenuCompactSlots, ContextMenuContentEmits, ContextMenuContentProps, ContextMenuRadioCompactEmits, ContextMenuRadioCompactProps, ContextMenuRadioCompactSlots, ContextMenuRootEmits, ContextMenuRootProps, ContextMenuTriggerProps, ContextMenuWrapperCompactEmits, ContextMenuWrapperCompactProps } from "./types.js";
-import { _default as _default$15 } from "./context-menu-root.vue.js";
-import { _default as _default$20 } from "./context-menu-trigger.vue.js";
-import { _default as _default$6 } from "./context-menu-content.vue.js";
-import { _default as _default$5 } from "./context-menu-compact.vue.js";
-import { _default as _default$2 } from "./context-menu-checkbox-compact.vue.js";
-import { _default as _default$12 } from "./context-menu-radio-compact.vue.js";
-import { _default as _default$21 } from "./context-menu-wrapper-compact.vue.js";
+import _default$15 from "./context-menu-root.vue.js";
+import _default$20 from "./context-menu-trigger.vue.js";
+import _default$6 from "./context-menu-content.vue.js";
+import _default$5 from "./context-menu-compact.vue.js";
+import _default$2 from "./context-menu-checkbox-compact.vue.js";
+import _default$12 from "./context-menu-radio-compact.vue.js";
+import _default$21 from "./context-menu-wrapper-compact.vue.js";
 export { _default as ContextMenuAnchor, type PopperAnchorProps as ContextMenuAnchorProps, _default$1 as ContextMenuArrow, type PopperArrowProps as ContextMenuArrowProps, _default$2 as ContextMenuCheckboxCompact, type ContextMenuCheckboxCompactEmits, type ContextMenuCheckboxCompactProps, type ContextMenuCheckboxCompactSlots, _default$3 as ContextMenuCheckboxGroup, type MenuCheckboxGroupEmits as ContextMenuCheckboxGroupEmits, type MenuCheckboxGroupProps as ContextMenuCheckboxGroupProps, _default$4 as ContextMenuCheckboxItem, type MenuCheckboxItemEmits as ContextMenuCheckboxItemEmits, type MenuCheckboxItemProps as ContextMenuCheckboxItemProps, _default$5 as ContextMenuCompact, type ContextMenuCompactEmits, type ContextMenuCompactProps, type ContextMenuCompactSlots, _default$6 as ContextMenuContent, type ContextMenuContentEmits, type ContextMenuContentProps, _default$7 as ContextMenuGroup, _default$8 as ContextMenuGroupLabel, type MenuGroupLabelProps as ContextMenuGroupLabelProps, type MenuGroupProps as ContextMenuGroupProps, _default$9 as ContextMenuItem, type MenuItemEmits as ContextMenuItemEmits, _default$10 as ContextMenuItemIndicator, type MenuItemIndicatorProps as ContextMenuItemIndicatorProps, type MenuItemProps as ContextMenuItemProps, type MenuPopupProps as ContextMenuPopupProps, _default$11 as ContextMenuPortal, type PortalProps as ContextMenuPortalProps, _default$12 as ContextMenuRadioCompact, type ContextMenuRadioCompactEmits, type ContextMenuRadioCompactProps, type ContextMenuRadioCompactSlots, _default$13 as ContextMenuRadioGroup, type MenuRadioGroupEmits as ContextMenuRadioGroupEmits, type MenuRadioGroupProps as ContextMenuRadioGroupProps, _default$14 as ContextMenuRadioItem, type MenuRadioItemEmits as ContextMenuRadioItemEmits, type MenuRadioItemProps as ContextMenuRadioItemProps, _default$15 as ContextMenuRoot, type ContextMenuRootEmits, type ContextMenuRootProps, _default$16 as ContextMenuSeparator, type SeparatorRootProps as ContextMenuSeparatorProps, _default$17 as ContextMenuSub, _default$18 as ContextMenuSubContent, type MenuSubContentEmits as ContextMenuSubContentEmits, type MenuSubContentProps as ContextMenuSubContentProps, type MenuSubEmits as ContextMenuSubEmits, type MenuSubProps as ContextMenuSubProps, _default$19 as ContextMenuSubTrigger, type MenuSubTriggerProps as ContextMenuSubTriggerProps, _default$20 as ContextMenuTrigger, type ContextMenuTriggerProps, type MenuUi as ContextMenuUi, type MenuUiSlot as ContextMenuUiSlot, _default$21 as ContextMenuWrapperCompact, type ContextMenuWrapperCompactEmits, type ContextMenuWrapperCompactProps };

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

@@ -1,9 +1,10 @@
 import { AcceptableBooleanValue, DefinedValue } from "../../types/common.js";
+import "../../types/index.js";
 import { PopperArrowProps } from "../popper/types.js";
 import { PortalProps } from "../portal/types.js";
 import { MenuCheckboxOptionsCompactEmits, MenuCheckboxOptionsCompactProps, MenuCheckboxOptionsCompactSlots, MenuContentEmits, MenuContentProps, MenuOptionsCompactEmits, MenuOptionsCompactProps, MenuOptionsCompactSlots, MenuPopupProps, MenuRadioOptionsCompactEmits, MenuRadioOptionsCompactProps, MenuRadioOptionsCompactSlots, MenuRootEmits, MenuRootProps, MenuTriggerProps } from "../menu/types.js";
+import "../menu/index.js";
 import { ShallowRef } from "vue";
-
 //#region src/components/context-menu/types.d.ts
 /**
  * Properties for the ContextMenuRoot component.

package/dist/components/date-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 { DateFieldUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/date-field/context.d.ts
 declare const provideDateFieldUi: (ui: import("vue").ComputedRef<Partial<UiClass<DateFieldUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<DateFieldUiSlot>>>, useDateFieldUi: UseUiConsumer<DateFieldUiSlot>;
 //#endregion

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

@@ -1,5 +1,4 @@
 import { DateFieldCompactProps } from "./types.js";
-
 //#region src/components/date-field/date-field-compact.vue.d.ts
 declare var __VLS_8: {}, __VLS_16: {};
 type __VLS_Slots = {} & {
@@ -22,4 +21,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

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

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

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

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

@@ -1,6 +1,6 @@
 import { DateMatcher, DateStep, Granularity } from "../../date/types.js";
+import "../../date/index.js";
 import { DateFieldRootProps, DateFieldRootSlots } from "./types.js";
-
 //#region src/components/date-field/date-field-root.vue.d.ts
 type __VLS_Slots = DateFieldRootSlots;
 declare const __VLS_base: import("vue").DefineComponent<DateFieldRootProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
@@ -12,13 +12,13 @@ declare const __VLS_base: import("vue").DefineComponent<DateFieldRootProps, {},
 }>, {
   placeholder: import("@internationalized/date").DateValue;
   disabled: boolean;
-  step: DateStep;
   defaultValue: import("@internationalized/date").DateValue;
+  step: DateStep;
   defaultPlaceholder: import("@internationalized/date").DateValue;
   readonly: boolean;
   isDateUnavailable: DateMatcher;
-  hourCycle: 12 | 24;
   granularity: Granularity;
+  hourCycle: 12 | 24;
   hideTimeZone: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
@@ -29,4 +29,4 @@ type __VLS_WithSlots<T, S> = T & {
   };
 };
 //#endregion
-export { _default };
+export { _default as default };

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

@@ -1,6 +1,6 @@
 import { DateFieldCompactEmits, DateFieldCompactProps, DateFieldInputProps, DateFieldRootEmits, DateFieldRootProps, DateFieldRootSlotProps, DateFieldRootSlots, DateFieldSegment, DateFieldUi, DateFieldUiSlot } from "./types.js";
-import { _default } from "./date-field-compact.vue.js";
-import { _default as _default$2 } from "./date-field-root.vue.js";
-import { _default as _default$1 } from "./date-field-input.vue.js";
+import _default from "./date-field-compact.vue.js";
+import _default$2 from "./date-field-root.vue.js";
+import _default$1 from "./date-field-input.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 DateFieldRootEmits, type DateFieldRootProps, type DateFieldRootSlotProps, type DateFieldRootSlots, type DateFieldSegment, type DateFieldUi, type DateFieldUiSlot, provideDateFieldUi };

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

@@ -1,10 +1,11 @@
 import { UiClass } from "../../types/common.js";
 import { FormFieldCommonProps } from "../../types/component.js";
+import "../../types/index.js";
 import { PrimitiveWithBaseProps } from "../primitive/types.js";
 import { DateStep, DateValue, Granularity, HourCycle, SegmentPart } from "../../date/types.js";
+import "../../date/index.js";
 import { CalendarRootProps } from "../calendar/types.js";
 import { ComputedRef, ShallowRef } from "vue";
-
 //#region src/components/date-field/types.d.ts
 /**
  * Type information for DateFieldSegment.

package/dist/components/date-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 { DatePickerUiSlot } from "./types.js";
+import "../../index.js";
 //#region src/components/date-picker/context.d.ts
 declare const provideDatePickerUi: (ui: import("vue").ComputedRef<Partial<UiClass<DatePickerUiSlot>>>) => import("vue").ComputedRef<Partial<UiClass<DatePickerUiSlot>>>, useDatePickerUi: UseUiConsumer<DatePickerUiSlot>;
 //#endregion

package/dist/components/date-picker/date-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-field/date-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:`DatePickerCompact`,__name:`date-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:{},locale:{},modelValue:{},defaultValue:{},multiple:{type:Boolean},placeholder:{},defaultPlaceholder:{},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`],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-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,calendarProps: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{useControllableState as t}from"../../composables/use-controllable-state.js";import{useForwardListeners as n}from"../../composables/use-forward-listeners.js";import{useOmitProps as r,usePickProps as i}from"../../composables/use-props.js";import"../../composables/index.js";import a from"../_icon/icon.js";import o from"../popover/popover-compact.js";import s from"../date-field/date-field-compact.js";import{computed as c,createBlock as l,createVNode as u,defineComponent as d,mergeProps as f,openBlock as p,renderSlot as m,toHandlers as h,unref as g,withCtx as _}from"vue";const v=d({name:`DatePickerCompact`,__name:`date-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:{},locale:{},modelValue:{},defaultValue:{},multiple:{},placeholder:{},defaultPlaceholder:{},readonly:{type:Boolean},pagedNavigation:{type:Boolean},preventDeselect:{type:Boolean},weekStartsOn:{},weekdayFormat:{},calendarLabel:{},fixedWeeks:{type:Boolean},maxValue:{},minValue:{},numberOfMonths:{},initialFocus:{type:Boolean},isDateDisabled:{},isDateUnavailable:{},nextPage:{},prevPage:{},disableDaysOutsideCurrentView:{type:Boolean},asChild:{type:Boolean},as:{}},emits:[`update:open`,`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`,`update:modelValue`,`update:placeholder`],setup(d,{emit:v}){let y=d,b=v,x=e(),S=n(b),C=t(()=>y.modelValue,e=>{b(`update:modelValue`,e)},y.defaultValue,!0),w=i(y,[`open`,`defaultOpen`,`modal`,`disabled`,`placement`,`showArrow`,`portalProps`,`positionerProps`,`arrowProps`,`closeProps`],()=>({popupProps:{...y.popupProps,"aria-label":y.popupProps?.[`aria-label`]??x.value.datePicker.popupLabel}})),T=i(y,[`dir`,`locale`,`placeholder`,`defaultPlaceholder`,`disabled`,`readonly`,`maxValue`,`minValue`,`isDateUnavailable`,`dateFieldProps`],()=>({modelValue:C.value})),E=c(()=>({...y.triggerProps,asChild:y.triggerProps?.asChild??!1,"aria-label":y.triggerProps?.[`aria-label`]??x.value.datePicker.toggle})),D=r(y,[`open`,`defaultOpen`,`modal`,`placement`,`showArrow`,`dateFieldProps`,`triggerProps`,`portalProps`,`positionerProps`,`popupProps`,`arrowProps`,`closeProps`,`modelValue`,`defaultValue`],()=>({modelValue:C.value})),O=e=>{C.value=e},k=e=>{b(`update:placeholder`,e)};return(e,t)=>(p(),l(s,f(g(T),{"data-soybean-date-picker":``,"onUpdate:modelValue":O,"onUpdate:placeholder":t[0]||(t[0]=e=>b(`update:placeholder`,e))}),{leading:_(()=>[m(e.$slots,`leading`)]),trailing:_(()=>[u(o,f(g(w),{"trigger-props":E.value},h(g(S))),{trigger:_(()=>[u(a,{icon:`lucide:calendar`})]),default:_(({open:t,close:n})=>[m(e.$slots,`default`,{open:t,close:n,calendarProps:g(D),onUpdateModelValue:O,onUpdatePlaceholder:k})]),_:3},16,[`trigger-props`])]),_:3},16))}});export{v as default};

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 inlist: boolean;
-    readonly disabled: boolean;
-    readonly asChild: boolean;
-    readonly open: boolean | undefined;
-    readonly showArrow: boolean;
-    readonly defaultOpen: boolean;
-    readonly modal: boolean;
-    readonly multiple: boolean;
-    readonly readonly: boolean;
-    readonly pagedNavigation: boolean;
-    readonly preventDeselect: boolean;
-    readonly fixedWeeks: boolean;
-    readonly initialFocus: boolean;
-    readonly disableDaysOutsideCurrentView: boolean;
-  }, "positionerProps" | "triggerProps" | "open" | "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 };