@vygruppen/spor-react 3.1.0 → 3.1.2

package/dist/index.js

@@ -8,8 +8,8 @@ var reactAria = require('react-aria');
 var sporIconReact = require('@vygruppen/spor-icon-react');
 var framerMotion = require('framer-motion');
 var date = require('@internationalized/date');
-var reactStately = require('react-stately');
 var tokens10 = require('@vygruppen/spor-design-tokens');
+var reactStately = require('react-stately');
 var reactSwipeable = require('react-swipeable');
 var react$1 = require('@emotion/react');
 var themeTools = require('@chakra-ui/theme-tools');
@@ -978,9 +978,10 @@ var init_ExpandableAlert = __esm({
       headingLevel = "h3",
       defaultOpen = false,
       onToggle = () => {
-      }
+      },
+      ...boxProps
     }) => {
-      return /* @__PURE__ */ React49__namespace.default.createElement(BaseAlert, { variant, paddingX: 0, paddingY: 0, padding: 0 }, /* @__PURE__ */ React49__namespace.default.createElement(
+      return /* @__PURE__ */ React49__namespace.default.createElement(BaseAlert, { variant, paddingX: 0, paddingY: 0, padding: 0, ...boxProps }, /* @__PURE__ */ React49__namespace.default.createElement(
         react.Accordion,
         {
           onChange: (expandedIndex) => onToggle(expandedIndex === 0),
@@ -1438,6 +1439,7 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
   let [validSegments, setValidSegments] = (React49.useState)(() => props.value || props.defaultValue ? {
     ...allSegments
   } : {});
+  let clearedSegment = (React49.useRef)();
   let lastCalendarIdentifier = (React49.useRef)(calendar.identifier);
   (React49.useEffect)(() => {
     if (calendar.identifier !== lastCalendarIdentifier.current) {
@@ -1466,11 +1468,18 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
   let setValue = (newValue) => {
     if (props.isDisabled || props.isReadOnly)
       return;
-    if (Object.keys(validSegments).length >= Object.keys(allSegments).length) {
+    let validKeys = Object.keys(validSegments);
+    let allKeys = Object.keys(allSegments);
+    if (newValue == null) {
+      setDate(null);
+      setPlaceholderDate(($35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone));
+      setValidSegments({});
+    } else if (validKeys.length >= allKeys.length || validKeys.length === allKeys.length - 1 && allSegments.dayPeriod && !validSegments.dayPeriod && clearedSegment.current !== "dayPeriod") {
       newValue = (date.toCalendar)(newValue, (v === null || v === void 0 ? void 0 : v.calendar) || new (date.GregorianCalendar)());
       setDate(newValue);
     } else
       setPlaceholderDate(newValue);
+    clearedSegment.current = null;
   };
   let dateValue = (React49.useMemo)(() => displayValue.toDate(timeZone), [
     displayValue,
@@ -1521,7 +1530,9 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
   let adjustSegment = (type, amount) => {
     if (!validSegments[type]) {
       markValid(type);
-      if (Object.keys(validSegments).length >= Object.keys(allSegments).length)
+      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));
@@ -1572,6 +1583,7 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
     },
     clearSegment(part) {
       delete validSegments[part];
+      clearedSegment.current = part;
       setValidSegments({
         ...validSegments
       });
@@ -3221,9 +3233,317 @@ var init_CalendarTriggerButton = __esm({
     });
   }
 });
+var borders;
+var init_borders = __esm({
+  "src/theme/foundations/borders.ts"() {
+    borders = {
+      none: "0",
+      sm: `${tokens10__namespace.default.size.stroke.sm} solid`,
+      "sm-dashed": `${tokens10__namespace.default.size.stroke.sm} dashed`,
+      md: `${tokens10__namespace.default.size.stroke.md} solid`,
+      "md-dashed": `${tokens10__namespace.default.size.stroke.md} dashed`,
+      lg: `${tokens10__namespace.default.size.stroke.lg} solid`,
+      "lg-dashed": `${tokens10__namespace.default.size.stroke.lg} dashed`
+    };
+  }
+});
+var breakpoints;
+var init_breakpoints = __esm({
+  "src/theme/foundations/breakpoints.ts"() {
+    breakpoints = {
+      sm: tokens10__namespace.default.size.breakpoint.sm,
+      md: tokens10__namespace.default.size.breakpoint.md,
+      lg: tokens10__namespace.default.size.breakpoint.lg,
+      xl: tokens10__namespace.default.size.breakpoint.lg,
+      "2xl": tokens10__namespace.default.size.breakpoint.lg
+    };
+  }
+});
+var colors;
+var init_colors = __esm({
+  "src/theme/foundations/colors.ts"() {
+    colors = {
+      ...tokens10__namespace.default.color.alias,
+      ...tokens10__namespace.default.color.palette,
+      linjetag: tokens10__namespace.default.color.linjetag
+    };
+  }
+});
+
+// src/theme/foundations/config.ts
+var config;
+var init_config = __esm({
+  "src/theme/foundations/config.ts"() {
+    config = {
+      cssVarPrefix: "spor",
+      initialColorMode: "light",
+      useSystemColorMode: false
+    };
+  }
+});
+var fonts;
+var init_fonts = __esm({
+  "src/theme/foundations/fonts.ts"() {
+    fonts = {
+      body: tokens10__namespace.default.font.family.body,
+      heading: tokens10__namespace.default.font.family.heading,
+      mono: tokens10__namespace.default.font.family.monospace
+    };
+  }
+});
+var fontSizes;
+var init_fontSizes = __esm({
+  "src/theme/foundations/fontSizes.ts"() {
+    fontSizes = {
+      "2xs": tokens10__namespace.default.size.font.xs.mobile,
+      xs: tokens10__namespace.default.size.font.sm.mobile,
+      sm: tokens10__namespace.default.size.font.md.mobile,
+      md: tokens10__namespace.default.size.font.lg.mobile,
+      lg: tokens10__namespace.default.size.font.xl.mobile,
+      xl: tokens10__namespace.default.size.font.xxl.mobile,
+      "2xl": tokens10__namespace.default.size.font.xl.desktop,
+      "3xl": tokens10__namespace.default.size.font.xxl.desktop,
+      mobile: {
+        xs: tokens10__namespace.default.size.font.xs.mobile,
+        sm: tokens10__namespace.default.size.font.sm.mobile,
+        md: tokens10__namespace.default.size.font.md.mobile,
+        lg: tokens10__namespace.default.size.font.lg.mobile,
+        xl: tokens10__namespace.default.size.font.xl.mobile,
+        xxl: tokens10__namespace.default.size.font.xxl.mobile
+      },
+      desktop: {
+        xs: tokens10__namespace.default.size.font.xs.desktop,
+        sm: tokens10__namespace.default.size.font.sm.desktop,
+        md: tokens10__namespace.default.size.font.md.desktop,
+        lg: tokens10__namespace.default.size.font.lg.desktop,
+        xl: tokens10__namespace.default.size.font.xl.desktop,
+        xxl: tokens10__namespace.default.size.font.xxl.desktop
+      }
+    };
+  }
+});
+
+// src/theme/foundations/fontWeights.ts
+var fontWeights;
+var init_fontWeights = __esm({
+  "src/theme/foundations/fontWeights.ts"() {
+    fontWeights = {
+      light: 300,
+      medium: 400,
+      bold: 700
+    };
+  }
+});
+var lineHeights;
+var init_lineHeights = __esm({
+  "src/theme/foundations/lineHeights.ts"() {
+    lineHeights = {
+      normal: tokens10__namespace.default.font.style.lg["line-height"]
+    };
+  }
+});
+var radii;
+var init_radii = __esm({
+  "src/theme/foundations/radii.ts"() {
+    radii = {
+      none: tokens10__namespace.default.size["border-radius"].none,
+      xs: tokens10__namespace.default.size["border-radius"].xs,
+      sm: tokens10__namespace.default.size["border-radius"].sm,
+      md: tokens10__namespace.default.size["border-radius"].md,
+      lg: tokens10__namespace.default.size["border-radius"].lg,
+      xl: tokens10__namespace.default.size["border-radius"].xl,
+      "2xl": tokens10__namespace.default.size["border-radius"]["2xl"],
+      round: "50%"
+    };
+  }
+});
+var shadows;
+var init_shadows = __esm({
+  "src/theme/foundations/shadows.ts"() {
+    shadows = {
+      none: "none",
+      sm: tokens10__namespace.default.depth.shadow.sm.value,
+      md: tokens10__namespace.default.depth.shadow.md.value,
+      lg: tokens10__namespace.default.depth.shadow.lg.value
+    };
+  }
+});
+var spacing, space;
+var init_spacing = __esm({
+  "src/theme/foundations/spacing.ts"() {
+    spacing = Object.entries(tokens10__namespace.default.size.spacing).reduce(
+      (tokens14, [key, token]) => ({
+        ...tokens14,
+        [Number(key)]: token
+      }),
+      {}
+    );
+    space = spacing;
+  }
+});
+
+// src/theme/foundations/sizes.ts
+var largeSizes, container, sizes;
+var init_sizes = __esm({
+  "src/theme/foundations/sizes.ts"() {
+    init_spacing();
+    largeSizes = {
+      max: "max-content",
+      min: "min-content",
+      full: "100%",
+      "3xs": "14rem",
+      "2xs": "16rem",
+      xs: "20rem",
+      sm: "24rem",
+      md: "28rem",
+      lg: "32rem",
+      xl: "36rem",
+      "2xl": "42rem",
+      "3xl": "48rem",
+      "4xl": "56rem",
+      "5xl": "64rem",
+      "6xl": "72rem",
+      "7xl": "80rem",
+      "8xl": "90rem"
+    };
+    container = {
+      sm: "640px",
+      md: "768px",
+      lg: "1024px",
+      xl: "1280px"
+    };
+    sizes = {
+      ...spacing,
+      ...largeSizes,
+      container
+    };
+  }
+});
+var textStyles;
+var init_textStyles = __esm({
+  "src/theme/foundations/textStyles.ts"() {
+    textStyles = {
+      "2xl": {
+        fontSize: [
+          tokens10__namespace.default.font.style.xxl["font-size"].mobile,
+          tokens10__namespace.default.font.style.xxl["font-size"].desktop
+        ],
+        fontFamily: tokens10__namespace.default.font.style.xxl["font-family"],
+        lineHeight: tokens10__namespace.default.font.style.xxl["line-height"]
+      },
+      "xl-display": {
+        fontSize: [
+          tokens10__namespace.default.font.style["xl-display"]["font-size"].mobile,
+          tokens10__namespace.default.font.style["xl-display"]["font-size"].desktop
+        ],
+        fontFamily: tokens10__namespace.default.font.style["xl-display"]["font-family"],
+        lineHeight: tokens10__namespace.default.font.style["xl-display"]["line-height"]
+      },
+      "xl-sans": {
+        fontSize: [
+          tokens10__namespace.default.font.style["xl-sans"]["font-size"].mobile,
+          tokens10__namespace.default.font.style["xl-sans"]["font-size"].desktop
+        ],
+        fontFamily: tokens10__namespace.default.font.style["xl-sans"]["font-family"],
+        lineHeight: tokens10__namespace.default.font.style["xl-sans"]["line-height"]
+      },
+      lg: {
+        fontSize: [
+          tokens10__namespace.default.font.style.lg["font-size"].mobile,
+          tokens10__namespace.default.font.style.lg["font-size"].desktop
+        ],
+        fontFamily: tokens10__namespace.default.font.style.lg["font-family"],
+        lineHeight: tokens10__namespace.default.font.style.lg["line-height"]
+      },
+      md: {
+        fontSize: [
+          tokens10__namespace.default.font.style.md["font-size"].mobile,
+          tokens10__namespace.default.font.style.md["font-size"].desktop
+        ],
+        fontFamily: tokens10__namespace.default.font.style.md["font-family"],
+        lineHeight: tokens10__namespace.default.font.style.md["line-height"]
+      },
+      sm: {
+        fontSize: [
+          tokens10__namespace.default.font.style.sm["font-size"].mobile,
+          tokens10__namespace.default.font.style.sm["font-size"].desktop
+        ],
+        fontFamily: tokens10__namespace.default.font.style.sm["font-family"],
+        lineHeight: tokens10__namespace.default.font.style.sm["line-height"]
+      },
+      xs: {
+        fontSize: [
+          tokens10__namespace.default.font.style.xs["font-size"].mobile,
+          tokens10__namespace.default.font.style.xs["font-size"].desktop
+        ],
+        fontFamily: tokens10__namespace.default.font.style.xs["font-family"],
+        lineHeight: tokens10__namespace.default.font.style.xs["line-height"]
+      }
+    };
+  }
+});
+var zIndices;
+var init_zIndices = __esm({
+  "src/theme/foundations/zIndices.ts"() {
+    zIndices = {
+      hide: tokens10__namespace.default.depth["z-index"].hide,
+      auto: "auto",
+      base: tokens10__namespace.default.depth["z-index"].base,
+      docked: tokens10__namespace.default.depth["z-index"].docked,
+      dropdown: tokens10__namespace.default.depth["z-index"].dropdown,
+      sticky: tokens10__namespace.default.depth["z-index"].sticky,
+      banner: tokens10__namespace.default.depth["z-index"].banner,
+      overlay: tokens10__namespace.default.depth["z-index"].overlay,
+      modal: tokens10__namespace.default.depth["z-index"].modal,
+      popover: tokens10__namespace.default.depth["z-index"].popover,
+      skipLink: tokens10__namespace.default.depth["z-index"].skipLink,
+      toast: tokens10__namespace.default.depth["z-index"].toast,
+      tooltip: tokens10__namespace.default.depth["z-index"].tooltip
+    };
+  }
+});
+
+// src/theme/foundations/index.ts
+var foundations_exports = {};
+__export(foundations_exports, {
+  borders: () => borders,
+  breakpoints: () => breakpoints,
+  colors: () => colors,
+  config: () => config,
+  fontSizes: () => fontSizes,
+  fontWeights: () => fontWeights,
+  fonts: () => fonts,
+  lineHeights: () => lineHeights,
+  radii: () => radii,
+  shadows: () => shadows,
+  sizes: () => sizes,
+  space: () => space,
+  spacing: () => spacing,
+  textStyles: () => textStyles,
+  zIndices: () => zIndices
+});
+var init_foundations = __esm({
+  "src/theme/foundations/index.ts"() {
+    init_borders();
+    init_breakpoints();
+    init_colors();
+    init_config();
+    init_fonts();
+    init_fontSizes();
+    init_fontWeights();
+    init_lineHeights();
+    init_radii();
+    init_shadows();
+    init_sizes();
+    init_spacing();
+    init_textStyles();
+    init_zIndices();
+  }
+});
 var DateTimeSegment, isPaddable;
 var init_DateTimeSegment = __esm({
   "src/datepicker/DateTimeSegment.tsx"() {
+    init_foundations();
     DateTimeSegment = React49.forwardRef(
       ({ segment, state: state2 }, externalRef) => {
         const internalRef = React49.useRef(null);
@@ -3245,7 +3565,8 @@ var init_DateTimeSegment = __esm({
             style: {
               ...segmentProps.style,
               fontVariantNumeric: "tabular-nums",
-              boxSizing: "content-box"
+              boxSizing: "content-box",
+              color: colors.darkGrey
             },
             paddingX: "1px",
             textAlign: "end",
@@ -3301,10 +3622,12 @@ var init_DateField = __esm({
           {
             ...props.labelProps,
             ...labelProps,
-            sx: styles2.inputLabel
+            sx: styles2.inputLabel,
+            position: "absolute",
+            paddingTop: "2px"
           },
           props.label
-        ), /* @__PURE__ */ React49__namespace.default.createElement(react.Flex, { ...fieldProps }, state2.segments.map((segment, i) => /* @__PURE__ */ React49__namespace.default.createElement(
+        ), /* @__PURE__ */ React49__namespace.default.createElement(react.Flex, { ...fieldProps, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React49__namespace.default.createElement(
           DateTimeSegment,
           {
             ref: i === 0 ? ref : void 0,
@@ -3617,10 +3940,12 @@ var init_TimeField = __esm({
           htmlFor: fieldProps.id,
           marginBottom: 0,
           fontSize: "mobile.xs",
-          cursor: "text"
+          cursor: "text",
+          position: "absolute",
+          paddingTop: "2px"
         },
         props.label
-      ), /* @__PURE__ */ React49__namespace.default.createElement(react.Flex, { ...fieldProps, ref }, state2.segments.map((segment) => /* @__PURE__ */ React49__namespace.default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React49__namespace.default.createElement(
+      ), /* @__PURE__ */ React49__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React49__namespace.default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React49__namespace.default.createElement(
         "input",
         {
           type: "hidden",
@@ -3720,7 +4045,7 @@ var init_TimePicker = __esm({
             borderRadius: "xs",
             "aria-label": backwardsLabel,
             title: backwardsLabel,
-            icon: /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.DropdownLeftFill24Icon, null),
+            icon: /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, null),
             onClick: handleBackwardsClick,
             isDisabled,
             style: isDisabled ? { backgroundColor: "transparent" } : {}
@@ -3735,7 +4060,7 @@ var init_TimePicker = __esm({
             borderRadius: "xs",
             "aria-label": forwardsLabel,
             title: forwardsLabel,
-            icon: /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.DropdownRightFill24Icon, null),
+            icon: /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, null),
             onClick: handleForwardClick,
             isDisabled,
             style: isDisabled ? { backgroundColor: "transparent" } : {}
@@ -3874,17 +4199,22 @@ var init_Popover = __esm({
           },
           state2
         );
-        return /* @__PURE__ */ React49__namespace.default.createElement(reactAria.Overlay, null, hasBackdrop && /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { ...underlayProps, position: "fixed", inset: "0" }), /* @__PURE__ */ React49__namespace.default.createElement(
+        const popoverBox = /* @__PURE__ */ React49__namespace.default.createElement(
           react.Box,
           {
             ...popoverProps,
             ref: popoverRef,
-            minWidth: ((_a6 = triggerRef.current) == null ? void 0 : _a6.clientWidth) ?? "auto"
+            minWidth: ((_a6 = triggerRef.current) == null ? void 0 : _a6.clientWidth) ?? "auto",
+            marginLeft: -2
           },
           /* @__PURE__ */ React49__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close }),
           children,
           /* @__PURE__ */ React49__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close })
-        ));
+        );
+        if (isNonModal) {
+          return popoverBox;
+        }
+        return /* @__PURE__ */ React49__namespace.default.createElement(reactAria.Overlay, null, hasBackdrop && /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
       }
     );
   }
@@ -4842,6 +5172,7 @@ function Combobox({
     exports.Input,
     {
       ...inputProps,
+      "aria-haspopup": "listbox",
       ref: inputRef,
       label,
       borderBottomLeftRadius: state2.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
@@ -5238,27 +5569,6 @@ var init_NativeSelect = __esm({
     );
   }
 });
-var colors;
-var init_colors = __esm({
-  "src/theme/foundations/colors.ts"() {
-    colors = {
-      ...tokens10__namespace.default.color.alias,
-      ...tokens10__namespace.default.color.palette,
-      linjetag: tokens10__namespace.default.color.linjetag
-    };
-  }
-});
-var shadows;
-var init_shadows = __esm({
-  "src/theme/foundations/shadows.ts"() {
-    shadows = {
-      none: "none",
-      sm: tokens10__namespace.default.depth.shadow.sm.value,
-      md: tokens10__namespace.default.depth.shadow.md.value,
-      lg: tokens10__namespace.default.depth.shadow.lg.value
-    };
-  }
-});
 
 // src/theme/utils/box-shadow-utils.ts
 var getBoxShadowString;
@@ -13347,11 +13657,11 @@ var init_chunk_RXCYWA6Q = __esm({
 });
 
 // ../../node_modules/@chakra-ui/theme/dist/chunk-5QZEG2IM.mjs
-var zIndices, z_index_default;
+var zIndices2, z_index_default;
 var init_chunk_5QZEG2IM = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-5QZEG2IM.mjs"() {
     "use client";
-    zIndices = {
+    zIndices2 = {
       hide: -1,
       auto: "auto",
       base: 0,
@@ -13366,32 +13676,32 @@ var init_chunk_5QZEG2IM = __esm({
       toast: 1700,
       tooltip: 1800
     };
-    z_index_default = zIndices;
+    z_index_default = zIndices2;
   }
 });
 
 // ../../node_modules/@chakra-ui/theme/dist/chunk-PE5G6LAZ.mjs
-var borders, borders_default;
+var borders2, borders_default;
 var init_chunk_PE5G6LAZ = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-PE5G6LAZ.mjs"() {
     "use client";
-    borders = {
+    borders2 = {
       none: 0,
       "1px": "1px solid",
       "2px": "2px solid",
       "4px": "4px solid",
       "8px": "8px solid"
     };
-    borders_default = borders;
+    borders_default = borders2;
   }
 });
 
 // ../../node_modules/@chakra-ui/theme/dist/chunk-ZCARTYDH.mjs
-var breakpoints, breakpoints_default;
+var breakpoints2, breakpoints_default;
 var init_chunk_ZCARTYDH = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-ZCARTYDH.mjs"() {
     "use client";
-    breakpoints = {
+    breakpoints2 = {
       base: "0em",
       sm: "30em",
       md: "48em",
@@ -13399,7 +13709,7 @@ var init_chunk_ZCARTYDH = __esm({
       xl: "80em",
       "2xl": "96em"
     };
-    breakpoints_default = breakpoints;
+    breakpoints_default = breakpoints2;
   }
 });
 
@@ -13635,11 +13945,11 @@ var init_chunk_OFZWI3IK = __esm({
 });
 
 // ../../node_modules/@chakra-ui/theme/dist/chunk-AMMMMB27.mjs
-var radii, radius_default;
+var radii2, radius_default;
 var init_chunk_AMMMMB27 = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-AMMMMB27.mjs"() {
     "use client";
-    radii = {
+    radii2 = {
       none: "0",
       sm: "0.125rem",
       base: "0.25rem",
@@ -13650,7 +13960,7 @@ var init_chunk_AMMMMB27 = __esm({
       "3xl": "1.5rem",
       full: "9999px"
     };
-    radius_default = radii;
+    radius_default = radii2;
   }
 });
 
@@ -13765,11 +14075,11 @@ var init_chunk_VW4MZLZF = __esm({
 });
 
 // ../../node_modules/@chakra-ui/theme/dist/chunk-NIUVG5KM.mjs
-var spacing;
+var spacing2;
 var init_chunk_NIUVG5KM = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-NIUVG5KM.mjs"() {
     "use client";
-    spacing = {
+    spacing2 = {
       px: "1px",
       0.5: "0.125rem",
       1: "0.25rem",
@@ -13808,11 +14118,11 @@ var init_chunk_NIUVG5KM = __esm({
 });
 
 // ../../node_modules/@chakra-ui/theme/dist/chunk-QH74K4BV.mjs
-var largeSizes, container, sizes, sizes_default;
+var largeSizes2, container2, sizes2, sizes_default;
 var init_chunk_QH74K4BV = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-QH74K4BV.mjs"() {
     init_chunk_NIUVG5KM();
-    largeSizes = {
+    largeSizes2 = {
       max: "max-content",
       min: "min-content",
       full: "100%",
@@ -13832,18 +14142,18 @@ var init_chunk_QH74K4BV = __esm({
       "8xl": "90rem",
       prose: "60ch"
     };
-    container = {
+    container2 = {
       sm: "640px",
       md: "768px",
       lg: "1024px",
       xl: "1280px"
     };
-    sizes = {
-      ...spacing,
-      ...largeSizes,
-      container
+    sizes2 = {
+      ...spacing2,
+      ...largeSizes2,
+      container: container2
     };
-    sizes_default = sizes;
+    sizes_default = sizes2;
   }
 });
 
@@ -13871,7 +14181,7 @@ var init_chunk_5FMCT5RQ = __esm({
       ...typography_default,
       sizes: sizes_default,
       shadows: shadows_default,
-      space: spacing,
+      space: spacing2,
       borders: borders_default,
       transition: transition_default
     };
@@ -14049,7 +14359,7 @@ function createMultiStyleConfigHelpers(parts14) {
     }
   };
 }
-var import_lodash3, isImportant, withoutImportant, tokenToCSSVar, pipe, getRtl, transformTemplate, filterTemplate, backdropFilterTemplate, flexDirectionTemplate, directionMap, valueSet, globalSet, trimSpace, isCSSFunction, gradientTransform, analyzeCSSValue, wrap, transformFunctions, t, background, border, color, effect, filter, flexbox, grid, interactivity, layout, list, memoize, memoizedGet, srOnly, srFocusable, getWithPriority, others, position, ring, space, textDecoration, transform, transition2, typography2, scroll, toExpression, add, subtract, multiply, divide, negate, calc, state, toGroup, toPeer, merge, pseudoSelectors, pseudoPropNames, systemProps;
+var import_lodash3, isImportant, withoutImportant, tokenToCSSVar, pipe, getRtl, transformTemplate, filterTemplate, backdropFilterTemplate, flexDirectionTemplate, directionMap, valueSet, globalSet, trimSpace, isCSSFunction, gradientTransform, analyzeCSSValue, wrap, transformFunctions, t, background, border, color, effect, filter, flexbox, grid, interactivity, layout, list, memoize, memoizedGet, srOnly, srFocusable, getWithPriority, others, position, ring, space2, textDecoration, transform, transition2, typography2, scroll, toExpression, add, subtract, multiply, divide, negate, calc, state, toGroup, toPeer, merge, pseudoSelectors, pseudoPropNames, systemProps;
 var init_dist3 = __esm({
   "../../node_modules/@chakra-ui/styled-system/dist/index.mjs"() {
     init_dist2();
@@ -14689,7 +14999,7 @@ var init_dist3 = __esm({
       ringOffsetColor: t.colors("--chakra-ring-offset-color"),
       ringInset: t.prop("--chakra-ring-inset")
     };
-    space = {
+    space2 = {
       margin: t.spaceT("margin"),
       marginTop: t.spaceT("marginTop"),
       marginBlockStart: t.spaceT("marginBlockStart"),
@@ -14717,29 +15027,29 @@ var init_dist3 = __esm({
       paddingY: t.space(["paddingTop", "paddingBottom"]),
       paddingBlock: t.space("paddingBlock")
     };
-    Object.assign(space, {
-      m: space.margin,
-      mt: space.marginTop,
-      mr: space.marginRight,
-      me: space.marginInlineEnd,
-      marginEnd: space.marginInlineEnd,
-      mb: space.marginBottom,
-      ml: space.marginLeft,
-      ms: space.marginInlineStart,
-      marginStart: space.marginInlineStart,
-      mx: space.marginX,
-      my: space.marginY,
-      p: space.padding,
-      pt: space.paddingTop,
-      py: space.paddingY,
-      px: space.paddingX,
-      pb: space.paddingBottom,
-      pl: space.paddingLeft,
-      ps: space.paddingInlineStart,
-      paddingStart: space.paddingInlineStart,
-      pr: space.paddingRight,
-      pe: space.paddingInlineEnd,
-      paddingEnd: space.paddingInlineEnd
+    Object.assign(space2, {
+      m: space2.margin,
+      mt: space2.marginTop,
+      mr: space2.marginRight,
+      me: space2.marginInlineEnd,
+      marginEnd: space2.marginInlineEnd,
+      mb: space2.marginBottom,
+      ml: space2.marginLeft,
+      ms: space2.marginInlineStart,
+      marginStart: space2.marginInlineStart,
+      mx: space2.marginX,
+      my: space2.marginY,
+      p: space2.padding,
+      pt: space2.paddingTop,
+      py: space2.paddingY,
+      px: space2.paddingX,
+      pb: space2.paddingBottom,
+      pl: space2.paddingLeft,
+      ps: space2.paddingInlineStart,
+      paddingStart: space2.paddingInlineStart,
+      pr: space2.paddingRight,
+      pe: space2.paddingInlineEnd,
+      paddingEnd: space2.paddingInlineEnd
     });
     textDecoration = {
       textDecorationColor: t.colors("textDecorationColor"),
@@ -14958,7 +15268,7 @@ var init_dist3 = __esm({
       others,
       position,
       effect,
-      space,
+      space2,
       scroll,
       typography2,
       textDecoration,
@@ -14966,7 +15276,7 @@ var init_dist3 = __esm({
       list,
       transition2
     );
-    Object.assign({}, space, layout, flexbox, grid, position);
+    Object.assign({}, space2, layout, flexbox, grid, position);
     [...Object.keys(systemProps), ...pseudoPropNames];
     ({ ...systemProps, ...pseudoSelectors });
   }
@@ -15303,7 +15613,7 @@ var init_dist4 = __esm({
     init_chunk_7LPD4XZ3();
   }
 });
-var defineMultiStyleConfig2, definePartsStyle2, $width, $height, $diff, diffValue, $translateX, $bg, baseStyleTrack, baseStyleThumb, baseStyle2, sizes2, switchTheme;
+var defineMultiStyleConfig2, definePartsStyle2, $width, $height, $diff, diffValue, $translateX, $bg, baseStyleTrack, baseStyleThumb, baseStyle2, sizes3, switchTheme;
 var init_chunk_XRIBTYHG = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-XRIBTYHG.mjs"() {
     init_dist4();
@@ -15366,7 +15676,7 @@ var init_chunk_XRIBTYHG = __esm({
       track: baseStyleTrack(props),
       thumb: baseStyleThumb
     }));
-    sizes2 = {
+    sizes3 = {
       sm: definePartsStyle2({
         container: {
           [$width.variable]: "1.375rem",
@@ -15388,7 +15698,7 @@ var init_chunk_XRIBTYHG = __esm({
     };
     switchTheme = defineMultiStyleConfig2({
       baseStyle: baseStyle2,
-      sizes: sizes2,
+      sizes: sizes3,
       defaultProps: {
         size: "md",
         colorScheme: "blue"
@@ -15396,7 +15706,7 @@ var init_chunk_XRIBTYHG = __esm({
     });
   }
 });
-var defineMultiStyleConfig3, definePartsStyle3, baseStyle3, numericStyles, variantSimple, variantStripe, variants, sizes3, tableTheme;
+var defineMultiStyleConfig3, definePartsStyle3, baseStyle3, numericStyles, variantSimple, variantStripe, variants, sizes4, tableTheme;
 var init_chunk_FI633VWD = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-FI633VWD.mjs"() {
     init_dist4();
@@ -15500,7 +15810,7 @@ var init_chunk_FI633VWD = __esm({
       striped: variantStripe,
       unstyled: defineStyle({})
     };
-    sizes3 = {
+    sizes4 = {
       sm: definePartsStyle3({
         th: {
           px: "4",
@@ -15560,7 +15870,7 @@ var init_chunk_FI633VWD = __esm({
     tableTheme = defineMultiStyleConfig3({
       baseStyle: baseStyle3,
       variants,
-      sizes: sizes3,
+      sizes: sizes4,
       defaultProps: {
         variant: "simple",
         size: "md",
@@ -15569,7 +15879,7 @@ var init_chunk_FI633VWD = __esm({
     });
   }
 });
-var $fg, $bg2, $border, defineMultiStyleConfig4, definePartsStyle4, baseStyleRoot, baseStyleTab, baseStyleTablist, baseStyleTabpanel, baseStyle4, sizes4, variantLine, variantEnclosed, variantEnclosedColored, variantSoftRounded, variantSolidRounded, variantUnstyled, variants2, tabsTheme;
+var $fg, $bg2, $border, defineMultiStyleConfig4, definePartsStyle4, baseStyleRoot, baseStyleTab, baseStyleTablist, baseStyleTabpanel, baseStyle4, sizes5, variantLine, variantEnclosed, variantEnclosedColored, variantSoftRounded, variantSolidRounded, variantUnstyled, variants2, tabsTheme;
 var init_chunk_T6EHV47V = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-T6EHV47V.mjs"() {
     init_dist4();
@@ -15621,7 +15931,7 @@ var init_chunk_T6EHV47V = __esm({
       tablist: baseStyleTablist(props),
       tabpanel: baseStyleTabpanel
     }));
-    sizes4 = {
+    sizes5 = {
       sm: definePartsStyle4({
         tab: {
           py: 1,
@@ -15790,7 +16100,7 @@ var init_chunk_T6EHV47V = __esm({
     };
     tabsTheme = defineMultiStyleConfig4({
       baseStyle: baseStyle4,
-      sizes: sizes4,
+      sizes: sizes5,
       variants: variants2,
       defaultProps: {
         size: "md",
@@ -15867,7 +16177,7 @@ var init_chunk_4FUZMKSO = __esm({
 });
 
 // ../../node_modules/@chakra-ui/theme/dist/chunk-VM3745AK.mjs
-var defineMultiStyleConfig5, definePartsStyle5, $bg3, $color, $shadow, $minH, $minW, $fontSize, $paddingX, baseStyleContainer, baseStyleLabel, baseStyleCloseButton, baseStyle6, sizes5, variants4, tagTheme;
+var defineMultiStyleConfig5, definePartsStyle5, $bg3, $color, $shadow, $minH, $minW, $fontSize, $paddingX, baseStyleContainer, baseStyleLabel, baseStyleCloseButton, baseStyle6, sizes6, variants4, tagTheme;
 var init_chunk_VM3745AK = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-VM3745AK.mjs"() {
     init_chunk_4FUZMKSO();
@@ -15933,7 +16243,7 @@ var init_chunk_VM3745AK = __esm({
       label: baseStyleLabel,
       closeButton: baseStyleCloseButton
     });
-    sizes5 = {
+    sizes6 = {
       sm: definePartsStyle5({
         container: {
           [$minH.variable]: "sizes.5",
@@ -15986,7 +16296,7 @@ var init_chunk_VM3745AK = __esm({
     tagTheme = defineMultiStyleConfig5({
       variants: variants4,
       baseStyle: baseStyle6,
-      sizes: sizes5,
+      sizes: sizes6,
       defaultProps: {
         size: "md",
         variant: "subtle",
@@ -16002,7 +16312,7 @@ function getDefaults(props) {
     errorBorderColor: ec || themeTools.mode("red.500", "red.300")(props)
   };
 }
-var definePartsStyle6, defineMultiStyleConfig6, $height2, $fontSize2, $padding, $borderRadius, baseStyle7, size, sizes6, variantOutline2, variantFilled, variantFlushed, variantUnstyled2, variants5, inputTheme;
+var definePartsStyle6, defineMultiStyleConfig6, $height2, $fontSize2, $padding, $borderRadius, baseStyle7, size, sizes7, variantOutline2, variantFilled, variantFlushed, variantUnstyled2, variants5, inputTheme;
 var init_chunk_FIZIJHUN = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-FIZIJHUN.mjs"() {
     init_dist4();
@@ -16063,7 +16373,7 @@ var init_chunk_FIZIJHUN = __esm({
         [$height2.variable]: "sizes.6"
       })
     };
-    sizes6 = {
+    sizes7 = {
       lg: definePartsStyle6({
         field: size.lg,
         group: size.lg
@@ -16195,7 +16505,7 @@ var init_chunk_FIZIJHUN = __esm({
     };
     inputTheme = defineMultiStyleConfig6({
       baseStyle: baseStyle7,
-      sizes: sizes6,
+      sizes: sizes7,
       variants: variants5,
       defaultProps: {
         size: "md",
@@ -16206,7 +16516,7 @@ var init_chunk_FIZIJHUN = __esm({
 });
 
 // ../../node_modules/@chakra-ui/theme/dist/chunk-TN6RO673.mjs
-var _a, baseStyle8, _a2, _b, variants6, _a3, _b2, _c, _d, _e, _f, _g, _h, sizes7, textareaTheme;
+var _a, baseStyle8, _a2, _b, variants6, _a3, _b2, _c, _d, _e, _f, _g, _h, sizes8, textareaTheme;
 var init_chunk_TN6RO673 = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-TN6RO673.mjs"() {
     init_chunk_FIZIJHUN();
@@ -16239,7 +16549,7 @@ var init_chunk_TN6RO673 = __esm({
       ),
       unstyled: (_b = (_a2 = inputTheme.variants) == null ? void 0 : _a2.unstyled.field) != null ? _b : {}
     };
-    sizes7 = {
+    sizes8 = {
       xs: (_b2 = (_a3 = inputTheme.sizes) == null ? void 0 : _a3.xs.field) != null ? _b2 : {},
       sm: (_d = (_c = inputTheme.sizes) == null ? void 0 : _c.sm.field) != null ? _d : {},
       md: (_f = (_e = inputTheme.sizes) == null ? void 0 : _e.md.field) != null ? _f : {},
@@ -16247,7 +16557,7 @@ var init_chunk_TN6RO673 = __esm({
     };
     textareaTheme = defineStyleConfig({
       baseStyle: baseStyle8,
-      sizes: sizes7,
+      sizes: sizes8,
       variants: variants6,
       defaultProps: {
         size: "md",
@@ -16287,7 +16597,7 @@ var init_chunk_J54NBX2J = __esm({
     });
   }
 });
-var defineMultiStyleConfig7, definePartsStyle7, filledStyle, baseStyleLabel2, baseStyleTrack2, baseStyleFilledTrack, baseStyle10, sizes8, progressTheme;
+var defineMultiStyleConfig7, definePartsStyle7, filledStyle, baseStyleLabel2, baseStyleTrack2, baseStyleFilledTrack, baseStyle10, sizes9, progressTheme;
 var init_chunk_BA7PF5LB = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-BA7PF5LB.mjs"() {
     init_dist4();
@@ -16335,7 +16645,7 @@ var init_chunk_BA7PF5LB = __esm({
       filledTrack: baseStyleFilledTrack(props),
       track: baseStyleTrack2(props)
     }));
-    sizes8 = {
+    sizes9 = {
       xs: definePartsStyle7({
         track: { h: "1" }
       }),
@@ -16350,7 +16660,7 @@ var init_chunk_BA7PF5LB = __esm({
       })
     };
     progressTheme = defineMultiStyleConfig7({
-      sizes: sizes8,
+      sizes: sizes9,
       baseStyle: baseStyle10,
       defaultProps: {
         size: "md",
@@ -16371,7 +16681,7 @@ var init_chunk_RQ25AHBB = __esm({
     isFunction = (value) => typeof value === "function";
   }
 });
-var definePartsStyle8, defineMultiStyleConfig8, $size2, baseStyleControl, baseStyleContainer2, baseStyleLabel3, baseStyleIcon, baseStyle11, sizes9, checkboxTheme;
+var definePartsStyle8, defineMultiStyleConfig8, $size2, baseStyleControl, baseStyleContainer2, baseStyleLabel3, baseStyleIcon, baseStyle11, sizes10, checkboxTheme;
 var init_chunk_Y7UXPTSV = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-Y7UXPTSV.mjs"() {
     init_chunk_RQ25AHBB();
@@ -16438,7 +16748,7 @@ var init_chunk_Y7UXPTSV = __esm({
       control: runIfFn(baseStyleControl, props),
       label: baseStyleLabel3
     }));
-    sizes9 = {
+    sizes10 = {
       sm: definePartsStyle8({
         control: { [$size2.variable]: "sizes.3" },
         label: { fontSize: "sm" },
@@ -16457,7 +16767,7 @@ var init_chunk_Y7UXPTSV = __esm({
     };
     checkboxTheme = defineMultiStyleConfig8({
       baseStyle: baseStyle11,
-      sizes: sizes9,
+      sizes: sizes10,
       defaultProps: {
         size: "md",
         colorScheme: "blue"
@@ -16467,7 +16777,7 @@ var init_chunk_Y7UXPTSV = __esm({
 });
 
 // ../../node_modules/@chakra-ui/theme/dist/chunk-BJIKSU3K.mjs
-var defineMultiStyleConfig9, definePartsStyle9, baseStyleControl2, baseStyle12, sizes10, radioTheme;
+var defineMultiStyleConfig9, definePartsStyle9, baseStyleControl2, baseStyle12, sizes11, radioTheme;
 var init_chunk_BJIKSU3K = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-BJIKSU3K.mjs"() {
     init_chunk_Y7UXPTSV();
@@ -16503,7 +16813,7 @@ var init_chunk_BJIKSU3K = __esm({
         control: baseStyleControl2(props)
       };
     });
-    sizes10 = {
+    sizes11 = {
       md: definePartsStyle9({
         control: { w: "4", h: "4" },
         label: { fontSize: "md" }
@@ -16519,7 +16829,7 @@ var init_chunk_BJIKSU3K = __esm({
     };
     radioTheme = defineMultiStyleConfig9({
       baseStyle: baseStyle12,
-      sizes: sizes10,
+      sizes: sizes11,
       defaultProps: {
         size: "md",
         colorScheme: "blue"
@@ -16529,7 +16839,7 @@ var init_chunk_BJIKSU3K = __esm({
 });
 
 // ../../node_modules/@chakra-ui/theme/dist/chunk-ILLVD2I4.mjs
-var defineMultiStyleConfig10, definePartsStyle10, $bg5, _a4, baseStyleField, baseStyleIcon2, baseStyle13, iconSpacing, _a22, _b3, _c2, _d2, _e2, _f2, _g2, _h2, sizes11, selectTheme;
+var defineMultiStyleConfig10, definePartsStyle10, $bg5, _a4, baseStyleField, baseStyleIcon2, baseStyle13, iconSpacing, _a22, _b3, _c2, _d2, _e2, _f2, _g2, _h2, sizes12, selectTheme;
 var init_chunk_ILLVD2I4 = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-ILLVD2I4.mjs"() {
     init_chunk_FIZIJHUN();
@@ -16569,7 +16879,7 @@ var init_chunk_ILLVD2I4 = __esm({
     iconSpacing = defineStyle({
       paddingInlineEnd: "8"
     });
-    sizes11 = {
+    sizes12 = {
       lg: {
         ...(_a22 = inputTheme.sizes) == null ? void 0 : _a22.lg,
         field: {
@@ -16604,7 +16914,7 @@ var init_chunk_ILLVD2I4 = __esm({
     };
     selectTheme = defineMultiStyleConfig10({
       baseStyle: baseStyle13,
-      sizes: sizes11,
+      sizes: sizes12,
       variants: inputTheme.variants,
       defaultProps: inputTheme.defaultProps
     });
@@ -16663,7 +16973,7 @@ var init_chunk_URZN3QPP = __esm({
     });
   }
 });
-var defineMultiStyleConfig11, definePartsStyle11, $thumbSize, $trackSize, $bg7, baseStyleContainer3, baseStyleTrack3, baseStyleThumb2, baseStyleFilledTrack2, baseStyle16, sizeLg, sizeMd, sizeSm, sizes12, sliderTheme;
+var defineMultiStyleConfig11, definePartsStyle11, $thumbSize, $trackSize, $bg7, baseStyleContainer3, baseStyleTrack3, baseStyleThumb2, baseStyleFilledTrack2, baseStyle16, sizeLg, sizeMd, sizeSm, sizes13, sliderTheme;
 var init_chunk_PUPKOASV = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-PUPKOASV.mjs"() {
     init_dist4();
@@ -16793,14 +17103,14 @@ var init_chunk_PUPKOASV = __esm({
         [$trackSize.variable]: `sizes.0.5`
       }
     });
-    sizes12 = {
+    sizes13 = {
       lg: sizeLg,
       md: sizeMd,
       sm: sizeSm
     };
     sliderTheme = defineMultiStyleConfig11({
       baseStyle: baseStyle16,
-      sizes: sizes12,
+      sizes: sizes13,
       defaultProps: {
         size: "md",
         colorScheme: "blue"
@@ -16808,7 +17118,7 @@ var init_chunk_PUPKOASV = __esm({
     });
   }
 });
-var $size3, baseStyle17, sizes13, spinnerTheme;
+var $size3, baseStyle17, sizes14, spinnerTheme;
 var init_chunk_HOBQJOCR = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-HOBQJOCR.mjs"() {
     init_dist3();
@@ -16817,7 +17127,7 @@ var init_chunk_HOBQJOCR = __esm({
       width: [$size3.reference],
       height: [$size3.reference]
     });
-    sizes13 = {
+    sizes14 = {
       xs: defineStyle({
         [$size3.variable]: "sizes.3"
       }),
@@ -16836,7 +17146,7 @@ var init_chunk_HOBQJOCR = __esm({
     };
     spinnerTheme = defineStyleConfig({
       baseStyle: baseStyle17,
-      sizes: sizes13,
+      sizes: sizes14,
       defaultProps: {
         size: "md"
       }
@@ -16845,7 +17155,7 @@ var init_chunk_HOBQJOCR = __esm({
 });
 
 // ../../node_modules/@chakra-ui/theme/dist/chunk-66QM3UU6.mjs
-var defineMultiStyleConfig12, definePartsStyle12, baseStyleLabel4, baseStyleHelpText, baseStyleNumber, baseStyleIcon3, baseStyle18, sizes14, statTheme;
+var defineMultiStyleConfig12, definePartsStyle12, baseStyleLabel4, baseStyleHelpText, baseStyleNumber, baseStyleIcon3, baseStyle18, sizes15, statTheme;
 var init_chunk_66QM3UU6 = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-66QM3UU6.mjs"() {
     init_dist4();
@@ -16875,7 +17185,7 @@ var init_chunk_66QM3UU6 = __esm({
       number: baseStyleNumber,
       icon: baseStyleIcon3
     });
-    sizes14 = {
+    sizes15 = {
       md: definePartsStyle12({
         label: { fontSize: "sm" },
         helpText: { fontSize: "sm" },
@@ -16884,7 +17194,7 @@ var init_chunk_66QM3UU6 = __esm({
     };
     statTheme = defineMultiStyleConfig12({
       baseStyle: baseStyle18,
-      sizes: sizes14,
+      sizes: sizes15,
       defaultProps: {
         size: "md"
       }
@@ -17078,7 +17388,7 @@ function getSize(value) {
     dialog: { maxW: value }
   });
 }
-var defineMultiStyleConfig15, definePartsStyle15, $bg10, $shadow3, baseStyleOverlay, baseStyleDialogContainer, baseStyleDialog, baseStyleHeader, baseStyleCloseButton2, baseStyleBody, baseStyleFooter, baseStyle23, sizes15, modalTheme;
+var defineMultiStyleConfig15, definePartsStyle15, $bg10, $shadow3, baseStyleOverlay, baseStyleDialogContainer, baseStyleDialog, baseStyleHeader, baseStyleCloseButton2, baseStyleBody, baseStyleFooter, baseStyle23, sizes16, modalTheme;
 var init_chunk_JIVTZ35T = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-JIVTZ35T.mjs"() {
     init_chunk_RQ25AHBB();
@@ -17154,7 +17464,7 @@ var init_chunk_JIVTZ35T = __esm({
       body: runIfFn(baseStyleBody, props),
       footer: baseStyleFooter
     }));
-    sizes15 = {
+    sizes16 = {
       xs: getSize("xs"),
       sm: getSize("sm"),
       md: getSize("md"),
@@ -17169,7 +17479,7 @@ var init_chunk_JIVTZ35T = __esm({
     };
     modalTheme = defineMultiStyleConfig15({
       baseStyle: baseStyle23,
-      sizes: sizes15,
+      sizes: sizes16,
       defaultProps: { size: "md" }
     });
   }
@@ -17204,7 +17514,7 @@ function getSize2(size2) {
     }
   });
 }
-var defineMultiStyleConfig16, definePartsStyle16, $stepperWidth, $inputPadding, inputPaddingValue, $bg11, $fg3, $border2, baseStyleRoot2, baseStyleField2, baseStyleStepperGroup, baseStyleStepper, baseStyle24, sizes16, numberInputTheme;
+var defineMultiStyleConfig16, definePartsStyle16, $stepperWidth, $inputPadding, inputPaddingValue, $bg11, $fg3, $border2, baseStyleRoot2, baseStyleField2, baseStyleStepperGroup, baseStyleStepper, baseStyle24, sizes17, numberInputTheme;
 var init_chunk_VEZNC4IQ = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-VEZNC4IQ.mjs"() {
     init_chunk_VW4MZLZF();
@@ -17263,7 +17573,7 @@ var init_chunk_VEZNC4IQ = __esm({
         stepper: baseStyleStepper
       };
     });
-    sizes16 = {
+    sizes17 = {
       xs: getSize2("xs"),
       sm: getSize2("sm"),
       md: getSize2("md"),
@@ -17271,7 +17581,7 @@ var init_chunk_VEZNC4IQ = __esm({
     };
     numberInputTheme = defineMultiStyleConfig16({
       baseStyle: baseStyle24,
-      sizes: sizes16,
+      sizes: sizes17,
       variants: inputTheme.variants,
       defaultProps: inputTheme.defaultProps
     });
@@ -17279,7 +17589,7 @@ var init_chunk_VEZNC4IQ = __esm({
 });
 
 // ../../node_modules/@chakra-ui/theme/dist/chunk-HFED6QOE.mjs
-var _a5, baseStyle25, sizes17, _a23, _b4, variants7, pinInputTheme;
+var _a5, baseStyle25, sizes18, _a23, _b4, variants7, pinInputTheme;
 var init_chunk_HFED6QOE = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-HFED6QOE.mjs"() {
     init_chunk_FIZIJHUN();
@@ -17289,7 +17599,7 @@ var init_chunk_HFED6QOE = __esm({
       ...(_a5 = inputTheme.baseStyle) == null ? void 0 : _a5.field,
       textAlign: "center"
     });
-    sizes17 = {
+    sizes18 = {
       lg: defineStyle({
         fontSize: "lg",
         w: 12,
@@ -17338,7 +17648,7 @@ var init_chunk_HFED6QOE = __esm({
     };
     pinInputTheme = defineStyleConfig({
       baseStyle: baseStyle25,
-      sizes: sizes17,
+      sizes: sizes18,
       variants: variants7,
       defaultProps: inputTheme.defaultProps
     });
@@ -17420,7 +17730,7 @@ function getSize3(value) {
     dialog: { maxW: value }
   });
 }
-var definePartsStyle18, defineMultiStyleConfig18, $bg12, $bs, baseStyleOverlay2, baseStyleDialogContainer2, baseStyleDialog2, baseStyleHeader3, baseStyleCloseButton4, baseStyleBody3, baseStyleFooter3, baseStyle27, sizes18, drawerTheme;
+var definePartsStyle18, defineMultiStyleConfig18, $bg12, $bs, baseStyleOverlay2, baseStyleDialogContainer2, baseStyleDialog2, baseStyleHeader3, baseStyleCloseButton4, baseStyleBody3, baseStyleFooter3, baseStyle27, sizes19, drawerTheme;
 var init_chunk_5FAATIOO = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-5FAATIOO.mjs"() {
     init_chunk_RQ25AHBB();
@@ -17485,7 +17795,7 @@ var init_chunk_5FAATIOO = __esm({
       body: baseStyleBody3,
       footer: baseStyleFooter3
     }));
-    sizes18 = {
+    sizes19 = {
       xs: getSize3("xs"),
       sm: getSize3("md"),
       md: getSize3("lg"),
@@ -17495,7 +17805,7 @@ var init_chunk_5FAATIOO = __esm({
     };
     drawerTheme = defineMultiStyleConfig18({
       baseStyle: baseStyle27,
-      sizes: sizes18,
+      sizes: sizes19,
       defaultProps: {
         size: "xs"
       }
@@ -17645,7 +17955,7 @@ var init_chunk_2RLCRBJQ = __esm({
 });
 
 // ../../node_modules/@chakra-ui/theme/dist/chunk-SZS2B4EE.mjs
-var baseStyle32, sizes19, headingTheme;
+var baseStyle32, sizes20, headingTheme;
 var init_chunk_SZS2B4EE = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-SZS2B4EE.mjs"() {
     init_dist3();
@@ -17653,7 +17963,7 @@ var init_chunk_SZS2B4EE = __esm({
       fontFamily: "heading",
       fontWeight: "bold"
     });
-    sizes19 = {
+    sizes20 = {
       "4xl": defineStyle({
         fontSize: ["6xl", null, "7xl"],
         lineHeight: 1
@@ -17689,7 +17999,7 @@ var init_chunk_SZS2B4EE = __esm({
     };
     headingTheme = defineStyleConfig({
       baseStyle: baseStyle32,
-      sizes: sizes19,
+      sizes: sizes20,
       defaultProps: {
         size: "xl"
       }
@@ -17731,7 +18041,7 @@ var init_chunk_CHG7JP5U = __esm({
     });
   }
 });
-var baseStyle34, variantGhost, variantOutline3, accessibleColorMap, variantSolid2, variantLink, variantUnstyled3, variants8, sizes20, buttonTheme;
+var baseStyle34, variantGhost, variantOutline3, accessibleColorMap, variantSolid2, variantLink, variantUnstyled3, variants8, sizes21, buttonTheme;
 var init_chunk_MMPN6JKT = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-MMPN6JKT.mjs"() {
     init_chunk_RQ25AHBB();
@@ -17875,7 +18185,7 @@ var init_chunk_MMPN6JKT = __esm({
       link: variantLink,
       unstyled: variantUnstyled3
     };
-    sizes20 = {
+    sizes21 = {
       lg: defineStyle({
         h: "12",
         minW: "12",
@@ -17904,7 +18214,7 @@ var init_chunk_MMPN6JKT = __esm({
     buttonTheme = defineStyleConfig({
       baseStyle: baseStyle34,
       variants: variants8,
-      sizes: sizes20,
+      sizes: sizes21,
       defaultProps: {
         variant: "solid",
         size: "md",
@@ -17915,7 +18225,7 @@ var init_chunk_MMPN6JKT = __esm({
 });
 
 // ../../node_modules/@chakra-ui/theme/dist/chunk-N5CTW2M4.mjs
-var definePartsStyle23, defineMultiStyleConfig23, $bg13, $padding2, $shadow4, $radius, $border3, $borderColor, baseStyle35, sizes21, variants9, cardTheme;
+var definePartsStyle23, defineMultiStyleConfig23, $bg13, $padding2, $shadow4, $radius, $border3, $borderColor, baseStyle35, sizes22, variants9, cardTheme;
 var init_chunk_N5CTW2M4 = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-N5CTW2M4.mjs"() {
     init_dist4();
@@ -17948,7 +18258,7 @@ var init_chunk_N5CTW2M4 = __esm({
         padding: $padding2.reference
       }
     });
-    sizes21 = {
+    sizes22 = {
       sm: definePartsStyle23({
         container: {
           [$radius.variable]: "radii.base",
@@ -18003,7 +18313,7 @@ var init_chunk_N5CTW2M4 = __esm({
     cardTheme = defineMultiStyleConfig23({
       baseStyle: baseStyle35,
       variants: variants9,
-      sizes: sizes21,
+      sizes: sizes22,
       defaultProps: {
         variant: "elevated",
         size: "md"
@@ -18011,7 +18321,7 @@ var init_chunk_N5CTW2M4 = __esm({
     });
   }
 });
-var $size4, $bg14, baseStyle36, sizes22, closeButtonTheme;
+var $size4, $bg14, baseStyle36, sizes23, closeButtonTheme;
 var init_chunk_FC2RT2FC = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-FC2RT2FC.mjs"() {
     init_dist3();
@@ -18045,7 +18355,7 @@ var init_chunk_FC2RT2FC = __esm({
       },
       bg: $bg14.reference
     });
-    sizes22 = {
+    sizes23 = {
       lg: defineStyle({
         [$size4.variable]: "sizes.10",
         fontSize: "md"
@@ -18061,7 +18371,7 @@ var init_chunk_FC2RT2FC = __esm({
     };
     closeButtonTheme = defineStyleConfig({
       baseStyle: baseStyle36,
-      sizes: sizes22,
+      sizes: sizes23,
       defaultProps: {
         size: "md"
       }
@@ -18323,7 +18633,7 @@ function getSize4(size2) {
     }
   });
 }
-var definePartsStyle26, defineMultiStyleConfig26, $border4, $bg16, $fs, $size5, baseStyleBadge, baseStyleExcessLabel, baseStyleContainer5, baseStyleLabel5, baseStyle42, sizes23, avatarTheme;
+var definePartsStyle26, defineMultiStyleConfig26, $border4, $bg16, $fs, $size5, baseStyleBadge, baseStyleExcessLabel, baseStyleContainer5, baseStyleLabel5, baseStyle42, sizes24, avatarTheme;
 var init_chunk_EYWUA2TC = __esm({
   "../../node_modules/@chakra-ui/theme/dist/chunk-EYWUA2TC.mjs"() {
     init_chunk_QH74K4BV();
@@ -18389,7 +18699,7 @@ var init_chunk_EYWUA2TC = __esm({
       container: runIfFn(baseStyleContainer5, props),
       label: baseStyleLabel5
     }));
-    sizes23 = {
+    sizes24 = {
       "2xs": getSize4(4),
       xs: getSize4(6),
       sm: getSize4(8),
@@ -18401,7 +18711,7 @@ var init_chunk_EYWUA2TC = __esm({
     };
     avatarTheme = defineMultiStyleConfig26({
       baseStyle: baseStyle42,
-      sizes: sizes23,
+      sizes: sizes24,
       defaultProps: {
         size: "md"
       }
@@ -18488,381 +18798,95 @@ var init_chunk_BVEAU2MF = __esm({
       Skeleton: skeletonTheme,
       SkipLink: skipLinkTheme,
       Slider: sliderTheme,
-      Spinner: spinnerTheme,
-      Stat: statTheme,
-      Switch: switchTheme,
-      Table: tableTheme,
-      Tabs: tabsTheme,
-      Tag: tagTheme,
-      Textarea: textareaTheme,
-      Tooltip: tooltipTheme,
-      Card: cardTheme,
-      Stepper: stepperTheme
-    };
-  }
-});
-
-// ../../node_modules/@chakra-ui/theme/dist/chunk-SKQLGI36.mjs
-var semanticTokens;
-var init_chunk_SKQLGI36 = __esm({
-  "../../node_modules/@chakra-ui/theme/dist/chunk-SKQLGI36.mjs"() {
-    "use client";
-    semanticTokens = {
-      colors: {
-        "chakra-body-text": { _light: "gray.800", _dark: "whiteAlpha.900" },
-        "chakra-body-bg": { _light: "white", _dark: "gray.800" },
-        "chakra-border-color": { _light: "gray.200", _dark: "whiteAlpha.300" },
-        "chakra-inverse-text": { _light: "white", _dark: "gray.800" },
-        "chakra-subtle-bg": { _light: "gray.100", _dark: "gray.700" },
-        "chakra-subtle-text": { _light: "gray.600", _dark: "gray.400" },
-        "chakra-placeholder-color": { _light: "gray.500", _dark: "whiteAlpha.400" }
-      }
-    };
-  }
-});
-
-// ../../node_modules/@chakra-ui/theme/dist/chunk-RID7N3YQ.mjs
-var styles;
-var init_chunk_RID7N3YQ = __esm({
-  "../../node_modules/@chakra-ui/theme/dist/chunk-RID7N3YQ.mjs"() {
-    "use client";
-    styles = {
-      global: {
-        body: {
-          fontFamily: "body",
-          color: "chakra-body-text",
-          bg: "chakra-body-bg",
-          transitionProperty: "background-color",
-          transitionDuration: "normal",
-          lineHeight: "base"
-        },
-        "*::placeholder": {
-          color: "chakra-placeholder-color"
-        },
-        "*, *::before, &::after": {
-          borderColor: "chakra-border-color"
-        }
-      }
-    };
-  }
-});
-
-// ../../node_modules/@chakra-ui/theme/dist/index.mjs
-var direction, config, theme2;
-var init_dist5 = __esm({
-  "../../node_modules/@chakra-ui/theme/dist/index.mjs"() {
-    init_chunk_5FMCT5RQ();
-    init_chunk_BVEAU2MF();
-    init_chunk_SKQLGI36();
-    init_chunk_RID7N3YQ();
-    direction = "ltr";
-    config = {
-      useSystemColorMode: false,
-      initialColorMode: "light",
-      cssVarPrefix: "chakra"
-    };
-    theme2 = {
-      semanticTokens,
-      direction,
-      ...foundations,
-      components,
-      styles,
-      config
-    };
-    ({
-      semanticTokens,
-      direction,
-      components: {},
-      ...foundations,
-      styles,
-      config
-    });
-  }
-});
-var borders2;
-var init_borders = __esm({
-  "src/theme/foundations/borders.ts"() {
-    borders2 = {
-      none: "0",
-      sm: `${tokens10__namespace.default.size.stroke.sm} solid`,
-      "sm-dashed": `${tokens10__namespace.default.size.stroke.sm} dashed`,
-      md: `${tokens10__namespace.default.size.stroke.md} solid`,
-      "md-dashed": `${tokens10__namespace.default.size.stroke.md} dashed`,
-      lg: `${tokens10__namespace.default.size.stroke.lg} solid`,
-      "lg-dashed": `${tokens10__namespace.default.size.stroke.lg} dashed`
-    };
-  }
-});
-var breakpoints2;
-var init_breakpoints = __esm({
-  "src/theme/foundations/breakpoints.ts"() {
-    breakpoints2 = {
-      sm: tokens10__namespace.default.size.breakpoint.sm,
-      md: tokens10__namespace.default.size.breakpoint.md,
-      lg: tokens10__namespace.default.size.breakpoint.lg,
-      xl: tokens10__namespace.default.size.breakpoint.lg,
-      "2xl": tokens10__namespace.default.size.breakpoint.lg
-    };
-  }
-});
-
-// src/theme/foundations/config.ts
-var config2;
-var init_config = __esm({
-  "src/theme/foundations/config.ts"() {
-    config2 = {
-      cssVarPrefix: "spor",
-      initialColorMode: "light",
-      useSystemColorMode: false
-    };
-  }
-});
-var fonts;
-var init_fonts = __esm({
-  "src/theme/foundations/fonts.ts"() {
-    fonts = {
-      body: tokens10__namespace.default.font.family.body,
-      heading: tokens10__namespace.default.font.family.heading,
-      mono: tokens10__namespace.default.font.family.monospace
-    };
-  }
-});
-var fontSizes;
-var init_fontSizes = __esm({
-  "src/theme/foundations/fontSizes.ts"() {
-    fontSizes = {
-      "2xs": tokens10__namespace.default.size.font.xs.mobile,
-      xs: tokens10__namespace.default.size.font.sm.mobile,
-      sm: tokens10__namespace.default.size.font.md.mobile,
-      md: tokens10__namespace.default.size.font.lg.mobile,
-      lg: tokens10__namespace.default.size.font.xl.mobile,
-      xl: tokens10__namespace.default.size.font.xxl.mobile,
-      "2xl": tokens10__namespace.default.size.font.xl.desktop,
-      "3xl": tokens10__namespace.default.size.font.xxl.desktop,
-      mobile: {
-        xs: tokens10__namespace.default.size.font.xs.mobile,
-        sm: tokens10__namespace.default.size.font.sm.mobile,
-        md: tokens10__namespace.default.size.font.md.mobile,
-        lg: tokens10__namespace.default.size.font.lg.mobile,
-        xl: tokens10__namespace.default.size.font.xl.mobile,
-        xxl: tokens10__namespace.default.size.font.xxl.mobile
-      },
-      desktop: {
-        xs: tokens10__namespace.default.size.font.xs.desktop,
-        sm: tokens10__namespace.default.size.font.sm.desktop,
-        md: tokens10__namespace.default.size.font.md.desktop,
-        lg: tokens10__namespace.default.size.font.lg.desktop,
-        xl: tokens10__namespace.default.size.font.xl.desktop,
-        xxl: tokens10__namespace.default.size.font.xxl.desktop
-      }
+      Spinner: spinnerTheme,
+      Stat: statTheme,
+      Switch: switchTheme,
+      Table: tableTheme,
+      Tabs: tabsTheme,
+      Tag: tagTheme,
+      Textarea: textareaTheme,
+      Tooltip: tooltipTheme,
+      Card: cardTheme,
+      Stepper: stepperTheme
     };
   }
 });
 
-// src/theme/foundations/fontWeights.ts
-var fontWeights;
-var init_fontWeights = __esm({
-  "src/theme/foundations/fontWeights.ts"() {
-    fontWeights = {
-      light: 300,
-      medium: 400,
-      bold: 700
-    };
-  }
-});
-var lineHeights;
-var init_lineHeights = __esm({
-  "src/theme/foundations/lineHeights.ts"() {
-    lineHeights = {
-      normal: tokens10__namespace.default.font.style.lg["line-height"]
-    };
-  }
-});
-var radii2;
-var init_radii = __esm({
-  "src/theme/foundations/radii.ts"() {
-    radii2 = {
-      none: tokens10__namespace.default.size["border-radius"].none,
-      xs: tokens10__namespace.default.size["border-radius"].xs,
-      sm: tokens10__namespace.default.size["border-radius"].sm,
-      md: tokens10__namespace.default.size["border-radius"].md,
-      lg: tokens10__namespace.default.size["border-radius"].lg,
-      xl: tokens10__namespace.default.size["border-radius"].xl,
-      "2xl": tokens10__namespace.default.size["border-radius"]["2xl"],
-      round: "50%"
+// ../../node_modules/@chakra-ui/theme/dist/chunk-SKQLGI36.mjs
+var semanticTokens;
+var init_chunk_SKQLGI36 = __esm({
+  "../../node_modules/@chakra-ui/theme/dist/chunk-SKQLGI36.mjs"() {
+    "use client";
+    semanticTokens = {
+      colors: {
+        "chakra-body-text": { _light: "gray.800", _dark: "whiteAlpha.900" },
+        "chakra-body-bg": { _light: "white", _dark: "gray.800" },
+        "chakra-border-color": { _light: "gray.200", _dark: "whiteAlpha.300" },
+        "chakra-inverse-text": { _light: "white", _dark: "gray.800" },
+        "chakra-subtle-bg": { _light: "gray.100", _dark: "gray.700" },
+        "chakra-subtle-text": { _light: "gray.600", _dark: "gray.400" },
+        "chakra-placeholder-color": { _light: "gray.500", _dark: "whiteAlpha.400" }
+      }
     };
   }
 });
-var spacing2, space2;
-var init_spacing = __esm({
-  "src/theme/foundations/spacing.ts"() {
-    spacing2 = Object.entries(tokens10__namespace.default.size.spacing).reduce(
-      (tokens14, [key, token]) => ({
-        ...tokens14,
-        [Number(key)]: token
-      }),
-      {}
-    );
-    space2 = spacing2;
-  }
-});
 
-// src/theme/foundations/sizes.ts
-var largeSizes2, container2, sizes24;
-var init_sizes = __esm({
-  "src/theme/foundations/sizes.ts"() {
-    init_spacing();
-    largeSizes2 = {
-      max: "max-content",
-      min: "min-content",
-      full: "100%",
-      "3xs": "14rem",
-      "2xs": "16rem",
-      xs: "20rem",
-      sm: "24rem",
-      md: "28rem",
-      lg: "32rem",
-      xl: "36rem",
-      "2xl": "42rem",
-      "3xl": "48rem",
-      "4xl": "56rem",
-      "5xl": "64rem",
-      "6xl": "72rem",
-      "7xl": "80rem",
-      "8xl": "90rem"
-    };
-    container2 = {
-      sm: "640px",
-      md: "768px",
-      lg: "1024px",
-      xl: "1280px"
-    };
-    sizes24 = {
-      ...spacing2,
-      ...largeSizes2,
-      container: container2
-    };
-  }
-});
-var textStyles;
-var init_textStyles = __esm({
-  "src/theme/foundations/textStyles.ts"() {
-    textStyles = {
-      "2xl": {
-        fontSize: [
-          tokens10__namespace.default.font.style.xxl["font-size"].mobile,
-          tokens10__namespace.default.font.style.xxl["font-size"].desktop
-        ],
-        fontFamily: tokens10__namespace.default.font.style.xxl["font-family"],
-        lineHeight: tokens10__namespace.default.font.style.xxl["line-height"]
-      },
-      "xl-display": {
-        fontSize: [
-          tokens10__namespace.default.font.style["xl-display"]["font-size"].mobile,
-          tokens10__namespace.default.font.style["xl-display"]["font-size"].desktop
-        ],
-        fontFamily: tokens10__namespace.default.font.style["xl-display"]["font-family"],
-        lineHeight: tokens10__namespace.default.font.style["xl-display"]["line-height"]
-      },
-      "xl-sans": {
-        fontSize: [
-          tokens10__namespace.default.font.style["xl-sans"]["font-size"].mobile,
-          tokens10__namespace.default.font.style["xl-sans"]["font-size"].desktop
-        ],
-        fontFamily: tokens10__namespace.default.font.style["xl-sans"]["font-family"],
-        lineHeight: tokens10__namespace.default.font.style["xl-sans"]["line-height"]
-      },
-      lg: {
-        fontSize: [
-          tokens10__namespace.default.font.style.lg["font-size"].mobile,
-          tokens10__namespace.default.font.style.lg["font-size"].desktop
-        ],
-        fontFamily: tokens10__namespace.default.font.style.lg["font-family"],
-        lineHeight: tokens10__namespace.default.font.style.lg["line-height"]
-      },
-      md: {
-        fontSize: [
-          tokens10__namespace.default.font.style.md["font-size"].mobile,
-          tokens10__namespace.default.font.style.md["font-size"].desktop
-        ],
-        fontFamily: tokens10__namespace.default.font.style.md["font-family"],
-        lineHeight: tokens10__namespace.default.font.style.md["line-height"]
-      },
-      sm: {
-        fontSize: [
-          tokens10__namespace.default.font.style.sm["font-size"].mobile,
-          tokens10__namespace.default.font.style.sm["font-size"].desktop
-        ],
-        fontFamily: tokens10__namespace.default.font.style.sm["font-family"],
-        lineHeight: tokens10__namespace.default.font.style.sm["line-height"]
-      },
-      xs: {
-        fontSize: [
-          tokens10__namespace.default.font.style.xs["font-size"].mobile,
-          tokens10__namespace.default.font.style.xs["font-size"].desktop
-        ],
-        fontFamily: tokens10__namespace.default.font.style.xs["font-family"],
-        lineHeight: tokens10__namespace.default.font.style.xs["line-height"]
+// ../../node_modules/@chakra-ui/theme/dist/chunk-RID7N3YQ.mjs
+var styles;
+var init_chunk_RID7N3YQ = __esm({
+  "../../node_modules/@chakra-ui/theme/dist/chunk-RID7N3YQ.mjs"() {
+    "use client";
+    styles = {
+      global: {
+        body: {
+          fontFamily: "body",
+          color: "chakra-body-text",
+          bg: "chakra-body-bg",
+          transitionProperty: "background-color",
+          transitionDuration: "normal",
+          lineHeight: "base"
+        },
+        "*::placeholder": {
+          color: "chakra-placeholder-color"
+        },
+        "*, *::before, &::after": {
+          borderColor: "chakra-border-color"
+        }
       }
     };
   }
 });
-var zIndices2;
-var init_zIndices = __esm({
-  "src/theme/foundations/zIndices.ts"() {
-    zIndices2 = {
-      hide: tokens10__namespace.default.depth["z-index"].hide,
-      auto: "auto",
-      base: tokens10__namespace.default.depth["z-index"].base,
-      docked: tokens10__namespace.default.depth["z-index"].docked,
-      dropdown: tokens10__namespace.default.depth["z-index"].dropdown,
-      sticky: tokens10__namespace.default.depth["z-index"].sticky,
-      banner: tokens10__namespace.default.depth["z-index"].banner,
-      overlay: tokens10__namespace.default.depth["z-index"].overlay,
-      modal: tokens10__namespace.default.depth["z-index"].modal,
-      popover: tokens10__namespace.default.depth["z-index"].popover,
-      skipLink: tokens10__namespace.default.depth["z-index"].skipLink,
-      toast: tokens10__namespace.default.depth["z-index"].toast,
-      tooltip: tokens10__namespace.default.depth["z-index"].tooltip
-    };
-  }
-});
 
-// src/theme/foundations/index.ts
-var foundations_exports = {};
-__export(foundations_exports, {
-  borders: () => borders2,
-  breakpoints: () => breakpoints2,
-  colors: () => colors,
-  config: () => config2,
-  fontSizes: () => fontSizes,
-  fontWeights: () => fontWeights,
-  fonts: () => fonts,
-  lineHeights: () => lineHeights,
-  radii: () => radii2,
-  shadows: () => shadows,
-  sizes: () => sizes24,
-  space: () => space2,
-  spacing: () => spacing2,
-  textStyles: () => textStyles,
-  zIndices: () => zIndices2
-});
-var init_foundations = __esm({
-  "src/theme/foundations/index.ts"() {
-    init_borders();
-    init_breakpoints();
-    init_colors();
-    init_config();
-    init_fonts();
-    init_fontSizes();
-    init_fontWeights();
-    init_lineHeights();
-    init_radii();
-    init_shadows();
-    init_sizes();
-    init_spacing();
-    init_textStyles();
-    init_zIndices();
+// ../../node_modules/@chakra-ui/theme/dist/index.mjs
+var direction, config2, theme2;
+var init_dist5 = __esm({
+  "../../node_modules/@chakra-ui/theme/dist/index.mjs"() {
+    init_chunk_5FMCT5RQ();
+    init_chunk_BVEAU2MF();
+    init_chunk_SKQLGI36();
+    init_chunk_RID7N3YQ();
+    direction = "ltr";
+    config2 = {
+      useSystemColorMode: false,
+      initialColorMode: "light",
+      cssVarPrefix: "chakra"
+    };
+    theme2 = {
+      semanticTokens,
+      direction,
+      ...foundations,
+      components,
+      styles,
+      config: config2
+    };
+    ({
+      semanticTokens,
+      direction,
+      components: {},
+      ...foundations,
+      styles,
+      config: config2
+    });
   }
 });
 
@@ -19977,7 +20001,7 @@ var init_datepicker2 = __esm({
               borderColor: themeTools.mode("darkGrey", "white")(props),
               borderWidth: 2
             }),
-            zIndex: zIndices2.docked
+            zIndex: zIndices.docked
           },
           _focusWithin: {
             boxShadow: getBoxShadowString({
@@ -23295,6 +23319,7 @@ Object.defineProperty(exports, 'Time', {
   enumerable: true,
   get: function () { return date.Time; }
 });
+exports.tokens = tokens10__namespace;
 Object.defineProperty(exports, 'Item', {
   enumerable: true,
   get: function () { return reactStately.Item; }
@@ -23303,7 +23328,6 @@ Object.defineProperty(exports, 'Section', {
   enumerable: true,
   get: function () { return reactStately.Section; }
 });
-exports.tokens = tokens10__namespace;
 exports.Combobox = Combobox;
 exports.DateRangePicker = DateRangePicker;
 exports.DrawerHeader = exports.ModalHeader;