@vygruppen/spor-react 3.5.0 → 3.5.2

package/.turbo/turbo-build.log

@@ -1,21 +1,22 @@
 
-> @vygruppen/spor-react@3.5.0 build
+> @vygruppen/spor-react@3.5.2 build
 > tsup src/index.tsx --dts --treeshake --format cjs,esm
 
 CLI Building entry: src/index.tsx
 CLI Using tsconfig: tsconfig.json
-CLI tsup v6.7.0
-CLI Target: node14
+CLI tsup v7.2.0
+CLI Target: node16
 CJS Build start
 ESM Build start
 DTS Build start
-"toZoned" and "toTime" are imported from external module "@internationalized/date" but never used in "dist/chunk-ELSHBTSG.mjs".
 "toZoned" and "toTime" are imported from external module "@internationalized/date" but never used in "dist/index.js".
+"toZoned" and "toTime" are imported from external module "@internationalized/date" but never used in "dist/chunk-HDXTKAGQ.mjs".
+CJS dist/index.js 531.70 KB
+CJS ⚡️ Build success in 4431ms
 ESM dist/index.mjs                      2.06 KB
-ESM dist/CountryCodeSelect-46KAQXG4.mjs 350.82 KB
-ESM dist/chunk-ELSHBTSG.mjs             422.41 KB
-ESM ⚡️ Build success in 5355ms
-CJS dist/index.js 905.94 KB
-CJS ⚡️ Build success in 5356ms
-DTS ⚡️ Build success in 19029ms
-DTS dist/index.d.ts 253.58 KB
+ESM dist/CountryCodeSelect-IVEQVV6R.mjs 1.19 KB
+ESM dist/chunk-HDXTKAGQ.mjs             425.41 KB
+ESM ⚡️ Build success in 4432ms
+DTS ⚡️ Build success in 21404ms
+DTS dist/index.d.ts  253.62 KB
+DTS dist/index.d.mts 253.62 KB

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @vygruppen/spor-react
 
+## 3.5.2
+
+### Patch Changes
+
+- cfa3ebb1: ExpandableAlert: Fix double padding bug
+  Other:
+
+  - Set the document-level line height to a valid value
+  - Fix a bug with icon generation
+
+- Updated dependencies [cfa3ebb1]
+  - @vygruppen/spor-icon-react@3.2.2
+
+## 3.5.1
+
+### Patch Changes
+
+- 6ca2f865: Update internal dependencies"
+- 01f4a68c: FloatingActionButton: Enable server rendering
+- Updated dependencies [6ca2f865]
+  - @vygruppen/spor-icon-react@3.2.1
+  - @vygruppen/spor-loader@0.3.2
+
 ## 3.5.0
 
 ### Minor Changes

package/dist/CountryCodeSelect-IVEQVV6R.mjs

@@ -0,0 +1,40 @@
+import { createTexts, useTranslation, InfoSelect, Item } from './chunk-HDXTKAGQ.mjs';
+import React from 'react';
+import { getSupportedCallingCodes } from 'awesome-phonenumber';
+
+var prioritizedCountryCodes = [
+  { key: "+47", value: "+47" },
+  { key: "+46", value: "+46" },
+  { key: "+45", value: "+45" }
+];
+var sortedCallingCodes = getSupportedCallingCodes().sort((a, b) => Number(a) - Number(b)).map((code) => ({
+  key: `+${code}`,
+  value: `+${code}`
+})).filter(
+  (code) => !prioritizedCountryCodes.some((pCode) => pCode.key === code.key)
+);
+var callingCodes = [...prioritizedCountryCodes, ...sortedCallingCodes];
+var CountryCodeSelect = (props) => {
+  const { t } = useTranslation();
+  return /* @__PURE__ */ React.createElement(
+    InfoSelect,
+    {
+      label: t(texts.countryCode),
+      isLabelSrOnly: true,
+      items: callingCodes,
+      ...props
+    },
+    (item) => /* @__PURE__ */ React.createElement(Item, { key: item.key }, item.key)
+  );
+};
+var CountryCodeSelect_default = CountryCodeSelect;
+var texts = createTexts({
+  countryCode: {
+    nb: "Landkode",
+    nn: "Landskode",
+    en: "Country code",
+    sv: "Landskod"
+  }
+});
+
+export { CountryCodeSelect, CountryCodeSelect_default as default };

