@vygruppen/spor-react 4.0.3 → 4.1.1

package/dist/{chunk-XT6QVKN5.mjs → chunk-U2IWIWOD.mjs}

@@ -4,15 +4,15 @@ import tokens10__default from '@vygruppen/spor-design-tokens';
 import * as tokens10 from '@vygruppen/spor-design-tokens';
 export { tokens10 as tokens };
 import * as React69 from 'react';
-import React69__default, { createContext, useEffect, forwardRef as forwardRef$1, useRef, useState, useId, Suspense, useMemo, useContext, useCallback } from 'react';
+import React69__default, { createContext, useEffect, forwardRef as forwardRef$1, useRef, useState, useId, Suspense, useContext, useCallback, useMemo } from 'react';
 import { CloseFill30Icon, CloseFill24Icon, CloseFill18Icon, CalendarOutline24Icon, CloseOutline24Icon, SearchOutline24Icon, InformationFill24Icon, InformationFill18Icon, WarningFill24Icon, WarningFill18Icon, ErrorFill24Icon, ErrorFill18Icon, LinkOutOutline24Icon, DropdownRightFill18Icon, DropdownLeftFill18Icon, DropdownDownFill18Icon, DropdownDownFill24Icon, DropdownUpFill24Icon, ArrowRightFill18Icon, DropdownLeftFill24Icon, ArrowLeftOutline24Icon, ArrowRightOutline24Icon, ErrorOutline24Icon, AltTransportOutline24Icon, WarningOutline24Icon, SuccessOutline24Icon, InformationOutline24Icon, TrainFill18Icon, TrainFill24Icon, TrainFill30Icon, ExpressBusFill18Icon, ExpressBusFill24Icon, ExpressBusFill30Icon, BusFill18Icon, BusFill24Icon, BusFill30Icon, FerryFill18Icon, FerryFill24Icon, FerryFill30Icon, SubwayFill18Icon, SubwayFill24Icon, SubwayFill30Icon, TramFill18Icon, TramFill24Icon, TramFill30Icon, AltTransportFill18Icon, AltTransportFill24Icon, AltTransportFill30Icon, WalkFill18Icon, WalkFill24Icon, WalkFill30Icon } from '@vygruppen/spor-icon-react';
 import { inlineLoaderColorData, spinnerColorData, contentLoaderData, fullScreenLoaderWhiteData, inlineLoaderDarkData, fullScreenLoaderBlackData, inlineLoaderLightData, spinnerLightData, spinnerDarkData } from '@vygruppen/spor-loader';
 import { useLottie } from 'lottie-react';
 import { useDateSegment, useDateField, useDatePicker, I18nProvider, usePopover, DismissButton, Overlay, useOverlayTrigger, useButton, useProgressBar, useCalendar, useDateRangePicker, useDialog, useFilter, useComboBox, useListBox, useOption, useListBoxSection, useSelect, HiddenSelect, useCalendarGrid, useRangeCalendar, useTimeField, useCalendarCell } from 'react-aria';
 import { motion } from 'framer-motion';
-import { DateFormatter, toCalendar, getMinimumDayInMonth, getMinimumMonthInYear, createCalendar, GregorianCalendar, Time, now, toCalendarDate, toCalendarDateTime, today, startOfWeek, startOfMonth, endOfWeek, endOfMonth, isSameDay, getDayOfWeek, parseTime, getWeeksInMonth, getLocalTimeZone, startOfYear, maxDate, minDate, isEqualDay, isSameMonth, isToday } from '@internationalized/date';
+import { createCalendar, GregorianCalendar, parseTime, endOfMonth, getWeeksInMonth, getLocalTimeZone, isSameMonth, isToday } from '@internationalized/date';
 export { Time } from '@internationalized/date';
-import { useOverlayTriggerState, Item, useTimeFieldState, useComboBoxState, useSelectState } from 'react-stately';
+import { useDateFieldState, useDatePickerState, useOverlayTriggerState, Item, useCalendarState, useDateRangePickerState, useTimeFieldState, useComboBoxState, useSelectState, useRangeCalendarState } from 'react-stately';
 export { Item, Section } from 'react-stately';
 import { useSwipeable } from 'react-swipeable';
 import { Global, keyframes } from '@emotion/react';
@@ -1439,7 +1439,11 @@ var texts5 = createTexts({
     en: "Alternative transport"
   }
 });
-var BaseAlert = ({ variant, children, ...boxProps }) => {
+var BaseAlert = ({
+  variant,
+  children,
+  ...boxProps
+}) => {
   const styles3 = useMultiStyleConfig("Alert", { variant });
   return /* @__PURE__ */ React69__default.createElement(Box, { __css: styles3.container, ...boxProps }, children);
 };
@@ -1547,1734 +1551,6 @@ var Card = forwardRef(
     return /* @__PURE__ */ React69__default.createElement(Box, { __css: styles3, ...props, ref }, children);
   }
 );
