@soybeanjs/headless 0.18.0 → 0.19.0

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

@@ -1 +0,0 @@
-import{useForwardListeners as e}from"../../composables/use-forward-listeners.js";import{useOmitProps as t}from"../../composables/use-props.js";import"../../composables/index.js";import n from"../portal/portal.js";import r from"../popover/popover-positioner.js";import i from"../popover/popover-popup.js";import"../popover/index.js";import{useDatePickerRootContext as a}from"./context.js";import{createBlock as o,createVNode as s,defineComponent as c,guardReactiveProps as l,mergeProps as u,normalizeProps as d,openBlock as f,renderSlot as p,toHandlers as m,unref as h,withCtx as g}from"vue";const _=c({name:`DatePickerContent`,__name:`date-picker-content`,props:{popupProps:{},portalProps:{},placement:{},side:{},sideOffset:{},sideFlip:{type:Boolean},align:{},alignOffset:{},alignFlip:{type:Boolean},avoidCollisions:{type:Boolean,default:!0},collisionBoundary:{},collisionPadding:{},arrowPadding:{},hideShiftedArrow:{type:Boolean},sticky:{},hideWhenDetached:{type:Boolean},positionStrategy:{},updatePositionStrategy:{},disableUpdateOnLayoutShift:{type:Boolean},prioritizePosition:{type:Boolean,default:!0},reference:{},forceMount:{type:Boolean}},emits:[`escapeKeyDown`,`pointerDownOutside`,`focusOutside`,`interactOutside`,`openAutoFocus`,`closeAutoFocus`],setup(c,{emit:_}){let v=c,y=_,b=t(v,[`popupProps`,`portalProps`]),x=e(y),{modelValue:S,open:C,placeholder:w,onDateChange:T,onPlaceholderChange:E}=a(`DatePickerContent`);return(e,t)=>(f(),o(h(n),d(l(c.portalProps)),{default:g(()=>[s(h(r),u(h(b),m(h(x))),{default:g(()=>[s(h(i),d(l(c.popupProps)),{default:g(()=>[p(e.$slots,`default`,{open:h(C),modelValue:h(S),placeholder:h(w),setDate:h(T),setPlaceholder:h(E)})]),_:3},16)]),_:3},16)]),_:3},16))}});export{_ as default};

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

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

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

@@ -1,38 +0,0 @@
-import { DateStep, DateValue, Granularity, Matcher } from "../../date/types.js";
-import { DatePickerRootProps, DatePickerRootSlots } from "./types.js";
-import * as _$vue from "vue";
-
-//#region src/components/date-picker/date-picker-root.vue.d.ts
-type __VLS_Slots = DatePickerRootSlots;
-declare const __VLS_base: _$vue.DefineComponent<DatePickerRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (date: DateValue | undefined) => any;
-  "update:placeholder": (date: DateValue) => any;
-  "update:open": (open: boolean) => any;
-}, string, _$vue.PublicProps, Readonly<DatePickerRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
-  "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
-  "onUpdate:open"?: ((open: boolean) => any) | undefined;
-}>, {
-  placeholder: DateValue;
-  disabled: boolean;
-  step: DateStep;
-  defaultValue: DateValue;
-  defaultPlaceholder: DateValue;
-  hourCycle: 12 | 24;
-  granularity: Granularity;
-  hideTimeZone: boolean;
-  readonly: boolean;
-  isDateUnavailable: Matcher;
-  defaultOpen: boolean;
-  open: boolean;
-  modal: boolean;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-};
-//#endregion
-export { _default };

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

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

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

@@ -1,21 +0,0 @@
-import { AsTag } from "../primitive/types.js";
-import { DateRangePickerPopupProps } from "./types.js";
-import * as _$vue from "vue";
-
-//#region src/components/date-range-picker/date-range-picker-popup.vue.d.ts
-declare var __VLS_8: {};
-type __VLS_Slots = {} & {
-  default?: (props: typeof __VLS_8) => any;
-};
-declare const __VLS_base: _$vue.DefineComponent<DateRangePickerPopupProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<DateRangePickerPopupProps> & Readonly<{}>, {
-  as: AsTag | _$vue.Component;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-};
-//#endregion
-export { _default };

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

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

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

