@soybeanjs/headless 0.17.0 → 0.19.0

package/dist/components/calendar/types.d.ts

@@ -1,12 +1,10 @@
 import { Direction, UiClass } from "../../types/common.js";
-import { PropsToContext } from "../../types/vue.js";
-import { PrimitiveProps } from "../primitive/types.js";
-import { Grid, Matcher } from "../../date/types.js";
-import { WeekDayFormat, WeekStartsOn } from "../../date/calendar.js";
+import { PrimitiveWithBaseProps } from "../primitive/types.js";
+import { ButtonProps } from "../button/types.js";
+import { DateGrid, DateMatcher, DateValue, WeekDayFormat, WeekStartsOn } from "../../date/types.js";
 import { Formatter } from "../../date/formatter.js";
 import { SelectOptionData } from "../select/types.js";
-import { ButtonHTMLAttributes, ComputedRef, HTMLAttributes, ShallowRef } from "vue";
-import { DateValue } from "@internationalized/date";
+import { ComputedRef, ShallowRef } from "vue";
 
 //#region src/components/calendar/types.d.ts
 /**
@@ -14,21 +12,45 @@ import { DateValue } from "@internationalized/date";
  */
 type CalendarModelValue<M extends boolean = false> = M extends true ? DateValue[] | undefined : DateValue | undefined;
 /**
- * Props for the calendar root component.
+ * Properties for the CalendarRoot component.
  */
