@soybeanjs/headless 0.15.5 → 0.16.0

package/dist/components/year-range-picker/types.d.ts

@@ -0,0 +1,71 @@
+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 { DateRange, Grid } from "../../date/types.js";
+import { Formatter } from "../../date/formatter.js";
+import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/year-range-picker/types.d.ts
+interface YearRangePickerRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+  defaultValue?: DateRange;
+  defaultPlaceholder?: DateValue;
+  placeholder?: DateValue;
+  modelValue?: DateRange;
+  minValue?: DateValue;
+  maxValue?: DateValue;
+  locale?: string;
+  disabled?: boolean;
+  readonly?: boolean;
+  id?: string;
+  dir?: Direction;
+  defaultOpen?: boolean;
+  open?: boolean;
+  modal?: boolean;
+}
+type YearRangePickerRootEmits = {
+  'update:modelValue': [range: DateRange];
+  'update:placeholder': [date: DateValue];
+  'update:startValue': [date: DateValue | undefined];
+  'update:endValue': [date: DateValue | undefined];
+  'update:open': [open: boolean];
+};
+interface YearRangePickerTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface YearRangePickerPopupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+interface YearRangePickerRootContext extends PropsToContext<YearRangePickerRootProps, 'disabled' | 'readonly'> {
+  locale: ComputedRef<string>;
+  dir: ComputedRef<Direction>;
+  modelValue: ShallowRef<DateRange>;
+  placeholder: ShallowRef<DateValue>;
+  isInvalid: ComputedRef<boolean>;
+  formatter: Formatter;
+  open: ShallowRef<boolean | undefined>;
+  popupId: string;
+  displayValue: ComputedRef<string>;
+  headingValue: ComputedRef<string>;
+  focusedYear: ShallowRef<DateValue>;
+  hoveredYear: ShallowRef<DateValue | undefined>;
+  yearGrid: ComputedRef<Grid<DateValue>>;
+  minValue: ComputedRef<DateValue | undefined>;
+  maxValue: ComputedRef<DateValue | undefined>;
+  hasSelectedRange: ComputedRef<boolean>;
+  onRangeChange: (date: DateValue) => void;
+  onPlaceholderChange: (date: DateValue) => void;
+  isYearDisabled: (date: DateValue) => boolean;
+  isYearSelected: (date: DateValue) => boolean;
+  isYearHighlighted: (date: DateValue) => boolean;
+  isRangeStart: (date: DateValue) => boolean;
+  isRangeEnd: (date: DateValue) => boolean;
+  setOpen: (value: boolean) => void;
+  setFocusedYear: (date: DateValue) => void;
+  setHoveredYear: (date: DateValue | undefined) => void;
+  prevPage: () => void;
+  nextPage: () => void;
+  isPrevButtonDisabled: () => boolean;
+  isNextButtonDisabled: () => boolean;
+}
+type YearRangePickerUiSlot = 'root' | 'trigger' | 'popup' | 'header' | 'heading' | 'prev' | 'next' | 'grid' | 'cellTrigger';
+type YearRangePickerUi = UiClass<YearRangePickerUiSlot>;
+//#endregion
+export { YearRangePickerPopupProps, YearRangePickerRootContext, YearRangePickerRootEmits, YearRangePickerRootProps, YearRangePickerTriggerProps, YearRangePickerUi, YearRangePickerUiSlot };

package/dist/components/year-range-picker/year-range-picker-popup.js

@@ -0,0 +1 @@
+import{useForwardElement as e}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as t}from"../primitive/primitive.js";import"../primitive/index.js";import{useYearRangePickerRootContext as n,useYearRangePickerUi as r}from"./context.js";import{Fragment as i,createBlock as ee,createCommentVNode as a,createElementBlock as o,createElementVNode as s,createTextVNode as c,defineComponent as l,nextTick as u,normalizeClass as d,openBlock as f,renderList as p,renderSlot as m,toDisplayString as h,unref as g,useId as te,watch as ne,withCtx as re}from"vue";const ie=[`data-disabled`,`disabled`],_=[`id`],v=[`data-disabled`,`disabled`],y=[`aria-label`,`aria-pressed`,`data-disabled`,`data-focused`,`data-highlighted`,`data-range-end`,`data-range-start`,`data-selected`,`data-year-value`,`disabled`,`tabindex`,`onClick`,`onFocus`,`onKeydown`,`onMouseenter`],b=l({name:`YearRangePickerPopup`,__name:`year-range-picker-popup`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(l){let b=r(`popup`),ae=r(`header`),oe=r(`heading`),x=r(`prev`),S=r(`next`),C=r(`grid`),w=r(`cellTrigger`),{dir:T,focusedYear:E,formatter:D,headingValue:O,isNextButtonDisabled:k,isPrevButtonDisabled:A,isRangeEnd:j,isRangeStart:M,isYearDisabled:N,isYearHighlighted:P,isYearSelected:F,modelValue:I,nextPage:L,onRangeChange:R,open:z,popupId:B,prevPage:V,setFocusedYear:H,setHoveredYear:U,yearGrid:W}=n(`YearRangePickerPopup`),[G,K]=e(),q=te(),J=W,se=e=>{(G.value?.querySelector(`[data-year-value='${e.toString()}']`))?.focus()},Y=(e,t)=>{let n=e;for(;n>=0&&n<J.value.cells.length;){let e=J.value.cells[n];if(!N(e))return H(e),u(()=>{se(e)}),!0;n+=t}return!1},X=e=>{let t=J.value.cells.findIndex(t=>t.year===e.year),n=t===-1?0:t;Y(n,1)||Y(n,-1)},ce=(e,t)=>{if(t>0){if(k())return;L()}else{if(A())return;V()}u(()=>{Y(e,t)})},Z=(e,t)=>{let n=e+t,r=t>=0?1:-1;if(n>=0&&n<J.value.cells.length){Y(n,r);return}ce(n<0?J.value.cells.length+n:n-J.value.cells.length,r)},Q=()=>{A()||(V(),u(()=>{X(E.value)}))},$=()=>{k()||(L(),u(()=>{X(E.value)}))},le=e=>{H(e)},ue=e=>{I.value.start&&!I.value.end&&!N(e)&&U(e)},de=e=>{N(e)||R(e)},fe=(e,t,n)=>{if(N(e))return;let r=T.value===`rtl`?-1:1;switch(n.key){case`ArrowRight`:n.preventDefault(),Z(t,r);break;case`ArrowLeft`:n.preventDefault(),Z(t,-r);break;case`ArrowDown`:n.preventDefault(),Z(t,4);break;case`ArrowUp`:n.preventDefault(),Z(t,-4);break;case`Home`:n.preventDefault(),Y(t-t%4,1);break;case`End`:n.preventDefault(),Y(t+(3-t%4),-1);break;case`PageUp`:n.preventDefault(),Q();break;case`PageDown`:n.preventDefault(),$();break;case`Enter`:case` `:n.preventDefault(),R(e);break;default:break}};return ne(()=>z.value,e=>{e&&u(()=>{X(E.value)})}),(e,n)=>g(z)?(f(),ee(g(t),{key:0,id:g(B),ref:g(K),as:l.as,"as-child":l.asChild,"aria-labelledby":g(q),class:d(g(b)),"data-slot":`popup`,role:`dialog`,onMouseleave:n[0]||(n[0]=e=>g(U)(void 0))},{default:re(()=>[s(`div`,{class:d(g(ae)),"data-slot":`header`},[s(`button`,{"aria-label":`Previous years`,class:d(g(x)),"data-disabled":g(A)()?``:void 0,"data-slot":`prev`,disabled:g(A)(),type:`button`,onClick:Q},[m(e.$slots,`prev`,{disabled:g(A)()},()=>[n[1]||(n[1]=c(`Prev`,-1))])],10,ie),s(`div`,{id:g(q),class:d(g(oe)),"data-slot":`heading`},[m(e.$slots,`heading`,{headingValue:g(O)},()=>[c(h(g(O)),1)])],10,_),s(`button`,{"aria-label":`Next years`,class:d(g(S)),"data-disabled":g(k)()?``:void 0,"data-slot":`next`,disabled:g(k)(),type:`button`,onClick:$},[m(e.$slots,`next`,{disabled:g(k)()},()=>[n[2]||(n[2]=c(`Next`,-1))])],10,v)],2),s(`div`,{class:d(g(C)),"data-slot":`grid`},[(f(!0),o(i,null,p(g(J).cells,(t,n)=>(f(),o(`button`,{key:t.toString(),"aria-label":g(D).fullYear(new Date(t.year,0,1)),"aria-pressed":g(F)(t)?!0:void 0,class:d(g(w)),"data-disabled":g(N)(t)?``:void 0,"data-focused":t.year===g(E).year?``:void 0,"data-highlighted":g(P)(t)?``:void 0,"data-range-end":g(j)(t)?``:void 0,"data-range-start":g(M)(t)?``:void 0,"data-selected":g(F)(t)?``:void 0,"data-slot":`cell-trigger`,"data-year-value":t.toString(),disabled:g(N)(t),tabindex:t.year===g(E).year&&!g(N)(t)?0:-1,type:`button`,onClick:e=>de(t),onFocus:e=>le(t),onKeydown:e=>fe(t,n,e),onMouseenter:e=>ue(t)},[m(e.$slots,`year`,{date:t,disabled:g(N)(t),focused:t.year===g(E).year,highlighted:g(P)(t),label:String(t.year),rangeEnd:g(j)(t),rangeStart:g(M)(t),selected:g(F)(t)},()=>[c(h(t.year),1)])],42,y))),128))],2)]),_:3},8,[`id`,`as`,`as-child`,`aria-labelledby`,`class`])):a(`v-if`,!0)}});export{b as default};

package/dist/components/year-range-picker/year-range-picker-popup.vue.d.ts