package/dist/{chunk-ELSHBTSG.mjs → chunk-HDXTKAGQ.mjs}

@@ -948,10 +948,10 @@ var ColorSpinner = ({
   maxWidth,
   ...props
 }) => {
-  return /* @__PURE__ */ React50__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React50__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React50__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React50__default.createElement(Lottie, { animationData: spinnerColorData }))), children && /* @__PURE__ */ React50__default.createElement(Box, { mt: 3, fontWeight: "bold" }, children));
+  return /* @__PURE__ */ React50__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React50__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React50__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React50__default.createElement(Lottie, { animationData: spinnerColorData }))), children && /* @__PURE__ */ React50__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
 };
 var ContentLoader = ({ children, ...props }) => {
-  return /* @__PURE__ */ React50__default.createElement(Box, { ...props }, /* @__PURE__ */ React50__default.createElement(Box, { maxWidth: "140px", mx: "auto" }, /* @__PURE__ */ React50__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React50__default.createElement(Lottie, { animationData: contentLoaderData }))), children && /* @__PURE__ */ React50__default.createElement(Box, { textAlign: "center", fontWeight: "bold" }, children));
+  return /* @__PURE__ */ React50__default.createElement(Box, { ...props }, /* @__PURE__ */ React50__default.createElement(Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React50__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React50__default.createElement(Lottie, { animationData: contentLoaderData }))), children && /* @__PURE__ */ React50__default.createElement(Box, { textAlign: "center", fontWeight: "bold" }, children));
 };
 var DarkFullScreenLoader = ({
   width,
@@ -995,7 +995,7 @@ var LightSpinner = ({
   maxWidth,
   ...props
 }) => {
-  return /* @__PURE__ */ React50__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React50__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React50__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React50__default.createElement(Lottie, { animationData: spinnerLightData }))), children && /* @__PURE__ */ React50__default.createElement(Box, { mt: 3, fontWeight: "bold" }, children));
+  return /* @__PURE__ */ React50__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React50__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React50__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React50__default.createElement(Lottie, { animationData: spinnerLightData }))), children && /* @__PURE__ */ React50__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
 };
 var useRotatingLabel = ({ label, delay }) => {
   const loadingTextArray = useMemo(
@@ -1211,7 +1211,7 @@ var Button = forwardRef((props, ref) => {
         {
           maxWidth: getLoaderWidth(finalSize),
           width: "100%",
-          mx: 2
+          marginX: 2
         }
       )
     ),
@@ -1253,7 +1253,7 @@ var IconButton = forwardRef(
     {
       title: props["aria-label"],
       ...props,
-      spinner: /* @__PURE__ */ React50__default.createElement(ColorSpinner, { m: 1 }),
+      spinner: /* @__PURE__ */ React50__default.createElement(ColorSpinner, { margin: 1 }),
       ref
     }
   )
@@ -1360,7 +1360,7 @@ var FloatingActionButton = ({
 };
 var useScrollDirection = () => {
   const [scrollDirection, setScrollDirection] = React50__default.useState(null);
-  const lastScrollPosition = React50__default.useRef(window.scrollY);
+  const lastScrollPosition = React50__default.useRef(typeof window !== "undefined" ? window.scrollY : 0);
   React50__default.useEffect(() => {
     const onScroll = () => {
       const delta = window.scrollY - lastScrollPosition.current;
@@ -1438,7 +1438,7 @@ var texts5 = createTexts({
 });
 var BaseAlert = ({ variant, children, ...boxProps }) => {
   const styles2 = useMultiStyleConfig("Alert", { variant });
-  return /* @__PURE__ */ React50__default.createElement(Box, { sx: styles2.container, ...boxProps }, children);
+  return /* @__PURE__ */ React50__default.createElement(Box, { __css: styles2.container, ...boxProps }, children);
 };
 
 // src/alert/ClosableAlert.tsx
@@ -1488,7 +1488,7 @@ var ExpandableAlert = ({
   },
   ...boxProps
 }) => {
-  return /* @__PURE__ */ React50__default.createElement(BaseAlert, { variant, paddingX: 0, paddingY: 0, padding: 0, ...boxProps }, /* @__PURE__ */ React50__default.createElement(
+  return /* @__PURE__ */ React50__default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React50__default.createElement(
     Accordion$1,
     {
       onChange: (expandedIndex) => onToggle(expandedIndex === 0),
@@ -1503,7 +1503,7 @@ var ExpandableAlert = ({
         alignItems: "center",
         flexGrow: "1"
       },
-      /* @__PURE__ */ React50__default.createElement(Flex, { as: headingLevel }, /* @__PURE__ */ React50__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React50__default.createElement(
+      /* @__PURE__ */ React50__default.createElement(Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React50__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React50__default.createElement(
         Box,
         {
           as: "span",
@@ -3906,7 +3906,7 @@ function DateRangePicker({
         onKeyPress: handleEnterClick,
         minHeight
       },
-      !hasTrigger && /* @__PURE__ */ React50__default.createElement(CalendarOutline24Icon, { mr: 2, alignSelf: "center" }),
+      !hasTrigger && /* @__PURE__ */ React50__default.createElement(CalendarOutline24Icon, { marginRight: 2, alignSelf: "center" }),
       /* @__PURE__ */ React50__default.createElement(
         DateField,
         {
@@ -3917,7 +3917,7 @@ function DateRangePicker({
           labelProps
         }
       ),
-      /* @__PURE__ */ React50__default.createElement(Box, { as: "span", "aria-hidden": "true", px: "2" }, "\u2013"),
+      /* @__PURE__ */ React50__default.createElement(Box, { as: "span", "aria-hidden": "true", paddingX: "2" }, "\u2013"),
       /* @__PURE__ */ React50__default.createElement(
         DateField,
         {
@@ -4314,7 +4314,7 @@ var ChoiceChip = forwardRef((props, ref) => {
       },
       icon && /* @__PURE__ */ React50__default.createElement(chakra.span, { __css: styles2.icon }, state2.isChecked ? icon.checked : icon.default),
       /* @__PURE__ */ React50__default.createElement(chakra.span, { __css: styles2.label, ...getCheckboxProps() }, variant !== "icon" && children),
-      variant === "filter" && state2.isChecked && /* @__PURE__ */ React50__default.createElement(CloseOutline24Icon, { ml: 1.5 })
+      variant === "filter" && state2.isChecked && /* @__PURE__ */ React50__default.createElement(CloseOutline24Icon, { marginLeft: 1.5 })
     )
   );
 });
@@ -5007,7 +5007,7 @@ var PasswordInput = forwardRef(
         type: "button",
         onClick: onToggle,
         borderRadius: "sm",
-        mr: 1
+        marginRight: 1
       },
       isShowingPassword ? t2(texts13.hidePassword) : t2(texts13.showPassword)
     )));
@@ -5095,7 +5095,7 @@ var texts14 = createTexts({
     sv: "Telefonnummer"
   }
 });
-var LazyCountryCodeSelect = React50__default.lazy(() => import('./CountryCodeSelect-46KAQXG4.mjs'));
+var LazyCountryCodeSelect = React50__default.lazy(() => import('./CountryCodeSelect-IVEQVV6R.mjs'));
 var Radio = forwardRef((props, ref) => {
   return /* @__PURE__ */ React50__default.createElement(Radio$1, { ...props, ref });
 });
@@ -5114,8 +5114,8 @@ var SearchInput = forwardRef(
     return /* @__PURE__ */ React50__default.createElement(InputGroup, { position: "relative" }, /* @__PURE__ */ React50__default.createElement(InputLeftElement2, null, /* @__PURE__ */ React50__default.createElement(SearchOutline24Icon, null)), /* @__PURE__ */ React50__default.createElement(
       Input$1,
       {
-        pl: 7,
-        pr: 7,
+        paddingLeft: 7,
+        paddingRight: 7,
         ...props,
         id: inputId,
         type: "search",
@@ -5134,7 +5134,7 @@ var SearchInput = forwardRef(
         variant: "ghost",
         type: "button",
         size: "sm",
-        mr: 1,
+        marginRight: 1,
         "aria-label": t2(texts15.reset),
         icon: /* @__PURE__ */ React50__default.createElement(CloseOutline24Icon, null),
         onClick: onReset
@@ -5939,7 +5939,7 @@ var StepperStep = ({ children, stepNumber }) => {
     variant,
     colorScheme
   });
-  return /* @__PURE__ */ React50__default.createElement(Box, { __css: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React50__default.createElement(DropdownRightFill18Icon, { mx: 5, display: ["none", "block"] }), /* @__PURE__ */ React50__default.createElement(
+  return /* @__PURE__ */ React50__default.createElement(Box, { __css: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React50__default.createElement(DropdownRightFill18Icon, { marginX: 5, display: ["none", "block"] }), /* @__PURE__ */ React50__default.createElement(
     Flex,
     {
       __css: style.stepButton,
@@ -5992,6 +5992,8 @@ function isObject(value) {
   const type = typeof value;
   return value != null && (type === "object" || type === "function") && !Array.isArray(value);
 }
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-RXCYWA6Q.mjs
 var transitionProperty = {
   common: "background-color, border-color, color, fill, stroke, opacity, box-shadow, transform",
   colors: "background-color, border-color, color, fill, stroke",
@@ -6019,6 +6021,8 @@ var transition = {
   duration: transitionDuration
 };
 var transition_default = transition;
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-5QZEG2IM.mjs
 var zIndices = {
   hide: -1,
   auto: "auto",
@@ -6035,6 +6039,8 @@ var zIndices = {
   tooltip: 1800
 };
 var z_index_default = zIndices;
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-PE5G6LAZ.mjs
 var borders = {
   none: 0,
   "1px": "1px solid",
@@ -6043,6 +6049,8 @@ var borders = {
   "8px": "8px solid"
 };
 var borders_default = borders;
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-ZCARTYDH.mjs
 var breakpoints = {
   base: "0em",
   sm: "30em",
@@ -6052,6 +6060,8 @@ var breakpoints = {
   "2xl": "96em"
 };
 var breakpoints_default = breakpoints;
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-OFZWI3IK.mjs
 var colors2 = {
   transparent: "transparent",
   current: "currentColor",
@@ -6275,6 +6285,8 @@ var colors2 = {
   }
 };
 var colors_default = colors2;
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-AMMMMB27.mjs
 var radii = {
   none: "0",
   sm: "0.125rem",
@@ -6287,6 +6299,8 @@ var radii = {
   full: "9999px"
 };
 var radius_default = radii;
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-A3OO4VZD.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)",
@@ -6301,6 +6315,8 @@ var shadows2 = {
   "dark-lg": "rgba(0, 0, 0, 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.2) 0px 5px 10px, rgba(0, 0, 0, 0.4) 0px 15px 40px"
 };
 var shadows_default = shadows2;
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-EXHLCVSK.mjs
 var blur = {
   none: 0,
   sm: "4px",
@@ -6312,6 +6328,8 @@ var blur = {
   "3xl": "64px"
 };
 var blur_default = blur;
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-VW4MZLZF.mjs
 var typography = {
   letterSpacings: {
     tighter: "-0.05em",
@@ -6373,6 +6391,8 @@ var typography = {
   }
 };
 var typography_default = typography;
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-NIUVG5KM.mjs
 var spacing = {
   px: "1px",
   0.5: "0.125rem",
@@ -6408,6 +6428,8 @@ var spacing = {
   80: "20rem",
   96: "24rem"
 };
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-QH74K4BV.mjs
 var largeSizes = {
   max: "max-content",
   min: "min-content",
@@ -6440,6 +6462,8 @@ var sizes = {
   container
 };
 var sizes_default = sizes;
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-5FMCT5RQ.mjs
 var foundations = {
   breakpoints: breakpoints_default,
   zIndices: z_index_default,
@@ -7540,6 +7564,8 @@ function createMultiStyleConfigHelpers(parts14) {
     }
   };
 }
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-QHVXS45H.mjs
 var { defineMultiStyleConfig, definePartsStyle } = createMultiStyleConfigHelpers([
   "stepper",
   "step",
@@ -7684,6 +7710,8 @@ var stepperTheme = defineMultiStyleConfig({
     colorScheme: "blue"
   }
 });
+
+// ../../node_modules/@chakra-ui/anatomy/dist/chunk-7LPD4XZ3.mjs
 function anatomy(name, map = {}) {
   let called = false;
   function assert() {
@@ -7746,6 +7774,8 @@ function anatomy(name, map = {}) {
     __type
   };
 }
+
+// ../../node_modules/@chakra-ui/anatomy/dist/chunk-Z4JVF5YI.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");
@@ -8376,6 +8406,8 @@ var badgeTheme = defineStyleConfig({
     colorScheme: "gray"
   }
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-VM3745AK.mjs
 var { defineMultiStyleConfig: defineMultiStyleConfig5, definePartsStyle: definePartsStyle5 } = createMultiStyleConfigHelpers(tagAnatomy.keys);
 var $bg3 = cssVar("tag-bg");
 var $color = cssVar("tag-color");
@@ -8698,6 +8730,8 @@ var inputTheme = defineMultiStyleConfig6({
     variant: "outline"
   }
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-TN6RO673.mjs
 var _a;
 var baseStyle8 = defineStyle({
   ...(_a = inputTheme.baseStyle) == null ? void 0 : _a.field,
@@ -8842,6 +8876,8 @@ var progressTheme = defineMultiStyleConfig7({
     colorScheme: "blue"
   }
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-RQ25AHBB.mjs
 var isFunction = (value) => typeof value === "function";
 function runIfFn(valueOrFn, ...args) {
   return isFunction(valueOrFn) ? valueOrFn(...args) : valueOrFn;
@@ -8932,6 +8968,8 @@ var checkboxTheme = defineMultiStyleConfig8({
     colorScheme: "blue"
   }
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-BJIKSU3K.mjs
 var { defineMultiStyleConfig: defineMultiStyleConfig9, definePartsStyle: definePartsStyle9 } = createMultiStyleConfigHelpers(radioAnatomy.keys);
 var baseStyleControl2 = defineStyle((props) => {
   var _a6;
@@ -8983,6 +9021,8 @@ var radioTheme = defineMultiStyleConfig9({
     colorScheme: "blue"
   }
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-ILLVD2I4.mjs
 var { defineMultiStyleConfig: defineMultiStyleConfig10, definePartsStyle: definePartsStyle10 } = createMultiStyleConfigHelpers(selectAnatomy.keys);
 var $bg5 = cssVar("select-bg");
 var _a4;
@@ -9065,6 +9105,8 @@ var selectTheme = defineMultiStyleConfig10({
   variants: inputTheme.variants,
   defaultProps: inputTheme.defaultProps
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-T6E7UBRI.mjs
 var $startColor = cssVar("skeleton-start-color");
 var $endColor = cssVar("skeleton-end-color");
 var baseStyle14 = defineStyle({
@@ -9082,6 +9124,8 @@ var baseStyle14 = defineStyle({
 var skeletonTheme = defineStyleConfig({
   baseStyle: baseStyle14
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-URZN3QPP.mjs
 var $bg6 = cssVar("skip-link-bg");
 var baseStyle15 = defineStyle({
   borderRadius: "md",
@@ -9269,6 +9313,8 @@ var spinnerTheme = defineStyleConfig({
     size: "md"
   }
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-66QM3UU6.mjs
 var { defineMultiStyleConfig: defineMultiStyleConfig12, definePartsStyle: definePartsStyle12 } = createMultiStyleConfigHelpers(statAnatomy.keys);
 var baseStyleLabel4 = defineStyle({
   fontWeight: "medium"
@@ -9308,6 +9354,8 @@ var statTheme = defineMultiStyleConfig12({
     size: "md"
   }
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-73PQYQVW.mjs
 var $bg8 = cssVar("kbd-bg");
 var baseStyle19 = defineStyle({
   [$bg8.variable]: "colors.gray.100",
@@ -9327,6 +9375,8 @@ var baseStyle19 = defineStyle({
 var kbdTheme = defineStyleConfig({
   baseStyle: baseStyle19
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-NTN663XT.mjs
 var baseStyle20 = defineStyle({
   transitionProperty: "common",
   transitionDuration: "fast",
@@ -9345,6 +9395,8 @@ var baseStyle20 = defineStyle({
 var linkTheme = defineStyleConfig({
   baseStyle: baseStyle20
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-RRJIKBCH.mjs
 var { defineMultiStyleConfig: defineMultiStyleConfig13, definePartsStyle: definePartsStyle13 } = createMultiStyleConfigHelpers(listAnatomy.keys);
 var baseStyleIcon4 = defineStyle({
   marginEnd: "2",
@@ -9357,6 +9409,8 @@ var baseStyle21 = definePartsStyle13({
 var listTheme = defineMultiStyleConfig13({
   baseStyle: baseStyle21
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-3XV5CZGX.mjs
 var { defineMultiStyleConfig: defineMultiStyleConfig14, definePartsStyle: definePartsStyle14 } = createMultiStyleConfigHelpers(menuAnatomy.keys);
 var $bg9 = cssVar("menu-bg");
 var $shadow2 = cssVar("menu-shadow");
@@ -9444,6 +9498,8 @@ var baseStyle22 = definePartsStyle14({
 var menuTheme = defineMultiStyleConfig14({
   baseStyle: baseStyle22
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-JIVTZ35T.mjs
 var { defineMultiStyleConfig: defineMultiStyleConfig15, definePartsStyle: definePartsStyle15 } = createMultiStyleConfigHelpers(modalAnatomy.keys);
 var $bg10 = cssVar("modal-bg");
 var $shadow3 = cssVar("modal-shadow");
@@ -9640,6 +9696,8 @@ var numberInputTheme = defineMultiStyleConfig16({
   variants: inputTheme.variants,
   defaultProps: inputTheme.defaultProps
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-HFED6QOE.mjs
 var _a5;
 var baseStyle25 = defineStyle({
   ...(_a5 = inputTheme.baseStyle) == null ? void 0 : _a5.field,
@@ -9757,6 +9815,8 @@ var baseStyle26 = definePartsStyle17({
 var popoverTheme = defineMultiStyleConfig17({
   baseStyle: baseStyle26
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-5FAATIOO.mjs
 var { definePartsStyle: definePartsStyle18, defineMultiStyleConfig: defineMultiStyleConfig18 } = createMultiStyleConfigHelpers(drawerAnatomy.keys);
 var $bg12 = cssVar("drawer-bg");
 var $bs = cssVar("drawer-box-shadow");
@@ -9841,6 +9901,8 @@ var drawerTheme = defineMultiStyleConfig18({
     size: "xs"
   }
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-VJU277AG.mjs
 var { definePartsStyle: definePartsStyle19, defineMultiStyleConfig: defineMultiStyleConfig19 } = createMultiStyleConfigHelpers(editableAnatomy.keys);
 var baseStylePreview = defineStyle({
   borderRadius: "md",
@@ -9874,6 +9936,8 @@ var baseStyle28 = definePartsStyle19({
 var editableTheme = defineMultiStyleConfig19({
   baseStyle: baseStyle28
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-OQ4UESHD.mjs
 var { definePartsStyle: definePartsStyle20, defineMultiStyleConfig: defineMultiStyleConfig20 } = createMultiStyleConfigHelpers(formAnatomy.keys);
 var $fg4 = cssVar("form-control-color");
 var baseStyleRequiredIndicator = defineStyle({
@@ -9905,6 +9969,8 @@ var baseStyle29 = definePartsStyle20({
 var formTheme = defineMultiStyleConfig20({
   baseStyle: baseStyle29
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-66WVPDP6.mjs
 var { definePartsStyle: definePartsStyle21, defineMultiStyleConfig: defineMultiStyleConfig21 } = createMultiStyleConfigHelpers(formErrorAnatomy.keys);
 var $fg5 = cssVar("form-error-color");
 var baseStyleText = defineStyle({
@@ -9932,6 +9998,8 @@ var baseStyle30 = definePartsStyle21({
 var formErrorTheme = defineMultiStyleConfig21({
   baseStyle: baseStyle30
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-2RLCRBJQ.mjs
 var baseStyle31 = defineStyle({
   fontSize: "md",
   marginEnd: "3",
@@ -9947,6 +10015,8 @@ var baseStyle31 = defineStyle({
 var formLabelTheme = defineStyleConfig({
   baseStyle: baseStyle31
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-SZS2B4EE.mjs
 var baseStyle32 = defineStyle({
   fontFamily: "heading",
   fontWeight: "bold"
@@ -9992,6 +10062,8 @@ var headingTheme = defineStyleConfig({
     size: "xl"
   }
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-CHG7JP5U.mjs
 var { defineMultiStyleConfig: defineMultiStyleConfig22, definePartsStyle: definePartsStyle22 } = createMultiStyleConfigHelpers(breadcrumbAnatomy.keys);
 var $decor = cssVar("breadcrumb-link-decor");
 var baseStyleLink = defineStyle({
@@ -10193,6 +10265,8 @@ var buttonTheme = defineStyleConfig({
     colorScheme: "gray"
   }
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-N5CTW2M4.mjs
 var { definePartsStyle: definePartsStyle23, defineMultiStyleConfig: defineMultiStyleConfig23 } = createMultiStyleConfigHelpers(cardAnatomy.keys);
 var $bg13 = cssVar("card-bg");
 var $padding2 = cssVar("card-padding");
@@ -10333,6 +10407,8 @@ var closeButtonTheme = defineStyleConfig({
     size: "md"
   }
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-I7MXUFNA.mjs
 var { variants: variants10, defaultProps } = badgeTheme;
 var baseStyle37 = defineStyle({
   fontFamily: "mono",
@@ -10348,6 +10424,8 @@ var codeTheme = defineStyleConfig({
   variants: variants10,
   defaultProps
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-R5JELUQ3.mjs
 var baseStyle38 = defineStyle({
   w: "100%",
   mx: "auto",
@@ -10357,6 +10435,8 @@ var baseStyle38 = defineStyle({
 var containerTheme = defineStyleConfig({
   baseStyle: baseStyle38
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-6PVQMBW4.mjs
 var baseStyle39 = defineStyle({
   opacity: 0.6,
   borderColor: "inherit"
@@ -10378,6 +10458,8 @@ var dividerTheme = defineStyleConfig({
     variant: "solid"
   }
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-MTSOOEOV.mjs
 var { definePartsStyle: definePartsStyle24, defineMultiStyleConfig: defineMultiStyleConfig24 } = createMultiStyleConfigHelpers(accordionAnatomy.keys);
 var baseStyleContainer4 = defineStyle({
   borderTopWidth: "1px",
@@ -10623,6 +10705,8 @@ var avatarTheme = defineMultiStyleConfig26({
     size: "md"
   }
 });
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-BVEAU2MF.mjs
 var components = {
   Accordion: accordionTheme,
   Alert: alertTheme,
@@ -10667,6 +10751,8 @@ var components = {
   Card: cardTheme,
   Stepper: stepperTheme
 };
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-SKQLGI36.mjs
 var semanticTokens = {
   colors: {
     "chakra-body-text": { _light: "gray.800", _dark: "whiteAlpha.900" },
@@ -10678,6 +10764,8 @@ var semanticTokens = {
     "chakra-placeholder-color": { _light: "gray.500", _dark: "whiteAlpha.400" }
   }
 };
+
+// ../../node_modules/@chakra-ui/theme/dist/chunk-RID7N3YQ.mjs
 var styles = {
   global: {
     body: {
@@ -10696,6 +10784,8 @@ var styles = {
     }
   }
 };
+
+// ../../node_modules/@chakra-ui/theme/dist/index.mjs
 var direction = "ltr";
 var config = {
   useSystemColorMode: false,
@@ -10833,6 +10923,7 @@ var fontWeights = {
   bold: 700
 };
 var lineHeights = {
+  base: tokens10__default.font.style.lg["line-height"],
   normal: tokens10__default.font.style.lg["line-height"]
 };
 var radii2 = {