@@ -1,50 +0,0 @@
-import { DateRange, DateStep, DateValue, Granularity, Matcher } from "../../date/types.js";
-import { DateRangePickerRootProps } from "./types.js";
-import * as _$vue from "vue";
-
-//#region src/components/date-range-picker/date-range-picker-root.vue.d.ts
-type __VLS_Slots = {
-  default?: (props: {
-    modelValue: DateRange;
-    placeholder: DateValue;
-    setPlaceholder: (date: DateValue) => void;
-    setRange: (range: DateRange) => void;
-    open: boolean;
-  }) => any;
-};
-declare const __VLS_base: _$vue.DefineComponent<DateRangePickerRootProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-  "update:modelValue": (range: DateRange) => any;
-  "update:placeholder": (date: DateValue) => any;
-  "update:startValue": (date: DateValue | undefined) => any;
-  "update:endValue": (date: DateValue | undefined) => any;
-  "update:open": (open: boolean) => any;
-}, string, _$vue.PublicProps, Readonly<DateRangePickerRootProps> & Readonly<{
-  "onUpdate:modelValue"?: ((range: DateRange) => any) | undefined;
-  "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
-  "onUpdate:startValue"?: ((date: DateValue | undefined) => any) | undefined;
-  "onUpdate:endValue"?: ((date: DateValue | undefined) => any) | undefined;
-  "onUpdate:open"?: ((open: boolean) => any) | undefined;
-}>, {
-  placeholder: DateValue;
-  disabled: boolean;
-  step: DateStep;
-  defaultValue: DateRange;
-  defaultPlaceholder: DateValue;
-  hourCycle: 12 | 24;
-  granularity: Granularity;
-  hideTimeZone: boolean;
-  readonly: boolean;
-  isDateUnavailable: Matcher;
-  defaultOpen: boolean;
-  open: boolean;
-  modal: boolean;
-}, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
-declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-type __VLS_WithSlots<T, S> = T & {
-  new (): {
-    $slots: S;
-  };
-};
-//#endregion
-export { _default };

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

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

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

@@ -1,21 +0,0 @@
-import { AsTag } from "../primitive/types.js";
-import { DateRangePickerTriggerProps } from "./types.js";
-import * as _$vue from "vue";
-
-//#region src/components/date-range-picker/date-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<DateRangePickerTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<DateRangePickerTriggerProps> & 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/month-picker/context.d.ts

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

package/dist/components/month-picker/context.js

@@ -1 +0,0 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`MonthPickerRoot`),[i,a]=t(`MonthPickerUi`);export{n as provideMonthPickerRootContext,i as provideMonthPickerUi,r as useMonthPickerRootContext,a as useMonthPickerUi};

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

@@ -1,6 +0,0 @@
-import { MonthPickerPopupProps, MonthPickerRootContext, MonthPickerRootEmits, MonthPickerRootProps, MonthPickerTriggerProps, MonthPickerUi, MonthPickerUiSlot } from "./types.js";
-import { _default } from "./month-picker-popup.vue.js";
-import { _default as _default$1 } from "./month-picker-root.vue.js";
-import { _default as _default$2 } from "./month-picker-trigger.vue.js";
-import { provideMonthPickerUi } from "./context.js";
-export { _default as MonthPickerPopup, type MonthPickerPopupProps, _default$1 as MonthPickerRoot, type MonthPickerRootContext, type MonthPickerRootEmits, type MonthPickerRootProps, _default$2 as MonthPickerTrigger, type MonthPickerTriggerProps, type MonthPickerUi, type MonthPickerUiSlot, provideMonthPickerUi };

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

@@ -1 +0,0 @@
-import{provideMonthPickerUi as e}from"./context.js";import t from"./month-picker-popup.js";import n from"./month-picker-root.js";import r from"./month-picker-trigger.js";export{t as MonthPickerPopup,n as MonthPickerRoot,r as MonthPickerTrigger,e as provideMonthPickerUi};

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

