@vygruppen/spor-react 4.0.3 → 4.1.1

package/dist/index.js

@@ -959,7 +959,11 @@ var init_AlertIcon = __esm({
 var BaseAlert;
 var init_BaseAlert = __esm({
   "src/alert/BaseAlert.tsx"() {
-    BaseAlert = ({ variant, children, ...boxProps }) => {
+    BaseAlert = ({
+      variant,
+      children,
+      ...boxProps
+    }) => {
       const styles3 = react.useMultiStyleConfig("Alert", { variant });
       return /* @__PURE__ */ React69__namespace.default.createElement(react.Box, { __css: styles3.container, ...boxProps }, children);
     };
@@ -1124,1757 +1128,6 @@ var init_card = __esm({
     init_Card();
   }
 });
-function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange) {
-  let [stateValue, setStateValue] = (React69.useState)(value || defaultValue);
-  let isControlledRef = (React69.useRef)(value !== void 0);
-  let isControlled = value !== void 0;
-  (React69.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 = (React69.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
-  ];
-}
-var init_import = __esm({
-  "../../node_modules/@react-stately/utils/dist/import.mjs"() {
-  }
-});
-function $fc909762b330b746$export$61c6a8c84e605fb6(props) {
-  let [isOpen, setOpen] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.isOpen, props.defaultOpen || false, props.onOpenChange);
-  const open = (React69.useCallback)(() => {
-    setOpen(true);
-  }, [
-    setOpen
-  ]);
-  const close = (React69.useCallback)(() => {
-    setOpen(false);
-  }, [
-    setOpen
-  ]);
-  const toggle = (React69.useCallback)(() => {
-    setOpen(!isOpen);
-  }, [
-    setOpen,
-    isOpen
-  ]);
-  return {
-    isOpen,
-    setOpen,
-    open,
-    close,
-    toggle
-  };
-}
-var init_import2 = __esm({
-  "../../node_modules/@react-stately/overlays/dist/import.mjs"() {
-    init_import();
-  }
-});
-
-// ../../node_modules/@internationalized/string/dist/import.mjs
-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];
-}
-var $5b160d28a433310d$export$c17fa47878dc55b6;
-var init_import3 = __esm({
-  "../../node_modules/@internationalized/string/dist/import.mjs"() {
-    $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 $35a22f14a1f04b11$export$eac50920cf2fd59a(value, minValue, maxValue) {
-  return value != null && (minValue != null && value.compare(minValue) < 0 || maxValue != null && value.compare(maxValue) > 0);
-}
-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 (date.Time)();
-}
-function $35a22f14a1f04b11$export$61a490a80c552550(value, calendar) {
-  if (value === null)
-    return null;
-  if (!value)
-    return void 0;
-  return (date.toCalendar)(value, calendar);
-}
-function $35a22f14a1f04b11$export$66aa2b09de4b1ea5(placeholderValue, granularity, calendar, timeZone) {
-  if (placeholderValue)
-    return $35a22f14a1f04b11$export$61a490a80c552550(placeholderValue, calendar);
-  let date$1 = (date.toCalendar)((date.now)(timeZone).set({
-    hour: 0,
-    minute: 0,
-    second: 0,
-    millisecond: 0
-  }), calendar);
-  if (granularity === "year" || granularity === "month" || granularity === "day")
-    return (date.toCalendarDate)(date$1);
-  if (!timeZone)
-    return (date.toCalendarDateTime)(date$1);
-  return date$1;
-}
-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] = (React69.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] = (React69.useState)(null);
-  let [selectedTime, setSelectedTime] = (React69.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$1, time) => {
-    setValue("timeZone" in time ? time.set((date.toCalendarDate)(date$1)) : (date.toCalendarDateTime)(date$1, 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 (date.DateFormatter)(locale, formatOptions);
-      return formatter.format(dateValue);
-    }
-  };
-}
-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";
-}
-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 = (React69.useMemo)(() => new (date.DateFormatter)(locale), [
-    locale
-  ]);
-  let calendar = (React69.useMemo)(() => createCalendar4(defaultFormatter.resolvedOptions().calendar), [
-    createCalendar4,
-    defaultFormatter
-  ]);
-  let [value, setDate] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, props.defaultValue, props.onChange);
-  let calendarValue = (React69.useMemo)(() => ($35a22f14a1f04b11$export$61a490a80c552550)(value, calendar), [
-    value,
-    calendar
-  ]);
-  let [placeholderDate, setPlaceholderDate] = (React69.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 = (React69.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 = (React69.useMemo)(() => ($35a22f14a1f04b11$export$7e319ea407e63bc0)({}, formatOpts), [
-    formatOpts
-  ]);
-  let dateFormatter = (React69.useMemo)(() => new (date.DateFormatter)(locale, opts), [
-    locale,
-    opts
-  ]);
-  let resolvedOptions = (React69.useMemo)(() => dateFormatter.resolvedOptions(), [
-    dateFormatter
-  ]);
-  let allSegments = (React69.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] = (React69.useState)(() => props.value || props.defaultValue ? {
-    ...allSegments
-  } : {});
-  let clearedSegment = (React69.useRef)();
-  let lastCalendarIdentifier = (React69.useRef)(calendar.identifier);
-  (React69.useEffect)(() => {
-    if (calendar.identifier !== lastCalendarIdentifier.current) {
-      lastCalendarIdentifier.current = calendar.identifier;
-      setPlaceholderDate((placeholder) => Object.keys(validSegments).length > 0 ? (date.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 = (date.toCalendar)(newValue, (v === null || v === void 0 ? void 0 : v.calendar) || new (date.GregorianCalendar)());
-      setDate(newValue);
-    } else
-      setPlaceholderDate(newValue);
-    clearedSegment.current = null;
-  };
-  let dateValue = (React69.useMemo)(() => displayValue.toDate(timeZone), [
-    displayValue,
-    timeZone
-  ]);
-  let segments = (React69.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 (date.DateFormatter)(locale, formatOptions);
-      return formatter.format(dateValue);
-    }
-  };
-}
-function $3c0fc76039f1c516$var$getSegmentLimits(date$1, type, options) {
-  switch (type) {
-    case "era": {
-      let eras = date$1.calendar.getEras();
-      return {
-        value: eras.indexOf(date$1.era),
-        minValue: 0,
-        maxValue: eras.length - 1
-      };
-    }
-    case "year":
-      return {
-        value: date$1.year,
-        minValue: 1,
-        maxValue: date$1.calendar.getYearsInEra(date$1)
-      };
-    case "month":
-      return {
-        value: date$1.month,
-        minValue: (date.getMinimumMonthInYear)(date$1),
-        maxValue: date$1.calendar.getMonthsInYear(date$1)
-      };
-    case "day":
-      return {
-        value: date$1.day,
-        minValue: (date.getMinimumDayInMonth)(date$1),
-        maxValue: date$1.calendar.getDaysInMonth(date$1)
-      };
-  }
-  if ("hour" in date$1)
-    switch (type) {
-      case "dayPeriod":
-        return {
-          value: date$1.hour >= 12 ? 12 : 0,
-          minValue: 0,
-          maxValue: 12
-        };
-      case "hour":
-        if (options.hour12) {
-          let isPM = date$1.hour >= 12;
-          return {
-            value: date$1.hour,
-            minValue: isPM ? 12 : 0,
-            maxValue: isPM ? 23 : 11
-          };
-        }
-        return {
-          value: date$1.hour,
-          minValue: 0,
-          maxValue: 23
-        };
-      case "minute":
-        return {
-          value: date$1.minute,
-          minValue: 0,
-          maxValue: 59
-        };
-      case "second":
-        return {
-          value: date$1.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] = (React69.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] = (React69.useState)(null);
-  let [timeRange, setSelectedTimeRange] = (React69.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((date.toCalendarDate)(dateRange2.start)) : (date.toCalendarDateTime)(dateRange2.start, timeRange2.start),
-      end: "timeZone" in timeRange2.end ? timeRange2.end.set((date.toCalendarDate)(dateRange2.end)) : (date.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 (date.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 (date.DateFormatter)(locale, endOptions);
-      }
-      return {
-        start: startFormatter.format(startDate),
-        end: endFormatter.format(endDate)
-      };
-    }
-  };
-}
-var $35a22f14a1f04b11$var$DEFAULT_FIELD_OPTIONS, $35a22f14a1f04b11$var$TWO_DIGIT_FIELD_OPTIONS, $3e3ed55ab2966714$var$placeholders, $3c0fc76039f1c516$var$EDITABLE_SEGMENTS, $3c0fc76039f1c516$var$PAGE_STEP, $3c0fc76039f1c516$var$TYPE_MAPPING;
-var init_import4 = __esm({
-  "../../node_modules/@react-stately/datepicker/dist/import.mjs"() {
-    init_import2();
-    init_import();
-    init_import3();
-    $35a22f14a1f04b11$var$DEFAULT_FIELD_OPTIONS = {
-      year: "numeric",
-      month: "numeric",
-      day: "numeric",
-      hour: "numeric",
-      minute: "2-digit",
-      second: "2-digit"
-    };
-    $35a22f14a1f04b11$var$TWO_DIGIT_FIELD_OPTIONS = {
-      year: "numeric",
-      month: "2-digit",
-      day: "2-digit",
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit"
-    };
-    $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");
-    $3c0fc76039f1c516$var$EDITABLE_SEGMENTS = {
-      year: true,
-      month: true,
-      day: true,
-      hour: true,
-      minute: true,
-      second: true,
-      dayPeriod: true,
-      era: true
-    };
-    $3c0fc76039f1c516$var$PAGE_STEP = {
-      year: 5,
-      month: 2,
-      day: 7,
-      hour: 2,
-      minute: 15,
-      second: 15
-    };
-    $3c0fc76039f1c516$var$TYPE_MAPPING = {
-      dayperiod: "dayPeriod"
-    };
-  }
-});
-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$1, duration, locale, minValue, maxValue) {
-  let aligned = date$1;
-  if (duration.years)
-    aligned = (date.startOfYear)(date$1);
-  else if (duration.months)
-    aligned = (date.startOfMonth)(date$1);
-  else if (duration.weeks)
-    aligned = (date.startOfWeek)(date$1, locale);
-  return $f62d864046160412$export$5bb865b12696a77d(date$1, 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$1, aligned, duration, locale, minValue, maxValue) {
-  if (minValue && date$1.compare(minValue) >= 0)
-    aligned = (date.maxDate)(aligned, $f62d864046160412$export$144a00ba6044eb9((date.toCalendarDate)(minValue), duration, locale));
-  if (maxValue && date$1.compare(maxValue) <= 0)
-    aligned = (date.minDate)(aligned, $f62d864046160412$export$530edbfc915b2b04((date.toCalendarDate)(maxValue), duration, locale));
-  return aligned;
-}
-function $f62d864046160412$export$4f5203c0d889109e(date$1, minValue, maxValue) {
-  if (minValue)
-    date$1 = (date.maxDate)(date$1, (date.toCalendarDate)(minValue));
-  if (maxValue)
-    date$1 = (date.minDate)(date$1, (date.toCalendarDate)(maxValue));
-  return date$1;
-}
-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 = (React69.useMemo)(() => new (date.DateFormatter)(props.locale), [
-    props.locale
-  ]);
-  let resolvedOptions = (React69.useMemo)(() => defaultFormatter.resolvedOptions(), [
-    defaultFormatter
-  ]);
-  let { locale, createCalendar: createCalendar4, visibleDuration = {
-    months: 1
-  }, minValue, maxValue, selectionAlignment, isDateUnavailable, pageBehavior = "visible" } = props;
-  let calendar = (React69.useMemo)(() => createCalendar4(resolvedOptions.calendar), [
-    createCalendar4,
-    resolvedOptions.calendar
-  ]);
-  let [value, setControlledValue] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, props.defaultValue, props.onChange);
-  let calendarDateValue = (React69.useMemo)(() => value ? (date.toCalendar)((date.toCalendarDate)(value), calendar) : null, [
-    value,
-    calendar
-  ]);
-  let timeZone = (React69.useMemo)(() => value && "timeZone" in value ? value.timeZone : resolvedOptions.timeZone, [
-    value,
-    resolvedOptions.timeZone
-  ]);
-  let focusedCalendarDate = (React69.useMemo)(() => props.focusedValue ? ($f62d864046160412$export$4f5203c0d889109e)((date.toCalendar)((date.toCalendarDate)(props.focusedValue), calendar), minValue, maxValue) : void 0, [
-    props.focusedValue,
-    calendar,
-    minValue,
-    maxValue
-  ]);
-  let defaultFocusedCalendarDate = (React69.useMemo)(() => ($f62d864046160412$export$4f5203c0d889109e)(props.defaultFocusedValue ? (date.toCalendar)((date.toCalendarDate)(props.defaultFocusedValue), calendar) : calendarDateValue || (date.toCalendar)((date.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] = (React69.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] = (React69.useState)(props.autoFocus || false);
-  let endDate = (React69.useMemo)(() => {
-    let duration = {
-      ...visibleDuration
-    };
-    if (duration.days)
-      duration.days--;
-    else
-      duration.days = -1;
-    return startDate.add(duration);
-  }, [
-    startDate,
-    visibleDuration
-  ]);
-  let [lastCalendarIdentifier, setLastCalendarIdentifier] = (React69.useState)(calendar.identifier);
-  if (calendar.identifier !== lastCalendarIdentifier) {
-    let newFocusedDate = (date.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 = (date.toCalendar)(newValue, (value === null || value === void 0 ? void 0 : value.calendar) || new (date.GregorianCalendar)());
-      if (value && "hour" in value)
-        setControlledValue(value.set(newValue));
-      else
-        setControlledValue(newValue);
-    }
-  }
-  let isUnavailable = (React69.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 = (React69.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((date.startOfWeek)(focusedDate, locale));
-      else if (visibleDuration.months || visibleDuration.years)
-        focusCell((date.startOfMonth)(focusedDate));
-    },
-    focusSectionEnd() {
-      if (visibleDuration.days)
-        focusCell(endDate);
-      else if (visibleDuration.weeks)
-        focusCell((date.endOfWeek)(focusedDate, locale));
-      else if (visibleDuration.months || visibleDuration.years)
-        focusCell((date.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$1) {
-      return calendarDateValue != null && (date.isSameDay)(date$1, calendarDateValue) && !this.isCellDisabled(date$1) && !this.isCellUnavailable(date$1);
-    },
-    isCellFocused(date$1) {
-      return isFocused && focusedDate && (date.isSameDay)(date$1, 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 (date.isSameDay)(prev, startDate) || this.isInvalid(prev, minValue, maxValue);
-    },
-    isNextVisibleRangeInvalid() {
-      let next = endDate.add({
-        days: 1
-      });
-      return (date.isSameDay)(next, endDate) || this.isInvalid(next, minValue, maxValue);
-    },
-    getDatesInWeek(weekIndex, from = startDate) {
-      let date$1 = from.add({
-        weeks: weekIndex
-      });
-      let dates = [];
-      date$1 = (date.startOfWeek)(date$1, locale);
-      let dayOfWeek = (date.getDayOfWeek)(date$1, locale);
-      for (let i = 0; i < dayOfWeek; i++)
-        dates.push(null);
-      while (dates.length < 7) {
-        dates.push(date$1);
-        let nextDate = date$1.add({
-          days: 1
-        });
-        if ((date.isSameDay)(date$1, nextDate))
-          break;
-        date$1 = 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] = (React69.useState)(null);
-  let alignment = "center";
-  if (value && value.start && value.end) {
-    let start = ($f62d864046160412$export$f4a51ff076cc9a09)((date.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 = (React69.useRef)(null);
-  let [availableRange, setAvailableRange] = (React69.useState)(null);
-  let min = (React69.useMemo)(() => {
-    return (date.maxDate)(minValue, availableRange === null || availableRange === void 0 ? void 0 : availableRange.start);
-  }, [
-    minValue,
-    availableRange
-  ]);
-  let max = (React69.useMemo)(() => {
-    return (date.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] = (React69.useState)(calendar.visibleRange);
-  if (!(date.isEqualDay)(calendar.visibleRange.start, lastVisibleRange.start) || !(date.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] = (React69.useState)(false);
-  let { isDateUnavailable } = props;
-  let isInvalidSelection = (React69.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: (date.toCalendarDate)(start),
-    end: (date.toCalendarDate)(end)
-  };
-}
-function $9a36b6ba2fb1a7c5$var$convertValue(newValue, oldValue) {
-  newValue = (date.toCalendar)(newValue, (oldValue === null || oldValue === void 0 ? void 0 : oldValue.calendar) || new (date.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 init_import5 = __esm({
-  "../../node_modules/@react-stately/calendar/dist/import.mjs"() {
-    init_import();
-  }
-});
 exports.Badge = void 0;
 var init_Badge = __esm({
   "src/typography/Badge.tsx"() {
@@ -2933,7 +1186,12 @@ var init_typography = __esm({
     init_Text();
   }
 });
-function CalendarCell({ state: state2, date: date$1, currentMonth, variant }) {
+function CalendarCell({
+  state: state2,
+  date: date$1,
+  currentMonth,
+  variant
+}) {
   const ref = React69.useRef(null);
   const {
     cellProps,
@@ -3039,7 +1297,11 @@ var init_utils = __esm({
     };
   }
 });
-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);
@@ -3233,10 +1495,14 @@ var init_CalendarHeader = __esm({
     });
   }
 });
-function Calendar({ showYearNavigation, variant, ...props }) {
+function Calendar({
+  showYearNavigation,
+  variant,
+  ...props
+}) {
   const { t: t2 } = useTranslation();
   const locale = useCurrentLocale();
-  const state2 = $131cf43a05231e1e$export$6d095e787d2b5e1f({
+  const state2 = reactStately.useCalendarState({
     ...props,
     locale,
     createCalendar: date.createCalendar
@@ -3249,11 +1515,10 @@ function Calendar({ showYearNavigation, variant, ...props }) {
 var texts8;
 var init_Calendar = __esm({
   "src/datepicker/Calendar.tsx"() {
-    init_import5();
+    init_i18n();
     init_CalendarGrid();
     init_CalendarHeader();
     init_utils();
-    init_i18n();
     texts8 = createTexts({
       calendar: {
         nb: "Kalender",
@@ -3357,7 +1622,6 @@ function createCalendar2(identifier) {
 var DateField;
 var init_DateField = __esm({
   "src/datepicker/DateField.tsx"() {
-    init_import4();
     init_DateTimeSegment();
     init_utils();
     DateField = React69.forwardRef(
@@ -3365,7 +1629,7 @@ var init_DateField = __esm({
         var _a6;
         const locale = useCurrentLocale();
         const styles3 = react.useMultiStyleConfig("Datepicker", {});
-        const state2 = $3c0fc76039f1c516$export$60e84778edff6d26({
+        const state2 = reactStately.useDateFieldState({
           ...props,
           locale,
           createCalendar: createCalendar2
@@ -3433,7 +1697,6 @@ var init_StyledField = __esm({
 exports.DatePicker = void 0;
 var init_DatePicker = __esm({
   "src/datepicker/DatePicker.tsx"() {
-    init_import4();
     init_src();
     init_Calendar();
     init_CalendarTriggerButton();
@@ -3451,7 +1714,7 @@ var init_DatePicker = __esm({
         ...props
       }, externalRef) => {
         const formControlProps = react.useFormControlContext();
-        const state2 = $ab5bf3f618090389$export$87194bb378cc3ac2({
+        const state2 = reactStately.useDatePickerState({
           ...props,
           shouldCloseOnSelect: true,
           errorMessage,
@@ -3539,7 +1802,7 @@ var init_DatePicker = __esm({
 });
 function RangeCalendar(props) {
   const locale = useCurrentLocale();
-  const state2 = $9a36b6ba2fb1a7c5$export$9a987164d97ecc90({
+  const state2 = reactStately.useRangeCalendarState({
     ...props,
     visibleDuration: { months: 2 },
     locale,
@@ -3547,11 +1810,17 @@ function RangeCalendar(props) {
   });
   const ref = React69.useRef(null);
   const { calendarProps, title } = reactAria.useRangeCalendar(props, state2, ref);
-  return /* @__PURE__ */ React69__namespace.default.createElement(react.Box, { ...calendarProps, ref }, /* @__PURE__ */ React69__namespace.default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React69__namespace.default.createElement(react.Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React69__namespace.default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React69__namespace.default.createElement(CalendarGrid, { variant: props.variant, state: state2, offset: { months: 1 } })));
+  return /* @__PURE__ */ React69__namespace.default.createElement(react.Box, { ...calendarProps, ref }, /* @__PURE__ */ React69__namespace.default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React69__namespace.default.createElement(react.Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React69__namespace.default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React69__namespace.default.createElement(
+    CalendarGrid,
+    {
+      variant: props.variant,
+      state: state2,
+      offset: { months: 1 }
+    }
+  )));
 }
 var init_RangeCalendar = __esm({
   "src/datepicker/RangeCalendar.tsx"() {
-    init_import5();
     init_CalendarGrid();
     init_CalendarHeader();
     init_utils();
@@ -3566,7 +1835,7 @@ function DateRangePicker({
   ...props
 }) {
   const formControlProps = react.useFormControlContext();
-  const state2 = $93c38a5e28be6249$export$e50a61c1de9f574({
+  const state2 = reactStately.useDateRangePickerState({
     ...props,
     shouldCloseOnSelect: true,
     isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
@@ -3648,7 +1917,6 @@ function DateRangePicker({
 }
 var init_DateRangePicker = __esm({
   "src/datepicker/DateRangePicker.tsx"() {
-    init_import4();
     init_CalendarTriggerButton();
     init_DateField();
     init_RangeCalendar();
@@ -5710,8 +3978,15 @@ var init_PhoneNumberInput = __esm({
     init_src();
     init_AttachedInputs();
     exports.PhoneNumberInput = react.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(texts15.phoneNumber);
         const [value, onChange] = react.useControllableState({
           value: externalValue,
           onChange: externalOnChange,
@@ -5753,7 +4028,7 @@ var init_PhoneNumberInput = __esm({
           {
             ref,
             type: "tel",
-            label: t2(texts15.phoneNumber),
+            label,
             value: value.nationalNumber,
             name: name ? `${name}-phone-number` : "phone-number",
             onChange: (e) => {
@@ -6745,13 +5020,13 @@ var init_StepperContext = __esm({
       activeStep,
       children,
       onClick,
-      colorScheme,
-      numberOfSteps
+      numberOfSteps,
+      variant
     }) => {
       return /* @__PURE__ */ React69__namespace.default.createElement(
         StepperContext.Provider,
         {
-          value: { activeStep, onClick, colorScheme, numberOfSteps }
+          value: { activeStep, onClick, numberOfSteps, variant }
         },
         children
       );
@@ -6779,9 +5054,9 @@ var init_Stepper = __esm({
       steps,
       activeStep: activeStepAsStringOrNumber,
       title,
-      colorScheme
+      variant
     }) => {
-      const style = react.useMultiStyleConfig("Stepper", { colorScheme });
+      const style = react.useMultiStyleConfig("Stepper", { variant });
       const numberOfSteps = steps.length;
       const activeStep = Number(activeStepAsStringOrNumber);
       const { t: t2 } = useTranslation();
@@ -6790,7 +5065,7 @@ var init_Stepper = __esm({
         {
           onClick,
           activeStep,
-          colorScheme,
+          variant,
           numberOfSteps
         },
         /* @__PURE__ */ React69__namespace.default.createElement(react.Box, { __css: style.container }, /* @__PURE__ */ React69__namespace.default.createElement(react.Box, { __css: style.innerContainer }, /* @__PURE__ */ React69__namespace.default.createElement(react.HStack, null, activeStep > 1 && /* @__PURE__ */ React69__namespace.default.createElement(
@@ -6809,8 +5084,16 @@ var init_Stepper = __esm({
             triggerElement: /* @__PURE__ */ React69__namespace.default.createElement(react.Box, { as: "button", __css: style.stepCounter }, t2(texts22.stepsOf(activeStep, numberOfSteps))),
             borderRadius: "xs"
           },
-          steps.map((step, index) => /* @__PURE__ */ React69__namespace.default.createElement(exports.StepperStep, { key: step, stepNumber: index + 1 }, step))
-        )), title && /* @__PURE__ */ React69__namespace.default.createElement(react.Box, { as: "h3", __css: style.title }, title)), /* @__PURE__ */ React69__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", "flex"] }, steps.map((step, index) => /* @__PURE__ */ React69__namespace.default.createElement(exports.StepperStep, { key: index, stepNumber: index + 1 }, step))))
+          steps.map((step, index) => /* @__PURE__ */ React69__namespace.default.createElement(
+            exports.StepperStep,
+            {
+              key: step,
+              stepNumber: index + 1,
+              variant
+            },
+            step
+          ))
+        )), title && /* @__PURE__ */ React69__namespace.default.createElement(react.Box, { as: "h3", __css: style.title }, title)), /* @__PURE__ */ React69__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", "flex"] }, steps.map((step, index) => /* @__PURE__ */ React69__namespace.default.createElement(exports.StepperStep, { key: index, stepNumber: index + 1, variant }, step))))
       ));
     };
     texts22 = createTexts({
@@ -6829,33 +5112,62 @@ var init_Stepper = __esm({
     });
   }
 });
-exports.StepperStep = void 0; var getVariant;
+exports.StepperStep = void 0; var getButtonStylesForState, getState;
 var init_StepperStep = __esm({
   "src/stepper/StepperStep.tsx"() {
     init_src();
     init_StepperContext();
-    exports.StepperStep = ({ children, stepNumber }) => {
-      const { activeStep, onClick, colorScheme } = useStepper();
-      const variant = getVariant(stepNumber, activeStep);
+    exports.StepperStep = ({
+      children,
+      stepNumber,
+      variant
+    }) => {
+      const { activeStep, onClick } = useStepper();
+      const state2 = getState(stepNumber, activeStep);
       const style = react.useMultiStyleConfig("Stepper", {
-        variant,
-        colorScheme
+        state: state2,
+        variant
       });
+      const adjustedProps = getButtonStylesForState(state2);
       return /* @__PURE__ */ React69__namespace.default.createElement(react.Box, { __css: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React69__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { marginX: 5, display: ["none", "block"] }), /* @__PURE__ */ React69__namespace.default.createElement(
-        react.Flex,
+        exports.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__namespace.default.createElement(react.Box, { __css: style.stepNumber }, stepNumber),
-        /* @__PURE__ */ React69__namespace.default.createElement(react.Box, { __css: style.stepTitle }, children)
+        children
       ));
     };
-    getVariant = (stepNumber, activeStep) => {
+    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 {};
+      }
+    };
+    getState = (stepNumber, activeStep) => {
       if (stepNumber < activeStep) {
         return "completed";
       }
@@ -12971,30 +11283,11 @@ var init_button2 = __esm({
         }
       },
       variants: {
-        control: (props) => ({
-          backgroundColor: themeTools.mode("darkTeal", "mint")(props),
-          color: themeTools.mode("white", "darkTeal")(props),
-          ...focusVisible({
-            focus: {
-              boxShadow: `inset 0 0 0 4px ${themeTools.mode(
-                colors.darkTeal,
-                colors.seaMist
-              )(props)}, inset 0 0 0 6px currentColor`
-            },
-            notFocus: { boxShadow: "none" }
-          }),
-          _hover: {
-            backgroundColor: themeTools.mode("night", "coralGreen")(props)
-          },
-          _active: {
-            backgroundColor: themeTools.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: themeTools.mode("primaryGreen", "coralGreen")(props),
+          color: themeTools.mode("white", "darkTeal")(props),
           ...focusVisible({
             focus: {
               boxShadow: `inset 0 0 0 2px ${themeTools.mode(
@@ -13008,28 +11301,28 @@ var init_button2 = __esm({
             notFocus: { boxShadow: "none" }
           }),
           _hover: {
-            backgroundColor: "pine"
+            backgroundColor: themeTools.mode("darkTeal", "blueGreen")(props)
           },
           _active: {
-            backgroundColor: "azure"
+            backgroundColor: themeTools.mode("greenHaze", "seaMist")(props)
           }
         }),
         secondary: (props) => ({
           // FIXME: Update to use global defined background color for darkMode whenever it is available instead of alpha
-          backgroundColor: themeTools.mode("seaMist", "whiteAlpha.100")(props),
+          backgroundColor: themeTools.mode("seaMist", "primaryGreen")(props),
           color: themeTools.mode("darkTeal", "white")(props),
           // order is important here for now while we do not have global defined background color for darkMode
           _hover: {
-            backgroundColor: themeTools.mode("coralGreen", "whiteAlpha.200")(props)
+            backgroundColor: themeTools.mode("coralGreen", "greenHaze")(props)
           },
           ...focusVisible({
             focus: {
               boxShadow: `inset 0 0 0 2px ${themeTools.mode(
                 colors.greenHaze,
-                colors.azure
+                colors.primaryGreen
               )(props)}, inset 0 0 0 4px ${themeTools.mode(
                 colors.white,
-                colors.blackAlpha[300]
+                colors.darkTeal
               )(props)}`,
               _hover: {
                 boxShadow: `inset 0 0 0 2px ${themeTools.mode(
@@ -13046,7 +11339,7 @@ var init_button2 = __esm({
             }
           }),
           _active: {
-            backgroundColor: themeTools.mode("mint", "whiteAlpha.300")(props),
+            backgroundColor: themeTools.mode("mint", "darkTeal")(props),
             boxShadow: `inset 0 0 0 2px ${themeTools.mode(
               colors.greenHaze,
               colors.azure
@@ -13065,7 +11358,7 @@ var init_button2 = __esm({
             }
           }
         }),
-        additional: (props) => ({
+        tertiary: (props) => ({
           backgroundColor: "transparent",
           color: themeTools.mode("darkGrey", "white")(props),
           fontWeight: "normal",
@@ -13077,7 +11370,7 @@ var init_button2 = __esm({
             focus: {
               boxShadow: getBoxShadowString({
                 borderWidth: 2,
-                borderColor: "greenHaze"
+                borderColor: "azure"
               })
             },
             notFocus: {
@@ -13114,13 +11407,13 @@ var init_button2 = __esm({
             }
           }),
           _hover: {
-            backgroundColor: themeTools.mode("seaMist", "pine")(props),
+            backgroundColor: themeTools.mode("seaMist", "whiteAlpha.200")(props),
             _disabled: {
               color: "blackAlpha.300"
             }
           },
           _active: {
-            backgroundColor: themeTools.mode("mint", "whiteAlpha.200")(props)
+            backgroundColor: themeTools.mode("mint", "whiteAlpha.100")(props)
           }
         }),
         floating: (props) => ({
@@ -13130,7 +11423,7 @@ var init_button2 = __esm({
             baseShadow: "sm"
           }),
           _active: {
-            backgroundColor: themeTools.mode("mint", "whiteAlpha.300")(props)
+            backgroundColor: themeTools.mode("mint", "whiteAlpha.400")(props)
           },
           _hover: {
             backgroundColor: themeTools.mode("white", "whiteAlpha.200")(props),
@@ -13296,6 +11589,11 @@ var init_card2 = __esm({
             backgroundColor: "seaMist"
           };
         }
+        case "red": {
+          return {
+            backgroundColor: "pink"
+          };
+        }
         default:
           return {
             backgroundColor: ((_a6 = colors[colorScheme]) == null ? void 0 : _a6[100]) ?? "platinum"
@@ -13722,7 +12020,9 @@ var init_close_button = __esm({
         ...focusVisible({
           focus: {
             outline: "none",
-            boxShadow: getBoxShadowString({ borderColor: themeTools.mode("greenHaze", "azure")(props) }),
+            boxShadow: getBoxShadowString({
+              borderColor: themeTools.mode("greenHaze", "azure")(props)
+            }),
             outlineOffset: "2px"
           },
           notFocus: {
@@ -14387,7 +12687,10 @@ var init_fab = __esm({
             },
             _hover: {
               backgroundColor: themeTools.mode("white", "transparent")(props),
-              boxShadow: themeTools.mode(`inset 0 0 0 2px ${props.theme.colors.darkGrey}`, `inset 0 0 0 2px ${props.theme.colors.white}`)(props),
+              boxShadow: themeTools.mode(
+                `inset 0 0 0 2px ${props.theme.colors.darkGrey}`,
+                `inset 0 0 0 2px ${props.theme.colors.white}`
+              )(props),
               color: themeTools.mode("darkGrey", "white")(props)
             },
             ...focusVisible({
@@ -14981,7 +13284,7 @@ var init_info_tag = __esm({
         size: "md"
       },
       variants: {
-        "walk": (props) => ({
+        walk: (props) => ({
           iconContainer: {
             backgroundColor: themeTools.mode("white", "transparent")(props),
             boxShadow: themeTools.mode(
@@ -15040,7 +13343,9 @@ var init_input2 = __esm({
               })
             },
             notFocus: {
-              boxShadow: getBoxShadowString({ borderColor: themeTools.mode("darkGrey", "white")(props) })
+              boxShadow: getBoxShadowString({
+                borderColor: themeTools.mode("darkGrey", "white")(props)
+              })
             }
           }),
           _disabled: {
@@ -15872,7 +14177,7 @@ var init_skeleton = __esm({
     skeleton_default = config30;
   }
 });
-var parts13, helpers21, config31, stepper_default, getRootBackgroundColor, getColor5, getStepNumberStyles, getDisabledColor, getHoverStyles, getFocusStyles, getActiveStyles;
+var parts13, helpers21, config31, stepper_default;
 var init_stepper2 = __esm({
   "src/theme/components/stepper.ts"() {
     parts13 = themeTools.anatomy("stepper").parts(
@@ -15892,7 +14197,6 @@ var init_stepper2 = __esm({
     config31 = helpers21.defineMultiStyleConfig({
       baseStyle: (props) => ({
         root: {
-          backgroundColor: getRootBackgroundColor(props),
           display: "flex",
           alignItems: "center",
           justifyContent: ["space-between", "center"],
@@ -15910,8 +14214,7 @@ var init_stepper2 = __esm({
           overflow: "hidden",
           display: ["flex", "none"],
           alignItems: "center",
-          justifyContent: "space-between",
-          color: getColor5(props)
+          justifyContent: "space-between"
         },
         backButton: {
           borderRadius: "xs",
@@ -15928,170 +14231,32 @@ var init_stepper2 = __esm({
           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: themeTools.mode("seaMist", "pine")(props)
           }
         })
       },
       defaultProps: {
-        colorScheme: "green"
+        variant: "base"
       }
     });
     stepper_default = config31;
-    getRootBackgroundColor = (props) => {
-      switch (props.colorScheme) {
-        case "light":
-          return "white";
-        case "dark":
-          return "darkTeal";
-        case "green":
-        default:
-          return "seaMist";
-      }
-    };
-    getColor5 = (props) => {
-      switch (props.colorScheme) {
-        case "light":
-          return themeTools.mode("darkGrey", "white")(props);
-        case "dark":
-          return "white";
-        case "green":
-        default:
-          return themeTools.mode("darkTeal", "white")(props);
-      }
-    };
-    getStepNumberStyles = (props) => {
-      switch (props.colorScheme) {
-        case "dark":
-          return {
-            backgroundColor: "white",
-            color: "darkTeal"
-          };
-        case "light":
-        case "green":
-        default:
-          return {
-            backgroundColor: themeTools.mode("darkTeal", "white")(props),
-            color: themeTools.mode("white", "darkTeal")(props)
-          };
-      }
-    };
-    getDisabledColor = (props) => {
-      switch (props.colorScheme) {
-        case "dark":
-          return "whiteAlpha.400";
-        case "green":
-          return "dimGrey";
-        case "light":
-        default:
-          return "osloGrey";
-      }
-    };
-    getHoverStyles = (props) => {
-      switch (props.colorScheme) {
-        case "dark":
-          return { backgroundColor: "pine" };
-        case "green":
-          return {
-            backgroundColor: themeTools.mode("coralGreen", "primaryGreen")(props)
-          };
-        case "light":
-        default:
-          return {
-            backgroundColor: themeTools.mode("seaMist", "primaryGreen")(props)
-          };
-      }
-    };
-    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}`
-          };
-      }
-    };
-    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, $height3, $diff2, diffValue2, $translateX2, helpers22, config32, switch_default;
@@ -16722,7 +14887,10 @@ var init_tabs = __esm({
           };
         case "base":
           return {
-            boxShadow: themeTools.mode(`inset 0 0 0 2px ${props.theme.colors.darkGrey}`, `inset 0 0 0 2px ${props.theme.colors.white}`)(props),
+            boxShadow: themeTools.mode(
+              `inset 0 0 0 2px ${props.theme.colors.darkGrey}`,
+              `inset 0 0 0 2px ${props.theme.colors.white}`
+            )(props),
             color: themeTools.mode("darkGrey", "white")(props)
           };
         case "accent":
@@ -16821,7 +14989,10 @@ var init_tabs = __esm({
           return {
             backgroundColor: themeTools.mode("white", "transparent")(props),
             color: "darkGrey",
-            boxShadow: themeTools.mode(`inset 0 0 0 1px ${props.theme.colors.blackAlpha["400"]}`, `inset 0 0 0 1px ${props.theme.colors.whiteAlpha["400"]}`)(props)
+            boxShadow: themeTools.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 {