@vygruppen/spor-react 5.1.0 → 5.2.0

package/dist/{chunk-VXZX2ZXT.mjs → chunk-HOS74XL2.mjs}

@@ -3121,7 +3121,7 @@ function NumericStepper({
   return /* @__PURE__ */ React69__default.createElement(Flex, { alignItems: "center", ...boxProps }, /* @__PURE__ */ React69__default.createElement(
     VerySmallButton,
     {
-      icon: /* @__PURE__ */ React69__default.createElement(SubtractIcon, { color: "white", stepLabel: clampedStepSize }),
+      icon: /* @__PURE__ */ React69__default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
       "aria-label": t2(texts12.decrementButtonAriaLabel(clampedStepSize)),
       onClick: () => onChange(Math.max(value - clampedStepSize, minValue)),
       visibility: value <= minValue ? "hidden" : "visible",
@@ -3196,7 +3196,7 @@ function NumericStepper({
   ), /* @__PURE__ */ React69__default.createElement(
     VerySmallButton,
     {
-      icon: /* @__PURE__ */ React69__default.createElement(AddIcon, { color: "white", stepLabel: clampedStepSize }),
+      icon: /* @__PURE__ */ React69__default.createElement(AddIcon, { stepLabel: clampedStepSize }),
       "aria-label": t2(texts12.incrementButtonAriaLabel(clampedStepSize)),
       onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
       visibility: value >= maxValue ? "hidden" : "visible",
@@ -3418,7 +3418,7 @@ var texts14 = createTexts({
     sv: "Telefonnummer"
   }
 });
-var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-M5TBGWY5.mjs'));
+var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-IUVBFVKP.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React69__default.createElement(Radio$1, { ...props, ref });
 });
@@ -4345,7 +4345,7 @@ function isObject(value) {
   return value != null && (type === "object" || type === "function") && !Array.isArray(value);
 }
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-RXCYWA6Q.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-SIH73G3H.mjs
 var transitionProperty = {
   common: "background-color, border-color, color, fill, stroke, opacity, box-shadow, transform",
   colors: "background-color, border-color, color, fill, stroke",
@@ -4374,7 +4374,7 @@ var transition = {
 };
 var transition_default = transition;
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-5QZEG2IM.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-45VJLTIL.mjs
 var zIndices = {
   hide: -1,
   auto: "auto",
@@ -4392,7 +4392,7 @@ var zIndices = {
 };
 var z_index_default = zIndices;
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-PE5G6LAZ.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-B75T2J64.mjs
 var borders = {
   none: 0,
   "1px": "1px solid",
@@ -4402,7 +4402,7 @@ var borders = {
 };
 var borders_default = borders;
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-ZCARTYDH.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-TXLFBUTF.mjs
 var breakpoints = {
   base: "0em",
   sm: "30em",
@@ -4413,7 +4413,7 @@ var breakpoints = {
 };
 var breakpoints_default = breakpoints;
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-OFZWI3IK.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-E47HH2QS.mjs
 var colors2 = {
   transparent: "transparent",
   current: "currentColor",
@@ -4638,7 +4638,7 @@ var colors2 = {
 };
 var colors_default = colors2;
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-AMMMMB27.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-VIVTPWHP.mjs
 var radii = {
   none: "0",
   sm: "0.125rem",
@@ -4652,7 +4652,7 @@ var radii = {
 };
 var radius_default = radii;
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-A3OO4VZD.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-IZUFFCXS.mjs
 var shadows2 = {
   xs: "0 0 0 1px rgba(0, 0, 0, 0.05)",
   sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
@@ -4668,7 +4668,7 @@ var shadows2 = {
 };
 var shadows_default = shadows2;
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-EXHLCVSK.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-HQ6WXDYV.mjs
 var blur = {
   none: 0,
   sm: "4px",
@@ -4681,7 +4681,7 @@ var blur = {
 };
 var blur_default = blur;
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-VW4MZLZF.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-6XA2KDUD.mjs
 var typography = {
   letterSpacings: {
     tighter: "-0.05em",
@@ -4744,7 +4744,7 @@ var typography = {
 };
 var typography_default = typography;
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-NIUVG5KM.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-V7WMN6TQ.mjs
 var spacing = {
   px: "1px",
   0.5: "0.125rem",
@@ -4781,7 +4781,7 @@ var spacing = {
   96: "24rem"
 };
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-QH74K4BV.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-NJCYBKFH.mjs
 var largeSizes = {
   max: "max-content",
   min: "min-content",
@@ -4815,7 +4815,7 @@ var sizes = {
 };
 var sizes_default = sizes;
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-5FMCT5RQ.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-3WO5B3NB.mjs
 var foundations = {
   breakpoints: breakpoints_default,
   zIndices: z_index_default,
@@ -5083,7 +5083,7 @@ var transformFunctions = {
   contrast: wrap("contrast"),
   dropShadow: wrap("drop-shadow"),
   grayscale: wrap("grayscale"),
-  hueRotate: wrap("hue-rotate"),
+  hueRotate: (value) => wrap("hue-rotate")(transformFunctions.degree(value)),
   invert: wrap("invert"),
   saturate: wrap("saturate"),
   sepia: wrap("sepia"),
@@ -5316,7 +5316,7 @@ var filter = {
   blur: t.blur("--chakra-blur"),
   brightness: t.propT("--chakra-brightness", transformFunctions.brightness),
   contrast: t.propT("--chakra-contrast", transformFunctions.contrast),
-  hueRotate: t.degreeT("--chakra-hue-rotate"),
+  hueRotate: t.propT("--chakra-hue-rotate", transformFunctions.hueRotate),
   invert: t.propT("--chakra-invert", transformFunctions.invert),
   saturate: t.propT("--chakra-saturate", transformFunctions.saturate),
   dropShadow: t.propT("--chakra-drop-shadow", transformFunctions.dropShadow),
@@ -5327,7 +5327,10 @@ var filter = {
     transformFunctions.brightness
   ),
   backdropContrast: t.propT("--chakra-backdrop-contrast", transformFunctions.contrast),
-  backdropHueRotate: t.degreeT("--chakra-backdrop-hue-rotate"),
+  backdropHueRotate: t.propT(
+    "--chakra-backdrop-hue-rotate",
+    transformFunctions.hueRotate
+  ),
   backdropInvert: t.propT("--chakra-backdrop-invert", transformFunctions.invert),
   backdropSaturate: t.propT("--chakra-backdrop-saturate", transformFunctions.saturate)
 };
@@ -5688,6 +5691,7 @@ var typography2 = {
       textOverflow: "ellipsis",
       display: "-webkit-box",
       WebkitBoxOrient: "vertical",
+      //@ts-ignore
       WebkitLineClamp: "var(--chakra-line-clamp)"
     },
     property: "--chakra-line-clamp"
@@ -5698,6 +5702,7 @@ var scroll = {
   scrollSnapAlign: true,
   scrollSnapStop: true,
   scrollSnapType: true,
+  // scroll margin
   scrollMargin: t.spaceT("scrollMargin"),
   scrollMarginTop: t.spaceT("scrollMarginTop"),
   scrollMarginBottom: t.spaceT("scrollMarginBottom"),
@@ -5705,6 +5710,7 @@ var scroll = {
   scrollMarginRight: t.spaceT("scrollMarginRight"),
   scrollMarginX: t.spaceT(["scrollMarginLeft", "scrollMarginRight"]),
   scrollMarginY: t.spaceT(["scrollMarginTop", "scrollMarginBottom"]),
+  // scroll padding
   scrollPadding: t.spaceT("scrollPadding"),
   scrollPaddingTop: t.spaceT("scrollPaddingTop"),
   scrollPaddingBottom: t.spaceT("scrollPaddingBottom"),
@@ -5810,66 +5816,292 @@ var toGroup = (fn) => merge((v) => fn(v, "&"), "[role=group]", "[data-group]", "
 var toPeer = (fn) => merge((v) => fn(v, "~ &"), "[data-peer]", ".peer");
 var merge = (fn, ...selectors) => selectors.map(fn).join(", ");
 var pseudoSelectors = {
+  /**
+   * Styles for CSS selector `&:hover`
+   */
   _hover: "&:hover, &[data-hover]",
+  /**
+   * Styles for CSS Selector `&:active`
+   */
   _active: "&:active, &[data-active]",
+  /**
+   * Styles for CSS selector `&:focus`
+   *
+   */
   _focus: "&:focus, &[data-focus]",
+  /**
+   * Styles for the highlighted state.
+   */
   _highlighted: "&[data-highlighted]",
+  /**
+   * Styles to apply when a child of this element has received focus
+   * - CSS Selector `&:focus-within`
+   */
   _focusWithin: "&:focus-within",
+  /**
+   * Styles to apply when this element has received focus via tabbing
+   * - CSS Selector `&:focus-visible`
+   */
   _focusVisible: "&:focus-visible, &[data-focus-visible]",
+  /**
+   * Styles to apply when this element is disabled. The passed styles are applied to these CSS selectors:
+   * - `&[aria-disabled=true]`
+   * - `&:disabled`
+   * - `&[data-disabled]`
+   * - `&[disabled]`
+   */
   _disabled: "&:disabled, &[disabled], &[aria-disabled=true], &[data-disabled]",
+  /**
+   * Styles for CSS Selector `&:readonly`
+   */
   _readOnly: "&[aria-readonly=true], &[readonly], &[data-readonly]",
+  /**
+   * Styles for CSS selector `&::before`
+   *
+   * NOTE:When using this, ensure the `content` is wrapped in a backtick.
+   * @example
+   * ```jsx
+   * <Box _before={{content:`""` }}/>
+   * ```
+   */
   _before: "&::before",
+  /**
+   * Styles for CSS selector `&::after`
+   *
+   * NOTE:When using this, ensure the `content` is wrapped in a backtick.
+   * @example
+   * ```jsx
+   * <Box _after={{content:`""` }}/>
+   * ```
+   */
   _after: "&::after",
+  /**
+   * Styles for CSS selector `&:empty`
+   */
   _empty: "&:empty",
+  /**
+   * Styles to apply when the ARIA attribute `aria-expanded` is `true`
+   * - CSS selector `&[aria-expanded=true]`
+   */
   _expanded: "&[aria-expanded=true], &[data-expanded]",
+  /**
+   * Styles to apply when the ARIA attribute `aria-checked` is `true`
+   * - CSS selector `&[aria-checked=true]`
+   */
   _checked: "&[aria-checked=true], &[data-checked]",
+  /**
+   * Styles to apply when the ARIA attribute `aria-grabbed` is `true`
+   * - CSS selector `&[aria-grabbed=true]`
+   */
   _grabbed: "&[aria-grabbed=true], &[data-grabbed]",
+  /**
+   * Styles for CSS Selector `&[aria-pressed=true]`
+   * Typically used to style the current "pressed" state of toggle buttons
+   */
   _pressed: "&[aria-pressed=true], &[data-pressed]",
+  /**
+   * Styles to apply when the ARIA attribute `aria-invalid` is `true`
+   * - CSS selector `&[aria-invalid=true]`
+   */
   _invalid: "&[aria-invalid=true], &[data-invalid]",
+  /**
+   * Styles for the valid state
+   * - CSS selector `&[data-valid], &[data-state=valid]`
+   */
   _valid: "&[data-valid], &[data-state=valid]",
+  /**
+   * Styles for CSS Selector `&[aria-busy=true]` or `&[data-loading=true]`.
+   * Useful for styling loading states
+   */
   _loading: "&[data-loading], &[aria-busy=true]",
+  /**
+   * Styles to apply when the ARIA attribute `aria-selected` is `true`
+   *
+   * - CSS selector `&[aria-selected=true]`
+   */
   _selected: "&[aria-selected=true], &[data-selected]",
+  /**
+   * Styles for CSS Selector `[hidden=true]`
+   */
   _hidden: "&[hidden], &[data-hidden]",
+  /**
+   * Styles for CSS Selector `&:-webkit-autofill`
+   */
   _autofill: "&:-webkit-autofill",
+  /**
+   * Styles for CSS Selector `&:nth-child(even)`
+   */
   _even: "&:nth-of-type(even)",
+  /**
+   * Styles for CSS Selector `&:nth-child(odd)`
+   */
   _odd: "&:nth-of-type(odd)",
+  /**
+   * Styles for CSS Selector `&:first-of-type`
+   */
   _first: "&:first-of-type",
+  /**
+   * Styles for CSS selector `&::first-letter`
+   *
+   * NOTE: This selector is only applied for block-level elements and not preceded by an image or table.
+   * @example
+   * ```jsx
+   * <Text _firstLetter={{ textDecoration: 'underline' }}>Once upon a time</Text>
+   * ```
+   */
   _firstLetter: "&::first-letter",
+  /**
+   * Styles for CSS Selector `&:last-of-type`
+   */
   _last: "&:last-of-type",
+  /**
+   * Styles for CSS Selector `&:not(:first-of-type)`
+   */
   _notFirst: "&:not(:first-of-type)",
+  /**
+   * Styles for CSS Selector `&:not(:last-of-type)`
+   */
   _notLast: "&:not(:last-of-type)",
+  /**
+   * Styles for CSS Selector `&:visited`
+   */
   _visited: "&:visited",
+  /**
+   * Used to style the active link in a navigation
+   * Styles for CSS Selector `&[aria-current=page]`
+   */
   _activeLink: "&[aria-current=page]",
+  /**
+   * Used to style the current step within a process
+   * Styles for CSS Selector `&[aria-current=step]`
+   */
   _activeStep: "&[aria-current=step]",
+  /**
+   * Styles to apply when the ARIA attribute `aria-checked` is `mixed`
+   * - CSS selector `&[aria-checked=mixed]`
+   */
   _indeterminate: "&:indeterminate, &[aria-checked=mixed], &[data-indeterminate]",
+  /**
+   * Styles to apply when a parent element with `.group`, `data-group` or `role=group` is hovered
+   */
   _groupHover: toGroup(state.hover),
+  /**
+   * Styles to apply when a sibling element with `.peer` or `data-peer` is hovered
+   */
   _peerHover: toPeer(state.hover),
+  /**
+   * Styles to apply when a parent element with `.group`, `data-group` or `role=group` is focused
+   */
   _groupFocus: toGroup(state.focus),
+  /**
+   * Styles to apply when a sibling element with `.peer` or `data-peer` is focused
+   */
   _peerFocus: toPeer(state.focus),
+  /**
+   * Styles to apply when a parent element with `.group`, `data-group` or `role=group` has visible focus
+   */
   _groupFocusVisible: toGroup(state.focusVisible),
+  /**
+   * Styles to apply when a sibling element with `.peer`or `data-peer` has visible focus
+   */
   _peerFocusVisible: toPeer(state.focusVisible),
+  /**
+   * Styles to apply when a parent element with `.group`, `data-group` or `role=group` is active
+   */
   _groupActive: toGroup(state.active),
+  /**
+   * Styles to apply when a sibling element with `.peer` or `data-peer` is active
+   */
   _peerActive: toPeer(state.active),
+  /**
+   * Styles to apply when a parent element with `.group`, `data-group` or `role=group` is disabled
+   */
   _groupDisabled: toGroup(state.disabled),
+  /**
+   *  Styles to apply when a sibling element with `.peer` or `data-peer` is disabled
+   */
   _peerDisabled: toPeer(state.disabled),
+  /**
+   *  Styles to apply when a parent element with `.group`, `data-group` or `role=group` is invalid
+   */
   _groupInvalid: toGroup(state.invalid),
+  /**
+   *  Styles to apply when a sibling element with `.peer` or `data-peer` is invalid
+   */
   _peerInvalid: toPeer(state.invalid),
+  /**
+   * Styles to apply when a parent element with `.group`, `data-group` or `role=group` is checked
+   */
   _groupChecked: toGroup(state.checked),
+  /**
+   * Styles to apply when a sibling element with `.peer` or `data-peer` is checked
+   */
   _peerChecked: toPeer(state.checked),
+  /**
+   *  Styles to apply when a parent element with `.group`, `data-group` or `role=group` has focus within
+   */
   _groupFocusWithin: toGroup(state.focusWithin),
+  /**
+   *  Styles to apply when a sibling element with `.peer` or `data-peer` has focus within
+   */
   _peerFocusWithin: toPeer(state.focusWithin),
+  /**
+   * Styles to apply when a sibling element with `.peer` or `data-peer` has placeholder shown
+   */
   _peerPlaceholderShown: toPeer(state.placeholderShown),
+  /**
+   * Styles for CSS Selector `&::placeholder`.
+   */
   _placeholder: "&::placeholder",
+  /**
+   * Styles for CSS Selector `&:placeholder-shown`.
+   */
   _placeholderShown: "&:placeholder-shown",
+  /**
+   * Styles for CSS Selector `&:fullscreen`.
+   */
   _fullScreen: "&:fullscreen",
+  /**
+   * Styles for CSS Selector `&::selection`
+   */
   _selection: "&::selection",
+  /**
+   * Styles for CSS Selector `[dir=rtl] &`
+   * It is applied when a parent element or this element has `dir="rtl"`
+   */
   _rtl: "[dir=rtl] &, &[dir=rtl]",
+  /**
+   * Styles for CSS Selector `[dir=ltr] &`
+   * It is applied when a parent element or this element has `dir="ltr"`
+   */
   _ltr: "[dir=ltr] &, &[dir=ltr]",
+  /**
+   * Styles for CSS Selector `@media (prefers-color-scheme: dark)`
+   * It is used when the user has requested the system use a light or dark color theme.
+   */
   _mediaDark: "@media (prefers-color-scheme: dark)",
+  /**
+   * Styles for CSS Selector `@media (prefers-reduced-motion: reduce)`
+   * It is used when the user has requested the system to reduce the amount of animations.
+   */
   _mediaReduceMotion: "@media (prefers-reduced-motion: reduce)",
+  /**
+   * Styles for when `data-theme` is applied to any parent of
+   * this component or element.
+   */
   _dark: ".chakra-ui-dark &:not([data-theme]),[data-theme=dark] &:not([data-theme]),&[data-theme=dark]",
+  /**
+   * Styles for when `data-theme` is applied to any parent of
+   * this component or element.
+   */
   _light: ".chakra-ui-light &:not([data-theme]),[data-theme=light] &:not([data-theme]),&[data-theme=light]",
+  /**
+   * Styles for the CSS Selector `&[data-orientation=horizontal]`
+   */
   _horizontal: "&[data-orientation=horizontal]",
+  /**
+   * Styles for the CSS Selector `&[data-orientation=vertical]`
+   */
   _vertical: "&[data-orientation=vertical]"
 };
 var pseudoPropNames = Object.keys(
@@ -5917,7 +6149,7 @@ function createMultiStyleConfigHelpers(parts14) {
   };
 }
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-QHVXS45H.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-Q5NOVGYN.mjs
 var { defineMultiStyleConfig, definePartsStyle } = createMultiStyleConfigHelpers([
   "stepper",
   "step",
@@ -6063,7 +6295,7 @@ var stepperTheme = defineMultiStyleConfig({
   }
 });
 
-// ../../node_modules/@chakra-ui/anatomy/dist/chunk-7LPD4XZ3.mjs
+// ../../node_modules/@chakra-ui/anatomy/dist/chunk-OA3DH5LS.mjs
 function anatomy(name, map = {}) {
   let called = false;
   function assert() {
@@ -6127,7 +6359,7 @@ function anatomy(name, map = {}) {
   };
 }
 
-// ../../node_modules/@chakra-ui/anatomy/dist/chunk-Z4JVF5YI.mjs
+// ../../node_modules/@chakra-ui/anatomy/dist/chunk-7OOI6RFH.mjs
 var accordionAnatomy = anatomy("accordion").parts("root", "container", "button", "panel").extend("icon");
 var alertAnatomy = anatomy("alert").parts("title", "description", "container").extend("icon", "spinner");
 var avatarAnatomy = anatomy("avatar").parts("label", "badge", "container").extend("excessLabel", "group");
@@ -6192,7 +6424,8 @@ var statAnatomy = anatomy("stat").parts(
 var switchAnatomy = anatomy("switch").parts(
   "container",
   "track",
-  "thumb"
+  "thumb",
+  "label"
 );
 var tableAnatomy = anatomy("table").parts(
   "table",
@@ -6223,6 +6456,16 @@ var cardAnatomy = anatomy("card").parts(
   "body",
   "footer"
 );
+anatomy("stepper").parts(
+  "stepper",
+  "step",
+  "title",
+  "description",
+  "indicator",
+  "separator",
+  "icon",
+  "number"
+);
 var { defineMultiStyleConfig: defineMultiStyleConfig2, definePartsStyle: definePartsStyle2 } = createMultiStyleConfigHelpers(switchAnatomy.keys);
 var $width = cssVar$1("switch-track-width");
 var $height = cssVar$1("switch-track-height");
@@ -6759,7 +7002,7 @@ var badgeTheme = defineStyleConfig({
   }
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-VM3745AK.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-7RVLYCMR.mjs
 var { defineMultiStyleConfig: defineMultiStyleConfig5, definePartsStyle: definePartsStyle5 } = createMultiStyleConfigHelpers(tagAnatomy.keys);
 var $bg3 = cssVar("tag-bg");
 var $color = cssVar("tag-color");
@@ -7083,7 +7326,7 @@ var inputTheme = defineMultiStyleConfig6({
   }
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-TN6RO673.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-KJ26FGJD.mjs
 var _a;
 var baseStyle8 = defineStyle({
   ...(_a = inputTheme.baseStyle) == null ? void 0 : _a.field,
@@ -7229,7 +7472,7 @@ var progressTheme = defineMultiStyleConfig7({
   }
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-RQ25AHBB.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-UV3F75RF.mjs
 var isFunction = (value) => typeof value === "function";
 function runIfFn(valueOrFn, ...args) {
   return isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
@@ -7321,7 +7564,7 @@ var checkboxTheme = defineMultiStyleConfig8({
   }
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-BJIKSU3K.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-VZUATZ4E.mjs
 var { defineMultiStyleConfig: defineMultiStyleConfig9, definePartsStyle: definePartsStyle9 } = createMultiStyleConfigHelpers(radioAnatomy.keys);
 var baseStyleControl2 = defineStyle((props) => {
   var _a6;
@@ -7374,7 +7617,7 @@ var radioTheme = defineMultiStyleConfig9({
   }
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-ILLVD2I4.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-NNA4E64A.mjs
 var { defineMultiStyleConfig: defineMultiStyleConfig10, definePartsStyle: definePartsStyle10 } = createMultiStyleConfigHelpers(selectAnatomy.keys);
 var $bg5 = cssVar("select-bg");
 var _a4;
@@ -7458,7 +7701,7 @@ var selectTheme = defineMultiStyleConfig10({
   defaultProps: inputTheme.defaultProps
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-T6E7UBRI.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-X6XFE4TF.mjs
 var $startColor = cssVar("skeleton-start-color");
 var $endColor = cssVar("skeleton-end-color");
 var baseStyle14 = defineStyle({
@@ -7477,7 +7720,7 @@ var skeletonTheme = defineStyleConfig({
   baseStyle: baseStyle14
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-URZN3QPP.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-ZREGO6US.mjs
 var $bg6 = cssVar("skip-link-bg");
 var baseStyle15 = defineStyle({
   borderRadius: "md",
@@ -7666,7 +7909,7 @@ var spinnerTheme = defineStyleConfig({
   }
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-66QM3UU6.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-2KWJXISX.mjs
 var { defineMultiStyleConfig: defineMultiStyleConfig12, definePartsStyle: definePartsStyle12 } = createMultiStyleConfigHelpers(statAnatomy.keys);
 var baseStyleLabel4 = defineStyle({
   fontWeight: "medium"
@@ -7707,7 +7950,7 @@ var statTheme = defineMultiStyleConfig12({
   }
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-73PQYQVW.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-AFCBUAM5.mjs
 var $bg8 = cssVar("kbd-bg");
 var baseStyle19 = defineStyle({
   [$bg8.variable]: "colors.gray.100",
@@ -7728,7 +7971,7 @@ var kbdTheme = defineStyleConfig({
   baseStyle: baseStyle19
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-NTN663XT.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-V5KSHSOQ.mjs
 var baseStyle20 = defineStyle({
   transitionProperty: "common",
   transitionDuration: "fast",
@@ -7748,7 +7991,7 @@ var linkTheme = defineStyleConfig({
   baseStyle: baseStyle20
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-RRJIKBCH.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-MGNM2WZQ.mjs
 var { defineMultiStyleConfig: defineMultiStyleConfig13, definePartsStyle: definePartsStyle13 } = createMultiStyleConfigHelpers(listAnatomy.keys);
 var baseStyleIcon4 = defineStyle({
   marginEnd: "2",
@@ -7762,7 +8005,7 @@ var listTheme = defineMultiStyleConfig13({
   baseStyle: baseStyle21
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-3XV5CZGX.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-N2GP2AF7.mjs
 var { defineMultiStyleConfig: defineMultiStyleConfig14, definePartsStyle: definePartsStyle14 } = createMultiStyleConfigHelpers(menuAnatomy.keys);
 var $bg9 = cssVar("menu-bg");
 var $shadow2 = cssVar("menu-shadow");
@@ -7851,7 +8094,7 @@ var menuTheme = defineMultiStyleConfig14({
   baseStyle: baseStyle22
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-JIVTZ35T.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-JN6QBAR6.mjs
 var { defineMultiStyleConfig: defineMultiStyleConfig15, definePartsStyle: definePartsStyle15 } = createMultiStyleConfigHelpers(modalAnatomy.keys);
 var $bg10 = cssVar("modal-bg");
 var $shadow3 = cssVar("modal-shadow");
@@ -8049,7 +8292,7 @@ var numberInputTheme = defineMultiStyleConfig16({
   defaultProps: inputTheme.defaultProps
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-HFED6QOE.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-OEFJDLVS.mjs
 var _a5;
 var baseStyle25 = defineStyle({
   ...(_a5 = inputTheme.baseStyle) == null ? void 0 : _a5.field,
@@ -8168,7 +8411,7 @@ var popoverTheme = defineMultiStyleConfig17({
   baseStyle: baseStyle26
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-5FAATIOO.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-VWP3ZVQT.mjs
 var { definePartsStyle: definePartsStyle18, defineMultiStyleConfig: defineMultiStyleConfig18 } = createMultiStyleConfigHelpers(drawerAnatomy.keys);
 var $bg12 = cssVar("drawer-bg");
 var $bs = cssVar("drawer-box-shadow");
@@ -8184,7 +8427,7 @@ function getSize3(value) {
 }
 var baseStyleOverlay2 = defineStyle({
   bg: "blackAlpha.600",
-  zIndex: "overlay"
+  zIndex: "modal"
 });
 var baseStyleDialogContainer2 = defineStyle({
   display: "flex",
@@ -8254,7 +8497,7 @@ var drawerTheme = defineMultiStyleConfig18({
   }
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-VJU277AG.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-D6DZ26HA.mjs
 var { definePartsStyle: definePartsStyle19, defineMultiStyleConfig: defineMultiStyleConfig19 } = createMultiStyleConfigHelpers(editableAnatomy.keys);
 var baseStylePreview = defineStyle({
   borderRadius: "md",
@@ -8289,7 +8532,7 @@ var editableTheme = defineMultiStyleConfig19({
   baseStyle: baseStyle28
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-OQ4UESHD.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-O6GGGS4Y.mjs
 var { definePartsStyle: definePartsStyle20, defineMultiStyleConfig: defineMultiStyleConfig20 } = createMultiStyleConfigHelpers(formAnatomy.keys);
 var $fg4 = cssVar("form-control-color");
 var baseStyleRequiredIndicator = defineStyle({
@@ -8322,7 +8565,7 @@ var formTheme = defineMultiStyleConfig20({
   baseStyle: baseStyle29
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-66WVPDP6.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-SRBDDT7F.mjs
 var { definePartsStyle: definePartsStyle21, defineMultiStyleConfig: defineMultiStyleConfig21 } = createMultiStyleConfigHelpers(formErrorAnatomy.keys);
 var $fg5 = cssVar("form-error-color");
 var baseStyleText = defineStyle({
@@ -8351,7 +8594,7 @@ var formErrorTheme = defineMultiStyleConfig21({
   baseStyle: baseStyle30
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-2RLCRBJQ.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-VHM7WLW6.mjs
 var baseStyle31 = defineStyle({
   fontSize: "md",
   marginEnd: "3",
@@ -8368,7 +8611,7 @@ var formLabelTheme = defineStyleConfig({
   baseStyle: baseStyle31
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-SZS2B4EE.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-WXARPSDQ.mjs
 var baseStyle32 = defineStyle({
   fontFamily: "heading",
   fontWeight: "bold"
@@ -8415,7 +8658,7 @@ var headingTheme = defineStyleConfig({
   }
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-CHG7JP5U.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-FU5DDBRC.mjs
 var { defineMultiStyleConfig: defineMultiStyleConfig22, definePartsStyle: definePartsStyle22 } = createMultiStyleConfigHelpers(breadcrumbAnatomy.keys);
 var $decor = cssVar("breadcrumb-link-decor");
 var baseStyleLink = defineStyle({
@@ -8618,7 +8861,7 @@ var buttonTheme = defineStyleConfig({
   }
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-N5CTW2M4.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-F7CKIHPM.mjs
 var { definePartsStyle: definePartsStyle23, defineMultiStyleConfig: defineMultiStyleConfig23 } = createMultiStyleConfigHelpers(cardAnatomy.keys);
 var $bg13 = cssVar("card-bg");
 var $padding2 = cssVar("card-padding");
@@ -8760,7 +9003,7 @@ var closeButtonTheme = defineStyleConfig({
   }
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-I7MXUFNA.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-K3RH7Y2L.mjs
 var { variants: variants10, defaultProps } = badgeTheme;
 var baseStyle37 = defineStyle({
   fontFamily: "mono",
@@ -8777,7 +9020,7 @@ var codeTheme = defineStyleConfig({
   defaultProps
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-R5JELUQ3.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-TECE6HDR.mjs
 var baseStyle38 = defineStyle({
   w: "100%",
   mx: "auto",
@@ -8788,7 +9031,7 @@ var containerTheme = defineStyleConfig({
   baseStyle: baseStyle38
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-6PVQMBW4.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-5S44M2O4.mjs
 var baseStyle39 = defineStyle({
   opacity: 0.6,
   borderColor: "inherit"
@@ -8811,7 +9054,7 @@ var dividerTheme = defineStyleConfig({
   }
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-MTSOOEOV.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-J7AGDWFO.mjs
 var { definePartsStyle: definePartsStyle24, defineMultiStyleConfig: defineMultiStyleConfig24 } = createMultiStyleConfigHelpers(accordionAnatomy.keys);
 var baseStyleContainer4 = defineStyle({
   borderTopWidth: "1px",
@@ -8897,7 +9140,7 @@ var variantSubtle2 = definePartsStyle25((props) => {
   const bg = getBg(props);
   return {
     container: {
-      [$fg6.variable]: `colors.${c}.500`,
+      [$fg6.variable]: `colors.${c}.600`,
       [$bg15.variable]: bg.light,
       _dark: {
         [$fg6.variable]: `colors.${c}.200`,
@@ -8911,7 +9154,7 @@ var variantLeftAccent = definePartsStyle25((props) => {
   const bg = getBg(props);
   return {
     container: {
-      [$fg6.variable]: `colors.${c}.500`,
+      [$fg6.variable]: `colors.${c}.600`,
       [$bg15.variable]: bg.light,
       _dark: {
         [$fg6.variable]: `colors.${c}.200`,
@@ -8928,7 +9171,7 @@ var variantTopAccent = definePartsStyle25((props) => {
   const bg = getBg(props);
   return {
     container: {
-      [$fg6.variable]: `colors.${c}.500`,
+      [$fg6.variable]: `colors.${c}.600`,
       [$bg15.variable]: bg.light,
       _dark: {
         [$fg6.variable]: `colors.${c}.200`,
@@ -8945,7 +9188,7 @@ var variantSolid4 = definePartsStyle25((props) => {
   return {
     container: {
       [$fg6.variable]: `colors.white`,
-      [$bg15.variable]: `colors.${c}.500`,
+      [$bg15.variable]: `colors.${c}.600`,
       _dark: {
         [$fg6.variable]: `colors.gray.900`,
         [$bg15.variable]: `colors.${c}.200`
@@ -9058,7 +9301,7 @@ var avatarTheme = defineMultiStyleConfig26({
   }
 });
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-BVEAU2MF.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-P7SDT22G.mjs
 var components = {
   Accordion: accordionTheme,
   Alert: alertTheme,
@@ -9104,7 +9347,7 @@ var components = {
   Stepper: stepperTheme
 };
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-SKQLGI36.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-5GOSZLB7.mjs
 var semanticTokens = {
   colors: {
     "chakra-body-text": { _light: "gray.800", _dark: "whiteAlpha.900" },
@@ -9117,7 +9360,7 @@ var semanticTokens = {
   }
 };
 
-// ../../node_modules/@chakra-ui/theme/dist/chunk-RID7N3YQ.mjs
+// ../../node_modules/@chakra-ui/theme/dist/chunk-3F7U33P5.mjs
 var styles = {
   global: {
     body: {
@@ -12033,7 +12276,7 @@ var config24 = helpers15.defineMultiStyleConfig({
     container: {
       // avoiding extra div by blending a transparent color into darkGrey for dark mode
       backgroundColor: mode(
-        "mint",
+        "white",
         `color-mix(in srgb, ${colors.darkGrey}, ${colors.white} 10%)`
       )(props),
       boxShadow: "sm",