@vygruppen/spor-react 9.3.0 → 9.4.1

package/dist/{chunk-U3P2P6PX.mjs → chunk-JRXSGTL2.mjs}

@@ -1,10 +1,10 @@
-import tokens10__default from '@vygruppen/spor-design-tokens';
-import * as tokens10 from '@vygruppen/spor-design-tokens';
-export { tokens10 as tokens };
-import { forwardRef, Divider as Divider$1, Stack as Stack$1, Accordion as Accordion$1, Skeleton as Skeleton$1, useButtonGroup, useStyleConfig, Box, Center, Flex, ButtonGroup as ButtonGroup$1, IconButton as IconButton$1, useMultiStyleConfig, chakra, Badge as Badge$1, Code as Code$1, Text, PopoverAnchor, FormLabel, useFormControlContext, PopoverContent, PopoverArrow, PopoverBody, FocusLock, Popover, InputGroup, PopoverTrigger, Portal, Checkbox as Checkbox$1, useCheckbox, FormControl as FormControl$1, InputLeftElement, Input as Input$1, InputRightElement, Select, useDisclosure, Button as Button$1, useControllableState, Radio as Radio$1, RadioGroup as RadioGroup$1, Switch as Switch$1, Textarea as Textarea$1, Link, ModalHeader as ModalHeader$1, useModalContext, DrawerContent as DrawerContent$1, Tabs as Tabs$1, Table as Table$1, defineStyleConfig as defineStyleConfig$1, createMultiStyleConfigHelpers as createMultiStyleConfigHelpers$1, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, useColorMode, SkeletonCircle as SkeletonCircle$1, SkeletonText as SkeletonText$1, useColorModeValue, Breadcrumb as Breadcrumb$1, BreadcrumbItem as BreadcrumbItem$1, BreadcrumbLink as BreadcrumbLink$1, Heading as Heading$1, CheckboxGroup as CheckboxGroup$1, List, ListItem, useFormControlProps, useFormControl, Drawer as Drawer$1, DrawerOverlay, DrawerCloseButton, DrawerBody, DarkMode, PopoverCloseButton, usePopoverContext, ChakraProvider, useToast as useToast$1, useInterval } from '@chakra-ui/react';
+import tokens11__default from '@vygruppen/spor-design-tokens';
+import * as tokens11 from '@vygruppen/spor-design-tokens';
+export { tokens11 as tokens };
+import { forwardRef, Divider as Divider$1, Stack as Stack$1, Accordion as Accordion$1, Skeleton as Skeleton$1, useButtonGroup, useStyleConfig, Box, Center, Flex, ButtonGroup as ButtonGroup$1, IconButton as IconButton$1, useMultiStyleConfig, chakra, Badge as Badge$1, Code as Code$1, Text, PopoverAnchor, FormLabel, useFormControlContext, PopoverContent, PopoverArrow, PopoverBody, FocusLock, Popover, InputGroup, PopoverTrigger, Portal, Checkbox as Checkbox$1, useCheckbox, FormControl as FormControl$1, InputLeftElement, Input as Input$1, InputRightElement, Select, useDisclosure, Button as Button$1, useControllableState, Radio as Radio$1, RadioGroup as RadioGroup$1, Switch as Switch$1, Textarea as Textarea$1, Link, ModalHeader as ModalHeader$1, useModalContext, DrawerContent as DrawerContent$1, Tabs as Tabs$1, Table as Table$1, defineStyleConfig as defineStyleConfig$1, createMultiStyleConfigHelpers as createMultiStyleConfigHelpers$1, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, useColorMode, SkeletonCircle as SkeletonCircle$1, SkeletonText as SkeletonText$1, useColorModeValue, Breadcrumb as Breadcrumb$1, BreadcrumbItem as BreadcrumbItem$1, BreadcrumbLink as BreadcrumbLink$1, Heading as Heading$1, CheckboxGroup as CheckboxGroup$1, List, ListItem, useFormControlProps, useFormControl, Drawer as Drawer$1, DrawerOverlay, DrawerBody, DrawerHeader, useMediaQuery, DrawerCloseButton, DarkMode, PopoverCloseButton, usePopoverContext, ChakraProvider, useToast as useToast$1, useInterval } from '@chakra-ui/react';
 export { AccordionButton, AccordionIcon, AccordionItem, AccordionPanel, Box, Center, Collapse, Container, DarkMode, DrawerBody, DrawerCloseButton, DrawerFooter, DrawerOverlay, Fade, Flex, FormHelperText, Grid, GridItem, HStack, Image, Img, InputGroup, LightMode, ListItem, Modal, ModalBody, ModalCloseButton, ModalContent, ModalFooter, ModalOverlay, OrderedList, Portal, ScaleFade, SimpleGrid, Slide, SlideFade, Spacer, Tab, TabList, TabPanel, TabPanels, TableCaption, Tbody, Td, Tfoot, Th, Thead, Tr, UnorderedList, VStack, Wrap, WrapItem, defineStyleConfig, extendTheme, useBreakpointValue, useClipboard, useColorMode, useColorModePreference, useColorModeValue, useControllableProp, useDisclosure, useMediaQuery, useMergeRefs, useOutsideClick, usePrefersReducedMotion, useTheme, useToken } from '@chakra-ui/react';
-import * as React69 from 'react';
-import React69__default, { createContext, useEffect, forwardRef as forwardRef$1, useRef, useState, useId, Suspense, useContext, useCallback, useMemo, useLayoutEffect } from 'react';
+import * as React70 from 'react';
+import React70__default, { createContext, useEffect, forwardRef as forwardRef$1, useRef, useState, useId, Suspense, useContext, useCallback, useMemo, useLayoutEffect } from 'react';
 import { CloseFill30Icon, CloseFill24Icon, CloseFill18Icon, CalendarOutline24Icon, CloseOutline24Icon, SearchOutline24Icon, InformationFill24Icon, InformationFill18Icon, WarningFill24Icon, WarningFill18Icon, ErrorFill24Icon, ErrorFill18Icon, LinkOutOutline24Icon, DropdownRightFill18Icon, DropdownLeftFill18Icon, DropdownDownFill18Icon, DropdownDownFill24Icon, DropdownUpFill24Icon, ArrowRightFill18Icon, ArrowLeftFill24Icon, ArrowLeftOutline24Icon, ArrowRightOutline24Icon, ErrorOutline24Icon, AltTransportOutline24Icon, WarningOutline24Icon, SuccessOutline24Icon, InformationOutline24Icon, TrainFill18Icon, TrainFill24Icon, TrainFill30Icon, ExpressBusFill18Icon, ExpressBusFill24Icon, ExpressBusFill30Icon, BusFill18Icon, BusFill24Icon, BusFill30Icon, FerryFill18Icon, FerryFill24Icon, FerryFill30Icon, SubwayFill18Icon, SubwayFill24Icon, SubwayFill30Icon, TramFill18Icon, TramFill24Icon, TramFill30Icon, AltTransportFill18Icon, AltTransportFill24Icon, AltTransportFill30Icon, WalkFill18Icon, WalkFill24Icon, WalkFill30Icon } from '@vygruppen/spor-icon-react';
 import { inlineLoaderColorData, spinnerColorData, contentLoaderData, fullScreenLoaderWhiteData, inlineLoaderDarkData, fullScreenLoaderBlackData, inlineLoaderLightData, spinnerLightData, spinnerDarkData } from '@vygruppen/spor-loader';
 import { useLottie } from 'lottie-react';
@@ -771,22 +771,22 @@ var require_lodash = __commonJS({
   }
 });
 var Divider = forwardRef((props, ref) => {
-  return /* @__PURE__ */ React69__default.createElement(Divider$1, { ...props, ref });
+  return /* @__PURE__ */ React70__default.createElement(Divider$1, { ...props, ref });
 });
 var Stack = forwardRef(
   ({ flexDirection, ...props }, ref) => {
-    return /* @__PURE__ */ React69__default.createElement(Stack$1, { ...props, direction: flexDirection, ref });
+    return /* @__PURE__ */ React70__default.createElement(Stack$1, { ...props, direction: flexDirection, ref });
   }
 );
