@vygruppen/spor-react 9.4.1 → 9.6.0

package/dist/index.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var react = require('@chakra-ui/react');
-var React70 = require('react');
+var React71 = require('react');
 var lottieReact = require('lottie-react');
 var sporLoader = require('@vygruppen/spor-loader');
 var reactAria = require('react-aria');
@@ -36,7 +36,7 @@ function _interopNamespace(e) {
   return Object.freeze(n);
 }
 
-var React70__namespace = /*#__PURE__*/_interopNamespace(React70);
+var React71__namespace = /*#__PURE__*/_interopNamespace(React71);
 var tokens11__namespace = /*#__PURE__*/_interopNamespace(tokens11);
 var deepmerge__default = /*#__PURE__*/_interopDefault(deepmerge);
 
@@ -76,7 +76,7 @@ exports.Divider = void 0;
 var init_Divider = __esm({
   "src/layout/Divider.tsx"() {
     exports.Divider = react.forwardRef((props, ref) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Divider, { ...props, ref });
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Divider, { ...props, ref });
     });
   }
 });
@@ -85,7 +85,7 @@ var init_Stack = __esm({
   "src/layout/Stack.tsx"() {
     exports.Stack = react.forwardRef(
       ({ flexDirection, ...props }, ref) => {
-        return /* @__PURE__ */ React70__namespace.default.createElement(react.Stack, { ...props, direction: flexDirection, ref });
+        return /* @__PURE__ */ React71__namespace.default.createElement(react.Stack, { ...props, direction: flexDirection, ref });
       }
     );
   }
@@ -99,15 +99,15 @@ var init_layout = __esm({
 var AccordionContext, AccordionProvider, useAccordionContext;
 var init_AccordionContext = __esm({
   "src/accordion/AccordionContext.tsx"() {
-    AccordionContext = React70__namespace.default.createContext(null);
+    AccordionContext = React71__namespace.default.createContext(null);
     AccordionProvider = ({
       size: size2,
       ...props
     }) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
+      return /* @__PURE__ */ React71__namespace.default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
     };
     useAccordionContext = () => {
-      const context = React70__namespace.default.useContext(AccordionContext);
+      const context = React71__namespace.default.useContext(AccordionContext);
       if (context === null) {
         throw new Error(
           "useAccordionContext must be used within AccordionProvider"
@@ -125,14 +125,14 @@ var init_Accordion = __esm({
     exports.Accordion = react.forwardRef(
       ({ children, spacing: spacing3 = 2, ...props }, ref) => {
         const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
-        return /* @__PURE__ */ React70__namespace.default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React71__namespace.default.createElement(
           react.Accordion,
           {
             ...props,
             ref,
             defaultIndex
           },
-          /* @__PURE__ */ React70__namespace.default.createElement(exports.Stack, { spacing: spacing3 }, children)
+          /* @__PURE__ */ React71__namespace.default.createElement(exports.Stack, { spacing: spacing3 }, children)
         ));
       }
     );
@@ -155,7 +155,7 @@ var init_Expandable = __esm({
       },
       ...rest
     }) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         exports.Accordion,
         {
           ...rest,
@@ -165,7 +165,7 @@ var init_Expandable = __esm({
           size: size2,
           onChange: (expandedIndex) => onChange(expandedIndex === 0)
         },
-        /* @__PURE__ */ React70__namespace.default.createElement(
+        /* @__PURE__ */ React71__namespace.default.createElement(
           exports.ExpandableItem,
           {
             headingLevel,
@@ -185,7 +185,7 @@ var init_Expandable = __esm({
     }) => {
       const { size: size2 } = useAccordionContext();
       warnAboutMismatchingIcon({ icon: leftIcon, size: size2 });
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.AccordionItem, { ...rest }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { as: headingLevel }, /* @__PURE__ */ React70__namespace.default.createElement(react.AccordionButton, null, /* @__PURE__ */ React70__namespace.default.createElement(react.Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React70__namespace.default.createElement(react.AccordionIcon, null))), /* @__PURE__ */ React70__namespace.default.createElement(react.AccordionPanel, null, children));
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.AccordionItem, { ...rest }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { as: headingLevel }, /* @__PURE__ */ React71__namespace.default.createElement(react.AccordionButton, null, /* @__PURE__ */ React71__namespace.default.createElement(react.Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React71__namespace.default.createElement(react.AccordionIcon, null))), /* @__PURE__ */ React71__namespace.default.createElement(react.AccordionPanel, null, children));
     };
     warnAboutMismatchingIcon = ({ icon, size: size2 }) => {
       var _a6, _b5;
@@ -236,10 +236,10 @@ function LanguageProvider({
   language,
   children
 }) {
-  return /* @__PURE__ */ React70__namespace.default.createElement(LanguageContext.Provider, { value: language }, children);
+  return /* @__PURE__ */ React71__namespace.default.createElement(LanguageContext.Provider, { value: language }, children);
 }
 function useLanguage() {
-  const language = React70.useContext(LanguageContext);
+  const language = React71.useContext(LanguageContext);
   if (!language) {
     throw new Error("Please wrap your application in a LanguageProvider");
   }
@@ -252,8 +252,8 @@ function useTranslation() {
   };
   return { t: t2, language };
 }
-function createTexts(texts28) {
-  return texts28;
+function createTexts(texts29) {
+  return texts29;
 }
 exports.Language = void 0; var LanguageContext;
 var init_i18n = __esm({
@@ -265,12 +265,12 @@ var init_i18n = __esm({
       Language3["English"] = "en";
       return Language3;
     })(exports.Language || {});
-    LanguageContext = React70.createContext(void 0);
+    LanguageContext = React71.createContext(void 0);
   }
 });
 function useHydrated() {
-  let [hydrated, setHydrated] = React70.useState(() => !hydrating);
-  React70.useEffect(function hydrate() {
+  let [hydrated, setHydrated] = React71.useState(() => !hydrating);
+  React71.useEffect(function hydrate() {
     hydrating = false;
     setHydrated(true);
   }, []);
@@ -288,13 +288,13 @@ var init_ClientOnly = __esm({
     init_useHydrated();
     ClientOnly = ({ children, fallback = null }) => {
       const isHydrated = useHydrated();
-      return /* @__PURE__ */ React70__namespace.default.createElement(React70__namespace.default.Fragment, null, isHydrated ? children() : fallback);
+      return /* @__PURE__ */ React71__namespace.default.createElement(React71__namespace.default.Fragment, null, isHydrated ? children() : fallback);
     };
   }
 });
 function Lottie({ animationData }) {
   const { View } = lottieReact.useLottie({ animationData, loop: true });
-  return /* @__PURE__ */ React70__namespace.default.createElement(React70__namespace.default.Fragment, null, View);
+  return /* @__PURE__ */ React71__namespace.default.createElement(React71__namespace.default.Fragment, null, View);
 }
 var init_Lottie = __esm({
   "src/loader/Lottie.tsx"() {
@@ -310,7 +310,7 @@ var init_ColorInlineLoader = __esm({
       maxWidth,
       ...props
     }) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React70__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderColorData }))));
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React71__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderColorData }))));
     };
   }
 });
@@ -325,7 +325,7 @@ var init_ColorSpinner = __esm({
       maxWidth,
       ...props
     }) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React70__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerColorData }))), children && /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React71__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerColorData }))), children && /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
     };
   }
 });
@@ -335,7 +335,7 @@ var init_ContentLoader = __esm({
     init_ClientOnly();
     init_Lottie();
     exports.ContentLoader = ({ children, ...props }) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React70__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__namespace.default.createElement(Lottie, { animationData: sporLoader.contentLoaderData }))), children && /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { textAlign: "center", fontWeight: "bold" }, children));
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React71__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__namespace.default.createElement(Lottie, { animationData: sporLoader.contentLoaderData }))), children && /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { textAlign: "center", fontWeight: "bold" }, children));
     };
   }
 });
@@ -349,7 +349,7 @@ var init_DarkFullScreenLoader = __esm({
       maxWidth,
       ...props
     }) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React70__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderWhiteData }))));
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React71__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderWhiteData }))));
     };
   }
 });
@@ -363,7 +363,7 @@ var init_DarkInlineLoader = __esm({
       maxWidth,
       ...props
     }) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React70__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderDarkData }))));
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React71__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderDarkData }))));
     };
   }
 });
@@ -381,7 +381,7 @@ var init_DarkSpinner = __esm({
     }) => {
       const { colorMode } = react.useColorMode();
       const spinnerData = colorMode === "dark" ? sporLoader.spinnerLightData : sporLoader.spinnerDarkData;
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React70__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__namespace.default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React71__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__namespace.default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
     };
   }
 });
@@ -395,7 +395,7 @@ var init_LightFullScreenLoader = __esm({
       maxWidth,
       ...props
     }) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React70__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderBlackData }))));
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React71__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderBlackData }))));
     };
   }
 });
@@ -409,7 +409,7 @@ var init_LightInlineLoader = __esm({
       maxWidth,
       ...props
     }) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React70__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderLightData }))));
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React71__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderLightData }))));
     };
   }
 });
@@ -424,7 +424,7 @@ var init_LightSpinner = __esm({
       maxWidth,
       ...props
     }) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React70__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerLightData }))), children && /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React71__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerLightData }))), children && /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
     };
   }
 });