-interface CalendarRootProps<M extends boolean = false> extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+interface CalendarRootProps<M extends boolean = false> extends Omit<PrimitiveWithBaseProps, 'dir' | 'placeholder'> {
+  /**
+   * Reading direction of the component.
+   */
+  dir?: Direction;
+  /**
+   * Locale.
+   */
+  locale?: string;
+  /**
+   * Current model value.
+   */
+  modelValue?: CalendarModelValue<M>;
   /**
    * Default value.
    */
   defaultValue?: CalendarModelValue<M>;
   /**
-   * Default placeholder.
+   * Whether multiple values are supported.
    */
-  defaultPlaceholder?: DateValue;
+  multiple?: M;
   /**
    * Placeholder.
    */
   placeholder?: DateValue;
+  /**
+   * Default placeholder.
+   */
+  defaultPlaceholder?: DateValue;
+  /**
+   * Whether the component is disabled.
+   */
+  disabled?: boolean;
+  /**
+   * Whether the component is readonly.
+   */
+  readonly?: boolean;
   /**
    * Whether paged navigation.
    */
@@ -61,22 +83,10 @@ interface CalendarRootProps<M extends boolean = false> extends PrimitiveProps, /
    * Min value.
    */
   minValue?: DateValue;
-  /**
-   * Locale.
-   */
-  locale?: string;
   /**
    * Number of months.
    */
   numberOfMonths?: number;
-  /**
-   * Whether the component is disabled.
-   */
-  disabled?: boolean;
-  /**
-   * Whether the component is readonly.
-   */
-  readonly?: boolean;
   /**
    * Whether initial focus.
    */
@@ -84,15 +94,11 @@ interface CalendarRootProps<M extends boolean = false> extends PrimitiveProps, /
   /**
    * Whether the date is disabled.
    */
-  isDateDisabled?: Matcher;
+  isDateDisabled?: DateMatcher;
   /**
    * Whether the date is unavailable.
    */
-  isDateUnavailable?: Matcher;
-  /**
-   * Reading direction of the component.
-   */
-  dir?: Direction;
+  isDateUnavailable?: DateMatcher;
   /**
    * Next page.
    */
@@ -101,21 +107,13 @@ interface CalendarRootProps<M extends boolean = false> extends PrimitiveProps, /
    * Prev page.
    */
   prevPage?: (placeholder: DateValue) => DateValue;
-  /**
-   * Current model value.
-   */
-  modelValue?: CalendarModelValue<M>;
-  /**
-   * Whether multiple values are supported.
-   */
-  multiple?: M;
   /**
    * Whether to disable days outside current view.
    */
   disableDaysOutsideCurrentView?: boolean;
 }
 /**
- * Emits for the calendar root component.
+ * Events for the CalendarRoot component.
  */
 type CalendarRootEmits<M extends boolean = false> = {
   /**
@@ -128,46 +126,46 @@ type CalendarRootEmits<M extends boolean = false> = {
   'update:placeholder': [date: DateValue];
 };
 /**
- * Props for the calendar header component.
+ * Properties for the CalendarHeader component.
  */
-interface CalendarHeaderProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+interface CalendarHeaderProps extends PrimitiveWithBaseProps {}
 /**
- * Props for the calendar heading component.
+ * Properties for the CalendarHeading component.
  */
-interface CalendarHeadingProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+interface CalendarHeadingProps extends PrimitiveWithBaseProps {}
 /**
- * Props for the calendar grid component.
+ * Properties for the CalendarGrid component.
  */
-interface CalendarGridProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+interface CalendarGridProps extends PrimitiveWithBaseProps {}
 /**
- * Props for the calendar grid head component.
+ * Properties for the CalendarGridHead component.
  */
-interface CalendarGridHeadProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+interface CalendarGridHeadProps extends PrimitiveWithBaseProps {}
 /**
- * Props for the calendar grid body component.
+ * Properties for the CalendarGridBody component.
  */
-interface CalendarGridBodyProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+interface CalendarGridBodyProps extends PrimitiveWithBaseProps {}
 /**
- * Props for the calendar grid row component.
+ * Properties for the CalendarGridRow component.
  */
-interface CalendarGridRowProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+interface CalendarGridRowProps extends PrimitiveWithBaseProps {}
 /**
- * Props for the calendar head cell component.
+ * Properties for the CalendarHeadCell component.
  */
-interface CalendarHeadCellProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {}
+interface CalendarHeadCellProps extends PrimitiveWithBaseProps {}
 /**
- * Props for the calendar cell component.
+ * Properties for the CalendarCell component.
  */
-interface CalendarCellProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+interface CalendarCellProps extends PrimitiveWithBaseProps {
   /**
    * Date.
    */
   date: DateValue;
 }
 /**
- * Props for the calendar cell trigger component.
+ * Properties for the CalendarCellTrigger component.
  */
-interface CalendarCellTriggerProps extends PrimitiveProps, /** @vue-ignore */Omit<HTMLAttributes, 'placeholder'> {
+interface CalendarCellTriggerProps extends ButtonProps {
   /**
    * Day.
    */
@@ -178,152 +176,77 @@ interface CalendarCellTriggerProps extends PrimitiveProps, /** @vue-ignore */Omi
   month: DateValue;
 }
 /**
- * Props for the calendar prev component.
- */
-interface CalendarPrevProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
-  /**
-   * Prev page.
-   */
-  prevPage?: (placeholder: DateValue) => DateValue;
-}
-/**
- * Props for the calendar next component.
- */
-interface CalendarNextProps extends PrimitiveProps, /** @vue-ignore */ButtonHTMLAttributes {
-  /**
-   * Next page.
-   */
-  nextPage?: (placeholder: DateValue) => DateValue;
-}
-/**
- * Context for the calendar root component.
+ * Slot properties for the CalendarCellTrigger component.
  */
-interface CalendarRootContext extends PropsToContext<CalendarRootProps, 'disableDaysOutsideCurrentView' | 'disabled' | 'fixedWeeks' | 'initialFocus' | 'numberOfMonths' | 'pagedNavigation' | 'preventDeselect' | 'readonly'> {
-  /**
-   * Locale used by the component context.
-   */
-  locale: ComputedRef<string>;
-  /**
-   * Reading direction of the component.
-   */
-  dir: ComputedRef<Direction>;
-  /**
-   * Week starts on used by the component context.
-   */
-  weekStartsOn: ComputedRef<WeekStartsOn>;
-  /**
-   * Weekday format used by the component context.
-   */
-  weekdayFormat: ComputedRef<WeekDayFormat>;
-  /**
-   * Current model value.
-   */
-  modelValue: ShallowRef<DateValue | DateValue[] | undefined>;
-  /**
-   * Whether multiple values are supported.
-   */
-  multiple: ComputedRef<boolean>;
-  /**
-   * Placeholder used by the component context.
-   */
-  placeholder: ShallowRef<DateValue>;
-  /**
-   * Grid used by the component context.
-   */
-  grid: ShallowRef<Grid<DateValue>[]>;
-  /**
-   * Parent element used by the component context.
-   */
-  parentElement: ShallowRef<HTMLElement | undefined>;
-  /**
-   * Full calendar label used by the component context.
-   */
-  fullCalendarLabel: ComputedRef<string>;
-  /**
-   * Heading value used by the component context.
-   */
-  headingValue: ComputedRef<string>;
-  /**
-   * Whether the current value is invalid.
-   */
-  isInvalid: ComputedRef<boolean>;
-  /**
-   * Min value used by the component context.
-   */
-  minValue: ComputedRef<DateValue | undefined>;
-  /**
-   * Max value used by the component context.
-   */
-  maxValue: ComputedRef<DateValue | undefined>;
-  /**
-   * Whether the placeholder is focusable.
-   */
-  isPlaceholderFocusable: ComputedRef<boolean>;
-  /**
-   * First focusable date used by the component context.
-   */
-  firstFocusableDate: ComputedRef<DateValue | undefined>;
-  /**
-   * Whether the component has selected date.
-   */
-  hasSelectedDate: ComputedRef<boolean>;
-  /**
-   * Whether the selected date is disabled.
-   */
-  isSelectedDateDisabled: ComputedRef<boolean>;
-  /**
-   * Formatter used by the component context.
-   */
-  formatter: Formatter;
-  /**
-   * Callback invoked when the date changes.
-   */
-  onDateChange: (date: DateValue) => void;
+interface CalendarCellTriggerSlotProps {
   /**
-   * Callback invoked when the placeholder changes.
+   * Day value string exposed in the slot scope.
    */
-  onPlaceholderChange: (date: DateValue) => void;
+  dayValue: string;
   /**
    * Whether the date is disabled.
    */
-  isDateDisabled: Matcher;
+  disabled: boolean;
   /**
    * Whether the date is selected.
    */
-  isDateSelected: Matcher;
+  selected: boolean;
   /**
    * Whether the date is unavailable.
    */
-  isDateUnavailable?: Matcher;
+  unavailable: boolean;
   /**
-   * Whether an outside visible view.
+   * Whether the date is today.
    */
-  isOutsideVisibleView: (date: DateValue) => boolean;
+  today: boolean;
   /**
-   * Prev page used by the component context.
+   * Whether the date is outside the current view.
    */
-  prevPage: (prevPageFunc?: (date: DateValue) => DateValue) => void;
+  outsideView: boolean;
   /**
-   * Next page used by the component context.
+   * Whether the date is outside the visible view.
    */
-  nextPage: (nextPageFunc?: (date: DateValue) => DateValue) => void;
+  outsideVisibleView: boolean;
+}
+/**
+ * Slots for the CalendarCellTrigger component.
+ */
+type CalendarCellTriggerSlots = {
+  /**
+   * Custom content for the default slot.
+   */
+  default?: (props: CalendarCellTriggerSlotProps) => any;
+};
+/**
+ * Properties for the CalendarPrev component.
+ */
+interface CalendarPrevProps extends ButtonProps {
   /**
-   * Whether the previous button is disabled.
+   * Prev page.
    */
-  isPrevButtonDisabled: (prevPageFunc?: (date: DateValue) => DateValue) => boolean;
+  prevPage?: (placeholder: DateValue) => DateValue;
+}
+/**
+ * Properties for the CalendarNext component.
+ */
+interface CalendarNextProps extends ButtonProps {
   /**
-   * Whether the next button is disabled.
+   * Next page.
    */
-  isNextButtonDisabled: (nextPageFunc?: (date: DateValue) => DateValue) => boolean;
+  nextPage?: (placeholder: DateValue) => DateValue;
 }
 /**
- * Slot props for the calendar root component.
+ * Slot properties for the CalendarRoot component.
  */
 interface CalendarRootSlotProps<M extends boolean = false> {
   /**
    * Date exposed in the slot scope.
    */
   date: DateValue;
+  /**
+   * Heading value exposed in the slot scope.
+   */
+  headingValue: string;
   /**
    * Placeholder exposed in the slot scope.
    */
@@ -331,7 +254,7 @@ interface CalendarRootSlotProps<M extends boolean = false> {
   /**
    * Grid exposed in the slot scope.
    */
-  grid: Grid<DateValue>[];
+  grid: DateGrid<DateValue>[];
   /**
    * Week days exposed in the slot scope.
    */
@@ -372,111 +295,115 @@ interface CalendarRootSlotProps<M extends boolean = false> {
    * Callback invoked when the placeholder changes.
    */
   onPlaceholderChange: (date: DateValue) => void;
-}
-/**
- * Slot props for the calendar heading component.
- */
-interface CalendarHeadingSlotProps {
-  /**
-   * Heading value exposed in the slot scope.
-   */
-  headingValue: string;
-  /**
-   * Month value exposed in the slot scope.
-   */
-  monthValue: string;
   /**
-   * Year value exposed in the slot scope.
+   * Year options exposed in the slot scope.
    */
-  yearValue: string;
+  yearOptions: SelectOptionData<number>[];
   /**
-   * Selected month exposed in the slot scope.
+   * Callback invoked when the year changes.
    */
-  selectedMonth: number;
-  /**
-   * Selected year exposed in the slot scope.
-   */
-  selectedYear: number;
+  onYearChange: (value?: number | undefined) => void;
   /**
    * Month options exposed in the slot scope.
    */
   monthOptions: SelectOptionData<number>[];
-  /**
-   * Year options exposed in the slot scope.
-   */
-  yearOptions: SelectOptionData<number>[];
   /**
    * Callback invoked when the month changes.
    */
-  onMonthChange: (value: number | undefined) => void;
+  onMonthChange: (value?: number | undefined) => void;
+}
+/**
+ * Slots for the Calendar component.
+ */
+type CalendarRootSlots<M extends boolean = false> = {
   /**
-   * Callback invoked when the year changes.
+   * Custom content for the default slot.
    */
-  onYearChange: (value: number | undefined) => void;
+  default?: (props: CalendarRootSlotProps<M>) => any;
+};
+/**
+ * Slot properties for the CalendarHeading component.
+ */
+interface CalendarHeadingSlotProps extends Pick<CalendarRootSlotProps, 'headingValue' | 'yearOptions' | 'onYearChange' | 'monthOptions' | 'onMonthChange'> {
+  selectedMonth: number;
+  selectedYear: number;
 }
 /**
- * Available UI slots for the calendar component.
+ * Available UI slots for the Calendar component.
  */
 type CalendarUiSlot = 'root' | 'header' | 'heading' | 'prev' | 'next' | 'grid' | 'gridHead' | 'gridBody' | 'gridRow' | 'headCell' | 'cell' | 'cellTrigger';
 /**
- * UI class overrides for the calendar component.
+ * UI class overrides for the Calendar component.
  */
 type CalendarUi = UiClass<CalendarUiSlot>;
 /**
- * Props for the calendar compact component.
+ * Properties for the CalendarCompact component.
  */
 interface CalendarCompactProps<M extends boolean = false> extends CalendarRootProps<M> {
   /**
-   * Props forwarded to the header element.
+   * Properties forwarded to the header element.
    */
   headerProps?: CalendarHeaderProps;
   /**
-   * Props forwarded to the heading element.
+   * Properties forwarded to the heading element.
    */
   headingProps?: CalendarHeadingProps;
   /**
-   * Props forwarded to the prev element.
+   * Properties forwarded to the prev element.
    */
   prevProps?: CalendarPrevProps;
   /**
-   * Props forwarded to the next element.
+   * Properties forwarded to the next element.
    */
   nextProps?: CalendarNextProps;
   /**
-   * Props forwarded to the grid element.
+   * Properties forwarded to the grid element.
    */
   gridProps?: CalendarGridProps;
   /**
-   * Props forwarded to the grid head element.
+   * Properties forwarded to the grid head element.
    */
   gridHeadProps?: CalendarGridHeadProps;
   /**
-   * Props forwarded to the grid body element.
+   * Properties forwarded to the grid body element.
    */
   gridBodyProps?: CalendarGridBodyProps;
   /**
-   * Props forwarded to the grid row element.
+   * Properties forwarded to the grid row element.
    */
   gridRowProps?: CalendarGridRowProps;
   /**
-   * Props forwarded to the head cell element.
+   * Properties forwarded to the head cell element.
    */
   headCellProps?: CalendarHeadCellProps;
   /**
-   * Props forwarded to the cell element.
+   * Properties forwarded to the cell element.
    */
-  cellProps?: Omit<CalendarCellProps, 'date'>;
+  cellProps?: CalendarCellProps;
   /**
-   * Props forwarded to the cell trigger element.
+   * Properties forwarded to the cell trigger element.
    */
-  cellTriggerProps?: Omit<CalendarCellTriggerProps, 'day' | 'month'>;
+  cellTriggerProps?: CalendarCellTriggerProps;
 }
 /**
- * Emits for the calendar compact component.
+ * Events for the CalendarCompact component.
  */
 type CalendarCompactEmits<M extends boolean = false> = CalendarRootEmits<M>;
 /**
- * Slots for the calendar compact component.
+ * Slot properties for the day slot of the Calendar component.
+ */
+interface CalendarDaySlotProps extends CalendarCellTriggerSlotProps {
+  /**
+   * Day value exposed in the slot scope.
+   */
+  day: DateValue;
+  /**
+   * Month value exposed in the slot scope.
+   */
+  month: DateValue;
+}
+/**
+ * Slots for the CalendarCompact component.
  */
 type CalendarCompactSlots<M extends boolean = false> = {
   /**
@@ -512,17 +439,7 @@ type CalendarCompactSlots<M extends boolean = false> = {
   /**
    * Custom content for the day slot.
    */
-  day?: (props: {
-    day: DateValue;
-    month: DateValue;
-    dayValue: string;
-    disabled: boolean;
-    selected: boolean;
-    unavailable: boolean;
-    today: boolean;
-    outsideView: boolean;
-    outsideVisibleView: boolean;
-  }) => any;
+  day?: (props: CalendarDaySlotProps) => any;
 };
 //#endregion
-export { CalendarCellProps, CalendarCellTriggerProps, CalendarCompactEmits, CalendarCompactProps, CalendarCompactSlots, CalendarGridBodyProps, CalendarGridHeadProps, CalendarGridProps, CalendarGridRowProps, CalendarHeadCellProps, CalendarHeaderProps, CalendarHeadingProps, CalendarHeadingSlotProps, CalendarModelValue, CalendarNextProps, CalendarPrevProps, CalendarRootContext, CalendarRootEmits, CalendarRootProps, CalendarRootSlotProps, CalendarUi, CalendarUiSlot };
+export { CalendarCellProps, CalendarCellTriggerProps, CalendarCellTriggerSlots, CalendarCompactEmits, CalendarCompactProps, CalendarCompactSlots, CalendarGridBodyProps, CalendarGridHeadProps, CalendarGridProps, CalendarGridRowProps, CalendarHeadCellProps, CalendarHeaderProps, CalendarHeadingProps, CalendarHeadingSlotProps, CalendarModelValue, CalendarNextProps, CalendarPrevProps, CalendarRootEmits, CalendarRootProps, CalendarRootSlotProps, CalendarRootSlots, CalendarUi, CalendarUiSlot };

package/dist/components/calendar/use-calendar.js

@@ -1 +1 @@
-import{getDaysInMonth as e,isAfter as t,isBefore as n,toDate as r}from"../../date/comparators.js";import{createMonths as i}from"../../date/calendar.js";import{useDateFormatter as a}from"../../date/formatter.js";import"../../date/index.js";import{computed as o,shallowRef as s,watch as c}from"vue";import{isEqualMonth as l,isSameDay as u,isSameMonth as d}from"@internationalized/date";function f(e){function t(t){return Array.isArray(e.date.value)?e.date.value.some(e=>u(e,t)):e.date.value?u(e.date.value,t):!1}return{isDateSelected:t,isInvalid:o(()=>Array.isArray(e.date.value)?e.date.value.length?e.date.value.some(t=>e.isDateDisabled?.(t)||e.isDateUnavailable?.(t)):!1:e.date.value?!!(e.isDateDisabled?.(e.date.value)||e.isDateUnavailable?.(e.date.value)):!1),hasSelectedDate:o(()=>Array.isArray(e.date.value)?e.date.value.length>0:!!e.date.value),isSelectedDateDisabled:o(()=>Array.isArray(e.date.value)?e.date.value.length?e.date.value.some(t=>e.isDateDisabled?.(t)):!1:e.date.value?!!e.isDateDisabled?.(e.date.value):!1)}}function p(t,n){let r=n(t),i=r.compare(t),a={};return i>=7&&(a.day=1),i>=e(t)&&(a.month=1),r.set({...a})}function m(t,n){let r=n(t),i=t.compare(r),a={};return i>=7&&(a.day=35),i>=e(t)&&(a.month=13),r.set({...a})}function h(u){let f=a(u.locale.value),h=o(()=>{let e={calendar:u.placeholder.value.calendar.identifier};return u.placeholder.value.calendar.identifier===`gregory`&&u.placeholder.value.era===`BC`&&(e.era=`short`),e}),g=s(i({dateObj:u.placeholder.value,weekStartsOn:u.weekStartsOn.value,locale:u.locale.value,fixedWeeks:u.fixedWeeks.value,numberOfMonths:u.numberOfMonths.value})),_=o(()=>g.value.map(e=>e.value));function v(e){return!_.value.some(t=>l(e,t))}let y=e=>{if(!u.maxValue.value||!g.value.length)return!1;if(u.disabled.value)return!0;let n=g.value.at(-1).value;return!e&&!u.nextPage.value?t(n.add({months:1}).set({day:1}),u.maxValue.value):t(p(n,e||u.nextPage.value),u.maxValue.value)},b=e=>{if(!u.minValue.value||!g.value.length)return!1;if(u.disabled.value)return!0;let t=g.value[0].value;return!e&&!u.prevPage.value?n(t.subtract({months:1}).set({day:35}),u.minValue.value):n(m(t,e||u.prevPage.value),u.minValue.value)};function x(e){return!!(u.isDateDisabled?.(e)||u.disabled.value||u.maxValue.value&&t(e,u.maxValue.value)||u.minValue.value&&n(e,u.minValue.value))}let S=e=>!!u.isDateUnavailable?.(e),C=o(()=>g.value.length?g.value[0].rows[0].map(e=>f.dayOfWeek(r(e),u.weekdayFormat.value)):[]),w=t=>{let n=g.value[0].value;if(!t&&!u.nextPage.value){let e=i({dateObj:n.add({months:u.pagedNavigation.value?u.numberOfMonths.value:1}),weekStartsOn:u.weekStartsOn.value,locale:u.locale.value,fixedWeeks:u.fixedWeeks.value,numberOfMonths:u.numberOfMonths.value});g.value=e,u.placeholder.value=e[0].value.set({day:1});return}let r=i({dateObj:(t||u.nextPage.value)(n),weekStartsOn:u.weekStartsOn.value,locale:u.locale.value,fixedWeeks:u.fixedWeeks.value,numberOfMonths:u.numberOfMonths.value});g.value=r;let a={};if(!t){let t=r[0].value.compare(n);t>=e(n)&&(a.day=1),t>=365&&(a.month=1)}u.placeholder.value=r[0].value.set({...a})},T=t=>{let n=g.value[0].value;if(!t&&!u.prevPage.value){let e=i({dateObj:n.subtract({months:u.pagedNavigation.value?u.numberOfMonths.value:1}),weekStartsOn:u.weekStartsOn.value,locale:u.locale.value,fixedWeeks:u.fixedWeeks.value,numberOfMonths:u.numberOfMonths.value});g.value=e,u.placeholder.value=e[0].value.set({day:1});return}let r=i({dateObj:(t||u.prevPage.value)(n),weekStartsOn:u.weekStartsOn.value,locale:u.locale.value,fixedWeeks:u.fixedWeeks.value,numberOfMonths:u.numberOfMonths.value});g.value=r;let a={};if(!t){let t=n.compare(r[0].value);t>=e(n)&&(a.day=1),t>=365&&(a.month=1)}u.placeholder.value=r[0].value.set({...a})};c(u.placeholder,e=>{_.value.some(t=>l(t,e))||(g.value=i({dateObj:e,weekStartsOn:u.weekStartsOn.value,locale:u.locale.value,fixedWeeks:u.fixedWeeks.value,numberOfMonths:u.numberOfMonths.value}))}),c([u.locale,u.weekStartsOn,u.fixedWeeks,u.numberOfMonths],()=>{g.value=i({dateObj:u.placeholder.value,weekStartsOn:u.weekStartsOn.value,locale:u.locale.value,fixedWeeks:u.fixedWeeks.value,numberOfMonths:u.numberOfMonths.value})});let E=o(()=>{if(!g.value.length)return``;if(u.locale.value!==f.getLocale()&&f.setLocale(u.locale.value),g.value.length===1)return f.fullMonthAndYear(r(g.value[0].value),h.value);let e=r(g.value[0].value),t=r(g.value.at(-1).value),n=f.fullMonth(e,h.value),i=f.fullMonth(t,h.value),a=f.fullYear(e,h.value),o=f.fullYear(t,h.value);return a===o?`${n} - ${i} ${o}`:`${n} ${a} - ${i} ${o}`});return{isDateDisabled:x,isDateUnavailable:S,isNextButtonDisabled:y,isPrevButtonDisabled:b,grid:g,weekdays:C,visibleView:_,isOutsideVisibleView:v,formatter:f,nextPage:w,prevPage:T,headingValue:E,fullCalendarLabel:o(()=>`${u.calendarLabel.value??`Event Date`}, ${E.value}`),isPlaceholderFocusable:o(()=>!(x(u.placeholder.value)||S(u.placeholder.value)||v(u.placeholder.value))),firstFocusableDate:o(()=>{for(let t of g.value){if(u.minValue.value&&n(t.value,u.minValue.value))continue;let r=e(t.value),i=u.minValue.value&&d(u.minValue.value,t.value)?u.minValue.value.day:1;for(let e=i;e<=r;e+=1){let n=t.value.set({day:e});if(!(x(n)||S(n)))return n}}})}}export{h as useCalendar,f as useCalendarState};
+import{getDaysInMonth as e,isAfter as t,isBefore as n,toDate as r}from"../../date/comparators.js";import{createMonths as i}from"../../date/calendar.js";import{useDateFormatter as a}from"../../date/formatter.js";import"../../date/index.js";import{computed as o,shallowRef as s,watch as c}from"vue";import{isEqualMonth as l,isSameDay as u,isSameMonth as d}from"@internationalized/date";function f(e){let{date:t,isDateDisabled:n,isDateUnavailable:r}=e;function i(e){return Array.isArray(t.value)?t.value.some(t=>u(t,e)):t.value?u(t.value,e):!1}return{isDateSelected:i,isInvalid:o(()=>Array.isArray(t.value)?t.value.length?t.value.some(e=>n?.(e)||r?.(e)):!1:t.value?!!(n?.(t.value)||r?.(t.value)):!1),hasSelectedDate:o(()=>Array.isArray(t.value)?t.value.length>0:!!t.value),isSelectedDateDisabled:o(()=>Array.isArray(t.value)?t.value.length?t.value.some(e=>n?.(e)):!1:t.value?!!n?.(t.value):!1)}}function p(t,n){let r=n(t),i=r.compare(t),a={};return i>=7&&(a.day=1),i>=e(t)&&(a.month=1),r.set({...a})}function m(t,n){let r=n(t),i=t.compare(r),a={};return i>=7&&(a.day=35),i>=e(t)&&(a.month=13),r.set({...a})}function h(u){let{locale:f,placeholder:h,weekStartsOn:g,fixedWeeks:_,numberOfMonths:v,minValue:y,maxValue:b,disabled:x,weekdayFormat:S,pagedNavigation:C,nextPage:w,prevPage:T,calendarLabel:E}=u,D=a(f.value),O=o(()=>{let e={calendar:h.value.calendar.identifier};return h.value.calendar.identifier===`gregory`&&h.value.era===`BC`&&(e.era=`short`),e}),k=s(i({dateObj:h.value,weekStartsOn:g.value,locale:f.value,fixedWeeks:_.value,numberOfMonths:v.value})),A=o(()=>k.value.map(e=>e.value));function j(e){return!A.value.some(t=>l(e,t))}let M=e=>{if(!b.value||!k.value.length)return!1;if(x.value)return!0;let n=k.value.at(-1).value;return!e&&!w.value?t(n.add({months:1}).set({day:1}),b.value):t(p(n,e||w.value),b.value)},N=e=>{if(!y.value||!k.value.length)return!1;if(x.value)return!0;let t=k.value[0].value;return!e&&!T.value?n(t.subtract({months:1}).set({day:35}),y.value):n(m(t,e||T.value),y.value)};function P(e){return!!(u.isDateDisabled?.(e)||x.value||b.value&&t(e,b.value)||y.value&&n(e,y.value))}let F=e=>!!u.isDateUnavailable?.(e),I=o(()=>k.value.length?k.value[0].rows[0].map(e=>D.dayOfWeek(r(e),S.value)):[]),L=t=>{let n=k.value[0].value;if(!t&&!w.value){let e=i({dateObj:n.add({months:C.value?v.value:1}),weekStartsOn:g.value,locale:f.value,fixedWeeks:_.value,numberOfMonths:v.value});k.value=e,h.value=e[0].value.set({day:1});return}let r=i({dateObj:(t||w.value)(n),weekStartsOn:g.value,locale:f.value,fixedWeeks:_.value,numberOfMonths:v.value});k.value=r;let a={};if(!t){let t=r[0].value.compare(n);t>=e(n)&&(a.day=1),t>=365&&(a.month=1)}h.value=r[0].value.set({...a})},R=t=>{let n=k.value[0].value;if(!t&&!T.value){let e=i({dateObj:n.subtract({months:C.value?v.value:1}),weekStartsOn:g.value,locale:f.value,fixedWeeks:_.value,numberOfMonths:v.value});k.value=e,h.value=e[0].value.set({day:1});return}let r=i({dateObj:(t||T.value)(n),weekStartsOn:g.value,locale:f.value,fixedWeeks:_.value,numberOfMonths:v.value});k.value=r;let a={};if(!t){let t=n.compare(r[0].value);t>=e(n)&&(a.day=1),t>=365&&(a.month=1)}h.value=r[0].value.set({...a})};c(h,e=>{A.value.some(t=>l(t,e))||(k.value=i({dateObj:e,weekStartsOn:g.value,locale:f.value,fixedWeeks:_.value,numberOfMonths:v.value}))}),c([f,g,_,v],()=>{k.value=i({dateObj:h.value,weekStartsOn:g.value,locale:f.value,fixedWeeks:_.value,numberOfMonths:v.value})});let z=o(()=>{if(!k.value.length)return``;if(f.value!==D.getLocale()&&D.setLocale(f.value),k.value.length===1)return D.fullMonthAndYear(r(k.value[0].value),O.value);let e=r(k.value[0].value),t=r(k.value.at(-1).value),n=D.fullMonth(e,O.value),i=D.fullMonth(t,O.value),a=D.fullYear(e,O.value),o=D.fullYear(t,O.value);return a===o?`${n} - ${i} ${o}`:`${n} ${a} - ${i} ${o}`});return{isDateDisabled:P,isDateUnavailable:F,isNextButtonDisabled:M,isPrevButtonDisabled:N,grid:k,weekdays:I,visibleView:A,isOutsideVisibleView:j,formatter:D,nextPage:L,prevPage:R,headingValue:z,fullCalendarLabel:o(()=>`${E.value??`Event Date`}, ${z.value}`),isPlaceholderFocusable:o(()=>!(P(h.value)||F?.(h.value)||j(h.value))),firstFocusableDate:o(()=>{for(let t of k.value){if(y.value&&n(t.value,y.value))continue;let r=e(t.value),i=y.value&&d(y.value,t.value)?y.value.day:1;for(let e=i;e<=r;e+=1){let n=t.value.set({day:e});if(!(P(n)||F?.(n)))return n}}})}}export{h as useCalendar,f as useCalendarState};

package/dist/components/calendar-range/calendar-range-cell-trigger.js

@@ -0,0 +1 @@
+import{isBetweenInclusive as e,toDate as t}from"../../date/comparators.js";import"../../date/index.js";import{useForwardElement as n}from"../../composables/use-forward-element.js";import{useOmitProps as r}from"../../composables/use-props.js";import"../../composables/index.js";import i from"../button/button.js";import{useCalendarRangeRootContext as a,useCalendarRangeUi as ee}from"./context.js";import{computed as o,createBlock as s,createTextVNode as c,defineComponent as l,mergeProps as u,nextTick as te,openBlock as ne,renderSlot as re,toDisplayString as ie,unref as d,withCtx as ae}from"vue";import{getLocalTimeZone as f,isSameDay as p,isSameMonth as m,isToday as h}from"@internationalized/date";const g=l({name:`CalendarRangeCellTrigger`,__name:`calendar-range-cell-trigger`,props:{day:{},month:{},type:{},disabled:{type:Boolean},asChild:{type:Boolean},as:{}},setup(l){let g=l,_=r(g,[`day`,`month`]),oe=ee(`cellTrigger`),{locale:se,formatter:ce,isDateUnavailable:le,isOutsideVisibleView:ue,isDateDisabled:de,disableDaysOutsideCurrentView:fe,isDateSelected:pe,isSelectionStart:me,isSelectionEnd:he,isHighlightedStart:v,isHighlightedEnd:y,highlightedRange:b,disabled:x,isPlaceholderFocusable:S,placeholder:C,hasSelectedDate:w,isSelectedDateDisabled:T,firstFocusableDate:E,selectedFocusableDate:D,minValue:O,maxValue:k,parentElement:A,isNextButtonDisabled:j,nextPage:M,isPrevButtonDisabled:N,prevPage:P,onPlaceholderChange:F,setHoveredDate:I,onDateChange:L,dir:R}=a(`CalendarRangeCellTrigger`),[ge,_e]=n(),z=o(()=>g.day.day.toLocaleString(se.value)),ve=o(()=>ce.custom(t(g.day),{weekday:`long`,month:`long`,day:`numeric`,year:`numeric`})),B=o(()=>le?.(g.day)??!1),V=o(()=>h(g.day,f())),H=o(()=>!m(g.day,g.month)),U=o(()=>ue(g.day)),W=o(()=>de(g.day)||!!(fe.value&&H.value)),G=o(()=>pe(g.day)),K=o(()=>me(g.day)),q=o(()=>he(g.day)),J=o(()=>v(g.day)),Y=o(()=>y(g.day)),X=o(()=>!b.value?.start||!b.value?.end?!1:e(g.day,b.value.start,b.value.end)),Z=o(()=>H.value||W.value?!1:!x.value&&S.value&&p(g.day,C.value)?!0:(!w.value||T.value)&&!S.value?!!(E.value&&p(g.day,E.value)):D.value&&!S.value?p(g.day,D.value):!1),Q=(e,t)=>{let n=e.add({days:t});if(O.value&&n.compare(O.value)<0||k.value&&n.compare(k.value)>0)return;let r=A.value?.querySelector(`[data-value='${n.toString()}']:not([data-outside-view])`);if(!r){if(t>0){if(j())return;M()}else{if(N())return;P()}te(()=>{Q(e,t)});return}if(r.hasAttribute(`data-disabled`)||r.hasAttribute(`data-unavailable`)){Q(n,t);return}F(n),I(n),r.focus()},ye=()=>{L(g.day)},$=()=>{W.value||B.value||I(g.day)},be=e=>{if(W.value)return;let t=R.value===`rtl`?-1:1;switch(e.key){case`ArrowRight`:e.preventDefault(),Q(g.day,t);break;case`ArrowLeft`:e.preventDefault(),Q(g.day,-t);break;case`ArrowUp`:e.preventDefault(),Q(g.day,-7);break;case`ArrowDown`:e.preventDefault(),Q(g.day,7);break;case`Enter`:case` `:e.preventDefault(),L(g.day);break;default:break}};return(e,t)=>(ne(),s(i,u({ref:d(_e)},d(_),{"data-soybean-calendar-range-cell-trigger":``,class:d(oe),disabled:W.value||B.value,"aria-label":ve.value,"aria-pressed":G.value?!0:void 0,"data-focused":Z.value?``:void 0,"data-highlighted":X.value?``:void 0,"data-highlighted-end":Y.value?``:void 0,"data-highlighted-start":J.value?``:void 0,"data-outside-view":H.value?``:void 0,"data-outside-visible-view":U.value?``:void 0,"data-selected":G.value?``:void 0,"data-selection-end":q.value?``:void 0,"data-selection-start":K.value?``:void 0,"data-today":V.value?``:void 0,"data-unavailable":B.value?``:void 0,"data-value":l.day.toString(),tabindex:Z.value?0:H.value||W.value?void 0:-1,onClick:ye,onFocusin:$,onKeydown:be,onMouseleave:t[0]||(t[0]=e=>d(I)(void 0)),onMouseenter:$}),{default:ae(()=>[re(e.$slots,`default`,{dayValue:z.value,disabled:W.value,highlighted:X.value,highlightedEnd:Y.value,highlightedStart:J.value,outsideView:H.value,outsideVisibleView:U.value,selected:G.value,selectionEnd:q.value,selectionStart:K.value,today:V.value,unavailable:B.value},()=>[c(ie(z.value),1)])]),_:3},16,[`class`,`disabled`,`aria-label`,`aria-pressed`,`data-focused`,`data-highlighted`,`data-highlighted-end`,`data-highlighted-start`,`data-outside-view`,`data-outside-visible-view`,`data-selected`,`data-selection-end`,`data-selection-start`,`data-today`,`data-unavailable`,`data-value`,`tabindex`]))}});export{g as default};

package/dist/components/calendar-range/calendar-range-cell-trigger.vue.d.ts

@@ -0,0 +1,15 @@
+import { CalendarRangeCellTriggerProps, CalendarRangeCellTriggerSlots } from "./types.js";
+import * as _$vue from "vue";
+
+//#region src/components/calendar-range/calendar-range-cell-trigger.vue.d.ts
+type __VLS_Slots = CalendarRangeCellTriggerSlots;
+declare const __VLS_base: _$vue.DefineComponent<CalendarRangeCellTriggerProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CalendarRangeCellTriggerProps> & Readonly<{}>, {}, {}, {}, {}, 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/calendar-range/calendar-range-cell.js

@@ -0,0 +1 @@
+import{Primitive as e}from"../primitive/primitive.js";import"../primitive/index.js";import{useCalendarRangeRootContext as t,useCalendarRangeUi as n}from"./context.js";import{computed as r,createBlock 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:`CalendarRangeCell`,__name:`calendar-range-cell`,props:{date:{},asChild:{type:Boolean},as:{default:`td`}},setup(a){let d=a,f=n(`cell`),{isDateSelected:p,isDateDisabled:m,isDateUnavailable:h}=t(`CalendarRangeCell`),g=r(()=>p(d.date)),_=r(()=>m(d.date)||h?.(d.date));return(t,n)=>(s(),i(l(e),{as:a.as,"as-child":a.asChild,"data-soybean-calendar-range-cell":``,class:o(l(f)),"aria-disabled":_.value?!0:void 0,"aria-selected":g.value?!0:void 0,"data-disabled":_.value?``:void 0,"data-selected":g.value?``:void 0,role:`gridcell`},{default:u(()=>[c(t.$slots,`default`)]),_:3},8,[`as`,`as-child`,`class`,`aria-disabled`,`aria-selected`,`data-disabled`,`data-selected`]))}});export{d as default};

package/dist/components/{range-calendar/range-calendar-cell.vue.d.ts → calendar-range/calendar-range-cell.vue.d.ts}

@@ -1,13 +1,13 @@
 import { AsTag } from "../primitive/types.js";
-import { RangeCalendarCellProps } from "./types.js";
+import { CalendarRangeCellProps } from "./types.js";
 import * as _$vue from "vue";
 
-//#region src/components/range-calendar/range-calendar-cell.vue.d.ts
+//#region src/components/calendar-range/calendar-range-cell.vue.d.ts
 declare var __VLS_8: {};
 type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_8) => any;
 };
-declare const __VLS_base: _$vue.DefineComponent<RangeCalendarCellProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<RangeCalendarCellProps> & Readonly<{}>, {
+declare const __VLS_base: _$vue.DefineComponent<CalendarRangeCellProps, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<CalendarRangeCellProps> & Readonly<{}>, {
   as: AsTag | _$vue.Component;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;