-function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange) {
-  let [stateValue, setStateValue] = (useState)(value || defaultValue);
-  let isControlledRef = (useRef)(value !== void 0);
-  let isControlled = value !== void 0;
-  (useEffect)(() => {
-    let wasControlled = isControlledRef.current;
-    if (wasControlled !== isControlled)
-      console.warn(`WARN: A component changed from ${wasControlled ? "controlled" : "uncontrolled"} to ${isControlled ? "controlled" : "uncontrolled"}.`);
-    isControlledRef.current = isControlled;
-  }, [
-    isControlled
-  ]);
-  let currentValue = isControlled ? value : stateValue;
-  let setValue = (useCallback)((value2, ...args) => {
-    let onChangeCaller = (value3, ...onChangeArgs) => {
-      if (onChange) {
-        if (!Object.is(currentValue, value3))
-          onChange(value3, ...onChangeArgs);
-      }
-      if (!isControlled)
-        currentValue = value3;
-    };
-    if (typeof value2 === "function") {
-      console.warn("We can not support a function callback. See Github Issues for details https://github.com/adobe/react-spectrum/issues/2320");
-      let updateFunction = (oldValue, ...functionArgs) => {
-        let interceptedValue = value2(isControlled ? currentValue : oldValue, ...functionArgs);
-        onChangeCaller(interceptedValue, ...args);
-        if (!isControlled)
-          return interceptedValue;
-        return oldValue;
-      };
-      setStateValue(updateFunction);
-    } else {
-      if (!isControlled)
-        setStateValue(value2);
-      onChangeCaller(value2, ...args);
-    }
-  }, [
-    isControlled,
-    currentValue,
-    onChange
-  ]);
-  return [
-    currentValue,
-    setValue
-  ];
-}
-
-// ../../node_modules/@react-stately/overlays/dist/import.mjs
-function $fc909762b330b746$export$61c6a8c84e605fb6(props) {
-  let [isOpen, setOpen] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.isOpen, props.defaultOpen || false, props.onOpenChange);
-  const open = (useCallback)(() => {
-    setOpen(true);
-  }, [
-    setOpen
-  ]);
-  const close = (useCallback)(() => {
-    setOpen(false);
-  }, [
-    setOpen
-  ]);
-  const toggle = (useCallback)(() => {
-    setOpen(!isOpen);
-  }, [
-    setOpen,
-    isOpen
-  ]);
-  return {
-    isOpen,
-    setOpen,
-    open,
-    close,
-    toggle
-  };
-}
-
-// ../../node_modules/@internationalized/string/dist/import.mjs
-var $5b160d28a433310d$export$c17fa47878dc55b6 = class {
-  /** Returns a localized string for the given key and locale. */
-  getStringForLocale(key, locale) {
-    let strings = this.strings[locale];
-    if (!strings) {
-      strings = $5b160d28a433310d$var$getStringsForLocale(locale, this.strings, this.defaultLocale);
-      this.strings[locale] = strings;
-    }
-    let string = strings[key];
-    if (!string)
-      throw new Error(`Could not find intl message ${key} in ${locale} locale`);
-    return string;
-  }
-  constructor(messages, defaultLocale = "en-US") {
-    this.strings = {
-      ...messages
-    };
-    this.defaultLocale = defaultLocale;
-  }
-};
-function $5b160d28a433310d$var$getStringsForLocale(locale, strings, defaultLocale = "en-US") {
-  if (strings[locale])
-    return strings[locale];
-  let language = $5b160d28a433310d$var$getLanguage(locale);
-  if (strings[language])
-    return strings[language];
-  for (let key in strings) {
-    if (key.startsWith(language + "-"))
-      return strings[key];
-  }
-  return strings[defaultLocale];
-}
-function $5b160d28a433310d$var$getLanguage(locale) {
-  if (Intl.Locale)
-    return new Intl.Locale(locale).language;
-  return locale.split("-")[0];
-}
-
-// ../../node_modules/@react-stately/datepicker/dist/import.mjs
-function $35a22f14a1f04b11$export$eac50920cf2fd59a(value, minValue, maxValue) {
-  return value != null && (minValue != null && value.compare(minValue) < 0 || maxValue != null && value.compare(maxValue) > 0);
-}
-var $35a22f14a1f04b11$var$DEFAULT_FIELD_OPTIONS = {
-  year: "numeric",
-  month: "numeric",
-  day: "numeric",
-  hour: "numeric",
-  minute: "2-digit",
-  second: "2-digit"
-};
-var $35a22f14a1f04b11$var$TWO_DIGIT_FIELD_OPTIONS = {
-  year: "numeric",
-  month: "2-digit",
-  day: "2-digit",
-  hour: "2-digit",
-  minute: "2-digit",
-  second: "2-digit"
-};
-function $35a22f14a1f04b11$export$7e319ea407e63bc0(fieldOptions, options) {
-  let defaultFieldOptions = options.shouldForceLeadingZeros ? $35a22f14a1f04b11$var$TWO_DIGIT_FIELD_OPTIONS : $35a22f14a1f04b11$var$DEFAULT_FIELD_OPTIONS;
-  fieldOptions = {
-    ...defaultFieldOptions,
-    ...fieldOptions
-  };
-  let granularity = options.granularity || "minute";
-  let keys = Object.keys(fieldOptions);
-  var _options_maxGranularity;
-  let startIdx = keys.indexOf((_options_maxGranularity = options.maxGranularity) !== null && _options_maxGranularity !== void 0 ? _options_maxGranularity : "year");
-  if (startIdx < 0)
-    startIdx = 0;
-  let endIdx = keys.indexOf(granularity);
-  if (endIdx < 0)
-    endIdx = 2;
-  if (startIdx > endIdx)
-    throw new Error("maxGranularity must be greater than granularity");
-  let opts = keys.slice(startIdx, endIdx + 1).reduce((opts2, key) => {
-    opts2[key] = fieldOptions[key];
-    return opts2;
-  }, {});
-  if (options.hourCycle != null)
-    opts.hour12 = options.hourCycle === 12;
-  opts.timeZone = options.timeZone || "UTC";
-  let hasTime = granularity === "hour" || granularity === "minute" || granularity === "second";
-  if (hasTime && options.timeZone && !options.hideTimeZone)
-    opts.timeZoneName = "short";
-  if (options.showEra && startIdx === 0)
-    opts.era = "short";
-  return opts;
-}
-function $35a22f14a1f04b11$export$c5221a78ef73c5e9(placeholderValue) {
-  if (placeholderValue && "hour" in placeholderValue)
-    return placeholderValue;
-  return new (Time)();
-}
-function $35a22f14a1f04b11$export$61a490a80c552550(value, calendar) {
-  if (value === null)
-    return null;
-  if (!value)
-    return void 0;
-  return (toCalendar)(value, calendar);
-}
-function $35a22f14a1f04b11$export$66aa2b09de4b1ea5(placeholderValue, granularity, calendar, timeZone) {
-  if (placeholderValue)
-    return $35a22f14a1f04b11$export$61a490a80c552550(placeholderValue, calendar);
-  let date = (toCalendar)((now)(timeZone).set({
-    hour: 0,
-    minute: 0,
-    second: 0,
-    millisecond: 0
-  }), calendar);
-  if (granularity === "year" || granularity === "month" || granularity === "day")
-    return (toCalendarDate)(date);
-  if (!timeZone)
-    return (toCalendarDateTime)(date);
-  return date;
-}
-function $35a22f14a1f04b11$export$2440da353cedad43(v, granularity) {
-  let defaultTimeZone = v && "timeZone" in v ? v.timeZone : void 0;
-  let defaultGranularity = v && "minute" in v ? "minute" : "day";
-  if (v && granularity && !(granularity in v))
-    throw new Error("Invalid granularity " + granularity + " for value " + v.toString());
-  let [lastValue, setLastValue] = (useState)([
-    defaultGranularity,
-    defaultTimeZone
-  ]);
-  if (v && (lastValue[0] !== defaultGranularity || lastValue[1] !== defaultTimeZone))
-    setLastValue([
-      defaultGranularity,
-      defaultTimeZone
-    ]);
-  if (!granularity)
-    granularity = v ? defaultGranularity : lastValue[0];
-  let timeZone = v ? defaultTimeZone : lastValue[1];
-  return [
-    granularity,
-    timeZone
-  ];
-}
-function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
-  var _props_isDateUnavailable;
-  let overlayState = ($fc909762b330b746$export$61c6a8c84e605fb6)(props);
-  let [value, setValue] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, props.defaultValue || null, props.onChange);
-  let v = value || props.placeholderValue;
-  let [granularity, defaultTimeZone] = ($35a22f14a1f04b11$export$2440da353cedad43)(v, props.granularity);
-  let dateValue = value != null ? value.toDate(defaultTimeZone !== null && defaultTimeZone !== void 0 ? defaultTimeZone : "UTC") : null;
-  let hasTime = granularity === "hour" || granularity === "minute" || granularity === "second";
-  var _props_shouldCloseOnSelect;
-  let shouldCloseOnSelect = (_props_shouldCloseOnSelect = props.shouldCloseOnSelect) !== null && _props_shouldCloseOnSelect !== void 0 ? _props_shouldCloseOnSelect : true;
-  let [selectedDate, setSelectedDate] = (useState)(null);
-  let [selectedTime, setSelectedTime] = (useState)(null);
-  if (value) {
-    selectedDate = value;
-    if ("hour" in value)
-      selectedTime = value;
-  }
-  if (v && !(granularity in v))
-    throw new Error("Invalid granularity " + granularity + " for value " + v.toString());
-  let commitValue = (date, time) => {
-    setValue("timeZone" in time ? time.set((toCalendarDate)(date)) : (toCalendarDateTime)(date, time));
-    setSelectedDate(null);
-    setSelectedTime(null);
-  };
-  let selectDate = (newValue) => {
-    let shouldClose = typeof shouldCloseOnSelect === "function" ? shouldCloseOnSelect() : shouldCloseOnSelect;
-    if (hasTime) {
-      if (selectedTime || shouldClose)
-        commitValue(newValue, selectedTime || ($35a22f14a1f04b11$export$c5221a78ef73c5e9)(props.placeholderValue));
-      else
-        setSelectedDate(newValue);
-    } else
-      setValue(newValue);
-    if (shouldClose)
-      overlayState.setOpen(false);
-  };
-  let selectTime = (newValue) => {
-    if (selectedDate && newValue)
-      commitValue(selectedDate, newValue);
-    else
-      setSelectedTime(newValue);
-  };
-  let validationState = props.validationState || (($35a22f14a1f04b11$export$eac50920cf2fd59a)(value, props.minValue, props.maxValue) ? "invalid" : null) || (value && ((_props_isDateUnavailable = props.isDateUnavailable) === null || _props_isDateUnavailable === void 0 ? void 0 : _props_isDateUnavailable.call(props, value)) ? "invalid" : null);
-  return {
-    value,
-    setValue,
-    dateValue: selectedDate,
-    timeValue: selectedTime,
-    setDateValue: selectDate,
-    setTimeValue: selectTime,
-    granularity,
-    hasTime,
-    ...overlayState,
-    setOpen(isOpen) {
-      if (!isOpen && !value && selectedDate && hasTime)
-        commitValue(selectedDate, selectedTime || ($35a22f14a1f04b11$export$c5221a78ef73c5e9)(props.placeholderValue));
-      overlayState.setOpen(isOpen);
-    },
-    validationState,
-    formatValue(locale, fieldOptions) {
-      if (!dateValue)
-        return "";
-      let formatOptions = ($35a22f14a1f04b11$export$7e319ea407e63bc0)(fieldOptions, {
-        granularity,
-        timeZone: defaultTimeZone,
-        hideTimeZone: props.hideTimeZone,
-        hourCycle: props.hourCycle,
-        showEra: value.calendar.identifier === "gregory" && value.era === "BC"
-      });
-      let formatter = new (DateFormatter)(locale, formatOptions);
-      return formatter.format(dateValue);
-    }
-  };
-}
-var $3e3ed55ab2966714$var$placeholders = new ($5b160d28a433310d$export$c17fa47878dc55b6)({
-  ach: {
-    year: "mwaka",
-    month: "dwe",
-    day: "nino"
-  },
-  af: {
-    year: "jjjj",
-    month: "mm",
-    day: "dd"
-  },
-  am: {
-    year: "\u12D3\u12D3\u12D3\u12D3",
-    month: "\u121A\u121C",
-    day: "\u1240\u1240"
-  },
-  an: {
-    year: "aaaa",
-    month: "mm",
-    day: "dd"
-  },
-  ar: {
-    year: "\u0633\u0646\u0629",
-    month: "\u0634\u0647\u0631",
-    day: "\u064A\u0648\u0645"
-  },
-  ast: {
-    year: "aaaa",
-    month: "mm",
-    day: "dd"
-  },
-  az: {
-    year: "iiii",
-    month: "aa",
-    day: "gg"
-  },
-  be: {
-    year: "\u0433\u0433\u0433\u0433",
-    month: "\u043C\u043C",
-    day: "\u0434\u0434"
-  },
-  bg: {
-    year: "\u0433\u0433\u0433\u0433",
-    month: "\u043C\u043C",
-    day: "\u0434\u0434"
-  },
-  bn: {
-    year: "yyyy",
-    month: "\u09AE\u09BF\u09AE\u09BF",
-    day: "dd"
-  },
-  br: {
-    year: "bbbb",
-    month: "mm",
-    day: "dd"
-  },
-  bs: {
-    year: "gggg",
-    month: "mm",
-    day: "dd"
-  },
-  ca: {
-    year: "aaaa",
-    month: "mm",
-    day: "dd"
-  },
-  cak: {
-    year: "jjjj",
-    month: "ii",
-    day: "q'q'"
-  },
-  ckb: {
-    year: "\u0633\u0627\u06B5",
-    month: "\u0645\u0627\u0646\u06AF",
-    day: "\u0695\u06C6\u0698"
-  },
-  cs: {
-    year: "rrrr",
-    month: "mm",
-    day: "dd"
-  },
-  cy: {
-    year: "bbbb",
-    month: "mm",
-    day: "dd"
-  },
-  da: {
-    year: "\xE5\xE5\xE5\xE5",
-    month: "mm",
-    day: "dd"
-  },
-  de: {
-    year: "jjjj",
-    month: "mm",
-    day: "tt"
-  },
-  dsb: {
-    year: "llll",
-    month: "mm",
-    day: "\u017A\u017A"
-  },
-  el: {
-    year: "\u03B5\u03B5\u03B5\u03B5",
-    month: "\u03BC\u03BC",
-    day: "\u03B7\u03B7"
-  },
-  en: {
-    year: "yyyy",
-    month: "mm",
-    day: "dd"
-  },
-  eo: {
-    year: "jjjj",
-    month: "mm",
-    day: "tt"
-  },
-  es: {
-    year: "aaaa",
-    month: "mm",
-    day: "dd"
-  },
-  et: {
-    year: "aaaa",
-    month: "kk",
-    day: "pp"
-  },
-  eu: {
-    year: "uuuu",
-    month: "hh",
-    day: "ee"
-  },
-  fa: {
-    year: "\u0633\u0627\u0644",
-    month: "\u0645\u0627\u0647",
-    day: "\u0631\u0648\u0632"
-  },
-  ff: {
-    year: "hhhh",
-    month: "ll",
-    day: "\xF1\xF1"
-  },
-  fi: {
-    year: "vvvv",
-    month: "kk",
-    day: "pp"
-  },
-  fr: {
-    year: "aaaa",
-    month: "mm",
-    day: "jj"
-  },
-  fy: {
-    year: "jjjj",
-    month: "mm",
-    day: "dd"
-  },
-  ga: {
-    year: "bbbb",
-    month: "mm",
-    day: "ll"
-  },
-  gd: {
-    year: "bbbb",
-    month: "mm",
-    day: "ll"
-  },
-  gl: {
-    year: "aaaa",
-    month: "mm",
-    day: "dd"
-  },
-  he: {
-    year: "\u05E9\u05E0\u05D4",
-    month: "\u05D7\u05D5\u05D3\u05E9",
-    day: "\u05D9\u05D5\u05DD"
-  },
-  hr: {
-    year: "gggg",
-    month: "mm",
-    day: "dd"
-  },
-  hsb: {
-    year: "llll",
-    month: "mm",
-    day: "dd"
-  },
-  hu: {
-    year: "\xE9\xE9\xE9\xE9",
-    month: "hh",
-    day: "nn"
-  },
-  ia: {
-    year: "aaaa",
-    month: "mm",
-    day: "dd"
-  },
-  id: {
-    year: "tttt",
-    month: "bb",
-    day: "hh"
-  },
-  it: {
-    year: "aaaa",
-    month: "mm",
-    day: "gg"
-  },
-  ja: {
-    year: " \u5E74 ",
-    month: "\u6708",
-    day: "\u65E5"
-  },
-  ka: {
-    year: "\u10EC\u10EC\u10EC\u10EC",
-    month: "\u10D7\u10D7",
-    day: "\u10E0\u10E0"
-  },
-  kk: {
-    year: "\u0436\u0436\u0436\u0436",
-    month: "\u0430\u0430",
-    day: "\u043A\u043A"
-  },
-  kn: {
-    year: "\u0CB5\u0CB5\u0CB5\u0CB5",
-    month: "\u0CAE\u0CBF\u0CAE\u0CC0",
-    day: "\u0CA6\u0CBF\u0CA6\u0CBF"
-  },
-  ko: {
-    year: "\uC5F0\uB3C4",
-    month: "\uC6D4",
-    day: "\uC77C"
-  },
-  lb: {
-    year: "jjjj",
-    month: "mm",
-    day: "dd"
-  },
-  lo: {
-    year: "\u0E9B\u0E9B\u0E9B\u0E9B",
-    month: "\u0E94\u0E94",
-    day: "\u0EA7\u0EA7"
-  },
-  lt: {
-    year: "mmmm",
-    month: "mm",
-    day: "dd"
-  },
-  lv: {
-    year: "gggg",
-    month: "mm",
-    day: "dd"
-  },
-  meh: {
-    year: "aaaa",
-    month: "mm",
-    day: "dd"
-  },
-  ml: {
-    year: "\u0D35\u0D7C\u0D37\u0D02",
-    month: "\u0D2E\u0D3E\u0D38\u0D02",
-    day: "\u0D24\u0D40\u0D2F\u0D24\u0D3F"
-  },
-  ms: {
-    year: "tttt",
-    month: "mm",
-    day: "hh"
-  },
-  nl: {
-    year: "jjjj",
-    month: "mm",
-    day: "dd"
-  },
-  nn: {
-    year: "\xE5\xE5\xE5\xE5",
-    month: "mm",
-    day: "dd"
-  },
-  no: {
-    year: "\xE5\xE5\xE5\xE5",
-    month: "mm",
-    day: "dd"
-  },
-  oc: {
-    year: "aaaa",
-    month: "mm",
-    day: "jj"
-  },
-  pl: {
-    year: "rrrr",
-    month: "mm",
-    day: "dd"
-  },
-  pt: {
-    year: "aaaa",
-    month: "mm",
-    day: "dd"
-  },
-  rm: {
-    year: "oooo",
-    month: "mm",
-    day: "dd"
-  },
-  ro: {
-    year: "aaaa",
-    month: "ll",
-    day: "zz"
-  },
-  ru: {
-    year: "\u0433\u0433\u0433\u0433",
-    month: "\u043C\u043C",
-    day: "\u0434\u0434"
-  },
-  sc: {
-    year: "aaaa",
-    month: "mm",
-    day: "dd"
-  },
-  scn: {
-    year: "aaaa",
-    month: "mm",
-    day: "jj"
-  },
-  sk: {
-    year: "rrrr",
-    month: "mm",
-    day: "dd"
-  },
-  sl: {
-    year: "llll",
-    month: "mm",
-    day: "dd"
-  },
-  sr: {
-    year: "\u0433\u0433\u0433\u0433",
-    month: "\u043C\u043C",
-    day: "\u0434\u0434"
-  },
-  sv: {
-    year: "\xE5\xE5\xE5\xE5",
-    month: "mm",
-    day: "dd"
-  },
-  szl: {
-    year: "rrrr",
-    month: "mm",
-    day: "dd"
-  },
-  tg: {
-    year: "\u0441\u0441\u0441\u0441",
-    month: "\u043C\u043C",
-    day: "\u0440\u0440"
-  },
-  th: {
-    year: "\u0E1B\u0E1B\u0E1B\u0E1B",
-    month: "\u0E14\u0E14",
-    day: "\u0E27\u0E27"
-  },
-  tr: {
-    year: "yyyy",
-    month: "aa",
-    day: "gg"
-  },
-  uk: {
-    year: "\u0440\u0440\u0440\u0440",
-    month: "\u043C\u043C",
-    day: "\u0434\u0434"
-  },
-  "zh-CN": {
-    year: "\u5E74",
-    month: "\u6708",
-    day: "\u65E5"
-  },
-  "zh-TW": {
-    year: "\u5E74",
-    month: "\u6708",
-    day: "\u65E5"
-  }
-}, "en");
-function $3e3ed55ab2966714$export$d3f5c5e0a5023fa0(field, value, locale) {
-  if (field === "era" || field === "dayPeriod")
-    return value;
-  if (field === "year" || field === "month" || field === "day")
-    return $3e3ed55ab2966714$var$placeholders.getStringForLocale(field, locale);
-  return "\u2013\u2013";
-}
-var $3c0fc76039f1c516$var$EDITABLE_SEGMENTS = {
-  year: true,
-  month: true,
-  day: true,
-  hour: true,
-  minute: true,
-  second: true,
-  dayPeriod: true,
-  era: true
-};
-var $3c0fc76039f1c516$var$PAGE_STEP = {
-  year: 5,
-  month: 2,
-  day: 7,
-  hour: 2,
-  minute: 15,
-  second: 15
-};
-var $3c0fc76039f1c516$var$TYPE_MAPPING = {
-  dayperiod: "dayPeriod"
-};
-function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
-  let { locale, createCalendar: createCalendar4, hideTimeZone, isDisabled, isReadOnly, isRequired } = props;
-  let v = props.value || props.defaultValue || props.placeholderValue;
-  let [granularity, defaultTimeZone] = ($35a22f14a1f04b11$export$2440da353cedad43)(v, props.granularity);
-  let timeZone = defaultTimeZone || "UTC";
-  if (v && !(granularity in v))
-    throw new Error("Invalid granularity " + granularity + " for value " + v.toString());
-  let defaultFormatter = (useMemo)(() => new (DateFormatter)(locale), [
-    locale
-  ]);
-  let calendar = (useMemo)(() => createCalendar4(defaultFormatter.resolvedOptions().calendar), [
-    createCalendar4,
-    defaultFormatter
-  ]);
-  let [value, setDate] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, props.defaultValue, props.onChange);
-  let calendarValue = (useMemo)(() => ($35a22f14a1f04b11$export$61a490a80c552550)(value, calendar), [
-    value,
-    calendar
-  ]);
-  let [placeholderDate, setPlaceholderDate] = (useState)(() => ($35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone));
-  let val = calendarValue || placeholderDate;
-  let showEra = calendar.identifier === "gregory" && val.era === "BC";
-  var _props_maxGranularity;
-  let formatOpts = (useMemo)(() => ({
-    granularity,
-    maxGranularity: (_props_maxGranularity = props.maxGranularity) !== null && _props_maxGranularity !== void 0 ? _props_maxGranularity : "year",
-    timeZone: defaultTimeZone,
-    hideTimeZone,
-    hourCycle: props.hourCycle,
-    showEra,
-    shouldForceLeadingZeros: props.shouldForceLeadingZeros
-  }), [
-    props.maxGranularity,
-    granularity,
-    props.hourCycle,
-    props.shouldForceLeadingZeros,
-    defaultTimeZone,
-    hideTimeZone,
-    showEra
-  ]);
-  let opts = (useMemo)(() => ($35a22f14a1f04b11$export$7e319ea407e63bc0)({}, formatOpts), [
-    formatOpts
-  ]);
-  let dateFormatter = (useMemo)(() => new (DateFormatter)(locale, opts), [
-    locale,
-    opts
-  ]);
-  let resolvedOptions = (useMemo)(() => dateFormatter.resolvedOptions(), [
-    dateFormatter
-  ]);
-  let allSegments = (useMemo)(() => dateFormatter.formatToParts(/* @__PURE__ */ new Date()).filter((seg) => $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[seg.type]).reduce((p, seg) => (p[seg.type] = true, p), {}), [
-    dateFormatter
-  ]);
-  let [validSegments, setValidSegments] = (useState)(() => props.value || props.defaultValue ? {
-    ...allSegments
-  } : {});
-  let clearedSegment = (useRef)();
-  let lastCalendarIdentifier = (useRef)(calendar.identifier);
-  (useEffect)(() => {
-    if (calendar.identifier !== lastCalendarIdentifier.current) {
-      lastCalendarIdentifier.current = calendar.identifier;
-      setPlaceholderDate((placeholder) => Object.keys(validSegments).length > 0 ? (toCalendar)(placeholder, calendar) : ($35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone));
-    }
-  }, [
-    calendar,
-    granularity,
-    validSegments,
-    defaultTimeZone,
-    props.placeholderValue
-  ]);
-  if (value && Object.keys(validSegments).length < Object.keys(allSegments).length) {
-    validSegments = {
-      ...allSegments
-    };
-    setValidSegments(validSegments);
-  }
-  if (value == null && Object.keys(validSegments).length === Object.keys(allSegments).length) {
-    validSegments = {};
-    setValidSegments(validSegments);
-    setPlaceholderDate(($35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone));
-  }
-  let displayValue = calendarValue && Object.keys(validSegments).length >= Object.keys(allSegments).length ? calendarValue : placeholderDate;
-  let setValue = (newValue) => {
-    if (props.isDisabled || props.isReadOnly)
-      return;
-    let validKeys = Object.keys(validSegments);
-    let allKeys = Object.keys(allSegments);
-    if (newValue == null) {
-      setDate(null);
-      setPlaceholderDate(($35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone));
-      setValidSegments({});
-    } else if (validKeys.length >= allKeys.length || validKeys.length === allKeys.length - 1 && allSegments.dayPeriod && !validSegments.dayPeriod && clearedSegment.current !== "dayPeriod") {
-      newValue = (toCalendar)(newValue, (v === null || v === void 0 ? void 0 : v.calendar) || new (GregorianCalendar)());
-      setDate(newValue);
-    } else
-      setPlaceholderDate(newValue);
-    clearedSegment.current = null;
-  };
-  let dateValue = (useMemo)(() => displayValue.toDate(timeZone), [
-    displayValue,
-    timeZone
-  ]);
-  let segments = (useMemo)(() => dateFormatter.formatToParts(dateValue).map((segment) => {
-    let isEditable = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type];
-    if (segment.type === "era" && calendar.getEras().length === 1)
-      isEditable = false;
-    let isPlaceholder = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type] && !validSegments[segment.type];
-    let placeholder = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type] ? ($3e3ed55ab2966714$export$d3f5c5e0a5023fa0)(segment.type, segment.value, locale) : null;
-    return {
-      type: $3c0fc76039f1c516$var$TYPE_MAPPING[segment.type] || segment.type,
-      text: isPlaceholder ? placeholder : segment.value,
-      ...$3c0fc76039f1c516$var$getSegmentLimits(displayValue, segment.type, resolvedOptions),
-      isPlaceholder,
-      placeholder,
-      isEditable
-    };
-  }), [
-    dateValue,
-    validSegments,
-    dateFormatter,
-    resolvedOptions,
-    displayValue,
-    calendar,
-    locale
-  ]);
-  if (allSegments.era && validSegments.year && !validSegments.era) {
-    validSegments.era = true;
-    setValidSegments({
-      ...validSegments
-    });
-  } else if (!allSegments.era && validSegments.era) {
-    delete validSegments.era;
-    setValidSegments({
-      ...validSegments
-    });
-  }
-  let markValid = (part) => {
-    validSegments[part] = true;
-    if (part === "year" && allSegments.era)
-      validSegments.era = true;
-    setValidSegments({
-      ...validSegments
-    });
-  };
-  let adjustSegment = (type, amount) => {
-    if (!validSegments[type]) {
-      markValid(type);
-      let validKeys = Object.keys(validSegments);
-      let allKeys = Object.keys(allSegments);
-      if (validKeys.length >= allKeys.length || validKeys.length === allKeys.length - 1 && allSegments.dayPeriod && !validSegments.dayPeriod)
-        setValue(displayValue);
-    } else
-      setValue($3c0fc76039f1c516$var$addSegment(displayValue, type, amount, resolvedOptions));
-  };
-  let validationState = props.validationState || (($35a22f14a1f04b11$export$eac50920cf2fd59a)(calendarValue, props.minValue, props.maxValue) ? "invalid" : null);
-  var _props_maxGranularity1;
-  return {
-    value: calendarValue,
-    dateValue,
-    calendar,
-    setValue,
-    segments,
-    dateFormatter,
-    validationState,
-    granularity,
-    maxGranularity: (_props_maxGranularity1 = props.maxGranularity) !== null && _props_maxGranularity1 !== void 0 ? _props_maxGranularity1 : "year",
-    isDisabled,
-    isReadOnly,
-    isRequired,
-    increment(part) {
-      adjustSegment(part, 1);
-    },
-    decrement(part) {
-      adjustSegment(part, -1);
-    },
-    incrementPage(part) {
-      adjustSegment(part, $3c0fc76039f1c516$var$PAGE_STEP[part] || 1);
-    },
-    decrementPage(part) {
-      adjustSegment(part, -($3c0fc76039f1c516$var$PAGE_STEP[part] || 1));
-    },
-    setSegment(part, v2) {
-      markValid(part);
-      setValue($3c0fc76039f1c516$var$setSegment(displayValue, part, v2, resolvedOptions));
-    },
-    confirmPlaceholder() {
-      if (props.isDisabled || props.isReadOnly)
-        return;
-      let validKeys = Object.keys(validSegments);
-      let allKeys = Object.keys(allSegments);
-      if (validKeys.length === allKeys.length - 1 && allSegments.dayPeriod && !validSegments.dayPeriod) {
-        validSegments = {
-          ...allSegments
-        };
-        setValidSegments(validSegments);
-        setValue(displayValue.copy());
-      }
-    },
-    clearSegment(part) {
-      delete validSegments[part];
-      clearedSegment.current = part;
-      setValidSegments({
-        ...validSegments
-      });
-      let placeholder = ($35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone);
-      let value2 = displayValue;
-      if (part === "dayPeriod" && "hour" in displayValue && "hour" in placeholder) {
-        let isPM = displayValue.hour >= 12;
-        let shouldBePM = placeholder.hour >= 12;
-        if (isPM && !shouldBePM)
-          value2 = displayValue.set({
-            hour: displayValue.hour - 12
-          });
-        else if (!isPM && shouldBePM)
-          value2 = displayValue.set({
-            hour: displayValue.hour + 12
-          });
-      } else if (part in displayValue)
-        value2 = displayValue.set({
-          [part]: placeholder[part]
-        });
-      setDate(null);
-      setValue(value2);
-    },
-    formatValue(fieldOptions) {
-      if (!calendarValue)
-        return "";
-      let formatOptions = ($35a22f14a1f04b11$export$7e319ea407e63bc0)(fieldOptions, formatOpts);
-      let formatter = new (DateFormatter)(locale, formatOptions);
-      return formatter.format(dateValue);
-    }
-  };
-}
-function $3c0fc76039f1c516$var$getSegmentLimits(date, type, options) {
-  switch (type) {
-    case "era": {
-      let eras = date.calendar.getEras();
-      return {
-        value: eras.indexOf(date.era),
-        minValue: 0,
-        maxValue: eras.length - 1
-      };
-    }
-    case "year":
-      return {
-        value: date.year,
-        minValue: 1,
-        maxValue: date.calendar.getYearsInEra(date)
-      };
-    case "month":
-      return {
-        value: date.month,
-        minValue: (getMinimumMonthInYear)(date),
-        maxValue: date.calendar.getMonthsInYear(date)
-      };
-    case "day":
-      return {
-        value: date.day,
-        minValue: (getMinimumDayInMonth)(date),
-        maxValue: date.calendar.getDaysInMonth(date)
-      };
-  }
-  if ("hour" in date)
-    switch (type) {
-      case "dayPeriod":
-        return {
-          value: date.hour >= 12 ? 12 : 0,
-          minValue: 0,
-          maxValue: 12
-        };
-      case "hour":
-        if (options.hour12) {
-          let isPM = date.hour >= 12;
-          return {
-            value: date.hour,
-            minValue: isPM ? 12 : 0,
-            maxValue: isPM ? 23 : 11
-          };
-        }
-        return {
-          value: date.hour,
-          minValue: 0,
-          maxValue: 23
-        };
-      case "minute":
-        return {
-          value: date.minute,
-          minValue: 0,
-          maxValue: 59
-        };
-      case "second":
-        return {
-          value: date.second,
-          minValue: 0,
-          maxValue: 59
-        };
-    }
-  return {};
-}
-function $3c0fc76039f1c516$var$addSegment(value, part, amount, options) {
-  switch (part) {
-    case "era":
-    case "year":
-    case "month":
-    case "day":
-      return value.cycle(part, amount, {
-        round: part === "year"
-      });
-  }
-  if ("hour" in value)
-    switch (part) {
-      case "dayPeriod": {
-        let hours = value.hour;
-        let isPM = hours >= 12;
-        return value.set({
-          hour: isPM ? hours - 12 : hours + 12
-        });
-      }
-      case "hour":
-      case "minute":
-      case "second":
-        return value.cycle(part, amount, {
-          round: part !== "hour",
-          hourCycle: options.hour12 ? 12 : 24
-        });
-    }
-}
-function $3c0fc76039f1c516$var$setSegment(value, part, segmentValue, options) {
-  switch (part) {
-    case "day":
-    case "month":
-    case "year":
-    case "era":
-      return value.set({
-        [part]: segmentValue
-      });
-  }
-  if ("hour" in value)
-    switch (part) {
-      case "dayPeriod": {
-        let hours = value.hour;
-        let wasPM = hours >= 12;
-        let isPM = segmentValue >= 12;
-        if (isPM === wasPM)
-          return value;
-        return value.set({
-          hour: wasPM ? hours - 12 : hours + 12
-        });
-      }
-      case "hour":
-        if (options.hour12) {
-          let hours = value.hour;
-          let wasPM = hours >= 12;
-          if (!wasPM && segmentValue === 12)
-            segmentValue = 0;
-          if (wasPM && segmentValue < 12)
-            segmentValue += 12;
-        }
-      case "minute":
-      case "second":
-        return value.set({
-          [part]: segmentValue
-        });
-    }
-}
-function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
-  var _props_isDateUnavailable, _props_isDateUnavailable1;
-  let overlayState = ($fc909762b330b746$export$61c6a8c84e605fb6)(props);
-  let [controlledValue, setControlledValue] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, props.defaultValue || null, props.onChange);
-  let [placeholderValue, setPlaceholderValue] = (useState)(() => controlledValue || {
-    start: null,
-    end: null
-  });
-  if (controlledValue == null && placeholderValue.start && placeholderValue.end) {
-    placeholderValue = {
-      start: null,
-      end: null
-    };
-    setPlaceholderValue(placeholderValue);
-  }
-  let value = controlledValue || placeholderValue;
-  let setValue = (value2) => {
-    setPlaceholderValue(value2);
-    if ((value2 === null || value2 === void 0 ? void 0 : value2.start) && value2.end)
-      setControlledValue(value2);
-    else
-      setControlledValue(null);
-  };
-  let v = (value === null || value === void 0 ? void 0 : value.start) || (value === null || value === void 0 ? void 0 : value.end) || props.placeholderValue;
-  let [granularity] = ($35a22f14a1f04b11$export$2440da353cedad43)(v, props.granularity);
-  let hasTime = granularity === "hour" || granularity === "minute" || granularity === "second";
-  var _props_shouldCloseOnSelect;
-  let shouldCloseOnSelect = (_props_shouldCloseOnSelect = props.shouldCloseOnSelect) !== null && _props_shouldCloseOnSelect !== void 0 ? _props_shouldCloseOnSelect : true;
-  let [dateRange, setSelectedDateRange] = (useState)(null);
-  let [timeRange, setSelectedTimeRange] = (useState)(null);
-  if (value && value.start && value.end) {
-    dateRange = value;
-    if ("hour" in value.start)
-      timeRange = value;
-  }
-  let commitValue = (dateRange2, timeRange2) => {
-    setValue({
-      start: "timeZone" in timeRange2.start ? timeRange2.start.set((toCalendarDate)(dateRange2.start)) : (toCalendarDateTime)(dateRange2.start, timeRange2.start),
-      end: "timeZone" in timeRange2.end ? timeRange2.end.set((toCalendarDate)(dateRange2.end)) : (toCalendarDateTime)(dateRange2.end, timeRange2.end)
-    });
-    setSelectedDateRange(null);
-    setSelectedTimeRange(null);
-  };
-  let setDateRange = (range) => {
-    let shouldClose = typeof shouldCloseOnSelect === "function" ? shouldCloseOnSelect() : shouldCloseOnSelect;
-    if (hasTime) {
-      if (shouldClose || range.start && range.end && (timeRange === null || timeRange === void 0 ? void 0 : timeRange.start) && (timeRange === null || timeRange === void 0 ? void 0 : timeRange.end))
-        commitValue(range, {
-          start: (timeRange === null || timeRange === void 0 ? void 0 : timeRange.start) || ($35a22f14a1f04b11$export$c5221a78ef73c5e9)(props.placeholderValue),
-          end: (timeRange === null || timeRange === void 0 ? void 0 : timeRange.end) || ($35a22f14a1f04b11$export$c5221a78ef73c5e9)(props.placeholderValue)
-        });
-      else
-        setSelectedDateRange(range);
-    } else if (range.start && range.end)
-      setValue(range);
-    else
-      setSelectedDateRange(range);
-    if (shouldClose)
-      overlayState.setOpen(false);
-  };
-  let setTimeRange = (range) => {
-    if ((dateRange === null || dateRange === void 0 ? void 0 : dateRange.start) && (dateRange === null || dateRange === void 0 ? void 0 : dateRange.end) && range.start && range.end)
-      commitValue(dateRange, range);
-    else
-      setSelectedTimeRange(range);
-  };
-  let validationState = props.validationState || (value != null && (($35a22f14a1f04b11$export$eac50920cf2fd59a)(value.start, props.minValue, props.maxValue) || ($35a22f14a1f04b11$export$eac50920cf2fd59a)(value.end, props.minValue, props.maxValue) || value.end != null && value.start != null && value.end.compare(value.start) < 0 || (value === null || value === void 0 ? void 0 : value.start) && ((_props_isDateUnavailable = props.isDateUnavailable) === null || _props_isDateUnavailable === void 0 ? void 0 : _props_isDateUnavailable.call(props, value.start)) || (value === null || value === void 0 ? void 0 : value.end) && ((_props_isDateUnavailable1 = props.isDateUnavailable) === null || _props_isDateUnavailable1 === void 0 ? void 0 : _props_isDateUnavailable1.call(props, value.end))) ? "invalid" : null);
-  return {
-    value,
-    setValue,
-    dateRange,
-    timeRange,
-    granularity,
-    hasTime,
-    setDate(part, date) {
-      setDateRange({
-        ...dateRange,
-        [part]: date
-      });
-    },
-    setTime(part, time) {
-      setTimeRange({
-        ...timeRange,
-        [part]: time
-      });
-    },
-    setDateTime(part, dateTime) {
-      setValue({
-        ...value,
-        [part]: dateTime
-      });
-    },
-    setDateRange,
-    setTimeRange,
-    ...overlayState,
-    setOpen(isOpen) {
-      if (!isOpen && !((value === null || value === void 0 ? void 0 : value.start) && (value === null || value === void 0 ? void 0 : value.end)) && (dateRange === null || dateRange === void 0 ? void 0 : dateRange.start) && (dateRange === null || dateRange === void 0 ? void 0 : dateRange.end) && hasTime)
-        commitValue(dateRange, {
-          start: (timeRange === null || timeRange === void 0 ? void 0 : timeRange.start) || ($35a22f14a1f04b11$export$c5221a78ef73c5e9)(props.placeholderValue),
-          end: (timeRange === null || timeRange === void 0 ? void 0 : timeRange.end) || ($35a22f14a1f04b11$export$c5221a78ef73c5e9)(props.placeholderValue)
-        });
-      overlayState.setOpen(isOpen);
-    },
-    validationState,
-    formatValue(locale, fieldOptions) {
-      if (!value || !value.start || !value.end)
-        return null;
-      let startTimeZone = "timeZone" in value.start ? value.start.timeZone : void 0;
-      let startGranularity = props.granularity || (value.start && "minute" in value.start ? "minute" : "day");
-      let endTimeZone = "timeZone" in value.end ? value.end.timeZone : void 0;
-      let endGranularity = props.granularity || (value.end && "minute" in value.end ? "minute" : "day");
-      let startOptions = ($35a22f14a1f04b11$export$7e319ea407e63bc0)(fieldOptions, {
-        granularity: startGranularity,
-        timeZone: startTimeZone,
-        hideTimeZone: props.hideTimeZone,
-        hourCycle: props.hourCycle,
-        showEra: value.start.calendar.identifier === "gregory" && value.start.era === "BC" || value.end.calendar.identifier === "gregory" && value.end.era === "BC"
-      });
-      let startDate = value.start.toDate(startTimeZone || "UTC");
-      let endDate = value.end.toDate(endTimeZone || "UTC");
-      let startFormatter = new (DateFormatter)(locale, startOptions);
-      let endFormatter;
-      if (startTimeZone === endTimeZone && startGranularity === endGranularity && value.start.compare(value.end) !== 0) {
-        try {
-          let parts14 = startFormatter.formatRangeToParts(startDate, endDate);
-          let separatorIndex = -1;
-          for (let i = 0; i < parts14.length; i++) {
-            let part = parts14[i];
-            if (part.source === "shared" && part.type === "literal")
-              separatorIndex = i;
-            else if (part.source === "endRange")
-              break;
-          }
-          let start = "";
-          let end = "";
-          for (let i = 0; i < parts14.length; i++) {
-            if (i < separatorIndex)
-              start += parts14[i].value;
-            else if (i > separatorIndex)
-              end += parts14[i].value;
-          }
-          return {
-            start,
-            end
-          };
-        } catch (e) {
-        }
-        endFormatter = startFormatter;
-      } else {
-        let endOptions = ($35a22f14a1f04b11$export$7e319ea407e63bc0)(fieldOptions, {
-          granularity: endGranularity,
-          timeZone: endTimeZone,
-          hideTimeZone: props.hideTimeZone,
-          hourCycle: props.hourCycle
-        });
-        endFormatter = new (DateFormatter)(locale, endOptions);
-      }
-      return {
-        start: startFormatter.format(startDate),
-        end: endFormatter.format(endDate)
-      };
-    }
-  };
-}
-function $f62d864046160412$export$eac50920cf2fd59a(date, minValue, maxValue) {
-  return minValue != null && date.compare(minValue) < 0 || maxValue != null && date.compare(maxValue) > 0;
-}
-function $f62d864046160412$export$f4a51ff076cc9a09(date, duration, locale, minValue, maxValue) {
-  let halfDuration = {};
-  for (let key in duration) {
-    halfDuration[key] = Math.floor(duration[key] / 2);
-    if (halfDuration[key] > 0 && duration[key] % 2 === 0)
-      halfDuration[key]--;
-  }
-  let aligned = $f62d864046160412$export$144a00ba6044eb9(date, duration, locale).subtract(halfDuration);
-  return $f62d864046160412$export$5bb865b12696a77d(date, aligned, duration, locale, minValue, maxValue);
-}
-function $f62d864046160412$export$144a00ba6044eb9(date, duration, locale, minValue, maxValue) {
-  let aligned = date;
-  if (duration.years)
-    aligned = (startOfYear)(date);
-  else if (duration.months)
-    aligned = (startOfMonth)(date);
-  else if (duration.weeks)
-    aligned = (startOfWeek)(date, locale);
-  return $f62d864046160412$export$5bb865b12696a77d(date, aligned, duration, locale, minValue, maxValue);
-}
-function $f62d864046160412$export$530edbfc915b2b04(date, duration, locale, minValue, maxValue) {
-  let d = {
-    ...duration
-  };
-  if (duration.days)
-    d.days--;
-  else if (duration.weeks)
-    d.weeks--;
-  else if (duration.months)
-    d.months--;
-  else if (duration.years)
-    d.years--;
-  let aligned = $f62d864046160412$export$144a00ba6044eb9(date, duration, locale).subtract(d);
-  return $f62d864046160412$export$5bb865b12696a77d(date, aligned, duration, locale, minValue, maxValue);
-}
-function $f62d864046160412$export$5bb865b12696a77d(date, aligned, duration, locale, minValue, maxValue) {
-  if (minValue && date.compare(minValue) >= 0)
-    aligned = (maxDate)(aligned, $f62d864046160412$export$144a00ba6044eb9((toCalendarDate)(minValue), duration, locale));
-  if (maxValue && date.compare(maxValue) <= 0)
-    aligned = (minDate)(aligned, $f62d864046160412$export$530edbfc915b2b04((toCalendarDate)(maxValue), duration, locale));
-  return aligned;
-}
-function $f62d864046160412$export$4f5203c0d889109e(date, minValue, maxValue) {
-  if (minValue)
-    date = (maxDate)(date, (toCalendarDate)(minValue));
-  if (maxValue)
-    date = (minDate)(date, (toCalendarDate)(maxValue));
-  return date;
-}
-function $f62d864046160412$export$a1d3911297b952d7(date, minValue, isDateUnavailable) {
-  if (!isDateUnavailable)
-    return date;
-  while (date.compare(minValue) >= 0 && isDateUnavailable(date))
-    date = date.subtract({
-      days: 1
-    });
-  if (date.compare(minValue) >= 0)
-    return date;
-}
-function $131cf43a05231e1e$export$6d095e787d2b5e1f(props) {
-  let defaultFormatter = (useMemo)(() => new (DateFormatter)(props.locale), [
-    props.locale
-  ]);
-  let resolvedOptions = (useMemo)(() => defaultFormatter.resolvedOptions(), [
-    defaultFormatter
-  ]);
-  let { locale, createCalendar: createCalendar4, visibleDuration = {
-    months: 1
-  }, minValue, maxValue, selectionAlignment, isDateUnavailable, pageBehavior = "visible" } = props;
-  let calendar = (useMemo)(() => createCalendar4(resolvedOptions.calendar), [
-    createCalendar4,
-    resolvedOptions.calendar
-  ]);
-  let [value, setControlledValue] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, props.defaultValue, props.onChange);
-  let calendarDateValue = (useMemo)(() => value ? (toCalendar)((toCalendarDate)(value), calendar) : null, [
-    value,
-    calendar
-  ]);
-  let timeZone = (useMemo)(() => value && "timeZone" in value ? value.timeZone : resolvedOptions.timeZone, [
-    value,
-    resolvedOptions.timeZone
-  ]);
-  let focusedCalendarDate = (useMemo)(() => props.focusedValue ? ($f62d864046160412$export$4f5203c0d889109e)((toCalendar)((toCalendarDate)(props.focusedValue), calendar), minValue, maxValue) : void 0, [
-    props.focusedValue,
-    calendar,
-    minValue,
-    maxValue
-  ]);
-  let defaultFocusedCalendarDate = (useMemo)(() => ($f62d864046160412$export$4f5203c0d889109e)(props.defaultFocusedValue ? (toCalendar)((toCalendarDate)(props.defaultFocusedValue), calendar) : calendarDateValue || (toCalendar)((today)(timeZone), calendar), minValue, maxValue), [
-    props.defaultFocusedValue,
-    calendarDateValue,
-    timeZone,
-    calendar,
-    minValue,
-    maxValue
-  ]);
-  let [focusedDate, setFocusedDate] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(focusedCalendarDate, defaultFocusedCalendarDate, props.onFocusChange);
-  let [startDate, setStartDate] = (useState)(() => {
-    switch (selectionAlignment) {
-      case "start":
-        return ($f62d864046160412$export$144a00ba6044eb9)(focusedDate, visibleDuration, locale, minValue, maxValue);
-      case "end":
-        return ($f62d864046160412$export$530edbfc915b2b04)(focusedDate, visibleDuration, locale, minValue, maxValue);
-      case "center":
-      default:
-        return ($f62d864046160412$export$f4a51ff076cc9a09)(focusedDate, visibleDuration, locale, minValue, maxValue);
-    }
-  });
-  let [isFocused, setFocused] = (useState)(props.autoFocus || false);
-  let endDate = (useMemo)(() => {
-    let duration = {
-      ...visibleDuration
-    };
-    if (duration.days)
-      duration.days--;
-    else
-      duration.days = -1;
-    return startDate.add(duration);
-  }, [
-    startDate,
-    visibleDuration
-  ]);
-  let [lastCalendarIdentifier, setLastCalendarIdentifier] = (useState)(calendar.identifier);
-  if (calendar.identifier !== lastCalendarIdentifier) {
-    let newFocusedDate = (toCalendar)(focusedDate, calendar);
-    setStartDate(($f62d864046160412$export$f4a51ff076cc9a09)(newFocusedDate, visibleDuration, locale, minValue, maxValue));
-    setFocusedDate(newFocusedDate);
-    setLastCalendarIdentifier(calendar.identifier);
-  }
-  if (($f62d864046160412$export$eac50920cf2fd59a)(focusedDate, minValue, maxValue))
-    setFocusedDate(($f62d864046160412$export$4f5203c0d889109e)(focusedDate, minValue, maxValue));
-  else if (focusedDate.compare(startDate) < 0)
-    setStartDate(($f62d864046160412$export$530edbfc915b2b04)(focusedDate, visibleDuration, locale, minValue, maxValue));
-  else if (focusedDate.compare(endDate) > 0)
-    setStartDate(($f62d864046160412$export$144a00ba6044eb9)(focusedDate, visibleDuration, locale, minValue, maxValue));
-  function focusCell(date) {
-    date = ($f62d864046160412$export$4f5203c0d889109e)(date, minValue, maxValue);
-    setFocusedDate(date);
-  }
-  function setValue(newValue) {
-    if (!props.isDisabled && !props.isReadOnly) {
-      newValue = ($f62d864046160412$export$4f5203c0d889109e)(newValue, minValue, maxValue);
-      newValue = ($f62d864046160412$export$a1d3911297b952d7)(newValue, startDate, isDateUnavailable);
-      if (!newValue)
-        return;
-      newValue = (toCalendar)(newValue, (value === null || value === void 0 ? void 0 : value.calendar) || new (GregorianCalendar)());
-      if (value && "hour" in value)
-        setControlledValue(value.set(newValue));
-      else
-        setControlledValue(newValue);
-    }
-  }
-  let isUnavailable = (useMemo)(() => {
-    if (!calendarDateValue)
-      return false;
-    if (isDateUnavailable && isDateUnavailable(calendarDateValue))
-      return true;
-    return ($f62d864046160412$export$eac50920cf2fd59a)(calendarDateValue, minValue, maxValue);
-  }, [
-    calendarDateValue,
-    isDateUnavailable,
-    minValue,
-    maxValue
-  ]);
-  let validationState = props.validationState || (isUnavailable ? "invalid" : null);
-  let pageDuration = (useMemo)(() => {
-    if (pageBehavior === "visible")
-      return visibleDuration;
-    return $131cf43a05231e1e$var$unitDuration(visibleDuration);
-  }, [
-    pageBehavior,
-    visibleDuration
-  ]);
-  return {
-    isDisabled: props.isDisabled,
-    isReadOnly: props.isReadOnly,
-    value: calendarDateValue,
-    setValue,
-    visibleRange: {
-      start: startDate,
-      end: endDate
-    },
-    minValue,
-    maxValue,
-    focusedDate,
-    timeZone,
-    validationState,
-    setFocusedDate(date) {
-      focusCell(date);
-      setFocused(true);
-    },
-    focusNextDay() {
-      focusCell(focusedDate.add({
-        days: 1
-      }));
-    },
-    focusPreviousDay() {
-      focusCell(focusedDate.subtract({
-        days: 1
-      }));
-    },
-    focusNextRow() {
-      if (visibleDuration.days)
-        this.focusNextPage();
-      else if (visibleDuration.weeks || visibleDuration.months || visibleDuration.years)
-        focusCell(focusedDate.add({
-          weeks: 1
-        }));
-    },
-    focusPreviousRow() {
-      if (visibleDuration.days)
-        this.focusPreviousPage();
-      else if (visibleDuration.weeks || visibleDuration.months || visibleDuration.years)
-        focusCell(focusedDate.subtract({
-          weeks: 1
-        }));
-    },
-    focusNextPage() {
-      let start = startDate.add(pageDuration);
-      setFocusedDate(($f62d864046160412$export$4f5203c0d889109e)(focusedDate.add(pageDuration), minValue, maxValue));
-      setStartDate(($f62d864046160412$export$144a00ba6044eb9)(($f62d864046160412$export$5bb865b12696a77d)(focusedDate, start, pageDuration, locale, minValue, maxValue), pageDuration, locale));
-    },
-    focusPreviousPage() {
-      let start = startDate.subtract(pageDuration);
-      setFocusedDate(($f62d864046160412$export$4f5203c0d889109e)(focusedDate.subtract(pageDuration), minValue, maxValue));
-      setStartDate(($f62d864046160412$export$144a00ba6044eb9)(($f62d864046160412$export$5bb865b12696a77d)(focusedDate, start, pageDuration, locale, minValue, maxValue), pageDuration, locale));
-    },
-    focusSectionStart() {
-      if (visibleDuration.days)
-        focusCell(startDate);
-      else if (visibleDuration.weeks)
-        focusCell((startOfWeek)(focusedDate, locale));
-      else if (visibleDuration.months || visibleDuration.years)
-        focusCell((startOfMonth)(focusedDate));
-    },
-    focusSectionEnd() {
-      if (visibleDuration.days)
-        focusCell(endDate);
-      else if (visibleDuration.weeks)
-        focusCell((endOfWeek)(focusedDate, locale));
-      else if (visibleDuration.months || visibleDuration.years)
-        focusCell((endOfMonth)(focusedDate));
-    },
-    focusNextSection(larger) {
-      if (!larger && !visibleDuration.days) {
-        focusCell(focusedDate.add($131cf43a05231e1e$var$unitDuration(visibleDuration)));
-        return;
-      }
-      if (visibleDuration.days)
-        this.focusNextPage();
-      else if (visibleDuration.weeks)
-        focusCell(focusedDate.add({
-          months: 1
-        }));
-      else if (visibleDuration.months || visibleDuration.years)
-        focusCell(focusedDate.add({
-          years: 1
-        }));
-    },
-    focusPreviousSection(larger) {
-      if (!larger && !visibleDuration.days) {
-        focusCell(focusedDate.subtract($131cf43a05231e1e$var$unitDuration(visibleDuration)));
-        return;
-      }
-      if (visibleDuration.days)
-        this.focusPreviousPage();
-      else if (visibleDuration.weeks)
-        focusCell(focusedDate.subtract({
-          months: 1
-        }));
-      else if (visibleDuration.months || visibleDuration.years)
-        focusCell(focusedDate.subtract({
-          years: 1
-        }));
-    },
-    selectFocusedDate() {
-      setValue(focusedDate);
-    },
-    selectDate(date) {
-      setValue(date);
-    },
-    isFocused,
-    setFocused,
-    isInvalid(date) {
-      return ($f62d864046160412$export$eac50920cf2fd59a)(date, minValue, maxValue);
-    },
-    isSelected(date) {
-      return calendarDateValue != null && (isSameDay)(date, calendarDateValue) && !this.isCellDisabled(date) && !this.isCellUnavailable(date);
-    },
-    isCellFocused(date) {
-      return isFocused && focusedDate && (isSameDay)(date, focusedDate);
-    },
-    isCellDisabled(date) {
-      return props.isDisabled || date.compare(startDate) < 0 || date.compare(endDate) > 0 || this.isInvalid(date, minValue, maxValue);
-    },
-    isCellUnavailable(date) {
-      return props.isDateUnavailable && props.isDateUnavailable(date);
-    },
-    isPreviousVisibleRangeInvalid() {
-      let prev = startDate.subtract({
-        days: 1
-      });
-      return (isSameDay)(prev, startDate) || this.isInvalid(prev, minValue, maxValue);
-    },
-    isNextVisibleRangeInvalid() {
-      let next = endDate.add({
-        days: 1
-      });
-      return (isSameDay)(next, endDate) || this.isInvalid(next, minValue, maxValue);
-    },
-    getDatesInWeek(weekIndex, from = startDate) {
-      let date = from.add({
-        weeks: weekIndex
-      });
-      let dates = [];
-      date = (startOfWeek)(date, locale);
-      let dayOfWeek = (getDayOfWeek)(date, locale);
-      for (let i = 0; i < dayOfWeek; i++)
-        dates.push(null);
-      while (dates.length < 7) {
-        dates.push(date);
-        let nextDate = date.add({
-          days: 1
-        });
-        if ((isSameDay)(date, nextDate))
-          break;
-        date = nextDate;
-      }
-      while (dates.length < 7)
-        dates.push(null);
-      return dates;
-    }
-  };
-}
-function $131cf43a05231e1e$var$unitDuration(duration) {
-  let unit = {
-    ...duration
-  };
-  for (let key in duration)
-    unit[key] = 1;
-  return unit;
-}
-function $9a36b6ba2fb1a7c5$export$9a987164d97ecc90(props) {
-  let { value: valueProp, defaultValue, onChange, createCalendar: createCalendar4, locale, visibleDuration = {
-    months: 1
-  }, minValue, maxValue, ...calendarProps } = props;
-  let [value, setValue] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(valueProp, defaultValue || null, onChange);
-  let [anchorDate, setAnchorDateState] = (useState)(null);
-  let alignment = "center";
-  if (value && value.start && value.end) {
-    let start = ($f62d864046160412$export$f4a51ff076cc9a09)((toCalendarDate)(value.start), visibleDuration, locale, minValue, maxValue);
-    let end = start.add(visibleDuration).subtract({
-      days: 1
-    });
-    if (value.end.compare(end) > 0)
-      alignment = "start";
-  }
-  let availableRangeRef = (useRef)(null);
-  let [availableRange, setAvailableRange] = (useState)(null);
-  let min = (useMemo)(() => {
-    return (maxDate)(minValue, availableRange === null || availableRange === void 0 ? void 0 : availableRange.start);
-  }, [
-    minValue,
-    availableRange
-  ]);
-  let max = (useMemo)(() => {
-    return (minDate)(maxValue, availableRange === null || availableRange === void 0 ? void 0 : availableRange.end);
-  }, [
-    maxValue,
-    availableRange
-  ]);
-  let calendar = ($131cf43a05231e1e$export$6d095e787d2b5e1f)({
-    ...calendarProps,
-    value: value && value.start,
-    createCalendar: createCalendar4,
-    locale,
-    visibleDuration,
-    minValue: min,
-    maxValue: max,
-    selectionAlignment: alignment
-  });
-  let updateAvailableRange = (date) => {
-    if (date && props.isDateUnavailable && !props.allowsNonContiguousRanges) {
-      availableRangeRef.current = {
-        start: $9a36b6ba2fb1a7c5$var$nextUnavailableDate(date, calendar, -1),
-        end: $9a36b6ba2fb1a7c5$var$nextUnavailableDate(date, calendar, 1)
-      };
-      setAvailableRange(availableRangeRef.current);
-    } else {
-      availableRangeRef.current = null;
-      setAvailableRange(null);
-    }
-  };
-  let [lastVisibleRange, setLastVisibleRange] = (useState)(calendar.visibleRange);
-  if (!(isEqualDay)(calendar.visibleRange.start, lastVisibleRange.start) || !(isEqualDay)(calendar.visibleRange.end, lastVisibleRange.end)) {
-    updateAvailableRange(anchorDate);
-    setLastVisibleRange(calendar.visibleRange);
-  }
-  let setAnchorDate = (date) => {
-    if (date) {
-      setAnchorDateState(date);
-      updateAvailableRange(date);
-    } else {
-      setAnchorDateState(null);
-      updateAvailableRange(null);
-    }
-  };
-  let highlightedRange = anchorDate ? $9a36b6ba2fb1a7c5$var$makeRange(anchorDate, calendar.focusedDate) : value && $9a36b6ba2fb1a7c5$var$makeRange(value.start, value.end);
-  let selectDate = (date) => {
-    if (props.isReadOnly)
-      return;
-    date = ($f62d864046160412$export$4f5203c0d889109e)(date, min, max);
-    date = ($f62d864046160412$export$a1d3911297b952d7)(date, calendar.visibleRange.start, props.isDateUnavailable);
-    if (!date)
-      return;
-    if (!anchorDate)
-      setAnchorDate(date);
-    else {
-      let range = $9a36b6ba2fb1a7c5$var$makeRange(anchorDate, date);
-      setValue({
-        start: $9a36b6ba2fb1a7c5$var$convertValue(range.start, value === null || value === void 0 ? void 0 : value.start),
-        end: $9a36b6ba2fb1a7c5$var$convertValue(range.end, value === null || value === void 0 ? void 0 : value.end)
-      });
-      setAnchorDate(null);
-    }
-  };
-  let [isDragging, setDragging] = (useState)(false);
-  let { isDateUnavailable } = props;
-  let isInvalidSelection = (useMemo)(() => {
-    if (!value || anchorDate)
-      return false;
-    if (isDateUnavailable && (isDateUnavailable(value.start) || isDateUnavailable(value.end)))
-      return true;
-    return ($f62d864046160412$export$eac50920cf2fd59a)(value.start, minValue, maxValue) || ($f62d864046160412$export$eac50920cf2fd59a)(value.end, minValue, maxValue);
-  }, [
-    isDateUnavailable,
-    value,
-    anchorDate,
-    minValue,
-    maxValue
-  ]);
-  let validationState = props.validationState || (isInvalidSelection ? "invalid" : null);
-  return {
-    ...calendar,
-    value,
-    setValue,
-    anchorDate,
-    setAnchorDate,
-    highlightedRange,
-    validationState,
-    selectFocusedDate() {
-      selectDate(calendar.focusedDate);
-    },
-    selectDate,
-    highlightDate(date) {
-      if (anchorDate)
-        calendar.setFocusedDate(date);
-    },
-    isSelected(date) {
-      return highlightedRange && date.compare(highlightedRange.start) >= 0 && date.compare(highlightedRange.end) <= 0 && !calendar.isCellDisabled(date) && !calendar.isCellUnavailable(date);
-    },
-    isInvalid(date) {
-      var _availableRangeRef_current, _availableRangeRef_current1;
-      return calendar.isInvalid(date) || ($f62d864046160412$export$eac50920cf2fd59a)(date, (_availableRangeRef_current = availableRangeRef.current) === null || _availableRangeRef_current === void 0 ? void 0 : _availableRangeRef_current.start, (_availableRangeRef_current1 = availableRangeRef.current) === null || _availableRangeRef_current1 === void 0 ? void 0 : _availableRangeRef_current1.end);
-    },
-    isDragging,
-    setDragging
-  };
-}
-function $9a36b6ba2fb1a7c5$var$makeRange(start, end) {
-  if (!start || !end)
-    return null;
-  if (end.compare(start) < 0)
-    [start, end] = [
-      end,
-      start
-    ];
-  return {
-    start: (toCalendarDate)(start),
-    end: (toCalendarDate)(end)
-  };
-}
-function $9a36b6ba2fb1a7c5$var$convertValue(newValue, oldValue) {
-  newValue = (toCalendar)(newValue, (oldValue === null || oldValue === void 0 ? void 0 : oldValue.calendar) || new (GregorianCalendar)());
-  if (oldValue && "hour" in oldValue)
-    return oldValue.set(newValue);
-  return newValue;
-}
-function $9a36b6ba2fb1a7c5$var$nextUnavailableDate(anchorDate, state2, dir) {
-  let nextDate = anchorDate.add({
-    days: dir
-  });
-  while ((dir < 0 ? nextDate.compare(state2.visibleRange.start) >= 0 : nextDate.compare(state2.visibleRange.end) <= 0) && !state2.isCellUnavailable(nextDate))
-    nextDate = nextDate.add({
-      days: dir
-    });
-  if (state2.isCellUnavailable(nextDate))
-    return nextDate.add({
-      days: -dir
-    });
-  return null;
-}
 var Badge = forwardRef(
   ({ icon, colorScheme = "grey", children, ...props }, ref) => {
     return /* @__PURE__ */ React69__default.createElement(
@@ -3303,7 +1579,12 @@ var Text4 = forwardRef(
     return /* @__PURE__ */ React69__default.createElement(Text, { ...props, textStyle: variant, ref });
   }
 );
-function CalendarCell({ state: state2, date, currentMonth, variant }) {
+function CalendarCell({
+  state: state2,
+  date,
+  currentMonth,
+  variant
+}) {
   const ref = useRef(null);
   const {
     cellProps,
@@ -3405,7 +1686,11 @@ var weekDays = {
   sv: ["M\xE5", "Ti", "On", "To", "Fr", "L\xF6", "S\xF6"],
   en: ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"]
 };
-function CalendarGrid({ state: state2, variant, offset = {} }) {
+function CalendarGrid({
+  state: state2,
+  variant,
+  offset = {}
+}) {
   const { language } = useTranslation();
   const locale = useCurrentLocale();
   const startDate = state2.visibleRange.start.add(offset);
@@ -3574,10 +1859,14 @@ var texts7 = createTexts({
 });
 
 // src/datepicker/Calendar.tsx
-function Calendar({ showYearNavigation, variant, ...props }) {
+function Calendar({
+  showYearNavigation,
+  variant,
+  ...props
+}) {
   const { t: t2 } = useTranslation();
   const locale = useCurrentLocale();
-  const state2 = $131cf43a05231e1e$export$6d095e787d2b5e1f({
+  const state2 = useCalendarState({
     ...props,
     locale,
     createCalendar
@@ -3681,7 +1970,7 @@ var DateField = forwardRef$1(
     var _a6;
     const locale = useCurrentLocale();
     const styles3 = useMultiStyleConfig("Datepicker", {});
-    const state2 = $3c0fc76039f1c516$export$60e84778edff6d26({
+    const state2 = useDateFieldState({
       ...props,
       locale,
       createCalendar: createCalendar2
@@ -3752,7 +2041,7 @@ var DatePicker = forwardRef$1(
     ...props
   }, externalRef) => {
     const formControlProps = useFormControlContext();
-    const state2 = $ab5bf3f618090389$export$87194bb378cc3ac2({
+    const state2 = useDatePickerState({
       ...props,
       shouldCloseOnSelect: true,
       errorMessage,
@@ -3838,7 +2127,7 @@ var DatePicker = forwardRef$1(
 );
 function RangeCalendar(props) {
   const locale = useCurrentLocale();
-  const state2 = $9a36b6ba2fb1a7c5$export$9a987164d97ecc90({
+  const state2 = useRangeCalendarState({
     ...props,
     visibleDuration: { months: 2 },
     locale,
@@ -3846,7 +2135,14 @@ function RangeCalendar(props) {
   });
   const ref = useRef(null);
   const { calendarProps, title } = useRangeCalendar(props, state2, ref);
-  return /* @__PURE__ */ React69__default.createElement(Box, { ...calendarProps, ref }, /* @__PURE__ */ React69__default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React69__default.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React69__default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React69__default.createElement(CalendarGrid, { variant: props.variant, state: state2, offset: { months: 1 } })));
+  return /* @__PURE__ */ React69__default.createElement(Box, { ...calendarProps, ref }, /* @__PURE__ */ React69__default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React69__default.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React69__default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React69__default.createElement(
+    CalendarGrid,
+    {
+      variant: props.variant,
+      state: state2,
+      offset: { months: 1 }
+    }
+  )));
 }
 
 // src/datepicker/DateRangePicker.tsx
@@ -3859,7 +2155,7 @@ function DateRangePicker({
   ...props
 }) {
   const formControlProps = useFormControlContext();
-  const state2 = $93c38a5e28be6249$export$e50a61c1de9f574({
+  const state2 = useDateRangePickerState({
     ...props,
     shouldCloseOnSelect: true,
     isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
@@ -5046,8 +3342,15 @@ var texts13 = createTexts({
   }
 });
 var PhoneNumberInput = forwardRef(
-  ({ name, value: externalValue, onChange: externalOnChange, ...boxProps }, ref) => {
+  ({
+    label: externalLabel,
+    name,
+    value: externalValue,
+    onChange: externalOnChange,
+    ...boxProps
+  }, ref) => {
     const { t: t2 } = useTranslation();
+    const label = externalLabel ?? t2(texts14.phoneNumber);
     const [value, onChange] = useControllableState({
       value: externalValue,
       onChange: externalOnChange,
@@ -5089,7 +3392,7 @@ var PhoneNumberInput = forwardRef(
       {
         ref,
         type: "tel",
-        label: t2(texts14.phoneNumber),
+        label,
         value: value.nationalNumber,
         name: name ? `${name}-phone-number` : "phone-number",
         onChange: (e) => {
@@ -5113,7 +3416,7 @@ var texts14 = createTexts({
     sv: "Telefonnummer"
   }
 });
-var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-RUH47EQH.mjs'));
+var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-7MAIS4VT.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React69__default.createElement(Radio$1, { ...props, ref });
 });
@@ -5866,13 +4169,13 @@ var StepperProvider = ({
   activeStep,
   children,
   onClick,
-  colorScheme,
-  numberOfSteps
+  numberOfSteps,
+  variant
 }) => {
   return /* @__PURE__ */ React69__default.createElement(
     StepperContext.Provider,
     {
-      value: { activeStep, onClick, colorScheme, numberOfSteps }
+      value: { activeStep, onClick, numberOfSteps, variant }
     },
     children
   );
@@ -5894,9 +4197,9 @@ var Stepper = ({
   steps,
   activeStep: activeStepAsStringOrNumber,
   title,
-  colorScheme
+  variant
 }) => {
-  const style = useMultiStyleConfig("Stepper", { colorScheme });
+  const style = useMultiStyleConfig("Stepper", { variant });
   const numberOfSteps = steps.length;
   const activeStep = Number(activeStepAsStringOrNumber);
   const { t: t2 } = useTranslation();
@@ -5905,7 +4208,7 @@ var Stepper = ({
     {
       onClick,
       activeStep,
-      colorScheme,
+      variant,
       numberOfSteps
     },
     /* @__PURE__ */ React69__default.createElement(Box, { __css: style.container }, /* @__PURE__ */ React69__default.createElement(Box, { __css: style.innerContainer }, /* @__PURE__ */ React69__default.createElement(HStack, null, activeStep > 1 && /* @__PURE__ */ React69__default.createElement(
@@ -5924,8 +4227,16 @@ var Stepper = ({
         triggerElement: /* @__PURE__ */ React69__default.createElement(Box, { as: "button", __css: style.stepCounter }, t2(texts21.stepsOf(activeStep, numberOfSteps))),
         borderRadius: "xs"
       },
-      steps.map((step, index) => /* @__PURE__ */ React69__default.createElement(StepperStep, { key: step, stepNumber: index + 1 }, step))
-    )), title && /* @__PURE__ */ React69__default.createElement(Box, { as: "h3", __css: style.title }, title)), /* @__PURE__ */ React69__default.createElement(Flex, { justifyContent: "center", display: ["none", "flex"] }, steps.map((step, index) => /* @__PURE__ */ React69__default.createElement(StepperStep, { key: index, stepNumber: index + 1 }, step))))
+      steps.map((step, index) => /* @__PURE__ */ React69__default.createElement(
+        StepperStep,
+        {
+          key: step,
+          stepNumber: index + 1,
+          variant
+        },
+        step
+      ))
+    )), title && /* @__PURE__ */ React69__default.createElement(Box, { as: "h3", __css: style.title }, title)), /* @__PURE__ */ React69__default.createElement(Flex, { justifyContent: "center", display: ["none", "flex"] }, steps.map((step, index) => /* @__PURE__ */ React69__default.createElement(StepperStep, { key: index, stepNumber: index + 1, variant }, step))))
   ));
 };
 var texts21 = createTexts({
@@ -5942,28 +4253,57 @@ var texts21 = createTexts({
     en: "Back"
   }
 });
-var StepperStep = ({ children, stepNumber }) => {
-  const { activeStep, onClick, colorScheme } = useStepper();
-  const variant = getVariant(stepNumber, activeStep);
+var StepperStep = ({
+  children,
+  stepNumber,
+  variant
+}) => {
+  const { activeStep, onClick } = useStepper();
+  const state2 = getState(stepNumber, activeStep);
   const style = useMultiStyleConfig("Stepper", {
-    variant,
-    colorScheme
+    state: state2,
+    variant
   });
+  const adjustedProps = getButtonStylesForState(state2);
   return /* @__PURE__ */ React69__default.createElement(Box, { __css: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React69__default.createElement(DropdownRightFill18Icon, { marginX: 5, display: ["none", "block"] }), /* @__PURE__ */ React69__default.createElement(
-    Flex,
+    Button,
     {
-      __css: style.stepButton,
-      alignItems: "center",
-      as: "button",
-      type: "button",
-      disabled: variant === "disabled" || variant === "active",
+      size: "xs",
+      variant: state2 === "active" ? "primary" : state2 === "completed" ? "additional" : "ghost",
+      ...adjustedProps,
       onClick: () => onClick(stepNumber)
     },
-    /* @__PURE__ */ React69__default.createElement(Box, { __css: style.stepNumber }, stepNumber),
-    /* @__PURE__ */ React69__default.createElement(Box, { __css: style.stepTitle }, children)
+    children
   ));
 };
-var getVariant = (stepNumber, activeStep) => {
+var getButtonStylesForState = (state2) => {
+  switch (state2) {
+    case "active":
+      return {
+        _hover: {},
+        boxShadow: "none",
+        _focus: {},
+        _active: {},
+        cursor: "auto"
+      };
+    case "completed":
+      return {
+        boxShadow: "none"
+      };
+    case "disabled":
+      return {
+        _disabled: {},
+        _hover: {},
+        _focus: {},
+        _active: {},
+        color: "dimGrey",
+        cursor: "auto"
+      };
+    default:
+      return {};
+  }
+};
+var getState = (stepNumber, activeStep) => {
   if (stepNumber < activeStep) {
     return "completed";
   }
@@ -11456,30 +9796,11 @@ var config6 = defineStyleConfig$1({
     }
   },
   variants: {
-    control: (props) => ({
-      backgroundColor: mode("darkTeal", "mint")(props),
-      color: mode("white", "darkTeal")(props),
-      ...focusVisible({
-        focus: {
-          boxShadow: `inset 0 0 0 4px ${mode(
-            colors.darkTeal,
-            colors.seaMist
-          )(props)}, inset 0 0 0 6px currentColor`
-        },
-        notFocus: { boxShadow: "none" }
-      }),
-      _hover: {
-        backgroundColor: mode("night", "coralGreen")(props)
-      },
-      _active: {
-        backgroundColor: mode("pine", "white")(props)
-      }
-    }),
     primary: (props) => ({
       // FIXME: Update to use a global defined background color for darkMode whenever it is available.
       // hardcoded background color as alpha-"hack" below is not feasible for dark mode with solid background color
-      backgroundColor: "primaryGreen",
-      color: "white",
+      backgroundColor: mode("primaryGreen", "coralGreen")(props),
+      color: mode("white", "darkTeal")(props),
       ...focusVisible({
         focus: {
           boxShadow: `inset 0 0 0 2px ${mode(
@@ -11493,28 +9814,28 @@ var config6 = defineStyleConfig$1({
         notFocus: { boxShadow: "none" }
       }),
       _hover: {
-        backgroundColor: "pine"
+        backgroundColor: mode("darkTeal", "blueGreen")(props)
       },
       _active: {
-        backgroundColor: "azure"
+        backgroundColor: mode("greenHaze", "seaMist")(props)
       }
     }),
     secondary: (props) => ({
       // FIXME: Update to use global defined background color for darkMode whenever it is available instead of alpha
-      backgroundColor: mode("seaMist", "whiteAlpha.100")(props),
+      backgroundColor: mode("seaMist", "primaryGreen")(props),
       color: mode("darkTeal", "white")(props),
       // order is important here for now while we do not have global defined background color for darkMode
       _hover: {
-        backgroundColor: mode("coralGreen", "whiteAlpha.200")(props)
+        backgroundColor: mode("coralGreen", "greenHaze")(props)
       },
       ...focusVisible({
         focus: {
           boxShadow: `inset 0 0 0 2px ${mode(
             colors.greenHaze,
-            colors.azure
+            colors.primaryGreen
           )(props)}, inset 0 0 0 4px ${mode(
             colors.white,
-            colors.blackAlpha[300]
+            colors.darkTeal
           )(props)}`,
           _hover: {
             boxShadow: `inset 0 0 0 2px ${mode(
@@ -11531,7 +9852,7 @@ var config6 = defineStyleConfig$1({
         }
       }),
       _active: {
-        backgroundColor: mode("mint", "whiteAlpha.300")(props),
+        backgroundColor: mode("mint", "darkTeal")(props),
         boxShadow: `inset 0 0 0 2px ${mode(
           colors.greenHaze,
           colors.azure
@@ -11550,7 +9871,7 @@ var config6 = defineStyleConfig$1({
         }
       }
     }),
-    additional: (props) => ({
+    tertiary: (props) => ({
       backgroundColor: "transparent",
       color: mode("darkGrey", "white")(props),
       fontWeight: "normal",
@@ -11562,7 +9883,7 @@ var config6 = defineStyleConfig$1({
         focus: {
           boxShadow: getBoxShadowString({
             borderWidth: 2,
-            borderColor: "greenHaze"
+            borderColor: "azure"
           })
         },
         notFocus: {
@@ -11599,13 +9920,13 @@ var config6 = defineStyleConfig$1({
         }
       }),
       _hover: {
-        backgroundColor: mode("seaMist", "pine")(props),
+        backgroundColor: mode("seaMist", "whiteAlpha.200")(props),
         _disabled: {
           color: "blackAlpha.300"
         }
       },
       _active: {
-        backgroundColor: mode("mint", "whiteAlpha.200")(props)
+        backgroundColor: mode("mint", "whiteAlpha.100")(props)
       }
     }),
     floating: (props) => ({
@@ -11615,7 +9936,7 @@ var config6 = defineStyleConfig$1({
         baseShadow: "sm"
       }),
       _active: {
-        backgroundColor: mode("mint", "whiteAlpha.300")(props)
+        backgroundColor: mode("mint", "whiteAlpha.400")(props)
       },
       _hover: {
         backgroundColor: mode("white", "whiteAlpha.200")(props),
@@ -11742,6 +10063,11 @@ var getColorSchemeBaseProps = (props) => {
         backgroundColor: "seaMist"
       };
     }
+    case "red": {
+      return {
+        backgroundColor: "pink"
+      };
+    }
     default:
       return {
         backgroundColor: ((_a6 = colors[colorScheme]) == null ? void 0 : _a6[100]) ?? "platinum"
@@ -12170,7 +10496,9 @@ var config11 = defineStyleConfig$1({
     ...focusVisible({
       focus: {
         outline: "none",
-        boxShadow: getBoxShadowString({ borderColor: mode("greenHaze", "azure")(props) }),
+        boxShadow: getBoxShadowString({
+          borderColor: mode("greenHaze", "azure")(props)
+        }),
         outlineOffset: "2px"
       },
       notFocus: {
@@ -12802,7 +11130,10 @@ var config15 = helpers8.defineMultiStyleConfig({
         },
         _hover: {
           backgroundColor: mode("white", "transparent")(props),
-          boxShadow: mode(`inset 0 0 0 2px ${props.theme.colors.darkGrey}`, `inset 0 0 0 2px ${props.theme.colors.white}`)(props),
+          boxShadow: mode(
+            `inset 0 0 0 2px ${props.theme.colors.darkGrey}`,
+            `inset 0 0 0 2px ${props.theme.colors.white}`
+          )(props),
           color: mode("darkGrey", "white")(props)
         },
         ...focusVisible({
@@ -13352,7 +11683,7 @@ var config20 = helpers12.defineMultiStyleConfig({
     size: "md"
   },
   variants: {
-    "walk": (props) => ({
+    walk: (props) => ({
       iconContainer: {
         backgroundColor: mode("white", "transparent")(props),
         boxShadow: mode(
@@ -13403,7 +11734,9 @@ var config21 = helpers13.defineMultiStyleConfig({
           })
         },
         notFocus: {
-          boxShadow: getBoxShadowString({ borderColor: mode("darkGrey", "white")(props) })
+          boxShadow: getBoxShadowString({
+            borderColor: mode("darkGrey", "white")(props)
+          })
         }
       }),
       _disabled: {
@@ -14169,7 +12502,6 @@ var helpers21 = createMultiStyleConfigHelpers$1(parts13.keys);
 var config31 = helpers21.defineMultiStyleConfig({
   baseStyle: (props) => ({
     root: {
-      backgroundColor: getRootBackgroundColor(props),
       display: "flex",
       alignItems: "center",
       justifyContent: ["space-between", "center"],
@@ -14187,8 +12519,7 @@ var config31 = helpers21.defineMultiStyleConfig({
       overflow: "hidden",
       display: ["flex", "none"],
       alignItems: "center",
-      justifyContent: "space-between",
-      color: getColor5(props)
+      justifyContent: "space-between"
     },
     backButton: {
       borderRadius: "xs",
@@ -14205,170 +12536,32 @@ var config31 = helpers21.defineMultiStyleConfig({
       ml: 2,
       textAlign: "right"
     },
-    stepCounter: {
-      whiteSpace: "nowrap",
-      textDecoration: "underline"
-    },
     stepContainer: {
       display: "flex",
       alignItems: "center"
     },
-    stepButton: {
-      color: "inherit",
-      display: "flex",
-      alignItems: "center",
-      padding: 1,
-      borderRadius: "xs"
-    },
-    stepNumber: {
-      borderRadius: "round",
-      border: "sm",
-      borderColor: "currentColor",
-      width: 4,
-      height: 4,
-      mr: 1,
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center",
-      fontSize: ["mobile.xs", "desktop.xs"]
-    },
     stepTitle: {
       textStyle: "sm",
       whiteSpace: "nowrap"
     }
   }),
   variants: {
-    completed: (props) => ({
-      stepContainer: {
-        color: getColor5(props)
-      },
-      stepButton: {
-        _hover: getHoverStyles(props),
-        _focus: getFocusStyles(props),
-        "&:focus:not(:focus-visible)": {
-          boxShadow: "none"
-        },
-        _focusVisible: getFocusStyles(props),
-        _active: getActiveStyles(props)
-      }
-    }),
-    active: (props) => ({
-      stepContainer: {
-        color: getColor5(props)
-      },
-      stepButton: {
-        pointerEvents: "none"
-      },
-      stepNumber: getStepNumberStyles(props),
-      stepTitle: {
-        fontWeight: "bold"
+    base: (props) => ({
+      root: {
+        backgroundColor: "transparent"
       }
     }),
-    disabled: (props) => ({
-      stepContainer: {
-        color: getDisabledColor(props)
-      },
-      stepButton: {
-        pointerEvents: "none"
+    accent: (props) => ({
+      root: {
+        backgroundColor: mode("seaMist", "pine")(props)
       }
     })
   },
   defaultProps: {
-    colorScheme: "green"
+    variant: "base"
   }
 });
 var stepper_default = config31;
-var getRootBackgroundColor = (props) => {
-  switch (props.colorScheme) {
-    case "light":
-      return "white";
-    case "dark":
-      return "darkTeal";
-    case "green":
-    default:
-      return "seaMist";
-  }
-};
-var getColor5 = (props) => {
-  switch (props.colorScheme) {
-    case "light":
-      return mode("darkGrey", "white")(props);
-    case "dark":
-      return "white";
-    case "green":
-    default:
-      return mode("darkTeal", "white")(props);
-  }
-};
-var getStepNumberStyles = (props) => {
-  switch (props.colorScheme) {
-    case "dark":
-      return {
-        backgroundColor: "white",
-        color: "darkTeal"
-      };
-    case "light":
-    case "green":
-    default:
-      return {
-        backgroundColor: mode("darkTeal", "white")(props),
-        color: mode("white", "darkTeal")(props)
-      };
-  }
-};
-var getDisabledColor = (props) => {
-  switch (props.colorScheme) {
-    case "dark":
-      return "whiteAlpha.400";
-    case "green":
-      return "dimGrey";
-    case "light":
-    default:
-      return "osloGrey";
-  }
-};
-var getHoverStyles = (props) => {
-  switch (props.colorScheme) {
-    case "dark":
-      return { backgroundColor: "pine" };
-    case "green":
-      return {
-        backgroundColor: mode("coralGreen", "primaryGreen")(props)
-      };
-    case "light":
-    default:
-      return {
-        backgroundColor: mode("seaMist", "primaryGreen")(props)
-      };
-  }
-};
-var getFocusStyles = (props) => {
-  switch (props.colorScheme) {
-    case "dark":
-      return {
-        outline: "none",
-        boxShadow: `inset 0 0 0 2px ${props.theme.colors.white}`
-      };
-    case "light":
-    case "green":
-    default:
-      return {
-        outline: "none",
-        boxShadow: `inset 0 0 0 2px ${props.theme.colors.greenHaze}`
-      };
-  }
-};
-var getActiveStyles = (props) => {
-  switch (props.colorScheme) {
-    case "light":
-      return { backgroundColor: "mint" };
-    case "dark":
-      return { backgroundColor: "celadon" };
-    case "green":
-    default:
-      return { color: "azure", backgroundColor: "transparent" };
-  }
-};
 var $width2 = cssVar$1("switch-track-width");
 var $height3 = cssVar$1("switch-track-height");
 var $diff2 = cssVar$1("switch-track-diff");
@@ -14977,7 +13170,10 @@ var getTabColorSchemeHoverProps = (props) => {
       };
     case "base":
       return {
-        boxShadow: mode(`inset 0 0 0 2px ${props.theme.colors.darkGrey}`, `inset 0 0 0 2px ${props.theme.colors.white}`)(props),
+        boxShadow: mode(
+          `inset 0 0 0 2px ${props.theme.colors.darkGrey}`,
+          `inset 0 0 0 2px ${props.theme.colors.white}`
+        )(props),
         color: mode("darkGrey", "white")(props)
       };
     case "accent":
@@ -15076,7 +13272,10 @@ var getTablistColorSchemeProps = (props) => {
       return {
         backgroundColor: mode("white", "transparent")(props),
         color: "darkGrey",
-        boxShadow: mode(`inset 0 0 0 1px ${props.theme.colors.blackAlpha["400"]}`, `inset 0 0 0 1px ${props.theme.colors.whiteAlpha["400"]}`)(props)
+        boxShadow: mode(
+          `inset 0 0 0 1px ${props.theme.colors.blackAlpha["400"]}`,
+          `inset 0 0 0 1px ${props.theme.colors.whiteAlpha["400"]}`
+        )(props)
       };
     case "accent":
       return {