@@ -0,0 +1,39 @@
+import { AsTag } from "../primitive/types.js";
+import { YearRangePickerPopupProps } from "./types.js";
+import * as _$vue from "vue";
+import { DateValue } from "@internationalized/date";
+
+//#region src/components/year-range-picker/year-range-picker-popup.vue.d.ts
+type __VLS_Slots = {
+  heading?: (props: {
+    headingValue: string;
+  }) => any;
+  prev?: (props: {
+    disabled: boolean;
+  }) => any;
+  next?: (props: {
+    disabled: boolean;
+  }) => any;
+  year?: (props: {
+    date: DateValue;
+    label: string;
+    disabled: boolean;
+    focused: boolean;
+    highlighted: boolean;
+    rangeEnd: boolean;
+    rangeStart: boolean;
+    selected: boolean;
+  }) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<YearRangePickerPopupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<YearRangePickerPopupProps> & 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/year-range-picker/year-range-picker-root.js

@@ -0,0 +1 @@
+import{isNullish as e}from"../../shared/guard.js";import{getDefaultDate as t,isYearBetweenInclusive as n,toDate as r}from"../../date/comparators.js";import{createYearGrid as i}from"../../date/calendar.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"../../composables/index.js";import{useDirection as s,useLocale as c}from"../config-provider/context.js";import{Primitive as l}from"../primitive/primitive.js";import"../primitive/index.js";import{provideYearRangePickerRootContext as u,useYearRangePickerUi as d}from"./context.js";import{computed as f,createBlock as p,defineComponent as m,normalizeClass as h,openBlock as g,renderSlot as _,shallowRef as v,unref as y,useId as b,watch as x,withCtx as S}from"vue";const C=m({name:`YearRangePickerRoot`,__name:`year-range-picker-root`,props:{defaultValue:{default:void 0},defaultPlaceholder:{default:void 0},placeholder:{default:void 0},modelValue:{},minValue:{},maxValue:{},locale:{},disabled:{type:Boolean,default:!1},readonly:{type:Boolean,default:!1},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:startValue`,`update:endValue`,`update:open`],setup(m,{emit:C}){let w=m,T=C,E=d(`root`),D=b(),O=c(()=>w.locale),k=s(()=>w.dir),A=a(O.value),j=e=>e.set({month:1,day:1}),M=o(()=>w.modelValue,e=>{T(`update:modelValue`,e),T(`update:startValue`,e.start),T(`update:endValue`,e.end)},w.defaultValue?{start:w.defaultValue.start?j(w.defaultValue.start):void 0,end:w.defaultValue.end?j(w.defaultValue.end):void 0}:{}),N=j(t({defaultPlaceholder:w.placeholder,defaultValue:M.value.start,locale:w.locale})),P=o(()=>w.placeholder,e=>T(`update:placeholder`,e),w.defaultPlaceholder?j(w.defaultPlaceholder):N.copy()),F=o(()=>w.open,e=>T(`update:open`,e??!1),w.defaultOpen),I=v(j(M.value.end??M.value.start??P.value)),L=v(),R=f(()=>i({dateObj:P.value,yearsPerPage:12,decadeAligned:!0})),z=f(()=>w.minValue?j(w.minValue):void 0),B=f(()=>w.maxValue?j(w.maxValue):void 0),V=(e,t)=>e.year<=t.year?{start:e.copy(),end:t.copy()}:{start:t.copy(),end:e.copy()},H=e=>!!(w.disabled||z.value&&e.year<z.value.year||B.value&&e.year>B.value.year),U=e=>M.value.start?e.year===M.value.start.year:!1,W=e=>M.value.end?e.year===M.value.end.year:!1,G=e=>{let{start:t,end:r}=M.value;return!t&&!r?!1:t&&!r?e.year===t.year:t&&r?n(e,t,r):!1},K=e=>{let{start:t,end:r}=M.value;if(!t||r||!L.value)return!1;let i=V(t,L.value);return n(e,i.start,i.end)},q=f(()=>{let{start:e,end:t}=M.value;return!!(e&&H(e)||t&&H(t)||e&&t&&t.year<e.year)}),J=f(()=>{let{start:e,end:t}=M.value;return e&&t?`${A.fullYear(r(e))} – ${A.fullYear(r(t))}`:e?`${A.fullYear(r(e))} – ...`:``}),Y=f(()=>{let e=R.value.cells[0],t=R.value.cells.at(-1);return!e||!t?``:`${e.year} - ${t.year}`}),X=f(()=>!e(M.value.start)&&!e(M.value.end)),Z=e=>{let t=j(e);P.value=t.copy(),I.value=t.copy()};return x(O,e=>{A.getLocale()!==e&&A.setLocale(e)}),x(()=>M.value.start,e=>{e&&P.value.year!==e.year&&(P.value=e.copy())}),x(M,e=>{I.value=(e.end??e.start??P.value).copy()},{deep:!0}),u({locale:O,dir:k,modelValue:M,placeholder:P,isInvalid:q,formatter:A,open:F,popupId:D,displayValue:J,headingValue:Y,focusedYear:I,hoveredYear:L,yearGrid:R,minValue:z,maxValue:B,hasSelectedRange:X,onRangeChange:e=>{let t=j(e);if(w.readonly||H(t))return;let{start:n,end:r}=M.value;if(!n||r){M.value={start:t.copy(),end:void 0},I.value=t.copy(),L.value=void 0,Z(t);return}let i=V(n,t);M.value=i,I.value=t.copy(),L.value=void 0,Z(i.start),F.value=!1},onPlaceholderChange:Z,isYearDisabled:H,isYearSelected:G,isYearHighlighted:K,isRangeStart:U,isRangeEnd:W,setOpen(e){F.value=e},setFocusedYear:e=>{I.value=j(e).copy()},setHoveredYear:e=>{L.value=e?j(e).copy():void 0},prevPage:()=>{Z(P.value.subtract({years:12}))},nextPage:()=>{Z(P.value.add({years:12}))},isPrevButtonDisabled:()=>w.disabled?!0:z.value?R.value.cells[0].subtract({years:1}).year<z.value.year:!1,isNextButtonDisabled:()=>{if(w.disabled)return!0;if(!B.value)return!1;let e=R.value.cells.at(-1)?.add({years:1});return!e||e.year>B.value.year},disabled:f(()=>w.disabled),readonly:f(()=>w.readonly)}),(e,t)=>(g(),p(y(l),{as:m.as,"as-child":m.asChild,class:h(y(E)),"data-disabled":m.disabled?``:void 0,"data-invalid":q.value?``:void 0,"data-readonly":m.readonly?``:void 0,dir:y(k),"data-slot":`root`},{default:S(()=>[_(e.$slots,`default`,{displayValue:J.value,modelValue:y(M),open:!!y(F)})]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{C as default};

package/dist/components/year-range-picker/year-range-picker-root.vue.d.ts

@@ -0,0 +1,43 @@
+import { DateRange, DateValue } from "../../date/types.js";
+import { YearRangePickerRootProps } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/year-range-picker/year-range-picker-root.vue.d.ts
+type __VLS_Slots = {
+  default?: (props: {
+    displayValue: string;
+    modelValue: DateRange;
+    open: boolean;
+  }) => any;
+};
+declare const __VLS_base: _$vue.DefineComponent<YearRangePickerRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+  "update:modelValue": (range: DateRange) => any;
+  "update:placeholder": (date: DateValue) => any;
+  "update:open": (open: boolean) => any;
+  "update:startValue": (date: DateValue | undefined) => any;
+  "update:endValue": (date: DateValue | undefined) => any;
+}, string, _$vue.PublicProps, Readonly<YearRangePickerRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((range: DateRange) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  "onUpdate:startValue"?: ((date: DateValue | undefined) => any) | undefined;
+  "onUpdate:endValue"?: ((date: DateValue | undefined) => any) | undefined;
+}>, {
+  placeholder: DateValue;
+  disabled: boolean;
+  defaultValue: DateRange;
+  defaultPlaceholder: DateValue;
+  readonly: boolean;
+  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/year-range-picker/year-range-picker-trigger.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useYearRangePickerRootContext as t,useYearRangePickerUi 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:`YearRangePickerTrigger`,__name:`year-range-picker-trigger`,props:{asChild:{type:Boolean},as:{default:`button`}},setup(i){let u=n(`trigger`),{disabled:d,readonly:f,open:p,setOpen:m,popupId:h}=t(`YearRangePickerTrigger`),g=()=>{d.value||f.value||m(!p.value)};return(t,n)=>(o(),r(c(e),{as:i.as,"as-child":i.asChild,"aria-controls":c(h),"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:g},{default:l(()=>[s(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`aria-controls`,`aria-disabled`,`aria-expanded`,`class`,`data-disabled`,`data-state`]))}});export{u as default};

package/dist/components/year-range-picker/year-range-picker-trigger.vue.d.ts

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

@@ -1,3 +1,4 @@
+import { MaybeArray } from "../types/common.js";
 import { MaybeRefOrGetter } from "vue";
 
 //#region src/composables/use-hide-others.d.ts
@@ -9,6 +10,6 @@ import { MaybeRefOrGetter } from "vue";
  * @param target - reference to the element that you want to hide other elements when it is clicked or focused.
  * @param enabled - whether to enable the hide others functionality (supports reactive values)
  */
-declare function useHideOthers(target: MaybeRefOrGetter<HTMLElement | undefined>, enabled?: MaybeRefOrGetter<boolean | undefined>): void;
+declare function useHideOthers(target: MaybeRefOrGetter<MaybeArray<HTMLElement | null | undefined>>, enabled?: MaybeRefOrGetter<boolean | undefined>): void;
 //#endregion
 export { useHideOthers };

package/dist/composables/use-hide-others.js

@@ -1 +1 @@
-import{isClient as e}from"../shared/env.js";import"../shared/index.js";import{onWatcherCleanup as t,toValue as n,watchPostEffect as r}from"vue";import{hideOthers as i}from"aria-hidden";function a(a,o=!0){r(()=>{if(!e)return;let r=n(a);if(!r||r.closest(`[popover]:not(:popover-open)`)||!n(o)||import.meta.env.MODE===`test`)return;let s=i(r);t(()=>{s()})})}export{a as useHideOthers};
+import{isClient as e}from"../shared/env.js";import"../shared/index.js";import{i as t}from"../node_modules/.pnpm/@soybeanjs_utils@0.1.1/node_modules/@soybeanjs/utils/dist/index.js";import{onWatcherCleanup as n,toValue as r,watchPostEffect as i}from"vue";import{hideOthers as a}from"aria-hidden";function o(o,s=!0){i(()=>{if(!e)return;let i=r(o),c=t(Array.isArray(i)?i:[i]);if(c.length===0||c.some(e=>e.closest(`[popover]:not(:popover-open)`))||!r(s)||import.meta.env.MODE===`test`)return;let l=a(c);n(()=>{l()})})}export{o as useHideOthers};

package/dist/constants/components.d.ts

@@ -13,6 +13,7 @@ declare const components: {
   bottomSheet: string[];
   breadcrumb: string[];
   button: string[];
+  calendar: string[];
   card: string[];
   carousel: string[];
   checkbox: string[];
@@ -28,6 +29,10 @@ declare const components: {
   command: string[];
   configProvider: string[];
   contextMenu: string[];
+  dateField: string[];
+  datePicker: string[];
+  dateRangeField: string[];
+  dateRangePicker: string[];
   dialog: string[];
   dropdownMenu: string[];
   editable: string[];
@@ -45,6 +50,8 @@ declare const components: {
   link: string[];
   menu: string[];
   menubar: string[];
+  monthPicker: string[];
+  monthRangePicker: string[];
   navigationMenu: string[];
   pageTabs: string[];
   pagination: string[];
@@ -54,6 +61,7 @@ declare const components: {
   primitive: string[];
   progress: string[];
   radioGroup: string[];
+  rangeCalendar: string[];
   rovingFocus: string[];
   scrollArea: string[];
   segment: string[];
@@ -70,6 +78,10 @@ declare const components: {
   tag: string[];
   tagsInput: string[];
   textarea: string[];
+  timeField: string[];
+  timePicker: string[];
+  timeRangeField: string[];
+  timeRangePicker: string[];
   toast: string[];
   toolbar: string[];
   toggle: string[];
@@ -79,6 +91,8 @@ declare const components: {
   treeMenu: string[];
   virtualizer: string[];
   visuallyHidden: string[];
+  yearPicker: string[];
+  yearRangePicker: string[];
 };
 //#endregion
 export { components };

package/dist/constants/components.js

@@ -1 +1 @@
-const e={accordion:[`AccordionCompact`,`AccordionRoot`,`AccordionItem`,`AccordionHeader`,`AccordionTrigger`,`AccordionContent`,`AccordionDescription`],affix:[`AffixCompact`,`AffixRoot`,`AffixPlaceholder`,`AffixContent`],alert:[`AlertCompact`,`AlertRoot`,`AlertContent`,`AlertTitle`,`AlertDescription`,`AlertClose`],anchor:[`AnchorCompact`,`AnchorLink`,`AnchorRoot`],arrow:[`Arrow`],aspectRatio:[`AspectRatio`],avatar:[`AvatarRoot`,`AvatarImage`,`AvatarFallback`],backtop:[`Backtop`],autocomplete:[`AutocompleteRoot`,`AutocompleteCompact`,`AutocompleteAnchor`,`AutocompleteInput`,`AutocompleteTrigger`,`AutocompletePortal`,`AutocompleteContent`,`AutocompleteViewport`,`AutocompleteGroup`,`AutocompleteGroupLabel`,`AutocompleteItem`,`AutocompleteItemIndicator`,`AutocompleteSeparator`],badge:[`BadgeRoot`,`BadgeContent`],bottomSheet:[`BottomSheetCompact`,`BottomSheetRoot`,`BottomSheetRootNested`,`BottomSheetOverlay`,`BottomSheetPortal`,`BottomSheetPopup`,`BottomSheetTrigger`,`BottomSheetHeader`,`BottomSheetContent`,`BottomSheetFooter`,`BottomSheetTitle`,`BottomSheetDescription`,`BottomSheetClose`,`BottomSheetCancel`,`BottomSheetConfirm`,`BottomSheetHandle`],breadcrumb:[`BreadcrumbRoot`,`BreadcrumbCompact`,`BreadcrumbList`,`BreadcrumbItem`,`BreadcrumbLink`,`BreadcrumbPage`,`BreadcrumbSeparator`,`BreadcrumbEllipsis`],button:[`Button`],card:[`CardRoot`,`CardHeader`,`CardTitle`,`CardTitleRoot`,`CardDescription`,`CardContent`,`CardFooter`,`CardCollapsibleTrigger`],carousel:[`CarouselContent`,`CarouselItem`,`CarouselNext`,`CarouselPrevious`,`CarouselRoot`],checkbox:[`CheckboxCompact`,`CheckboxCardCompact`,`CheckboxGroupCompact`,`CheckboxCardGroupCompact`,`CheckboxGroupRoot`,`CheckboxRoot`,`CheckboxControl`,`CheckboxIndicator`,`CheckboxLabel`],clipboard:[`Clipboard`],collapsible:[`CollapsibleRoot`,`CollapsibleContent`,`CollapsibleTrigger`],combobox:[`ComboboxRoot`,`ComboboxCompact`,`ComboboxAnchor`,`ComboboxTrigger`,`ComboboxCancel`,`ComboboxPortal`,`ComboboxContent`,`ComboboxArrow`,`ComboboxViewport`,`ComboboxInput`,`ComboboxGroup`,`ComboboxGroupLabel`,`ComboboxItem`,`ComboboxItemIndicator`,`ComboboxEmpty`,`ComboboxSeparator`,`ComboboxVirtualizer`],colorArea:[`ColorAreaRoot`,`ColorAreaArea`,`ColorAreaThumb`],colorField:[`ColorFieldRoot`,`ColorFieldInput`],colorPicker:[`ColorPickerRoot`],colorSlider:[`ColorSliderRoot`,`ColorSliderTrack`,`ColorSliderThumb`],colorSwatch:[`ColorSwatch`],colorSwatchPicker:[`ColorSwatchPickerRoot`,`ColorSwatchPickerItem`,`ColorSwatchPickerItemIndicator`,`ColorSwatchPickerItemSwatch`],command:[`CommandCompact`],configProvider:[`ConfigProvider`],contextMenu:[`ContextMenuRoot`,`ContextMenuTrigger`,`ContextMenuPortal`,`ContextMenuContent`,`ContextMenuAnchor`,`ContextMenuArrow`,`ContextMenuGroup`,`ContextMenuGroupLabel`,`ContextMenuItem`,`ContextMenuItemIndicator`,`ContextMenuCheckboxItem`,`ContextMenuRadioItem`,`ContextMenuSub`,`ContextMenuSubTrigger`,`ContextMenuSubContent`,`ContextMenuSeparator`,`ContextMenuCheckboxGroup`,`ContextMenuRadioGroup`,`ContextMenuCompact`,`ContextMenuCheckboxCompact`,`ContextMenuRadioCompact`,`ContextMenuWrapperCompact`],dialog:[`DialogCompact`,`DialogProvider`,`DialogRoot`,`DialogTrigger`,`DialogPortal`,`DialogOverlay`,`DialogPopup`,`DialogHeader`,`DialogContent`,`DialogTitle`,`DialogDescription`,`DialogFooter`,`DialogClose`,`DialogCancel`,`DialogConfirm`],dropdownMenu:[`DropdownMenuRoot`,`DropdownMenuTrigger`,`DropdownMenuPortal`,`DropdownMenuContent`,`DropdownMenuAnchor`,`DropdownMenuArrow`,`DropdownMenuGroup`,`DropdownMenuGroupLabel`,`DropdownMenuItem`,`DropdownMenuItemIndicator`,`DropdownMenuCheckboxItem`,`DropdownMenuRadioItem`,`DropdownMenuSub`,`DropdownMenuSubTrigger`,`DropdownMenuSubContent`,`DropdownMenuSeparator`,`DropdownMenuCheckboxGroup`,`DropdownMenuRadioGroup`,`DropdownMenuCompact`,`DropdownMenuCheckboxCompact`,`DropdownMenuRadioCompact`,`DropdownMenuWrapperCompact`],editable:[`EditableArea`,`EditableCancelTrigger`,`EditableEditTrigger`,`EditableInput`,`EditablePreview`,`EditableRoot`,`EditableSubmitTrigger`],empty:[`EmptyRoot`,`EmptyHeader`,`EmptyMedia`,`EmptyContent`,`EmptyTitle`,`EmptyDescription`],form:[`FormField`,`FormLabel`,`FormControl`,`FormDescription`,`FormError`],hoverCard:[`HoverCardRoot`,`HoverCardTrigger`,`HoverCardPortal`,`HoverCardPositioner`,`HoverCardPopup`,`HoverCardArrow`],input:[`InputRoot`,`InputControl`],inputNumber:[`InputNumberRoot`,`InputNumberControl`,`InputNumberIncrement`,`InputNumberDecrement`],inputOtp:[`InputOtpCompact`,`InputOtpInput`,`InputOtpPositioner`,`InputOtpRoot`],kbd:[`Kbd`],label:[`Label`],layout:[`LayoutCompact`,`LayoutClassicCompact`,`LayoutRoot`,`LayoutSidebar`,`LayoutRail`,`LayoutMain`,`LayoutHeader`,`LayoutTab`,`LayoutContent`,`LayoutFooter`,`LayoutMobile`,`LayoutTrigger`],list:[`ListRoot`,`ListItem`,`ListTitle`,`ListDescription`,`ListContent`],listbox:[`ListboxRoot`,`ListboxContent`,`ListboxGroup`,`ListboxGroupLabel`,`ListboxItem`,`ListboxItemIndicator`,`ListboxFilter`,`ListboxVirtualizer`],link:[`Link`],menu:[`MenuRoot`,`MenuPortal`,`MenuContent`,`MenuAnchor`,`MenuArrow`,`MenuGroup`,`MenuGroupLabel`,`MenuItem`,`MenuItemIndicator`,`MenuCheckboxItem`,`MenuRadioItem`,`MenuSub`,`MenuSubTrigger`,`MenuSubContent`,`MenuSeparator`,`MenuCheckboxGroup`,`MenuRadioGroup`,`MenuOptionCompact`,`MenuOptionsCompact`,`MenuCheckboxOptionsCompact`,`MenuRadioOptionsCompact`],menubar:[`MenubarRoot`,`MenubarMenu`,`MenubarTrigger`,`MenubarPortal`,`MenubarContent`,`MenubarArrow`,`MenubarGroup`,`MenubarGroupLabel`,`MenubarItem`,`MenubarItemIndicator`,`MenubarCheckboxItem`,`MenubarRadioItem`,`MenubarSub`,`MenubarSubTrigger`,`MenubarSubContent`,`MenubarSeparator`,`MenubarCheckboxGroup`,`MenubarRadioGroup`,`MenubarCompact`],navigationMenu:[`NavigationMenuRoot`,`NavigationMenuList`,`NavigationMenuItem`,`NavigationMenuTrigger`,`NavigationMenuContent`,`NavigationMenuLink`,`NavigationMenuSubList`,`NavigationMenuViewport`,`NavigationMenuIndicator`],pageTabs:[`PageTabsRoot`,`PageTabsItem`,`PageTabsClose`,`PageTabsPin`],pagination:[`PaginationRoot`,`PaginationList`,`PaginationListItem`,`PaginationFirst`,`PaginationPrev`,`PaginationNext`,`PaginationLast`,`PaginationEllipsis`],popover:[`PopoverRoot`,`PopoverTrigger`,`PopoverAnchor`,`PopoverPortal`,`PopoverPositioner`,`PopoverPopup`,`PopoverArrow`,`PopoverClose`],popper:[`PopperRoot`,`PopperAnchor`,`PopperPositioner`,`PopperPopup`,`PopperArrow`],portal:[`Portal`],primitive:[`Primitive`],progress:[`ProgressProvider`,`ProgressRoot`,`ProgressIndicator`,`ProgressCircle`],radioGroup:[`RadioGroupRoot`,`RadioGroupCompact`,`RadioGroupItem`,`RadioGroupControl`,`RadioGroupIndicator`,`RadioGroupLabel`],rovingFocus:[`RovingFocusGroup`,`RovingFocusItem`],scrollArea:[`ScrollAreaRoot`,`ScrollAreaViewport`,`ScrollAreaScrollbar`,`ScrollAreaThumb`,`ScrollAreaCorner`],segment:[`SegmentRoot`,`SegmentList`,`SegmentTrigger`,`SegmentIndicator`,`SegmentCompact`],select:[`SelectRoot`,`SelectCompact`,`SelectTrigger`,`SelectPortal`,`SelectContent`,`SelectViewport`,`SelectGroup`,`SelectGroupLabel`,`SelectItem`,`SelectItemIndicator`,`SelectItemText`,`SelectValue`,`SelectTriggerIcon`,`SelectScrollUpButton`,`SelectScrollDownButton`,`SelectSeparator`,`SelectArrow`],separator:[`SeparatorRoot`,`SeparatorLabel`],skeleton:[`Skeleton`],splitter:[`SplitterGroup`,`SplitterPanel`,`SplitterResizeHandle`],slider:[`SliderRoot`,`SliderTrack`,`SliderRange`,`SliderThumb`],slot:[`Slot`],stepper:[`StepperRoot`,`StepperItem`,`StepperTrigger`,`StepperIndicator`,`StepperSeparator`,`StepperTitle`,`StepperDescription`],switch:[`SwitchRoot`,`SwitchControl`,`SwitchThumb`],table:[`TableCompact`,`TableRoot`,`TableScroll`,`TableContent`,`TableHeader`,`TableBody`,`TableFooter`,`TableRow`,`TableHead`,`TableCell`],tabs:[`TabsRoot`,`TabsList`,`TabsTrigger`,`TabsContent`,`TabsIndicator`,`TabsCompact`],tag:[`Tag`],tagsInput:[`TagsInputRoot`,`TagsInputInput`,`TagsInputItem`,`TagsInputItemText`,`TagsInputItemDelete`,`TagsInputClear`],textarea:[`TextareaRoot`,`TextareaControl`,`TextareaCounter`],toast:[`Toaster`,`ToastProvider`],toolbar:[`ToolbarRoot`,`ToolbarButton`,`ToolbarLink`,`ToolbarSeparator`,`ToolbarToggleGroup`,`ToolbarToggleItem`],toggle:[`Toggle`],toggleGroup:[`ToggleGroupRoot`,`ToggleGroupItem`],tooltip:[`TooltipRoot`,`TooltipTrigger`,`TooltipPortal`,`TooltipPositioner`,`TooltipPopup`,`TooltipArrow`],tree:[`TreeRoot`,`TreeItem`,`TreeVirtualizerRoot`,`TreeVirtualizerItem`],treeMenu:[`TreeMenuRoot`,`TreeMenuGroupRoot`,`TreeMenuGroup`,`TreeMenuGroupLabel`,`TreeMenuItem`,`TreeMenuButton`,`TreeMenuCollapsible`,`TreeMenuSub`],virtualizer:[`VirtualizerRoot`,`VirtualizerContent`,`VirtualizerItem`],visuallyHidden:[`VisuallyHidden`,`VisuallyHiddenInput`]};export{e as components};
+const e={accordion:[`AccordionCompact`,`AccordionRoot`,`AccordionItem`,`AccordionHeader`,`AccordionTrigger`,`AccordionContent`,`AccordionDescription`],affix:[`AffixCompact`,`AffixRoot`,`AffixPlaceholder`,`AffixContent`],alert:[`AlertCompact`,`AlertRoot`,`AlertContent`,`AlertTitle`,`AlertDescription`,`AlertClose`],anchor:[`AnchorCompact`,`AnchorLink`,`AnchorRoot`],arrow:[`Arrow`],aspectRatio:[`AspectRatio`],avatar:[`AvatarRoot`,`AvatarImage`,`AvatarFallback`],backtop:[`Backtop`],autocomplete:[`AutocompleteRoot`,`AutocompleteCompact`,`AutocompleteAnchor`,`AutocompleteInput`,`AutocompleteTrigger`,`AutocompletePortal`,`AutocompleteContent`,`AutocompleteViewport`,`AutocompleteGroup`,`AutocompleteGroupLabel`,`AutocompleteItem`,`AutocompleteItemIndicator`,`AutocompleteSeparator`],badge:[`BadgeRoot`,`BadgeContent`],bottomSheet:[`BottomSheetCompact`,`BottomSheetRoot`,`BottomSheetRootNested`,`BottomSheetOverlay`,`BottomSheetPortal`,`BottomSheetPopup`,`BottomSheetTrigger`,`BottomSheetHeader`,`BottomSheetContent`,`BottomSheetFooter`,`BottomSheetTitle`,`BottomSheetDescription`,`BottomSheetClose`,`BottomSheetCancel`,`BottomSheetConfirm`,`BottomSheetHandle`],breadcrumb:[`BreadcrumbRoot`,`BreadcrumbCompact`,`BreadcrumbList`,`BreadcrumbItem`,`BreadcrumbLink`,`BreadcrumbPage`,`BreadcrumbSeparator`,`BreadcrumbEllipsis`],button:[`Button`],calendar:[`CalendarCompact`,`CalendarRoot`,`CalendarHeader`,`CalendarHeading`,`CalendarPrev`,`CalendarNext`,`CalendarGrid`,`CalendarGridHead`,`CalendarGridBody`,`CalendarGridRow`,`CalendarHeadCell`,`CalendarCell`,`CalendarCellTrigger`],card:[`CardCompact`,`CardRoot`,`CardHeader`,`CardTitle`,`CardTitleRoot`,`CardDescription`,`CardContent`,`CardFooter`,`CardCollapsibleTrigger`],carousel:[`CarouselRoot`,`CarouselContent`,`CarouselItem`,`CarouselPrevious`,`CarouselNext`],checkbox:[`CheckboxCompact`,`CheckboxCardCompact`,`CheckboxGroupCompact`,`CheckboxCardGroupCompact`,`CheckboxGroupRoot`,`CheckboxRoot`,`CheckboxControl`,`CheckboxIndicator`,`CheckboxLabel`],clipboard:[`Clipboard`],collapsible:[`CollapsibleRoot`,`CollapsibleContent`,`CollapsibleTrigger`],combobox:[`ComboboxRoot`,`ComboboxCompact`,`ComboboxAnchor`,`ComboboxTrigger`,`ComboboxCancel`,`ComboboxPortal`,`ComboboxContent`,`ComboboxArrow`,`ComboboxViewport`,`ComboboxInput`,`ComboboxGroup`,`ComboboxGroupLabel`,`ComboboxItem`,`ComboboxItemIndicator`,`ComboboxEmpty`,`ComboboxSeparator`,`ComboboxVirtualizer`],colorArea:[`ColorAreaRoot`,`ColorAreaArea`,`ColorAreaThumb`],colorField:[`ColorFieldRoot`,`ColorFieldInput`],colorPicker:[`ColorPickerRoot`],colorSlider:[`ColorSliderRoot`,`ColorSliderTrack`,`ColorSliderThumb`],colorSwatch:[`ColorSwatch`],colorSwatchPicker:[`ColorSwatchPickerRoot`,`ColorSwatchPickerItem`,`ColorSwatchPickerItemIndicator`,`ColorSwatchPickerItemSwatch`],command:[`CommandCompact`],configProvider:[`ConfigProvider`],contextMenu:[`ContextMenuRoot`,`ContextMenuTrigger`,`ContextMenuPortal`,`ContextMenuContent`,`ContextMenuAnchor`,`ContextMenuArrow`,`ContextMenuGroup`,`ContextMenuGroupLabel`,`ContextMenuItem`,`ContextMenuItemIndicator`,`ContextMenuCheckboxItem`,`ContextMenuRadioItem`,`ContextMenuSub`,`ContextMenuSubTrigger`,`ContextMenuSubContent`,`ContextMenuSeparator`,`ContextMenuCheckboxGroup`,`ContextMenuRadioGroup`,`ContextMenuCompact`,`ContextMenuCheckboxCompact`,`ContextMenuRadioCompact`,`ContextMenuWrapperCompact`],dateField:[`DateFieldRoot`,`DateFieldInput`],datePicker:[`DatePickerRoot`,`DatePickerTrigger`,`DatePickerPopup`],dateRangeField:[`DateRangeFieldCompact`,`DateRangeFieldRoot`,`DateRangeFieldInput`],dateRangePicker:[`DateRangePickerCompact`,`DateRangePickerRoot`,`DateRangePickerTrigger`,`DateRangePickerPopup`],dialog:[`DialogCompact`,`DialogProvider`,`DialogRoot`,`DialogTrigger`,`DialogPortal`,`DialogOverlay`,`DialogPopup`,`DialogHeader`,`DialogContent`,`DialogTitle`,`DialogDescription`,`DialogFooter`,`DialogClose`,`DialogCancel`,`DialogConfirm`],dropdownMenu:[`DropdownMenuRoot`,`DropdownMenuTrigger`,`DropdownMenuPortal`,`DropdownMenuContent`,`DropdownMenuAnchor`,`DropdownMenuArrow`,`DropdownMenuGroup`,`DropdownMenuGroupLabel`,`DropdownMenuItem`,`DropdownMenuItemIndicator`,`DropdownMenuCheckboxItem`,`DropdownMenuRadioItem`,`DropdownMenuSub`,`DropdownMenuSubTrigger`,`DropdownMenuSubContent`,`DropdownMenuSeparator`,`DropdownMenuCheckboxGroup`,`DropdownMenuRadioGroup`,`DropdownMenuCompact`,`DropdownMenuCheckboxCompact`,`DropdownMenuRadioCompact`,`DropdownMenuWrapperCompact`],editable:[`EditableCompact`,`EditableArea`,`EditableCancelTrigger`,`EditableEditTrigger`,`EditableInput`,`EditablePreview`,`EditableRoot`,`EditableSubmitTrigger`],empty:[`EmptyRoot`,`EmptyHeader`,`EmptyMedia`,`EmptyContent`,`EmptyTitle`,`EmptyDescription`],form:[`FormField`,`FormLabel`,`FormControl`,`FormDescription`,`FormError`],hoverCard:[`HoverCardCompact`,`HoverCardRoot`,`HoverCardTrigger`,`HoverCardPortal`,`HoverCardPositioner`,`HoverCardPopup`,`HoverCardArrow`],input:[`InputRoot`,`InputControl`],inputNumber:[`InputNumberRoot`,`InputNumberControl`,`InputNumberIncrement`,`InputNumberDecrement`],inputOtp:[`InputOtpCompact`,`InputOtpInput`,`InputOtpPositioner`,`InputOtpRoot`],kbd:[`Kbd`],label:[`Label`],layout:[`LayoutCompact`,`LayoutClassicCompact`,`LayoutRoot`,`LayoutSidebar`,`LayoutRail`,`LayoutMain`,`LayoutHeader`,`LayoutTab`,`LayoutContent`,`LayoutFooter`,`LayoutMobile`,`LayoutTrigger`],list:[`ListRoot`,`ListItem`,`ListTitle`,`ListDescription`,`ListContent`],listbox:[`ListboxRoot`,`ListboxContent`,`ListboxGroup`,`ListboxGroupLabel`,`ListboxItem`,`ListboxItemIndicator`,`ListboxFilter`,`ListboxVirtualizer`],link:[`Link`],menu:[`MenuRoot`,`MenuPortal`,`MenuContent`,`MenuAnchor`,`MenuArrow`,`MenuGroup`,`MenuGroupLabel`,`MenuItem`,`MenuItemIndicator`,`MenuCheckboxItem`,`MenuRadioItem`,`MenuSub`,`MenuSubTrigger`,`MenuSubContent`,`MenuSeparator`,`MenuCheckboxGroup`,`MenuRadioGroup`,`MenuOptionCompact`,`MenuOptionsCompact`,`MenuCheckboxOptionsCompact`,`MenuRadioOptionsCompact`],menubar:[`MenubarRoot`,`MenubarMenu`,`MenubarTrigger`,`MenubarPortal`,`MenubarContent`,`MenubarArrow`,`MenubarGroup`,`MenubarGroupLabel`,`MenubarItem`,`MenubarItemIndicator`,`MenubarCheckboxItem`,`MenubarRadioItem`,`MenubarSub`,`MenubarSubTrigger`,`MenubarSubContent`,`MenubarSeparator`,`MenubarCheckboxGroup`,`MenubarRadioGroup`,`MenubarCompact`],monthPicker:[`MonthPickerRoot`,`MonthPickerTrigger`,`MonthPickerPopup`],monthRangePicker:[`MonthRangePickerRoot`,`MonthRangePickerTrigger`,`MonthRangePickerPopup`],navigationMenu:[`NavigationMenuCompact`,`NavigationMenuRoot`,`NavigationMenuList`,`NavigationMenuItem`,`NavigationMenuTrigger`,`NavigationMenuContent`,`NavigationMenuLink`,`NavigationMenuSubList`,`NavigationMenuViewport`,`NavigationMenuIndicator`],pageTabs:[`PageTabsRoot`,`PageTabsItem`,`PageTabsClose`,`PageTabsPin`],pagination:[`PaginationCompact`,`PaginationRoot`,`PaginationList`,`PaginationListItem`,`PaginationFirst`,`PaginationPrev`,`PaginationNext`,`PaginationLast`,`PaginationEllipsis`],popover:[`PopoverCompact`,`PopoverRoot`,`PopoverTrigger`,`PopoverAnchor`,`PopoverPortal`,`PopoverPositioner`,`PopoverPopup`,`PopoverArrow`,`PopoverClose`],popper:[`PopperRoot`,`PopperAnchor`,`PopperPositioner`,`PopperPopup`,`PopperArrow`],portal:[`Portal`],primitive:[`Primitive`],progress:[`ProgressProvider`,`ProgressRoot`,`ProgressIndicator`,`ProgressCircle`],radioGroup:[`RadioGroupRoot`,`RadioGroupCompact`,`RadioGroupItem`,`RadioGroupControl`,`RadioGroupIndicator`,`RadioGroupLabel`],rangeCalendar:[`RangeCalendarCompact`,`RangeCalendarRoot`,`RangeCalendarHeader`,`RangeCalendarHeading`,`RangeCalendarPrev`,`RangeCalendarNext`,`RangeCalendarGrid`,`RangeCalendarGridHead`,`RangeCalendarGridBody`,`RangeCalendarGridRow`,`RangeCalendarHeadCell`,`RangeCalendarCell`,`RangeCalendarCellTrigger`],rovingFocus:[`RovingFocusGroup`,`RovingFocusItem`],scrollArea:[`ScrollAreaRoot`,`ScrollAreaViewport`,`ScrollAreaScrollbar`,`ScrollAreaThumb`,`ScrollAreaCorner`],segment:[`SegmentRoot`,`SegmentList`,`SegmentTrigger`,`SegmentIndicator`,`SegmentCompact`],select:[`SelectRoot`,`SelectCompact`,`SelectTrigger`,`SelectPortal`,`SelectContent`,`SelectViewport`,`SelectGroup`,`SelectGroupLabel`,`SelectItem`,`SelectItemIndicator`,`SelectItemText`,`SelectValue`,`SelectTriggerIcon`,`SelectScrollUpButton`,`SelectScrollDownButton`,`SelectSeparator`,`SelectArrow`],separator:[`SeparatorRoot`,`SeparatorLabel`],skeleton:[`Skeleton`],splitter:[`SplitterGroup`,`SplitterPanel`,`SplitterResizeHandle`],slider:[`SliderRoot`,`SliderTrack`,`SliderRange`,`SliderThumb`],slot:[`Slot`],stepper:[`StepperCompact`,`StepperRoot`,`StepperItem`,`StepperTrigger`,`StepperIndicator`,`StepperSeparator`,`StepperTitle`,`StepperDescription`],switch:[`SwitchRoot`,`SwitchControl`,`SwitchThumb`],table:[`TableCompact`,`TableRoot`,`TableScroll`,`TableContent`,`TableHeader`,`TableBody`,`TableFooter`,`TableRow`,`TableHead`,`TableCell`],tabs:[`TabsRoot`,`TabsList`,`TabsTrigger`,`TabsContent`,`TabsIndicator`,`TabsCompact`],tag:[`Tag`],tagsInput:[`TagsInputRoot`,`TagsInputInput`,`TagsInputItem`,`TagsInputItemText`,`TagsInputItemDelete`,`TagsInputClear`],textarea:[`TextareaRoot`,`TextareaControl`,`TextareaCounter`],timeField:[`TimeFieldRoot`,`TimeFieldInput`],timePicker:[`TimePickerRoot`,`TimePickerTrigger`,`TimePickerPopup`],timeRangeField:[`TimeRangeFieldCompact`,`TimeRangeFieldRoot`,`TimeRangeFieldInput`],timeRangePicker:[`TimeRangePickerCompact`,`TimeRangePickerRoot`,`TimeRangePickerTrigger`,`TimeRangePickerPopup`],toast:[`Toaster`,`ToastProvider`],toolbar:[`ToolbarRoot`,`ToolbarButton`,`ToolbarLink`,`ToolbarSeparator`,`ToolbarToggleGroup`,`ToolbarToggleItem`],toggle:[`Toggle`],toggleGroup:[`ToggleGroupRoot`,`ToggleGroupItem`],tooltip:[`TooltipRoot`,`TooltipTrigger`,`TooltipPortal`,`TooltipPositioner`,`TooltipPopup`,`TooltipArrow`],tree:[`TreeRoot`,`TreeItem`,`TreeVirtualizerRoot`,`TreeVirtualizerItem`],treeMenu:[`TreeMenuRoot`,`TreeMenuGroupRoot`,`TreeMenuGroup`,`TreeMenuGroupLabel`,`TreeMenuItem`,`TreeMenuButton`,`TreeMenuCollapsible`,`TreeMenuSub`],virtualizer:[`VirtualizerRoot`,`VirtualizerContent`,`VirtualizerItem`],visuallyHidden:[`VisuallyHidden`,`VisuallyHiddenInput`],yearPicker:[`YearPickerRoot`,`YearPickerTrigger`,`YearPickerPopup`],yearRangePicker:[`YearRangePickerRoot`,`YearRangePickerTrigger`,`YearRangePickerPopup`]};export{e as components};

package/dist/date/comparators.d.ts

@@ -1,17 +1,30 @@
-import { Matcher } from "./types.js";
-import { CalendarDateTime, DateValue, ZonedDateTime } from "@internationalized/date";
+import { Granularity, Matcher } from "./types.js";
+import { CalendarDateTime, DateValue, Time, ZonedDateTime } from "@internationalized/date";
 
 //#region src/date/comparators.d.ts
+type TimeValue = Time | CalendarDateTime | ZonedDateTime;
 declare function parseStringToDateValue(dateStr: string, referenceValue: DateValue): DateValue;
-declare function toDate(dateValue: DateValue, tz?: string): Date;
-declare function isCalendarDateTime(dateValue: DateValue): dateValue is CalendarDateTime;
-declare function isZonedDateTime(dateValue: DateValue): dateValue is ZonedDateTime;
-declare function hasTime(dateValue: DateValue): dateValue is CalendarDateTime | ZonedDateTime;
+declare function isTime(dateValue: DateValue | TimeValue): dateValue is Time;
+declare function toDate(dateValue: DateValue | TimeValue, tz?: string): Date;
+declare function isCalendarDateTime(dateValue: DateValue | TimeValue): dateValue is CalendarDateTime;
+declare function isZonedDateTime(dateValue: DateValue | TimeValue): dateValue is ZonedDateTime;
+declare function hasTime(dateValue: DateValue | TimeValue): dateValue is CalendarDateTime | ZonedDateTime | Time;
 declare function getDaysInMonth(date: Date | DateValue): number;
-declare function isBefore(dateToCompare: DateValue, referenceDate: DateValue): boolean;
-declare function isAfter(dateToCompare: DateValue, referenceDate: DateValue): boolean;
-declare function isBeforeOrSame(dateToCompare: DateValue, referenceDate: DateValue): boolean;
-declare function isAfterOrSame(dateToCompare: DateValue, referenceDate: DateValue): boolean;
+declare function getDefaultDate(props: {
+  defaultValue?: DateValue | DateValue[];
+  defaultPlaceholder?: DateValue;
+  granularity?: Granularity;
+  locale?: string;
+}): DateValue;
+declare function getDefaultTime(props: {
+  defaultValue?: TimeValue;
+  defaultPlaceholder?: TimeValue;
+}): TimeValue;
+declare function isBefore(dateToCompare: DateValue | TimeValue, referenceDate: DateValue | TimeValue): boolean;
+declare function isAfter(dateToCompare: DateValue | TimeValue, referenceDate: DateValue | TimeValue): boolean;
+declare function isBeforeOrSame(dateToCompare: DateValue | TimeValue, referenceDate: DateValue | TimeValue): boolean;
+declare function isAfterOrSame(dateToCompare: DateValue | TimeValue, referenceDate: DateValue | TimeValue): boolean;
+declare function isEqualValue(a: DateValue | TimeValue, b: DateValue | TimeValue): boolean;
 declare function isBetweenInclusive(date: DateValue, start: DateValue, end: DateValue): boolean;
 declare function isBetween(date: DateValue, start: DateValue, end: DateValue): boolean;
 declare function getLastFirstDayOfWeek<T extends DateValue = DateValue>(date: T, firstDayOfWeek: number, locale: string): T;
@@ -23,8 +36,5 @@ declare function compareYearMonth(a: DateValue, b: DateValue): number;
 declare function isMonthBetweenInclusive(date: DateValue, start: DateValue, end: DateValue): boolean;
 declare function isYearBetweenInclusive(date: DateValue, start: DateValue, end: DateValue): boolean;
 declare function getMonthsBetween(start: DateValue, end: DateValue): number;
-declare function getYearsBetween(start: DateValue, end: DateValue): number;
-declare function areAllMonthsBetweenValid(start: DateValue, end: DateValue, isUnavailable: Matcher | undefined, isDisabled: Matcher | undefined): boolean;
-declare function areAllYearsBetweenValid(start: DateValue, end: DateValue, isUnavailable: Matcher | undefined, isDisabled: Matcher | undefined): boolean;
 //#endregion
-export { areAllDaysBetweenValid, areAllMonthsBetweenValid, areAllYearsBetweenValid, compareYearMonth, getDaysInMonth, getLastFirstDayOfWeek, getMonthsBetween, getNextLastDayOfWeek, getYearsBetween, hasTime, isAfter, isAfterOrSame, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isMonthBetweenInclusive, isSameYear, isSameYearMonth, isYearBetweenInclusive, isZonedDateTime, parseStringToDateValue, toDate };
+export { TimeValue, areAllDaysBetweenValid, compareYearMonth, getDaysInMonth, getDefaultDate, getDefaultTime, getLastFirstDayOfWeek, getMonthsBetween, getNextLastDayOfWeek, hasTime, isAfter, isAfterOrSame, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isEqualValue, isMonthBetweenInclusive, isSameYear, isSameYearMonth, isTime, isYearBetweenInclusive, isZonedDateTime, parseStringToDateValue, toDate };

package/dist/date/comparators.js

@@ -1 +1 @@
-import{CalendarDateTime as e,ZonedDateTime as t,getDayOfWeek as n,getLocalTimeZone as r,parseDate as i,parseDateTime as a,parseZonedDateTime as o,toCalendar as s}from"@internationalized/date";function c(e,t){let n;return n=d(t)?o(e):u(t)?a(e):i(e),n.calendar===t.calendar?n:s(n,t.calendar)}function l(e,t=r()){return d(e)?e.toDate():e.toDate(t)}function u(t){return t instanceof e}function d(e){return e instanceof t}function f(e){return u(e)||d(e)}function p(e){if(e instanceof Date){let t=e.getFullYear(),n=e.getMonth()+1;return new Date(t,n,0).getDate()}return e.set({day:100}).day}function m(e,t){return e.compare(t)<0}function h(e,t){return e.compare(t)>0}function g(e,t){return e.compare(t)<=0}function _(e,t){return e.compare(t)>=0}function v(e,t,n){return _(e,t)&&g(e,n)}function y(e,t,n){return h(e,t)&&m(e,n)}function b(e,t,r){let i=n(e,r,`sun`);return t>i?e.subtract({days:i+7-t}):t===i?e:e.subtract({days:i-t})}function x(e,t,r){let i=n(e,r,`sun`),a=t===0?6:t-1;return i===a?e:i>a?e.add({days:7-i+a}):e.add({days:a-i})}function S(e,t){return e.year===t.year&&e.month===t.month}function C(e,t){return e.year===t.year}function w(e,t,n,r,i){if(n===void 0&&r===void 0&&i===void 0)return!0;let a=e.add({days:1}),o=e=>(r?.(e)||n?.(e))&&!i?.(e);for(;a.compare(t)<0;){if(o(a))return!1;a=a.add({days:1})}return!0}function T(e,t){return e.year===t.year?e.month-t.month:e.year-t.year}function E(e,t,n){return T(e,t)>=0&&T(e,n)<=0}function D(e,t,n){return e.year>=t.year&&e.year<=n.year}function O(e,t){return(t.year-e.year)*12+(t.month-e.month)+1}function k(e,t){return t.year-e.year+1}function A(e,t,n,r){if(n===void 0&&r===void 0)return!0;let i=e.set({day:1}),a=t.set({day:1});for(;T(i,a)<=0;){if(r?.(i)||n?.(i))return!1;i=i.add({months:1})}return!0}function j(e,t,n,r){if(n===void 0&&r===void 0)return!0;let i=e.set({day:1,month:1}),a=t.set({day:1,month:1});for(;i.year<=a.year;){if(r?.(i)||n?.(i))return!1;i=i.add({years:1})}return!0}export{w as areAllDaysBetweenValid,A as areAllMonthsBetweenValid,j as areAllYearsBetweenValid,T as compareYearMonth,p as getDaysInMonth,b as getLastFirstDayOfWeek,O as getMonthsBetween,x as getNextLastDayOfWeek,k as getYearsBetween,f as hasTime,h as isAfter,_ as isAfterOrSame,m as isBefore,g as isBeforeOrSame,y as isBetween,v as isBetweenInclusive,u as isCalendarDateTime,E as isMonthBetweenInclusive,C as isSameYear,S as isSameYearMonth,D as isYearBetweenInclusive,d as isZonedDateTime,c as parseStringToDateValue,l as toDate};
+import{CalendarDate as e,CalendarDateTime as t,DateFormatter as n,Time as r,ZonedDateTime as i,createCalendar as a,getDayOfWeek as o,getLocalTimeZone as s,parseDate as c,parseDateTime as l,parseZonedDateTime as u,toCalendar as d}from"@internationalized/date";function f(e,t){let n;return n=g(t)?u(e):h(t)?l(e):c(e),n.calendar===t.calendar?n:d(n,t.calendar)}function p(e){return e instanceof r}function m(e,t=s()){if(p(e)){let t=new Date;return new Date(t.getFullYear(),t.getMonth(),t.getDate(),e.hour,e.minute,e.second,e.millisecond)}return g(e)?e.toDate():e.toDate(t)}function h(e){return e instanceof t}function g(e){return e instanceof i}function _(e){return p(e)||h(e)||g(e)}function v(e){if(e instanceof Date){let t=e.getFullYear(),n=e.getMonth()+1;return new Date(t,n,0).getDate()}return e.set({day:100}).day}function y(r){let{defaultValue:i,defaultPlaceholder:o,granularity:s=`day`,locale:c=`en`}=r;if(Array.isArray(i)&&i.length)return i.at(-1).copy();if(i&&!Array.isArray(i))return i.copy();if(o)return o.copy();let l=new Date,u=a(new n(c).resolvedOptions().calendar);return[`hour`,`minute`,`second`].includes(s)?d(new t(l.getFullYear(),l.getMonth()+1,l.getDate(),0,0,0),u):d(new e(l.getFullYear(),l.getMonth()+1,l.getDate()),u)}function b(e){return e.defaultValue?e.defaultValue.copy():e.defaultPlaceholder?e.defaultPlaceholder.copy():new r(0,0,0)}function x(e,t){return p(e)&&p(t),e.compare(t)<0}function S(e,t){return p(e)&&p(t),e.compare(t)>0}function C(e,t){return p(e)&&p(t),e.compare(t)<=0}function w(e,t){return p(e)&&p(t),e.compare(t)>=0}function T(e,t){return e.toString()===t.toString()}function E(e,t,n){return w(e,t)&&C(e,n)}function D(e,t,n){return S(e,t)&&x(e,n)}function O(e,t,n){let r=o(e,n,`sun`);return t>r?e.subtract({days:r+7-t}):t===r?e:e.subtract({days:r-t})}function k(e,t,n){let r=o(e,n,`sun`),i=t===0?6:t-1;return r===i?e:r>i?e.add({days:7-r+i}):e.add({days:i-r})}function A(e,t){return e.year===t.year&&e.month===t.month}function j(e,t){return e.year===t.year}function M(e,t,n,r,i){if(n===void 0&&r===void 0&&i===void 0)return!0;let a=e.add({days:1}),o=e=>(r?.(e)||n?.(e))&&!i?.(e);for(;a.compare(t)<0;){if(o(a))return!1;a=a.add({days:1})}return!0}function N(e,t){return e.year===t.year?e.month-t.month:e.year-t.year}function P(e,t,n){return N(e,t)>=0&&N(e,n)<=0}function F(e,t,n){return e.year>=t.year&&e.year<=n.year}function I(e,t){return(t.year-e.year)*12+(t.month-e.month)+1}export{M as areAllDaysBetweenValid,N as compareYearMonth,v as getDaysInMonth,y as getDefaultDate,b as getDefaultTime,O as getLastFirstDayOfWeek,I as getMonthsBetween,k as getNextLastDayOfWeek,_ as hasTime,S as isAfter,w as isAfterOrSame,x as isBefore,C as isBeforeOrSame,D as isBetween,E as isBetweenInclusive,h as isCalendarDateTime,T as isEqualValue,P as isMonthBetweenInclusive,j as isSameYear,A as isSameYearMonth,p as isTime,F as isYearBetweenInclusive,g as isZonedDateTime,f as parseStringToDateValue,m as toDate};

package/dist/date/formatter.d.ts

@@ -0,0 +1,27 @@
+import { TimeValue } from "./comparators.js";
+import { DateValue } from "@internationalized/date";
+
+//#region src/date/formatter.d.ts
+interface DateFormatterOptions extends Intl.DateTimeFormatOptions {
+  calendar?: string;
+}
+interface Formatter {
+  getLocale: () => string;
+  setLocale: (newLocale: string) => void;
+  custom: (date: Date, options: DateFormatterOptions) => string;
+  selectedDate: (date: DateValue | TimeValue, includeTime?: boolean) => string;
+  dayOfWeek: (date: Date, length?: DateFormatterOptions['weekday']) => string;
+  fullMonthAndYear: (date: Date, options?: DateFormatterOptions) => string;
+  fullMonth: (date: Date, options?: DateFormatterOptions) => string;
+  fullYear: (date: Date, options?: DateFormatterOptions) => string;
+  dayPeriod: (date: Date) => string;
+  part: (dateObj: DateValue | TimeValue, type: Intl.DateTimeFormatPartTypes, options?: DateFormatterOptions) => string;
+  toParts: (date: DateValue | TimeValue, options?: DateFormatterOptions) => Intl.DateTimeFormatPart[];
+  getMonths: () => {
+    label: string;
+    value: number;
+  }[];
+}
+declare function useDateFormatter(initialLocale: string, opts?: DateFormatterOptions): Formatter;
+//#endregion
+export { DateFormatterOptions, Formatter, useDateFormatter };

package/dist/date/formatter.js

@@ -0,0 +1 @@
+import{hasTime as e,isZonedDateTime as t,toDate as n}from"./comparators.js";import{ref as r}from"vue";import{DateFormatter as i,getLocalTimeZone as a,today as o}from"@internationalized/date";function s(s,c={}){let l=r(s);function u(){return l.value}function d(e){l.value=e}function f(e,t){return new i(l.value,{...c,...t}).format(e)}function p(t,r=!0){return e(t)&&r?f(n(t),{dateStyle:`long`,timeStyle:`long`}):f(n(t),{dateStyle:`long`})}function m(e,t={}){return new i(l.value,{...c,month:`long`,year:`numeric`,...t}).format(e)}function h(e,t={}){return new i(l.value,{...c,month:`long`,...t}).format(e)}function g(){let e=o(a());return[1,2,3,4,5,6,7,8,9,10,11,12].map(t=>({label:h(n(e.set({month:t}))),value:t}))}function _(e,t={}){return new i(l.value,{...c,year:`numeric`,...t}).format(e)}function v(e,r){return t(e)?new i(l.value,{...c,...r,timeZone:e.timeZone}).formatToParts(n(e)):new i(l.value,{...c,...r}).formatToParts(n(e))}function y(e,t=`narrow`){return new i(l.value,{...c,weekday:t}).format(e)}function b(e){let t=new i(l.value,{...c,hour:`numeric`,minute:`numeric`}).formatToParts(e).find(e=>e.type===`dayPeriod`)?.value;return t===`PM`||t===`pm`||t===`p.m.`?`PM`:`AM`}let x={year:`numeric`,month:`numeric`,day:`numeric`,hour:`numeric`,minute:`numeric`,second:`numeric`};function S(e,t,n={}){return v(e,{...x,...n}).find(e=>e.type===t)?.value??``}return{setLocale:d,getLocale:u,fullMonth:h,fullYear:_,fullMonthAndYear:m,toParts:v,custom:f,part:S,dayPeriod:b,selectedDate:p,dayOfWeek:y,getMonths:g}}export{s as useDateFormatter};

package/dist/date/index.d.ts

@@ -1,5 +1,11 @@
-import { DateRange, DateValue, DayOfWeek, Grid, Matcher } from "./types.js";
+import { TimeValue, areAllDaysBetweenValid, compareYearMonth, getDaysInMonth, getDefaultDate, getDefaultTime, getLastFirstDayOfWeek, getMonthsBetween, getNextLastDayOfWeek, hasTime, isAfter, isAfterOrSame, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isEqualValue, isMonthBetweenInclusive, isSameYear, isSameYearMonth, isTime, isYearBetweenInclusive, isZonedDateTime, parseStringToDateValue, toDate } from "./comparators.js";
+import { ALL_EXCEPT_LITERAL_PARTS, ALL_SEGMENT_PARTS, DATE_SEGMENT_PARTS, EDITABLE_SEGMENT_PARTS, NON_EDITABLE_SEGMENT_PARTS, TIME_SEGMENT_PARTS, isAnySegmentPart, isDateSegmentPart, isSegmentPart, isTimeSegmentPart } from "./parts.js";
+import { AnyExceptLiteral, DateAndTimeSegmentObj, DateInputType, DateRange, DateSegmentObj, DateSegmentPart, DateStep, DateValue, DayOfWeek, DayPeriod, EditableSegmentPart, Granularity, Grid, HourCycle, Matcher, NonEditableSegmentPart, SegmentContentObj, SegmentPart, SegmentValueObj, TimeGranularity, TimeInputType, TimeMatcher, TimeRange, TimeSegmentObj, TimeSegmentPart } from "./types.js";
 import { CreateMonthProps, CreateSelectProps, DEFAULT_DATE_LOCALE, WeekDayFormat, WeekStartsOn, createDateRange, createDecade, createMonth, createMonthGrid, createMonths, createYear, createYearGrid, createYearRange, endOfDecade, getDaysBetween, getWeekNumber, getWeekStartsOn, startOfDecade } from "./calendar.js";
-import { areAllDaysBetweenValid, areAllMonthsBetweenValid, areAllYearsBetweenValid, compareYearMonth, getDaysInMonth, getLastFirstDayOfWeek, getMonthsBetween, getNextLastDayOfWeek, getYearsBetween, hasTime, isAfter, isAfterOrSame, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isMonthBetweenInclusive, isSameYear, isSameYearMonth, isYearBetweenInclusive, isZonedDateTime, parseStringToDateValue, toDate } from "./comparators.js";
-import { chunk } from "./utils.js";
-export { CreateMonthProps, CreateSelectProps, DEFAULT_DATE_LOCALE, DateRange, DateValue, DayOfWeek, Grid, Matcher, WeekDayFormat, WeekStartsOn, areAllDaysBetweenValid, areAllMonthsBetweenValid, areAllYearsBetweenValid, chunk, compareYearMonth, createDateRange, createDecade, createMonth, createMonthGrid, createMonths, createYear, createYearGrid, createYearRange, endOfDecade, getDaysBetween, getDaysInMonth, getLastFirstDayOfWeek, getMonthsBetween, getNextLastDayOfWeek, getWeekNumber, getWeekStartsOn, getYearsBetween, hasTime, isAfter, isAfterOrSame, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isMonthBetweenInclusive, isSameYear, isSameYearMonth, isYearBetweenInclusive, isZonedDateTime, parseStringToDateValue, startOfDecade, toDate };
+import { DateFormatterOptions, Formatter, useDateFormatter } from "./formatter.js";
+import { createContent, initializeSegmentValues, syncSegmentValues, syncTimeSegmentValues } from "./parser.js";
+import { SupportedLocale, getPlaceholder } from "./placeholders.js";
+import { getSegmentElements, isAcceptableSegmentKey, isNumberString, isSegmentNavigationKey } from "./segment.js";
+import { UseDateFieldProps, useDateField } from "./use-date-field.js";
+import { chunk, getInputType, getOptsByGranularity, getTimeInputType, handleCalendarInitialFocus, normalizeDateStep, normalizeHour12, normalizeHourCycle, normalizeInputValue, normalizeTimeInputValue } from "./utils.js";
+export { ALL_EXCEPT_LITERAL_PARTS, ALL_SEGMENT_PARTS, AnyExceptLiteral, CreateMonthProps, CreateSelectProps, DATE_SEGMENT_PARTS, DEFAULT_DATE_LOCALE, DateAndTimeSegmentObj, DateFormatterOptions, DateInputType, DateRange, DateSegmentObj, DateSegmentPart, DateStep, DateValue, DayOfWeek, DayPeriod, EDITABLE_SEGMENT_PARTS, EditableSegmentPart, Formatter, Granularity, Grid, HourCycle, Matcher, NON_EDITABLE_SEGMENT_PARTS, NonEditableSegmentPart, SegmentContentObj, SegmentPart, SegmentValueObj, SupportedLocale, TIME_SEGMENT_PARTS, TimeGranularity, TimeInputType, TimeMatcher, TimeRange, TimeSegmentObj, TimeSegmentPart, TimeValue, UseDateFieldProps, WeekDayFormat, WeekStartsOn, areAllDaysBetweenValid, chunk, compareYearMonth, createContent, createDateRange, createDecade, createMonth, createMonthGrid, createMonths, createYear, createYearGrid, createYearRange, endOfDecade, getDaysBetween, getDaysInMonth, getDefaultDate, getDefaultTime, getInputType, getLastFirstDayOfWeek, getMonthsBetween, getNextLastDayOfWeek, getOptsByGranularity, getPlaceholder, getSegmentElements, getTimeInputType, getWeekNumber, getWeekStartsOn, handleCalendarInitialFocus, hasTime, initializeSegmentValues, isAcceptableSegmentKey, isAfter, isAfterOrSame, isAnySegmentPart, isBefore, isBeforeOrSame, isBetween, isBetweenInclusive, isCalendarDateTime, isDateSegmentPart, isEqualValue, isMonthBetweenInclusive, isNumberString, isSameYear, isSameYearMonth, isSegmentNavigationKey, isSegmentPart, isTime, isTimeSegmentPart, isYearBetweenInclusive, isZonedDateTime, normalizeDateStep, normalizeHour12, normalizeHourCycle, normalizeInputValue, normalizeTimeInputValue, parseStringToDateValue, startOfDecade, syncSegmentValues, syncTimeSegmentValues, toDate, useDateField, useDateFormatter };

package/dist/date/index.js

@@ -1 +1 @@
-import{areAllDaysBetweenValid as e,areAllMonthsBetweenValid as t,areAllYearsBetweenValid as n,compareYearMonth as r,getDaysInMonth as i,getLastFirstDayOfWeek as a,getMonthsBetween as o,getNextLastDayOfWeek as s,getYearsBetween as c,hasTime as l,isAfter as u,isAfterOrSame as d,isBefore as f,isBeforeOrSame as p,isBetween as m,isBetweenInclusive as h,isCalendarDateTime as g,isMonthBetweenInclusive as _,isSameYear as v,isSameYearMonth as y,isYearBetweenInclusive as b,isZonedDateTime as x,parseStringToDateValue as S,toDate as C}from"./comparators.js";import{chunk as w}from"./utils.js";import{DEFAULT_DATE_LOCALE as T,createDateRange as E,createDecade as D,createMonth as O,createMonthGrid as k,createMonths as A,createYear as j,createYearGrid as M,createYearRange as N,endOfDecade as P,getDaysBetween as F,getWeekNumber as I,getWeekStartsOn as L,startOfDecade as R}from"./calendar.js";export{T as DEFAULT_DATE_LOCALE,e as areAllDaysBetweenValid,t as areAllMonthsBetweenValid,n as areAllYearsBetweenValid,w as chunk,r as compareYearMonth,E as createDateRange,D as createDecade,O as createMonth,k as createMonthGrid,A as createMonths,j as createYear,M as createYearGrid,N as createYearRange,P as endOfDecade,F as getDaysBetween,i as getDaysInMonth,a as getLastFirstDayOfWeek,o as getMonthsBetween,s as getNextLastDayOfWeek,I as getWeekNumber,L as getWeekStartsOn,c as getYearsBetween,l as hasTime,u as isAfter,d as isAfterOrSame,f as isBefore,p as isBeforeOrSame,m as isBetween,h as isBetweenInclusive,g as isCalendarDateTime,_ as isMonthBetweenInclusive,v as isSameYear,y as isSameYearMonth,b as isYearBetweenInclusive,x as isZonedDateTime,S as parseStringToDateValue,R as startOfDecade,C as toDate};
+import{areAllDaysBetweenValid as e,compareYearMonth as t,getDaysInMonth as n,getDefaultDate as r,getDefaultTime as i,getLastFirstDayOfWeek as a,getMonthsBetween as o,getNextLastDayOfWeek as s,hasTime as c,isAfter as l,isAfterOrSame as u,isBefore as d,isBeforeOrSame as f,isBetween as p,isBetweenInclusive as m,isCalendarDateTime as h,isEqualValue as g,isMonthBetweenInclusive as _,isSameYear as v,isSameYearMonth as y,isTime as b,isYearBetweenInclusive as x,isZonedDateTime as S,parseStringToDateValue as C,toDate as w}from"./comparators.js";import{chunk as T,getInputType as E,getOptsByGranularity as D,getTimeInputType as O,handleCalendarInitialFocus as k,normalizeDateStep as A,normalizeHour12 as j,normalizeHourCycle as M,normalizeInputValue as N,normalizeTimeInputValue as P}from"./utils.js";import{DEFAULT_DATE_LOCALE as F,createDateRange as I,createDecade as L,createMonth as R,createMonthGrid as z,createMonths as B,createYear as V,createYearGrid as H,createYearRange as U,endOfDecade as W,getDaysBetween as G,getWeekNumber as K,getWeekStartsOn as q,startOfDecade as J}from"./calendar.js";import{useDateFormatter as Y}from"./formatter.js";import{ALL_EXCEPT_LITERAL_PARTS as X,ALL_SEGMENT_PARTS as Z,DATE_SEGMENT_PARTS as Q,EDITABLE_SEGMENT_PARTS as $,NON_EDITABLE_SEGMENT_PARTS as ee,TIME_SEGMENT_PARTS as te,isAnySegmentPart as ne,isDateSegmentPart as re,isSegmentPart as ie,isTimeSegmentPart as ae}from"./parts.js";import{getPlaceholder as oe}from"./placeholders.js";import{createContent as se,initializeSegmentValues as ce,syncSegmentValues as le,syncTimeSegmentValues as ue}from"./parser.js";import{getSegmentElements as de,isAcceptableSegmentKey as fe,isNumberString as pe,isSegmentNavigationKey as me}from"./segment.js";import{useDateField as he}from"./use-date-field.js";export{X as ALL_EXCEPT_LITERAL_PARTS,Z as ALL_SEGMENT_PARTS,Q as DATE_SEGMENT_PARTS,F as DEFAULT_DATE_LOCALE,$ as EDITABLE_SEGMENT_PARTS,ee as NON_EDITABLE_SEGMENT_PARTS,te as TIME_SEGMENT_PARTS,e as areAllDaysBetweenValid,T as chunk,t as compareYearMonth,se as createContent,I as createDateRange,L as createDecade,R as createMonth,z as createMonthGrid,B as createMonths,V as createYear,H as createYearGrid,U as createYearRange,W as endOfDecade,G as getDaysBetween,n as getDaysInMonth,r as getDefaultDate,i as getDefaultTime,E as getInputType,a as getLastFirstDayOfWeek,o as getMonthsBetween,s as getNextLastDayOfWeek,D as getOptsByGranularity,oe as getPlaceholder,de as getSegmentElements,O as getTimeInputType,K as getWeekNumber,q as getWeekStartsOn,k as handleCalendarInitialFocus,c as hasTime,ce as initializeSegmentValues,fe as isAcceptableSegmentKey,l as isAfter,u as isAfterOrSame,ne as isAnySegmentPart,d as isBefore,f as isBeforeOrSame,p as isBetween,m as isBetweenInclusive,h as isCalendarDateTime,re as isDateSegmentPart,g as isEqualValue,_ as isMonthBetweenInclusive,pe as isNumberString,v as isSameYear,y as isSameYearMonth,me as isSegmentNavigationKey,ie as isSegmentPart,b as isTime,ae as isTimeSegmentPart,x as isYearBetweenInclusive,S as isZonedDateTime,A as normalizeDateStep,j as normalizeHour12,M as normalizeHourCycle,N as normalizeInputValue,P as normalizeTimeInputValue,C as parseStringToDateValue,J as startOfDecade,le as syncSegmentValues,ue as syncTimeSegmentValues,w as toDate,he as useDateField,Y as useDateFormatter};

package/dist/date/parser.d.ts

@@ -0,0 +1,34 @@
+import { TimeValue } from "./comparators.js";
+import { DateValue, Granularity, HourCycle, SegmentContentObj, SegmentPart, SegmentValueObj } from "./types.js";
+import { Formatter } from "./formatter.js";
+import { Ref } from "vue";
+
+//#region src/date/parser.d.ts
+type CreateContentProps = {
+  granularity: Granularity;
+  dateRef: DateValue | TimeValue;
+  formatter: Formatter;
+  hideTimeZone: boolean;
+  hourCycle: HourCycle;
+  segmentValues: SegmentValueObj;
+  locale: Ref<string>;
+  isTimeValue?: boolean;
+};
+declare function syncTimeSegmentValues(props: {
+  value: DateValue | TimeValue;
+  formatter: Formatter;
+}): SegmentValueObj;
+declare function syncSegmentValues(props: {
+  value: DateValue;
+  formatter: Formatter;
+}): SegmentValueObj;
+declare function initializeSegmentValues(granularity: Granularity): SegmentValueObj;
+declare function createContent(props: CreateContentProps): {
+  obj: SegmentContentObj;
+  arr: {
+    part: SegmentPart;
+    value: string;
+  }[];
+};
+//#endregion
+export { createContent, initializeSegmentValues, syncSegmentValues, syncTimeSegmentValues };

package/dist/date/parser.js

@@ -0,0 +1 @@
+import{isTime as e,isZonedDateTime as t,toDate as n}from"./comparators.js";import{getOptsByGranularity as r,normalizeHourCycle as i}from"./utils.js";import{DATE_SEGMENT_PARTS as a,EDITABLE_SEGMENT_PARTS as o,TIME_SEGMENT_PARTS as s,isDateSegmentPart as c,isSegmentPart as l}from"./parts.js";import{getPlaceholder as u}from"./placeholders.js";function d(e){return Object.fromEntries(s.map(t=>t===`dayPeriod`?[t,e.formatter.dayPeriod(n(e.value))]:[t,e.value[t]]))}function f(e){let t=a.map(t=>[t,e.value[t]]);return`hour`in e.value?{...Object.fromEntries(t),...d(e)}:Object.fromEntries(t)}function p(e){let t=[`hour`,`minute`,`second`],n=o.map(e=>e===`dayPeriod`?[e,`AM`]:[e,null]).filter(([n])=>e===`minute`&&n===`second`||e===`hour`&&(n===`second`||n===`minute`)?!1:e===`day`?!t.includes(n)&&n!==`dayPeriod`:!0);return Object.fromEntries(n)}function m(e){let t=e.segmentValues,n=n=>{if(`hour`in e.segmentValues){let r=t[n];return r===null?u(n,``,e.locale.value):n===`day`?e.formatter.part(e.dateRef.set({[n]:r,month:`month`in e.segmentValues?e.segmentValues.month??1:1}),n,{hourCycle:i(e.hourCycle)}):e.formatter.part(e.dateRef.set({[n]:r}),n,{hourCycle:i(e.hourCycle)})}if(c(n)){let r=t[n];return r===null?u(n,``,e.locale.value):n===`day`?e.formatter.part(e.dateRef.set({[n]:r,month:e.segmentValues.month??1}),n):e.formatter.part(e.dateRef.set({[n]:r}),n)}return``};return Object.keys(e.segmentValues).reduce((t,r)=>l(r)?`hour`in e.segmentValues&&r===`dayPeriod`?(t[r]=e.segmentValues[r]??u(r,`AM`,e.locale.value),t):(t[r]=h(r,n),t):t,{})}function h(e,t){return t(e)}function g(n){let i=m(n);return{obj:i,arr:n.formatter.toParts(n.dateRef,r(n.granularity,n.hourCycle,n.isTimeValue)).map(e=>e.type===`literal`||e.type===`timeZoneName`||e.type===null||!l(e.type)?{part:e.type,value:e.value}:{part:e.type,value:i[e.type]}).filter(r=>!(r.part===null||r.value===null||r.part===`timeZoneName`&&(e(n.dateRef)||!t(n.dateRef))||r.part===`timeZoneName`&&n.hideTimeZone))}}export{g as createContent,p as initializeSegmentValues,f as syncSegmentValues,d as syncTimeSegmentValues};

package/dist/date/parts.d.ts

@@ -0,0 +1,15 @@
+import { DateSegmentPart, EditableSegmentPart, SegmentPart, TimeSegmentPart } from "./types.js";
+
+//#region src/date/parts.d.ts
+declare const DATE_SEGMENT_PARTS: readonly ["day", "month", "year"];
+declare const TIME_SEGMENT_PARTS: readonly ["hour", "minute", "second", "dayPeriod"];
+declare const NON_EDITABLE_SEGMENT_PARTS: readonly ["literal", "timeZoneName"];
+declare const EDITABLE_SEGMENT_PARTS: readonly ["day", "month", "year", "hour", "minute", "second", "dayPeriod"];
+declare const ALL_SEGMENT_PARTS: readonly ["day", "month", "year", "hour", "minute", "second", "dayPeriod", "literal", "timeZoneName"];
+declare const ALL_EXCEPT_LITERAL_PARTS: ("day" | "hour" | "minute" | "second" | "month" | "year" | "dayPeriod" | "timeZoneName")[];
+declare function isDateSegmentPart(part: unknown): part is DateSegmentPart;
+declare function isTimeSegmentPart(part: unknown): part is TimeSegmentPart;
+declare function isSegmentPart(part: string): part is EditableSegmentPart;
+declare function isAnySegmentPart(part: unknown): part is SegmentPart;
+//#endregion
+export { ALL_EXCEPT_LITERAL_PARTS, ALL_SEGMENT_PARTS, DATE_SEGMENT_PARTS, EDITABLE_SEGMENT_PARTS, NON_EDITABLE_SEGMENT_PARTS, TIME_SEGMENT_PARTS, isAnySegmentPart, isDateSegmentPart, isSegmentPart, isTimeSegmentPart };

package/dist/date/parts.js

@@ -0,0 +1 @@
+const e=[`day`,`month`,`year`],t=[`hour`,`minute`,`second`,`dayPeriod`],n=[`literal`,`timeZoneName`],r=[...e,...t],i=[...r,...n],a=i.filter(e=>e!==`literal`);function o(t){return e.includes(t)}function s(e){return t.includes(e)}function c(e){return r.includes(e)}function l(e){return i.includes(e)}export{a as ALL_EXCEPT_LITERAL_PARTS,i as ALL_SEGMENT_PARTS,e as DATE_SEGMENT_PARTS,r as EDITABLE_SEGMENT_PARTS,n as NON_EDITABLE_SEGMENT_PARTS,t as TIME_SEGMENT_PARTS,l as isAnySegmentPart,o as isDateSegmentPart,c as isSegmentPart,s as isTimeSegmentPart};

package/dist/date/placeholders.d.ts

@@ -0,0 +1,23 @@
+//#region src/date/placeholders.d.ts
+declare const placeholders: {
+  readonly en: {
+    readonly year: "yyyy";
+    readonly month: "mm";
+    readonly day: "dd";
+  };
+  readonly 'zh-CN': {
+    readonly year: "年";
+    readonly month: "月";
+    readonly day: "日";
+  };
+  readonly 'zh-TW': {
+    readonly year: "年";
+    readonly month: "月";
+    readonly day: "日";
+  };
+};
+type PlaceholderField = 'year' | 'month' | 'day';
+type SupportedLocale = keyof typeof placeholders;
+declare function getPlaceholder(field: PlaceholderField | 'era' | 'hour' | 'minute' | 'second' | 'dayPeriod', value: string, locale: string): string;
+//#endregion
+export { SupportedLocale, getPlaceholder };

package/dist/date/placeholders.js

@@ -0,0 +1 @@
+const e={en:{year:`yyyy`,month:`mm`,day:`dd`},"zh-CN":{year:`年`,month:`月`,day:`日`},"zh-TW":{year:`年`,month:`月`,day:`日`}};function t(t){if(t in e)return t;let n=t.split(`-`)[0];return n in e?n:`en`}function n(n,r,i){return n===`year`||n===`month`||n===`day`?e[t(i)][n]:n===`era`||n===`dayPeriod`?r:`––`}export{n as getPlaceholder};

package/dist/date/segment.d.ts

@@ -0,0 +1,7 @@
+//#region src/date/segment.d.ts
+declare function isSegmentNavigationKey(key: string): key is "ArrowLeft" | "ArrowRight";
+declare function isNumberString(value: string): boolean;
+declare function isAcceptableSegmentKey(key: string): boolean;
+declare function getSegmentElements(parentElement: HTMLElement): Element[];
+//#endregion
+export { getSegmentElements, isAcceptableSegmentKey, isNumberString, isSegmentNavigationKey };

package/dist/date/segment.js

@@ -0,0 +1 @@
+function e(e){return e===`ArrowRight`||e===`ArrowLeft`}function t(e){return!Number.isNaN(Number.parseInt(e))}function n(e){return[`Enter`,`ArrowUp`,`ArrowDown`,`ArrowLeft`,`ArrowRight`,`Backspace`,` `,`a`,`A`,`p`,`P`].includes(e)||t(e)}function r(e){return Array.from(e.querySelectorAll(`[data-soybean-date-field-segment]`)).filter(e=>e.getAttribute(`data-soybean-date-field-segment`)!==`literal`)}export{r as getSegmentElements,n as isAcceptableSegmentKey,t as isNumberString,e as isSegmentNavigationKey};