@cerberus-design/react 0.25.1 → 0.25.2-rc.1

package/dist/node_modules/.pnpm/@zag-js_date-picker@1.31.1_@internationalized_date@3.10.0/node_modules/@zag-js/date-picker/dist/index.cjs

@@ -3,18 +3,18 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const index = require('../../../../../@zag-js_anatomy@1.31.1/node_modules/@zag-js/anatomy/dist/index.cjs');
-const index$2 = require('../../../../../@zag-js_date-utils@1.31.1_@internationalized_date@3.10.0/node_modules/@zag-js/date-utils/dist/index.cjs');
-const index$3 = require('../../../../../@zag-js_dom-query@1.31.1/node_modules/@zag-js/dom-query/dist/index.cjs');
-const index$6 = require('../../../../../@zag-js_popper@1.31.1/node_modules/@zag-js/popper/dist/index.cjs');
-const index$7 = require('../../../../../@zag-js_utils@1.31.1/node_modules/@zag-js/utils/dist/index.cjs');
+const index$3 = require('../../../../../@zag-js_date-utils@1.31.1_@internationalized_date@3.10.0/node_modules/@zag-js/date-utils/dist/index.cjs');
+const index$4 = require('../../../../../@zag-js_dom-query@1.31.1/node_modules/@zag-js/dom-query/dist/index.cjs');
+const index$2 = require('../../../../../@zag-js_popper@1.31.1/node_modules/@zag-js/popper/dist/index.cjs');
+const index$5 = require('../../../../../@zag-js_utils@1.31.1/node_modules/@zag-js/utils/dist/index.cjs');
 const index$1 = require('../../../../../@zag-js_core@1.31.1/node_modules/@zag-js/core/dist/index.cjs');
-const index$4 = require('../../../../../@zag-js_dismissable@1.31.1/node_modules/@zag-js/dismissable/dist/index.cjs');
-const index$5 = require('../../../../../@zag-js_live-region@1.31.1/node_modules/@zag-js/live-region/dist/index.cjs');
+const index$6 = require('../../../../../@zag-js_dismissable@1.31.1/node_modules/@zag-js/dismissable/dist/index.cjs');
+const index$7 = require('../../../../../@zag-js_live-region@1.31.1/node_modules/@zag-js/live-region/dist/index.cjs');
 const index$8 = require('../../../../../@zag-js_types@1.31.1/node_modules/@zag-js/types/dist/index.cjs');
 const CalendarDate = require('../../../../../@internationalized_date@3.10.0/node_modules/@internationalized/date/src/CalendarDate.cjs');
 const string = require('../../../../../@internationalized_date@3.10.0/node_modules/@internationalized/date/src/string.cjs');
-const DateFormatter = require('../../../../../@internationalized_date@3.10.0/node_modules/@internationalized/date/src/DateFormatter.cjs');
 const queries = require('../../../../../@internationalized_date@3.10.0/node_modules/@internationalized/date/src/queries.cjs');
