@soybeanjs/headless 0.15.5 → 0.17.0

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

@@ -0,0 +1,36 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,39 @@
+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:open": (open: boolean) => any;
+  "update:placeholder": (date: DateValue) => any;
+}, string, _$vue.PublicProps, Readonly<MonthPickerRootProps> & Readonly<{
+  "onUpdate:modelValue"?: ((date: DateValue | undefined) => any) | undefined;
+  "onUpdate:open"?: ((open: boolean) => any) | undefined;
+  "onUpdate:placeholder"?: ((date: DateValue) => any) | undefined;
+}>, {
+  placeholder: DateValue;
+  disabled: boolean;
+  defaultValue: DateValue;
+  open: boolean;
+  defaultOpen: boolean;
+  readonly: boolean;
+  defaultPlaceholder: DateValue;
+  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

@@ -0,0 +1 @@
+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/{autocomplete/autocomplete-trigger.vue.d.ts → month-picker/month-picker-trigger.vue.d.ts}

@@ -1,13 +1,13 @@
 import { AsTag } from "../primitive/types.js";
-import { AutocompleteTriggerProps } from "./types.js";
+import { MonthPickerTriggerProps } from "./types.js";
 import * as _$vue from "vue";
 
-//#region src/components/autocomplete/autocomplete-trigger.vue.d.ts
+//#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<AutocompleteTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<AutocompleteTriggerProps> & Readonly<{}>, {
+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>;

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

@@ -0,0 +1,202 @@
+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
+/**
+ * Props for the month picker root 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;
+}
+/**
+ * Emits for the month picker root 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];
+};
+/**
+ * Props for the month picker trigger component.
+ */
+interface MonthPickerTriggerProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Props for the month picker popup component.
+ */
+interface MonthPickerPopupProps extends PrimitiveProps, /** @vue-ignore */HTMLAttributes {}
+/**
+ * Context for the month picker root 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 month picker component.
+ */
+type MonthPickerUiSlot = 'root' | 'trigger' | 'popup' | 'header' | 'heading' | 'prev' | 'next' | 'grid' | 'cellTrigger';
+/**
+ * UI class overrides for the month picker component.
+ */
+type MonthPickerUi = UiClass<MonthPickerUiSlot>;
+//#endregion
+export { MonthPickerPopupProps, MonthPickerRootContext, MonthPickerRootEmits, MonthPickerRootProps, MonthPickerTriggerProps, MonthPickerUi, MonthPickerUiSlot };

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

@@ -0,0 +1,9 @@
+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

@@ -0,0 +1 @@
+import{useContext as e}from"../../composables/use-context.js";import{useUiContext as t}from"../../composables/use-ui-context.js";import"../../composables/index.js";const[n,r]=e(`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

@@ -0,0 +1,6 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1 @@
+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

@@ -0,0 +1,39 @@
+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

@@ -0,0 +1 @@
+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};

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

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

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

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