-var AccordionContext = React69__default.createContext(null);
+var AccordionContext = React70__default.createContext(null);
 var AccordionProvider = ({
   size: size2,
   ...props
 }) => {
-  return /* @__PURE__ */ React69__default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
+  return /* @__PURE__ */ React70__default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
 };
 var useAccordionContext = () => {
-  const context = React69__default.useContext(AccordionContext);
+  const context = React70__default.useContext(AccordionContext);
   if (context === null) {
     throw new Error(
       "useAccordionContext must be used within AccordionProvider"
@@ -797,14 +797,14 @@ var useAccordionContext = () => {
 var Accordion = forwardRef(
   ({ children, spacing: spacing3 = 2, ...props }, ref) => {
     const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
-    return /* @__PURE__ */ React69__default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React70__default.createElement(
       Accordion$1,
       {
         ...props,
         ref,
         defaultIndex
       },
-      /* @__PURE__ */ React69__default.createElement(Stack, { spacing: spacing3 }, children)
+      /* @__PURE__ */ React70__default.createElement(Stack, { spacing: spacing3 }, children)
     ));
   }
 );
@@ -820,7 +820,7 @@ var Expandable = ({
   },
   ...rest
 }) => {
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Accordion,
     {
       ...rest,
@@ -830,7 +830,7 @@ var Expandable = ({
       size: size2,
       onChange: (expandedIndex) => onChange(expandedIndex === 0)
     },
-    /* @__PURE__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__default.createElement(
       ExpandableItem,
       {
         headingLevel,
@@ -850,7 +850,7 @@ var ExpandableItem = ({
 }) => {
   const { size: size2 } = useAccordionContext();
   warnAboutMismatchingIcon({ icon: leftIcon, size: size2 });
-  return /* @__PURE__ */ React69__default.createElement(AccordionItem, { ...rest }, /* @__PURE__ */ React69__default.createElement(Box, { as: headingLevel }, /* @__PURE__ */ React69__default.createElement(AccordionButton, null, /* @__PURE__ */ React69__default.createElement(Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React69__default.createElement(Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React69__default.createElement(AccordionIcon, null))), /* @__PURE__ */ React69__default.createElement(AccordionPanel, null, children));
+  return /* @__PURE__ */ React70__default.createElement(AccordionItem, { ...rest }, /* @__PURE__ */ React70__default.createElement(Box, { as: headingLevel }, /* @__PURE__ */ React70__default.createElement(AccordionButton, null, /* @__PURE__ */ React70__default.createElement(Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React70__default.createElement(Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React70__default.createElement(AccordionIcon, null))), /* @__PURE__ */ React70__default.createElement(AccordionPanel, null, children));
 };
 var warnAboutMismatchingIcon = ({ icon, size: size2 }) => {
   var _a6, _b5;
@@ -899,7 +899,7 @@ function LanguageProvider({
   language,
   children
 }) {
-  return /* @__PURE__ */ React69__default.createElement(LanguageContext.Provider, { value: language }, children);
+  return /* @__PURE__ */ React70__default.createElement(LanguageContext.Provider, { value: language }, children);
 }
 function useLanguage() {
   const language = useContext(LanguageContext);
@@ -915,8 +915,8 @@ function useTranslation() {
   };
   return { t: t2, language };
 }
-function createTexts(texts26) {
-  return texts26;
+function createTexts(texts27) {
+  return texts27;
 }
 var hydrating = true;
 function useHydrated() {
@@ -931,11 +931,11 @@ function useHydrated() {
 // src/loader/ClientOnly.tsx
 var ClientOnly = ({ children, fallback = null }) => {
   const isHydrated = useHydrated();
-  return /* @__PURE__ */ React69__default.createElement(React69__default.Fragment, null, isHydrated ? children() : fallback);
+  return /* @__PURE__ */ React70__default.createElement(React70__default.Fragment, null, isHydrated ? children() : fallback);
 };
 function Lottie({ animationData }) {
   const { View } = useLottie({ animationData, loop: true });
-  return /* @__PURE__ */ React69__default.createElement(React69__default.Fragment, null, View);
+  return /* @__PURE__ */ React70__default.createElement(React70__default.Fragment, null, View);
 }
 
 // src/loader/ColorInlineLoader.tsx
@@ -944,7 +944,7 @@ var ColorInlineLoader = ({
   maxWidth,
   ...props
 }) => {
-  return /* @__PURE__ */ React69__default.createElement(Center, { ...props }, /* @__PURE__ */ React69__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React69__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React69__default.createElement(Lottie, { animationData: inlineLoaderColorData }))));
+  return /* @__PURE__ */ React70__default.createElement(Center, { ...props }, /* @__PURE__ */ React70__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React70__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__default.createElement(Lottie, { animationData: inlineLoaderColorData }))));
 };
 var ColorSpinner = ({
   children,
@@ -952,24 +952,24 @@ var ColorSpinner = ({
   maxWidth,
   ...props
 }) => {
-  return /* @__PURE__ */ React69__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React69__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React69__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React69__default.createElement(Lottie, { animationData: spinnerColorData }))), children && /* @__PURE__ */ React69__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
+  return /* @__PURE__ */ React70__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React70__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React70__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__default.createElement(Lottie, { animationData: spinnerColorData }))), children && /* @__PURE__ */ React70__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
 };
 var ContentLoader = ({ children, ...props }) => {
-  return /* @__PURE__ */ React69__default.createElement(Box, { ...props }, /* @__PURE__ */ React69__default.createElement(Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React69__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React69__default.createElement(Lottie, { animationData: contentLoaderData }))), children && /* @__PURE__ */ React69__default.createElement(Box, { textAlign: "center", fontWeight: "bold" }, children));
+  return /* @__PURE__ */ React70__default.createElement(Box, { ...props }, /* @__PURE__ */ React70__default.createElement(Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React70__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__default.createElement(Lottie, { animationData: contentLoaderData }))), children && /* @__PURE__ */ React70__default.createElement(Box, { textAlign: "center", fontWeight: "bold" }, children));
 };
 var DarkFullScreenLoader = ({
   width,
   maxWidth,
   ...props
 }) => {
-  return /* @__PURE__ */ React69__default.createElement(Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React69__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React69__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React69__default.createElement(Lottie, { animationData: fullScreenLoaderWhiteData }))));
+  return /* @__PURE__ */ React70__default.createElement(Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React70__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React70__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__default.createElement(Lottie, { animationData: fullScreenLoaderWhiteData }))));
 };
 var DarkInlineLoader = ({
   width,
   maxWidth,
   ...props
 }) => {
-  return /* @__PURE__ */ React69__default.createElement(Center, { ...props }, /* @__PURE__ */ React69__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React69__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React69__default.createElement(Lottie, { animationData: inlineLoaderDarkData }))));
+  return /* @__PURE__ */ React70__default.createElement(Center, { ...props }, /* @__PURE__ */ React70__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React70__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__default.createElement(Lottie, { animationData: inlineLoaderDarkData }))));
 };
 var DarkSpinner = ({
   children,
@@ -979,21 +979,21 @@ var DarkSpinner = ({
 }) => {
   const { colorMode } = useColorMode();
   const spinnerData = colorMode === "dark" ? spinnerLightData : spinnerDarkData;
-  return /* @__PURE__ */ React69__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React69__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React69__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React69__default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React69__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
+  return /* @__PURE__ */ React70__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React70__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React70__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React70__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
 };
 var LightFullScreenLoader = ({
   width,
   maxWidth,
   ...props
 }) => {
-  return /* @__PURE__ */ React69__default.createElement(Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React69__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React69__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React69__default.createElement(Lottie, { animationData: fullScreenLoaderBlackData }))));
+  return /* @__PURE__ */ React70__default.createElement(Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React70__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React70__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__default.createElement(Lottie, { animationData: fullScreenLoaderBlackData }))));
 };
 var LightInlineLoader = ({
   width,
   maxWidth,
   ...props
 }) => {
-  return /* @__PURE__ */ React69__default.createElement(Center, { ...props }, /* @__PURE__ */ React69__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React69__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React69__default.createElement(Lottie, { animationData: inlineLoaderLightData }))));
+  return /* @__PURE__ */ React70__default.createElement(Center, { ...props }, /* @__PURE__ */ React70__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React70__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__default.createElement(Lottie, { animationData: inlineLoaderLightData }))));
 };
 var LightSpinner = ({
   children,
@@ -1001,7 +1001,7 @@ var LightSpinner = ({
   maxWidth,
   ...props
 }) => {
-  return /* @__PURE__ */ React69__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React69__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React69__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React69__default.createElement(Lottie, { animationData: spinnerLightData }))), children && /* @__PURE__ */ React69__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
+  return /* @__PURE__ */ React70__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React70__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React70__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React70__default.createElement(Lottie, { animationData: spinnerLightData }))), children && /* @__PURE__ */ React70__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
 };
 var useRotatingLabel = ({ label, delay }) => {
   const loadingTextArray = useMemo(
@@ -1038,7 +1038,7 @@ var ProgressBar = ({
     "aria-label": ariaLabel || t2(texts.label(value))
   });
   const styles3 = useMultiStyleConfig("ProgressBar", {});
-  return /* @__PURE__ */ React69__default.createElement(React69__default.Fragment, null, /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(React70__default.Fragment, null, /* @__PURE__ */ React70__default.createElement(
     Box,
     {
       ...progressBarProps,
@@ -1046,8 +1046,8 @@ var ProgressBar = ({
       __css: styles3.container,
       ...rest
     },
-    /* @__PURE__ */ React69__default.createElement(Box, { width, __css: styles3.background }, /* @__PURE__ */ React69__default.createElement(Box, { __css: styles3.progress, height, width: `${value}%` })),
-    currentLoadingText && /* @__PURE__ */ React69__default.createElement(Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
+    /* @__PURE__ */ React70__default.createElement(Box, { width, __css: styles3.background }, /* @__PURE__ */ React70__default.createElement(Box, { __css: styles3.progress, height, width: `${value}%` })),
+    currentLoadingText && /* @__PURE__ */ React70__default.createElement(Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
   ));
 };
 var texts = createTexts({
@@ -1081,7 +1081,7 @@ var ProgressLoader = ({
   const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
   const progress = (value - 100) / 100 * progressPathLength;
   const id = useId();
-  return /* @__PURE__ */ React69__default.createElement(Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React69__default.createElement(Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React70__default.createElement(Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React70__default.createElement(
     Box,
     {
       as: "path",
@@ -1089,7 +1089,7 @@ var ProgressLoader = ({
       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__ */ React69__default.createElement(
+  ), /* @__PURE__ */ React70__default.createElement(
     Box,
     {
       as: "path",
@@ -1100,7 +1100,7 @@ var ProgressLoader = ({
       strokeLinecap: "round",
       strokeLinejoin: "round"
     }
-  ), /* @__PURE__ */ React69__default.createElement(
+  ), /* @__PURE__ */ React70__default.createElement(
     Box,
     {
       as: "path",
@@ -1115,7 +1115,7 @@ var ProgressLoader = ({
       transition: "stroke-dashoffset .2s ease-out",
       ref: pathRef
     }
-  ), /* @__PURE__ */ React69__default.createElement(
+  ), /* @__PURE__ */ React70__default.createElement(
     Box,
     {
       as: "path",
@@ -1123,7 +1123,7 @@ var ProgressLoader = ({
       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__ */ React69__default.createElement(
+  )), currentLoadingText && /* @__PURE__ */ React70__default.createElement(
     Text,
     {
       textAlign: "center",
@@ -1142,9 +1142,9 @@ var texts2 = createTexts({
     en: `${value}% done`
   })
 });
-var Skeleton = forwardRef((props, ref) => /* @__PURE__ */ React69__default.createElement(Skeleton$1, { ...props, ref }));
-var SkeletonCircle = (props) => /* @__PURE__ */ React69__default.createElement(SkeletonCircle$1, { boxSize: 6, borderRadius: "50%", ...props });
-var SkeletonText = (props) => /* @__PURE__ */ React69__default.createElement(SkeletonText$1, { boxSize: 6, ...props });
+var Skeleton = forwardRef((props, ref) => /* @__PURE__ */ React70__default.createElement(Skeleton$1, { ...props, ref }));
+var SkeletonCircle = (props) => /* @__PURE__ */ React70__default.createElement(SkeletonCircle$1, { boxSize: 6, borderRadius: "50%", ...props });
+var SkeletonText = (props) => /* @__PURE__ */ React70__default.createElement(SkeletonText$1, { boxSize: 6, ...props });
 
 // src/button/Button.tsx
 var Button = forwardRef((props, ref) => {
@@ -1174,7 +1174,7 @@ var Button = forwardRef((props, ref) => {
   if (fontWeight) {
     styles3.fontWeight = fontWeight;
   }
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Box,
     {
       ...rest,
@@ -1187,7 +1187,7 @@ var Button = forwardRef((props, ref) => {
       disabled: isDisabled || isLoading,
       position: "relative"
     },
-    isLoading && /* @__PURE__ */ React69__default.createElement(Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React69__default.createElement(
+    isLoading && /* @__PURE__ */ React70__default.createElement(Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React70__default.createElement(
       ColorInlineLoader,
       {
         maxWidth: getLoaderWidth(finalSize),
@@ -1196,7 +1196,7 @@ var Button = forwardRef((props, ref) => {
         marginY: 2
       }
     )),
-    /* @__PURE__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__default.createElement(
       Flex,
       {
         gap: 1,
@@ -1206,7 +1206,7 @@ var Button = forwardRef((props, ref) => {
         visibility: isLoading ? "hidden" : "visible",
         "aria-hidden": isLoading
       },
-      /* @__PURE__ */ React69__default.createElement(Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React69__default.createElement(
+      /* @__PURE__ */ React70__default.createElement(Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React70__default.createElement(
         Box,
         {
           visibility: isLoading ? "hidden" : "visible",
@@ -1247,14 +1247,14 @@ var texts3 = createTexts({
     sv: "Laddar\u2026"
   }
 });
-var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */ React69__default.createElement(ButtonGroup$1, { ...props, ref }));
+var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */ React70__default.createElement(ButtonGroup$1, { ...props, ref }));
 var IconButton = forwardRef(
-  ({ ...props }, ref) => /* @__PURE__ */ React69__default.createElement(
+  ({ ...props }, ref) => /* @__PURE__ */ React70__default.createElement(
     IconButton$1,
     {
       title: props["aria-label"],
       ...props,
-      spinner: /* @__PURE__ */ React69__default.createElement(ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
+      spinner: /* @__PURE__ */ React70__default.createElement(ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
       ref
     }
   )
@@ -1264,7 +1264,7 @@ var IconButton = forwardRef(
 var CloseButton = forwardRef(
   ({ size: size2 = "sm", ...props }, ref) => {
     const { t: t2 } = useTranslation();
-    return /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(
       IconButton,
       {
         ref,
@@ -1281,11 +1281,11 @@ var getIcon = (size2) => {
   switch (size2) {
     case "xs":
     case "sm":
-      return /* @__PURE__ */ React69__default.createElement(CloseFill18Icon, null);
+      return /* @__PURE__ */ React70__default.createElement(CloseFill18Icon, null);
     case "md":
-      return /* @__PURE__ */ React69__default.createElement(CloseFill24Icon, null);
+      return /* @__PURE__ */ React70__default.createElement(CloseFill24Icon, null);
     case "lg":
-      return /* @__PURE__ */ React69__default.createElement(CloseFill30Icon, null);
+      return /* @__PURE__ */ React70__default.createElement(CloseFill30Icon, null);
   }
 };
 var texts4 = createTexts({
@@ -1307,7 +1307,7 @@ var FloatingActionButton = forwardRef(
     placement = "bottom right",
     ...props
   }, ref) => {
-    const [isTextVisible, setIsTextVisible] = React69__default.useState(
+    const [isTextVisible, setIsTextVisible] = React70__default.useState(
       externalIsTextVisible !== void 0 ? externalIsTextVisible : false
     );
     const scrollDirection = useScrollDirection();
@@ -1329,7 +1329,7 @@ var FloatingActionButton = forwardRef(
       isTextVisible,
       placement
     });
-    return /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(
       MotionBox,
       {
         __css: style.container,
@@ -1337,8 +1337,8 @@ var FloatingActionButton = forwardRef(
         ref,
         ...props
       },
-      /* @__PURE__ */ React69__default.createElement(Box, { __css: style.icon }, icon),
-      /* @__PURE__ */ React69__default.createElement(
+      /* @__PURE__ */ React70__default.createElement(Box, { __css: style.icon }, icon),
+      /* @__PURE__ */ React70__default.createElement(
         MotionBox,
         {
           animate: isTextVisible ? "show" : "hide",
@@ -1363,11 +1363,11 @@ var FloatingActionButton = forwardRef(
   }
 );
 var useScrollDirection = () => {
-  const [scrollDirection, setScrollDirection] = React69__default.useState(null);
-  const lastScrollPosition = React69__default.useRef(
+  const [scrollDirection, setScrollDirection] = React70__default.useState(null);
+  const lastScrollPosition = React70__default.useRef(
     typeof window !== "undefined" ? window.scrollY : 0
   );
-  React69__default.useEffect(() => {
+  React70__default.useEffect(() => {
     const onScroll = () => {
       const delta = window.scrollY - lastScrollPosition.current;
       if (delta === 0) {
@@ -1386,7 +1386,7 @@ var useScrollDirection = () => {
 var AlertIcon = ({ variant }) => {
   const Icon = getIcon2(variant);
   const { t: t2 } = useTranslation();
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Icon,
     {
       flexShrink: 0,
@@ -1448,7 +1448,7 @@ var BaseAlert = ({
   ...boxProps
 }) => {
   const styles3 = useMultiStyleConfig("Alert", { variant });
-  return /* @__PURE__ */ React69__default.createElement(Box, { __css: styles3.container, ...boxProps }, children);
+  return /* @__PURE__ */ React70__default.createElement(Box, { __css: styles3.container, ...boxProps }, children);
 };
 
 // src/alert/ClosableAlert.tsx
@@ -1468,17 +1468,17 @@ var ClosableAlert = ({
     externalOnClose();
     onClose();
   };
-  return /* @__PURE__ */ React69__default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React70__default.createElement(
     IconButton,
     {
       variant: "ghost",
       size: "sm",
       onClick: handleClose,
-      icon: /* @__PURE__ */ React69__default.createElement(CloseFill18Icon, null),
+      icon: /* @__PURE__ */ React70__default.createElement(CloseFill18Icon, null),
       "aria-label": t2(texts6.close),
       sx: styles3.closeButton
     }
-  ), /* @__PURE__ */ React69__default.createElement(AlertIcon, { variant }), children);
+  ), /* @__PURE__ */ React70__default.createElement(AlertIcon, { variant }), children);
 };
 var texts6 = createTexts({
   close: {
@@ -1499,7 +1499,7 @@ var ExpandableAlert = ({
   ...boxProps
 }) => {
   const styles3 = useMultiStyleConfig("AlertExpandable", { variant });
-  return /* @__PURE__ */ React69__default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React70__default.createElement(
     Accordion$1,
     {
       onChange: (expandedIndex) => onToggle(expandedIndex === 0),
@@ -1507,14 +1507,14 @@ var ExpandableAlert = ({
       allowToggle: true,
       flexGrow: "1"
     },
-    /* @__PURE__ */ React69__default.createElement(AccordionItem, null, /* @__PURE__ */ React69__default.createElement(AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__default.createElement(AccordionItem, null, /* @__PURE__ */ React70__default.createElement(AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React70__default.createElement(
       Flex,
       {
         justifyContent: "space-between",
         alignItems: "center",
         flexGrow: "1"
       },
-      /* @__PURE__ */ React69__default.createElement(Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React69__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React69__default.createElement(
+      /* @__PURE__ */ React70__default.createElement(Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React70__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React70__default.createElement(
         Box,
         {
           as: "span",
@@ -1528,19 +1528,19 @@ var ExpandableAlert = ({
         },
         title
       )),
-      /* @__PURE__ */ React69__default.createElement(AccordionIcon, null)
-    )), /* @__PURE__ */ React69__default.createElement(AccordionPanel, null, children))
+      /* @__PURE__ */ React70__default.createElement(AccordionIcon, null)
+    )), /* @__PURE__ */ React70__default.createElement(AccordionPanel, null, children))
   ));
 };
 var StaticAlert = ({ children, ...props }) => {
-  return /* @__PURE__ */ React69__default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React69__default.createElement(AlertIcon, { variant: props.variant }), children);
+  return /* @__PURE__ */ React70__default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React70__default.createElement(AlertIcon, { variant: props.variant }), children);
 };
 var Breadcrumb = (props) => {
   const iconColor = useColorModeValue("blackAlpha.400", "whiteAlpha.400");
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Breadcrumb$1,
     {
-      separator: /* @__PURE__ */ React69__default.createElement(DropdownRightFill18Icon, { color: iconColor }),
+      separator: /* @__PURE__ */ React70__default.createElement(DropdownRightFill18Icon, { color: iconColor }),
       ...props
     }
   );
@@ -1553,12 +1553,16 @@ var Card = forwardRef(
       colorScheme,
       size: size2
     });
-    return /* @__PURE__ */ React69__default.createElement(chakra.div, { sx: styles3, ...props, ref }, children);
+    return /* @__PURE__ */ React70__default.createElement(chakra.div, { sx: styles3, ...props, ref }, children);
   }
 );
+var StaticCard = ({ colorScheme, ...props }) => {
+  const styles3 = useStyleConfig("StaticCard", { colorScheme });
+  return /* @__PURE__ */ React70__default.createElement(Box, { __css: styles3, ...props });
+};
 var Badge = forwardRef(
   ({ icon, colorScheme = "grey", children, ...props }, ref) => {
-    return /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(
       Badge$1,
       {
         colorScheme,
@@ -1566,12 +1570,12 @@ var Badge = forwardRef(
         paddingLeft: icon ? 1 : void 0,
         ref
       },
-      icon && React69__default.cloneElement(icon, { marginRight: 1 }),
+      icon && React70__default.cloneElement(icon, { marginRight: 1 }),
       children
     );
   }
 );
-var Code = forwardRef((props, ref) => /* @__PURE__ */ React69__default.createElement(Code$1, { ...props, ref }));
+var Code = forwardRef((props, ref) => /* @__PURE__ */ React70__default.createElement(Code$1, { ...props, ref }));
 var Heading = ({
   as,
   variant = "xl-display",
@@ -1581,11 +1585,11 @@ var Heading = ({
 }) => {
   const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
   const color2 = useColorModeValue("text.primary.light", "text.primary.dark");
-  return /* @__PURE__ */ React69__default.createElement(Text, { as, textStyle: variant, id, color: color2, ...props });
+  return /* @__PURE__ */ React70__default.createElement(Text, { as, textStyle: variant, id, color: color2, ...props });
 };
 var Text4 = forwardRef(
   ({ variant = "sm", ...props }, ref) => {
-    return /* @__PURE__ */ React69__default.createElement(Text, { ...props, textStyle: variant, ref });
+    return /* @__PURE__ */ React70__default.createElement(Text, { ...props, textStyle: variant, ref });
   }
 );
 function CalendarCell({
@@ -1628,7 +1632,7 @@ function CalendarCell({
       { passive: false, once: true }
     );
   }, []);
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Box,
     {
       as: "td",
@@ -1651,7 +1655,7 @@ function CalendarCell({
         }
       }
     },
-    /* @__PURE__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__default.createElement(
       Box,
       {
         as: "button",
@@ -1714,8 +1718,8 @@ function CalendarGrid({
   const weeksInMonth = getWeeksInMonth(state2.visibleRange.start, locale);
   const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
   const styles3 = useMultiStyleConfig("Datepicker", { variant });
-  return /* @__PURE__ */ React69__default.createElement("table", { ...gridProps }, /* @__PURE__ */ React69__default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React69__default.createElement("tr", null, weekDays[language].map((day, index) => {
-    return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement("table", { ...gridProps }, /* @__PURE__ */ React70__default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React70__default.createElement("tr", null, weekDays[language].map((day, index) => {
+    return /* @__PURE__ */ React70__default.createElement(
       Text4,
       {
         as: "th",
@@ -1725,8 +1729,8 @@ function CalendarGrid({
       },
       day
     );
-  }))), /* @__PURE__ */ React69__default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React69__default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
-    (date, dayIndex) => date ? /* @__PURE__ */ React69__default.createElement(
+  }))), /* @__PURE__ */ React70__default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React70__default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
+    (date, dayIndex) => date ? /* @__PURE__ */ React70__default.createElement(
       CalendarCell,
       {
         variant,
@@ -1735,7 +1739,7 @@ function CalendarGrid({
         date,
         currentMonth: startDate
       }
-    ) : /* @__PURE__ */ React69__default.createElement("td", { key: dayIndex })
+    ) : /* @__PURE__ */ React70__default.createElement("td", { key: dayIndex })
   )))));
 }
 function CalendarNavigationButton({
@@ -1745,7 +1749,7 @@ function CalendarNavigationButton({
 }) {
   const ref = useRef(null);
   const { buttonProps } = useButton(rest, ref);
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     IconButton,
     {
       ...buttonProps,
@@ -1779,7 +1783,7 @@ function CalendarHeader({
   );
   const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
   const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
-  return /* @__PURE__ */ React69__default.createElement(Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React70__default.createElement(
     CalendarNavigator,
     {
       title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
@@ -1789,7 +1793,7 @@ function CalendarHeader({
       isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
       isPreviousDisabled: !state2.isNextVisibleRangeInvalid
     }
-  ), isYearPickerVisible && /* @__PURE__ */ React69__default.createElement(
+  ), isYearPickerVisible && /* @__PURE__ */ React70__default.createElement(
     CalendarNavigator,
     {
       title: jsDate.getFullYear().toString(),
@@ -1811,15 +1815,15 @@ var CalendarNavigator = ({
   isNextDisabled
 }) => {
   const { t: t2 } = useTranslation();
-  return /* @__PURE__ */ React69__default.createElement(Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React70__default.createElement(
     CalendarNavigationButton,
     {
       onPress: onPrevious,
       isDisabled: isPreviousDisabled,
-      icon: /* @__PURE__ */ React69__default.createElement(ArrowLeftOutline24Icon, null),
+      icon: /* @__PURE__ */ React70__default.createElement(ArrowLeftOutline24Icon, null),
       "aria-label": `${t2(texts7.previous)} ${t2(texts7[unit])}`
     }
-  ), /* @__PURE__ */ React69__default.createElement(
+  ), /* @__PURE__ */ React70__default.createElement(
     Heading,
     {
       as: "div",
@@ -1830,12 +1834,12 @@ var CalendarNavigator = ({
       textAlign: "center"
     },
     capitalize(title)
-  ), /* @__PURE__ */ React69__default.createElement(
+  ), /* @__PURE__ */ React70__default.createElement(
     CalendarNavigationButton,
     {
       onPress: onNext,
       isDisabled: isNextDisabled,
-      icon: /* @__PURE__ */ React69__default.createElement(ArrowRightOutline24Icon, null),
+      icon: /* @__PURE__ */ React70__default.createElement(ArrowRightOutline24Icon, null),
       "aria-label": `${t2(texts7.next)} ${t2(texts7[unit])}`
     }
   ));
@@ -1883,7 +1887,7 @@ function Calendar({
   const { calendarProps } = useCalendar(props, state2);
   const calendarAriaLabel = calendarProps["aria-label"];
   const ariaLabel = t2(texts8.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
-  return /* @__PURE__ */ React69__default.createElement(Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React69__default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React69__default.createElement(CalendarGrid, { variant, state: state2 }));
+  return /* @__PURE__ */ React70__default.createElement(Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React70__default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React70__default.createElement(CalendarGrid, { variant, state: state2 }));
 }
 var texts8 = createTexts({
   calendar: {
@@ -1904,7 +1908,7 @@ var CalendarTriggerButton = forwardRef(
           onPress(event);
       }
     };
-    return /* @__PURE__ */ React69__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React70__default.createElement(
       Box,
       {
         ref,
@@ -1915,7 +1919,7 @@ var CalendarTriggerButton = forwardRef(
         ...filteredButtonProps,
         onKeyUp: handleOnPress
       },
-      /* @__PURE__ */ React69__default.createElement(CalendarOutline24Icon, null)
+      /* @__PURE__ */ React70__default.createElement(CalendarOutline24Icon, null)
     ));
   }
 );
@@ -1940,7 +1944,7 @@ var DateTimeSegment = forwardRef$1(
       isPlaceholder: segment.isPlaceholder,
       isEditable: segment.isEditable
     });
-    return /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(
       Box,
       {
         ...segmentProps,
@@ -1991,7 +1995,7 @@ var DateField = forwardRef$1(
       state2,
       ref
     );
-    return /* @__PURE__ */ React69__default.createElement(Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React70__default.createElement(
       FormLabel,
       {
         ...props.labelProps,
@@ -2001,7 +2005,7 @@ var DateField = forwardRef$1(
         paddingTop: "2px"
       },
       props.label
-    ), /* @__PURE__ */ React69__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React69__default.createElement(DateTimeSegment, { key: i, segment, state: state2 }))), /* @__PURE__ */ React69__default.createElement(
+    ), /* @__PURE__ */ React70__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React70__default.createElement(DateTimeSegment, { key: i, segment, state: state2 }))), /* @__PURE__ */ React70__default.createElement(
       "input",
       {
         type: "hidden",
@@ -2017,7 +2021,7 @@ var StyledField = forwardRef(
       isInvalid: false
     };
     const styles3 = useMultiStyleConfig("Datepicker", { variant });
-    return /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(
       Box,
       {
         ...otherProps,
@@ -2069,7 +2073,7 @@ var DatePicker = forwardRef$1(
     const onFieldClick = () => {
       state2.setOpen(true);
     };
-    const popoverContent = /* @__PURE__ */ React69__default.createElement(PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React69__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React69__default.createElement(PopoverBody, null, /* @__PURE__ */ React69__default.createElement(FocusLock, null, /* @__PURE__ */ React69__default.createElement(
+    const popoverContent = /* @__PURE__ */ React70__default.createElement(PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React70__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React70__default.createElement(PopoverBody, null, /* @__PURE__ */ React70__default.createElement(FocusLock, null, /* @__PURE__ */ React70__default.createElement(
       Calendar,
       {
         ...calendarProps,
@@ -2077,7 +2081,7 @@ var DatePicker = forwardRef$1(
         showYearNavigation
       }
     ))));
-    return /* @__PURE__ */ React69__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React70__default.createElement(
       Box,
       {
         position: "relative",
@@ -2085,7 +2089,7 @@ var DatePicker = forwardRef$1(
         flexDirection: "column",
         width
       },
-      /* @__PURE__ */ React69__default.createElement(
+      /* @__PURE__ */ React70__default.createElement(
         Popover,
         {
           ...dialogProps,
@@ -2094,7 +2098,7 @@ var DatePicker = forwardRef$1(
           onClose: state2.close,
           flip: false
         },
-        /* @__PURE__ */ React69__default.createElement(InputGroup, { ...groupProps, display: "inline-flex" }, /* @__PURE__ */ React69__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React69__default.createElement(
+        /* @__PURE__ */ React70__default.createElement(InputGroup, { ...groupProps, display: "inline-flex" }, /* @__PURE__ */ React70__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React70__default.createElement(
           StyledField,
           {
             variant,
@@ -2102,7 +2106,7 @@ var DatePicker = forwardRef$1(
             paddingX: 3,
             minHeight
           },
-          /* @__PURE__ */ React69__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React69__default.createElement(
+          /* @__PURE__ */ React70__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React70__default.createElement(
             CalendarTriggerButton,
             {
               variant,
@@ -2110,7 +2114,7 @@ var DatePicker = forwardRef$1(
               ...buttonProps
             }
           )),
-          /* @__PURE__ */ React69__default.createElement(
+          /* @__PURE__ */ React70__default.createElement(
             DateField,
             {
               label: props.label,
@@ -2120,8 +2124,8 @@ var DatePicker = forwardRef$1(
             }
           )
         ))),
-        /* @__PURE__ */ React69__default.createElement(FormErrorMessage, { ...errorMessageProps }, errorMessage),
-        state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React69__default.createElement(Portal, null, popoverContent),
+        /* @__PURE__ */ React70__default.createElement(FormErrorMessage, { ...errorMessageProps }, errorMessage),
+        state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React70__default.createElement(Portal, null, popoverContent),
         state2.isOpen && !props.isDisabled && !withPortal && popoverContent
       )
     ));
@@ -2137,7 +2141,7 @@ function RangeCalendar(props) {
   });
   const ref = useRef(null);
   const { calendarProps, title } = useRangeCalendar(props, state2, ref);
-  return /* @__PURE__ */ React69__default.createElement(Box, { ...calendarProps, ref }, /* @__PURE__ */ React69__default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React69__default.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React69__default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(Box, { ...calendarProps, ref }, /* @__PURE__ */ React70__default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React70__default.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React70__default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React70__default.createElement(
     CalendarGrid,
     {
       variant: props.variant,
@@ -2184,8 +2188,8 @@ function DateRangePicker({
   const onFieldClick = () => {
     state2.setOpen(true);
   };
-  const popoverContent = /* @__PURE__ */ React69__default.createElement(PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React69__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React69__default.createElement(PopoverBody, null, /* @__PURE__ */ React69__default.createElement(FocusLock, null, /* @__PURE__ */ React69__default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
-  return /* @__PURE__ */ React69__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React69__default.createElement(Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React69__default.createElement(FormLabel, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React69__default.createElement(
+  const popoverContent = /* @__PURE__ */ React70__default.createElement(PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React70__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React70__default.createElement(PopoverBody, null, /* @__PURE__ */ React70__default.createElement(FocusLock, null, /* @__PURE__ */ React70__default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
+  return /* @__PURE__ */ React70__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React70__default.createElement(Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React70__default.createElement(FormLabel, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React70__default.createElement(
     Popover,
     {
       ...dialogProps,
@@ -2194,7 +2198,7 @@ function DateRangePicker({
       onClose: state2.close,
       flip: false
     },
-    /* @__PURE__ */ React69__default.createElement(InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React69__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__default.createElement(InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React70__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React70__default.createElement(
       StyledField,
       {
         alignItems: "center",
@@ -2204,7 +2208,7 @@ function DateRangePicker({
         onKeyPress: handleEnterClick,
         minHeight
       },
-      variant && /* @__PURE__ */ React69__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React69__default.createElement(
+      variant && /* @__PURE__ */ React70__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React70__default.createElement(
         CalendarTriggerButton,
         {
           paddingLeft: 1,
@@ -2214,7 +2218,7 @@ function DateRangePicker({
           ...buttonProps
         }
       )),
-      /* @__PURE__ */ React69__default.createElement(
+      /* @__PURE__ */ React70__default.createElement(
         DateField,
         {
           ...startFieldProps,
@@ -2223,8 +2227,8 @@ function DateRangePicker({
           labelProps
         }
       ),
-      /* @__PURE__ */ React69__default.createElement(Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
-      /* @__PURE__ */ React69__default.createElement(
+      /* @__PURE__ */ React70__default.createElement(Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
+      /* @__PURE__ */ React70__default.createElement(
         DateField,
         {
           ...endFieldProps,
@@ -2234,14 +2238,14 @@ function DateRangePicker({
         }
       )
     ))),
-    state2.isOpen && withPortal && /* @__PURE__ */ React69__default.createElement(Portal, null, popoverContent),
+    state2.isOpen && withPortal && /* @__PURE__ */ React70__default.createElement(Portal, null, popoverContent),
     state2.isOpen && !withPortal && popoverContent
   )));
 }
 var TimeField = ({ state: state2, ...props }) => {
   const ref = useRef(null);
   const { labelProps, fieldProps } = useTimeField(props, state2, ref);
-  return /* @__PURE__ */ React69__default.createElement(Box, null, /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(Box, null, /* @__PURE__ */ React70__default.createElement(
     FormLabel3,
     {
       ...labelProps,
@@ -2253,7 +2257,7 @@ var TimeField = ({ state: state2, ...props }) => {
       paddingTop: "2px"
     },
     props.label
-  ), /* @__PURE__ */ React69__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React69__default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React69__default.createElement(
+  ), /* @__PURE__ */ React70__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React70__default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React70__default.createElement(
     "input",
     {
       type: "hidden",
@@ -2322,7 +2326,7 @@ var TimePicker = ({
   const ariaLabel = `${inputLabel} \u2013 ${t2(
     texts10.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
   )}`;
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     StyledField,
     {
       variant: "base",
@@ -2338,7 +2342,7 @@ var TimePicker = ({
       "aria-label": ariaLabel,
       ...boxProps
     },
-    /* @__PURE__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__default.createElement(
       IconButton,
       {
         variant: "ghost",
@@ -2346,14 +2350,14 @@ var TimePicker = ({
         borderRadius: "xs",
         "aria-label": backwardsLabel,
         title: backwardsLabel,
-        icon: /* @__PURE__ */ React69__default.createElement(DropdownLeftFill18Icon, null),
+        icon: /* @__PURE__ */ React70__default.createElement(DropdownLeftFill18Icon, null),
         onClick: handleBackwardsClick,
         isDisabled,
         style: isDisabled ? { backgroundColor: "transparent" } : {}
       }
     ),
-    /* @__PURE__ */ React69__default.createElement(TimeField, { label, state: state2, name }),
-    /* @__PURE__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__default.createElement(TimeField, { label, state: state2, name }),
+    /* @__PURE__ */ React70__default.createElement(
       IconButton,
       {
         variant: "ghost",
@@ -2361,7 +2365,7 @@ var TimePicker = ({
         borderRadius: "xs",
         "aria-label": forwardsLabel,
         title: forwardsLabel,
-        icon: /* @__PURE__ */ React69__default.createElement(DropdownRightFill18Icon, null),
+        icon: /* @__PURE__ */ React70__default.createElement(DropdownRightFill18Icon, null),
         onClick: handleForwardClick,
         isDisabled,
         style: isDisabled ? { backgroundColor: "transparent" } : {}
@@ -2430,7 +2434,7 @@ var AttachedInputs = ({
     }
   };
   const direction2 = flexDirection === "row" ? "horizontal" : "vertical";
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Flex,
     {
       role: "group",
@@ -2444,7 +2448,7 @@ var AttachedInputs = ({
 var Dialog = ({ title, children, ...props }) => {
   const ref = useRef(null);
   const { dialogProps, titleProps } = useDialog(props, ref);
-  return /* @__PURE__ */ React69__default.createElement(Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React69__default.createElement(Heading$1, { as: "h3", ...titleProps }, title), children);
+  return /* @__PURE__ */ React70__default.createElement(Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React70__default.createElement(Heading$1, { as: "h3", ...titleProps }, title), children);
 };
 var Popover3 = forwardRef$1(
   ({
@@ -2475,21 +2479,21 @@ var Popover3 = forwardRef$1(
       },
       state2
     );
-    const popoverBox = /* @__PURE__ */ React69__default.createElement(
+    const popoverBox = /* @__PURE__ */ React70__default.createElement(
       Box,
       {
         ...popoverProps,
         ref: popoverRef,
         minWidth: ((_a6 = triggerRef.current) == null ? void 0 : _a6.clientWidth) ?? "auto"
       },
-      /* @__PURE__ */ React69__default.createElement(DismissButton, { onDismiss: state2.close }),
+      /* @__PURE__ */ React70__default.createElement(DismissButton, { onDismiss: state2.close }),
       children,
-      /* @__PURE__ */ React69__default.createElement(DismissButton, { onDismiss: state2.close })
+      /* @__PURE__ */ React70__default.createElement(DismissButton, { onDismiss: state2.close })
     );
     if (isNonModal) {
       return popoverBox;
     }
-    return /* @__PURE__ */ React69__default.createElement(Overlay, null, hasBackdrop && /* @__PURE__ */ React69__default.createElement(Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
+    return /* @__PURE__ */ React70__default.createElement(Overlay, null, hasBackdrop && /* @__PURE__ */ React70__default.createElement(Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
   }
 );
 
@@ -2530,7 +2534,7 @@ var CardSelect = forwardRef(
     });
     useForceRerender(state2.isOpen);
     const ChevronIcon = size2 === "sm" ? DropdownDownFill18Icon : DropdownDownFill24Icon;
-    return /* @__PURE__ */ React69__default.createElement(Box, { ...props }, /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(Box, { ...props }, /* @__PURE__ */ React70__default.createElement(
       chakra.button,
       {
         type: "button",
@@ -2542,13 +2546,13 @@ var CardSelect = forwardRef(
         width,
         "data-attachable": true
       },
-      /* @__PURE__ */ React69__default.createElement(Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React69__default.createElement(Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React69__default.createElement(
+      /* @__PURE__ */ React70__default.createElement(Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React70__default.createElement(Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React70__default.createElement(
         ChevronIcon,
         {
           transform: state2.isOpen ? "rotate(180deg)" : "none"
         }
       ) : null)
-    ), state2.isOpen && /* @__PURE__ */ React69__default.createElement(
+    ), state2.isOpen && /* @__PURE__ */ React70__default.createElement(
       Popover3,
       {
         state: state2,
@@ -2557,7 +2561,7 @@ var CardSelect = forwardRef(
         crossOffset,
         placement
       },
-      /* @__PURE__ */ React69__default.createElement(
+      /* @__PURE__ */ React70__default.createElement(
         Card,
         {
           colorScheme: "white",
@@ -2565,7 +2569,7 @@ var CardSelect = forwardRef(
           sx: styles3.card,
           ...overlayProps
         },
-        /* @__PURE__ */ React69__default.createElement(Dialog, { "aria-label": label }, children)
+        /* @__PURE__ */ React70__default.createElement(Dialog, { "aria-label": label }, children)
       )
     ));
   }
@@ -2579,14 +2583,14 @@ function useForceRerender(shouldRerender) {
   }, [shouldRerender]);
 }
 var Checkbox = forwardRef((props, ref) => {
-  return /* @__PURE__ */ React69__default.createElement(Checkbox$1, { ...props, ref });
+  return /* @__PURE__ */ React70__default.createElement(Checkbox$1, { ...props, ref });
 });
 var CheckboxGroup = ({
   direction: direction2 = "row",
   children,
   ...props
 }) => {
-  return /* @__PURE__ */ React69__default.createElement(CheckboxGroup$1, { ...props }, /* @__PURE__ */ React69__default.createElement(Stack$1, { direction: direction2 }, children));
+  return /* @__PURE__ */ React70__default.createElement(CheckboxGroup$1, { ...props }, /* @__PURE__ */ React70__default.createElement(Stack$1, { direction: direction2 }, children));
 };
 
 // ../../node_modules/@chakra-ui/utils/dist/chunk-O3SWHQEE.mjs
@@ -2615,15 +2619,15 @@ var ChoiceChip = forwardRef((props, ref) => {
     hasLabel: Boolean(children)
   });
   const id = `choice-chip-${useId()}`;
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     chakra.label,
     {
       htmlFor: id,
       ...getRootProps(),
       "aria-label": String(children)
     },
-    /* @__PURE__ */ React69__default.createElement(chakra.input, { ...getInputProps({}, ref), id, disabled: isDisabled }),
-    /* @__PURE__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__default.createElement(chakra.input, { ...getInputProps({}, ref), id, disabled: isDisabled }),
+    /* @__PURE__ */ React70__default.createElement(
       chakra.div,
       {
         ...getLabelProps(),
@@ -2634,9 +2638,9 @@ var ChoiceChip = forwardRef((props, ref) => {
         "data-active": dataAttr(state2.isActive),
         "data-disabled": dataAttr(state2.isDisabled)
       },
-      icon && /* @__PURE__ */ React69__default.createElement(chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
-      /* @__PURE__ */ React69__default.createElement(chakra.span, { __css: styles3.label, ...getCheckboxProps() }, chipType !== "icon" && children),
-      chipType === "filter" && state2.isChecked && /* @__PURE__ */ React69__default.createElement(CloseOutline24Icon, { marginLeft: 1.5 })
+      icon && /* @__PURE__ */ React70__default.createElement(chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
+      /* @__PURE__ */ React70__default.createElement(chakra.span, { __css: styles3.label, ...getCheckboxProps() }, chipType !== "icon" && children),
+      chipType === "filter" && state2.isChecked && /* @__PURE__ */ React70__default.createElement(CloseOutline24Icon, { marginLeft: 1.5 })
     )
   );
 });
@@ -2679,6 +2683,23 @@ function Combobox({
     label,
     ...rest
   });
+  const comboBoxProps = {
+    borderTopLeftRadius,
+    borderTopRightRadius,
+    marginBottom,
+    marginTop,
+    marginRight,
+    marginLeft,
+    marginX,
+    marginY,
+    paddingBottom,
+    paddingRight,
+    paddingTop,
+    paddingLeft,
+    paddingX,
+    paddingY,
+    leftIcon
+  };
   const {
     inputProps: { size: size2, ...inputProps },
     listBoxProps
@@ -2691,31 +2712,17 @@ function Combobox({
     },
     state2
   );
-  return /* @__PURE__ */ React69__default.createElement(React69__default.Fragment, null, /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(React70__default.Fragment, null, /* @__PURE__ */ React70__default.createElement(
     Input,
     {
-      ...inputProps,
+      ...styleProps(comboBoxProps),
       "aria-haspopup": "listbox",
       ref: inputRef,
       label,
       borderBottomLeftRadius: state2.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
       borderBottomRightRadius: state2.isOpen && !isLoading ? 0 : borderBottomRightRadius,
-      borderTopLeftRadius,
-      borderTopRightRadius,
-      marginBottom,
-      marginTop,
-      marginRight,
-      marginLeft,
-      marginX,
-      marginY,
-      paddingBottom,
-      paddingRight,
-      paddingTop,
-      paddingLeft,
-      paddingX,
-      paddingY,
-      leftIcon,
-      rightIcon: isLoading ? /* @__PURE__ */ React69__default.createElement(
+      ...inputProps,
+      rightIcon: isLoading ? /* @__PURE__ */ React70__default.createElement(
         ColorSpinner,
         {
           width: "1.5rem",
@@ -2730,7 +2737,7 @@ function Combobox({
         }
       ) : rightIcon
     }
-  ), state2.isOpen && !isLoading && /* @__PURE__ */ React69__default.createElement(
+  ), state2.isOpen && !isLoading && /* @__PURE__ */ React70__default.createElement(
     Popover3,
     {
       state: state2,
@@ -2742,7 +2749,7 @@ function Combobox({
       hasBackdrop: false,
       containerPadding: 0
     },
-    /* @__PURE__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__default.createElement(
       ListBox,
       {
         ...listBoxProps,
@@ -2768,6 +2775,11 @@ var useInputWidth = (inputRef) => {
   }, []);
   return inputWidth;
 };
+function styleProps(obj) {
+  return Object.fromEntries(
+    Object.entries(obj).filter(([, value]) => value !== void 0)
+  );
+}
 var debounce = (fn, ms = 100) => {
   let timer;
   return () => {
@@ -2779,7 +2791,7 @@ var debounce = (fn, ms = 100) => {
   };
 };
 var FormControl = forwardRef((props, ref) => {
-  return /* @__PURE__ */ React69__default.createElement(FormControl$1, { ...props, ref });
+  return /* @__PURE__ */ React70__default.createElement(FormControl$1, { ...props, ref });
 });
 var FormErrorMessage = ({
   children,
@@ -2795,7 +2807,7 @@ var FormErrorMessage = ({
     return null;
   }
   const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
-  return /* @__PURE__ */ React69__default.createElement(Box, { position: "relative", ref }, /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(Box, { position: "relative", ref }, /* @__PURE__ */ React70__default.createElement(
     Box,
     {
       borderRadius: "xs",
@@ -2813,12 +2825,12 @@ var FormErrorMessage = ({
       ...errorMessageProps,
       ...boxProps
     },
-    /* @__PURE__ */ React69__default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
+    /* @__PURE__ */ React70__default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
     children
   ));
 };
 var Arrow = (props) => {
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Box,
     {
       ...props,
@@ -2829,7 +2841,7 @@ var Arrow = (props) => {
       fill: "none",
       transform: "rotate(45deg)"
     },
-    /* @__PURE__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__default.createElement(
       Box,
       {
         as: "path",
@@ -2840,7 +2852,7 @@ var Arrow = (props) => {
   );
 };
 var FormLabel3 = forwardRef((props, ref) => {
-  return /* @__PURE__ */ React69__default.createElement(FormLabel, { ...props, ref });
+  return /* @__PURE__ */ React70__default.createElement(FormLabel, { ...props, ref });
 });
 function ListBox({
   isLoading,
@@ -2851,7 +2863,7 @@ function ListBox({
 }) {
   const { listBoxProps } = useListBox(props, state2, listBoxRef);
   const styles3 = useMultiStyleConfig("ListBox", {});
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     List,
     {
       ...listBoxProps,
@@ -2862,19 +2874,19 @@ function ListBox({
     },
     state2.collection.size === 0 && props.emptyContent,
     Array.from(state2.collection).map(
-      (item) => item.type === "section" ? /* @__PURE__ */ React69__default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React69__default.createElement(Option, { key: item.key, item, state: state2 })
+      (item) => item.type === "section" ? /* @__PURE__ */ React70__default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React70__default.createElement(Option, { key: item.key, item, state: state2 })
     )
   );
 }
 function ItemLabel({ children }) {
   let { labelProps } = useOptionContext();
   const styles3 = useMultiStyleConfig("ListBox", {});
-  return /* @__PURE__ */ React69__default.createElement(Box, { ...labelProps, sx: styles3.label }, children);
+  return /* @__PURE__ */ React70__default.createElement(Box, { ...labelProps, sx: styles3.label }, children);
 }
 function ItemDescription({ children }) {
   let { descriptionProps } = useOptionContext();
   const styles3 = useMultiStyleConfig("ListBox", {});
-  return /* @__PURE__ */ React69__default.createElement(Box, { ...descriptionProps, sx: styles3.description }, children);
+  return /* @__PURE__ */ React70__default.createElement(Box, { ...descriptionProps, sx: styles3.description }, children);
 }
 function Option({ item, state: state2 }) {
   const ref = useRef(null);
@@ -2907,9 +2919,9 @@ function Option({ item, state: state2 }) {
       { passive: false, once: true }
     );
   }, []);
-  return /* @__PURE__ */ React69__default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React69__default.createElement(ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
+  return /* @__PURE__ */ React70__default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React70__default.createElement(ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
 }
-var OptionContext = React69__default.createContext({
+var OptionContext = React70__default.createContext({
   labelProps: {},
   descriptionProps: {}
 });
@@ -2923,7 +2935,7 @@ function ListBoxSection({ section, state: state2 }) {
   });
   const isFirstSection = section.key === state2.collection.getFirstKey();
   const titleColor = useColorModeValue("darkGrey", "white");
-  return /* @__PURE__ */ React69__default.createElement(ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React70__default.createElement(
     Box,
     {
       fontSize: "mobile.xs",
@@ -2936,8 +2948,8 @@ function ListBoxSection({ section, state: state2 }) {
       ...headingProps
     },
     section.rendered
-  ), /* @__PURE__ */ React69__default.createElement(List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
-    (item) => /* @__PURE__ */ React69__default.createElement(Option, { key: item.key, item, state: state2 })
+  ), /* @__PURE__ */ React70__default.createElement(List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
+    (item) => /* @__PURE__ */ React70__default.createElement(Option, { key: item.key, item, state: state2 })
   )));
 }
 
@@ -2977,7 +2989,7 @@ function InfoSelect({
   const { buttonProps } = useButton(triggerProps, triggerRef);
   const { t: t2 } = useTranslation();
   const formControl = useFormControlProps(props);
-  return /* @__PURE__ */ React69__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React69__default.createElement(chakra.div, { ...labelProps, sx: styles3.label }, props.label), /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React70__default.createElement(chakra.div, { ...labelProps, sx: styles3.label }, props.label), /* @__PURE__ */ React70__default.createElement(
     HiddenSelect,
     {
       state: state2,
@@ -2985,7 +2997,7 @@ function InfoSelect({
       label: props.label,
       name: props.name
     }
-  ), /* @__PURE__ */ React69__default.createElement(
+  ), /* @__PURE__ */ React70__default.createElement(
     chakra.button,
     {
       type: "button",
@@ -2998,16 +3010,16 @@ function InfoSelect({
       "aria-invalid": formControl.isInvalid,
       "aria-describedby": formControl["aria-describedby"]
     },
-    /* @__PURE__ */ React69__default.createElement(Box, { ...valueProps }, state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts11.selectAnOption)),
-    /* @__PURE__ */ React69__default.createElement(Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React69__default.createElement(DropdownUpFill24Icon, null) : /* @__PURE__ */ React69__default.createElement(DropdownDownFill24Icon, null))
-  ), state2.isOpen && /* @__PURE__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__default.createElement(Box, { ...valueProps }, state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts11.selectAnOption)),
+    /* @__PURE__ */ React70__default.createElement(Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React70__default.createElement(DropdownUpFill24Icon, null) : /* @__PURE__ */ React70__default.createElement(DropdownDownFill24Icon, null))
+  ), state2.isOpen && /* @__PURE__ */ React70__default.createElement(
     Popover3,
     {
       state: state2,
       triggerRef,
       containerPadding: 0
     },
-    /* @__PURE__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__default.createElement(
       ListBox,
       {
         ...menuProps,
@@ -3032,7 +3044,7 @@ var Input = forwardRef(
     const formControlProps = useFormControlContext();
     const fallbackId = `input-${useId()}`;
     const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
-    return /* @__PURE__ */ React69__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React69__default.createElement(InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React70__default.createElement(InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React70__default.createElement(
       Input$1,
       {
         "data-attachable": true,
@@ -3043,19 +3055,19 @@ var Input = forwardRef(
         ref,
         placeholder: " "
       }
-    ), /* @__PURE__ */ React69__default.createElement(FormLabel, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React69__default.createElement(InputRightElement, { pointerEvents: "none" }, rightIcon));
+    ), /* @__PURE__ */ React70__default.createElement(FormLabel, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React70__default.createElement(InputRightElement, { pointerEvents: "none" }, rightIcon));
   }
 );
 var InputLeftElement2 = forwardRef(
-  (props, ref) => /* @__PURE__ */ React69__default.createElement(InputLeftElement, { ...props, ref })
+  (props, ref) => /* @__PURE__ */ React70__default.createElement(InputLeftElement, { ...props, ref })
 );
 var InputRightElement2 = forwardRef(
-  (props, ref) => /* @__PURE__ */ React69__default.createElement(InputRightElement, { ...props, ref })
+  (props, ref) => /* @__PURE__ */ React70__default.createElement(InputRightElement, { ...props, ref })
 );
 var NativeSelect = forwardRef(
   ({ label, ...props }, ref) => {
     const styles3 = useMultiStyleConfig("Select", props);
-    return /* @__PURE__ */ React69__default.createElement(FormControl, null, /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(FormControl, null, /* @__PURE__ */ React70__default.createElement(
       Select,
       {
         "data-attachable": true,
@@ -3063,7 +3075,7 @@ var NativeSelect = forwardRef(
         rootProps: { __css: styles3.root },
         ref
       }
-    ), label && /* @__PURE__ */ React69__default.createElement(FormLabel3, null, label));
+    ), label && /* @__PURE__ */ React70__default.createElement(FormLabel3, null, label));
   }
 );
 function NumericStepper({
@@ -3089,17 +3101,17 @@ function NumericStepper({
   });
   const formControlProps = useFormControl({ id: idProp, isDisabled });
   const clampedStepSize = Math.max(Math.min(stepSize, 10), 1);
-  return /* @__PURE__ */ React69__default.createElement(Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React70__default.createElement(
     VerySmallButton,
     {
-      icon: /* @__PURE__ */ React69__default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
+      icon: /* @__PURE__ */ React70__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__ */ React69__default.createElement(
+  ), withInput ? /* @__PURE__ */ React70__default.createElement(
     chakra.input,
     {
       type: "number",
@@ -3122,7 +3134,7 @@ function NumericStepper({
         onChange(Math.max(Math.min(numericInput, maxValue), minValue));
       }
     }
-  ) : /* @__PURE__ */ React69__default.createElement(
+  ) : /* @__PURE__ */ React70__default.createElement(
     chakra.text,
     {
       sx: styles3.text,
@@ -3130,10 +3142,10 @@ function NumericStepper({
       "aria-label": value.toString()
     },
     value
-  ), /* @__PURE__ */ React69__default.createElement(
+  ), /* @__PURE__ */ React70__default.createElement(
     VerySmallButton,
     {
-      icon: /* @__PURE__ */ React69__default.createElement(AddIcon, { stepLabel: clampedStepSize }),
+      icon: /* @__PURE__ */ React70__default.createElement(AddIcon, { stepLabel: clampedStepSize }),
       "aria-label": t2(texts12.incrementButtonAriaLabel(clampedStepSize)),
       onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
       visibility: value >= maxValue ? "hidden" : "visible",
@@ -3144,9 +3156,9 @@ function NumericStepper({
 }
 var VerySmallButton = (props) => {
   const styles3 = useMultiStyleConfig("NumericStepper", {});
-  return /* @__PURE__ */ React69__default.createElement(IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
+  return /* @__PURE__ */ React70__default.createElement(IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
 };
-var SubtractIcon = (props) => /* @__PURE__ */ React69__default.createElement(React69__default.Fragment, null, /* @__PURE__ */ React69__default.createElement(
+var SubtractIcon = (props) => /* @__PURE__ */ React70__default.createElement(React70__default.Fragment, null, /* @__PURE__ */ React70__default.createElement(
   Box,
   {
     as: "svg",
@@ -3156,7 +3168,7 @@ var SubtractIcon = (props) => /* @__PURE__ */ React69__default.createElement(Rea
     stroke: "currentColor",
     ...props
   },
-  /* @__PURE__ */ React69__default.createElement(
+  /* @__PURE__ */ React70__default.createElement(
     "line",
     {
       x1: "9",
@@ -3167,8 +3179,8 @@ var SubtractIcon = (props) => /* @__PURE__ */ React69__default.createElement(Rea
       strokeLinecap: "round"
     }
   )
-), props.stepLabel > 1 && /* @__PURE__ */ React69__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
-var AddIcon = (props) => /* @__PURE__ */ React69__default.createElement(React69__default.Fragment, null, /* @__PURE__ */ React69__default.createElement(
+), props.stepLabel > 1 && /* @__PURE__ */ React70__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
+var AddIcon = (props) => /* @__PURE__ */ React70__default.createElement(React70__default.Fragment, null, /* @__PURE__ */ React70__default.createElement(
   Box,
   {
     as: "svg",
@@ -3178,7 +3190,7 @@ var AddIcon = (props) => /* @__PURE__ */ React69__default.createElement(React69_
     stroke: "currentColor",
     ...props
   },
-  /* @__PURE__ */ React69__default.createElement(
+  /* @__PURE__ */ React70__default.createElement(
     "line",
     {
       x1: "9",
@@ -3189,7 +3201,7 @@ var AddIcon = (props) => /* @__PURE__ */ React69__default.createElement(React69_
       strokeLinecap: "round"
     }
   ),
-  /* @__PURE__ */ React69__default.createElement(
+  /* @__PURE__ */ React70__default.createElement(
     "line",
     {
       x1: "15",
@@ -3200,7 +3212,7 @@ var AddIcon = (props) => /* @__PURE__ */ React69__default.createElement(React69_
       strokeLinecap: "round"
     }
   )
-), props.stepLabel > 1 && /* @__PURE__ */ React69__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
+), props.stepLabel > 1 && /* @__PURE__ */ React70__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
 var texts12 = createTexts({
   decrementButtonAriaLabel(stepSize) {
     return {
@@ -3226,7 +3238,7 @@ var PasswordInput = forwardRef(
     const formControlProps = useFormControlContext();
     const autoGeneratedId = `password-input-${useId()}`;
     const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
-    return /* @__PURE__ */ React69__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React69__default.createElement(InputLeftElement2, null, leftIcon), /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React70__default.createElement(InputLeftElement2, null, leftIcon), /* @__PURE__ */ React70__default.createElement(
       Input$1,
       {
         ...props,
@@ -3238,7 +3250,7 @@ var PasswordInput = forwardRef(
         ref,
         "data-attachable": true
       }
-    ), /* @__PURE__ */ React69__default.createElement(FormLabel3, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React69__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React69__default.createElement(
+    ), /* @__PURE__ */ React70__default.createElement(FormLabel3, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React70__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React70__default.createElement(
       Button$1,
       {
         variant: "ghost",
@@ -3286,10 +3298,10 @@ var PhoneNumberInput = forwardRef(
         nationalNumber: ""
       }
     });
-    return /* @__PURE__ */ React69__default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React70__default.createElement(
       Suspense,
       {
-        fallback: /* @__PURE__ */ React69__default.createElement(
+        fallback: /* @__PURE__ */ React70__default.createElement(
           InfoSelect,
           {
             isLabelSrOnly: true,
@@ -3298,10 +3310,10 @@ var PhoneNumberInput = forwardRef(
             height: "100%",
             value: "+47"
           },
-          /* @__PURE__ */ React69__default.createElement(Item, { key: "+47" }, "+47")
+          /* @__PURE__ */ React70__default.createElement(Item, { key: "+47" }, "+47")
         )
       },
-      /* @__PURE__ */ React69__default.createElement(
+      /* @__PURE__ */ React70__default.createElement(
         LazyCountryCodeSelect,
         {
           value: value.countryCode,
@@ -3314,7 +3326,7 @@ var PhoneNumberInput = forwardRef(
           width: "6.25rem"
         }
       )
-    ), /* @__PURE__ */ React69__default.createElement(
+    ), /* @__PURE__ */ React70__default.createElement(
       Input,
       {
         ref,
@@ -3343,13 +3355,13 @@ var texts14 = createTexts({
     sv: "Telefonnummer"
   }
 });
-var LazyCountryCodeSelect = React69__default.lazy(() => import('./CountryCodeSelect-QD66IDCL.mjs'));
+var LazyCountryCodeSelect = React70__default.lazy(() => import('./CountryCodeSelect-5QKP6VFT.mjs'));
 var Radio = forwardRef((props, ref) => {
-  return /* @__PURE__ */ React69__default.createElement(Radio$1, { ...props, ref });
+  return /* @__PURE__ */ React70__default.createElement(Radio$1, { ...props, ref });
 });
 var RadioGroup = forwardRef(
   ({ children, direction: direction2 = "row", ...rest }, ref) => {
-    return /* @__PURE__ */ React69__default.createElement(RadioGroup$1, { ...rest, ref }, /* @__PURE__ */ React69__default.createElement(Stack$1, { direction: direction2 }, children));
+    return /* @__PURE__ */ React70__default.createElement(RadioGroup$1, { ...rest, ref }, /* @__PURE__ */ React70__default.createElement(Stack$1, { direction: direction2 }, children));
   }
 );
 var SearchInput = forwardRef(
@@ -3359,7 +3371,7 @@ var SearchInput = forwardRef(
     const formControlProps = useFormControlContext();
     const autoGeneratedId = useId();
     const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
-    return /* @__PURE__ */ React69__default.createElement(InputGroup, { position: "relative" }, /* @__PURE__ */ React69__default.createElement(InputLeftElement2, null, /* @__PURE__ */ React69__default.createElement(SearchOutline24Icon, null)), /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(InputGroup, { position: "relative" }, /* @__PURE__ */ React70__default.createElement(InputLeftElement2, null, /* @__PURE__ */ React70__default.createElement(SearchOutline24Icon, null)), /* @__PURE__ */ React70__default.createElement(
       Input$1,
       {
         paddingLeft: 7,
@@ -3376,7 +3388,7 @@ var SearchInput = forwardRef(
         placeholder: " ",
         "data-attachable": true
       }
-    ), /* @__PURE__ */ React69__default.createElement(FormLabel3, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts15.label)), showClearButton && /* @__PURE__ */ React69__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React69__default.createElement(
+    ), /* @__PURE__ */ React70__default.createElement(FormLabel3, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts15.label)), showClearButton && /* @__PURE__ */ React70__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React70__default.createElement(
       IconButton$1,
       {
         variant: "ghost",
@@ -3384,7 +3396,7 @@ var SearchInput = forwardRef(
         size: "sm",
         marginRight: 1,
         "aria-label": t2(texts15.reset),
-        icon: /* @__PURE__ */ React69__default.createElement(CloseOutline24Icon, null),
+        icon: /* @__PURE__ */ React70__default.createElement(CloseOutline24Icon, null),
         onClick: onReset
       }
     )));
@@ -3406,7 +3418,7 @@ var texts15 = createTexts({
 });
 var Switch = forwardRef(
   ({ size: size2 = "md", ...props }, ref) => {
-    return /* @__PURE__ */ React69__default.createElement(Switch$1, { size: size2, ...props, ref });
+    return /* @__PURE__ */ React70__default.createElement(Switch$1, { size: size2, ...props, ref });
   }
 );
 var Textarea = forwardRef((props, ref) => {
@@ -3417,7 +3429,7 @@ var Textarea = forwardRef((props, ref) => {
   const formControlProps = useFormControlContext();
   const fallbackId = `textarea-${useId()}`;
   const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
-  return /* @__PURE__ */ React69__default.createElement(InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React69__default.createElement(Textarea$1, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React69__default.createElement(FormLabel, { htmlFor: inputId, id: `${inputId}-label` }, label));
+  return /* @__PURE__ */ React70__default.createElement(InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React70__default.createElement(Textarea$1, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React70__default.createElement(FormLabel, { htmlFor: inputId, id: `${inputId}-label` }, label));
 });
 function getSpacingProps(props) {
   const {
@@ -3539,7 +3551,7 @@ var LineIcon = ({
   if (!Icon) {
     return null;
   }
-  return /* @__PURE__ */ React69__default.createElement(Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React69__default.createElement(Icon, { sx: styles3.icon }));
+  return /* @__PURE__ */ React70__default.createElement(Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React70__default.createElement(Icon, { sx: styles3.icon }));
 };
 
 // src/linjetag/InfoTag.tsx
@@ -3555,7 +3567,7 @@ var InfoTag = ({
     size: size2,
     ...customProps
   });
-  return /* @__PURE__ */ React69__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React70__default.createElement(
     LineIcon,
     {
       variant,
@@ -3563,7 +3575,7 @@ var InfoTag = ({
       sx: styles3.iconContainer,
       ...customProps
     }
-  ), /* @__PURE__ */ React69__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React69__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React69__default.createElement(Box, { as: "span", sx: styles3.description }, description)));
+  ), /* @__PURE__ */ React70__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React70__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React70__default.createElement(Box, { as: "span", sx: styles3.description }, description)));
 };
 var TravelTag = forwardRef(
   ({
@@ -3583,7 +3595,7 @@ var TravelTag = forwardRef(
       backgroundColor: variant === "custom" ? rest.backgroundColor : void 0
     });
     const DeviationLevelIcon = getDeviationLevelIcon({ deviationLevel, size: size2 });
-    return /* @__PURE__ */ React69__default.createElement(Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React70__default.createElement(
       LineIcon,
       {
         variant,
@@ -3591,7 +3603,7 @@ var TravelTag = forwardRef(
         sx: styles3.iconContainer,
         ...rest
       }
-    ), /* @__PURE__ */ React69__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React69__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React69__default.createElement(Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React69__default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
+    ), /* @__PURE__ */ React70__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React70__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React70__default.createElement(Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React70__default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
   }
 );
 var getDeviationLevelIcon = ({
@@ -3615,7 +3627,7 @@ var TextLink = forwardRef(
     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__ */ React69__default.createElement(Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React70__default.createElement(
       LinkOutOutline24Icon,
       {
         marginLeft: 0.5,
@@ -3636,7 +3648,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
   const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
   const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
   const id = useId();
-  return /* @__PURE__ */ React69__default.createElement(Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React69__default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React70__default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React70__default.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3644,7 +3656,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
       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__ */ React69__default.createElement(
+  ), /* @__PURE__ */ React70__default.createElement(
     "mask",
     {
       id: `${id}-a`,
@@ -3655,7 +3667,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
       width: "94",
       height: "54"
     },
-    /* @__PURE__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3664,7 +3676,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
         fill: mainColor
       }
     )
-  ), /* @__PURE__ */ React69__default.createElement(
+  ), /* @__PURE__ */ React70__default.createElement(
     "g",
     {
       mask: `url(#${id}-a)`,
@@ -3672,9 +3684,9 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
       clipRule: "evenodd",
       fill: mainColor
     },
-    /* @__PURE__ */ React69__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__ */ React69__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__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__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__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__default.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3682,7 +3694,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
       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__ */ React69__default.createElement(
+  ), /* @__PURE__ */ React70__default.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3690,7 +3702,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
       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__ */ React69__default.createElement(
+  ), /* @__PURE__ */ React70__default.createElement(
     "mask",
     {
       id: `${id}-b`,
@@ -3701,7 +3713,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
       width: "78",
       height: "54"
     },
-    /* @__PURE__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__default.createElement(
       "path",
       {
         fillRule: "evenodd",
@@ -3710,25 +3722,25 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
         fill: mainColor
       }
     )
-  ), /* @__PURE__ */ React69__default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React69__default.createElement(
+  ), /* @__PURE__ */ React70__default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React70__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__ */ React69__default.createElement(
+  ), /* @__PURE__ */ React70__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__ */ React69__default.createElement(
+  ), /* @__PURE__ */ React70__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__ */ React69__default.createElement(
+  )), /* @__PURE__ */ React70__default.createElement(
     "path",
     {
       fillRule: "evenodd",
@@ -3738,7 +3750,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
     }
   ));
 };
-var JumpForwardIcon = (props) => /* @__PURE__ */ React69.createElement(Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React69.createElement(
+var JumpForwardIcon = (props) => /* @__PURE__ */ React70.createElement(Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React70.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3746,7 +3758,7 @@ var JumpForwardIcon = (props) => /* @__PURE__ */ React69.createElement(Box, { as
     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__ */ React69.createElement(
+), /* @__PURE__ */ React70.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3755,7 +3767,7 @@ var JumpForwardIcon = (props) => /* @__PURE__ */ React69.createElement(Box, { as
     fill: "currentColor"
   }
 ));
-var JumpBackwardIcon = (props) => /* @__PURE__ */ React69.createElement(Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React69.createElement(
+var JumpBackwardIcon = (props) => /* @__PURE__ */ React70.createElement(Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React70.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3763,7 +3775,7 @@ var JumpBackwardIcon = (props) => /* @__PURE__ */ React69.createElement(Box, { a
     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__ */ React69.createElement(
+), /* @__PURE__ */ React70.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3772,7 +3784,7 @@ var JumpBackwardIcon = (props) => /* @__PURE__ */ React69.createElement(Box, { a
     fill: "currentColor"
   }
 ));
-var PlayIcon = (props) => /* @__PURE__ */ React69.createElement(Box, { as: "svg", ...props, fill: "none", viewBox: "0 0 60 60" }, /* @__PURE__ */ React69.createElement(
+var PlayIcon = (props) => /* @__PURE__ */ React70.createElement(Box, { as: "svg", ...props, fill: "none", viewBox: "0 0 60 60" }, /* @__PURE__ */ React70.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3781,7 +3793,7 @@ var PlayIcon = (props) => /* @__PURE__ */ React69.createElement(Box, { as: "svg"
     fill: "currentColor"
   }
 ));
-var PauseIcon = (props) => /* @__PURE__ */ React69.createElement(Box, { as: "svg", ...props, viewBox: "0 0 60 60", fill: "none" }, /* @__PURE__ */ React69.createElement(
+var PauseIcon = (props) => /* @__PURE__ */ React70.createElement(Box, { as: "svg", ...props, viewBox: "0 0 60 60", fill: "none" }, /* @__PURE__ */ React70.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3790,7 +3802,7 @@ var PauseIcon = (props) => /* @__PURE__ */ React69.createElement(Box, { as: "svg
     fill: "currentColor"
   }
 ));
-var SkipNextIcon = (props) => /* @__PURE__ */ React69.createElement(Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React69.createElement(
+var SkipNextIcon = (props) => /* @__PURE__ */ React70.createElement(Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React70.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3799,7 +3811,7 @@ var SkipNextIcon = (props) => /* @__PURE__ */ React69.createElement(Box, { as: "
     fill: "currentColor"
   }
 ));
-var SkipPreviousIcon = (props) => /* @__PURE__ */ React69.createElement(Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React69.createElement(
+var SkipPreviousIcon = (props) => /* @__PURE__ */ React70.createElement(Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React70.createElement(
   "path",
   {
     fillRule: "evenodd",
@@ -3821,7 +3833,7 @@ var JumpButton = ({
     variant: "jumpSkip",
     size: size2
   });
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Center,
     {
       as: "button",
@@ -3830,7 +3842,7 @@ var JumpButton = ({
       disabled: isDisabled,
       ...props
     },
-    direction2 === "forward" ? /* @__PURE__ */ React69__default.createElement(JumpForwardIcon, { sx: styles3.icon }) : /* @__PURE__ */ React69__default.createElement(JumpBackwardIcon, { sx: styles3.icon })
+    direction2 === "forward" ? /* @__PURE__ */ React70__default.createElement(JumpForwardIcon, { sx: styles3.icon }) : /* @__PURE__ */ React70__default.createElement(JumpBackwardIcon, { sx: styles3.icon })
   );
 };
 var texts17 = createTexts({
@@ -3858,7 +3870,7 @@ var PlayPauseButton = ({
     variant: "play",
     size: size2
   });
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Center,
     {
       as: "button",
@@ -3867,7 +3879,7 @@ var PlayPauseButton = ({
       disabled: isDisabled,
       ...props
     },
-    isPlaying ? /* @__PURE__ */ React69__default.createElement(PauseIcon, { sx: styles3.icon }) : /* @__PURE__ */ React69__default.createElement(PlayIcon, { sx: styles3.icon })
+    isPlaying ? /* @__PURE__ */ React70__default.createElement(PauseIcon, { sx: styles3.icon }) : /* @__PURE__ */ React70__default.createElement(PlayIcon, { sx: styles3.icon })
   );
 };
 var texts18 = createTexts({
@@ -3895,7 +3907,7 @@ var SkipButton = ({
     variant: "jumpSkip",
     size: size2
   });
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Center,
     {
       as: "button",
@@ -3904,7 +3916,7 @@ var SkipButton = ({
       disabled: isDisabled,
       ...props
     },
-    direction2 === "forward" ? /* @__PURE__ */ React69__default.createElement(SkipNextIcon, { sx: styles3.icon }) : /* @__PURE__ */ React69__default.createElement(SkipPreviousIcon, { sx: styles3.icon })
+    direction2 === "forward" ? /* @__PURE__ */ React70__default.createElement(SkipNextIcon, { sx: styles3.icon }) : /* @__PURE__ */ React70__default.createElement(SkipPreviousIcon, { sx: styles3.icon })
   );
 };
 var texts19 = createTexts({
@@ -3927,13 +3939,13 @@ var ModalHeader = forwardRef(
       fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
       textAlign: size2 === "lg" ? "center" : "left"
     };
-    return /* @__PURE__ */ React69__default.createElement(ModalHeader$1, { ...props, ref, ...styles3 });
+    return /* @__PURE__ */ React70__default.createElement(ModalHeader$1, { ...props, ref, ...styles3 });
   }
 );
 
 // src/modal/Drawer.tsx
 var Drawer = (props) => {
-  return /* @__PURE__ */ React69__default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React69__default.createElement(Drawer$1, { ...props }));
+  return /* @__PURE__ */ React70__default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React70__default.createElement(Drawer$1, { ...props }));
 };
 var DrawerContent = forwardRef(
   ({ children, ...props }, ref) => {
@@ -3950,7 +3962,7 @@ var DrawerContent = forwardRef(
     });
     const isTopOrBottom = placement === "top" || placement === "bottom";
     const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
-    return /* @__PURE__ */ React69__default.createElement(Box, { ...handlers }, /* @__PURE__ */ React69__default.createElement(
+    return /* @__PURE__ */ React70__default.createElement(Box, { ...handlers }, /* @__PURE__ */ React70__default.createElement(
       DrawerContent$1,
       {
         ...widthConstraits,
@@ -3959,13 +3971,13 @@ var DrawerContent = forwardRef(
         ...props,
         ref
       },
-      /* @__PURE__ */ React69__default.createElement(Box, { position: "relative" }, /* @__PURE__ */ React69__default.createElement(Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React69__default.createElement(Notch, null), /* @__PURE__ */ React69__default.createElement(Box, null, children)))
+      /* @__PURE__ */ React70__default.createElement(Box, { position: "relative" }, /* @__PURE__ */ React70__default.createElement(Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React70__default.createElement(Notch, null), /* @__PURE__ */ React70__default.createElement(Box, null, children)))
     ));
   }
 );
 var Notch = forwardRef((props, ref) => {
   const placement = useDrawerContext();
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Box,
     {
       position: "absolute",
@@ -3977,14 +3989,14 @@ var Notch = forwardRef((props, ref) => {
       ...props,
       ref
     },
-    /* @__PURE__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__default.createElement(
       Center,
       {
         background: placement === "bottom" ? "bottom" : "top",
         padding: 2,
         borderRadius: "md"
       },
-      /* @__PURE__ */ React69__default.createElement(
+      /* @__PURE__ */ React70__default.createElement(
         Box,
         {
           width: "2.265rem",
@@ -3996,18 +4008,137 @@ var Notch = forwardRef((props, ref) => {
     )
   );
 });
-var DrawerContext = React69__default.createContext(void 0);
-var DrawerProvider = (props) => /* @__PURE__ */ React69__default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
+var DrawerContext = React70__default.createContext(void 0);
+var DrawerProvider = (props) => /* @__PURE__ */ React70__default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
 var useDrawerContext = () => {
-  return React69__default.useContext(DrawerContext);
+  return React70__default.useContext(DrawerContext);
 };
+var FullScreenDrawer = ({
+  children,
+  title,
+  placement = "bottom",
+  leftButton = null,
+  rightButton = /* @__PURE__ */ React70__default.createElement(DrawerCloseButton2, null),
+  isOpen,
+  onClose
+}) => {
+  const [isContentBoxScrolled, setContentBoxScrolled] = useState(false);
+  const onContentScroll = (e) => {
+    const target = e.target;
+    if (target.scrollTop <= 0) {
+      setContentBoxScrolled(false);
+      return;
+    }
+    setContentBoxScrolled(true);
+  };
+  useEffect(() => {
+    setContentBoxScrolled(false);
+  }, [isOpen]);
+  return /* @__PURE__ */ React70__default.createElement(Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React70__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React70__default.createElement(
+    DrawerContent$1,
+    {
+      height: "100vh",
+      backgroundSize: "100% 285px, 100%",
+      backgroundPosition: "top",
+      backgroundRepeat: "no-repeat"
+    },
+    /* @__PURE__ */ React70__default.createElement(
+      DrawerTopMenu,
+      {
+        isScrolled: isContentBoxScrolled,
+        title,
+        leftButton,
+        rightButton
+      }
+    ),
+    /* @__PURE__ */ React70__default.createElement(DrawerBody, { overflow: "auto", onScroll: onContentScroll }, children)
+  ));
+};
+var DrawerTopMenu = ({
+  title,
+  leftButton,
+  rightButton,
+  isScrolled
+}) => {
+  const backgroundColor = useColorModeValue(
+    "bg.default.light",
+    "bg.default.dark"
+  );
+  return /* @__PURE__ */ React70__default.createElement(
+    Flex,
+    {
+      width: "100%",
+      backgroundColor,
+      position: "static",
+      paddingTop: [1.5, 2.5, 3, 3],
+      paddingBottom: [1.5, 2.5, 3, 3],
+      paddingLeft: [2, 3, 6, 9],
+      paddingRight: [2, 3, 6, 9],
+      transition: "box-shadow 0.2s",
+      boxShadow: isScrolled ? "md" : void 0
+    },
+    /* @__PURE__ */ React70__default.createElement(Box, { flex: "1" }, leftButton),
+    /* @__PURE__ */ React70__default.createElement(
+      DrawerHeader,
+      {
+        as: "h2",
+        fontSize: "md",
+        fontWeight: "bold",
+        textAlign: "center",
+        flex: "1",
+        margin: 0,
+        padding: 0
+      },
+      title
+    ),
+    /* @__PURE__ */ React70__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React70__default.createElement(Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
+  );
+};
+var DrawerCloseButton2 = () => {
+  const { onClose } = useModalContext();
+  const { t: t2 } = useTranslation();
+  const [isScreenSizeMinSm] = useMediaQuery(
+    `(min-width: ${tokens11__default.size.breakpoint.sm})`
+  );
+  if (isScreenSizeMinSm) {
+    return /* @__PURE__ */ React70__default.createElement(
+      Button,
+      {
+        variant: "ghost",
+        leftIcon: /* @__PURE__ */ React70__default.createElement(CloseFill24Icon, null),
+        onClick: onClose,
+        "aria-label": t2(texts20.close),
+        width: "fit-content",
+        marginLeft: "auto"
+      },
+      t2(texts20.close)
+    );
+  }
+  return /* @__PURE__ */ React70__default.createElement(
+    IconButton,
+    {
+      variant: "ghost",
+      icon: /* @__PURE__ */ React70__default.createElement(CloseFill30Icon, null),
+      onClick: onClose,
+      "aria-label": t2(texts20.close)
+    }
+  );
+};
+var texts20 = createTexts({
+  close: {
+    nb: "Lukk",
+    nn: "Lukk",
+    en: "Close",
+    sv: "St\xE4ng"
+  }
+});
 var SimpleDrawer = ({
   placement,
   children,
   title,
   ...props
 }) => {
-  return /* @__PURE__ */ React69__default.createElement(Drawer, { placement, ...props }, /* @__PURE__ */ React69__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React69__default.createElement(DrawerContent, null, /* @__PURE__ */ React69__default.createElement(DrawerCloseButton, null), title && /* @__PURE__ */ React69__default.createElement(ModalHeader, null, title), /* @__PURE__ */ React69__default.createElement(DrawerBody, null, children)));
+  return /* @__PURE__ */ React70__default.createElement(Drawer, { placement, ...props }, /* @__PURE__ */ React70__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React70__default.createElement(DrawerContent, null, /* @__PURE__ */ React70__default.createElement(DrawerCloseButton, null), title && /* @__PURE__ */ React70__default.createElement(ModalHeader, null, title), /* @__PURE__ */ React70__default.createElement(DrawerBody, null, children)));
 };
 var EXPIRATION_DELAY = 1e3 * 60 * 60 * 24 * 30;
 var Nudge = ({
@@ -4029,7 +4160,7 @@ var Nudge = ({
     }
     return null;
   }
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Popover,
     {
       arrowSize: 12,
@@ -4037,11 +4168,11 @@ var Nudge = ({
       defaultIsOpen: true,
       ...props
     },
-    /* @__PURE__ */ React69__default.createElement(PopoverAnchor, null, children),
-    /* @__PURE__ */ React69__default.createElement(PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React69__default.createElement(DarkMode, null, /* @__PURE__ */ React69__default.createElement(PopoverArrow, null), /* @__PURE__ */ React69__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React69__default.createElement(PopoverBody, { margin: 1 }, /* @__PURE__ */ React69__default.createElement(Box, { marginRight: 4 }, content), /* @__PURE__ */ React69__default.createElement(Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React69__default.createElement(ButtonGroup, null, /* @__PURE__ */ React69__default.createElement(Button, { variant: "tertiary", size: "xs" }, t2(texts20.close)), /* @__PURE__ */ React69__default.createElement(Button, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts20.showMe)))))))
+    /* @__PURE__ */ React70__default.createElement(PopoverAnchor, null, children),
+    /* @__PURE__ */ React70__default.createElement(PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React70__default.createElement(DarkMode, null, /* @__PURE__ */ React70__default.createElement(PopoverArrow, null), /* @__PURE__ */ React70__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React70__default.createElement(PopoverBody, { margin: 1 }, /* @__PURE__ */ React70__default.createElement(Box, { marginRight: 4 }, content), /* @__PURE__ */ React70__default.createElement(Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React70__default.createElement(ButtonGroup, null, /* @__PURE__ */ React70__default.createElement(Button, { variant: "tertiary", size: "xs" }, t2(texts21.close)), /* @__PURE__ */ React70__default.createElement(Button, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts21.showMe)))))))
   );
 };
-var texts20 = createTexts({
+var texts21 = createTexts({
   close: {
     nb: "Lukk",
     nn: "Lukk",
@@ -4066,19 +4197,19 @@ var WizardNudge = ({
   const totalSteps = content.length;
   const isLastStep = totalSteps === currentStep;
   const onNext = () => setCurrentStep((prev) => prev + 1);
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Nudge,
     {
       onClose,
       name,
       content: content[currentStep - 1],
-      actions: /* @__PURE__ */ React69__default.createElement(Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React69__default.createElement(
+      actions: /* @__PURE__ */ React70__default.createElement(Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React70__default.createElement(
         ProgressIndicator,
         {
           activeStep: currentStep,
           numberOfSteps: totalSteps
         }
-      ), /* @__PURE__ */ React69__default.createElement(Box, null, /* @__PURE__ */ React69__default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
+      ), /* @__PURE__ */ React70__default.createElement(Box, null, /* @__PURE__ */ React70__default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
       ...props
     },
     children
@@ -4087,19 +4218,19 @@ var WizardNudge = ({
 var NextOrCloseButton = ({ isLastStep, onNext }) => {
   const { onClose } = usePopoverContext();
   const { t: t2 } = useTranslation();
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Button,
     {
       variant: "tertiary",
       size: "xs",
-      leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React69__default.createElement(ArrowRightFill18Icon, null),
+      leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React70__default.createElement(ArrowRightFill18Icon, null),
       onClick: isLastStep ? onClose : onNext,
       width: "fit-content"
     },
-    t2(isLastStep ? texts21.finish : texts21.nextStep)
+    t2(isLastStep ? texts22.finish : texts22.nextStep)
   );
 };
-var texts21 = createTexts({
+var texts22 = createTexts({
   nextStep: {
     nb: "Neste",
     nn: "Neste",
@@ -4115,7 +4246,7 @@ var texts21 = createTexts({
 });
 var ProgressDot = ({ isActive }) => {
   const style = useMultiStyleConfig("ProgressIndicator");
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Box,
     {
       as: "svg",
@@ -4125,7 +4256,7 @@ var ProgressDot = ({ isActive }) => {
       viewBox: "0 0 100 100",
       "aria-current": isActive ? "step" : void 0
     },
-    /* @__PURE__ */ React69__default.createElement(Box, { as: "circle", cx: "50", cy: "50", r: "50" })
+    /* @__PURE__ */ React70__default.createElement(Box, { as: "circle", cx: "50", cy: "50", r: "50" })
   );
 };
 
@@ -4136,7 +4267,7 @@ var ProgressIndicator = ({
 }) => {
   const { t: t2 } = useTranslation();
   const style = useMultiStyleConfig("ProgressIndicator");
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Box,
     {
       __css: style.root,
@@ -4144,9 +4275,9 @@ var ProgressIndicator = ({
       "aria-valuemin": 1,
       "aria-valuemax": numberOfSteps,
       "aria-valuenow": activeStep,
-      "aria-valuetext": t2(texts22.stepsOf(activeStep, numberOfSteps))
+      "aria-valuetext": t2(texts23.stepsOf(activeStep, numberOfSteps))
     },
-    /* @__PURE__ */ React69__default.createElement(Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__default.createElement(Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React70__default.createElement(
       ProgressDot,
       {
         key: i,
@@ -4156,7 +4287,7 @@ var ProgressIndicator = ({
     )))
   );
 };
-var texts22 = createTexts({
+var texts23 = createTexts({
   stepsOf: (activeStep, numberOfSteps) => ({
     nb: `Steg ${activeStep} av ${numberOfSteps}`,
     nn: `Steg ${activeStep} av ${numberOfSteps}`,
@@ -4173,9 +4304,9 @@ var SporProvider = ({
 }) => {
   const brandCustomizations = brandTheme[brand] ?? {};
   const extendedTheme = deepmerge(theme3, brandCustomizations);
-  return /* @__PURE__ */ React69__default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React69__default.createElement(ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React69__default.createElement(Global, { styles: fontFaces }), children));
+  return /* @__PURE__ */ React70__default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React70__default.createElement(ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React70__default.createElement(Global, { styles: fontFaces }), children));
 };
-var StepperContext = React69__default.createContext(null);
+var StepperContext = React70__default.createContext(null);
 var StepperProvider = ({
   activeStep,
   children,
@@ -4183,7 +4314,7 @@ var StepperProvider = ({
   numberOfSteps,
   variant
 }) => {
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     StepperContext.Provider,
     {
       value: { activeStep, onClick, numberOfSteps, variant }
@@ -4192,7 +4323,7 @@ var StepperProvider = ({
   );
 };
 var useStepper = () => {
-  const context = React69__default.useContext(StepperContext);
+  const context = React70__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"
@@ -4220,7 +4351,7 @@ var Stepper = ({
   const { t: t2 } = useTranslation();
   const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
   const shownHeading = heading || title;
-  return /* @__PURE__ */ React69__default.createElement(Box, { sx: style.root }, /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(Box, { sx: style.root }, /* @__PURE__ */ React70__default.createElement(
     StepperProvider,
     {
       onClick,
@@ -4228,7 +4359,7 @@ var Stepper = ({
       variant,
       numberOfSteps
     },
-    /* @__PURE__ */ React69__default.createElement(Box, { sx: style.container }, /* @__PURE__ */ React69__default.createElement(Box, { sx: style.innerContainer }, /* @__PURE__ */ React69__default.createElement(
+    /* @__PURE__ */ React70__default.createElement(Box, { sx: style.container }, /* @__PURE__ */ React70__default.createElement(Box, { sx: style.innerContainer }, /* @__PURE__ */ React70__default.createElement(
       Flex,
       {
         justifyContent: "space-between",
@@ -4236,11 +4367,11 @@ var Stepper = ({
         gap: 2,
         flex: 1
       },
-      /* @__PURE__ */ React69__default.createElement(
+      /* @__PURE__ */ React70__default.createElement(
         IconButton,
         {
-          "aria-label": t2(texts23.back),
-          icon: /* @__PURE__ */ React69__default.createElement(ArrowLeftFill24Icon, null),
+          "aria-label": t2(texts24.back),
+          icon: /* @__PURE__ */ React70__default.createElement(ArrowLeftFill24Icon, null),
           variant: "ghost",
           size: "sm",
           visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
@@ -4253,9 +4384,9 @@ var Stepper = ({
           }
         }
       ),
-      shownHeading && /* @__PURE__ */ React69__default.createElement(Text4, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
-      /* @__PURE__ */ React69__default.createElement(Box, { sx: style.stepCounter }, t2(texts23.stepsOf(activeStep, numberOfSteps)))
-    )), /* @__PURE__ */ React69__default.createElement(Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React69__default.createElement(
+      shownHeading && /* @__PURE__ */ React70__default.createElement(Text4, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
+      /* @__PURE__ */ React70__default.createElement(Box, { sx: style.stepCounter }, t2(texts24.stepsOf(activeStep, numberOfSteps)))
+    )), /* @__PURE__ */ React70__default.createElement(Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React70__default.createElement(
       StepperStep,
       {
         key: index,
@@ -4268,7 +4399,7 @@ var Stepper = ({
     ))))
   ));
 };
-var texts23 = createTexts({
+var texts24 = createTexts({
   stepsOf: (activeStep, numberOfSteps) => ({
     nb: `Steg ${activeStep}/${numberOfSteps}`,
     nn: `Steg ${activeStep}/${numberOfSteps}`,
@@ -4300,14 +4431,14 @@ var StepperStep = ({
   );
   const iconColor = useColorModeValue("blackAlpha.200", "whiteAlpha.200");
   const isDisabled = state2 !== "active" && isDisabledOverride || state2 === "disabled";
-  return /* @__PURE__ */ React69__default.createElement(Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React70__default.createElement(
     DropdownRightFill18Icon,
     {
       marginX: 5,
       display: ["none", null, "block"],
       color: iconColor
     }
-  ), isDisabled ? /* @__PURE__ */ React69__default.createElement(
+  ), isDisabled ? /* @__PURE__ */ React70__default.createElement(
     Text4,
     {
       variant: "xs",
@@ -4317,7 +4448,7 @@ var StepperStep = ({
       paddingX: 2
     },
     children
-  ) : /* @__PURE__ */ React69__default.createElement(
+  ) : /* @__PURE__ */ React70__default.createElement(
     Button,
     {
       size: "xs",
@@ -4340,11 +4471,11 @@ var getState = (stepNumber, activeStep) => {
   return "disabled";
 };
 var Tabs = forwardRef((props, ref) => {
-  return /* @__PURE__ */ React69.createElement(Tabs$1, { ...props, ref });
+  return /* @__PURE__ */ React70.createElement(Tabs$1, { ...props, ref });
 });
 var Table = forwardRef((props, ref) => {
   const { variant, size: size2, colorScheme, children, ...rest } = props;
-  return /* @__PURE__ */ React69__default.createElement(Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React69__default.createElement(Box, { overflowX: "auto" }, /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React70__default.createElement(Box, { overflowX: "auto" }, /* @__PURE__ */ React70__default.createElement(
     Table$1,
     {
       variant,
@@ -6160,16 +6291,16 @@ Object.assign({}, space, layout, flexbox, grid, position);
 function defineStyle(styles3) {
   return styles3;
 }
-function defineStyleConfig(config41) {
-  return config41;
+function defineStyleConfig(config42) {
+  return config42;
 }
 function createMultiStyleConfigHelpers(parts18) {
   return {
-    definePartsStyle(config41) {
-      return config41;
+    definePartsStyle(config42) {
+      return config42;
     },
-    defineMultiStyleConfig(config41) {
-      return { parts: parts18, ...config41 };
+    defineMultiStyleConfig(config42) {
+      return { parts: parts18, ...config42 };
     }
   };
 }
@@ -9458,6 +9589,7 @@ __export(components_exports, {
   Radio: () => radio_default,
   Select: () => select_default,
   Skeleton: () => skeleton_default,
+  StaticCard: () => static_card_default,
   Stepper: () => stepper_default,
   Switch: () => switch_default,
   Table: () => table_default,
@@ -10300,26 +10432,26 @@ __export(foundations_exports, {
 });
 var borders2 = {
   none: "0",
-  sm: `${tokens10__default.size.stroke.sm} solid`,
-  "sm-dashed": `${tokens10__default.size.stroke.sm} dashed`,
-  md: `${tokens10__default.size.stroke.md} solid`,
-  "md-dashed": `${tokens10__default.size.stroke.md} dashed`,
-  lg: `${tokens10__default.size.stroke.lg} solid`,
-  "lg-dashed": `${tokens10__default.size.stroke.lg} dashed`
+  sm: `${tokens11__default.size.stroke.sm} solid`,
+  "sm-dashed": `${tokens11__default.size.stroke.sm} dashed`,
+  md: `${tokens11__default.size.stroke.md} solid`,
+  "md-dashed": `${tokens11__default.size.stroke.md} dashed`,
+  lg: `${tokens11__default.size.stroke.lg} solid`,
+  "lg-dashed": `${tokens11__default.size.stroke.lg} dashed`
 };
 var breakpoints2 = {
   base: "0px",
-  sm: tokens10__default.size.breakpoint.sm,
-  md: tokens10__default.size.breakpoint.md,
-  lg: tokens10__default.size.breakpoint.lg,
-  xl: tokens10__default.size.breakpoint.xl,
-  "2xl": tokens10__default.size.breakpoint.xl
+  sm: tokens11__default.size.breakpoint.sm,
+  md: tokens11__default.size.breakpoint.md,
+  lg: tokens11__default.size.breakpoint.lg,
+  xl: tokens11__default.size.breakpoint.xl,
+  "2xl": tokens11__default.size.breakpoint.xl
 };
 var colors2 = {
-  ...tokens10__default.color.alias,
-  ...tokens10__default.color.palette,
-  ...tokens10__default.color.vyDigital,
-  linjetag: tokens10__default.color.linjetag
+  ...tokens11__default.color.alias,
+  ...tokens11__default.color.palette,
+  ...tokens11__default.color.vyDigital,
+  linjetag: tokens11__default.color.linjetag
 };
 
 // src/theme/foundations/config.ts
@@ -10329,34 +10461,34 @@ var config7 = {
   useSystemColorMode: false
 };
 var fonts = {
-  body: `${tokens10__default.font.family.body}, arial, sans-serif`,
-  heading: `${tokens10__default.font.family.heading}, arial, sans-serif`,
-  mono: `${tokens10__default.font.family.monospace}, monospace`
+  body: `${tokens11__default.font.family.body}, arial, sans-serif`,
+  heading: `${tokens11__default.font.family.heading}, arial, sans-serif`,
+  mono: `${tokens11__default.font.family.monospace}, monospace`
 };
 var fontSizes = {
-  "2xs": tokens10__default.size.font.xs.mobile,
-  xs: tokens10__default.size.font.sm.mobile,
-  sm: tokens10__default.size.font.md.mobile,
-  md: tokens10__default.size.font.lg.mobile,
-  lg: tokens10__default.size.font.xl.mobile,
-  xl: tokens10__default.size.font.xxl.mobile,
-  "2xl": tokens10__default.size.font.xl.desktop,
-  "3xl": tokens10__default.size.font.xxl.desktop,
+  "2xs": tokens11__default.size.font.xs.mobile,
+  xs: tokens11__default.size.font.sm.mobile,
+  sm: tokens11__default.size.font.md.mobile,
+  md: tokens11__default.size.font.lg.mobile,
+  lg: tokens11__default.size.font.xl.mobile,
+  xl: tokens11__default.size.font.xxl.mobile,
+  "2xl": tokens11__default.size.font.xl.desktop,
+  "3xl": tokens11__default.size.font.xxl.desktop,
   mobile: {
-    xs: tokens10__default.size.font.xs.mobile,
-    sm: tokens10__default.size.font.sm.mobile,
-    md: tokens10__default.size.font.md.mobile,
-    lg: tokens10__default.size.font.lg.mobile,
-    xl: tokens10__default.size.font.xl.mobile,
-    xxl: tokens10__default.size.font.xxl.mobile
+    xs: tokens11__default.size.font.xs.mobile,
+    sm: tokens11__default.size.font.sm.mobile,
+    md: tokens11__default.size.font.md.mobile,
+    lg: tokens11__default.size.font.lg.mobile,
+    xl: tokens11__default.size.font.xl.mobile,
+    xxl: tokens11__default.size.font.xxl.mobile
   },
   desktop: {
-    xs: tokens10__default.size.font.xs.desktop,
-    sm: tokens10__default.size.font.sm.desktop,
-    md: tokens10__default.size.font.md.desktop,
-    lg: tokens10__default.size.font.lg.desktop,
-    xl: tokens10__default.size.font.xl.desktop,
-    xxl: tokens10__default.size.font.xxl.desktop
+    xs: tokens11__default.size.font.xs.desktop,
+    sm: tokens11__default.size.font.sm.desktop,
+    md: tokens11__default.size.font.md.desktop,
+    lg: tokens11__default.size.font.lg.desktop,
+    xl: tokens11__default.size.font.xl.desktop,
+    xxl: tokens11__default.size.font.xxl.desktop
   }
 };
 
@@ -10367,28 +10499,28 @@ var fontWeights = {
   bold: 700
 };
 var lineHeights = {
-  base: tokens10__default.font.style.lg["line-height"],
-  normal: tokens10__default.font.style.lg["line-height"]
+  base: tokens11__default.font.style.lg["line-height"],
+  normal: tokens11__default.font.style.lg["line-height"]
 };
 var radii2 = {
-  none: tokens10__default.size["border-radius"].none,
-  xs: tokens10__default.size["border-radius"].xs,
-  sm: tokens10__default.size["border-radius"].sm,
-  md: tokens10__default.size["border-radius"].md,
-  lg: tokens10__default.size["border-radius"].lg,
-  xl: tokens10__default.size["border-radius"].xl,
-  "2xl": tokens10__default.size["border-radius"]["2xl"],
+  none: tokens11__default.size["border-radius"].none,
+  xs: tokens11__default.size["border-radius"].xs,
+  sm: tokens11__default.size["border-radius"].sm,
+  md: tokens11__default.size["border-radius"].md,
+  lg: tokens11__default.size["border-radius"].lg,
+  xl: tokens11__default.size["border-radius"].xl,
+  "2xl": tokens11__default.size["border-radius"]["2xl"],
   round: "50%"
 };
 var shadows2 = {
   none: "none",
-  sm: tokens10__default.depth.shadow.sm.value,
-  md: tokens10__default.depth.shadow.md.value,
-  lg: tokens10__default.depth.shadow.lg.value
+  sm: tokens11__default.depth.shadow.sm.value,
+  md: tokens11__default.depth.shadow.md.value,
+  lg: tokens11__default.depth.shadow.lg.value
 };
-var spacing2 = Object.entries(tokens10__default.size.spacing).reduce(
-  (tokens15, [key, token]) => ({
-    ...tokens15,
+var spacing2 = Object.entries(tokens11__default.size.spacing).reduce(
+  (tokens16, [key, token]) => ({
+    ...tokens16,
     [Number(key)]: token
   }),
   {}
@@ -10429,89 +10561,89 @@ var sizes24 = {
 var textStyles = {
   "2xl": {
     fontSize: [
-      tokens10__default.font.style.xxl["font-size"].mobile,
+      tokens11__default.font.style.xxl["font-size"].mobile,
       null,
       null,
-      tokens10__default.font.style.xxl["font-size"].desktop
+      tokens11__default.font.style.xxl["font-size"].desktop
     ],
-    fontFamily: tokens10__default.font.style.xxl["font-family"],
-    lineHeight: tokens10__default.font.style.xxl["line-height"]
+    fontFamily: tokens11__default.font.style.xxl["font-family"],
+    lineHeight: tokens11__default.font.style.xxl["line-height"]
   },
   "xl-display": {
     fontSize: [
-      tokens10__default.font.style["xl-display"]["font-size"].mobile,
+      tokens11__default.font.style["xl-display"]["font-size"].mobile,
       null,
       null,
-      tokens10__default.font.style["xl-display"]["font-size"].desktop
+      tokens11__default.font.style["xl-display"]["font-size"].desktop
     ],
-    fontFamily: tokens10__default.font.style["xl-display"]["font-family"],
-    lineHeight: tokens10__default.font.style["xl-display"]["line-height"]
+    fontFamily: tokens11__default.font.style["xl-display"]["font-family"],
+    lineHeight: tokens11__default.font.style["xl-display"]["line-height"]
   },
   "xl-sans": {
     fontSize: [
-      tokens10__default.font.style["xl-sans"]["font-size"].mobile,
+      tokens11__default.font.style["xl-sans"]["font-size"].mobile,
       null,
       null,
-      tokens10__default.font.style["xl-sans"]["font-size"].desktop
+      tokens11__default.font.style["xl-sans"]["font-size"].desktop
     ],
-    fontFamily: tokens10__default.font.style["xl-sans"]["font-family"],
-    lineHeight: tokens10__default.font.style["xl-sans"]["line-height"]
+    fontFamily: tokens11__default.font.style["xl-sans"]["font-family"],
+    lineHeight: tokens11__default.font.style["xl-sans"]["line-height"]
   },
   lg: {
     fontSize: [
-      tokens10__default.font.style.lg["font-size"].mobile,
+      tokens11__default.font.style.lg["font-size"].mobile,
       null,
       null,
-      tokens10__default.font.style.lg["font-size"].desktop
+      tokens11__default.font.style.lg["font-size"].desktop
     ],
-    fontFamily: tokens10__default.font.style.lg["font-family"],
-    lineHeight: tokens10__default.font.style.lg["line-height"]
+    fontFamily: tokens11__default.font.style.lg["font-family"],
+    lineHeight: tokens11__default.font.style.lg["line-height"]
   },
   md: {
     fontSize: [
-      tokens10__default.font.style.md["font-size"].mobile,
+      tokens11__default.font.style.md["font-size"].mobile,
       null,
       null,
-      tokens10__default.font.style.md["font-size"].desktop
+      tokens11__default.font.style.md["font-size"].desktop
     ],
-    fontFamily: tokens10__default.font.style.md["font-family"],
-    lineHeight: tokens10__default.font.style.md["line-height"]
+    fontFamily: tokens11__default.font.style.md["font-family"],
+    lineHeight: tokens11__default.font.style.md["line-height"]
   },
   sm: {
     fontSize: [
-      tokens10__default.font.style.sm["font-size"].mobile,
+      tokens11__default.font.style.sm["font-size"].mobile,
       null,
       null,
-      tokens10__default.font.style.sm["font-size"].desktop
+      tokens11__default.font.style.sm["font-size"].desktop
     ],
-    fontFamily: tokens10__default.font.style.sm["font-family"],
-    lineHeight: tokens10__default.font.style.sm["line-height"]
+    fontFamily: tokens11__default.font.style.sm["font-family"],
+    lineHeight: tokens11__default.font.style.sm["line-height"]
   },
   xs: {
     fontSize: [
-      tokens10__default.font.style.xs["font-size"].mobile,
+      tokens11__default.font.style.xs["font-size"].mobile,
       null,
       null,
-      tokens10__default.font.style.xs["font-size"].desktop
+      tokens11__default.font.style.xs["font-size"].desktop
     ],
-    fontFamily: tokens10__default.font.style.xs["font-family"],
-    lineHeight: tokens10__default.font.style.xs["line-height"]
+    fontFamily: tokens11__default.font.style.xs["font-family"],
+    lineHeight: tokens11__default.font.style.xs["line-height"]
   }
 };
 var zIndices2 = {
-  hide: tokens10__default.depth["z-index"].hide,
+  hide: tokens11__default.depth["z-index"].hide,
   auto: "auto",
-  base: tokens10__default.depth["z-index"].base,
-  docked: tokens10__default.depth["z-index"].docked,
-  dropdown: tokens10__default.depth["z-index"].dropdown,
-  sticky: tokens10__default.depth["z-index"].sticky,
-  banner: tokens10__default.depth["z-index"].banner,
-  overlay: tokens10__default.depth["z-index"].overlay,
-  modal: tokens10__default.depth["z-index"].modal,
-  popover: tokens10__default.depth["z-index"].popover,
-  skipLink: tokens10__default.depth["z-index"].skipLink,
-  toast: tokens10__default.depth["z-index"].toast,
-  tooltip: tokens10__default.depth["z-index"].tooltip
+  base: tokens11__default.depth["z-index"].base,
+  docked: tokens11__default.depth["z-index"].docked,
+  dropdown: tokens11__default.depth["z-index"].dropdown,
+  sticky: tokens11__default.depth["z-index"].sticky,
+  banner: tokens11__default.depth["z-index"].banner,
+  overlay: tokens11__default.depth["z-index"].overlay,
+  modal: tokens11__default.depth["z-index"].modal,
+  popover: tokens11__default.depth["z-index"].popover,
+  skipLink: tokens11__default.depth["z-index"].skipLink,
+  toast: tokens11__default.depth["z-index"].toast,
+  tooltip: tokens11__default.depth["z-index"].tooltip
 };
 var styles2 = {
   global: (props) => ({
@@ -13188,9 +13320,55 @@ var config40 = defineStyleConfig$1({
   }
 });
 var toast_default = config40;
+var config41 = defineStyleConfig$1({
+  baseStyle: (props) => ({
+    appearance: "none",
+    border: "none",
+    overflow: "hidden",
+    fontSize: "inherit",
+    display: "block",
+    borderRadius: "md",
+    // Except for white cards, all cards are light mode always
+    color: "text.default.light",
+    ...getColorSchemeBaseProps2(props)
+  })
+});
+var static_card_default = config41;
+var getColorSchemeBaseProps2 = (props) => {
+  var _a6;
+  switch (props.colorScheme) {
+    case "white":
+      return {
+        ...baseBorder("default", props),
+        backgroundColor: mode(
+          "white",
+          `color-mix(in srgb, white 10%, var(--spor-colors-bg-default-dark))`
+        )(props),
+        color: "inherit"
+      };
+    case "grey":
+      return {
+        backgroundColor: "lightGrey"
+      };
+    case "green": {
+      return {
+        backgroundColor: "seaMist"
+      };
+    }
+    case "red": {
+      return {
+        backgroundColor: "pink"
+      };
+    }
+    default:
+      return {
+        backgroundColor: ((_a6 = colors2[props.colorScheme]) == null ? void 0 : _a6[100]) ?? "platinum"
+      };
+  }
+};
 var fontFaces = `
 @font-face {
-  font-family: ${tokens10__default.asset.font["vy-sans"]["light"].name};
+  font-family: ${tokens11__default.asset.font["vy-sans"]["light"].name};
   src: url("https://www.vy.no/styles/font/VySans-Light.woff2") format("woff2"),
     url("https://www.vy.no/styles/font/VySans-Light.woff") format("woff");
   font-style: normal;
@@ -13198,7 +13376,7 @@ var fontFaces = `
   font-display: swap
 }
 @font-face {
-  font-family: ${tokens10__default.asset.font["vy-sans"]["light-italic"].name};
+  font-family: ${tokens11__default.asset.font["vy-sans"]["light-italic"].name};
   src: url("https://www.vy.no/styles/font/VySans-LightItalic.woff2")
       format("woff2"),
     url("https://www.vy.no/styles/font/VySans-LightItalic.woff") format("woff");
@@ -13207,7 +13385,7 @@ var fontFaces = `
   font-display: swap
 }
 @font-face {
-  font-family: ${tokens10__default.asset.font["vy-sans"]["medium"].name};
+  font-family: ${tokens11__default.asset.font["vy-sans"]["medium"].name};
   src: url("https://www.vy.no/styles/font/VySans-Regular.woff2") format("woff2"),
     url("https://www.vy.no/styles/font/VySans-Regular.woff") format("woff");
   font-style: normal;
@@ -13215,7 +13393,7 @@ var fontFaces = `
   font-display: swap
 }
 @font-face {
-  font-family: ${tokens10__default.asset.font["vy-sans"]["medium-italic"].name};
+  font-family: ${tokens11__default.asset.font["vy-sans"]["medium-italic"].name};
   src: url("https://www.vy.no/styles/font/VySans-RegularItalic.woff2")
       format("woff2"),
     url("https://www.vy.no/styles/font/VySans-RegularItalic.woff")
@@ -13225,7 +13403,7 @@ var fontFaces = `
   font-display: swap
 }
 @font-face {
-  font-family: ${tokens10__default.asset.font["vy-sans"]["bold"].name};
+  font-family: ${tokens11__default.asset.font["vy-sans"]["bold"].name};
   src: url("https://www.vy.no/styles/font/VySans-Bold.woff2") format("woff2"),
     url("https://www.vy.no/styles/font/VySans-Bold.woff") format("woff");
   font-style: normal;
@@ -13233,7 +13411,7 @@ var fontFaces = `
   font-display: swap
 }
 @font-face {
-  font-family: ${tokens10__default.asset.font["vy-sans"]["bold-italic"].name};
+  font-family: ${tokens11__default.asset.font["vy-sans"]["bold-italic"].name};
   src: url("https://www.vy.no/styles/font/VySans-BoldItalic.woff2")
       format("woff2"),
     url("https://www.vy.no/styles/font/VySans-BoldItalic.woff") format("woff");
@@ -13242,7 +13420,7 @@ var fontFaces = `
   font-display: swap
 }
 @font-face {
-  font-family: ${tokens10__default.asset.font["vy-display"].name};
+  font-family: ${tokens11__default.asset.font["vy-display"].name};
   src: url("https://www.vy.no/styles/font/VyDisplay-Medium.woff2")
       format("woff2"),
     url("https://www.vy.no/styles/font/VyDisplay-Medium.woff") format("woff");
@@ -13284,21 +13462,21 @@ var brandTheme = {
     }
   },
   ["CargoNet" /* CargoNet */]: {
-    colors: tokens10__default.color.cargonet
+    colors: tokens11__default.color.cargonet
   }
 };
 var BaseToast = ({ children, variant, id }) => {
   const styles3 = useStyleConfig("Toast", { variant });
-  return /* @__PURE__ */ React69__default.createElement(Flex, { sx: styles3, id }, /* @__PURE__ */ React69__default.createElement(ToastIcon, { variant }), children);
+  return /* @__PURE__ */ React70__default.createElement(Flex, { sx: styles3, id }, /* @__PURE__ */ React70__default.createElement(ToastIcon, { variant }), children);
 };
 var ToastIcon = ({ variant }) => {
   const Icon = getIcon3(variant);
   const { t: t2 } = useTranslation();
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Icon,
     {
       flexShrink: 0,
-      "aria-label": t2(texts24[variant]),
+      "aria-label": t2(texts25[variant]),
       marginRight: 1,
       marginY: 1.5,
       color: "darkGrey"
@@ -13315,7 +13493,7 @@ var getIcon3 = (variant) => {
       return ErrorOutline24Icon;
   }
 };
-var texts24 = createTexts({
+var texts25 = createTexts({
   info: {
     nb: "Informasjon",
     nn: "Informasjon",
@@ -13344,7 +13522,7 @@ var ActionToast = ({
   buttonText,
   id
 }) => {
-  return /* @__PURE__ */ React69__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React69__default.createElement(Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React69__default.createElement(Button, { variant: "tertiary", size: "sm", onClick }, buttonText));
+  return /* @__PURE__ */ React70__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React70__default.createElement(Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React70__default.createElement(Button, { variant: "tertiary", size: "sm", onClick }, buttonText));
 };
 var ClosableToast = ({
   children,
@@ -13354,18 +13532,18 @@ var ClosableToast = ({
 }) => {
   const styles3 = useMultiStyleConfig("Toast", { variant });
   const { t: t2 } = useTranslation();
-  return /* @__PURE__ */ React69__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React69__default.createElement(Box, { flexGrow: "1" }, children), /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React70__default.createElement(Box, { flexGrow: "1" }, children), /* @__PURE__ */ React70__default.createElement(
     IconButton,
     {
       sx: styles3.dismissButton,
       variant: "ghost",
-      "aria-label": t2(texts25.dismiss),
-      icon: /* @__PURE__ */ React69__default.createElement(CloseFill18Icon, null),
+      "aria-label": t2(texts26.dismiss),
+      icon: /* @__PURE__ */ React70__default.createElement(CloseFill18Icon, null),
       onClick: onClose
     }
   ));
 };
-var texts25 = createTexts({
+var texts26 = createTexts({
   dismiss: {
     nb: "Lukk",
     nn: "Lukk",
@@ -13388,7 +13566,7 @@ var useToast = () => {
 };
 var getToastComponent = (opts) => {
   if ("isClosable" in opts && opts.isClosable) {
-    return ({ onClose, id }) => /* @__PURE__ */ React69__default.createElement(
+    return ({ onClose, id }) => /* @__PURE__ */ React70__default.createElement(
       ClosableToast,
       {
         id,
@@ -13404,7 +13582,7 @@ var getToastComponent = (opts) => {
     );
   }
   if ("buttonText" in opts) {
-    return ({ id }) => /* @__PURE__ */ React69__default.createElement(
+    return ({ id }) => /* @__PURE__ */ React70__default.createElement(
       ActionToast,
       {
         id,
@@ -13415,7 +13593,7 @@ var getToastComponent = (opts) => {
       opts.text
     );
   }
-  return ({ id }) => /* @__PURE__ */ React69__default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
+  return ({ id }) => /* @__PURE__ */ React70__default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
 };
 var Tooltip = ({
   children,
@@ -13428,7 +13606,7 @@ var Tooltip = ({
   withCloseButton = false,
   ...props
 }) => {
-  return /* @__PURE__ */ React69__default.createElement(
+  return /* @__PURE__ */ React70__default.createElement(
     Popover,
     {
       onClose,
@@ -13440,8 +13618,8 @@ var Tooltip = ({
       arrowShadowColor: "none",
       ...props
     },
-    /* @__PURE__ */ React69__default.createElement(PopoverTrigger, null, children),
-    /* @__PURE__ */ React69__default.createElement(PopoverContent, null, /* @__PURE__ */ React69__default.createElement(PopoverArrow, null), withCloseButton && /* @__PURE__ */ React69__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React69__default.createElement(PopoverBody, null, content))
+    /* @__PURE__ */ React70__default.createElement(PopoverTrigger, null, children),
+    /* @__PURE__ */ React70__default.createElement(PopoverContent, null, /* @__PURE__ */ React70__default.createElement(PopoverArrow, null), withCloseButton && /* @__PURE__ */ React70__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React70__default.createElement(PopoverBody, null, content))
   );
 };
 
@@ -13550,4 +13728,4 @@ function slugify(text, maxLength = 50) {
   return text.normalize("NFD").replace(/[\u0300-\u036f]/g, "").replace(/[\u00C6\u00E6]/g, "ae").replace(/[\u00D8\u00F8]/g, "oe").replace(/[\u00C5\u00E5]/g, "aa").toLowerCase().replace(/\s+/g, "-").replace(/[^\w-]+/g, "").replace(/--+/g, "-").replace(/^-+/, "").replace(/-+$/, "").substring(0, maxLength);
 }
 
-export { Accordion, AttachedInputs, Badge, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, Card, CardSelect, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, ColorInlineLoader, ColorSpinner, Combobox, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerContent, Expandable, ExpandableAlert, ExpandableItem, FloatingActionButton, FormControl, FormErrorMessage, FormLabel3 as FormLabel, Heading, IconButton, InfoSelect, InfoTag, Input, InputLeftElement2 as InputLeftElement, InputRightElement2 as InputRightElement, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightSpinner, LineIcon, ListBox, ModalHeader, NativeSelect, Nudge, NumericStepper, PasswordInput, PhoneNumberInput, PlayPauseButton, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioGroup, SearchInput, SimpleDrawer, Skeleton, SkeletonCircle, SkeletonText, SkipButton, SporProvider, Stack, StaticAlert, Stepper, StepperStep, Switch, Table, Tabs, Text4 as Text, TextLink, Textarea, TimePicker, Tooltip, TravelTag, VyLogo, WizardNudge, brandTheme, createTexts, fontFaces, slugify, theme, useSize, useToast, useTranslation };
+export { Accordion, AttachedInputs, Badge, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button, ButtonGroup, Card, CardSelect, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, ColorInlineLoader, ColorSpinner, Combobox, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerContent, Expandable, ExpandableAlert, ExpandableItem, FloatingActionButton, FormControl, FormErrorMessage, FormLabel3 as FormLabel, FullScreenDrawer, Heading, IconButton, InfoSelect, InfoTag, Input, InputLeftElement2 as InputLeftElement, InputRightElement2 as InputRightElement, ItemDescription, ItemLabel, JumpButton, Language, LanguageProvider, LightFullScreenLoader, LightInlineLoader, LightSpinner, LineIcon, ListBox, ModalHeader, NativeSelect, Nudge, NumericStepper, PasswordInput, PhoneNumberInput, PlayPauseButton, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioGroup, SearchInput, SimpleDrawer, Skeleton, SkeletonCircle, SkeletonText, SkipButton, SporProvider, Stack, StaticAlert, StaticCard, Stepper, StepperStep, Switch, Table, Tabs, Text4 as Text, TextLink, Textarea, TimePicker, Tooltip, TravelTag, VyLogo, WizardNudge, brandTheme, createTexts, fontFaces, slugify, theme, useSize, useToast, useTranslation };