@@ -1 +0,0 @@
-import{compareYearMonth as e,toDate as t}from"../../date/comparators.js";import"../../date/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import"../../composables/index.js";import{Primitive as r}from"../primitive/primitive.js";import"../primitive/index.js";import{useMonthPickerRootContext as i,useMonthPickerUi as a}from"./context.js";import{Fragment as ee,computed as te,createBlock as o,createCommentVNode as s,createElementBlock as c,createElementVNode as l,createTextVNode as u,defineComponent as d,nextTick as f,normalizeClass as p,openBlock as m,renderList as h,renderSlot as g,toDisplayString as _,unref as v,useId as ne,watch as y,withCtx as b}from"vue";const re=[`data-disabled`,`disabled`],x=[`id`],S=[`data-disabled`,`disabled`],C=[`aria-label`,`aria-pressed`,`data-disabled`,`data-focused`,`data-month-value`,`data-selected`,`disabled`,`tabindex`,`onClick`,`onFocus`,`onKeydown`],w=d({name:`MonthPickerPopup`,__name:`month-picker-popup`,props:{asChild:{type:Boolean},as:{default:`div`}},setup(d){let w=a(`popup`),T=a(`header`),E=a(`heading`),D=a(`prev`),O=a(`next`),k=a(`grid`),ie=a(`cellTrigger`),{placeholder:ae,isMonthDisabled:A,setFocusedMonth:j,isNextButtonDisabled:M,nextPage:N,isPrevButtonDisabled:P,prevPage:F,focusedMonth:I,onMonthChange:L,dir:R,open:z,popupId:B,headingValue:V,formatter:H,isMonthSelected:U}=i(`MonthPickerPopup`),[W,G]=n(),K=ne(),q=te(()=>Array.from({length:12},(e,t)=>ae.value.set({month:t+1,day:1}))),J=e=>{(W.value?.querySelector(`[data-month-value='${e.toString()}']`))?.focus()},Y=(e,t)=>{let n=e;for(;n>=0&&n<q.value.length;){let e=q.value[n];if(!A(e)){j(e),f(()=>{J(e)});return}n+=t}},X=(e,t)=>{if(t>0){if(M())return;N()}else{if(P())return;F()}f(()=>{Y(e,t)})},Z=(e,t)=>{let n=e+t,r=t>=0?1:-1;if(n>=0&&n<q.value.length){Y(n,r);return}X(n<0?q.value.length+n:n-q.value.length,r)},Q=()=>{P()||(F(),f(()=>{J(I.value)}))},$=()=>{M()||(N(),f(()=>{J(I.value)}))},oe=e=>{j(e)},se=e=>{A(e)||L(e)},ce=(e,t,n)=>{if(A(e))return;let r=R.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,3);break;case`ArrowUp`:n.preventDefault(),Z(t,-3);break;case`Home`:n.preventDefault(),Y(t-t%3,1);break;case`End`:n.preventDefault(),Y(t+(2-t%3),-1);break;case`PageUp`:n.preventDefault(),Q();break;case`PageDown`:n.preventDefault(),$();break;case`Enter`:case` `:n.preventDefault(),L(e);break;default:break}};return y(()=>z.value,e=>{e&&f(()=>{J(I.value)})}),(n,i)=>v(z)?(m(),o(v(r),{key:0,id:v(B),ref:v(G),as:d.as,"as-child":d.asChild,"aria-labelledby":v(K),class:p(v(w)),"data-slot":`popup`,role:`dialog`},{default:b(()=>[l(`div`,{class:p(v(T)),"data-slot":`header`},[l(`button`,{"aria-label":`Previous year`,class:p(v(D)),"data-disabled":v(P)()?``:void 0,"data-slot":`prev`,disabled:v(P)(),type:`button`,onClick:Q},[g(n.$slots,`prev`,{disabled:v(P)()},()=>[i[0]||(i[0]=u(`Prev`,-1))])],10,re),l(`div`,{id:v(K),class:p(v(E)),"data-slot":`heading`},[g(n.$slots,`heading`,{headingValue:v(V)},()=>[u(_(v(V)),1)])],10,x),l(`button`,{"aria-label":`Next year`,class:p(v(O)),"data-disabled":v(M)()?``:void 0,"data-slot":`next`,disabled:v(M)(),type:`button`,onClick:$},[g(n.$slots,`next`,{disabled:v(M)()},()=>[i[1]||(i[1]=u(`Next`,-1))])],10,S)],2),l(`div`,{class:p(v(k)),"data-slot":`grid`},[(m(!0),c(ee,null,h(q.value,(r,i)=>(m(),c(`button`,{key:r.toString(),"aria-label":v(H).fullMonthAndYear(v(t)(r)),"aria-pressed":v(U)(r)?!0:void 0,class:p(v(ie)),"data-disabled":v(A)(r)?``:void 0,"data-focused":v(e)(r,v(I))===0?``:void 0,"data-month-value":r.toString(),"data-selected":v(U)(r)?``:void 0,"data-slot":`cell-trigger`,disabled:v(A)(r),tabindex:v(e)(r,v(I))===0&&!v(A)(r)?0:-1,type:`button`,onClick:e=>se(r),onFocus:e=>oe(r),onKeydown:e=>ce(r,i,e)},[g(n.$slots,`month`,{date:r,disabled:v(A)(r),focused:v(e)(r,v(I))===0,label:v(H).custom(v(t)(r),{month:`short`}),selected:v(U)(r)},()=>[u(_(v(H).custom(v(t)(r),{month:`short`})),1)])],42,C))),128))],2)]),_:3},8,[`id`,`as`,`as-child`,`aria-labelledby`,`class`])):s(`v-if`,!0)}});export{w as default};

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

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

