@vygruppen/spor-react 4.1.0 → 5.0.0

package/dist/{chunk-FPWAXD72.mjs → chunk-UOZQ4EDI.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';
@@ -1551,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(
@@ -3594,7 +1866,7 @@ function Calendar({
 }) {
   const { t: t2 } = useTranslation();
   const locale = useCurrentLocale();
-  const state2 = $131cf43a05231e1e$export$6d095e787d2b5e1f({
+  const state2 = useCalendarState({
     ...props,
     locale,
     createCalendar
@@ -3698,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
@@ -3769,7 +2041,7 @@ var DatePicker = forwardRef$1(
     ...props
   }, externalRef) => {
     const formControlProps = useFormControlContext();
-    const state2 = $ab5bf3f618090389$export$87194bb378cc3ac2({
+    const state2 = useDatePickerState({
       ...props,
       shouldCloseOnSelect: true,
       errorMessage,
@@ -3855,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,
@@ -3883,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),
@@ -5144,7 +3416,7 @@ var texts14 = createTexts({
     sv: "Telefonnummer"
   }
 });
-var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-FBKDO5JS.mjs'));
+var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-YOBYHYCF.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React69__default.createElement(Radio$1, { ...props, ref });
 });
@@ -5826,7 +4098,7 @@ var NextStepButton = ({ isLastStep, onNext }) => {
   return /* @__PURE__ */ React69.createElement(
     Button,
     {
-      variant: "additional",
+      variant: "tertiary",
       size: "sm",
       color: "white",
       leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React69.createElement(ArrowRightFill18Icon, null),
@@ -5997,7 +4269,7 @@ var StepperStep = ({
     Button,
     {
       size: "xs",
-      variant: state2 === "active" ? "primary" : state2 === "completed" ? "additional" : "ghost",
+      variant: state2 === "active" ? "primary" : state2 === "completed" ? "tertiary" : "ghost",
       ...adjustedProps,
       onClick: () => onClick(stepNumber)
     },
@@ -11527,7 +9799,7 @@ var config6 = defineStyleConfig$1({
     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: mode("primaryGreen", "coralGreen")(props),
+      backgroundColor: mode("pine", "coralGreen")(props),
       color: mode("white", "darkTeal")(props),
       ...focusVisible({
         focus: {
@@ -15187,7 +13459,7 @@ var ActionToast = ({
   buttonText,
   id
 }) => {
-  return /* @__PURE__ */ React69__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React69__default.createElement(Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React69__default.createElement(Button, { variant: "additional", size: "sm", onClick }, buttonText));
+  return /* @__PURE__ */ React69__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React69__default.createElement(Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React69__default.createElement(Button, { variant: "tertiary", size: "sm", onClick }, buttonText));
 };
 var ClosableToast = ({
   children,