@@ -432,11 +432,11 @@ var useRotatingLabel;
 var init_useRotatingLabel = __esm({
   "src/loader/useRotatingLabel.tsx"() {
     useRotatingLabel = ({ label, delay }) => {
-      const loadingTextArray = React70.useMemo(
+      const loadingTextArray = React71.useMemo(
         () => Array.isArray(label) ? label : [label],
         [label]
       );
-      const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React70.useState(0);
+      const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React71.useState(0);
       react.useInterval(() => {
         setCurrentLoadingTextIndex(
           (prevIndex) => (prevIndex + 1) % loadingTextArray.length
@@ -471,7 +471,7 @@ var init_ProgressBar = __esm({
         "aria-label": ariaLabel || t2(texts.label(value))
       });
       const styles3 = react.useMultiStyleConfig("ProgressBar", {});
-      return /* @__PURE__ */ React70__namespace.default.createElement(React70__namespace.default.Fragment, null, /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(React71__namespace.default.Fragment, null, /* @__PURE__ */ React71__namespace.default.createElement(
         react.Box,
         {
           ...progressBarProps,
@@ -479,8 +479,8 @@ var init_ProgressBar = __esm({
           __css: styles3.container,
           ...rest
         },
-        /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { width, __css: styles3.background }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { __css: styles3.progress, height, width: `${value}%` })),
-        currentLoadingText && /* @__PURE__ */ React70__namespace.default.createElement(react.Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
+        /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { width, __css: styles3.background }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { __css: styles3.progress, height, width: `${value}%` })),
+        currentLoadingText && /* @__PURE__ */ React71__namespace.default.createElement(react.Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
       ));
     };
     texts = createTexts({
@@ -517,11 +517,11 @@ var init_ProgressLoader = __esm({
         value,
         "aria-label": ariaLabel ?? t2(texts2.fallbackLabel(value ?? "?"))
       });
-      const pathRef = React70.useRef(null);
+      const pathRef = React71.useRef(null);
       const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
       const progress = (value - 100) / 100 * progressPathLength;
-      const id = React70.useId();
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React70__namespace.default.createElement(
+      const id = React71.useId();
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React71__namespace.default.createElement(
         react.Box,
         {
           as: "path",
@@ -529,7 +529,7 @@ var init_ProgressLoader = __esm({
           d: "M14.0479 44.8251C19.4332 44.8251 23.7988 40.5242 23.7988 35.2187C23.7988 29.9133 19.4332 25.6124 14.0479 25.6124C8.66254 25.6124 4.29688 29.9133 4.29688 35.2187C4.29688 40.5242 8.66254 44.8251 14.0479 44.8251Z",
           fill: "#FFB466"
         }
-      ), /* @__PURE__ */ React70__namespace.default.createElement(
+      ), /* @__PURE__ */ React71__namespace.default.createElement(
         react.Box,
         {
           as: "path",
@@ -540,7 +540,7 @@ var init_ProgressLoader = __esm({
           strokeLinecap: "round",
           strokeLinejoin: "round"
         }
-      ), /* @__PURE__ */ React70__namespace.default.createElement(
+      ), /* @__PURE__ */ React71__namespace.default.createElement(
         react.Box,
         {
           as: "path",
@@ -555,7 +555,7 @@ var init_ProgressLoader = __esm({
           transition: "stroke-dashoffset .2s ease-out",
           ref: pathRef
         }
-      ), /* @__PURE__ */ React70__namespace.default.createElement(
+      ), /* @__PURE__ */ React71__namespace.default.createElement(
         react.Box,
         {
           as: "path",
@@ -563,7 +563,7 @@ var init_ProgressLoader = __esm({
           d: "M226.025 44.8251C231.411 44.8251 235.776 40.5242 235.776 35.2187C235.776 29.9133 231.411 25.6124 226.025 25.6124C220.64 25.6124 216.274 29.9133 216.274 35.2187C216.274 40.5242 220.64 44.8251 226.025 44.8251Z",
           fill: "#688CBA"
         }
-      )), currentLoadingText && /* @__PURE__ */ React70__namespace.default.createElement(
+      )), currentLoadingText && /* @__PURE__ */ React71__namespace.default.createElement(
         react.Text,
         {
           textAlign: "center",
@@ -587,19 +587,19 @@ var init_ProgressLoader = __esm({
 exports.Skeleton = void 0;
 var init_Skeleton = __esm({
   "src/loader/Skeleton.tsx"() {
-    exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React70__namespace.default.createElement(react.Skeleton, { ...props, ref }));
+    exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React71__namespace.default.createElement(react.Skeleton, { ...props, ref }));
   }
 });
 exports.SkeletonCircle = void 0;
 var init_SkeletonCircle = __esm({
   "src/loader/SkeletonCircle.tsx"() {
-    exports.SkeletonCircle = (props) => /* @__PURE__ */ React70__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
+    exports.SkeletonCircle = (props) => /* @__PURE__ */ React71__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
   }
 });
 exports.SkeletonText = void 0;
 var init_SkeletonText = __esm({
   "src/loader/SkeletonText.tsx"() {
-    exports.SkeletonText = (props) => /* @__PURE__ */ React70__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
+    exports.SkeletonText = (props) => /* @__PURE__ */ React71__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
   }
 });
 
@@ -674,7 +674,7 @@ var init_Button = __esm({
       if (fontWeight) {
         styles3.fontWeight = fontWeight;
       }
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         react.Box,
         {
           ...rest,
@@ -687,7 +687,7 @@ var init_Button = __esm({
           disabled: isDisabled || isLoading,
           position: "relative"
         },
-        isLoading && /* @__PURE__ */ React70__namespace.default.createElement(react.Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React70__namespace.default.createElement(
+        isLoading && /* @__PURE__ */ React71__namespace.default.createElement(react.Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React71__namespace.default.createElement(
           exports.ColorInlineLoader,
           {
             maxWidth: getLoaderWidth(finalSize),
@@ -696,7 +696,7 @@ var init_Button = __esm({
             marginY: 2
           }
         )),
-        /* @__PURE__ */ React70__namespace.default.createElement(
+        /* @__PURE__ */ React71__namespace.default.createElement(
           react.Flex,
           {
             gap: 1,
@@ -706,7 +706,7 @@ var init_Button = __esm({
             visibility: isLoading ? "hidden" : "visible",
             "aria-hidden": isLoading
           },
-          /* @__PURE__ */ React70__namespace.default.createElement(react.Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React70__namespace.default.createElement(
+          /* @__PURE__ */ React71__namespace.default.createElement(react.Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React71__namespace.default.createElement(
             react.Box,
             {
               visibility: isLoading ? "hidden" : "visible",
@@ -732,7 +732,7 @@ var init_Button = __esm({
 exports.ButtonGroup = void 0;
 var init_ButtonGroup = __esm({
   "src/button/ButtonGroup.tsx"() {
-    exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React70__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
+    exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React71__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
   }
 });
 exports.IconButton = void 0;
@@ -740,12 +740,12 @@ var init_IconButton = __esm({
   "src/button/IconButton.tsx"() {
     init_src();
     exports.IconButton = react.forwardRef(
-      ({ ...props }, ref) => /* @__PURE__ */ React70__namespace.default.createElement(
+      ({ ...props }, ref) => /* @__PURE__ */ React71__namespace.default.createElement(
         react.IconButton,
         {
           title: props["aria-label"],
           ...props,
-          spinner: /* @__PURE__ */ React70__namespace.default.createElement(exports.ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
+          spinner: /* @__PURE__ */ React71__namespace.default.createElement(exports.ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
           ref
         }
       )
@@ -760,7 +760,7 @@ var init_CloseButton = __esm({
     exports.CloseButton = react.forwardRef(
       ({ size: size2 = "sm", ...props }, ref) => {
         const { t: t2 } = useTranslation();
-        return /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(
           exports.IconButton,
           {
             ref,
@@ -777,11 +777,11 @@ var init_CloseButton = __esm({
       switch (size2) {
         case "xs":
         case "sm":
-          return /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
+          return /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
         case "md":
-          return /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
+          return /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
         case "lg":
-          return /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
+          return /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
       }
     };
     texts4 = createTexts({
@@ -808,11 +808,11 @@ var init_FloatingActionButton = __esm({
         placement = "bottom right",
         ...props
       }, ref) => {
-        const [isTextVisible, setIsTextVisible] = React70__namespace.default.useState(
+        const [isTextVisible, setIsTextVisible] = React71__namespace.default.useState(
           externalIsTextVisible !== void 0 ? externalIsTextVisible : false
         );
         const scrollDirection = useScrollDirection();
-        React70.useEffect(() => {
+        React71.useEffect(() => {
           if (externalIsTextVisible !== void 0) {
             return;
           }
@@ -822,7 +822,7 @@ var init_FloatingActionButton = __esm({
           );
           return () => window.clearTimeout(id);
         }, [scrollDirection, externalIsTextVisible]);
-        React70.useEffect(() => {
+        React71.useEffect(() => {
           setIsTextVisible(!!externalIsTextVisible);
         }, [externalIsTextVisible]);
         const style = react.useMultiStyleConfig("FloatingActionButton", {
@@ -830,7 +830,7 @@ var init_FloatingActionButton = __esm({
           isTextVisible,
           placement
         });
-        return /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(
           MotionBox,
           {
             __css: style.container,
@@ -838,8 +838,8 @@ var init_FloatingActionButton = __esm({
             ref,
             ...props
           },
-          /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
-          /* @__PURE__ */ React70__namespace.default.createElement(
+          /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
+          /* @__PURE__ */ React71__namespace.default.createElement(
             MotionBox,
             {
               animate: isTextVisible ? "show" : "hide",
@@ -864,11 +864,11 @@ var init_FloatingActionButton = __esm({
       }
     );
     useScrollDirection = () => {
-      const [scrollDirection, setScrollDirection] = React70__namespace.default.useState(null);
-      const lastScrollPosition = React70__namespace.default.useRef(
+      const [scrollDirection, setScrollDirection] = React71__namespace.default.useState(null);
+      const lastScrollPosition = React71__namespace.default.useRef(
         typeof window !== "undefined" ? window.scrollY : 0
       );
-      React70__namespace.default.useEffect(() => {
+      React71__namespace.default.useEffect(() => {
         const onScroll = () => {
           const delta = window.scrollY - lastScrollPosition.current;
           if (delta === 0) {
@@ -904,7 +904,7 @@ var init_AlertIcon = __esm({
     AlertIcon = ({ variant }) => {
       const Icon = getIcon2(variant);
       const { t: t2 } = useTranslation();
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         Icon,
         {
           flexShrink: 0,
@@ -971,7 +971,7 @@ var init_BaseAlert = __esm({
       ...boxProps
     }) => {
       const styles3 = react.useMultiStyleConfig("Alert", { variant });
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { __css: styles3.container, ...boxProps }, children);
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { __css: styles3.container, ...boxProps }, children);
     };
   }
 });
@@ -998,17 +998,17 @@ var init_ClosableAlert = __esm({
         externalOnClose();
         onClose();
       };
-      return /* @__PURE__ */ React70__namespace.default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React71__namespace.default.createElement(
         exports.IconButton,
         {
           variant: "ghost",
           size: "sm",
           onClick: handleClose,
-          icon: /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
+          icon: /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
           "aria-label": t2(texts6.close),
           sx: styles3.closeButton
         }
-      ), /* @__PURE__ */ React70__namespace.default.createElement(AlertIcon, { variant }), children);
+      ), /* @__PURE__ */ React71__namespace.default.createElement(AlertIcon, { variant }), children);
     };
     texts6 = createTexts({
       close: {
@@ -1036,7 +1036,7 @@ var init_ExpandableAlert = __esm({
       ...boxProps
     }) => {
       const styles3 = react.useMultiStyleConfig("AlertExpandable", { variant });
-      return /* @__PURE__ */ React70__namespace.default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React71__namespace.default.createElement(
         react.Accordion,
         {
           onChange: (expandedIndex) => onToggle(expandedIndex === 0),
@@ -1044,14 +1044,14 @@ var init_ExpandableAlert = __esm({
           allowToggle: true,
           flexGrow: "1"
         },
-        /* @__PURE__ */ React70__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React70__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React70__namespace.default.createElement(
+        /* @__PURE__ */ React71__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React71__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React71__namespace.default.createElement(
           react.Flex,
           {
             justifyContent: "space-between",
             alignItems: "center",
             flexGrow: "1"
           },
-          /* @__PURE__ */ React70__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React70__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React70__namespace.default.createElement(
+          /* @__PURE__ */ React71__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React71__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React71__namespace.default.createElement(
             react.Box,
             {
               as: "span",
@@ -1065,8 +1065,8 @@ var init_ExpandableAlert = __esm({
             },
             title
           )),
-          /* @__PURE__ */ React70__namespace.default.createElement(react.AccordionIcon, null)
-        )), /* @__PURE__ */ React70__namespace.default.createElement(react.AccordionPanel, null, children))
+          /* @__PURE__ */ React71__namespace.default.createElement(react.AccordionIcon, null)
+        )), /* @__PURE__ */ React71__namespace.default.createElement(react.AccordionPanel, null, children))
       ));
     };
   }
@@ -1077,7 +1077,7 @@ var init_StaticAlert = __esm({
     init_AlertIcon();
     init_BaseAlert();
     exports.StaticAlert = ({ children, ...props }) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React70__namespace.default.createElement(AlertIcon, { variant: props.variant }), children);
+      return /* @__PURE__ */ React71__namespace.default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React71__namespace.default.createElement(AlertIcon, { variant: props.variant }), children);
     };
   }
 });
@@ -1095,10 +1095,10 @@ var init_Breadcrumb = __esm({
   "src/breadcrumb/Breadcrumb.tsx"() {
     exports.Breadcrumb = (props) => {
       const iconColor = react.useColorModeValue("blackAlpha.400", "whiteAlpha.400");
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         react.Breadcrumb,
         {
-          separator: /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { color: iconColor }),
+          separator: /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { color: iconColor }),
           ...props
         }
       );
@@ -1123,7 +1123,7 @@ var init_Card = __esm({
           colorScheme,
           size: size2
         });
-        return /* @__PURE__ */ React70__namespace.default.createElement(react.chakra.div, { sx: styles3, ...props, ref }, children);
+        return /* @__PURE__ */ React71__namespace.default.createElement(react.chakra.div, { sx: styles3, ...props, ref }, children);
       }
     );
   }
@@ -1133,7 +1133,22 @@ var init_StaticCard = __esm({
   "src/card/StaticCard.tsx"() {
     exports.StaticCard = ({ colorScheme, ...props }) => {
       const styles3 = react.useStyleConfig("StaticCard", { colorScheme });
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { __css: styles3, ...props });
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { __css: styles3, ...props });
+    };
+  }
+});
+exports.PressableCard = void 0;
+var init_PressableCard = __esm({
+  "src/card/PressableCard.tsx"() {
+    exports.PressableCard = ({
+      children,
+      as = "button",
+      size: size2 = "sm",
+      variant = "base",
+      ...props
+    }) => {
+      const styles3 = react.useStyleConfig("PressableCard", { variant, size: size2 });
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { as, __css: styles3, ...props }, children);
     };
   }
 });
@@ -1143,6 +1158,7 @@ var init_card = __esm({
   "src/card/index.tsx"() {
     init_Card();
     init_StaticCard();
+    init_PressableCard();
   }
 });
 exports.Badge = void 0;
@@ -1150,7 +1166,7 @@ var init_Badge = __esm({
   "src/typography/Badge.tsx"() {
     exports.Badge = react.forwardRef(
       ({ icon, colorScheme = "grey", children, ...props }, ref) => {
-        return /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(
           react.Badge,
           {
             colorScheme,
@@ -1158,7 +1174,7 @@ var init_Badge = __esm({
             paddingLeft: icon ? 1 : void 0,
             ref
           },
-          icon && React70__namespace.default.cloneElement(icon, { marginRight: 1 }),
+          icon && React71__namespace.default.cloneElement(icon, { marginRight: 1 }),
           children
         );
       }
@@ -1168,7 +1184,7 @@ var init_Badge = __esm({
 exports.Code = void 0;
 var init_Code = __esm({
   "src/typography/Code.tsx"() {
-    exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */ React70__namespace.default.createElement(react.Code, { ...props, ref }));
+    exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */ React71__namespace.default.createElement(react.Code, { ...props, ref }));
   }
 });
 exports.Heading = void 0;
@@ -1184,7 +1200,7 @@ var init_Heading = __esm({
     }) => {
       const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
       const color2 = react.useColorModeValue("text.primary.light", "text.primary.dark");
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Text, { as, textStyle: variant, id, color: color2, ...props });
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Text, { as, textStyle: variant, id, color: color2, ...props });
     };
   }
 });
@@ -1193,7 +1209,7 @@ var init_Text = __esm({
   "src/typography/Text.tsx"() {
     exports.Text = react.forwardRef(
       ({ variant = "sm", ...props }, ref) => {
-        return /* @__PURE__ */ React70__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
+        return /* @__PURE__ */ React71__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
       }
     );
   }
@@ -1214,7 +1230,7 @@ function CalendarCell({
   currentMonth,
   variant
 }) {
-  const ref = React70.useRef(null);
+  const ref = React71.useRef(null);
   const {
     cellProps,
     buttonProps,
@@ -1238,7 +1254,7 @@ function CalendarCell({
   if (isOutsideMonth) {
     stateProps["data-unavailable"] = true;
   }
-  React70.useEffect(() => {
+  React71.useEffect(() => {
     var _a6;
     (_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
       "touchend",
@@ -1248,7 +1264,7 @@ function CalendarCell({
       { passive: false, once: true }
     );
   }, []);
-  return /* @__PURE__ */ React70__namespace.default.createElement(
+  return /* @__PURE__ */ React71__namespace.default.createElement(
     react.Box,
     {
       as: "td",
@@ -1271,7 +1287,7 @@ function CalendarCell({
         }
       }
     },
-    /* @__PURE__ */ React70__namespace.default.createElement(
+    /* @__PURE__ */ React71__namespace.default.createElement(
       react.Box,
       {
         as: "button",
@@ -1338,8 +1354,8 @@ function CalendarGrid({
   const weeksInMonth = date.getWeeksInMonth(state2.visibleRange.start, locale);
   const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
   const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
-  return /* @__PURE__ */ React70__namespace.default.createElement("table", { ...gridProps }, /* @__PURE__ */ React70__namespace.default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React70__namespace.default.createElement("tr", null, weekDays[language].map((day, index) => {
-    return /* @__PURE__ */ React70__namespace.default.createElement(
+  return /* @__PURE__ */ React71__namespace.default.createElement("table", { ...gridProps }, /* @__PURE__ */ React71__namespace.default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React71__namespace.default.createElement("tr", null, weekDays[language].map((day, index) => {
+    return /* @__PURE__ */ React71__namespace.default.createElement(
       exports.Text,
       {
         as: "th",
@@ -1349,8 +1365,8 @@ function CalendarGrid({
       },
       day
     );
-  }))), /* @__PURE__ */ React70__namespace.default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React70__namespace.default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
-    (date, dayIndex) => date ? /* @__PURE__ */ React70__namespace.default.createElement(
+  }))), /* @__PURE__ */ React71__namespace.default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React71__namespace.default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
+    (date, dayIndex) => date ? /* @__PURE__ */ React71__namespace.default.createElement(
       CalendarCell,
       {
         variant,
@@ -1359,7 +1375,7 @@ function CalendarGrid({
         date,
         currentMonth: startDate
       }
-    ) : /* @__PURE__ */ React70__namespace.default.createElement("td", { key: dayIndex })
+    ) : /* @__PURE__ */ React71__namespace.default.createElement("td", { key: dayIndex })
   )))));
 }
 var weekDays;
@@ -1382,9 +1398,9 @@ function CalendarNavigationButton({
   "aria-label": ariaLabel,
   ...rest
 }) {
-  const ref = React70.useRef(null);
+  const ref = React71.useRef(null);
   const { buttonProps } = reactAria.useButton(rest, ref);
-  return /* @__PURE__ */ React70__namespace.default.createElement(
+  return /* @__PURE__ */ React71__namespace.default.createElement(
     exports.IconButton,
     {
       ...buttonProps,
@@ -1421,7 +1437,7 @@ function CalendarHeader({
   );
   const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
   const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
-  return /* @__PURE__ */ React70__namespace.default.createElement(react.Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React70__namespace.default.createElement(
+  return /* @__PURE__ */ React71__namespace.default.createElement(react.Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React71__namespace.default.createElement(
     CalendarNavigator,
     {
       title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
@@ -1431,7 +1447,7 @@ function CalendarHeader({
       isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
       isPreviousDisabled: !state2.isNextVisibleRangeInvalid
     }
-  ), isYearPickerVisible && /* @__PURE__ */ React70__namespace.default.createElement(
+  ), isYearPickerVisible && /* @__PURE__ */ React71__namespace.default.createElement(
     CalendarNavigator,
     {
       title: jsDate.getFullYear().toString(),
@@ -1460,15 +1476,15 @@ var init_CalendarHeader = __esm({
       isNextDisabled
     }) => {
       const { t: t2 } = useTranslation();
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React71__namespace.default.createElement(
         CalendarNavigationButton,
         {
           onPress: onPrevious,
           isDisabled: isPreviousDisabled,
-          icon: /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
+          icon: /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
           "aria-label": `${t2(texts7.previous)} ${t2(texts7[unit])}`
         }
-      ), /* @__PURE__ */ React70__namespace.default.createElement(
+      ), /* @__PURE__ */ React71__namespace.default.createElement(
         exports.Heading,
         {
           as: "div",
@@ -1479,12 +1495,12 @@ var init_CalendarHeader = __esm({
           textAlign: "center"
         },
         capitalize(title)
-      ), /* @__PURE__ */ React70__namespace.default.createElement(
+      ), /* @__PURE__ */ React71__namespace.default.createElement(
         CalendarNavigationButton,
         {
           onPress: onNext,
           isDisabled: isNextDisabled,
-          icon: /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
+          icon: /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
           "aria-label": `${t2(texts7.next)} ${t2(texts7[unit])}`
         }
       ));
@@ -1532,7 +1548,7 @@ function Calendar({
   const { calendarProps } = reactAria.useCalendar(props, state2);
   const calendarAriaLabel = calendarProps["aria-label"];
   const ariaLabel = t2(texts8.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
-  return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React70__namespace.default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React70__namespace.default.createElement(CalendarGrid, { variant, state: state2 }));
+  return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React71__namespace.default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React71__namespace.default.createElement(CalendarGrid, { variant, state: state2 }));
 }
 var texts8;
 var init_Calendar = __esm({
@@ -1566,7 +1582,7 @@ var init_CalendarTriggerButton = __esm({
               onPress(event);
           }
         };
-        return /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React71__namespace.default.createElement(
           react.Box,
           {
             ref,
@@ -1577,7 +1593,7 @@ var init_CalendarTriggerButton = __esm({
             ...filteredButtonProps,
             onKeyUp: handleOnPress
           },
-          /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null)
+          /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null)
         ));
       }
     );
@@ -1594,9 +1610,9 @@ var init_CalendarTriggerButton = __esm({
 var DateTimeSegment, isPaddable;
 var init_DateTimeSegment = __esm({
   "src/datepicker/DateTimeSegment.tsx"() {
-    DateTimeSegment = React70.forwardRef(
+    DateTimeSegment = React71.forwardRef(
       ({ segment, state: state2 }, externalRef) => {
-        const internalRef = React70.useRef(null);
+        const internalRef = React71.useRef(null);
         const ref = externalRef ?? internalRef;
         const { segmentProps } = reactAria.useDateSegment(
           segment,
@@ -1607,7 +1623,7 @@ var init_DateTimeSegment = __esm({
           isPlaceholder: segment.isPlaceholder,
           isEditable: segment.isEditable
         });
-        return /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(
           react.Box,
           {
             ...segmentProps,
@@ -1646,7 +1662,7 @@ var init_DateField = __esm({
   "src/datepicker/DateField.tsx"() {
     init_DateTimeSegment();
     init_utils();
-    DateField = React70.forwardRef(
+    DateField = React71.forwardRef(
       (props, externalRef) => {
         var _a6;
         const locale = useCurrentLocale();
@@ -1656,14 +1672,14 @@ var init_DateField = __esm({
           locale,
           createCalendar: createCalendar2
         });
-        const internalRef = React70.useRef(null);
+        const internalRef = React71.useRef(null);
         const ref = externalRef ?? internalRef;
         const { fieldProps, labelProps } = reactAria.useDateField(
           props,
           state2,
           ref
         );
-        return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React71__namespace.default.createElement(
           react.FormLabel,
           {
             ...props.labelProps,
@@ -1673,7 +1689,7 @@ var init_DateField = __esm({
             paddingTop: "2px"
           },
           props.label
-        ), /* @__PURE__ */ React70__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React70__namespace.default.createElement(DateTimeSegment, { key: i, segment, state: state2 }))), /* @__PURE__ */ React70__namespace.default.createElement(
+        ), /* @__PURE__ */ React71__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React71__namespace.default.createElement(DateTimeSegment, { key: i, segment, state: state2 }))), /* @__PURE__ */ React71__namespace.default.createElement(
           "input",
           {
             type: "hidden",
@@ -1694,7 +1710,7 @@ var init_StyledField = __esm({
           isInvalid: false
         };
         const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
-        return /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(
           react.Box,
           {
             ...otherProps,
@@ -1717,7 +1733,7 @@ var init_DatePicker = __esm({
     init_DateField();
     init_StyledField();
     init_utils();
-    exports.DatePicker = React70.forwardRef(
+    exports.DatePicker = React71.forwardRef(
       ({
         variant,
         errorMessage,
@@ -1735,7 +1751,7 @@ var init_DatePicker = __esm({
           isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
           validationState: (formControlProps == null ? void 0 : formControlProps.isInvalid) ? "invalid" : "valid"
         });
-        const internalRef = React70.useRef(null);
+        const internalRef = React71.useRef(null);
         const ref = externalRef ?? internalRef;
         const {
           groupProps,
@@ -1755,7 +1771,7 @@ var init_DatePicker = __esm({
         const onFieldClick = () => {
           state2.setOpen(true);
         };
-        const popoverContent = /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React70__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React70__namespace.default.createElement(
+        const popoverContent = /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React71__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React71__namespace.default.createElement(
           Calendar,
           {
             ...calendarProps,
@@ -1763,7 +1779,7 @@ var init_DatePicker = __esm({
             showYearNavigation
           }
         ))));
-        return /* @__PURE__ */ React70__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React71__namespace.default.createElement(
           react.Box,
           {
             position: "relative",
@@ -1771,7 +1787,7 @@ var init_DatePicker = __esm({
             flexDirection: "column",
             width
           },
-          /* @__PURE__ */ React70__namespace.default.createElement(
+          /* @__PURE__ */ React71__namespace.default.createElement(
             react.Popover,
             {
               ...dialogProps,
@@ -1780,7 +1796,7 @@ var init_DatePicker = __esm({
               onClose: state2.close,
               flip: false
             },
-            /* @__PURE__ */ React70__namespace.default.createElement(react.InputGroup, { ...groupProps, display: "inline-flex" }, /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React70__namespace.default.createElement(
+            /* @__PURE__ */ React71__namespace.default.createElement(react.InputGroup, { ...groupProps, display: "inline-flex" }, /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React71__namespace.default.createElement(
               StyledField,
               {
                 variant,
@@ -1788,7 +1804,7 @@ var init_DatePicker = __esm({
                 paddingX: 3,
                 minHeight
               },
-              /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React70__namespace.default.createElement(
+              /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React71__namespace.default.createElement(
                 CalendarTriggerButton,
                 {
                   variant,
@@ -1796,7 +1812,7 @@ var init_DatePicker = __esm({
                   ...buttonProps
                 }
               )),
-              /* @__PURE__ */ React70__namespace.default.createElement(
+              /* @__PURE__ */ React71__namespace.default.createElement(
                 DateField,
                 {
                   label: props.label,
@@ -1806,8 +1822,8 @@ var init_DatePicker = __esm({
                 }
               )
             ))),
-            /* @__PURE__ */ React70__namespace.default.createElement(exports.FormErrorMessage, { ...errorMessageProps }, errorMessage),
-            state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React70__namespace.default.createElement(react.Portal, null, popoverContent),
+            /* @__PURE__ */ React71__namespace.default.createElement(exports.FormErrorMessage, { ...errorMessageProps }, errorMessage),
+            state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React71__namespace.default.createElement(react.Portal, null, popoverContent),
             state2.isOpen && !props.isDisabled && !withPortal && popoverContent
           )
         ));
@@ -1823,9 +1839,9 @@ function RangeCalendar(props) {
     locale,
     createCalendar: date.createCalendar
   });
-  const ref = React70.useRef(null);
+  const ref = React71.useRef(null);
   const { calendarProps, title } = reactAria.useRangeCalendar(props, state2, ref);
-  return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { ...calendarProps, ref }, /* @__PURE__ */ React70__namespace.default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React70__namespace.default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React70__namespace.default.createElement(
+  return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { ...calendarProps, ref }, /* @__PURE__ */ React71__namespace.default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React71__namespace.default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React71__namespace.default.createElement(
     CalendarGrid,
     {
       variant: props.variant,
@@ -1856,7 +1872,7 @@ function DateRangePicker({
     isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
     validationState: formControlProps.isInvalid ? "invalid" : "valid"
   });
-  const ref = React70.useRef(null);
+  const ref = React71.useRef(null);
   const {
     groupProps,
     labelProps,
@@ -1877,8 +1893,8 @@ function DateRangePicker({
   const onFieldClick = () => {
     state2.setOpen(true);
   };
-  const popoverContent = /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React70__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React70__namespace.default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
-  return /* @__PURE__ */ React70__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React70__namespace.default.createElement(react.FormLabel, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React70__namespace.default.createElement(
+  const popoverContent = /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React71__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React71__namespace.default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
+  return /* @__PURE__ */ React71__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React71__namespace.default.createElement(react.FormLabel, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React71__namespace.default.createElement(
     react.Popover,
     {
       ...dialogProps,
@@ -1887,7 +1903,7 @@ function DateRangePicker({
       onClose: state2.close,
       flip: false
     },
-    /* @__PURE__ */ React70__namespace.default.createElement(react.InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React70__namespace.default.createElement(
+    /* @__PURE__ */ React71__namespace.default.createElement(react.InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React71__namespace.default.createElement(
       StyledField,
       {
         alignItems: "center",
@@ -1897,7 +1913,7 @@ function DateRangePicker({
         onKeyPress: handleEnterClick,
         minHeight
       },
-      variant && /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React70__namespace.default.createElement(
+      variant && /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React71__namespace.default.createElement(
         CalendarTriggerButton,
         {
           paddingLeft: 1,
@@ -1907,7 +1923,7 @@ function DateRangePicker({
           ...buttonProps
         }
       )),
-      /* @__PURE__ */ React70__namespace.default.createElement(
+      /* @__PURE__ */ React71__namespace.default.createElement(
         DateField,
         {
           ...startFieldProps,
@@ -1916,8 +1932,8 @@ function DateRangePicker({
           labelProps
         }
       ),
-      /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
-      /* @__PURE__ */ React70__namespace.default.createElement(
+      /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
+      /* @__PURE__ */ React71__namespace.default.createElement(
         DateField,
         {
           ...endFieldProps,
@@ -1927,7 +1943,7 @@ function DateRangePicker({
         }
       )
     ))),
-    state2.isOpen && withPortal && /* @__PURE__ */ React70__namespace.default.createElement(react.Portal, null, popoverContent),
+    state2.isOpen && withPortal && /* @__PURE__ */ React71__namespace.default.createElement(react.Portal, null, popoverContent),
     state2.isOpen && !withPortal && popoverContent
   )));
 }
@@ -1947,9 +1963,9 @@ var init_TimeField = __esm({
     init_DateTimeSegment();
     init_utils();
     TimeField = ({ state: state2, ...props }) => {
-      const ref = React70.useRef(null);
+      const ref = React71.useRef(null);
       const { labelProps, fieldProps } = reactAria.useTimeField(props, state2, ref);
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React71__namespace.default.createElement(
         exports.FormLabel,
         {
           ...labelProps,
@@ -1961,7 +1977,7 @@ var init_TimeField = __esm({
           paddingTop: "2px"
         },
         props.label
-      ), /* @__PURE__ */ React70__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React70__namespace.default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React70__namespace.default.createElement(
+      ), /* @__PURE__ */ React71__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React71__namespace.default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React71__namespace.default.createElement(
         "input",
         {
           type: "hidden",
@@ -2037,7 +2053,7 @@ var init_TimePicker = __esm({
       const ariaLabel = `${inputLabel} \u2013 ${t2(
         texts10.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
       )}`;
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         StyledField,
         {
           variant: "base",
@@ -2053,7 +2069,7 @@ var init_TimePicker = __esm({
           "aria-label": ariaLabel,
           ...boxProps
         },
-        /* @__PURE__ */ React70__namespace.default.createElement(
+        /* @__PURE__ */ React71__namespace.default.createElement(
           exports.IconButton,
           {
             variant: "ghost",
@@ -2061,14 +2077,14 @@ var init_TimePicker = __esm({
             borderRadius: "xs",
             "aria-label": backwardsLabel,
             title: backwardsLabel,
-            icon: /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, null),
+            icon: /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, null),
             onClick: handleBackwardsClick,
             isDisabled,
             style: isDisabled ? { backgroundColor: "transparent" } : {}
           }
         ),
-        /* @__PURE__ */ React70__namespace.default.createElement(TimeField, { label, state: state2, name }),
-        /* @__PURE__ */ React70__namespace.default.createElement(
+        /* @__PURE__ */ React71__namespace.default.createElement(TimeField, { label, state: state2, name }),
+        /* @__PURE__ */ React71__namespace.default.createElement(
           exports.IconButton,
           {
             variant: "ghost",
@@ -2076,7 +2092,7 @@ var init_TimePicker = __esm({
             borderRadius: "xs",
             "aria-label": forwardsLabel,
             title: forwardsLabel,
-            icon: /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, null),
+            icon: /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, null),
             onClick: handleForwardClick,
             isDisabled,
             style: isDisabled ? { backgroundColor: "transparent" } : {}
@@ -2162,7 +2178,7 @@ var init_AttachedInputs = __esm({
         }
       };
       const direction2 = flexDirection === "row" ? "horizontal" : "vertical";
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         react.Flex,
         {
           role: "group",
@@ -2179,16 +2195,16 @@ var Dialog;
 var init_Dialog = __esm({
   "src/input/Dialog.tsx"() {
     Dialog = ({ title, children, ...props }) => {
-      const ref = React70.useRef(null);
+      const ref = React71.useRef(null);
       const { dialogProps, titleProps } = reactAria.useDialog(props, ref);
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React70__namespace.default.createElement(react.Heading, { as: "h3", ...titleProps }, title), children);
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React71__namespace.default.createElement(react.Heading, { as: "h3", ...titleProps }, title), children);
     };
   }
 });
 var Popover3;
 var init_Popover = __esm({
   "src/input/Popover.tsx"() {
-    Popover3 = React70.forwardRef(
+    Popover3 = React71.forwardRef(
       ({
         children,
         state: state2,
@@ -2202,7 +2218,7 @@ var init_Popover = __esm({
         containerPadding = 12
       }, ref) => {
         var _a6;
-        const internalRef = React70.useRef(null);
+        const internalRef = React71.useRef(null);
         const popoverRef = ref ?? internalRef;
         const { popoverProps, underlayProps } = reactAria.usePopover(
           {
@@ -2217,28 +2233,28 @@ var init_Popover = __esm({
           },
           state2
         );
-        const popoverBox = /* @__PURE__ */ React70__namespace.default.createElement(
+        const popoverBox = /* @__PURE__ */ React71__namespace.default.createElement(
           react.Box,
           {
             ...popoverProps,
             ref: popoverRef,
             minWidth: ((_a6 = triggerRef.current) == null ? void 0 : _a6.clientWidth) ?? "auto"
           },
-          /* @__PURE__ */ React70__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close }),
+          /* @__PURE__ */ React71__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close }),
           children,
-          /* @__PURE__ */ React70__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close })
+          /* @__PURE__ */ React71__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close })
         );
         if (isNonModal) {
           return popoverBox;
         }
-        return /* @__PURE__ */ React70__namespace.default.createElement(reactAria.Overlay, null, hasBackdrop && /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
+        return /* @__PURE__ */ React71__namespace.default.createElement(reactAria.Overlay, null, hasBackdrop && /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
       }
     );
   }
 });
 function useForceRerender(shouldRerender) {
-  const [_, update] = React70.useState(false);
-  React70.useEffect(() => {
+  const [_, update] = React71.useState(false);
+  React71.useEffect(() => {
     if (shouldRerender) {
       update((x) => !x);
     }
@@ -2267,7 +2283,7 @@ var init_CardSelect = __esm({
         ...props
       }, externalRef) => {
         const label = "label" in props ? props.label : props["aria-label"];
-        const internalRef = React70.useRef(null);
+        const internalRef = React71.useRef(null);
         const triggerRef = externalRef ?? internalRef;
         const state2 = reactStately.useOverlayTriggerState({
           isOpen: externalIsOpen,
@@ -2286,7 +2302,7 @@ var init_CardSelect = __esm({
         });
         useForceRerender(state2.isOpen);
         const ChevronIcon = size2 === "sm" ? sporIconReact.DropdownDownFill18Icon : sporIconReact.DropdownDownFill24Icon;
-        return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React71__namespace.default.createElement(
           react.chakra.button,
           {
             type: "button",
@@ -2298,13 +2314,13 @@ var init_CardSelect = __esm({
             width,
             "data-attachable": true
           },
-          /* @__PURE__ */ React70__namespace.default.createElement(react.Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React70__namespace.default.createElement(
+          /* @__PURE__ */ React71__namespace.default.createElement(react.Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React71__namespace.default.createElement(
             ChevronIcon,
             {
               transform: state2.isOpen ? "rotate(180deg)" : "none"
             }
           ) : null)
-        ), state2.isOpen && /* @__PURE__ */ React70__namespace.default.createElement(
+        ), state2.isOpen && /* @__PURE__ */ React71__namespace.default.createElement(
           Popover3,
           {
             state: state2,
@@ -2313,7 +2329,7 @@ var init_CardSelect = __esm({
             crossOffset,
             placement
           },
-          /* @__PURE__ */ React70__namespace.default.createElement(
+          /* @__PURE__ */ React71__namespace.default.createElement(
             exports.Card,
             {
               colorScheme: "white",
@@ -2321,7 +2337,7 @@ var init_CardSelect = __esm({
               sx: styles3.card,
               ...overlayProps
             },
-            /* @__PURE__ */ React70__namespace.default.createElement(Dialog, { "aria-label": label }, children)
+            /* @__PURE__ */ React71__namespace.default.createElement(Dialog, { "aria-label": label }, children)
           )
         ));
       }
@@ -2332,7 +2348,7 @@ exports.Checkbox = void 0;
 var init_Checkbox = __esm({
   "src/input/Checkbox.tsx"() {
     exports.Checkbox = react.forwardRef((props, ref) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Checkbox, { ...props, ref });
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Checkbox, { ...props, ref });
     });
   }
 });
@@ -2344,7 +2360,7 @@ var init_CheckboxGroup = __esm({
       children,
       ...props
     }) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.CheckboxGroup, { ...props }, /* @__PURE__ */ React70__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.CheckboxGroup, { ...props }, /* @__PURE__ */ React71__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
     };
   }
 });
@@ -3125,16 +3141,16 @@ var init_ChoiceChip = __esm({
         icon,
         hasLabel: Boolean(children)
       });
-      const id = `choice-chip-${React70.useId()}`;
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      const id = `choice-chip-${React71.useId()}`;
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         react.chakra.label,
         {
           htmlFor: id,
           ...getRootProps(),
           "aria-label": String(children)
         },
-        /* @__PURE__ */ React70__namespace.default.createElement(react.chakra.input, { ...getInputProps({}, ref), id, disabled: isDisabled }),
-        /* @__PURE__ */ React70__namespace.default.createElement(
+        /* @__PURE__ */ React71__namespace.default.createElement(react.chakra.input, { ...getInputProps({}, ref), id, disabled: isDisabled }),
+        /* @__PURE__ */ React71__namespace.default.createElement(
           react.chakra.div,
           {
             ...getLabelProps(),
@@ -3145,9 +3161,9 @@ var init_ChoiceChip = __esm({
             "data-active": dataAttr(state2.isActive),
             "data-disabled": dataAttr(state2.isDisabled)
           },
-          icon && /* @__PURE__ */ React70__namespace.default.createElement(react.chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
-          /* @__PURE__ */ React70__namespace.default.createElement(react.chakra.span, { __css: styles3.label, ...getCheckboxProps() }, chipType !== "icon" && children),
-          chipType === "filter" && state2.isChecked && /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.CloseOutline24Icon, { marginLeft: 1.5 })
+          icon && /* @__PURE__ */ React71__namespace.default.createElement(react.chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
+          /* @__PURE__ */ React71__namespace.default.createElement(react.chakra.span, { __css: styles3.label, ...getCheckboxProps() }, chipType !== "icon" && children),
+          chipType === "filter" && state2.isChecked && /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.CloseOutline24Icon, { marginLeft: 1.5 })
         )
       );
     });
@@ -3180,10 +3196,10 @@ function Combobox({
   ...rest
 }) {
   const { contains: contains2 } = reactAria.useFilter({ sensitivity: "base" });
-  const fallbackInputRef = React70.useRef(null);
+  const fallbackInputRef = React71.useRef(null);
   const inputRef = externalInputRef ?? fallbackInputRef;
-  const listBoxRef = React70.useRef(null);
-  const popoverRef = React70.useRef(null);
+  const listBoxRef = React71.useRef(null);
+  const popoverRef = React71.useRef(null);
   const inputWidth = useInputWidth(inputRef);
   const state2 = reactStately.useComboBoxState({
     allowsEmptyCollection: Boolean(emptyContent),
@@ -3221,7 +3237,7 @@ function Combobox({
     },
     state2
   );
-  return /* @__PURE__ */ React70__namespace.default.createElement(React70__namespace.default.Fragment, null, /* @__PURE__ */ React70__namespace.default.createElement(
+  return /* @__PURE__ */ React71__namespace.default.createElement(React71__namespace.default.Fragment, null, /* @__PURE__ */ React71__namespace.default.createElement(
     exports.Input,
     {
       ...styleProps(comboBoxProps),
@@ -3231,7 +3247,7 @@ function Combobox({
       borderBottomLeftRadius: state2.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
       borderBottomRightRadius: state2.isOpen && !isLoading ? 0 : borderBottomRightRadius,
       ...inputProps,
-      rightIcon: isLoading ? /* @__PURE__ */ React70__namespace.default.createElement(
+      rightIcon: isLoading ? /* @__PURE__ */ React71__namespace.default.createElement(
         exports.ColorSpinner,
         {
           width: "1.5rem",
@@ -3246,7 +3262,7 @@ function Combobox({
         }
       ) : rightIcon
     }
-  ), state2.isOpen && !isLoading && /* @__PURE__ */ React70__namespace.default.createElement(
+  ), state2.isOpen && !isLoading && /* @__PURE__ */ React71__namespace.default.createElement(
     Popover3,
     {
       state: state2,
@@ -3258,7 +3274,7 @@ function Combobox({
       hasBackdrop: false,
       containerPadding: 0
     },
-    /* @__PURE__ */ React70__namespace.default.createElement(
+    /* @__PURE__ */ React71__namespace.default.createElement(
       ListBox,
       {
         ...listBoxProps,
@@ -3282,8 +3298,8 @@ var init_Combobox = __esm({
     init_src();
     init_Popover();
     useInputWidth = (inputRef) => {
-      const [inputWidth, setInputWidth] = React70.useState("auto");
-      React70.useEffect(() => {
+      const [inputWidth, setInputWidth] = React71.useState("auto");
+      React71.useEffect(() => {
         const onResize = debounce(() => {
           if (inputRef.current) {
             setInputWidth(`${inputRef.current.offsetWidth}px`);
@@ -3310,7 +3326,7 @@ exports.FormControl = void 0;
 var init_FormControl = __esm({
   "src/input/FormControl.tsx"() {
     exports.FormControl = react.forwardRef((props, ref) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.FormControl, { ...props, ref });
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.FormControl, { ...props, ref });
     });
   }
 });
@@ -3331,7 +3347,7 @@ var init_FormErrorMessage = __esm({
         return null;
       }
       const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { position: "relative", ref }, /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { position: "relative", ref }, /* @__PURE__ */ React71__namespace.default.createElement(
         react.Box,
         {
           borderRadius: "xs",
@@ -3349,12 +3365,12 @@ var init_FormErrorMessage = __esm({
           ...errorMessageProps,
           ...boxProps
         },
-        /* @__PURE__ */ React70__namespace.default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
+        /* @__PURE__ */ React71__namespace.default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
         children
       ));
     };
     Arrow = (props) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         react.Box,
         {
           ...props,
@@ -3365,7 +3381,7 @@ var init_FormErrorMessage = __esm({
           fill: "none",
           transform: "rotate(45deg)"
         },
-        /* @__PURE__ */ React70__namespace.default.createElement(
+        /* @__PURE__ */ React71__namespace.default.createElement(
           react.Box,
           {
             as: "path",
@@ -3381,7 +3397,7 @@ exports.FormLabel = void 0;
 var init_FormLabel = __esm({
   "src/input/FormLabel.tsx"() {
     exports.FormLabel = react.forwardRef((props, ref) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.FormLabel, { ...props, ref });
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.FormLabel, { ...props, ref });
     });
   }
 });
@@ -3394,7 +3410,7 @@ function ListBox({
 }) {
   const { listBoxProps } = reactAria.useListBox(props, state2, listBoxRef);
   const styles3 = react.useMultiStyleConfig("ListBox", {});
-  return /* @__PURE__ */ React70__namespace.default.createElement(
+  return /* @__PURE__ */ React71__namespace.default.createElement(
     react.List,
     {
       ...listBoxProps,
@@ -3405,22 +3421,22 @@ function ListBox({
     },
     state2.collection.size === 0 && props.emptyContent,
     Array.from(state2.collection).map(
-      (item) => item.type === "section" ? /* @__PURE__ */ React70__namespace.default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React70__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
+      (item) => item.type === "section" ? /* @__PURE__ */ React71__namespace.default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React71__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
     )
   );
 }
 function ItemLabel({ children }) {
   let { labelProps } = useOptionContext();
   const styles3 = react.useMultiStyleConfig("ListBox", {});
-  return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { ...labelProps, sx: styles3.label }, children);
+  return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { ...labelProps, sx: styles3.label }, children);
 }
 function ItemDescription({ children }) {
   let { descriptionProps } = useOptionContext();
   const styles3 = react.useMultiStyleConfig("ListBox", {});
-  return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { ...descriptionProps, sx: styles3.description }, children);
+  return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { ...descriptionProps, sx: styles3.description }, children);
 }
 function Option({ item, state: state2 }) {
-  const ref = React70.useRef(null);
+  const ref = React71.useRef(null);
   const {
     optionProps,
     isSelected,
@@ -3440,7 +3456,7 @@ function Option({ item, state: state2 }) {
   if (isFocused) {
     dataFields["data-focus"] = true;
   }
-  React70.useEffect(() => {
+  React71.useEffect(() => {
     var _a6;
     (_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
       "touchend",
@@ -3450,7 +3466,7 @@ function Option({ item, state: state2 }) {
       { passive: false, once: true }
     );
   }, []);
-  return /* @__PURE__ */ React70__namespace.default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React70__namespace.default.createElement(react.ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
+  return /* @__PURE__ */ React71__namespace.default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React71__namespace.default.createElement(react.ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
 }
 function ListBoxSection({ section, state: state2 }) {
   const { itemProps, headingProps, groupProps } = reactAria.useListBoxSection({
@@ -3459,7 +3475,7 @@ function ListBoxSection({ section, state: state2 }) {
   });
   const isFirstSection = section.key === state2.collection.getFirstKey();
   const titleColor = react.useColorModeValue("darkGrey", "white");
-  return /* @__PURE__ */ React70__namespace.default.createElement(react.ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React70__namespace.default.createElement(
+  return /* @__PURE__ */ React71__namespace.default.createElement(react.ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React71__namespace.default.createElement(
     react.Box,
     {
       fontSize: "mobile.xs",
@@ -3472,19 +3488,19 @@ function ListBoxSection({ section, state: state2 }) {
       ...headingProps
     },
     section.rendered
-  ), /* @__PURE__ */ React70__namespace.default.createElement(react.List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
-    (item) => /* @__PURE__ */ React70__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
+  ), /* @__PURE__ */ React71__namespace.default.createElement(react.List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
+    (item) => /* @__PURE__ */ React71__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
   )));
 }
 var OptionContext, useOptionContext;
 var init_ListBox = __esm({
   "src/input/ListBox.tsx"() {
-    OptionContext = React70__namespace.default.createContext({
+    OptionContext = React71__namespace.default.createContext({
       labelProps: {},
       descriptionProps: {}
     });
     useOptionContext = () => {
-      return React70.useContext(OptionContext);
+      return React71.useContext(OptionContext);
     };
   }
 });
@@ -3506,8 +3522,8 @@ function InfoSelect({
     ...props
   };
   const state2 = reactStately.useSelectState(renamedProps);
-  const triggerRef = React70.useRef(null);
-  const listboxRef = React70.useRef(null);
+  const triggerRef = React71.useRef(null);
+  const listboxRef = React71.useRef(null);
   const { labelProps, triggerProps, valueProps, menuProps } = reactAria.useSelect(
     renamedProps,
     state2,
@@ -3523,7 +3539,7 @@ function InfoSelect({
   const { buttonProps } = reactAria.useButton(triggerProps, triggerRef);
   const { t: t2 } = useTranslation();
   const formControl = react.useFormControlProps(props);
-  return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React70__namespace.default.createElement(react.chakra.div, { ...labelProps, sx: styles3.label }, props.label), /* @__PURE__ */ React70__namespace.default.createElement(
+  return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React71__namespace.default.createElement(react.chakra.div, { ...labelProps, sx: styles3.label }, props.label), /* @__PURE__ */ React71__namespace.default.createElement(
     reactAria.HiddenSelect,
     {
       state: state2,
@@ -3531,7 +3547,7 @@ function InfoSelect({
       label: props.label,
       name: props.name
     }
-  ), /* @__PURE__ */ React70__namespace.default.createElement(
+  ), /* @__PURE__ */ React71__namespace.default.createElement(
     react.chakra.button,
     {
       type: "button",
@@ -3544,16 +3560,16 @@ function InfoSelect({
       "aria-invalid": formControl.isInvalid,
       "aria-describedby": formControl["aria-describedby"]
     },
-    /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { ...valueProps }, state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts11.selectAnOption)),
-    /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.DropdownUpFill24Icon, null) : /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.DropdownDownFill24Icon, null))
-  ), state2.isOpen && /* @__PURE__ */ React70__namespace.default.createElement(
+    /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { ...valueProps }, state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts11.selectAnOption)),
+    /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.DropdownUpFill24Icon, null) : /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.DropdownDownFill24Icon, null))
+  ), state2.isOpen && /* @__PURE__ */ React71__namespace.default.createElement(
     Popover3,
     {
       state: state2,
       triggerRef,
       containerPadding: 0
     },
-    /* @__PURE__ */ React70__namespace.default.createElement(
+    /* @__PURE__ */ React71__namespace.default.createElement(
       ListBox,
       {
         ...menuProps,
@@ -3587,9 +3603,9 @@ var init_Input = __esm({
     exports.Input = react.forwardRef(
       ({ label, leftIcon, rightIcon, id, size: size2, ...props }, ref) => {
         const formControlProps = react.useFormControlContext();
-        const fallbackId = `input-${React70.useId()}`;
+        const fallbackId = `input-${React71.useId()}`;
         const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
-        return /* @__PURE__ */ React70__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React70__namespace.default.createElement(react.InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React71__namespace.default.createElement(react.InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React71__namespace.default.createElement(
           react.Input,
           {
             "data-attachable": true,
@@ -3600,7 +3616,7 @@ var init_Input = __esm({
             ref,
             placeholder: " "
           }
-        ), /* @__PURE__ */ React70__namespace.default.createElement(react.FormLabel, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React70__namespace.default.createElement(react.InputRightElement, { pointerEvents: "none" }, rightIcon));
+        ), /* @__PURE__ */ React71__namespace.default.createElement(react.FormLabel, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React71__namespace.default.createElement(react.InputRightElement, { pointerEvents: "none" }, rightIcon));
       }
     );
   }
@@ -3609,10 +3625,10 @@ exports.InputLeftElement = void 0; exports.InputRightElement = void 0;
 var init_InputElement = __esm({
   "src/input/InputElement.tsx"() {
     exports.InputLeftElement = react.forwardRef(
-      (props, ref) => /* @__PURE__ */ React70__namespace.default.createElement(react.InputLeftElement, { ...props, ref })
+      (props, ref) => /* @__PURE__ */ React71__namespace.default.createElement(react.InputLeftElement, { ...props, ref })
     );
     exports.InputRightElement = react.forwardRef(
-      (props, ref) => /* @__PURE__ */ React70__namespace.default.createElement(react.InputRightElement, { ...props, ref })
+      (props, ref) => /* @__PURE__ */ React71__namespace.default.createElement(react.InputRightElement, { ...props, ref })
     );
   }
 });
@@ -3623,7 +3639,7 @@ var init_NativeSelect = __esm({
     exports.NativeSelect = react.forwardRef(
       ({ label, ...props }, ref) => {
         const styles3 = react.useMultiStyleConfig("Select", props);
-        return /* @__PURE__ */ React70__namespace.default.createElement(exports.FormControl, null, /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(exports.FormControl, null, /* @__PURE__ */ React71__namespace.default.createElement(
           react.Select,
           {
             "data-attachable": true,
@@ -3631,7 +3647,7 @@ var init_NativeSelect = __esm({
             rootProps: { __css: styles3.root },
             ref
           }
-        ), label && /* @__PURE__ */ React70__namespace.default.createElement(exports.FormLabel, null, label));
+        ), label && /* @__PURE__ */ React71__namespace.default.createElement(exports.FormLabel, null, label));
       }
     );
   }
@@ -3659,17 +3675,17 @@ function NumericStepper({
   });
   const formControlProps = react.useFormControl({ id: idProp, isDisabled });
   const clampedStepSize = Math.max(Math.min(stepSize, 10), 1);
-  return /* @__PURE__ */ React70__namespace.default.createElement(react.Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React70__namespace.default.createElement(
+  return /* @__PURE__ */ React71__namespace.default.createElement(react.Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React71__namespace.default.createElement(
     VerySmallButton,
     {
-      icon: /* @__PURE__ */ React70__namespace.default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
+      icon: /* @__PURE__ */ React71__namespace.default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
       "aria-label": t2(texts12.decrementButtonAriaLabel(clampedStepSize)),
       onClick: () => onChange(Math.max(value - clampedStepSize, minValue)),
       visibility: value <= minValue ? "hidden" : "visible",
       isDisabled: formControlProps.disabled,
       id: value <= minValue ? void 0 : formControlProps.id
     }
-  ), withInput ? /* @__PURE__ */ React70__namespace.default.createElement(
+  ), withInput ? /* @__PURE__ */ React71__namespace.default.createElement(
     react.chakra.input,
     {
       type: "number",
@@ -3692,7 +3708,7 @@ function NumericStepper({
         onChange(Math.max(Math.min(numericInput, maxValue), minValue));
       }
     }
-  ) : /* @__PURE__ */ React70__namespace.default.createElement(
+  ) : /* @__PURE__ */ React71__namespace.default.createElement(
     react.chakra.text,
     {
       sx: styles3.text,
@@ -3700,10 +3716,10 @@ function NumericStepper({
       "aria-label": value.toString()
     },
     value
-  ), /* @__PURE__ */ React70__namespace.default.createElement(
+  ), /* @__PURE__ */ React71__namespace.default.createElement(
     VerySmallButton,
     {
-      icon: /* @__PURE__ */ React70__namespace.default.createElement(AddIcon, { stepLabel: clampedStepSize }),
+      icon: /* @__PURE__ */ React71__namespace.default.createElement(AddIcon, { stepLabel: clampedStepSize }),
       "aria-label": t2(texts12.incrementButtonAriaLabel(clampedStepSize)),
       onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
       visibility: value >= maxValue ? "hidden" : "visible",
@@ -3718,9 +3734,9 @@ var init_NumericStepper = __esm({
     init_src();
     VerySmallButton = (props) => {
       const styles3 = react.useMultiStyleConfig("NumericStepper", {});
-      return /* @__PURE__ */ React70__namespace.default.createElement(exports.IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
+      return /* @__PURE__ */ React71__namespace.default.createElement(exports.IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
     };
-    SubtractIcon = (props) => /* @__PURE__ */ React70__namespace.default.createElement(React70__namespace.default.Fragment, null, /* @__PURE__ */ React70__namespace.default.createElement(
+    SubtractIcon = (props) => /* @__PURE__ */ React71__namespace.default.createElement(React71__namespace.default.Fragment, null, /* @__PURE__ */ React71__namespace.default.createElement(
       react.Box,
       {
         as: "svg",
@@ -3730,7 +3746,7 @@ var init_NumericStepper = __esm({
         stroke: "currentColor",
         ...props
       },
-      /* @__PURE__ */ React70__namespace.default.createElement(
+      /* @__PURE__ */ React71__namespace.default.createElement(
         "line",
         {
           x1: "9",
@@ -3741,8 +3757,8 @@ var init_NumericStepper = __esm({
           strokeLinecap: "round"
         }
       )
-    ), props.stepLabel > 1 && /* @__PURE__ */ React70__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
-    AddIcon = (props) => /* @__PURE__ */ React70__namespace.default.createElement(React70__namespace.default.Fragment, null, /* @__PURE__ */ React70__namespace.default.createElement(
+    ), props.stepLabel > 1 && /* @__PURE__ */ React71__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
+    AddIcon = (props) => /* @__PURE__ */ React71__namespace.default.createElement(React71__namespace.default.Fragment, null, /* @__PURE__ */ React71__namespace.default.createElement(
       react.Box,
       {
         as: "svg",
@@ -3752,7 +3768,7 @@ var init_NumericStepper = __esm({
         stroke: "currentColor",
         ...props
       },
-      /* @__PURE__ */ React70__namespace.default.createElement(
+      /* @__PURE__ */ React71__namespace.default.createElement(
         "line",
         {
           x1: "9",
@@ -3763,7 +3779,7 @@ var init_NumericStepper = __esm({
           strokeLinecap: "round"
         }
       ),
-      /* @__PURE__ */ React70__namespace.default.createElement(
+      /* @__PURE__ */ React71__namespace.default.createElement(
         "line",
         {
           x1: "15",
@@ -3774,7 +3790,7 @@ var init_NumericStepper = __esm({
           strokeLinecap: "round"
         }
       )
-    ), props.stepLabel > 1 && /* @__PURE__ */ React70__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
+    ), props.stepLabel > 1 && /* @__PURE__ */ React71__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
     texts12 = createTexts({
       decrementButtonAriaLabel(stepSize) {
         return {
@@ -3805,9 +3821,9 @@ var init_PasswordInput = __esm({
         const { isOpen: isShowingPassword, onToggle } = react.useDisclosure();
         const { t: t2 } = useTranslation();
         const formControlProps = react.useFormControlContext();
-        const autoGeneratedId = `password-input-${React70.useId()}`;
+        const autoGeneratedId = `password-input-${React71.useId()}`;
         const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
-        return /* @__PURE__ */ React70__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React70__namespace.default.createElement(exports.InputLeftElement, null, leftIcon), /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React71__namespace.default.createElement(exports.InputLeftElement, null, leftIcon), /* @__PURE__ */ React71__namespace.default.createElement(
           react.Input,
           {
             ...props,
@@ -3819,7 +3835,7 @@ var init_PasswordInput = __esm({
             ref,
             "data-attachable": true
           }
-        ), /* @__PURE__ */ React70__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React70__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React70__namespace.default.createElement(
+        ), /* @__PURE__ */ React71__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React71__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React71__namespace.default.createElement(
           react.Button,
           {
             variant: "ghost",
@@ -3876,7 +3892,7 @@ var init_CountryCodeSelect = __esm({
     callingCodes = [...prioritizedCountryCodes, ...sortedCallingCodes];
     CountryCodeSelect = (props) => {
       const { t: t2 } = useTranslation();
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         InfoSelect,
         {
           label: t2(texts14.countryCode),
@@ -3884,7 +3900,7 @@ var init_CountryCodeSelect = __esm({
           items: callingCodes,
           ...props
         },
-        (item) => /* @__PURE__ */ React70__namespace.default.createElement(reactStately.Item, { key: item.key }, item.key)
+        (item) => /* @__PURE__ */ React71__namespace.default.createElement(reactStately.Item, { key: item.key }, item.key)
       );
     };
     CountryCodeSelect_default = CountryCodeSelect;
@@ -3921,10 +3937,10 @@ var init_PhoneNumberInput = __esm({
             nationalNumber: ""
           }
         });
-        return /* @__PURE__ */ React70__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React70__namespace.default.createElement(
-          React70.Suspense,
+        return /* @__PURE__ */ React71__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React71__namespace.default.createElement(
+          React71.Suspense,
           {
-            fallback: /* @__PURE__ */ React70__namespace.default.createElement(
+            fallback: /* @__PURE__ */ React71__namespace.default.createElement(
               InfoSelect,
               {
                 isLabelSrOnly: true,
@@ -3933,10 +3949,10 @@ var init_PhoneNumberInput = __esm({
                 height: "100%",
                 value: "+47"
               },
-              /* @__PURE__ */ React70__namespace.default.createElement(reactStately.Item, { key: "+47" }, "+47")
+              /* @__PURE__ */ React71__namespace.default.createElement(reactStately.Item, { key: "+47" }, "+47")
             )
           },
-          /* @__PURE__ */ React70__namespace.default.createElement(
+          /* @__PURE__ */ React71__namespace.default.createElement(
             LazyCountryCodeSelect,
             {
               value: value.countryCode,
@@ -3949,7 +3965,7 @@ var init_PhoneNumberInput = __esm({
               width: "6.25rem"
             }
           )
-        ), /* @__PURE__ */ React70__namespace.default.createElement(
+        ), /* @__PURE__ */ React71__namespace.default.createElement(
           exports.Input,
           {
             ref,
@@ -3978,14 +3994,14 @@ var init_PhoneNumberInput = __esm({
         sv: "Telefonnummer"
       }
     });
-    LazyCountryCodeSelect = React70__namespace.default.lazy(() => Promise.resolve().then(() => (init_CountryCodeSelect(), CountryCodeSelect_exports)));
+    LazyCountryCodeSelect = React71__namespace.default.lazy(() => Promise.resolve().then(() => (init_CountryCodeSelect(), CountryCodeSelect_exports)));
   }
 });
 exports.Radio = void 0;
 var init_Radio = __esm({
   "src/input/Radio.tsx"() {
     exports.Radio = react.forwardRef((props, ref) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Radio, { ...props, ref });
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Radio, { ...props, ref });
     });
   }
 });
@@ -3994,7 +4010,7 @@ var init_RadioGroup = __esm({
   "src/input/RadioGroup.tsx"() {
     exports.RadioGroup = react.forwardRef(
       ({ children, direction: direction2 = "row", ...rest }, ref) => {
-        return /* @__PURE__ */ React70__namespace.default.createElement(react.RadioGroup, { ...rest, ref }, /* @__PURE__ */ React70__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
+        return /* @__PURE__ */ React71__namespace.default.createElement(react.RadioGroup, { ...rest, ref }, /* @__PURE__ */ React71__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
       }
     );
   }
@@ -4009,9 +4025,9 @@ var init_SearchInput = __esm({
         const { t: t2 } = useTranslation();
         const showClearButton = onReset && Boolean(props.value);
         const formControlProps = react.useFormControlContext();
-        const autoGeneratedId = React70.useId();
+        const autoGeneratedId = React71.useId();
         const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
-        return /* @__PURE__ */ React70__namespace.default.createElement(react.InputGroup, { position: "relative" }, /* @__PURE__ */ React70__namespace.default.createElement(exports.InputLeftElement, null, /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.SearchOutline24Icon, null)), /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(react.InputGroup, { position: "relative" }, /* @__PURE__ */ React71__namespace.default.createElement(exports.InputLeftElement, null, /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.SearchOutline24Icon, null)), /* @__PURE__ */ React71__namespace.default.createElement(
           react.Input,
           {
             paddingLeft: 7,
@@ -4028,7 +4044,7 @@ var init_SearchInput = __esm({
             placeholder: " ",
             "data-attachable": true
           }
-        ), /* @__PURE__ */ React70__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts16.label)), showClearButton && /* @__PURE__ */ React70__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React70__namespace.default.createElement(
+        ), /* @__PURE__ */ React71__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts16.label)), showClearButton && /* @__PURE__ */ React71__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React71__namespace.default.createElement(
           react.IconButton,
           {
             variant: "ghost",
@@ -4036,7 +4052,7 @@ var init_SearchInput = __esm({
             size: "sm",
             marginRight: 1,
             "aria-label": t2(texts16.reset),
-            icon: /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
+            icon: /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
             onClick: onReset
           }
         )));
@@ -4063,7 +4079,7 @@ var init_Switch = __esm({
   "src/input/Switch.tsx"() {
     exports.Switch = react.forwardRef(
       ({ size: size2 = "md", ...props }, ref) => {
-        return /* @__PURE__ */ React70__namespace.default.createElement(react.Switch, { size: size2, ...props, ref });
+        return /* @__PURE__ */ React71__namespace.default.createElement(react.Switch, { size: size2, ...props, ref });
       }
     );
   }
@@ -4135,9 +4151,9 @@ var init_Textarea = __esm({
         remainingProps: { label, ...rest }
       } = getSpacingProps(props);
       const formControlProps = react.useFormControlContext();
-      const fallbackId = `textarea-${React70.useId()}`;
+      const fallbackId = `textarea-${React71.useId()}`;
       const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React70__namespace.default.createElement(react.Textarea, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React70__namespace.default.createElement(react.FormLabel, { htmlFor: inputId, id: `${inputId}-label` }, label));
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React71__namespace.default.createElement(react.Textarea, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React71__namespace.default.createElement(react.FormLabel, { htmlFor: inputId, id: `${inputId}-label` }, label));
     });
   }
 });
@@ -4236,7 +4252,7 @@ var init_LineIcon = __esm({
       if (!Icon) {
         return null;
       }
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React70__namespace.default.createElement(Icon, { sx: styles3.icon }));
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React71__namespace.default.createElement(Icon, { sx: styles3.icon }));
     };
   }
 });
@@ -4256,7 +4272,7 @@ var init_InfoTag = __esm({
         size: size2,
         ...customProps
       });
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React71__namespace.default.createElement(
         exports.LineIcon,
         {
           variant,
@@ -4264,7 +4280,7 @@ var init_InfoTag = __esm({
           sx: styles3.iconContainer,
           ...customProps
         }
-      ), /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { as: "span", sx: styles3.description }, description)));
+      ), /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { as: "span", sx: styles3.description }, description)));
     };
   }
 });
@@ -4290,7 +4306,7 @@ var init_TravelTag = __esm({
           backgroundColor: variant === "custom" ? rest.backgroundColor : void 0
         });
         const DeviationLevelIcon = getDeviationLevelIcon({ deviationLevel, size: size2 });
-        return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React71__namespace.default.createElement(
           exports.LineIcon,
           {
             variant,
@@ -4298,7 +4314,7 @@ var init_TravelTag = __esm({
             sx: styles3.iconContainer,
             ...rest
           }
-        ), /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React70__namespace.default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
+        ), /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React71__namespace.default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
       }
     );
     getDeviationLevelIcon = ({
@@ -4337,7 +4353,7 @@ var init_TextLink = __esm({
         var _a6;
         const { t: t2 } = useTranslation();
         const isExternal = props.isExternal !== void 0 ? props.isExternal : Boolean((_a6 = props.href) == null ? void 0 : _a6.match(/^https?:\/\//));
-        return /* @__PURE__ */ React70__namespace.default.createElement(react.Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(react.Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React71__namespace.default.createElement(
           sporIconReact.LinkOutOutline24Icon,
           {
             marginLeft: 0.5,
@@ -4373,8 +4389,8 @@ var init_VyLogo = __esm({
     exports.VyLogo = ({ colorScheme, ...boxProps }) => {
       const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
       const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
-      const id = React70.useId();
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React70__namespace.default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React70__namespace.default.createElement(
+      const id = React71.useId();
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React71__namespace.default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React71__namespace.default.createElement(
         "path",
         {
           fillRule: "evenodd",
@@ -4382,7 +4398,7 @@ var init_VyLogo = __esm({
           d: "M79.97 33.44a.04.04 0 0 0 0-.08 5.76 5.76 0 0 1-2.32-.85c-1.56-1-2.79-2.9-3.83-6.07L68.14 7.16c-1.18-4.04-3.42-5.85-5.48-6.6a8.36 8.36 0 0 0-2.88-.52h-1.44a.04.04 0 0 0 0 .08c.57.09 1.18.24 1.8.5 1.92.8 3.92 2.63 5.06 6.54l5.61 19.07c1.06 3.3 2.31 5.27 3.92 6.3 1.01.64 2.17.9 3.5.9h1.74Z",
           fill: mainColor
         }
-      ), /* @__PURE__ */ React70__namespace.default.createElement(
+      ), /* @__PURE__ */ React71__namespace.default.createElement(
         "mask",
         {
           id: `${id}-a`,
@@ -4393,7 +4409,7 @@ var init_VyLogo = __esm({
           width: "94",
           height: "54"
         },
-        /* @__PURE__ */ React70__namespace.default.createElement(
+        /* @__PURE__ */ React71__namespace.default.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -4402,7 +4418,7 @@ var init_VyLogo = __esm({
             fill: mainColor
           }
         )
-      ), /* @__PURE__ */ React70__namespace.default.createElement(
+      ), /* @__PURE__ */ React71__namespace.default.createElement(
         "g",
         {
           mask: `url(#${id}-a)`,
@@ -4410,9 +4426,9 @@ var init_VyLogo = __esm({
           clipRule: "evenodd",
           fill: mainColor
         },
-        /* @__PURE__ */ React70__namespace.default.createElement("path", { d: "M84.57 33.44a.04.04 0 0 0 .01-.08c-2.34-.3-3.85-3.59-4.68-6.38-.88-2.93-4.04-13.63-5.92-19.82C72.08.94 66.2.05 63.54.04a.04.04 0 0 0-.01.08c2.49.34 6.02 1.85 7.55 7.04 1.34 4.55 5.6 19.03 5.76 19.51 1.02 3.03 2.22 4.85 3.73 5.83a6.3 6.3 0 0 0 3.54.94h.46ZM23.28 53.68h-.72c-2.12 0-4.68-1.08-6.09-6.04L3.8 4.37C3.04 1.77 1.93.47.03.15A.04.04 0 0 1 .04.07h1.9c2.54 0 3.92 1.27 4.8 4.3 0 0 11.72 39.78 12.79 43.54.78 2.78 1.7 4.67 3.13 5.43.23.13.42.2.62.26a.04.04 0 0 1 0 .08ZM18.99 5.99C17.77 1.79 15.87.04 12.37.04h-1.71a.04.04 0 0 0 0 .08c2.73.39 4.32 2.19 5.39 5.87 0 0 10.49 35.72 11.85 40.4l1.44-4.87L18.99 6Z" }),
-        /* @__PURE__ */ React70__namespace.default.createElement("path", { d: "M24.26 53.68h1.24c1.57 0 2.69-.41 3.52-1.1 1.37-1.1 1.99-2.93 2.56-4.86.09-.29 11.2-37.95 11.59-39.42 1.32-4.97 4.27-7.13 7.43-7.9a12.2 12.2 0 0 1 1.58-.28.04.04 0 0 0 0-.08h-1.4c-4.15 0-8.8 1.65-10.56 8.26-.63 2.38-11.5 39.13-11.58 39.42-.57 1.93-1.23 3.96-2.59 5.07-.56.45-1.06.7-1.8.81a.04.04 0 0 0 0 .08ZM81.3 27.76l6.53-21.78C88.89 2.3 90.49.5 93.23.11a.04.04 0 0 0-.01-.08H91.5c-3.5 0-5.4 1.76-6.62 5.95l-5.05 16.97s1.33 4.46 1.46 4.8Z" })
-      ), /* @__PURE__ */ React70__namespace.default.createElement(
+        /* @__PURE__ */ React71__namespace.default.createElement("path", { d: "M84.57 33.44a.04.04 0 0 0 .01-.08c-2.34-.3-3.85-3.59-4.68-6.38-.88-2.93-4.04-13.63-5.92-19.82C72.08.94 66.2.05 63.54.04a.04.04 0 0 0-.01.08c2.49.34 6.02 1.85 7.55 7.04 1.34 4.55 5.6 19.03 5.76 19.51 1.02 3.03 2.22 4.85 3.73 5.83a6.3 6.3 0 0 0 3.54.94h.46ZM23.28 53.68h-.72c-2.12 0-4.68-1.08-6.09-6.04L3.8 4.37C3.04 1.77 1.93.47.03.15A.04.04 0 0 1 .04.07h1.9c2.54 0 3.92 1.27 4.8 4.3 0 0 11.72 39.78 12.79 43.54.78 2.78 1.7 4.67 3.13 5.43.23.13.42.2.62.26a.04.04 0 0 1 0 .08ZM18.99 5.99C17.77 1.79 15.87.04 12.37.04h-1.71a.04.04 0 0 0 0 .08c2.73.39 4.32 2.19 5.39 5.87 0 0 10.49 35.72 11.85 40.4l1.44-4.87L18.99 6Z" }),
+        /* @__PURE__ */ React71__namespace.default.createElement("path", { d: "M24.26 53.68h1.24c1.57 0 2.69-.41 3.52-1.1 1.37-1.1 1.99-2.93 2.56-4.86.09-.29 11.2-37.95 11.59-39.42 1.32-4.97 4.27-7.13 7.43-7.9a12.2 12.2 0 0 1 1.58-.28.04.04 0 0 0 0-.08h-1.4c-4.15 0-8.8 1.65-10.56 8.26-.63 2.38-11.5 39.13-11.58 39.42-.57 1.93-1.23 3.96-2.59 5.07-.56.45-1.06.7-1.8.81a.04.04 0 0 0 0 .08ZM81.3 27.76l6.53-21.78C88.89 2.3 90.49.5 93.23.11a.04.04 0 0 0-.01-.08H91.5c-3.5 0-5.4 1.76-6.62 5.95l-5.05 16.97s1.33 4.46 1.46 4.8Z" })
+      ), /* @__PURE__ */ React71__namespace.default.createElement(
         "path",
         {
           fillRule: "evenodd",
@@ -4420,7 +4436,7 @@ var init_VyLogo = __esm({
           d: "M98.49.07h-1.82c-2.98 0-4.6 1.49-5.63 5.06l-6.52 21.79a18.22 18.22 0 0 1-1.67 3.96c.57.78 1.17 1.26 1.76 1.38 1.13-.96 2.06-2.75 2.89-5.46l6.49-21.67c.9-3.1 2.23-4.63 4.5-4.98a.04.04 0 0 0 0-.08Z",
           fill: accentColor
         }
-      ), /* @__PURE__ */ React70__namespace.default.createElement(
+      ), /* @__PURE__ */ React71__namespace.default.createElement(
         "path",
         {
           fillRule: "evenodd",
@@ -4428,7 +4444,7 @@ var init_VyLogo = __esm({
           d: "M85.25 34.53h-2.93L78.58 46.9c-1.82 6.1 1.05 6.73 2.15 6.73h2.31a.04.04 0 0 0 .01-.09c-1.25-.3-2.96-1.6-1.45-6.64l3.65-12.37ZM102.35.11c.02 0 .03-.02.03-.04a.04.04 0 0 0-.04-.04h-.4c-2.54 0-3.92 1.27-4.8 4.3 0 0-5 16.82-6.57 22.03-1.57 5.2-2.65 6.6-4.78 6.97l-.11.03a.04.04 0 0 0 0 .08h1.45c3.72 0 5.1-2.48 6.41-6.84l7.5-25.07c.19-.6.7-1.23 1.31-1.42Z",
           fill: mainColor
         }
-      ), /* @__PURE__ */ React70__namespace.default.createElement(
+      ), /* @__PURE__ */ React71__namespace.default.createElement(
         "mask",
         {
           id: `${id}-b`,
@@ -4439,7 +4455,7 @@ var init_VyLogo = __esm({
           width: "78",
           height: "54"
         },
-        /* @__PURE__ */ React70__namespace.default.createElement(
+        /* @__PURE__ */ React71__namespace.default.createElement(
           "path",
           {
             fillRule: "evenodd",
@@ -4448,25 +4464,25 @@ var init_VyLogo = __esm({
             fill: mainColor
           }
         )
-      ), /* @__PURE__ */ React70__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React70__namespace.default.createElement(
+      ), /* @__PURE__ */ React71__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React71__namespace.default.createElement(
         "path",
         {
           d: "m88.2 34.45-3.96 13.46c-1.54 5.18.9 5.72 1.83 5.72h2.26a.04.04 0 0 0 0-.09c-1.05-.27-2.44-1.4-1.18-5.63l4.43-15.02c-.7.71-1.88 1.37-3.38 1.56ZM93.71 53.63c.02 0 .04-.02.04-.05a.04.04 0 0 0-.03-.04c-.9-.25-2.02-1.24-.96-4.77 0 0 12.4-42.2 13.08-44.6a3.1 3.1 0 0 0-2.47-4.1c-.02 0-.06-.02-.07.01-.01.04.03.06.04.06.3.16.63.52.45 1.14L89.84 48.77c-1.32 4.4.76 4.86 1.55 4.86h2.32ZM74.1 33.44a.04.04 0 0 0 0-.08 5.77 5.77 0 0 1-2.3-.83c-1.64-1.04-2.9-3.06-3.98-6.5-.1-.29-5.37-18.25-5.55-18.87-1.12-3.8-2.91-5.63-4.68-6.46a7.06 7.06 0 0 0-3.04-.66H53a.04.04 0 0 0-.02.08c.3.05 4.32.17 6.35 7.04 2.03 6.86 4.46 15.07 5.28 17.97 1.77 6.26 4.07 8.3 7.75 8.3h1.73Z",
           fill: mainColor
         }
-      ), /* @__PURE__ */ React70__namespace.default.createElement(
+      ), /* @__PURE__ */ React71__namespace.default.createElement(
         "path",
         {
           d: "M55.43 2.4c-1.48 1.27-2.7 3.16-3.44 5.9-.07.29-11.08 37.74-11.32 38.55-.93 3.12-1.7 6.21-5.2 6.75a.04.04 0 0 0 0 .08h.7l.6-.01c3.56-.14 5.33-1.66 6.85-6.82L54.94 8.3c.44-1.44.96-3.08 1.7-4.52-.15-.25-.7-.96-1.2-1.38Z",
           fill: mainColor
         }
-      ), /* @__PURE__ */ React70__namespace.default.createElement(
+      ), /* @__PURE__ */ React71__namespace.default.createElement(
         "path",
         {
           d: "M53.78 1.44a4.64 4.64 0 0 0-4.17.93A10.79 10.79 0 0 0 46.19 8L34.53 47.72c-.58 1.93-1.2 3.75-2.56 4.87-.62.5-1.4.86-2.39 1.01a.04.04 0 0 0 0 .08h1.8c1.57 0 2.69-.41 3.53-1.1 1.36-1.1 1.98-2.93 2.56-4.86L49.05 8.3c.73-2.74 1.95-4.63 3.43-5.9.43-.36.88-.68 1.35-.95l-.05-.01Z",
           fill: accentColor
         }
-      )), /* @__PURE__ */ React70__namespace.default.createElement(
+      )), /* @__PURE__ */ React71__namespace.default.createElement(
         "path",
         {
           fillRule: "evenodd",
@@ -4488,7 +4504,7 @@ var init_logo = __esm({
 var JumpForwardIcon, JumpBackwardIcon, PlayIcon, PauseIcon, SkipNextIcon, SkipPreviousIcon;
 var init_icons2 = __esm({
   "src/media-controller/icons.tsx"() {
-    JumpForwardIcon = (props) => /* @__PURE__ */ React70__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React70__namespace.createElement(
+    JumpForwardIcon = (props) => /* @__PURE__ */ React71__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React71__namespace.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -4496,7 +4512,7 @@ var init_icons2 = __esm({
         d: "M22.388 7.5C20.567 5.967 18.251 5 15.75 5 9.951 5 5.25 9.701 5.25 15.5S9.951 26 15.75 26s10.5-4.701 10.5-10.5a1 1 0 1 1 2 0c0 6.904-5.596 12.5-12.5 12.5s-12.5-5.596-12.5-12.5S8.846 3 15.75 3c3.206 0 6.11 1.31 8.304 3.3l.206-1.441a1 1 0 0 1 1.98.282L25.617 9.5H21.25a1 1 0 1 1 0-2h1.138Z",
         fill: "currentColor"
       }
-    ), /* @__PURE__ */ React70__namespace.createElement(
+    ), /* @__PURE__ */ React71__namespace.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -4505,7 +4521,7 @@ var init_icons2 = __esm({
         fill: "currentColor"
       }
     ));
-    JumpBackwardIcon = (props) => /* @__PURE__ */ React70__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React70__namespace.createElement(
+    JumpBackwardIcon = (props) => /* @__PURE__ */ React71__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React71__namespace.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -4513,7 +4529,7 @@ var init_icons2 = __esm({
         d: "M9.612 7.5C11.433 5.967 13.749 5 16.25 5c5.799 0 10.5 4.701 10.5 10.5S22.049 26 16.25 26s-10.5-4.701-10.5-10.5a1 1 0 1 0-2 0c0 6.904 5.596 12.5 12.5 12.5s12.5-5.596 12.5-12.5S23.154 3 16.25 3c-3.206 0-6.11 1.31-8.304 3.3L7.74 4.86a1 1 0 0 0-1.98.282L6.383 9.5h4.367a1 1 0 1 0 0-2H9.612Z",
         fill: "currentColor"
       }
-    ), /* @__PURE__ */ React70__namespace.createElement(
+    ), /* @__PURE__ */ React71__namespace.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -4522,7 +4538,7 @@ var init_icons2 = __esm({
         fill: "currentColor"
       }
     ));
-    PlayIcon = (props) => /* @__PURE__ */ React70__namespace.createElement(react.Box, { as: "svg", ...props, fill: "none", viewBox: "0 0 60 60" }, /* @__PURE__ */ React70__namespace.createElement(
+    PlayIcon = (props) => /* @__PURE__ */ React71__namespace.createElement(react.Box, { as: "svg", ...props, fill: "none", viewBox: "0 0 60 60" }, /* @__PURE__ */ React71__namespace.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -4531,7 +4547,7 @@ var init_icons2 = __esm({
         fill: "currentColor"
       }
     ));
-    PauseIcon = (props) => /* @__PURE__ */ React70__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 60 60", fill: "none" }, /* @__PURE__ */ React70__namespace.createElement(
+    PauseIcon = (props) => /* @__PURE__ */ React71__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 60 60", fill: "none" }, /* @__PURE__ */ React71__namespace.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -4540,7 +4556,7 @@ var init_icons2 = __esm({
         fill: "currentColor"
       }
     ));
-    SkipNextIcon = (props) => /* @__PURE__ */ React70__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React70__namespace.createElement(
+    SkipNextIcon = (props) => /* @__PURE__ */ React71__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React71__namespace.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -4549,7 +4565,7 @@ var init_icons2 = __esm({
         fill: "currentColor"
       }
     ));
-    SkipPreviousIcon = (props) => /* @__PURE__ */ React70__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React70__namespace.createElement(
+    SkipPreviousIcon = (props) => /* @__PURE__ */ React71__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React71__namespace.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -4576,7 +4592,7 @@ var init_JumpButton = __esm({
         variant: "jumpSkip",
         size: size2
       });
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         react.Center,
         {
           as: "button",
@@ -4585,7 +4601,7 @@ var init_JumpButton = __esm({
           disabled: isDisabled,
           ...props
         },
-        direction2 === "forward" ? /* @__PURE__ */ React70__namespace.default.createElement(JumpForwardIcon, { sx: styles3.icon }) : /* @__PURE__ */ React70__namespace.default.createElement(JumpBackwardIcon, { sx: styles3.icon })
+        direction2 === "forward" ? /* @__PURE__ */ React71__namespace.default.createElement(JumpForwardIcon, { sx: styles3.icon }) : /* @__PURE__ */ React71__namespace.default.createElement(JumpBackwardIcon, { sx: styles3.icon })
       );
     };
     texts18 = createTexts({
@@ -4620,7 +4636,7 @@ var init_PlayPauseButton = __esm({
         variant: "play",
         size: size2
       });
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         react.Center,
         {
           as: "button",
@@ -4629,7 +4645,7 @@ var init_PlayPauseButton = __esm({
           disabled: isDisabled,
           ...props
         },
-        isPlaying ? /* @__PURE__ */ React70__namespace.default.createElement(PauseIcon, { sx: styles3.icon }) : /* @__PURE__ */ React70__namespace.default.createElement(PlayIcon, { sx: styles3.icon })
+        isPlaying ? /* @__PURE__ */ React71__namespace.default.createElement(PauseIcon, { sx: styles3.icon }) : /* @__PURE__ */ React71__namespace.default.createElement(PlayIcon, { sx: styles3.icon })
       );
     };
     texts19 = createTexts({
@@ -4664,7 +4680,7 @@ var init_SkipButton = __esm({
         variant: "jumpSkip",
         size: size2
       });
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         react.Center,
         {
           as: "button",
@@ -4673,7 +4689,7 @@ var init_SkipButton = __esm({
           disabled: isDisabled,
           ...props
         },
-        direction2 === "forward" ? /* @__PURE__ */ React70__namespace.default.createElement(SkipNextIcon, { sx: styles3.icon }) : /* @__PURE__ */ React70__namespace.default.createElement(SkipPreviousIcon, { sx: styles3.icon })
+        direction2 === "forward" ? /* @__PURE__ */ React71__namespace.default.createElement(SkipNextIcon, { sx: styles3.icon }) : /* @__PURE__ */ React71__namespace.default.createElement(SkipPreviousIcon, { sx: styles3.icon })
       );
     };
     texts20 = createTexts({
@@ -4710,7 +4726,7 @@ var init_ModalHeader = __esm({
           fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
           textAlign: size2 === "lg" ? "center" : "left"
         };
-        return /* @__PURE__ */ React70__namespace.default.createElement(react.ModalHeader, { ...props, ref, ...styles3 });
+        return /* @__PURE__ */ React71__namespace.default.createElement(react.ModalHeader, { ...props, ref, ...styles3 });
       }
     );
   }
@@ -4720,7 +4736,7 @@ var init_Drawer = __esm({
   "src/modal/Drawer.tsx"() {
     init_ModalHeader();
     exports.Drawer = (props) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React70__namespace.default.createElement(react.Drawer, { ...props }));
+      return /* @__PURE__ */ React71__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React71__namespace.default.createElement(react.Drawer, { ...props }));
     };
     exports.DrawerContent = react.forwardRef(
       ({ children, ...props }, ref) => {
@@ -4737,7 +4753,7 @@ var init_Drawer = __esm({
         });
         const isTopOrBottom = placement === "top" || placement === "bottom";
         const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
-        return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React71__namespace.default.createElement(
           react.DrawerContent,
           {
             ...widthConstraits,
@@ -4746,13 +4762,13 @@ var init_Drawer = __esm({
             ...props,
             ref
           },
-          /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { position: "relative" }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React70__namespace.default.createElement(Notch, null), /* @__PURE__ */ React70__namespace.default.createElement(react.Box, null, children)))
+          /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { position: "relative" }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React71__namespace.default.createElement(Notch, null), /* @__PURE__ */ React71__namespace.default.createElement(react.Box, null, children)))
         ));
       }
     );
     Notch = react.forwardRef((props, ref) => {
       const placement = useDrawerContext();
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         react.Box,
         {
           position: "absolute",
@@ -4764,14 +4780,14 @@ var init_Drawer = __esm({
           ...props,
           ref
         },
-        /* @__PURE__ */ React70__namespace.default.createElement(
+        /* @__PURE__ */ React71__namespace.default.createElement(
           react.Center,
           {
             background: placement === "bottom" ? "bottom" : "top",
             padding: 2,
             borderRadius: "md"
           },
-          /* @__PURE__ */ React70__namespace.default.createElement(
+          /* @__PURE__ */ React71__namespace.default.createElement(
             react.Box,
             {
               width: "2.265rem",
@@ -4783,10 +4799,10 @@ var init_Drawer = __esm({
         )
       );
     });
-    DrawerContext = React70__namespace.default.createContext(void 0);
-    DrawerProvider = (props) => /* @__PURE__ */ React70__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
+    DrawerContext = React71__namespace.default.createContext(void 0);
+    DrawerProvider = (props) => /* @__PURE__ */ React71__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
     useDrawerContext = () => {
-      return React70__namespace.default.useContext(DrawerContext);
+      return React71__namespace.default.useContext(DrawerContext);
     };
   }
 });
@@ -4801,11 +4817,11 @@ var init_FullScreenDrawer = __esm({
       title,
       placement = "bottom",
       leftButton = null,
-      rightButton = /* @__PURE__ */ React70__namespace.default.createElement(DrawerCloseButton2, null),
+      rightButton = /* @__PURE__ */ React71__namespace.default.createElement(DrawerCloseButton2, null),
       isOpen,
       onClose
     }) => {
-      const [isContentBoxScrolled, setContentBoxScrolled] = React70.useState(false);
+      const [isContentBoxScrolled, setContentBoxScrolled] = React71.useState(false);
       const onContentScroll = (e) => {
         const target = e.target;
         if (target.scrollTop <= 0) {
@@ -4814,10 +4830,10 @@ var init_FullScreenDrawer = __esm({
         }
         setContentBoxScrolled(true);
       };
-      React70.useEffect(() => {
+      React71.useEffect(() => {
         setContentBoxScrolled(false);
       }, [isOpen]);
-      return /* @__PURE__ */ React70__namespace.default.createElement(exports.Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React70__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(exports.Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React71__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React71__namespace.default.createElement(
         react.DrawerContent,
         {
           height: "100vh",
@@ -4825,7 +4841,7 @@ var init_FullScreenDrawer = __esm({
           backgroundPosition: "top",
           backgroundRepeat: "no-repeat"
         },
-        /* @__PURE__ */ React70__namespace.default.createElement(
+        /* @__PURE__ */ React71__namespace.default.createElement(
           DrawerTopMenu,
           {
             isScrolled: isContentBoxScrolled,
@@ -4834,7 +4850,7 @@ var init_FullScreenDrawer = __esm({
             rightButton
           }
         ),
-        /* @__PURE__ */ React70__namespace.default.createElement(react.DrawerBody, { overflow: "auto", onScroll: onContentScroll }, children)
+        /* @__PURE__ */ React71__namespace.default.createElement(react.DrawerBody, { overflow: "auto", onScroll: onContentScroll }, children)
       ));
     };
     DrawerTopMenu = ({
@@ -4847,7 +4863,7 @@ var init_FullScreenDrawer = __esm({
         "bg.default.light",
         "bg.default.dark"
       );
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         react.Flex,
         {
           width: "100%",
@@ -4860,8 +4876,8 @@ var init_FullScreenDrawer = __esm({
           transition: "box-shadow 0.2s",
           boxShadow: isScrolled ? "md" : void 0
         },
-        /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { flex: "1" }, leftButton),
-        /* @__PURE__ */ React70__namespace.default.createElement(
+        /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { flex: "1" }, leftButton),
+        /* @__PURE__ */ React71__namespace.default.createElement(
           react.DrawerHeader,
           {
             as: "h2",
@@ -4874,7 +4890,7 @@ var init_FullScreenDrawer = __esm({
           },
           title
         ),
-        /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
+        /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
       );
     };
     DrawerCloseButton2 = () => {
@@ -4884,11 +4900,11 @@ var init_FullScreenDrawer = __esm({
         `(min-width: ${tokens11__namespace.default.size.breakpoint.sm})`
       );
       if (isScreenSizeMinSm) {
-        return /* @__PURE__ */ React70__namespace.default.createElement(
+        return /* @__PURE__ */ React71__namespace.default.createElement(
           exports.Button,
           {
             variant: "ghost",
-            leftIcon: /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.CloseFill24Icon, null),
+            leftIcon: /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.CloseFill24Icon, null),
             onClick: onClose,
             "aria-label": t2(texts21.close),
             width: "fit-content",
@@ -4897,11 +4913,11 @@ var init_FullScreenDrawer = __esm({
           t2(texts21.close)
         );
       }
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         exports.IconButton,
         {
           variant: "ghost",
-          icon: /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.CloseFill30Icon, null),
+          icon: /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.CloseFill30Icon, null),
           onClick: onClose,
           "aria-label": t2(texts21.close)
         }
@@ -4931,7 +4947,7 @@ var init_SimpleDrawer = __esm({
       title,
       ...props
     }) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(exports.Drawer, { placement, ...props }, /* @__PURE__ */ React70__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React70__namespace.default.createElement(exports.DrawerContent, null, /* @__PURE__ */ React70__namespace.default.createElement(react.DrawerCloseButton, null), title && /* @__PURE__ */ React70__namespace.default.createElement(exports.ModalHeader, null, title), /* @__PURE__ */ React70__namespace.default.createElement(react.DrawerBody, null, children)));
+      return /* @__PURE__ */ React71__namespace.default.createElement(exports.Drawer, { placement, ...props }, /* @__PURE__ */ React71__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React71__namespace.default.createElement(exports.DrawerContent, null, /* @__PURE__ */ React71__namespace.default.createElement(react.DrawerCloseButton, null), title && /* @__PURE__ */ React71__namespace.default.createElement(exports.ModalHeader, null, title), /* @__PURE__ */ React71__namespace.default.createElement(react.DrawerBody, null, children)));
     };
   }
 });
@@ -4970,7 +4986,7 @@ var init_Nudge = __esm({
         }
         return null;
       }
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         react.Popover,
         {
           arrowSize: 12,
@@ -4978,8 +4994,8 @@ var init_Nudge = __esm({
           defaultIsOpen: true,
           ...props
         },
-        /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverAnchor, null, children),
-        /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React70__namespace.default.createElement(react.DarkMode, null, /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverArrow, null), /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverBody, { margin: 1 }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { marginRight: 4 }, content), /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React70__namespace.default.createElement(exports.ButtonGroup, null, /* @__PURE__ */ React70__namespace.default.createElement(exports.Button, { variant: "tertiary", size: "xs" }, t2(texts22.close)), /* @__PURE__ */ React70__namespace.default.createElement(exports.Button, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts22.showMe)))))))
+        /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverAnchor, null, children),
+        /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React71__namespace.default.createElement(react.DarkMode, null, /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverArrow, null), /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverBody, { margin: 1 }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { marginRight: 4 }, content), /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React71__namespace.default.createElement(exports.ButtonGroup, null, /* @__PURE__ */ React71__namespace.default.createElement(exports.Button, { variant: "tertiary", size: "xs" }, t2(texts22.close)), /* @__PURE__ */ React71__namespace.default.createElement(exports.Button, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts22.showMe)))))))
       );
     };
     texts22 = createTexts({
@@ -5009,23 +5025,23 @@ var init_WizardNudge = __esm({
       content,
       ...props
     }) => {
-      const [currentStep, setCurrentStep] = React70.useState(1);
+      const [currentStep, setCurrentStep] = React71.useState(1);
       const totalSteps = content.length;
       const isLastStep = totalSteps === currentStep;
       const onNext = () => setCurrentStep((prev) => prev + 1);
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         exports.Nudge,
         {
           onClose,
           name,
           content: content[currentStep - 1],
-          actions: /* @__PURE__ */ React70__namespace.default.createElement(react.Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React70__namespace.default.createElement(
+          actions: /* @__PURE__ */ React71__namespace.default.createElement(react.Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React71__namespace.default.createElement(
             exports.ProgressIndicator,
             {
               activeStep: currentStep,
               numberOfSteps: totalSteps
             }
-          ), /* @__PURE__ */ React70__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React70__namespace.default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
+          ), /* @__PURE__ */ React71__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React71__namespace.default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
           ...props
         },
         children
@@ -5034,12 +5050,12 @@ var init_WizardNudge = __esm({
     NextOrCloseButton = ({ isLastStep, onNext }) => {
       const { onClose } = react.usePopoverContext();
       const { t: t2 } = useTranslation();
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         exports.Button,
         {
           variant: "tertiary",
           size: "xs",
-          leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.ArrowRightFill18Icon, null),
+          leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.ArrowRightFill18Icon, null),
           onClick: isLastStep ? onClose : onNext,
           width: "fit-content"
         },
@@ -5070,13 +5086,128 @@ var init_nudge = __esm({
     init_WizardNudge();
   }
 });
+exports.Pagination = void 0; var texts24;
+var init_Pagination = __esm({
+  "src/pagination/Pagination.tsx"() {
+    init_src();
+    exports.Pagination = ({
+      totalPages,
+      selectedPage,
+      onPageChange
+    }) => {
+      const { t: t2 } = useTranslation();
+      const style = react.useMultiStyleConfig("Pagination", { selectedPage });
+      const hasPreviousPage = selectedPage > 1;
+      const hasNextPage = selectedPage < totalPages;
+      const renderPaginationButtons = () => {
+        const displayPageNumbers = [];
+        const maxVisiblePages = 8;
+        if (totalPages <= maxVisiblePages) {
+          displayPageNumbers.push(
+            ...Array.from({ length: totalPages }, (_, i) => i + 1)
+          );
+        } else {
+          if (selectedPage <= Math.floor(maxVisiblePages / 2) + 1) {
+            displayPageNumbers.push(
+              ...Array.from({ length: maxVisiblePages - 1 }, (_, i) => i + 1)
+            );
+            displayPageNumbers.push("...");
+            displayPageNumbers.push(totalPages);
+          } else if (selectedPage >= totalPages - Math.floor(maxVisiblePages / 2)) {
+            displayPageNumbers.push(1);
+            displayPageNumbers.push("...");
+            displayPageNumbers.push(
+              ...Array.from(
+                { length: maxVisiblePages - 1 },
+                (_, i) => totalPages - maxVisiblePages + 2 + i
+              )
+            );
+          } else {
+            displayPageNumbers.push(1);
+            displayPageNumbers.push("...");
+            for (let i = selectedPage - Math.floor((maxVisiblePages - 3) / 2); i <= selectedPage + Math.floor((maxVisiblePages - 3) / 2); i++) {
+              displayPageNumbers.push(i);
+            }
+            displayPageNumbers.push("...");
+            displayPageNumbers.push(totalPages);
+          }
+        }
+        return displayPageNumbers.map(
+          (pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React71__namespace.default.createElement(react.ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React71__namespace.default.createElement(react.Center, null, "...")) : /* @__PURE__ */ React71__namespace.default.createElement(
+            react.Link,
+            {
+              key: index,
+              as: react.ListItem,
+              onClick: () => {
+                if (pageNumber !== "...") {
+                  onPageChange(+pageNumber);
+                }
+              },
+              padding: pageNumber === "..." ? 0 : void 0,
+              sx: pageNumber === selectedPage ? style.activeButton : style.link
+            },
+            pageNumber
+          )
+        );
+      };
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React71__namespace.default.createElement(
+        react.UnorderedList,
+        {
+          display: "flex",
+          listStyleType: "none",
+          gap: [0, 1],
+          padding: 0,
+          margin: 0
+        },
+        /* @__PURE__ */ React71__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts24.previousPage) }, /* @__PURE__ */ React71__namespace.default.createElement(
+          exports.TextLink,
+          {
+            onClick: () => onPageChange(selectedPage - 1),
+            sx: hasPreviousPage ? style.link : style.disabled
+          },
+          /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, { sx: style.icon })
+        )),
+        renderPaginationButtons(),
+        /* @__PURE__ */ React71__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts24.nextPage) }, /* @__PURE__ */ React71__namespace.default.createElement(
+          exports.TextLink,
+          {
+            onClick: () => onPageChange(selectedPage + 1),
+            sx: hasNextPage ? style.link : style.disabled
+          },
+          /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { sx: style.icon })
+        ))
+      ));
+    };
+    texts24 = createTexts({
+      previousPage: {
+        nb: "Forrige side",
+        nn: "F\xF8rre side",
+        en: "Previous page",
+        sv: "F\xF6reg\xE5ende sida"
+      },
+      nextPage: {
+        nb: "Neste side",
+        nn: "Neste side",
+        en: "Next page",
+        sv: "N\xE4sta sida"
+      }
+    });
+  }
+});
+
+// src/pagination/index.tsx
+var init_pagination = __esm({
+  "src/pagination/index.tsx"() {
+    init_Pagination();
+  }
+});
 var ProgressDot;
 var init_ProgressDot = __esm({
   "src/progress-indicator/ProgressDot.tsx"() {
     init_src();
     ProgressDot = ({ isActive }) => {
       const style = react.useMultiStyleConfig("ProgressIndicator");
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         react.Box,
         {
           as: "svg",
@@ -5086,12 +5217,12 @@ var init_ProgressDot = __esm({
           viewBox: "0 0 100 100",
           "aria-current": isActive ? "step" : void 0
         },
-        /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { as: "circle", cx: "50", cy: "50", r: "50" })
+        /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { as: "circle", cx: "50", cy: "50", r: "50" })
       );
     };
   }
 });
-exports.ProgressIndicator = void 0; var texts24;
+exports.ProgressIndicator = void 0; var texts25;
 var init_ProgressIndicator = __esm({
   "src/progress-indicator/ProgressIndicator.tsx"() {
     init_src();
@@ -5102,7 +5233,7 @@ var init_ProgressIndicator = __esm({
     }) => {
       const { t: t2 } = useTranslation();
       const style = react.useMultiStyleConfig("ProgressIndicator");
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         react.Box,
         {
           __css: style.root,
@@ -5110,9 +5241,9 @@ var init_ProgressIndicator = __esm({
           "aria-valuemin": 1,
           "aria-valuemax": numberOfSteps,
           "aria-valuenow": activeStep,
-          "aria-valuetext": t2(texts24.stepsOf(activeStep, numberOfSteps))
+          "aria-valuetext": t2(texts25.stepsOf(activeStep, numberOfSteps))
         },
-        /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React70__namespace.default.createElement(
+        /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React71__namespace.default.createElement(
           ProgressDot,
           {
             key: i,
@@ -5122,7 +5253,7 @@ var init_ProgressIndicator = __esm({
         )))
       );
     };
-    texts24 = createTexts({
+    texts25 = createTexts({
       stepsOf: (activeStep, numberOfSteps) => ({
         nb: `Steg ${activeStep} av ${numberOfSteps}`,
         nn: `Steg ${activeStep} av ${numberOfSteps}`,
@@ -5153,7 +5284,7 @@ var init_SporProvider = __esm({
     }) => {
       const brandCustomizations = exports.brandTheme[brand] ?? {};
       const extendedTheme = deepmerge__default.default(theme3, brandCustomizations);
-      return /* @__PURE__ */ React70__namespace.default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React70__namespace.default.createElement(react.ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React70__namespace.default.createElement(react$1.Global, { styles: exports.fontFaces }), children));
+      return /* @__PURE__ */ React71__namespace.default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React71__namespace.default.createElement(react.ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React71__namespace.default.createElement(react$1.Global, { styles: exports.fontFaces }), children));
     };
   }
 });
@@ -5167,7 +5298,7 @@ var init_provider = __esm({
 var StepperContext, StepperProvider, useStepper;
 var init_StepperContext = __esm({
   "src/stepper/StepperContext.tsx"() {
-    StepperContext = React70__namespace.default.createContext(null);
+    StepperContext = React71__namespace.default.createContext(null);
     StepperProvider = ({
       activeStep,
       children,
@@ -5175,7 +5306,7 @@ var init_StepperContext = __esm({
       numberOfSteps,
       variant
     }) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         StepperContext.Provider,
         {
           value: { activeStep, onClick, numberOfSteps, variant }
@@ -5184,7 +5315,7 @@ var init_StepperContext = __esm({
       );
     };
     useStepper = () => {
-      const context = React70__namespace.default.useContext(StepperContext);
+      const context = React71__namespace.default.useContext(StepperContext);
       if (!context) {
         throw new Error(
           "useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
@@ -5194,7 +5325,7 @@ var init_StepperContext = __esm({
     };
   }
 });
-exports.Stepper = void 0; var texts25;
+exports.Stepper = void 0; var texts26;
 var init_Stepper = __esm({
   "src/stepper/Stepper.tsx"() {
     init_stepper();
@@ -5218,7 +5349,7 @@ var init_Stepper = __esm({
       const { t: t2 } = useTranslation();
       const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
       const shownHeading = heading || title;
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { sx: style.root }, /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { sx: style.root }, /* @__PURE__ */ React71__namespace.default.createElement(
         StepperProvider,
         {
           onClick,
@@ -5226,7 +5357,7 @@ var init_Stepper = __esm({
           variant,
           numberOfSteps
         },
-        /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { sx: style.container }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { sx: style.innerContainer }, /* @__PURE__ */ React70__namespace.default.createElement(
+        /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { sx: style.container }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { sx: style.innerContainer }, /* @__PURE__ */ React71__namespace.default.createElement(
           react.Flex,
           {
             justifyContent: "space-between",
@@ -5234,11 +5365,11 @@ var init_Stepper = __esm({
             gap: 2,
             flex: 1
           },
-          /* @__PURE__ */ React70__namespace.default.createElement(
+          /* @__PURE__ */ React71__namespace.default.createElement(
             exports.IconButton,
             {
-              "aria-label": t2(texts25.back),
-              icon: /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
+              "aria-label": t2(texts26.back),
+              icon: /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
               variant: "ghost",
               size: "sm",
               visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
@@ -5251,9 +5382,9 @@ var init_Stepper = __esm({
               }
             }
           ),
-          shownHeading && /* @__PURE__ */ React70__namespace.default.createElement(exports.Text, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
-          /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { sx: style.stepCounter }, t2(texts25.stepsOf(activeStep, numberOfSteps)))
-        )), /* @__PURE__ */ React70__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React70__namespace.default.createElement(
+          shownHeading && /* @__PURE__ */ React71__namespace.default.createElement(exports.Text, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
+          /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { sx: style.stepCounter }, t2(texts26.stepsOf(activeStep, numberOfSteps)))
+        )), /* @__PURE__ */ React71__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React71__namespace.default.createElement(
           exports.StepperStep,
           {
             key: index,
@@ -5266,7 +5397,7 @@ var init_Stepper = __esm({
         ))))
       ));
     };
-    texts25 = createTexts({
+    texts26 = createTexts({
       stepsOf: (activeStep, numberOfSteps) => ({
         nb: `Steg ${activeStep}/${numberOfSteps}`,
         nn: `Steg ${activeStep}/${numberOfSteps}`,
@@ -5305,14 +5436,14 @@ var init_StepperStep = __esm({
       );
       const iconColor = react.useColorModeValue("blackAlpha.200", "whiteAlpha.200");
       const isDisabled = state2 !== "active" && isDisabledOverride || state2 === "disabled";
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React71__namespace.default.createElement(
         sporIconReact.DropdownRightFill18Icon,
         {
           marginX: 5,
           display: ["none", null, "block"],
           color: iconColor
         }
-      ), isDisabled ? /* @__PURE__ */ React70__namespace.default.createElement(
+      ), isDisabled ? /* @__PURE__ */ React71__namespace.default.createElement(
         exports.Text,
         {
           variant: "xs",
@@ -5322,7 +5453,7 @@ var init_StepperStep = __esm({
           paddingX: 2
         },
         children
-      ) : /* @__PURE__ */ React70__namespace.default.createElement(
+      ) : /* @__PURE__ */ React71__namespace.default.createElement(
         exports.Button,
         {
           size: "xs",
@@ -5358,7 +5489,7 @@ exports.Tabs = void 0;
 var init_Tabs = __esm({
   "src/tab/Tabs.tsx"() {
     exports.Tabs = react.forwardRef((props, ref) => {
-      return /* @__PURE__ */ React70__namespace.createElement(react.Tabs, { ...props, ref });
+      return /* @__PURE__ */ React71__namespace.createElement(react.Tabs, { ...props, ref });
     });
   }
 });
@@ -5380,7 +5511,7 @@ var init_Table = __esm({
   "src/table/Table.tsx"() {
     exports.Table = react.forwardRef((props, ref) => {
       const { variant, size: size2, colorScheme, children, ...rest } = props;
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { overflowX: "auto" }, /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { overflowX: "auto" }, /* @__PURE__ */ React71__namespace.default.createElement(
         react.Table,
         {
           variant,
@@ -6124,16 +6255,16 @@ function defineCssVars(scope, keys2) {
 function defineStyle(styles3) {
   return styles3;
 }
-function defineStyleConfig(config42) {
-  return config42;
+function defineStyleConfig(config44) {
+  return config44;
 }
-function createMultiStyleConfigHelpers(parts18) {
+function createMultiStyleConfigHelpers(parts19) {
   return {
-    definePartsStyle(config42) {
-      return config42;
+    definePartsStyle(config44) {
+      return config44;
     },
-    defineMultiStyleConfig(config42) {
-      return { parts: parts18, ...config42 };
+    defineMultiStyleConfig(config44) {
+      return { parts: parts19, ...config44 };
     }
   };
 }
@@ -7456,7 +7587,7 @@ function anatomy(name, map = {}) {
       "[anatomy] .part(...) should only be called once. Did you mean to use .extend(...) ?"
     );
   }
-  function parts18(...values) {
+  function parts19(...values) {
     assert();
     for (const part of values) {
       map[part] = toPart(part);
@@ -7496,7 +7627,7 @@ function anatomy(name, map = {}) {
   }
   const __type = {};
   return {
-    parts: parts18,
+    parts: parts19,
     toPart,
     extend,
     selectors,
@@ -12807,9 +12938,9 @@ var init_datepicker2 = __esm({
           [$arrowBackground.variable]: surface("default", props).backgroundColor
         },
         calendarPopover: {
-          ...baseBackground("default", props),
+          ...floatingBackground("default", props),
           ...baseText("default", props),
-          ...baseBorder("default", props),
+          ...floatingBorder("default", props),
           boxShadow: "md"
         },
         weekdays: {
@@ -14224,7 +14355,79 @@ var init_numeric_stepper = __esm({
     numeric_stepper_default = config28;
   }
 });
-var $popperBg2, $arrowBg3, $arrowShadowColor2, helpers20, config29, popover_default;
+var parts14, helpers20, config29, commonStyles, pagination_default;
+var init_pagination2 = __esm({
+  "src/theme/components/pagination.ts"() {
+    init_ghost_utils();
+    init_base_utils();
+    parts14 = themeTools.anatomy("Pagination").parts(
+      "listItem",
+      "link",
+      "activeButton",
+      "disabled",
+      "icon"
+    );
+    helpers20 = react.createMultiStyleConfigHelpers(parts14.keys);
+    config29 = helpers20.defineMultiStyleConfig({
+      baseStyle: (props) => ({
+        activeButton: {
+          fontWeight: "bold",
+          ...commonStyles,
+          ...ghostBackground("active", props),
+          _hover: {
+            ...ghostBackground("hover", props),
+            borderRadius: 50
+          },
+          _active: {
+            borderRadius: 50,
+            ...ghostBackground("active", props)
+          }
+        },
+        disabled: {
+          ...commonStyles,
+          cursor: "not-allowed",
+          pointerEvents: "none",
+          boxShadow: "none",
+          ...baseText("disabled", props)
+        },
+        listItem: {
+          display: "flex"
+        },
+        link: {
+          ...commonStyles,
+          ...ghostBackground("default", props),
+          ...baseText("default", props),
+          _hover: {
+            ...ghostBackground("hover", props),
+            borderRadius: 50,
+            _disabled: {
+              ...baseText("disabled", props)
+            }
+          },
+          _active: {
+            borderRadius: 50,
+            ...ghostBackground("active", props)
+          }
+        },
+        icon: {
+          bottom: "-0.03em !important"
+        }
+      })
+    });
+    commonStyles = {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      width: 5,
+      height: 5,
+      backgroundImage: "none",
+      borderRadius: 50,
+      fontSize: "xs"
+    };
+    pagination_default = config29;
+  }
+});
+var $popperBg2, $arrowBg3, $arrowShadowColor2, helpers21, config30, popover_default;
 var init_popover = __esm({
   "src/theme/components/popover.ts"() {
     init_dist4();
@@ -14232,8 +14435,8 @@ var init_popover = __esm({
     $popperBg2 = themeTools.cssVar("popper-bg");
     $arrowBg3 = themeTools.cssVar("popper-arrow-bg");
     $arrowShadowColor2 = themeTools.cssVar("popper-arrow-shadow-color");
-    helpers20 = react.createMultiStyleConfigHelpers(popoverAnatomy.keys);
-    config29 = helpers20.defineMultiStyleConfig({
+    helpers21 = react.createMultiStyleConfigHelpers(popoverAnatomy.keys);
+    config30 = helpers21.defineMultiStyleConfig({
       baseStyle: (props) => ({
         popper: {
           zIndex: "popover"
@@ -14288,22 +14491,22 @@ var init_popover = __esm({
         }
       }
     });
-    popover_default = config29;
+    popover_default = config30;
   }
 });
-var parts14, helpers21, config30, progress_bar_default;
+var parts15, helpers22, config31, progress_bar_default;
 var init_progress_bar = __esm({
   "src/theme/components/progress-bar.ts"() {
     init_dist4();
     init_dist3();
-    parts14 = anatomy("progressBar").parts(
+    parts15 = anatomy("progressBar").parts(
       "container",
       "background",
       "progress",
       "description"
     );
-    helpers21 = createMultiStyleConfigHelpers(parts14.keys);
-    config30 = helpers21.defineMultiStyleConfig({
+    helpers22 = createMultiStyleConfigHelpers(parts15.keys);
+    config31 = helpers22.defineMultiStyleConfig({
       baseStyle: (props) => ({
         container: {
           minWidth: "100px"
@@ -14333,19 +14536,19 @@ var init_progress_bar = __esm({
         }
       })
     });
-    progress_bar_default = config30;
+    progress_bar_default = config31;
   }
 });
-var parts15, helpers22, config31, progress_indicator_default;
+var parts16, helpers23, config32, progress_indicator_default;
 var init_progress_indicator2 = __esm({
   "src/theme/components/progress-indicator.ts"() {
-    parts15 = themeTools.anatomy("progress-indicator").parts(
+    parts16 = themeTools.anatomy("progress-indicator").parts(
       "root",
       "container",
       "progressDot"
     );
-    helpers22 = react.createMultiStyleConfigHelpers(parts15.keys);
-    config31 = helpers22.defineMultiStyleConfig({
+    helpers23 = react.createMultiStyleConfigHelpers(parts16.keys);
+    config32 = helpers23.defineMultiStyleConfig({
       baseStyle: (props) => ({
         root: {
           width: "100%"
@@ -14376,18 +14579,18 @@ var init_progress_indicator2 = __esm({
         variant: "base"
       }
     });
-    progress_indicator_default = config31;
+    progress_indicator_default = config32;
   }
 });
-var helpers23, config32, radio_default;
+var helpers24, config33, radio_default;
 var init_radio = __esm({
   "src/theme/components/radio.ts"() {
     init_dist4();
     init_base_utils();
     init_brand_utils();
     init_focus_utils();
-    helpers23 = react.createMultiStyleConfigHelpers(radioAnatomy.keys);
-    config32 = helpers23.defineMultiStyleConfig({
+    helpers24 = react.createMultiStyleConfigHelpers(radioAnatomy.keys);
+    config33 = helpers24.defineMultiStyleConfig({
       baseStyle: (props) => ({
         container: {
           _hover: {
@@ -14440,18 +14643,18 @@ var init_radio = __esm({
         }
       })
     });
-    radio_default = config32;
+    radio_default = config33;
   }
 });
-var parts16, helpers24, config33, select_default;
+var parts17, helpers25, config34, select_default;
 var init_select = __esm({
   "src/theme/components/select.ts"() {
     init_dist4();
     init_base_utils();
     init_input2();
-    parts16 = selectAnatomy.extend("root");
-    helpers24 = react.createMultiStyleConfigHelpers(parts16.keys);
-    config33 = helpers24.defineMultiStyleConfig({
+    parts17 = selectAnatomy.extend("root");
+    helpers25 = react.createMultiStyleConfigHelpers(parts17.keys);
+    config34 = helpers25.defineMultiStyleConfig({
       baseStyle: (props) => ({
         root: {
           width: "100%",
@@ -14491,7 +14694,7 @@ var init_select = __esm({
         }
       })
     });
-    select_default = config33;
+    select_default = config34;
   }
 });
 
@@ -14507,7 +14710,7 @@ var init_dist7 = __esm({
     init_dist3();
   }
 });
-var fade, $startColor2, $endColor2, config34, skeleton_default;
+var fade, $startColor2, $endColor2, config35, skeleton_default;
 var init_skeleton = __esm({
   "src/theme/components/skeleton.ts"() {
     init_dist7();
@@ -14517,7 +14720,7 @@ var init_skeleton = __esm({
     });
     $startColor2 = themeTools.cssVar("skeleton-start-color");
     $endColor2 = themeTools.cssVar("skeleton-end-color");
-    config34 = react.defineStyleConfig({
+    config35 = react.defineStyleConfig({
       baseStyle: (props) => {
         const defaultStartColor = themeTools.mode("blackAlpha.300", "whiteAlpha.300")(props);
         const defaultEndColor = themeTools.mode("blackAlpha.100", "whiteAlpha.100")(props);
@@ -14540,16 +14743,16 @@ var init_skeleton = __esm({
         };
       }
     });
-    skeleton_default = config34;
+    skeleton_default = config35;
   }
 });
-var parts17, helpers25, config35, stepper_default;
+var parts18, helpers26, config36, stepper_default;
 var init_stepper2 = __esm({
   "src/theme/components/stepper.ts"() {
     init_base_utils();
     init_brand_utils();
     init_accent_utils();
-    parts17 = themeTools.anatomy("stepper").parts(
+    parts18 = themeTools.anatomy("stepper").parts(
       "root",
       "container",
       "innerContainer",
@@ -14561,8 +14764,8 @@ var init_stepper2 = __esm({
       "stepTitle",
       "closeButton"
     );
-    helpers25 = react.createMultiStyleConfigHelpers(parts17.keys);
-    config35 = helpers25.defineMultiStyleConfig({
+    helpers26 = react.createMultiStyleConfigHelpers(parts18.keys);
+    config36 = helpers26.defineMultiStyleConfig({
       baseStyle: {
         root: {
           display: "flex",
@@ -14631,10 +14834,10 @@ var init_stepper2 = __esm({
         variant: "base"
       }
     });
-    stepper_default = config35;
+    stepper_default = config36;
   }
 });
-var $width2, $height3, $diff2, diffValue2, $translateX2, helpers26, config36, switch_default;
+var $width2, $height3, $diff2, diffValue2, $translateX2, helpers27, config37, switch_default;
 var init_switch = __esm({
   "src/theme/components/switch.ts"() {
     init_dist4();
@@ -14646,8 +14849,8 @@ var init_switch = __esm({
     $diff2 = themeTools.cssVar("switch-track-diff");
     diffValue2 = themeTools.calc.subtract($width2, $height3);
     $translateX2 = themeTools.cssVar("switch-thumb-x");
-    helpers26 = react.createMultiStyleConfigHelpers(switchAnatomy.keys);
-    config36 = helpers26.defineMultiStyleConfig({
+    helpers27 = react.createMultiStyleConfigHelpers(switchAnatomy.keys);
+    config37 = helpers27.defineMultiStyleConfig({
       baseStyle: (props) => ({
         container: {
           [$diff2.variable]: diffValue2,
@@ -14740,21 +14943,21 @@ var init_switch = __esm({
         size: "md"
       }
     });
-    switch_default = config36;
+    switch_default = config37;
   }
 });
-var helpers27, numericStyles2, config37, table_default;
+var helpers28, numericStyles2, config38, table_default;
 var init_table2 = __esm({
   "src/theme/components/table.ts"() {
     init_dist4();
     init_base_utils();
-    helpers27 = react.createMultiStyleConfigHelpers(tableAnatomy.keys);
+    helpers28 = react.createMultiStyleConfigHelpers(tableAnatomy.keys);
     numericStyles2 = {
       "&[data-is-numeric=true]": {
         textAlign: "end"
       }
     };
-    config37 = helpers27.defineMultiStyleConfig({
+    config38 = helpers28.defineMultiStyleConfig({
       baseStyle: (props) => ({
         table: {
           borderCollapse: "collapse",
@@ -14900,10 +15103,10 @@ var init_table2 = __esm({
         colorScheme: "grey"
       }
     });
-    table_default = config37;
+    table_default = config38;
   }
 });
-var helpers28, config38, tabs_default;
+var helpers29, config39, tabs_default;
 var init_tabs = __esm({
   "src/theme/components/tabs.ts"() {
     init_dist4();
@@ -14911,8 +15114,8 @@ var init_tabs = __esm({
     init_base_utils();
     init_brand_utils();
     init_focus_utils();
-    helpers28 = react.createMultiStyleConfigHelpers(tabsAnatomy.keys);
-    config38 = helpers28.defineMultiStyleConfig({
+    helpers29 = react.createMultiStyleConfigHelpers(tabsAnatomy.keys);
+    config39 = helpers29.defineMultiStyleConfig({
       baseStyle: (props) => ({
         root: {
           display: "flex",
@@ -15035,14 +15238,14 @@ var init_tabs = __esm({
         variant: "base"
       }
     });
-    tabs_default = config38;
+    tabs_default = config39;
   }
 });
-var config39, textarea_default;
+var config40, textarea_default;
 var init_textarea = __esm({
   "src/theme/components/textarea.ts"() {
     init_input2();
-    config39 = react.defineStyleConfig({
+    config40 = react.defineStyleConfig({
       baseStyle: (props) => ({
         ...input_default.baseStyle(props).field,
         minHeight: "5rem",
@@ -15059,13 +15262,13 @@ var init_textarea = __esm({
         }
       })
     });
-    textarea_default = config39;
+    textarea_default = config40;
   }
 });
-var config40, toast_default;
+var config41, toast_default;
 var init_toast = __esm({
   "src/theme/components/toast.ts"() {
-    config40 = react.defineStyleConfig({
+    config41 = react.defineStyleConfig({
       baseStyle: {
         display: "flex",
         alignItems: "center",
@@ -15089,15 +15292,15 @@ var init_toast = __esm({
         }
       }
     });
-    toast_default = config40;
+    toast_default = config41;
   }
 });
-var config41, static_card_default, getColorSchemeBaseProps2;
+var config42, static_card_default, getColorSchemeBaseProps2;
 var init_static_card = __esm({
   "src/theme/components/static-card.ts"() {
     init_foundations();
     init_base_utils();
-    config41 = react.defineStyleConfig({
+    config42 = react.defineStyleConfig({
       baseStyle: (props) => ({
         appearance: "none",
         border: "none",
@@ -15110,7 +15313,7 @@ var init_static_card = __esm({
         ...getColorSchemeBaseProps2(props)
       })
     });
-    static_card_default = config41;
+    static_card_default = config42;
     getColorSchemeBaseProps2 = (props) => {
       var _a6;
       switch (props.colorScheme) {
@@ -15139,7 +15342,175 @@ var init_static_card = __esm({
         }
         default:
           return {
-            backgroundColor: ((_a6 = colors2[props.colorScheme]) == null ? void 0 : _a6[100]) ?? "platinum"
+            backgroundColor: ((_a6 = colors2[props.colorScheme]) == null ? void 0 : _a6[100]) ?? "default",
+            ...baseText("default", props)
+          };
+      }
+    };
+  }
+});
+function getColorSchemeClickableProps2(props) {
+  switch (props.colorScheme) {
+    case "default":
+      return {
+        ...floatingBorder("default", props)
+      };
+    case "accent":
+      return {
+        ...accentBackground("default", props),
+        ...accentText("default", props),
+        _hover: {
+          ...accentBackground("hover", props)
+        },
+        _active: {
+          ...accentBackground("active", props)
+        }
+      };
+  }
+}
+var config43, pressable_card_default, getColorSchemeBaseProps3, getColorSchemeHoverProps2, getColorSchemeActiveProps2;
+var init_pressable_card = __esm({
+  "src/theme/components/pressable-card.ts"() {
+    init_base_utils();
+    init_floating_utils();
+    init_focus_utils();
+    init_accent_utils();
+    config43 = react.defineStyleConfig({
+      baseStyle: (props) => ({
+        appearance: "none",
+        border: "none",
+        overflow: "hidden",
+        fontSize: "inherit",
+        display: "block",
+        borderRadius: "md",
+        ...getColorSchemeBaseProps3(props),
+        ...getColorSchemeClickableProps2(props),
+        ...focusVisibleStyles(props),
+        ...getColorSchemeActiveProps2(props),
+        _hover: getColorSchemeHoverProps2(props),
+        _disabled: {
+          ...baseBackground("disabled", props),
+          ...baseBorder("disabled", props),
+          ...baseText("disabled", props),
+          pointerEvents: "none"
+        }
+      }),
+      variants: {
+        base: (props) => ({
+          ...baseBackground("default", props),
+          _hover: {
+            ...baseBackground("hover", props)
+          },
+          _active: {
+            ...baseBackground("active", props)
+          }
+        }),
+        accent: (props) => ({
+          ...accentBackground("default", props),
+          _hover: {
+            ...accentBackground("hover", props)
+          },
+          _active: {
+            ...accentBackground("active", props)
+          }
+        }),
+        floating: (props) => ({
+          ...floatingBackground("default", props),
+          _hover: {
+            ...floatingBackground("hover", props)
+          },
+          _active: {
+            ...floatingBackground("active", props)
+          }
+        })
+      },
+      sizes: {
+        sm: {
+          boxShadow: "sm",
+          _hover: {
+            boxShadow: "md"
+          },
+          _active: {
+            boxShadow: "none"
+          }
+        },
+        lg: {
+          boxShadow: "md",
+          _hover: {
+            boxShadow: "lg"
+          },
+          _active: {
+            boxShadow: "sm"
+          }
+        }
+      }
+    });
+    pressable_card_default = config43;
+    getColorSchemeBaseProps3 = (props) => {
+      switch (props.colorScheme) {
+        case "default":
+          return {
+            ...baseBorder("default", props),
+            backgroundColor: themeTools.mode(
+              "white",
+              `color-mix(in srgb, white 10%, var(--spor-colors-bg-default-dark))`
+            )(props),
+            color: "inherit"
+          };
+        case "accent":
+          return {
+            ...accentBackground("default", props),
+            ...accentText("default", props),
+            _hover: {
+              ...accentBackground("hover", props)
+            },
+            _active: {
+              ...accentBackground("active", props)
+            }
+          };
+      }
+    };
+    getColorSchemeHoverProps2 = (props) => {
+      switch (props.colorScheme) {
+        case "default":
+          return {
+            backgroundColor: themeTools.mode(
+              "white",
+              `color-mix(in srgb, white 20%, var(--spor-colors-bg-default-dark))`
+            )(props),
+            ...floatingBorder("hover", props)
+          };
+        case "accent":
+          return {
+            ...accentBackground("default", props),
+            ...accentText("default", props),
+            _hover: {
+              ...accentBackground("hover", props)
+            },
+            _active: {
+              ...accentBackground("active", props)
+            }
+          };
+      }
+    };
+    getColorSchemeActiveProps2 = (props) => {
+      const { colorScheme } = props;
+      switch (colorScheme) {
+        case "default":
+          return {
+            backgroundColor: themeTools.mode("bg.tertiary.light", `bg.default.dark`)(props),
+            ...floatingBorder("active", props)
+          };
+        case "accent":
+          return {
+            ...accentBackground("default", props),
+            ...accentText("default", props),
+            _hover: {
+              ...accentBackground("hover", props)
+            },
+            _active: {
+              ...accentBackground("active", props)
+            }
           };
       }
     };
@@ -15177,7 +15548,9 @@ __export(components_exports, {
   MediaControllerButton: () => media_controller_button_default,
   Modal: () => modal_default,
   NumericStepper: () => numeric_stepper_default,
+  Pagination: () => pagination_default,
   Popover: () => popover_default,
+  PressableCard: () => pressable_card_default,
   ProgressBar: () => progress_bar_default,
   ProgressIndicator: () => progress_indicator_default,
   Radio: () => radio_default,
@@ -15222,6 +15595,7 @@ var init_components = __esm({
     init_media_controller_button();
     init_modal2();
     init_numeric_stepper();
+    init_pagination2();
     init_popover();
     init_progress_bar();
     init_progress_indicator2();
@@ -15235,6 +15609,7 @@ var init_components = __esm({
     init_textarea();
     init_toast();
     init_static_card();
+    init_pressable_card();
     init_travel_tag();
   }
 });
@@ -15349,22 +15724,22 @@ var init_theme = __esm({
     };
   }
 });
-var BaseToast, ToastIcon, getIcon3, texts26;
+var BaseToast, ToastIcon, getIcon3, texts27;
 var init_BaseToast = __esm({
   "src/toast/BaseToast.tsx"() {
     init_src();
     BaseToast = ({ children, variant, id }) => {
       const styles3 = react.useStyleConfig("Toast", { variant });
-      return /* @__PURE__ */ React70__namespace.default.createElement(react.Flex, { sx: styles3, id }, /* @__PURE__ */ React70__namespace.default.createElement(ToastIcon, { variant }), children);
+      return /* @__PURE__ */ React71__namespace.default.createElement(react.Flex, { sx: styles3, id }, /* @__PURE__ */ React71__namespace.default.createElement(ToastIcon, { variant }), children);
     };
     ToastIcon = ({ variant }) => {
       const Icon = getIcon3(variant);
       const { t: t2 } = useTranslation();
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         Icon,
         {
           flexShrink: 0,
-          "aria-label": t2(texts26[variant]),
+          "aria-label": t2(texts27[variant]),
           marginRight: 1,
           marginY: 1.5,
           color: "darkGrey"
@@ -15381,7 +15756,7 @@ var init_BaseToast = __esm({
           return sporIconReact.ErrorOutline24Icon;
       }
     };
-    texts26 = createTexts({
+    texts27 = createTexts({
       info: {
         nb: "Informasjon",
         nn: "Informasjon",
@@ -15415,11 +15790,11 @@ var init_ActionToast = __esm({
       buttonText,
       id
     }) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React70__namespace.default.createElement(exports.Button, { variant: "tertiary", size: "sm", onClick }, buttonText));
+      return /* @__PURE__ */ React71__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React71__namespace.default.createElement(exports.Button, { variant: "tertiary", size: "sm", onClick }, buttonText));
     };
   }
 });
-var ClosableToast, texts27;
+var ClosableToast, texts28;
 var init_ClosableToast = __esm({
   "src/toast/ClosableToast.tsx"() {
     init_src();
@@ -15432,18 +15807,18 @@ var init_ClosableToast = __esm({
     }) => {
       const styles3 = react.useMultiStyleConfig("Toast", { variant });
       const { t: t2 } = useTranslation();
-      return /* @__PURE__ */ React70__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React70__namespace.default.createElement(react.Box, { flexGrow: "1" }, children), /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React71__namespace.default.createElement(react.Box, { flexGrow: "1" }, children), /* @__PURE__ */ React71__namespace.default.createElement(
         exports.IconButton,
         {
           sx: styles3.dismissButton,
           variant: "ghost",
-          "aria-label": t2(texts27.dismiss),
-          icon: /* @__PURE__ */ React70__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
+          "aria-label": t2(texts28.dismiss),
+          icon: /* @__PURE__ */ React71__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
           onClick: onClose
         }
       ));
     };
-    texts27 = createTexts({
+    texts28 = createTexts({
       dismiss: {
         nb: "Lukk",
         nn: "Lukk",
@@ -15461,7 +15836,7 @@ var init_useToast = __esm({
     init_ClosableToast();
     exports.useToast = () => {
       const toast = react.useToast();
-      const wrappedToast = React70.useCallback((opts) => {
+      const wrappedToast = React71.useCallback((opts) => {
         const Toast = getToastComponent(opts);
         toast({
           ...opts,
@@ -15472,7 +15847,7 @@ var init_useToast = __esm({
     };
     getToastComponent = (opts) => {
       if ("isClosable" in opts && opts.isClosable) {
-        return ({ onClose, id }) => /* @__PURE__ */ React70__namespace.default.createElement(
+        return ({ onClose, id }) => /* @__PURE__ */ React71__namespace.default.createElement(
           ClosableToast,
           {
             id,
@@ -15488,7 +15863,7 @@ var init_useToast = __esm({
         );
       }
       if ("buttonText" in opts) {
-        return ({ id }) => /* @__PURE__ */ React70__namespace.default.createElement(
+        return ({ id }) => /* @__PURE__ */ React71__namespace.default.createElement(
           ActionToast,
           {
             id,
@@ -15499,7 +15874,7 @@ var init_useToast = __esm({
           opts.text
         );
       }
-      return ({ id }) => /* @__PURE__ */ React70__namespace.default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
+      return ({ id }) => /* @__PURE__ */ React71__namespace.default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
     };
   }
 });
@@ -15524,7 +15899,7 @@ var init_Tooltip = __esm({
       withCloseButton = false,
       ...props
     }) => {
-      return /* @__PURE__ */ React70__namespace.default.createElement(
+      return /* @__PURE__ */ React71__namespace.default.createElement(
         react.Popover,
         {
           onClose,
@@ -15536,8 +15911,8 @@ var init_Tooltip = __esm({
           arrowShadowColor: "none",
           ...props
         },
-        /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverTrigger, null, children),
-        /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverContent, null, /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverArrow, null), withCloseButton && /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React70__namespace.default.createElement(react.PopoverBody, null, content))
+        /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverTrigger, null, children),
+        /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverContent, null, /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverArrow, null), withCloseButton && /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React71__namespace.default.createElement(react.PopoverBody, null, content))
       );
     };
   }
@@ -15610,8 +15985,8 @@ function useSizes({
   getNodes,
   observeMutation = true
 }) {
-  const [sizes26, setSizes] = React70.useState([]);
-  const [count, setCount] = React70.useState(0);
+  const [sizes26, setSizes] = React71.useState([]);
+  const [count, setCount] = React71.useState(0);
   useSafeLayoutEffect(() => {
     const elements = getNodes();
     const cleanups = elements.map(
@@ -15659,7 +16034,7 @@ var init_dist9 = __esm({
   "../../node_modules/@chakra-ui/react-use-size/dist/index.mjs"() {
     "use client";
     init_dist8();
-    useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React70.useLayoutEffect : React70.useEffect;
+    useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React71.useLayoutEffect : React71.useEffect;
   }
 });
 var init_externals = __esm({
@@ -15713,6 +16088,7 @@ var init_src = __esm({
     init_media_controller();
     init_modal();
     init_nudge();
+    init_pagination();
     init_progress_indicator();
     init_provider();
     init_stepper();