@@ -1 +0,0 @@
-import{compareYearMonth as e,getDefaultDate as t,toDate as n}from"../../date/comparators.js";import{useDateFormatter as r}from"../../date/formatter.js";import"../../date/index.js";import{useControllableState as i}from"../../composables/use-controllable-state.js";import"../../composables/index.js";import{useDirection as a,useLocale as o}from"../config-provider/context.js";import{Primitive as s}from"../primitive/primitive.js";import"../primitive/index.js";import{provideMonthPickerRootContext as c,useMonthPickerUi as l}from"./context.js";import{computed as u,createBlock as d,defineComponent as f,normalizeClass as p,openBlock as m,renderSlot as h,shallowRef as g,unref as _,useId as v,watch as y,withCtx as b}from"vue";const x=f({name:`MonthPickerRoot`,__name:`month-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:open`],setup(f,{emit:x}){let S=f,C=x,w=l(`root`),T=v(),E=o(()=>S.locale),D=a(()=>S.dir),O=r(E.value),k=i(()=>S.modelValue,e=>C(`update:modelValue`,e),S.defaultValue),A=t({defaultPlaceholder:S.placeholder,defaultValue:k.value,locale:S.locale}).set({day:1}),j=i(()=>S.placeholder,e=>C(`update:placeholder`,e),S.defaultPlaceholder?.set({day:1})??A.copy()),M=i(()=>S.open,e=>C(`update:open`,e??!1),S.defaultOpen),N=g((k.value??j.value).set({day:1})),P=u(()=>S.minValue?.set({day:1})),F=u(()=>S.maxValue?.set({day:1})),I=t=>!!(S.disabled||P.value&&e(t,P.value)<0||F.value&&e(t,F.value)>0),L=t=>k.value?e(t,k.value.set({day:1}))===0:!1,R=u(()=>k.value?I(k.value.set({day:1})):!1),z=u(()=>k.value?O.fullMonthAndYear(n(k.value.set({day:1}))):``),B=u(()=>O.fullYear(n(j.value.set({day:1})))),V=e=>{let t=e.set({day:1});j.value=t.copy(),N.value=t.copy()};return y(E,e=>{O.getLocale()!==e&&O.setLocale(e)}),y(k,t=>{if(!t){N.value=j.value.set({day:1}).copy();return}let n=t.set({day:1});e(j.value,n)!==0&&(j.value=n.copy()),N.value=n.copy()}),c({locale:E,dir:D,modelValue:k,placeholder:j,isInvalid:R,formatter:O,open:M,popupId:T,displayValue:z,headingValue:B,focusedMonth:N,minValue:P,maxValue:F,onMonthChange:e=>{let t=e.set({day:1});S.readonly||I(t)||(k.value=t.copy(),V(t),M.value=!1)},onPlaceholderChange:V,isMonthDisabled:I,isMonthSelected:L,setOpen(e){M.value=e},setFocusedMonth:e=>{N.value=e.set({day:1}).copy()},prevPage:()=>{V(j.value.subtract({years:1}))},nextPage:()=>{V(j.value.add({years:1}))},isPrevButtonDisabled:()=>S.disabled?!0:P.value?e(j.value.subtract({years:1}).set({month:12,day:1}),P.value)<0:!1,isNextButtonDisabled:()=>S.disabled?!0:F.value?e(j.value.add({years:1}).set({month:1,day:1}),F.value)>0:!1,disabled:u(()=>S.disabled),readonly:u(()=>S.readonly)}),(e,t)=>(m(),d(_(s),{as:f.as,"as-child":f.asChild,class:p(_(w)),"data-disabled":f.disabled?``:void 0,"data-invalid":R.value?``:void 0,"data-readonly":f.readonly?``:void 0,dir:_(D),"data-slot":`root`},{default:b(()=>[h(e.$slots,`default`,{displayValue:z.value,modelValue:_(k),open:!!_(M)})]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{x as default};

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

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

@@ -1 +0,0 @@
-import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useMonthPickerRootContext as t,useMonthPickerUi 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:`MonthPickerTrigger`,__name:`month-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(`MonthPickerTrigger`),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/month-picker/month-picker-trigger.vue.d.ts

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

@@ -1,202 +0,0 @@
-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 { Formatter } from "../../date/formatter.js";
-import { ComputedRef, HTMLAttributes, ShallowRef } from "vue";
-import { DateValue } from "@internationalized/date";
-
-//#region src/components/month-picker/types.d.ts
-/**
- * Properties for the MonthPickerRoot component.
- */
-interface MonthPickerRootProps extends PrimitiveProps, FormFieldCommonProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
-  /**
-   * Default value.
-   */
-  defaultValue?: DateValue;
-  /**
-   * Default placeholder.
-   */
-  defaultPlaceholder?: DateValue;
-  /**
-   * Placeholder.
-   */
-  placeholder?: DateValue;
-  /**
-   * Current model value.
-   */
-  modelValue?: DateValue;
-  /**
-   * Min value.
-   */
-  minValue?: DateValue;
-  /**
-   * Max value.
-   */
-  maxValue?: DateValue;
-  /**
-   * Locale.
-   */
-  locale?: string;
-  /**
-   * Whether the component is disabled.
-   */
-  disabled?: boolean;
-  /**
-   * Whether the component is readonly.
-   */
-  readonly?: boolean;
-  /**
-   * Id.
-   */
-  id?: string;
-  /**
-   * Reading direction of the component.
-   */
-  dir?: Direction;
-  /**
-   * Whether the component is open by default.
-   */
-  defaultOpen?: boolean;
-  /**
-   * Whether the component is open.
-   */
-  open?: boolean;
-  /**
-   * Whether the popup is modal.
-   */
-  modal?: boolean;
-}
-/**
- * Events for the MonthPickerRoot component.
- */
-type MonthPickerRootEmits = {
-  /**
-   * Emitted when the model value changes.
-   */
-  'update:modelValue': [date: DateValue | undefined];
-  /**
-   * Emitted when the placeholder value changes.
-   */
-  'update:placeholder': [date: DateValue];
-  /**
-   * Emitted when the open state changes.
-   */
-  'update:open': [open: boolean];
-};
-/**
- * Properties for the MonthPickerTrigger component.
- */
-interface MonthPickerTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
-/**
- * Properties for the MonthPickerPopup component.
- */
-interface MonthPickerPopupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
-/**
- * Context for the MonthPickerRoot component.
- */
-interface MonthPickerRootContext extends PropsToContext<MonthPickerRootProps, 'disabled' | 'readonly'> {
-  /**
-   * Locale used by the component context.
-   */
-  locale: ComputedRef<string>;
-  /**
-   * Reading direction of the component.
-   */
-  dir: ComputedRef<Direction>;
-  /**
-   * Current model value.
-   */
-  modelValue: ShallowRef<DateValue | undefined>;
-  /**
-   * Placeholder used by the component context.
-   */
-  placeholder: ShallowRef<DateValue>;
-  /**
-   * Whether the current value is invalid.
-   */
-  isInvalid: ComputedRef<boolean>;
-  /**
-   * Formatter used by the component context.
-   */
-  formatter: Formatter;
-  /**
-   * Whether the component is open.
-   */
-  open: ShallowRef<boolean | undefined>;
-  /**
-   * Popup id used by the component context.
-   */
-  popupId: string;
-  /**
-   * Display value used by the component context.
-   */
-  displayValue: ComputedRef<string>;
-  /**
-   * Heading value used by the component context.
-   */
-  headingValue: ComputedRef<string>;
-  /**
-   * Focused month used by the component context.
-   */
-  focusedMonth: ShallowRef<DateValue>;
-  /**
-   * Min value used by the component context.
-   */
-  minValue: ComputedRef<DateValue | undefined>;
-  /**
-   * Max value used by the component context.
-   */
-  maxValue: ComputedRef<DateValue | undefined>;
-  /**
-   * Callback invoked when the month changes.
-   */
-  onMonthChange: (date: DateValue) => void;
-  /**
-   * Callback invoked when the placeholder changes.
-   */
-  onPlaceholderChange: (date: DateValue) => void;
-  /**
-   * Whether the month is disabled.
-   */
-  isMonthDisabled: (date: DateValue) => boolean;
-  /**
-   * Whether the month is selected.
-   */
-  isMonthSelected: (date: DateValue) => boolean;
-  /**
-   * Set open used by the component context.
-   */
-  setOpen: (value: boolean) => void;
-  /**
-   * Set focused month used by the component context.
-   */
-  setFocusedMonth: (date: DateValue) => void;
-  /**
-   * Prev page used by the component context.
-   */
-  prevPage: () => void;
-  /**
-   * Next page used by the component context.
-   */
-  nextPage: () => void;
-  /**
-   * Whether the previous button is disabled.
-   */
-  isPrevButtonDisabled: () => boolean;
-  /**
-   * Whether the next button is disabled.
-   */
-  isNextButtonDisabled: () => boolean;
-}
-/**
- * Available UI slots for the MonthPicker component.
- */
-type MonthPickerUiSlot = 'root' | 'trigger' | 'popup' | 'header' | 'heading' | 'prev' | 'next' | 'grid' | 'cellTrigger';
-/**
- * UI class overrides for the MonthPicker component.
- */
-type MonthPickerUi = UiClass<MonthPickerUiSlot>;
-//#endregion
-export { MonthPickerPopupProps, MonthPickerRootContext, MonthPickerRootEmits, MonthPickerRootProps, MonthPickerTriggerProps, MonthPickerUi, MonthPickerUiSlot };

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

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

package/dist/components/month-range-picker/context.js

@@ -1 +0,0 @@
-import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`MonthRangePickerRoot`),[i,a]=t(`MonthRangePickerUi`);export{n as provideMonthRangePickerRootContext,i as provideMonthRangePickerUi,r as useMonthRangePickerRootContext,a as useMonthRangePickerUi};

package/dist/components/month-range-picker/index.d.ts

@@ -1,6 +0,0 @@
-import { MonthRangePickerPopupProps, MonthRangePickerRootContext, MonthRangePickerRootEmits, MonthRangePickerRootProps, MonthRangePickerTriggerProps, MonthRangePickerUi, MonthRangePickerUiSlot } from "./types.js";
-import { _default } from "./month-range-picker-popup.vue.js";
-import { _default as _default$1 } from "./month-range-picker-root.vue.js";
-import { _default as _default$2 } from "./month-range-picker-trigger.vue.js";
-import { provideMonthRangePickerUi } from "./context.js";
-export { _default as MonthRangePickerPopup, type MonthRangePickerPopupProps, _default$1 as MonthRangePickerRoot, type MonthRangePickerRootContext, type MonthRangePickerRootEmits, type MonthRangePickerRootProps, _default$2 as MonthRangePickerTrigger, type MonthRangePickerTriggerProps, type MonthRangePickerUi, type MonthRangePickerUiSlot, provideMonthRangePickerUi };

package/dist/components/month-range-picker/index.js

@@ -1 +0,0 @@
-import{provideMonthRangePickerUi as e}from"./context.js";import t from"./month-range-picker-popup.js";import n from"./month-range-picker-root.js";import r from"./month-range-picker-trigger.js";export{t as MonthRangePickerPopup,n as MonthRangePickerRoot,r as MonthRangePickerTrigger,e as provideMonthRangePickerUi};

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

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

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

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

@@ -1 +0,0 @@
-import{isNullish as e}from"../../shared/guard.js";import{compareYearMonth as t,getDefaultDate as n,isMonthBetweenInclusive as r,toDate as i}from"../../date/comparators.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{provideMonthRangePickerRootContext as u,useMonthRangePickerUi 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:`MonthRangePickerRoot`,__name:`month-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=o(()=>w.modelValue,e=>{T(`update:modelValue`,e),T(`update:startValue`,e.start),T(`update:endValue`,e.end)},w.defaultValue??{}),M=n({defaultPlaceholder:w.placeholder,defaultValue:j.value.start,locale:w.locale}).set({day:1}),N=o(()=>w.placeholder,e=>T(`update:placeholder`,e),w.defaultPlaceholder?.set({day:1})??M.copy()),P=o(()=>w.open,e=>T(`update:open`,e??!1),w.defaultOpen),F=v((j.value.end??j.value.start??N.value).set({day:1})),I=v(),L=f(()=>w.minValue?.set({day:1})),R=f(()=>w.maxValue?.set({day:1})),z=(e,n)=>t(e,n)<=0?{start:e.copy(),end:n.copy()}:{start:n.copy(),end:e.copy()},B=e=>!!(w.disabled||L.value&&t(e,L.value)<0||R.value&&t(e,R.value)>0),V=e=>j.value.start?t(e,j.value.start.set({day:1}))===0:!1,H=e=>j.value.end?t(e,j.value.end.set({day:1}))===0:!1,U=e=>{let{start:n,end:i}=j.value;return!n&&!i?!1:n&&!i?t(e,n.set({day:1}))===0:n&&i?r(e,n.set({day:1}),i.set({day:1})):!1},W=e=>{let{start:t,end:n}=j.value;if(!t||n||!I.value)return!1;let i=z(t.set({day:1}),I.value.set({day:1}));return r(e,i.start,i.end)},G=f(()=>{let{start:e,end:n}=j.value;return!!(e&&B(e.set({day:1}))||n&&B(n.set({day:1}))||e&&n&&t(n.set({day:1}),e.set({day:1}))<0)}),K=f(()=>{let{start:e,end:t}=j.value;return e&&t?`${A.fullMonthAndYear(i(e.set({day:1})))} – ${A.fullMonthAndYear(i(t.set({day:1})))}`:e?`${A.fullMonthAndYear(i(e.set({day:1})))} – ...`:``}),q=f(()=>A.fullYear(i(N.value.set({day:1})))),J=f(()=>!e(j.value.start)&&!e(j.value.end)),Y=e=>{let t=e.set({day:1});N.value=t.copy(),F.value=t.copy()};return x(O,e=>{A.getLocale()!==e&&A.setLocale(e)}),x(()=>j.value.start,e=>{if(!e)return;let n=e.set({day:1});t(N.value,n)!==0&&(N.value=n.copy())}),x(j,e=>{F.value=(e.end??e.start??N.value).set({day:1}).copy()},{deep:!0}),u({locale:O,dir:k,modelValue:j,placeholder:N,isInvalid:G,formatter:A,open:P,popupId:D,displayValue:K,headingValue:q,focusedMonth:F,hoveredMonth:I,minValue:L,maxValue:R,hasSelectedRange:J,onRangeChange:e=>{let t=e.set({day:1});if(w.readonly||B(t))return;let{start:n,end:r}=j.value;if(!n||r){j.value={start:t.copy(),end:void 0},F.value=t.copy(),I.value=void 0,Y(t);return}let i=z(n.set({day:1}),t);j.value=i,F.value=t.copy(),I.value=void 0,Y(i.start),P.value=!1},onPlaceholderChange:Y,isMonthDisabled:B,isMonthSelected:U,isMonthHighlighted:W,isRangeStart:V,isRangeEnd:H,setOpen(e){P.value=e},setFocusedMonth:e=>{F.value=e.set({day:1}).copy()},setHoveredMonth:e=>{I.value=e?.set({day:1}).copy()},prevPage:()=>{Y(N.value.subtract({years:1}))},nextPage:()=>{Y(N.value.add({years:1}))},isPrevButtonDisabled:()=>w.disabled?!0:L.value?t(N.value.subtract({years:1}).set({month:12,day:1}),L.value)<0:!1,isNextButtonDisabled:()=>w.disabled?!0:R.value?t(N.value.add({years:1}).set({month:1,day:1}),R.value)>0:!1,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":G.value?``:void 0,"data-readonly":m.readonly?``:void 0,dir:y(k),"data-slot":`root`},{default:S(()=>[_(e.$slots,`default`,{displayValue:K.value,modelValue:y(j),open:!!y(P)})]),_:3},8,[`as`,`as-child`,`class`,`data-disabled`,`data-invalid`,`data-readonly`,`dir`]))}});export{C as default};