+const DateFormatter = require('../../../../../@internationalized_date@3.10.0/node_modules/@internationalized/date/src/DateFormatter.cjs');
 
 // src/date-picker.anatomy.ts
 var anatomy = index.createAnatomy("date-picker").parts(
@@ -59,10 +59,10 @@ var getTriggerId = (ctx) => ctx.ids?.trigger ?? `datepicker:${ctx.id}:trigger`;
 var getPositionerId = (ctx) => ctx.ids?.positioner ?? `datepicker:${ctx.id}:positioner`;
 var getMonthSelectId = (ctx) => ctx.ids?.monthSelect ?? `datepicker:${ctx.id}:month-select`;
 var getYearSelectId = (ctx) => ctx.ids?.yearSelect ?? `datepicker:${ctx.id}:year-select`;
-var getFocusedCell = (ctx, view) => index$3.query(getContentEl(ctx), `[data-part=table-cell-trigger][data-view=${view}][data-focus]:not([data-outside-range])`);
+var getFocusedCell = (ctx, view) => index$4.query(getContentEl(ctx), `[data-part=table-cell-trigger][data-view=${view}][data-focus]:not([data-outside-range])`);
 var getTriggerEl = (ctx) => ctx.getById(getTriggerId(ctx));
 var getContentEl = (ctx) => ctx.getById(getContentId(ctx));
-var getInputEls = (ctx) => index$3.queryAll(getControlEl(ctx), `[data-part=input]`);
+var getInputEls = (ctx) => index$4.queryAll(getControlEl(ctx), `[data-part=input]`);
 var getYearSelectEl = (ctx) => ctx.getById(getYearSelectId(ctx));
 var getMonthSelectEl = (ctx) => ctx.getById(getMonthSelectId(ctx));
 var getClearTriggerEl = (ctx) => ctx.getById(getClearTriggerId(ctx));
@@ -84,7 +84,7 @@ function sortDates(values) {
   return values.slice().filter((date) => date != null).sort((a, b) => a.compare(b));
 }
 function getRoleDescription(view) {
-  return index$7.match(view, {
+  return index$5.match(view, {
     year: "calendar decade",
     month: "calendar year",
     day: "calendar month"
@@ -124,7 +124,7 @@ var defaultTranslations = {
     return open ? "Close calendar" : "Open calendar";
   },
   viewTrigger(view) {
-    return index$7.match(view, {
+    return index$5.match(view, {
       year: "Switch to month view",
       month: "Switch to day view",
       day: "Switch to year view"
@@ -135,14 +135,14 @@ var defaultTranslations = {
     return `select ${start} to ${end}`;
   },
   prevTrigger(view) {
-    return index$7.match(view, {
+    return index$5.match(view, {
       year: "Switch to previous decade",
       month: "Switch to previous year",
       day: "Switch to previous month"
     });
   },
   nextTrigger(view) {
-    return index$7.match(view, {
+    return index$5.match(view, {
       year: "Switch to next decade",
       month: "Switch to next year",
       day: "Switch to next month"
@@ -166,7 +166,7 @@ function viewNumberToView(viewNumber) {
 }
 function clampView(view, minView, maxView) {
   return viewNumberToView(
-    index$7.clampValue(viewToNumber(view, 0), viewToNumber(minView, 0), viewToNumber(maxView, 2))
+    index$5.clampValue(viewToNumber(view, 0), viewToNumber(minView, 0), viewToNumber(maxView, 2))
   );
 }
 function isAboveMinView(view, minView) {
@@ -211,7 +211,7 @@ function connect(service, normalize) {
   const isRangePicker = prop("selectionMode") === "range";
   const isDateUnavailableFn = prop("isDateUnavailable");
   const currentPlacement = context.get("currentPlacement");
-  const popperStyles = index$6.getPlacementStyles({
+  const popperStyles = index$2.getPlacementStyles({
     ...prop("positioning"),
     placement: currentPlacement
   });
@@ -219,50 +219,50 @@ function connect(service, normalize) {
   const translations = { ...defaultTranslations, ...prop("translations") };
   function getMonthWeeks(from = startValue) {
     const numOfWeeks = prop("fixedWeeks") ? 6 : void 0;
-    return index$2.getMonthDays(from, locale, numOfWeeks, startOfWeek);
+    return index$3.getMonthDays(from, locale, numOfWeeks, startOfWeek);
   }
   function getMonths(props2 = {}) {
     const { format } = props2;
-    return index$2.getMonthNames(locale, format).map((label, index) => {
+    return index$3.getMonthNames(locale, format).map((label, index) => {
       const value = index + 1;
       const dateValue = focusedValue.set({ month: value });
-      const disabled2 = index$2.isDateOutsideRange(dateValue, min, max);
+      const disabled2 = index$3.isDateOutsideRange(dateValue, min, max);
       return { label, value, disabled: disabled2 };
     });
   }
   function getYears() {
-    const range = index$2.getYearsRange({ from: min?.year ?? 1900, to: max?.year ?? 2100 });
+    const range = index$3.getYearsRange({ from: min?.year ?? 1900, to: max?.year ?? 2100 });
     return range.map((year) => ({
       label: year.toString(),
       value: year,
-      disabled: !index$7.isValueWithinRange(year, min?.year, max?.year)
+      disabled: !index$5.isValueWithinRange(year, min?.year, max?.year)
     }));
   }
   function getDecadeYears(year) {
-    const range = index$2.getDecadeRange(startValue.year);
+    const range = index$3.getDecadeRange(startValue.year);
     return range.map((year2) => ({
       label: year2.toString(),
       value: year2,
-      disabled: !index$7.isValueWithinRange(year2, min?.year, max?.year)
+      disabled: !index$5.isValueWithinRange(year2, min?.year, max?.year)
     }));
   }
   function isUnavailable(date) {
-    return index$2.isDateUnavailable(date, isDateUnavailableFn, locale, min, max);
+    return index$3.isDateUnavailable(date, isDateUnavailableFn, locale, min, max);
   }
   function focusMonth(month) {
-    const date = startValue ?? index$2.getTodayDate(timeZone);
+    const date = startValue ?? index$3.getTodayDate(timeZone);
     send({ type: "FOCUS.SET", value: date.set({ month }) });
   }
   function focusYear(year) {
-    const date = startValue ?? index$2.getTodayDate(timeZone);
+    const date = startValue ?? index$3.getTodayDate(timeZone);
     send({ type: "FOCUS.SET", value: date.set({ year }) });
   }
   function getYearTableCellState(props2) {
     const { value, disabled: disabled2 } = props2;
     const dateValue = focusedValue.set({ year: value });
-    const decadeYears = index$2.getDecadeRange(startValue.year, { strict: true });
+    const decadeYears = index$3.getDecadeRange(startValue.year, { strict: true });
     const isOutsideVisibleRange = !decadeYears.includes(value);
-    const isOutsideRange = index$7.isValueWithinRange(value, min?.year, max?.year);
+    const isOutsideRange = index$5.isValueWithinRange(value, min?.year, max?.year);
     const cellState = {
       focused: focusedValue.year === props2.value,
       selectable: isOutsideVisibleRange || isOutsideRange,
@@ -280,10 +280,10 @@ function connect(service, normalize) {
   function getMonthTableCellState(props2) {
     const { value, disabled: disabled2 } = props2;
     const dateValue = focusedValue.set({ month: value });
-    const formatter = index$2.getMonthFormatter(locale, timeZone);
+    const formatter = index$3.getMonthFormatter(locale, timeZone);
     const cellState = {
       focused: focusedValue.month === props2.value,
-      selectable: !index$2.isDateOutsideRange(dateValue, min, max),
+      selectable: !index$3.isDateOutsideRange(dateValue, min, max),
       selected: !!selectedValue.find((date) => date && date.month === value && date.year === focusedValue.year),
       valueText: formatter.format(dateValue.toDate(timeZone)),
       inRange: isRangePicker && (isDateWithinRange(dateValue, selectedValue) || isDateWithinRange(dateValue, hoveredRangeValue)),
@@ -296,29 +296,29 @@ function connect(service, normalize) {
   }
   function getDayTableCellState(props2) {
     const { value, disabled: disabled2, visibleRange = computed("visibleRange") } = props2;
-    const formatter = index$2.getDayFormatter(locale, timeZone);
-    const unitDuration = index$2.getUnitDuration(computed("visibleDuration"));
+    const formatter = index$3.getDayFormatter(locale, timeZone);
+    const unitDuration = index$3.getUnitDuration(computed("visibleDuration"));
     const outsideDaySelectable = prop("outsideDaySelectable");
     const end = visibleRange.start.add(unitDuration).subtract({ days: 1 });
-    const isOutsideRange = index$2.isDateOutsideRange(value, visibleRange.start, end);
+    const isOutsideRange = index$3.isDateOutsideRange(value, visibleRange.start, end);
     const isInSelectedRange = isRangePicker && isDateWithinRange(value, selectedValue);
-    const isFirstInSelectedRange = isRangePicker && index$2.isDateEqual(value, selectedValue[0]);
-    const isLastInSelectedRange = isRangePicker && index$2.isDateEqual(value, selectedValue[1]);
+    const isFirstInSelectedRange = isRangePicker && index$3.isDateEqual(value, selectedValue[0]);
+    const isLastInSelectedRange = isRangePicker && index$3.isDateEqual(value, selectedValue[1]);
     const hasHoveredRange = isRangePicker && hoveredRangeValue.length > 0;
     const isInHoveredRange = hasHoveredRange && isDateWithinRange(value, hoveredRangeValue);
-    const isFirstInHoveredRange = hasHoveredRange && index$2.isDateEqual(value, hoveredRangeValue[0]);
-    const isLastInHoveredRange = hasHoveredRange && index$2.isDateEqual(value, hoveredRangeValue[1]);
+    const isFirstInHoveredRange = hasHoveredRange && index$3.isDateEqual(value, hoveredRangeValue[0]);
+    const isLastInHoveredRange = hasHoveredRange && index$3.isDateEqual(value, hoveredRangeValue[1]);
     const cellState = {
-      invalid: index$2.isDateOutsideRange(value, min, max),
-      disabled: disabled2 || !outsideDaySelectable && isOutsideRange || index$2.isDateOutsideRange(value, min, max),
-      selected: selectedValue.some((date) => index$2.isDateEqual(value, date)),
-      unavailable: index$2.isDateUnavailable(value, isDateUnavailableFn, locale, min, max) && !disabled2,
+      invalid: index$3.isDateOutsideRange(value, min, max),
+      disabled: disabled2 || !outsideDaySelectable && isOutsideRange || index$3.isDateOutsideRange(value, min, max),
+      selected: selectedValue.some((date) => index$3.isDateEqual(value, date)),
+      unavailable: index$3.isDateUnavailable(value, isDateUnavailableFn, locale, min, max) && !disabled2,
       outsideRange: isOutsideRange,
       today: queries.isToday(value, timeZone),
       weekend: queries.isWeekend(value, locale),
       formattedDate: formatter.format(value.toDate(timeZone)),
       get focused() {
-        return index$2.isDateEqual(value, focusedValue) && (!cellState.outsideRange || outsideDaySelectable);
+        return index$3.isDateEqual(value, focusedValue) && (!cellState.outsideRange || outsideDaySelectable);
       },
       get ariaLabel() {
         return translations.dayCell(cellState);
@@ -349,15 +349,15 @@ function connect(service, normalize) {
     inline: !!prop("inline"),
     view: context.get("view"),
     getRangePresetValue(preset) {
-      return index$2.getDateRangePreset(preset, locale, timeZone);
+      return index$3.getDateRangePreset(preset, locale, timeZone);
     },
     getDaysInWeek(week, from = startValue) {
-      return index$2.getDaysInWeek(week, from, locale, startOfWeek);
+      return index$3.getDaysInWeek(week, from, locale, startOfWeek);
     },
     getOffset(duration) {
       const from = startValue.add(duration);
       const end = endValue.add(duration);
-      const formatter = index$2.getMonthFormatter(locale, timeZone);
+      const formatter = index$3.getMonthFormatter(locale, timeZone);
       return {
         visibleRange: { start: from, end },
         weeks: getMonthWeeks(from),
@@ -370,7 +370,7 @@ function connect(service, normalize) {
     getMonthWeeks,
     isUnavailable,
     weeks: getMonthWeeks(),
-    weekDays: index$2.getWeekDays(index$2.getTodayDate(timeZone), startOfWeek, timeZone, locale),
+    weekDays: index$3.getWeekDays(index$3.getTodayDate(timeZone), startOfWeek, timeZone, locale),
     visibleRangeText: computed("visibleRangeText"),
     value: selectedValue,
     valueAsDate: selectedValue.filter((date) => date != null).map((date) => date.toDate(timeZone)),
@@ -380,11 +380,11 @@ function connect(service, normalize) {
     focusedValueAsString: prop("format")(focusedValue, { locale, timeZone }),
     visibleRange: computed("visibleRange"),
     selectToday() {
-      const value = index$2.constrainValue(index$2.getTodayDate(timeZone), min, max);
+      const value = index$3.constrainValue(index$3.getTodayDate(timeZone), min, max);
       send({ type: "VALUE.SET", value });
     },
     setValue(values) {
-      const computedValue = values.map((date) => index$2.constrainValue(date, min, max));
+      const computedValue = values.map((date) => index$3.constrainValue(date, min, max));
       send({ type: "VALUE.SET", value: computedValue });
     },
     clearValue() {
@@ -405,15 +405,15 @@ function connect(service, normalize) {
     getMonths,
     getYearsGrid(props2 = {}) {
       const { columns = 1 } = props2;
-      return index$7.chunk(getDecadeYears(), columns);
+      return index$5.chunk(getDecadeYears(), columns);
     },
     getDecade() {
-      const years = index$2.getDecadeRange(focusedValue.year);
+      const years = index$3.getDecadeRange(focusedValue.year);
       return { start: years.at(0), end: years.at(-1) };
     },
     getMonthsGrid(props2 = {}) {
       const { columns = 1, format } = props2;
-      return index$7.chunk(getMonths({ format }), columns);
+      return index$5.chunk(getMonths({ format }), columns);
     },
     format(value, opts = { month: "long", year: "numeric" }) {
       return new DateFormatter.DateFormatter(locale, opts).format(value.toDate(timeZone));
@@ -433,8 +433,8 @@ function connect(service, normalize) {
         dir: prop("dir"),
         id: getRootId(scope),
         "data-state": open ? "open" : "closed",
-        "data-disabled": index$3.dataAttr(disabled),
-        "data-readonly": index$3.dataAttr(readOnly)
+        "data-disabled": index$4.dataAttr(disabled),
+        "data-readonly": index$4.dataAttr(readOnly)
       });
     },
     getLabelProps(props2 = {}) {
@@ -446,8 +446,8 @@ function connect(service, normalize) {
         htmlFor: getInputId(scope, index),
         "data-state": open ? "open" : "closed",
         "data-index": index,
-        "data-disabled": index$3.dataAttr(disabled),
-        "data-readonly": index$3.dataAttr(readOnly)
+        "data-disabled": index$4.dataAttr(disabled),
+        "data-readonly": index$4.dataAttr(readOnly)
       });
     },
     getControlProps() {
@@ -455,7 +455,7 @@ function connect(service, normalize) {
         ...parts.control.attrs,
         dir: prop("dir"),
         id: getControlId(scope),
-        "data-disabled": index$3.dataAttr(disabled)
+        "data-disabled": index$4.dataAttr(disabled)
       });
     },
     getRangeTextProps() {
@@ -471,7 +471,7 @@ function connect(service, normalize) {
         dir: prop("dir"),
         "data-state": open ? "open" : "closed",
         "data-placement": currentPlacement,
-        "data-inline": index$3.dataAttr(prop("inline")),
+        "data-inline": index$4.dataAttr(prop("inline")),
         id: getContentId(scope),
         tabIndex: -1,
         role: "application",
@@ -488,9 +488,9 @@ function connect(service, normalize) {
         "data-columns": columns,
         "aria-roledescription": getRoleDescription(view),
         id: getTableId(scope, uid),
-        "aria-readonly": index$3.ariaAttr(readOnly),
-        "aria-disabled": index$3.ariaAttr(disabled),
-        "aria-multiselectable": index$3.ariaAttr(prop("selectionMode") !== "single"),
+        "aria-readonly": index$4.ariaAttr(readOnly),
+        "aria-disabled": index$4.ariaAttr(disabled),
+        "aria-multiselectable": index$4.ariaAttr(prop("selectionMode") !== "single"),
         "data-view": view,
         dir: prop("dir"),
         tabIndex: -1,
@@ -534,7 +534,7 @@ function connect(service, normalize) {
               send({ type: "TABLE.END", view, columns, focus: true });
             }
           };
-          const exec = keyMap[index$3.getEventKey(event, {
+          const exec = keyMap[index$4.getEventKey(event, {
             dir: prop("dir")
           })];
           if (exec) {
@@ -561,7 +561,7 @@ function connect(service, normalize) {
         "aria-hidden": true,
         dir: prop("dir"),
         "data-view": view,
-        "data-disabled": index$3.dataAttr(disabled)
+        "data-disabled": index$4.dataAttr(disabled)
       });
     },
     getTableHeaderProps(props2 = {}) {
@@ -570,7 +570,7 @@ function connect(service, normalize) {
         ...parts.tableHeader.attrs,
         dir: prop("dir"),
         "data-view": view,
-        "data-disabled": index$3.dataAttr(disabled)
+        "data-disabled": index$4.dataAttr(disabled)
       });
     },
     getTableBodyProps(props2 = {}) {
@@ -578,15 +578,15 @@ function connect(service, normalize) {
       return normalize.element({
         ...parts.tableBody.attrs,
         "data-view": view,
-        "data-disabled": index$3.dataAttr(disabled)
+        "data-disabled": index$4.dataAttr(disabled)
       });
     },
     getTableRowProps(props2 = {}) {
       const { view = "day" } = props2;
       return normalize.element({
         ...parts.tableRow.attrs,
-        "aria-disabled": index$3.ariaAttr(disabled),
-        "data-disabled": index$3.dataAttr(disabled),
+        "aria-disabled": index$4.ariaAttr(disabled),
+        "data-disabled": index$4.dataAttr(disabled),
         "data-view": view
       });
     },
@@ -597,9 +597,9 @@ function connect(service, normalize) {
       return normalize.element({
         ...parts.tableCell.attrs,
         role: "gridcell",
-        "aria-disabled": index$3.ariaAttr(!cellState.selectable),
+        "aria-disabled": index$4.ariaAttr(!cellState.selectable),
         "aria-selected": cellState.selected || cellState.inRange,
-        "aria-invalid": index$3.ariaAttr(cellState.invalid),
+        "aria-invalid": index$4.ariaAttr(cellState.invalid),
         "aria-current": cellState.today ? "date" : void 0,
         "data-value": value.toString()
       });
@@ -614,23 +614,23 @@ function connect(service, normalize) {
         dir: prop("dir"),
         tabIndex: cellState.focused ? 0 : -1,
         "aria-label": cellState.ariaLabel,
-        "aria-disabled": index$3.ariaAttr(!cellState.selectable),
-        "aria-invalid": index$3.ariaAttr(cellState.invalid),
-        "data-disabled": index$3.dataAttr(!cellState.selectable),
-        "data-selected": index$3.dataAttr(cellState.selected),
+        "aria-disabled": index$4.ariaAttr(!cellState.selectable),
+        "aria-invalid": index$4.ariaAttr(cellState.invalid),
+        "data-disabled": index$4.dataAttr(!cellState.selectable),
+        "data-selected": index$4.dataAttr(cellState.selected),
         "data-value": value.toString(),
         "data-view": "day",
-        "data-today": index$3.dataAttr(cellState.today),
-        "data-focus": index$3.dataAttr(cellState.focused),
-        "data-unavailable": index$3.dataAttr(cellState.unavailable),
-        "data-range-start": index$3.dataAttr(cellState.firstInRange),
-        "data-range-end": index$3.dataAttr(cellState.lastInRange),
-        "data-in-range": index$3.dataAttr(cellState.inRange),
-        "data-outside-range": index$3.dataAttr(cellState.outsideRange),
-        "data-weekend": index$3.dataAttr(cellState.weekend),
-        "data-in-hover-range": index$3.dataAttr(cellState.inHoveredRange),
-        "data-hover-range-start": index$3.dataAttr(cellState.firstInHoveredRange),
-        "data-hover-range-end": index$3.dataAttr(cellState.lastInHoveredRange),
+        "data-today": index$4.dataAttr(cellState.today),
+        "data-focus": index$4.dataAttr(cellState.focused),
+        "data-unavailable": index$4.dataAttr(cellState.unavailable),
+        "data-range-start": index$4.dataAttr(cellState.firstInRange),
+        "data-range-end": index$4.dataAttr(cellState.lastInRange),
+        "data-in-range": index$4.dataAttr(cellState.inRange),
+        "data-outside-range": index$4.dataAttr(cellState.outsideRange),
+        "data-weekend": index$4.dataAttr(cellState.weekend),
+        "data-in-hover-range": index$4.dataAttr(cellState.inHoveredRange),
+        "data-hover-range-start": index$4.dataAttr(cellState.firstInHoveredRange),
+        "data-hover-range-end": index$4.dataAttr(cellState.lastInHoveredRange),
         onClick(event) {
           if (event.defaultPrevented) return;
           if (!cellState.selectable) return;
@@ -654,9 +654,9 @@ function connect(service, normalize) {
         dir: prop("dir"),
         colSpan: columns,
         role: "gridcell",
-        "aria-selected": index$3.ariaAttr(cellState.selected || cellState.inRange),
-        "data-selected": index$3.dataAttr(cellState.selected),
-        "aria-disabled": index$3.ariaAttr(!cellState.selectable),
+        "aria-selected": index$4.ariaAttr(cellState.selected || cellState.inRange),
+        "data-selected": index$4.dataAttr(cellState.selected),
+        "aria-disabled": index$4.ariaAttr(!cellState.selectable),
         "data-value": value
       });
     },
@@ -668,12 +668,12 @@ function connect(service, normalize) {
         dir: prop("dir"),
         role: "button",
         id: getCellTriggerId(scope, value.toString()),
-        "data-selected": index$3.dataAttr(cellState.selected),
-        "aria-disabled": index$3.ariaAttr(!cellState.selectable),
-        "data-disabled": index$3.dataAttr(!cellState.selectable),
-        "data-focus": index$3.dataAttr(cellState.focused),
-        "data-in-range": index$3.dataAttr(cellState.inRange),
-        "data-outside-range": index$3.dataAttr(cellState.outsideRange),
+        "data-selected": index$4.dataAttr(cellState.selected),
+        "aria-disabled": index$4.ariaAttr(!cellState.selectable),
+        "data-disabled": index$4.dataAttr(!cellState.selectable),
+        "data-focus": index$4.dataAttr(cellState.focused),
+        "data-in-range": index$4.dataAttr(cellState.inRange),
+        "data-outside-range": index$4.dataAttr(cellState.outsideRange),
         "aria-label": cellState.valueText,
         "data-view": "month",
         "data-value": value,
@@ -701,9 +701,9 @@ function connect(service, normalize) {
         dir: prop("dir"),
         colSpan: columns,
         role: "gridcell",
-        "aria-selected": index$3.ariaAttr(cellState.selected),
-        "data-selected": index$3.dataAttr(cellState.selected),
-        "aria-disabled": index$3.ariaAttr(!cellState.selectable),
+        "aria-selected": index$4.ariaAttr(cellState.selected),
+        "data-selected": index$4.dataAttr(cellState.selected),
+        "aria-disabled": index$4.ariaAttr(!cellState.selectable),
         "data-value": value
       });
     },
@@ -715,13 +715,13 @@ function connect(service, normalize) {
         dir: prop("dir"),
         role: "button",
         id: getCellTriggerId(scope, value.toString()),
-        "data-selected": index$3.dataAttr(cellState.selected),
-        "data-focus": index$3.dataAttr(cellState.focused),
-        "data-in-range": index$3.dataAttr(cellState.inRange),
-        "aria-disabled": index$3.ariaAttr(!cellState.selectable),
-        "data-disabled": index$3.dataAttr(!cellState.selectable),
+        "data-selected": index$4.dataAttr(cellState.selected),
+        "data-focus": index$4.dataAttr(cellState.focused),
+        "data-in-range": index$4.dataAttr(cellState.inRange),
+        "aria-disabled": index$4.ariaAttr(!cellState.selectable),
+        "data-disabled": index$4.dataAttr(!cellState.selectable),
         "aria-label": cellState.valueText,
-        "data-outside-range": index$3.dataAttr(cellState.outsideRange),
+        "data-outside-range": index$4.dataAttr(cellState.outsideRange),
         "data-value": value,
         "data-view": "year",
         tabIndex: cellState.focused ? 0 : -1,
@@ -749,7 +749,7 @@ function connect(service, normalize) {
         type: "button",
         "aria-label": translations.nextTrigger(view),
         disabled: isDisabled,
-        "data-disabled": index$3.dataAttr(isDisabled),
+        "data-disabled": index$4.dataAttr(isDisabled),
         onClick(event) {
           if (event.defaultPrevented) return;
           send({ type: "GOTO.NEXT", view });
@@ -766,7 +766,7 @@ function connect(service, normalize) {
         type: "button",
         "aria-label": translations.prevTrigger(view),
         disabled: isDisabled,
-        "data-disabled": index$3.dataAttr(isDisabled),
+        "data-disabled": index$4.dataAttr(isDisabled),
         onClick(event) {
           if (event.defaultPrevented) return;
           send({ type: "GOTO.PREV", view });
@@ -854,12 +854,12 @@ function connect(service, normalize) {
         readOnly,
         disabled,
         required: prop("required"),
-        "aria-invalid": index$3.ariaAttr(invalid),
-        "data-invalid": index$3.dataAttr(invalid),
+        "aria-invalid": index$4.ariaAttr(invalid),
+        "data-invalid": index$4.dataAttr(invalid),
         placeholder: prop("placeholder") || getInputPlaceholder(locale),
         defaultValue: computed("valueAsString")[index],
         onBeforeInput(event) {
-          const { data } = index$3.getNativeEvent(event);
+          const { data } = index$4.getNativeEvent(event);
           if (!isValidCharacter(data, separator)) {
             event.preventDefault();
           }
@@ -876,7 +876,7 @@ function connect(service, normalize) {
           if (!interactive) return;
           const keyMap = {
             Enter(event2) {
-              if (index$3.isComposingEvent(event2)) return;
+              if (index$4.isComposingEvent(event2)) return;
               if (isUnavailable(focusedValue)) return;
               if (event2.currentTarget.value.trim() === "") return;
               send({ type: "INPUT.ENTER", value: event2.currentTarget.value, index });
@@ -929,7 +929,7 @@ function connect(service, normalize) {
       });
     },
     getPresetTriggerProps(props2) {
-      const value = Array.isArray(props2.value) ? props2.value : index$2.getDateRangePreset(props2.value, locale, timeZone);
+      const value = Array.isArray(props2.value) ? props2.value : index$3.getDateRangePreset(props2.value, locale, timeZone);
       const valueAsString = value.filter((item) => item != null).map((item) => item.toDate(timeZone).toDateString());
       return normalize.button({
         ...parts.presetTrigger.attrs,
@@ -948,7 +948,7 @@ function isDateArrayEqual(a, b) {
   if (a?.length !== b?.length) return false;
   const len = Math.max(a.length, b.length);
   for (let i = 0; i < len; i++) {
-    if (!index$2.isDateEqual(a[i], b[i])) return false;
+    if (!index$3.isDateEqual(a[i], b[i])) return false;
   }
   return true;
 }
@@ -964,10 +964,10 @@ var machine = index$1.createMachine({
     const timeZone = props2.timeZone || "UTC";
     const selectionMode = props2.selectionMode || "single";
     const numOfMonths = props2.numOfMonths || 1;
-    const defaultValue = props2.defaultValue ? sortDates(props2.defaultValue).map((date) => index$2.constrainValue(date, props2.min, props2.max)) : void 0;
-    const value = props2.value ? sortDates(props2.value).map((date) => index$2.constrainValue(date, props2.min, props2.max)) : void 0;
-    let focusedValue = props2.focusedValue || props2.defaultFocusedValue || value?.[0] || defaultValue?.[0] || index$2.getTodayDate(timeZone);
-    focusedValue = index$2.constrainValue(focusedValue, props2.min, props2.max);
+    const defaultValue = props2.defaultValue ? sortDates(props2.defaultValue).map((date) => index$3.constrainValue(date, props2.min, props2.max)) : void 0;
+    const value = props2.value ? sortDates(props2.value).map((date) => index$3.constrainValue(date, props2.min, props2.max)) : void 0;
+    let focusedValue = props2.focusedValue || props2.defaultFocusedValue || value?.[0] || defaultValue?.[0] || index$3.getTodayDate(timeZone);
+    focusedValue = index$3.constrainValue(focusedValue, props2.min, props2.max);
     const minView = "day";
     const maxView = "year";
     const defaultView = clampView(props2.view || minView, minView, maxView);
@@ -986,7 +986,7 @@ var machine = index$1.createMachine({
         return formatter.format(date.toDate(timeZone2));
       },
       parse(value2, { locale: locale2, timeZone: timeZone2 }) {
-        return index$2.parseDateString(value2, locale2, timeZone2);
+        return index$3.parseDateString(value2, locale2, timeZone2);
       },
       ...props2,
       focusedValue: typeof props2.focusedValue === "undefined" ? void 0 : focusedValue,
@@ -1013,7 +1013,7 @@ var machine = index$1.createMachine({
       focusedValue: bindable(() => ({
         defaultValue: prop("defaultFocusedValue"),
         value: prop("focusedValue"),
-        isEqual: index$2.isDateEqual,
+        isEqual: index$3.isDateEqual,
         hash: (v) => v.toString(),
         sync: true,
         onChange(focusedValue) {
@@ -1044,7 +1044,7 @@ var machine = index$1.createMachine({
       })),
       hoveredValue: bindable(() => ({
         defaultValue: null,
-        isEqual: index$2.isDateEqual
+        isEqual: index$3.isDateEqual
       })),
       view: bindable(() => ({
         defaultValue: prop("defaultView"),
@@ -1056,8 +1056,8 @@ var machine = index$1.createMachine({
       startValue: bindable(() => {
         const focusedValue = prop("focusedValue") || prop("defaultFocusedValue");
         return {
-          defaultValue: index$2.alignDate(focusedValue, "start", { months: prop("numOfMonths") }, prop("locale")),
-          isEqual: index$2.isDateEqual,
+          defaultValue: index$3.alignDate(focusedValue, "start", { months: prop("numOfMonths") }, prop("locale")),
+          isEqual: index$3.isDateEqual,
           hash: (v) => v.toString()
         };
       }),
@@ -1072,7 +1072,7 @@ var machine = index$1.createMachine({
   computed: {
     isInteractive: ({ prop }) => !prop("disabled") && !prop("readOnly"),
     visibleDuration: ({ prop }) => ({ months: prop("numOfMonths") }),
-    endValue: ({ context, computed }) => index$2.getEndDate(context.get("startValue"), computed("visibleDuration")),
+    endValue: ({ context, computed }) => index$3.getEndDate(context.get("startValue"), computed("visibleDuration")),
     visibleRange: ({ context, computed }) => ({ start: context.get("startValue"), end: computed("endValue") }),
     visibleRangeText({ context, prop, computed }) {
       const timeZone = prop("timeZone");
@@ -1082,8 +1082,8 @@ var machine = index$1.createMachine({
       const formatted = prop("selectionMode") === "range" ? `${start} - ${end}` : start;
       return { start, end, formatted };
     },
-    isPrevVisibleRangeValid: ({ context, prop }) => !index$2.isPreviousRangeInvalid(context.get("startValue"), prop("min"), prop("max")),
-    isNextVisibleRangeValid: ({ prop, computed }) => !index$2.isNextRangeInvalid(computed("endValue"), prop("min"), prop("max")),
+    isPrevVisibleRangeValid: ({ context, prop }) => !index$3.isPreviousRangeInvalid(context.get("startValue"), prop("min"), prop("max")),
+    isNextVisibleRangeValid: ({ prop, computed }) => !index$3.isNextRangeInvalid(computed("endValue"), prop("min"), prop("max")),
     valueAsString: ({ context, prop }) => getValueAsString(context.get("value"), prop)
   },
   effects: ["setupLiveRegion"],
@@ -1554,7 +1554,7 @@ var machine = index$1.createMachine({
         }
         const anchorEl = getControlEl(scope);
         const getPositionerEl2 = () => getPositionerEl(scope);
-        return index$6.getPlacement(anchorEl, getPositionerEl2, {
+        return index$2.getPlacement(anchorEl, getPositionerEl2, {
           ...prop("positioning"),
           defer: true,
           onComplete(data) {
@@ -1564,13 +1564,13 @@ var machine = index$1.createMachine({
       },
       setupLiveRegion({ scope, refs }) {
         const doc = scope.getDoc();
-        refs.set("announcer", index$5.createLiveRegion({ level: "assertive", document: doc }));
+        refs.set("announcer", index$7.createLiveRegion({ level: "assertive", document: doc }));
         return () => refs.get("announcer")?.destroy?.();
       },
       trackDismissableElement({ scope, send, context, prop }) {
         if (prop("inline")) return;
         const getContentEl2 = () => getContentEl(scope);
-        return index$4.trackDismissableElement(getContentEl2, {
+        return index$6.trackDismissableElement(getContentEl2, {
           type: "popover",
           defer: true,
           exclude: [...getInputEls(scope), getTriggerEl(scope), getClearTriggerEl(scope)],
@@ -1610,16 +1610,16 @@ var machine = index$1.createMachine({
         if (prop("selectionMode") === "range") {
           const [startDate, endDate] = value;
           if (startDate && endDate) {
-            announceText = index$2.formatSelectedDate(startDate, endDate, locale, timeZone);
+            announceText = index$3.formatSelectedDate(startDate, endDate, locale, timeZone);
           } else if (startDate) {
-            announceText = index$2.formatSelectedDate(startDate, null, locale, timeZone);
+            announceText = index$3.formatSelectedDate(startDate, null, locale, timeZone);
           } else if (endDate) {
-            announceText = index$2.formatSelectedDate(endDate, null, locale, timeZone);
+            announceText = index$3.formatSelectedDate(endDate, null, locale, timeZone);
           } else {
             announceText = "";
           }
         } else {
-          announceText = value.map((date) => index$2.formatSelectedDate(date, null, locale, timeZone)).filter(Boolean).join(",");
+          announceText = value.map((date) => index$3.formatSelectedDate(date, null, locale, timeZone)).filter(Boolean).join(",");
         }
         refs.get("announcer")?.announce(announceText, 3e3);
       },
@@ -1628,10 +1628,10 @@ var machine = index$1.createMachine({
         refs.get("announcer")?.announce(formatted);
       },
       disableTextSelection({ scope }) {
-        index$3.disableTextSelection({ target: getContentEl(scope), doc: scope.getDoc() });
+        index$4.disableTextSelection({ target: getContentEl(scope), doc: scope.getDoc() });
       },
       enableTextSelection({ scope }) {
-        index$3.restoreTextSelection({ doc: scope.getDoc(), target: getContentEl(scope) });
+        index$4.restoreTextSelection({ doc: scope.getDoc(), target: getContentEl(scope) });
       },
       focusFirstSelectedDate(params) {
         const { context } = params;
@@ -1639,10 +1639,10 @@ var machine = index$1.createMachine({
         setFocusedValue(params, context.get("value")[0]);
       },
       syncInputElement({ scope, computed }) {
-        index$3.raf(() => {
+        index$4.raf(() => {
           const inputEls = getInputEls(scope);
           inputEls.forEach((inputEl, index) => {
-            index$3.setElementValue(inputEl, computed("valueAsString")[index] || "");
+            index$4.setElementValue(inputEl, computed("valueAsString")[index] || "");
           });
         });
       },
@@ -1665,7 +1665,7 @@ var machine = index$1.createMachine({
       },
       setDateValue({ context, event, prop }) {
         if (!Array.isArray(event.value)) return;
-        const value = event.value.map((date) => index$2.constrainValue(date, prop("min"), prop("max")));
+        const value = event.value.map((date) => index$3.constrainValue(date, prop("min"), prop("max")));
         context.set("value", value);
       },
       clearDateValue({ context }) {
@@ -1685,7 +1685,7 @@ var machine = index$1.createMachine({
       toggleSelectedDate(params) {
         const { context, event } = params;
         const currentValue = normalizeValue(params, event.value ?? context.get("focusedValue"));
-        const index = context.get("value").findIndex((date) => index$2.isDateEqual(date, currentValue));
+        const index = context.get("value").findIndex((date) => index$3.isDateEqual(date, currentValue));
         if (index === -1) {
           const values = [...context.get("value"), currentValue];
           context.set("value", sortDates(values));
@@ -1731,7 +1731,7 @@ var machine = index$1.createMachine({
       },
       focusNextPage(params) {
         const { context, computed, prop } = params;
-        const nextPage = index$2.getNextPage(
+        const nextPage = index$3.getNextPage(
           context.get("focusedValue"),
           context.get("startValue"),
           computed("visibleDuration"),
@@ -1743,7 +1743,7 @@ var machine = index$1.createMachine({
       },
       focusPreviousPage(params) {
         const { context, computed, prop } = params;
-        const previousPage = index$2.getPreviousPage(
+        const previousPage = index$3.getPreviousPage(
           context.get("focusedValue"),
           context.get("startValue"),
           computed("visibleDuration"),
@@ -1763,7 +1763,7 @@ var machine = index$1.createMachine({
       },
       focusNextSection(params) {
         const { context, event, computed, prop } = params;
-        const nextSection = index$2.getNextSection(
+        const nextSection = index$3.getNextSection(
           context.get("focusedValue"),
           context.get("startValue"),
           event.larger,
@@ -1777,7 +1777,7 @@ var machine = index$1.createMachine({
       },
       focusPreviousSection(params) {
         const { context, event, computed, prop } = params;
-        const previousSection = index$2.getPreviousSection(
+        const previousSection = index$3.getPreviousSection(
           context.get("focusedValue"),
           context.get("startValue"),
           event.larger,
@@ -1811,7 +1811,7 @@ var machine = index$1.createMachine({
       },
       clearFocusedDate(params) {
         const { prop } = params;
-        setFocusedValue(params, index$2.getTodayDate(prop("timeZone")));
+        setFocusedValue(params, index$3.getTodayDate(prop("timeZone")));
       },
       focusPreviousMonthColumn(params) {
         const { context, event } = params;
@@ -1845,13 +1845,13 @@ var machine = index$1.createMachine({
       },
       focusFirstYear(params) {
         const { context } = params;
-        const range = index$2.getDecadeRange(context.get("focusedValue").year);
+        const range = index$3.getDecadeRange(context.get("focusedValue").year);
         const nextValue = context.get("focusedValue").set({ year: range[0] });
         setFocusedValue(params, nextValue);
       },
       focusLastYear(params) {
         const { context } = params;
-        const range = index$2.getDecadeRange(context.get("focusedValue").year);
+        const range = index$3.getDecadeRange(context.get("focusedValue").year);
         const nextValue = context.get("focusedValue").set({ year: range[range.length - 1] });
         setFocusedValue(params, nextValue);
       },
@@ -1865,14 +1865,14 @@ var machine = index$1.createMachine({
         context.set("activeIndex", 0);
       },
       focusActiveCell({ scope, context }) {
-        index$3.raf(() => {
+        index$4.raf(() => {
           const view = context.get("view");
           getFocusedCell(scope, view)?.focus({ preventScroll: true });
         });
       },
       focusActiveCellIfNeeded({ scope, context, event }) {
         if (!event.focus) return;
-        index$3.raf(() => {
+        index$4.raf(() => {
           const view = context.get("view");
           getFocusedCell(scope, view)?.focus({ preventScroll: true });
         });
@@ -1883,18 +1883,18 @@ var machine = index$1.createMachine({
         context.set("hoveredValue", context.get("focusedValue").copy());
       },
       focusTriggerElement({ scope }) {
-        index$3.raf(() => {
+        index$4.raf(() => {
           getTriggerEl(scope)?.focus({ preventScroll: true });
         });
       },
       focusFirstInputElement({ scope }) {
-        index$3.raf(() => {
+        index$4.raf(() => {
           const [inputEl] = getInputEls(scope);
           inputEl?.focus({ preventScroll: true });
         });
       },
       focusInputElement({ scope }) {
-        index$3.raf(() => {
+        index$4.raf(() => {
           const inputEls = getInputEls(scope);
           const lastIndexWithValue = inputEls.findLastIndex((inputEl2) => inputEl2.value !== "");
           const indexToFocus = Math.max(lastIndexWithValue, 0);
@@ -1905,11 +1905,11 @@ var machine = index$1.createMachine({
       },
       syncMonthSelectElement({ scope, context }) {
         const monthSelectEl = getMonthSelectEl(scope);
-        index$3.setElementValue(monthSelectEl, context.get("startValue").month.toString());
+        index$4.setElementValue(monthSelectEl, context.get("startValue").month.toString());
       },
       syncYearSelectElement({ scope, context }) {
         const yearSelectEl = getYearSelectEl(scope);
-        index$3.setElementValue(yearSelectEl, context.get("startValue").year.toString());
+        index$4.setElementValue(yearSelectEl, context.get("startValue").year.toString());
       },
       setInputValue({ context, event }) {
         if (context.get("activeIndex") !== event.index) return;
@@ -1919,7 +1919,7 @@ var machine = index$1.createMachine({
         queueMicrotask(() => {
           const inputEls = getInputEls(scope);
           const idx = event.index ?? context.get("activeIndex");
-          index$3.setElementValue(inputEls[idx], context.get("inputValue"));
+          index$4.setElementValue(inputEls[idx], context.get("inputValue"));
         });
       },
       focusParsedDate(params) {
@@ -1940,7 +1940,7 @@ var machine = index$1.createMachine({
           }
         }
         if (!date) return;
-        date = index$2.constrainValue(date, prop("min"), prop("max"));
+        date = index$3.constrainValue(date, prop("min"), prop("max"));
         const values = Array.from(context.get("value"));
         values[event.index] = date;
         context.set("value", values);
@@ -1952,9 +1952,9 @@ var machine = index$1.createMachine({
       },
       setStartValue({ context, computed, prop }) {
         const focusedValue = context.get("focusedValue");
-        const outside = index$2.isDateOutsideRange(focusedValue, context.get("startValue"), computed("endValue"));
+        const outside = index$3.isDateOutsideRange(focusedValue, context.get("startValue"), computed("endValue"));
         if (!outside) return;
-        const startValue = index$2.alignDate(focusedValue, "start", { months: prop("numOfMonths") }, prop("locale"));
+        const startValue = index$3.alignDate(focusedValue, "start", { months: prop("numOfMonths") }, prop("locale"));
         context.set("startValue", startValue);
       },
       invokeOnOpen({ prop, context }) {
@@ -1986,8 +1986,8 @@ function setFocusedValue(ctx, mixedValue) {
   const { context, prop, computed } = ctx;
   if (!mixedValue) return;
   const value = normalizeValue(ctx, mixedValue);
-  if (index$2.isDateEqual(context.get("focusedValue"), value)) return;
-  const adjustFn = index$2.getAdjustedDateFn(computed("visibleDuration"), prop("locale"), prop("min"), prop("max"));
+  if (index$3.isDateEqual(context.get("focusedValue"), value)) return;
+  const adjustFn = index$3.getAdjustedDateFn(computed("visibleDuration"), prop("locale"), prop("min"), prop("max"));
   const adjustedValue = adjustFn({
     focusedDate: value,
     startDate: context.get("startValue")
@@ -1999,7 +1999,7 @@ function setAdjustedValue(ctx, value) {
   const { context } = ctx;
   context.set("startValue", value.startDate);
   const focusedValue = context.get("focusedValue");
-  if (index$2.isDateEqual(focusedValue, value.focusedDate)) return;
+  if (index$3.isDateEqual(focusedValue, value.focusedDate)) return;
   context.set("focusedValue", value.focusedDate);
 }
 function parse(value) {