@vygruppen/spor-react 9.6.5 → 9.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,10 +1,10 @@
1
1
  import tokens11__default from '@vygruppen/spor-design-tokens';
2
2
  import * as tokens11 from '@vygruppen/spor-design-tokens';
3
3
  export { tokens11 as tokens };
4
- 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, Badge as Badge$1, Code as Code$1, Text, PopoverAnchor, FormLabel, useFormControlContext, PopoverContent, PopoverArrow, PopoverBody, FocusLock, Popover, InputGroup, PopoverTrigger, Portal, chakra, 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, UnorderedList, ChakraProvider, useToast as useToast$1, useInterval } from '@chakra-ui/react';
4
+ import { forwardRef, Divider as Divider$1, Stack as Stack$1, useRadio, useStyleConfig, chakra, Accordion as Accordion$1, Skeleton as Skeleton$1, useButtonGroup, Box, Center, Flex, ButtonGroup as ButtonGroup$1, IconButton as IconButton$1, useMultiStyleConfig, 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, useRadioGroup, 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, UnorderedList, ChakraProvider, useToast as useToast$1, useInterval } from '@chakra-ui/react';
5
5
  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';
6
- import * as React71 from 'react';
7
- import React71__default, { createContext, useEffect, forwardRef as forwardRef$1, useRef, useState, useId, Suspense, useContext, useCallback, useMemo, useLayoutEffect } from 'react';
6
+ import * as React73 from 'react';
7
+ import React73__default, { useId, createContext, useEffect, forwardRef as forwardRef$1, useRef, useState, Suspense, Children, useContext, useCallback, useMemo, useLayoutEffect } from 'react';
8
8
  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';
9
9
  import { inlineLoaderColorData, spinnerColorData, contentLoaderData, fullScreenLoaderWhiteData, inlineLoaderDarkData, fullScreenLoaderBlackData, inlineLoaderLightData, spinnerLightData, spinnerDarkData } from '@vygruppen/spor-loader';
10
10
  import { useLottie } from 'lottie-react';
@@ -322,7 +322,7 @@ var require_lodash = __commonJS({
322
322
  MapCache.prototype.get = mapCacheGet;
323
323
  MapCache.prototype.has = mapCacheHas;
324
324
  MapCache.prototype.set = mapCacheSet;
325
- function Stack4(entries) {
325
+ function Stack5(entries) {
326
326
  var data = this.__data__ = new ListCache(entries);
327
327
  this.size = data.size;
328
328
  }
@@ -356,11 +356,11 @@ var require_lodash = __commonJS({
356
356
  this.size = data.size;
357
357
  return this;
358
358
  }
359
- Stack4.prototype.clear = stackClear;
360
- Stack4.prototype["delete"] = stackDelete;
361
- Stack4.prototype.get = stackGet;
362
- Stack4.prototype.has = stackHas;
363
- Stack4.prototype.set = stackSet;
359
+ Stack5.prototype.clear = stackClear;
360
+ Stack5.prototype["delete"] = stackDelete;
361
+ Stack5.prototype.get = stackGet;
362
+ Stack5.prototype.has = stackHas;
363
+ Stack5.prototype.set = stackSet;
364
364
  function arrayLikeKeys(value, inherited) {
365
365
  var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
366
366
  for (var key in value) {
@@ -443,7 +443,7 @@ var require_lodash = __commonJS({
443
443
  return;
444
444
  }
445
445
  baseFor(source, function(srcValue, key) {
446
- stack || (stack = new Stack4());
446
+ stack || (stack = new Stack5());
447
447
  if (isObject2(srcValue)) {
448
448
  baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
449
449
  } else {
@@ -771,22 +771,81 @@ var require_lodash = __commonJS({
771
771
  }
772
772
  });
773
773
  var Divider = forwardRef((props, ref) => {
774
- return /* @__PURE__ */ React71__default.createElement(Divider$1, { ...props, ref });
774
+ return /* @__PURE__ */ React73__default.createElement(Divider$1, { ...props, ref });
775
775
  });
776
776
  var Stack = forwardRef(
777
777
  ({ flexDirection, ...props }, ref) => {
778
- return /* @__PURE__ */ React71__default.createElement(Stack$1, { ...props, direction: flexDirection, ref });
778
+ return /* @__PURE__ */ React73__default.createElement(Stack$1, { ...props, direction: flexDirection, ref });
779
779
  }
780
780
  );
781
- var AccordionContext = React71__default.createContext(null);
781
+
782
+ // ../../node_modules/@chakra-ui/utils/dist/chunk-O3SWHQEE.mjs
783
+ var dataAttr = (condition) => condition ? "" : void 0;
784
+ var RadioCard = forwardRef(
785
+ ({ children, variant = "base", ...props }, ref) => {
786
+ const { getInputProps, getRadioProps, getRootProps, state: state2 } = useRadio(props);
787
+ const styles3 = useStyleConfig("RadioCard", { variant });
788
+ const input = getInputProps({}, ref);
789
+ const radio = getRadioProps();
790
+ const id = `radio-card-${useId()}`;
791
+ return /* @__PURE__ */ React73__default.createElement(
792
+ chakra.label,
793
+ {
794
+ htmlFor: id,
795
+ ...getRootProps(),
796
+ "aria-label": String(children)
797
+ },
798
+ /* @__PURE__ */ React73__default.createElement(chakra.input, { ...input, id, disabled: state2.isDisabled }),
799
+ /* @__PURE__ */ React73__default.createElement(
800
+ chakra.div,
801
+ {
802
+ __css: styles3,
803
+ ...radio,
804
+ "data-checked": dataAttr(state2.isChecked),
805
+ "data-hover": dataAttr(state2.isHovered),
806
+ "data-focus": dataAttr(state2.isFocused),
807
+ "data-active": dataAttr(state2.isActive),
808
+ "data-disabled": dataAttr(state2.isDisabled),
809
+ ...props
810
+ },
811
+ children
812
+ )
813
+ );
814
+ }
815
+ );
816
+ var RadioCardGroup = ({
817
+ children,
818
+ name,
819
+ direction: direction2 = "row",
820
+ onChange,
821
+ defaultValue,
822
+ variant = "base",
823
+ ...props
824
+ }) => {
825
+ const { getRootProps, getRadioProps } = useRadioGroup({
826
+ defaultValue,
827
+ name,
828
+ onChange,
829
+ ...props
830
+ });
831
+ const group = getRootProps();
832
+ return /* @__PURE__ */ React73__default.createElement(Stack$1, { direction: direction2, ...group }, Children.map(
833
+ children,
834
+ (child) => {
835
+ const radio = getRadioProps({ value: child.props.value });
836
+ return React73__default.cloneElement(child, { ...radio, variant, ...props });
837
+ }
838
+ ));
839
+ };
840
+ var AccordionContext = React73__default.createContext(null);
782
841
  var AccordionProvider = ({
783
842
  size: size2,
784
843
  ...props
785
844
  }) => {
786
- return /* @__PURE__ */ React71__default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
845
+ return /* @__PURE__ */ React73__default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
787
846
  };
788
847
  var useAccordionContext = () => {
789
- const context = React71__default.useContext(AccordionContext);
848
+ const context = React73__default.useContext(AccordionContext);
790
849
  if (context === null) {
791
850
  throw new Error(
792
851
  "useAccordionContext must be used within AccordionProvider"
@@ -797,14 +856,14 @@ var useAccordionContext = () => {
797
856
  var Accordion = forwardRef(
798
857
  ({ children, spacing: spacing3 = 2, ...props }, ref) => {
799
858
  const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
800
- return /* @__PURE__ */ React71__default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React71__default.createElement(
859
+ return /* @__PURE__ */ React73__default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React73__default.createElement(
801
860
  Accordion$1,
802
861
  {
803
862
  ...props,
804
863
  ref,
805
864
  defaultIndex
806
865
  },
807
- /* @__PURE__ */ React71__default.createElement(Stack, { spacing: spacing3 }, children)
866
+ /* @__PURE__ */ React73__default.createElement(Stack, { spacing: spacing3 }, children)
808
867
  ));
809
868
  }
810
869
  );
@@ -820,7 +879,7 @@ var Expandable = ({
820
879
  },
821
880
  ...rest
822
881
  }) => {
823
- return /* @__PURE__ */ React71__default.createElement(
882
+ return /* @__PURE__ */ React73__default.createElement(
824
883
  Accordion,
825
884
  {
826
885
  ...rest,
@@ -830,7 +889,7 @@ var Expandable = ({
830
889
  size: size2,
831
890
  onChange: (expandedIndex) => onChange(expandedIndex === 0)
832
891
  },
833
- /* @__PURE__ */ React71__default.createElement(
892
+ /* @__PURE__ */ React73__default.createElement(
834
893
  ExpandableItem,
835
894
  {
836
895
  headingLevel,
@@ -850,7 +909,7 @@ var ExpandableItem = ({
850
909
  }) => {
851
910
  const { size: size2 } = useAccordionContext();
852
911
  warnAboutMismatchingIcon({ icon: leftIcon, size: size2 });
853
- return /* @__PURE__ */ React71__default.createElement(AccordionItem, { ...rest }, /* @__PURE__ */ React71__default.createElement(Box, { as: headingLevel }, /* @__PURE__ */ React71__default.createElement(AccordionButton, null, /* @__PURE__ */ React71__default.createElement(Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React71__default.createElement(Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React71__default.createElement(AccordionIcon, null))), /* @__PURE__ */ React71__default.createElement(AccordionPanel, null, children));
912
+ return /* @__PURE__ */ React73__default.createElement(AccordionItem, { ...rest }, /* @__PURE__ */ React73__default.createElement(Box, { as: headingLevel }, /* @__PURE__ */ React73__default.createElement(AccordionButton, null, /* @__PURE__ */ React73__default.createElement(Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React73__default.createElement(Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React73__default.createElement(AccordionIcon, null))), /* @__PURE__ */ React73__default.createElement(AccordionPanel, null, children));
854
913
  };
855
914
  var warnAboutMismatchingIcon = ({ icon, size: size2 }) => {
856
915
  var _a6, _b5;
@@ -899,7 +958,7 @@ function LanguageProvider({
899
958
  language,
900
959
  children
901
960
  }) {
902
- return /* @__PURE__ */ React71__default.createElement(LanguageContext.Provider, { value: language }, children);
961
+ return /* @__PURE__ */ React73__default.createElement(LanguageContext.Provider, { value: language }, children);
903
962
  }
904
963
  function useLanguage() {
905
964
  const language = useContext(LanguageContext);
@@ -931,11 +990,11 @@ function useHydrated() {
931
990
  // src/loader/ClientOnly.tsx
932
991
  var ClientOnly = ({ children, fallback = null }) => {
933
992
  const isHydrated = useHydrated();
934
- return /* @__PURE__ */ React71__default.createElement(React71__default.Fragment, null, isHydrated ? children() : fallback);
993
+ return /* @__PURE__ */ React73__default.createElement(React73__default.Fragment, null, isHydrated ? children() : fallback);
935
994
  };
936
995
  function Lottie({ animationData }) {
937
996
  const { View } = useLottie({ animationData, loop: true });
938
- return /* @__PURE__ */ React71__default.createElement(React71__default.Fragment, null, View);
997
+ return /* @__PURE__ */ React73__default.createElement(React73__default.Fragment, null, View);
939
998
  }
940
999
 
941
1000
  // src/loader/ColorInlineLoader.tsx
@@ -944,7 +1003,7 @@ var ColorInlineLoader = ({
944
1003
  maxWidth,
945
1004
  ...props
946
1005
  }) => {
947
- return /* @__PURE__ */ React71__default.createElement(Center, { ...props }, /* @__PURE__ */ React71__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React71__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__default.createElement(Lottie, { animationData: inlineLoaderColorData }))));
1006
+ return /* @__PURE__ */ React73__default.createElement(Center, { ...props }, /* @__PURE__ */ React73__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: inlineLoaderColorData }))));
948
1007
  };
949
1008
  var ColorSpinner = ({
950
1009
  children,
@@ -952,24 +1011,24 @@ var ColorSpinner = ({
952
1011
  maxWidth,
953
1012
  ...props
954
1013
  }) => {
955
- return /* @__PURE__ */ React71__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React71__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React71__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__default.createElement(Lottie, { animationData: spinnerColorData }))), children && /* @__PURE__ */ React71__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
1014
+ return /* @__PURE__ */ React73__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React73__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: spinnerColorData }))), children && /* @__PURE__ */ React73__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
956
1015
  };
957
1016
  var ContentLoader = ({ children, ...props }) => {
958
- return /* @__PURE__ */ React71__default.createElement(Box, { ...props }, /* @__PURE__ */ React71__default.createElement(Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React71__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__default.createElement(Lottie, { animationData: contentLoaderData }))), children && /* @__PURE__ */ React71__default.createElement(Box, { textAlign: "center", fontWeight: "bold" }, children));
1017
+ return /* @__PURE__ */ React73__default.createElement(Box, { ...props }, /* @__PURE__ */ React73__default.createElement(Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: contentLoaderData }))), children && /* @__PURE__ */ React73__default.createElement(Box, { textAlign: "center", fontWeight: "bold" }, children));
959
1018
  };
960
1019
  var DarkFullScreenLoader = ({
961
1020
  width,
962
1021
  maxWidth,
963
1022
  ...props
964
1023
  }) => {
965
- return /* @__PURE__ */ React71__default.createElement(Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React71__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React71__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__default.createElement(Lottie, { animationData: fullScreenLoaderWhiteData }))));
1024
+ return /* @__PURE__ */ React73__default.createElement(Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React73__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: fullScreenLoaderWhiteData }))));
966
1025
  };
967
1026
  var DarkInlineLoader = ({
968
1027
  width,
969
1028
  maxWidth,
970
1029
  ...props
971
1030
  }) => {
972
- return /* @__PURE__ */ React71__default.createElement(Center, { ...props }, /* @__PURE__ */ React71__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React71__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__default.createElement(Lottie, { animationData: inlineLoaderDarkData }))));
1031
+ return /* @__PURE__ */ React73__default.createElement(Center, { ...props }, /* @__PURE__ */ React73__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: inlineLoaderDarkData }))));
973
1032
  };
974
1033
  var DarkSpinner = ({
975
1034
  children,
@@ -979,21 +1038,21 @@ var DarkSpinner = ({
979
1038
  }) => {
980
1039
  const { colorMode } = useColorMode();
981
1040
  const spinnerData = colorMode === "dark" ? spinnerLightData : spinnerDarkData;
982
- return /* @__PURE__ */ React71__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React71__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React71__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React71__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
1041
+ return /* @__PURE__ */ React73__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React73__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React73__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
983
1042
  };
984
1043
  var LightFullScreenLoader = ({
985
1044
  width,
986
1045
  maxWidth,
987
1046
  ...props
988
1047
  }) => {
989
- return /* @__PURE__ */ React71__default.createElement(Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React71__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React71__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__default.createElement(Lottie, { animationData: fullScreenLoaderBlackData }))));
1048
+ return /* @__PURE__ */ React73__default.createElement(Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React73__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: fullScreenLoaderBlackData }))));
990
1049
  };
991
1050
  var LightInlineLoader = ({
992
1051
  width,
993
1052
  maxWidth,
994
1053
  ...props
995
1054
  }) => {
996
- return /* @__PURE__ */ React71__default.createElement(Center, { ...props }, /* @__PURE__ */ React71__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React71__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__default.createElement(Lottie, { animationData: inlineLoaderLightData }))));
1055
+ return /* @__PURE__ */ React73__default.createElement(Center, { ...props }, /* @__PURE__ */ React73__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: inlineLoaderLightData }))));
997
1056
  };
998
1057
  var LightSpinner = ({
999
1058
  children,
@@ -1001,7 +1060,7 @@ var LightSpinner = ({
1001
1060
  maxWidth,
1002
1061
  ...props
1003
1062
  }) => {
1004
- return /* @__PURE__ */ React71__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React71__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React71__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React71__default.createElement(Lottie, { animationData: spinnerLightData }))), children && /* @__PURE__ */ React71__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
1063
+ return /* @__PURE__ */ React73__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React73__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React73__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React73__default.createElement(Lottie, { animationData: spinnerLightData }))), children && /* @__PURE__ */ React73__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
1005
1064
  };
1006
1065
  var useRotatingLabel = ({ label, delay }) => {
1007
1066
  const loadingTextArray = useMemo(
@@ -1038,7 +1097,7 @@ var ProgressBar = ({
1038
1097
  "aria-label": ariaLabel || t2(texts.label(value))
1039
1098
  });
1040
1099
  const styles3 = useMultiStyleConfig("ProgressBar", {});
1041
- return /* @__PURE__ */ React71__default.createElement(React71__default.Fragment, null, /* @__PURE__ */ React71__default.createElement(
1100
+ return /* @__PURE__ */ React73__default.createElement(React73__default.Fragment, null, /* @__PURE__ */ React73__default.createElement(
1042
1101
  Box,
1043
1102
  {
1044
1103
  ...progressBarProps,
@@ -1046,8 +1105,8 @@ var ProgressBar = ({
1046
1105
  __css: styles3.container,
1047
1106
  ...rest
1048
1107
  },
1049
- /* @__PURE__ */ React71__default.createElement(Box, { width, __css: styles3.background }, /* @__PURE__ */ React71__default.createElement(Box, { __css: styles3.progress, height, width: `${value}%` })),
1050
- currentLoadingText && /* @__PURE__ */ React71__default.createElement(Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
1108
+ /* @__PURE__ */ React73__default.createElement(Box, { width, __css: styles3.background }, /* @__PURE__ */ React73__default.createElement(Box, { __css: styles3.progress, height, width: `${value}%` })),
1109
+ currentLoadingText && /* @__PURE__ */ React73__default.createElement(Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
1051
1110
  ));
1052
1111
  };
1053
1112
  var texts = createTexts({
@@ -1081,7 +1140,7 @@ var ProgressLoader = ({
1081
1140
  const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
1082
1141
  const progress = (value - 100) / 100 * progressPathLength;
1083
1142
  const id = useId();
1084
- return /* @__PURE__ */ React71__default.createElement(Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React71__default.createElement(Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React71__default.createElement(
1143
+ return /* @__PURE__ */ React73__default.createElement(Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React73__default.createElement(Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React73__default.createElement(
1085
1144
  Box,
1086
1145
  {
1087
1146
  as: "path",
@@ -1089,7 +1148,7 @@ var ProgressLoader = ({
1089
1148
  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",
1090
1149
  fill: "#FFB466"
1091
1150
  }
1092
- ), /* @__PURE__ */ React71__default.createElement(
1151
+ ), /* @__PURE__ */ React73__default.createElement(
1093
1152
  Box,
1094
1153
  {
1095
1154
  as: "path",
@@ -1100,7 +1159,7 @@ var ProgressLoader = ({
1100
1159
  strokeLinecap: "round",
1101
1160
  strokeLinejoin: "round"
1102
1161
  }
1103
- ), /* @__PURE__ */ React71__default.createElement(
1162
+ ), /* @__PURE__ */ React73__default.createElement(
1104
1163
  Box,
1105
1164
  {
1106
1165
  as: "path",
@@ -1115,7 +1174,7 @@ var ProgressLoader = ({
1115
1174
  transition: "stroke-dashoffset .2s ease-out",
1116
1175
  ref: pathRef
1117
1176
  }
1118
- ), /* @__PURE__ */ React71__default.createElement(
1177
+ ), /* @__PURE__ */ React73__default.createElement(
1119
1178
  Box,
1120
1179
  {
1121
1180
  as: "path",
@@ -1123,7 +1182,7 @@ var ProgressLoader = ({
1123
1182
  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",
1124
1183
  fill: "#688CBA"
1125
1184
  }
1126
- )), currentLoadingText && /* @__PURE__ */ React71__default.createElement(
1185
+ )), currentLoadingText && /* @__PURE__ */ React73__default.createElement(
1127
1186
  Text,
1128
1187
  {
1129
1188
  textAlign: "center",
@@ -1142,9 +1201,9 @@ var texts2 = createTexts({
1142
1201
  en: `${value}% done`
1143
1202
  })
1144
1203
  });
1145
- var Skeleton = forwardRef((props, ref) => /* @__PURE__ */ React71__default.createElement(Skeleton$1, { ...props, ref }));
1146
- var SkeletonCircle = (props) => /* @__PURE__ */ React71__default.createElement(SkeletonCircle$1, { boxSize: 6, borderRadius: "50%", ...props });
1147
- var SkeletonText = (props) => /* @__PURE__ */ React71__default.createElement(SkeletonText$1, { boxSize: 6, ...props });
1204
+ var Skeleton = forwardRef((props, ref) => /* @__PURE__ */ React73__default.createElement(Skeleton$1, { ...props, ref }));
1205
+ var SkeletonCircle = (props) => /* @__PURE__ */ React73__default.createElement(SkeletonCircle$1, { boxSize: 6, borderRadius: "50%", ...props });
1206
+ var SkeletonText = (props) => /* @__PURE__ */ React73__default.createElement(SkeletonText$1, { boxSize: 6, ...props });
1148
1207
 
1149
1208
  // src/button/Button.tsx
1150
1209
  var Button = forwardRef((props, ref) => {
@@ -1174,7 +1233,7 @@ var Button = forwardRef((props, ref) => {
1174
1233
  if (fontWeight) {
1175
1234
  styles3.fontWeight = fontWeight;
1176
1235
  }
1177
- return /* @__PURE__ */ React71__default.createElement(
1236
+ return /* @__PURE__ */ React73__default.createElement(
1178
1237
  Box,
1179
1238
  {
1180
1239
  ...rest,
@@ -1187,7 +1246,7 @@ var Button = forwardRef((props, ref) => {
1187
1246
  disabled: isDisabled || isLoading,
1188
1247
  position: "relative"
1189
1248
  },
1190
- isLoading && /* @__PURE__ */ React71__default.createElement(Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React71__default.createElement(
1249
+ isLoading && /* @__PURE__ */ React73__default.createElement(Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React73__default.createElement(
1191
1250
  ColorInlineLoader,
1192
1251
  {
1193
1252
  maxWidth: getLoaderWidth(finalSize),
@@ -1196,7 +1255,7 @@ var Button = forwardRef((props, ref) => {
1196
1255
  marginY: 2
1197
1256
  }
1198
1257
  )),
1199
- /* @__PURE__ */ React71__default.createElement(
1258
+ /* @__PURE__ */ React73__default.createElement(
1200
1259
  Flex,
1201
1260
  {
1202
1261
  gap: 1,
@@ -1206,7 +1265,7 @@ var Button = forwardRef((props, ref) => {
1206
1265
  visibility: isLoading ? "hidden" : "visible",
1207
1266
  "aria-hidden": isLoading
1208
1267
  },
1209
- /* @__PURE__ */ React71__default.createElement(Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React71__default.createElement(
1268
+ /* @__PURE__ */ React73__default.createElement(Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React73__default.createElement(
1210
1269
  Box,
1211
1270
  {
1212
1271
  visibility: isLoading ? "hidden" : "visible",
@@ -1247,14 +1306,14 @@ var texts3 = createTexts({
1247
1306
  sv: "Laddar\u2026"
1248
1307
  }
1249
1308
  });
1250
- var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */ React71__default.createElement(ButtonGroup$1, { ...props, ref }));
1309
+ var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */ React73__default.createElement(ButtonGroup$1, { ...props, ref }));
1251
1310
  var IconButton = forwardRef(
1252
- ({ ...props }, ref) => /* @__PURE__ */ React71__default.createElement(
1311
+ ({ ...props }, ref) => /* @__PURE__ */ React73__default.createElement(
1253
1312
  IconButton$1,
1254
1313
  {
1255
1314
  title: props["aria-label"],
1256
1315
  ...props,
1257
- spinner: /* @__PURE__ */ React71__default.createElement(ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
1316
+ spinner: /* @__PURE__ */ React73__default.createElement(ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
1258
1317
  ref
1259
1318
  }
1260
1319
  )
@@ -1264,7 +1323,7 @@ var IconButton = forwardRef(
1264
1323
  var CloseButton = forwardRef(
1265
1324
  ({ size: size2 = "sm", ...props }, ref) => {
1266
1325
  const { t: t2 } = useTranslation();
1267
- return /* @__PURE__ */ React71__default.createElement(
1326
+ return /* @__PURE__ */ React73__default.createElement(
1268
1327
  IconButton,
1269
1328
  {
1270
1329
  ref,
@@ -1281,11 +1340,11 @@ var getIcon = (size2) => {
1281
1340
  switch (size2) {
1282
1341
  case "xs":
1283
1342
  case "sm":
1284
- return /* @__PURE__ */ React71__default.createElement(CloseFill18Icon, null);
1343
+ return /* @__PURE__ */ React73__default.createElement(CloseFill18Icon, null);
1285
1344
  case "md":
1286
- return /* @__PURE__ */ React71__default.createElement(CloseFill24Icon, null);
1345
+ return /* @__PURE__ */ React73__default.createElement(CloseFill24Icon, null);
1287
1346
  case "lg":
1288
- return /* @__PURE__ */ React71__default.createElement(CloseFill30Icon, null);
1347
+ return /* @__PURE__ */ React73__default.createElement(CloseFill30Icon, null);
1289
1348
  }
1290
1349
  };
1291
1350
  var texts4 = createTexts({
@@ -1307,7 +1366,7 @@ var FloatingActionButton = forwardRef(
1307
1366
  placement = "bottom right",
1308
1367
  ...props
1309
1368
  }, ref) => {
1310
- const [isTextVisible, setIsTextVisible] = React71__default.useState(
1369
+ const [isTextVisible, setIsTextVisible] = React73__default.useState(
1311
1370
  externalIsTextVisible !== void 0 ? externalIsTextVisible : false
1312
1371
  );
1313
1372
  const scrollDirection = useScrollDirection();
@@ -1329,7 +1388,7 @@ var FloatingActionButton = forwardRef(
1329
1388
  isTextVisible,
1330
1389
  placement
1331
1390
  });
1332
- return /* @__PURE__ */ React71__default.createElement(
1391
+ return /* @__PURE__ */ React73__default.createElement(
1333
1392
  MotionBox,
1334
1393
  {
1335
1394
  __css: style.container,
@@ -1337,8 +1396,8 @@ var FloatingActionButton = forwardRef(
1337
1396
  ref,
1338
1397
  ...props
1339
1398
  },
1340
- /* @__PURE__ */ React71__default.createElement(Box, { __css: style.icon }, icon),
1341
- /* @__PURE__ */ React71__default.createElement(
1399
+ /* @__PURE__ */ React73__default.createElement(Box, { __css: style.icon }, icon),
1400
+ /* @__PURE__ */ React73__default.createElement(
1342
1401
  MotionBox,
1343
1402
  {
1344
1403
  animate: isTextVisible ? "show" : "hide",
@@ -1363,11 +1422,11 @@ var FloatingActionButton = forwardRef(
1363
1422
  }
1364
1423
  );
1365
1424
  var useScrollDirection = () => {
1366
- const [scrollDirection, setScrollDirection] = React71__default.useState(null);
1367
- const lastScrollPosition = React71__default.useRef(
1425
+ const [scrollDirection, setScrollDirection] = React73__default.useState(null);
1426
+ const lastScrollPosition = React73__default.useRef(
1368
1427
  typeof window !== "undefined" ? window.scrollY : 0
1369
1428
  );
1370
- React71__default.useEffect(() => {
1429
+ React73__default.useEffect(() => {
1371
1430
  const onScroll = () => {
1372
1431
  const delta = window.scrollY - lastScrollPosition.current;
1373
1432
  if (delta === 0) {
@@ -1386,7 +1445,7 @@ var useScrollDirection = () => {
1386
1445
  var AlertIcon = ({ variant }) => {
1387
1446
  const Icon = getIcon2(variant);
1388
1447
  const { t: t2 } = useTranslation();
1389
- return /* @__PURE__ */ React71__default.createElement(
1448
+ return /* @__PURE__ */ React73__default.createElement(
1390
1449
  Icon,
1391
1450
  {
1392
1451
  flexShrink: 0,
@@ -1448,7 +1507,7 @@ var BaseAlert = ({
1448
1507
  ...boxProps
1449
1508
  }) => {
1450
1509
  const styles3 = useMultiStyleConfig("Alert", { variant });
1451
- return /* @__PURE__ */ React71__default.createElement(Box, { __css: styles3.container, ...boxProps }, children);
1510
+ return /* @__PURE__ */ React73__default.createElement(Box, { __css: styles3.container, ...boxProps }, children);
1452
1511
  };
1453
1512
 
1454
1513
  // src/alert/ClosableAlert.tsx
@@ -1468,17 +1527,17 @@ var ClosableAlert = ({
1468
1527
  externalOnClose();
1469
1528
  onClose();
1470
1529
  };
1471
- return /* @__PURE__ */ React71__default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React71__default.createElement(
1530
+ return /* @__PURE__ */ React73__default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React73__default.createElement(
1472
1531
  IconButton,
1473
1532
  {
1474
1533
  variant: "ghost",
1475
1534
  size: "sm",
1476
1535
  onClick: handleClose,
1477
- icon: /* @__PURE__ */ React71__default.createElement(CloseFill18Icon, null),
1536
+ icon: /* @__PURE__ */ React73__default.createElement(CloseFill18Icon, null),
1478
1537
  "aria-label": t2(texts6.close),
1479
1538
  sx: styles3.closeButton
1480
1539
  }
1481
- ), /* @__PURE__ */ React71__default.createElement(AlertIcon, { variant }), children);
1540
+ ), /* @__PURE__ */ React73__default.createElement(AlertIcon, { variant }), children);
1482
1541
  };
1483
1542
  var texts6 = createTexts({
1484
1543
  close: {
@@ -1499,7 +1558,7 @@ var ExpandableAlert = ({
1499
1558
  ...boxProps
1500
1559
  }) => {
1501
1560
  const styles3 = useMultiStyleConfig("AlertExpandable", { variant });
1502
- return /* @__PURE__ */ React71__default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React71__default.createElement(
1561
+ return /* @__PURE__ */ React73__default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React73__default.createElement(
1503
1562
  Accordion$1,
1504
1563
  {
1505
1564
  onChange: (expandedIndex) => onToggle(expandedIndex === 0),
@@ -1507,14 +1566,14 @@ var ExpandableAlert = ({
1507
1566
  allowToggle: true,
1508
1567
  flexGrow: "1"
1509
1568
  },
1510
- /* @__PURE__ */ React71__default.createElement(AccordionItem, null, /* @__PURE__ */ React71__default.createElement(AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React71__default.createElement(
1569
+ /* @__PURE__ */ React73__default.createElement(AccordionItem, null, /* @__PURE__ */ React73__default.createElement(AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React73__default.createElement(
1511
1570
  Flex,
1512
1571
  {
1513
1572
  justifyContent: "space-between",
1514
1573
  alignItems: "center",
1515
1574
  flexGrow: "1"
1516
1575
  },
1517
- /* @__PURE__ */ React71__default.createElement(Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React71__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React71__default.createElement(
1576
+ /* @__PURE__ */ React73__default.createElement(Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React73__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React73__default.createElement(
1518
1577
  Box,
1519
1578
  {
1520
1579
  as: "span",
@@ -1528,19 +1587,19 @@ var ExpandableAlert = ({
1528
1587
  },
1529
1588
  title
1530
1589
  )),
1531
- /* @__PURE__ */ React71__default.createElement(AccordionIcon, null)
1532
- )), /* @__PURE__ */ React71__default.createElement(AccordionPanel, null, children))
1590
+ /* @__PURE__ */ React73__default.createElement(AccordionIcon, null)
1591
+ )), /* @__PURE__ */ React73__default.createElement(AccordionPanel, null, children))
1533
1592
  ));
1534
1593
  };
1535
1594
  var StaticAlert = ({ children, ...props }) => {
1536
- return /* @__PURE__ */ React71__default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React71__default.createElement(AlertIcon, { variant: props.variant }), children);
1595
+ return /* @__PURE__ */ React73__default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React73__default.createElement(AlertIcon, { variant: props.variant }), children);
1537
1596
  };
1538
1597
  var Breadcrumb = (props) => {
1539
1598
  const iconColor = useColorModeValue("blackAlpha.400", "whiteAlpha.400");
1540
- return /* @__PURE__ */ React71__default.createElement(
1599
+ return /* @__PURE__ */ React73__default.createElement(
1541
1600
  Breadcrumb$1,
1542
1601
  {
1543
- separator: /* @__PURE__ */ React71__default.createElement(DropdownRightFill18Icon, { color: iconColor }),
1602
+ separator: /* @__PURE__ */ React73__default.createElement(DropdownRightFill18Icon, { color: iconColor }),
1544
1603
  ...props
1545
1604
  }
1546
1605
  );
@@ -1553,12 +1612,12 @@ var Card = forwardRef(
1553
1612
  colorScheme,
1554
1613
  size: size2
1555
1614
  });
1556
- return /* @__PURE__ */ React71__default.createElement(Box, { __css: styles3, ...props, ref }, children);
1615
+ return /* @__PURE__ */ React73__default.createElement(Box, { __css: styles3, ...props, ref }, children);
1557
1616
  }
1558
1617
  );
1559
1618
  var StaticCard = ({ colorScheme, ...props }) => {
1560
1619
  const styles3 = useStyleConfig("StaticCard", { colorScheme });
1561
- return /* @__PURE__ */ React71__default.createElement(Box, { __css: styles3, ...props });
1620
+ return /* @__PURE__ */ React73__default.createElement(Box, { __css: styles3, ...props });
1562
1621
  };
1563
1622
  var PressableCard = ({
1564
1623
  children,
@@ -1568,11 +1627,11 @@ var PressableCard = ({
1568
1627
  ...props
1569
1628
  }) => {
1570
1629
  const styles3 = useStyleConfig("PressableCard", { variant, size: size2 });
1571
- return /* @__PURE__ */ React71__default.createElement(Box, { as, __css: styles3, ...props }, children);
1630
+ return /* @__PURE__ */ React73__default.createElement(Box, { as, __css: styles3, ...props }, children);
1572
1631
  };
1573
1632
  var Badge = forwardRef(
1574
1633
  ({ icon, colorScheme = "grey", children, ...props }, ref) => {
1575
- return /* @__PURE__ */ React71__default.createElement(
1634
+ return /* @__PURE__ */ React73__default.createElement(
1576
1635
  Badge$1,
1577
1636
  {
1578
1637
  colorScheme,
@@ -1580,12 +1639,12 @@ var Badge = forwardRef(
1580
1639
  paddingLeft: icon ? 1 : void 0,
1581
1640
  ref
1582
1641
  },
1583
- icon && React71__default.cloneElement(icon, { marginRight: 1 }),
1642
+ icon && React73__default.cloneElement(icon, { marginRight: 1 }),
1584
1643
  children
1585
1644
  );
1586
1645
  }
1587
1646
  );
1588
- var Code = forwardRef((props, ref) => /* @__PURE__ */ React71__default.createElement(Code$1, { ...props, ref }));
1647
+ var Code = forwardRef((props, ref) => /* @__PURE__ */ React73__default.createElement(Code$1, { ...props, ref }));
1589
1648
  var Heading = ({
1590
1649
  as,
1591
1650
  variant = "xl-display",
@@ -1595,11 +1654,11 @@ var Heading = ({
1595
1654
  }) => {
1596
1655
  const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
1597
1656
  const color2 = useColorModeValue("text.primary.light", "text.primary.dark");
1598
- return /* @__PURE__ */ React71__default.createElement(Text, { as, textStyle: variant, id, color: color2, ...props });
1657
+ return /* @__PURE__ */ React73__default.createElement(Text, { as, textStyle: variant, id, color: color2, ...props });
1599
1658
  };
1600
1659
  var Text4 = forwardRef(
1601
1660
  ({ variant = "sm", ...props }, ref) => {
1602
- return /* @__PURE__ */ React71__default.createElement(Text, { ...props, textStyle: variant, ref });
1661
+ return /* @__PURE__ */ React73__default.createElement(Text, { ...props, textStyle: variant, ref });
1603
1662
  }
1604
1663
  );
1605
1664
  function CalendarCell({
@@ -1642,7 +1701,7 @@ function CalendarCell({
1642
1701
  { passive: false, once: true }
1643
1702
  );
1644
1703
  }, []);
1645
- return /* @__PURE__ */ React71__default.createElement(
1704
+ return /* @__PURE__ */ React73__default.createElement(
1646
1705
  Box,
1647
1706
  {
1648
1707
  as: "td",
@@ -1665,7 +1724,7 @@ function CalendarCell({
1665
1724
  }
1666
1725
  }
1667
1726
  },
1668
- /* @__PURE__ */ React71__default.createElement(
1727
+ /* @__PURE__ */ React73__default.createElement(
1669
1728
  Box,
1670
1729
  {
1671
1730
  as: "button",
@@ -1728,8 +1787,8 @@ function CalendarGrid({
1728
1787
  const weeksInMonth = getWeeksInMonth(state2.visibleRange.start, locale);
1729
1788
  const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
1730
1789
  const styles3 = useMultiStyleConfig("Datepicker", { variant });
1731
- return /* @__PURE__ */ React71__default.createElement("table", { ...gridProps }, /* @__PURE__ */ React71__default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React71__default.createElement("tr", null, weekDays[language].map((day, index) => {
1732
- return /* @__PURE__ */ React71__default.createElement(
1790
+ return /* @__PURE__ */ React73__default.createElement("table", { ...gridProps }, /* @__PURE__ */ React73__default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React73__default.createElement("tr", null, weekDays[language].map((day, index) => {
1791
+ return /* @__PURE__ */ React73__default.createElement(
1733
1792
  Text4,
1734
1793
  {
1735
1794
  as: "th",
@@ -1739,8 +1798,8 @@ function CalendarGrid({
1739
1798
  },
1740
1799
  day
1741
1800
  );
1742
- }))), /* @__PURE__ */ React71__default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React71__default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
1743
- (date, dayIndex) => date ? /* @__PURE__ */ React71__default.createElement(
1801
+ }))), /* @__PURE__ */ React73__default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React73__default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
1802
+ (date, dayIndex) => date ? /* @__PURE__ */ React73__default.createElement(
1744
1803
  CalendarCell,
1745
1804
  {
1746
1805
  variant,
@@ -1749,7 +1808,7 @@ function CalendarGrid({
1749
1808
  date,
1750
1809
  currentMonth: startDate
1751
1810
  }
1752
- ) : /* @__PURE__ */ React71__default.createElement("td", { key: dayIndex })
1811
+ ) : /* @__PURE__ */ React73__default.createElement("td", { key: dayIndex })
1753
1812
  )))));
1754
1813
  }
1755
1814
  function CalendarNavigationButton({
@@ -1759,7 +1818,7 @@ function CalendarNavigationButton({
1759
1818
  }) {
1760
1819
  const ref = useRef(null);
1761
1820
  const { buttonProps } = useButton(rest, ref);
1762
- return /* @__PURE__ */ React71__default.createElement(
1821
+ return /* @__PURE__ */ React73__default.createElement(
1763
1822
  IconButton,
1764
1823
  {
1765
1824
  ...buttonProps,
@@ -1793,7 +1852,7 @@ function CalendarHeader({
1793
1852
  );
1794
1853
  const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
1795
1854
  const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
1796
- return /* @__PURE__ */ React71__default.createElement(Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React71__default.createElement(
1855
+ return /* @__PURE__ */ React73__default.createElement(Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React73__default.createElement(
1797
1856
  CalendarNavigator,
1798
1857
  {
1799
1858
  title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
@@ -1803,7 +1862,7 @@ function CalendarHeader({
1803
1862
  isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
1804
1863
  isPreviousDisabled: !state2.isNextVisibleRangeInvalid
1805
1864
  }
1806
- ), isYearPickerVisible && /* @__PURE__ */ React71__default.createElement(
1865
+ ), isYearPickerVisible && /* @__PURE__ */ React73__default.createElement(
1807
1866
  CalendarNavigator,
1808
1867
  {
1809
1868
  title: jsDate.getFullYear().toString(),
@@ -1825,15 +1884,15 @@ var CalendarNavigator = ({
1825
1884
  isNextDisabled
1826
1885
  }) => {
1827
1886
  const { t: t2 } = useTranslation();
1828
- return /* @__PURE__ */ React71__default.createElement(Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React71__default.createElement(
1887
+ return /* @__PURE__ */ React73__default.createElement(Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React73__default.createElement(
1829
1888
  CalendarNavigationButton,
1830
1889
  {
1831
1890
  onPress: onPrevious,
1832
1891
  isDisabled: isPreviousDisabled,
1833
- icon: /* @__PURE__ */ React71__default.createElement(ArrowLeftOutline24Icon, null),
1892
+ icon: /* @__PURE__ */ React73__default.createElement(ArrowLeftOutline24Icon, null),
1834
1893
  "aria-label": `${t2(texts7.previous)} ${t2(texts7[unit])}`
1835
1894
  }
1836
- ), /* @__PURE__ */ React71__default.createElement(
1895
+ ), /* @__PURE__ */ React73__default.createElement(
1837
1896
  Heading,
1838
1897
  {
1839
1898
  as: "div",
@@ -1844,12 +1903,12 @@ var CalendarNavigator = ({
1844
1903
  textAlign: "center"
1845
1904
  },
1846
1905
  capitalize(title)
1847
- ), /* @__PURE__ */ React71__default.createElement(
1906
+ ), /* @__PURE__ */ React73__default.createElement(
1848
1907
  CalendarNavigationButton,
1849
1908
  {
1850
1909
  onPress: onNext,
1851
1910
  isDisabled: isNextDisabled,
1852
- icon: /* @__PURE__ */ React71__default.createElement(ArrowRightOutline24Icon, null),
1911
+ icon: /* @__PURE__ */ React73__default.createElement(ArrowRightOutline24Icon, null),
1853
1912
  "aria-label": `${t2(texts7.next)} ${t2(texts7[unit])}`
1854
1913
  }
1855
1914
  ));
@@ -1897,7 +1956,7 @@ function Calendar({
1897
1956
  const { calendarProps } = useCalendar(props, state2);
1898
1957
  const calendarAriaLabel = calendarProps["aria-label"];
1899
1958
  const ariaLabel = t2(texts8.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
1900
- return /* @__PURE__ */ React71__default.createElement(Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React71__default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React71__default.createElement(CalendarGrid, { variant, state: state2 }));
1959
+ return /* @__PURE__ */ React73__default.createElement(Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React73__default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React73__default.createElement(CalendarGrid, { variant, state: state2 }));
1901
1960
  }
1902
1961
  var texts8 = createTexts({
1903
1962
  calendar: {
@@ -1918,7 +1977,7 @@ var CalendarTriggerButton = forwardRef(
1918
1977
  onPress(event);
1919
1978
  }
1920
1979
  };
1921
- return /* @__PURE__ */ React71__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React71__default.createElement(
1980
+ return /* @__PURE__ */ React73__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React73__default.createElement(
1922
1981
  Box,
1923
1982
  {
1924
1983
  ref,
@@ -1929,7 +1988,7 @@ var CalendarTriggerButton = forwardRef(
1929
1988
  ...filteredButtonProps,
1930
1989
  onKeyUp: handleOnPress
1931
1990
  },
1932
- /* @__PURE__ */ React71__default.createElement(CalendarOutline24Icon, null)
1991
+ /* @__PURE__ */ React73__default.createElement(CalendarOutline24Icon, null)
1933
1992
  ));
1934
1993
  }
1935
1994
  );
@@ -1954,7 +2013,7 @@ var DateTimeSegment = forwardRef$1(
1954
2013
  isPlaceholder: segment.isPlaceholder,
1955
2014
  isEditable: segment.isEditable
1956
2015
  });
1957
- return /* @__PURE__ */ React71__default.createElement(
2016
+ return /* @__PURE__ */ React73__default.createElement(
1958
2017
  Box,
1959
2018
  {
1960
2019
  ...segmentProps,
@@ -2005,7 +2064,7 @@ var DateField = forwardRef$1(
2005
2064
  state2,
2006
2065
  ref
2007
2066
  );
2008
- return /* @__PURE__ */ React71__default.createElement(Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React71__default.createElement(
2067
+ return /* @__PURE__ */ React73__default.createElement(Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React73__default.createElement(
2009
2068
  FormLabel,
2010
2069
  {
2011
2070
  ...props.labelProps,
@@ -2015,7 +2074,7 @@ var DateField = forwardRef$1(
2015
2074
  paddingTop: "2px"
2016
2075
  },
2017
2076
  props.label
2018
- ), /* @__PURE__ */ React71__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React71__default.createElement(DateTimeSegment, { key: i, segment, state: state2 }))), /* @__PURE__ */ React71__default.createElement(
2077
+ ), /* @__PURE__ */ React73__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React73__default.createElement(DateTimeSegment, { key: i, segment, state: state2 }))), /* @__PURE__ */ React73__default.createElement(
2019
2078
  "input",
2020
2079
  {
2021
2080
  type: "hidden",
@@ -2031,7 +2090,7 @@ var StyledField = forwardRef(
2031
2090
  isInvalid: false
2032
2091
  };
2033
2092
  const styles3 = useMultiStyleConfig("Datepicker", { variant });
2034
- return /* @__PURE__ */ React71__default.createElement(
2093
+ return /* @__PURE__ */ React73__default.createElement(
2035
2094
  Box,
2036
2095
  {
2037
2096
  ...otherProps,
@@ -2083,7 +2142,7 @@ var DatePicker = forwardRef$1(
2083
2142
  const onFieldClick = () => {
2084
2143
  state2.setOpen(true);
2085
2144
  };
2086
- const popoverContent = /* @__PURE__ */ React71__default.createElement(PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React71__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React71__default.createElement(PopoverBody, null, /* @__PURE__ */ React71__default.createElement(FocusLock, null, /* @__PURE__ */ React71__default.createElement(
2145
+ const popoverContent = /* @__PURE__ */ React73__default.createElement(PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React73__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React73__default.createElement(PopoverBody, null, /* @__PURE__ */ React73__default.createElement(FocusLock, null, /* @__PURE__ */ React73__default.createElement(
2087
2146
  Calendar,
2088
2147
  {
2089
2148
  ...calendarProps,
@@ -2091,7 +2150,7 @@ var DatePicker = forwardRef$1(
2091
2150
  showYearNavigation
2092
2151
  }
2093
2152
  ))));
2094
- return /* @__PURE__ */ React71__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React71__default.createElement(
2153
+ return /* @__PURE__ */ React73__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React73__default.createElement(
2095
2154
  Box,
2096
2155
  {
2097
2156
  position: "relative",
@@ -2099,7 +2158,7 @@ var DatePicker = forwardRef$1(
2099
2158
  flexDirection: "column",
2100
2159
  width
2101
2160
  },
2102
- /* @__PURE__ */ React71__default.createElement(
2161
+ /* @__PURE__ */ React73__default.createElement(
2103
2162
  Popover,
2104
2163
  {
2105
2164
  ...dialogProps,
@@ -2108,7 +2167,7 @@ var DatePicker = forwardRef$1(
2108
2167
  onClose: state2.close,
2109
2168
  flip: false
2110
2169
  },
2111
- /* @__PURE__ */ React71__default.createElement(InputGroup, { ...groupProps, display: "inline-flex" }, /* @__PURE__ */ React71__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React71__default.createElement(
2170
+ /* @__PURE__ */ React73__default.createElement(InputGroup, { ...groupProps, display: "inline-flex" }, /* @__PURE__ */ React73__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React73__default.createElement(
2112
2171
  StyledField,
2113
2172
  {
2114
2173
  variant,
@@ -2116,7 +2175,7 @@ var DatePicker = forwardRef$1(
2116
2175
  paddingX: 3,
2117
2176
  minHeight
2118
2177
  },
2119
- /* @__PURE__ */ React71__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React71__default.createElement(
2178
+ /* @__PURE__ */ React73__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React73__default.createElement(
2120
2179
  CalendarTriggerButton,
2121
2180
  {
2122
2181
  variant,
@@ -2124,7 +2183,7 @@ var DatePicker = forwardRef$1(
2124
2183
  ...buttonProps
2125
2184
  }
2126
2185
  )),
2127
- /* @__PURE__ */ React71__default.createElement(
2186
+ /* @__PURE__ */ React73__default.createElement(
2128
2187
  DateField,
2129
2188
  {
2130
2189
  label: props.label,
@@ -2134,8 +2193,8 @@ var DatePicker = forwardRef$1(
2134
2193
  }
2135
2194
  )
2136
2195
  ))),
2137
- /* @__PURE__ */ React71__default.createElement(FormErrorMessage, { ...errorMessageProps }, errorMessage),
2138
- state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React71__default.createElement(Portal, null, popoverContent),
2196
+ /* @__PURE__ */ React73__default.createElement(FormErrorMessage, { ...errorMessageProps }, errorMessage),
2197
+ state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React73__default.createElement(Portal, null, popoverContent),
2139
2198
  state2.isOpen && !props.isDisabled && !withPortal && popoverContent
2140
2199
  )
2141
2200
  ));
@@ -2151,7 +2210,7 @@ function RangeCalendar(props) {
2151
2210
  });
2152
2211
  const ref = useRef(null);
2153
2212
  const { calendarProps, title } = useRangeCalendar(props, state2, ref);
2154
- return /* @__PURE__ */ React71__default.createElement(Box, { ...calendarProps, ref }, /* @__PURE__ */ React71__default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React71__default.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React71__default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React71__default.createElement(
2213
+ return /* @__PURE__ */ React73__default.createElement(Box, { ...calendarProps, ref }, /* @__PURE__ */ React73__default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React73__default.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React73__default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React73__default.createElement(
2155
2214
  CalendarGrid,
2156
2215
  {
2157
2216
  variant: props.variant,
@@ -2198,8 +2257,8 @@ function DateRangePicker({
2198
2257
  const onFieldClick = () => {
2199
2258
  state2.setOpen(true);
2200
2259
  };
2201
- const popoverContent = /* @__PURE__ */ React71__default.createElement(PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React71__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React71__default.createElement(PopoverBody, null, /* @__PURE__ */ React71__default.createElement(FocusLock, null, /* @__PURE__ */ React71__default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
2202
- return /* @__PURE__ */ React71__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React71__default.createElement(Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React71__default.createElement(FormLabel, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React71__default.createElement(
2260
+ const popoverContent = /* @__PURE__ */ React73__default.createElement(PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React73__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React73__default.createElement(PopoverBody, null, /* @__PURE__ */ React73__default.createElement(FocusLock, null, /* @__PURE__ */ React73__default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
2261
+ return /* @__PURE__ */ React73__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React73__default.createElement(Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React73__default.createElement(FormLabel, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React73__default.createElement(
2203
2262
  Popover,
2204
2263
  {
2205
2264
  ...dialogProps,
@@ -2208,7 +2267,7 @@ function DateRangePicker({
2208
2267
  onClose: state2.close,
2209
2268
  flip: false
2210
2269
  },
2211
- /* @__PURE__ */ React71__default.createElement(InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React71__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React71__default.createElement(
2270
+ /* @__PURE__ */ React73__default.createElement(InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React73__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React73__default.createElement(
2212
2271
  StyledField,
2213
2272
  {
2214
2273
  alignItems: "center",
@@ -2218,7 +2277,7 @@ function DateRangePicker({
2218
2277
  onKeyPress: handleEnterClick,
2219
2278
  minHeight
2220
2279
  },
2221
- variant && /* @__PURE__ */ React71__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React71__default.createElement(
2280
+ variant && /* @__PURE__ */ React73__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React73__default.createElement(
2222
2281
  CalendarTriggerButton,
2223
2282
  {
2224
2283
  paddingLeft: 1,
@@ -2228,7 +2287,7 @@ function DateRangePicker({
2228
2287
  ...buttonProps
2229
2288
  }
2230
2289
  )),
2231
- /* @__PURE__ */ React71__default.createElement(
2290
+ /* @__PURE__ */ React73__default.createElement(
2232
2291
  DateField,
2233
2292
  {
2234
2293
  ...startFieldProps,
@@ -2237,8 +2296,8 @@ function DateRangePicker({
2237
2296
  labelProps
2238
2297
  }
2239
2298
  ),
2240
- /* @__PURE__ */ React71__default.createElement(Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
2241
- /* @__PURE__ */ React71__default.createElement(
2299
+ /* @__PURE__ */ React73__default.createElement(Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
2300
+ /* @__PURE__ */ React73__default.createElement(
2242
2301
  DateField,
2243
2302
  {
2244
2303
  ...endFieldProps,
@@ -2248,14 +2307,14 @@ function DateRangePicker({
2248
2307
  }
2249
2308
  )
2250
2309
  ))),
2251
- state2.isOpen && withPortal && /* @__PURE__ */ React71__default.createElement(Portal, null, popoverContent),
2310
+ state2.isOpen && withPortal && /* @__PURE__ */ React73__default.createElement(Portal, null, popoverContent),
2252
2311
  state2.isOpen && !withPortal && popoverContent
2253
2312
  )));
2254
2313
  }
2255
2314
  var TimeField = ({ state: state2, ...props }) => {
2256
2315
  const ref = useRef(null);
2257
2316
  const { labelProps, fieldProps } = useTimeField(props, state2, ref);
2258
- return /* @__PURE__ */ React71__default.createElement(Box, null, /* @__PURE__ */ React71__default.createElement(
2317
+ return /* @__PURE__ */ React73__default.createElement(Box, null, /* @__PURE__ */ React73__default.createElement(
2259
2318
  FormLabel3,
2260
2319
  {
2261
2320
  ...labelProps,
@@ -2267,7 +2326,7 @@ var TimeField = ({ state: state2, ...props }) => {
2267
2326
  paddingTop: "2px"
2268
2327
  },
2269
2328
  props.label
2270
- ), /* @__PURE__ */ React71__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React71__default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React71__default.createElement(
2329
+ ), /* @__PURE__ */ React73__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React73__default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React73__default.createElement(
2271
2330
  "input",
2272
2331
  {
2273
2332
  type: "hidden",
@@ -2336,7 +2395,7 @@ var TimePicker = ({
2336
2395
  const ariaLabel = `${inputLabel} \u2013 ${t2(
2337
2396
  texts10.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
2338
2397
  )}`;
2339
- return /* @__PURE__ */ React71__default.createElement(
2398
+ return /* @__PURE__ */ React73__default.createElement(
2340
2399
  StyledField,
2341
2400
  {
2342
2401
  variant: "base",
@@ -2352,7 +2411,7 @@ var TimePicker = ({
2352
2411
  "aria-label": ariaLabel,
2353
2412
  ...boxProps
2354
2413
  },
2355
- /* @__PURE__ */ React71__default.createElement(
2414
+ /* @__PURE__ */ React73__default.createElement(
2356
2415
  IconButton,
2357
2416
  {
2358
2417
  variant: "ghost",
@@ -2360,14 +2419,14 @@ var TimePicker = ({
2360
2419
  borderRadius: "xs",
2361
2420
  "aria-label": backwardsLabel,
2362
2421
  title: backwardsLabel,
2363
- icon: /* @__PURE__ */ React71__default.createElement(DropdownLeftFill18Icon, null),
2422
+ icon: /* @__PURE__ */ React73__default.createElement(DropdownLeftFill18Icon, null),
2364
2423
  onClick: handleBackwardsClick,
2365
2424
  isDisabled,
2366
2425
  style: isDisabled ? { backgroundColor: "transparent" } : {}
2367
2426
  }
2368
2427
  ),
2369
- /* @__PURE__ */ React71__default.createElement(TimeField, { label, state: state2, name }),
2370
- /* @__PURE__ */ React71__default.createElement(
2428
+ /* @__PURE__ */ React73__default.createElement(TimeField, { label, state: state2, name }),
2429
+ /* @__PURE__ */ React73__default.createElement(
2371
2430
  IconButton,
2372
2431
  {
2373
2432
  variant: "ghost",
@@ -2375,7 +2434,7 @@ var TimePicker = ({
2375
2434
  borderRadius: "xs",
2376
2435
  "aria-label": forwardsLabel,
2377
2436
  title: forwardsLabel,
2378
- icon: /* @__PURE__ */ React71__default.createElement(DropdownRightFill18Icon, null),
2437
+ icon: /* @__PURE__ */ React73__default.createElement(DropdownRightFill18Icon, null),
2379
2438
  onClick: handleForwardClick,
2380
2439
  isDisabled,
2381
2440
  style: isDisabled ? { backgroundColor: "transparent" } : {}
@@ -2444,7 +2503,7 @@ var AttachedInputs = ({
2444
2503
  }
2445
2504
  };
2446
2505
  const direction2 = flexDirection === "row" ? "horizontal" : "vertical";
2447
- return /* @__PURE__ */ React71__default.createElement(
2506
+ return /* @__PURE__ */ React73__default.createElement(
2448
2507
  Flex,
2449
2508
  {
2450
2509
  role: "group",
@@ -2458,7 +2517,7 @@ var AttachedInputs = ({
2458
2517
  var Dialog = ({ title, children, ...props }) => {
2459
2518
  const ref = useRef(null);
2460
2519
  const { dialogProps, titleProps } = useDialog(props, ref);
2461
- return /* @__PURE__ */ React71__default.createElement(Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React71__default.createElement(Heading$1, { as: "h3", ...titleProps }, title), children);
2520
+ return /* @__PURE__ */ React73__default.createElement(Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React73__default.createElement(Heading$1, { as: "h3", ...titleProps }, title), children);
2462
2521
  };
2463
2522
  var Popover3 = forwardRef$1(
2464
2523
  ({
@@ -2489,21 +2548,21 @@ var Popover3 = forwardRef$1(
2489
2548
  },
2490
2549
  state2
2491
2550
  );
2492
- const popoverBox = /* @__PURE__ */ React71__default.createElement(
2551
+ const popoverBox = /* @__PURE__ */ React73__default.createElement(
2493
2552
  Box,
2494
2553
  {
2495
2554
  ...popoverProps,
2496
2555
  ref: popoverRef,
2497
2556
  minWidth: ((_a6 = triggerRef.current) == null ? void 0 : _a6.clientWidth) ?? "auto"
2498
2557
  },
2499
- /* @__PURE__ */ React71__default.createElement(DismissButton, { onDismiss: state2.close }),
2558
+ /* @__PURE__ */ React73__default.createElement(DismissButton, { onDismiss: state2.close }),
2500
2559
  children,
2501
- /* @__PURE__ */ React71__default.createElement(DismissButton, { onDismiss: state2.close })
2560
+ /* @__PURE__ */ React73__default.createElement(DismissButton, { onDismiss: state2.close })
2502
2561
  );
2503
2562
  if (isNonModal) {
2504
2563
  return popoverBox;
2505
2564
  }
2506
- return /* @__PURE__ */ React71__default.createElement(Overlay, null, hasBackdrop && /* @__PURE__ */ React71__default.createElement(Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
2565
+ return /* @__PURE__ */ React73__default.createElement(Overlay, null, hasBackdrop && /* @__PURE__ */ React73__default.createElement(Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
2507
2566
  }
2508
2567
  );
2509
2568
 
@@ -2544,7 +2603,7 @@ var CardSelect = forwardRef(
2544
2603
  });
2545
2604
  useForceRerender(state2.isOpen);
2546
2605
  const ChevronIcon = size2 === "sm" ? DropdownDownFill18Icon : DropdownDownFill24Icon;
2547
- return /* @__PURE__ */ React71__default.createElement(Box, { ...props }, /* @__PURE__ */ React71__default.createElement(
2606
+ return /* @__PURE__ */ React73__default.createElement(Box, { ...props }, /* @__PURE__ */ React73__default.createElement(
2548
2607
  chakra.button,
2549
2608
  {
2550
2609
  type: "button",
@@ -2556,13 +2615,13 @@ var CardSelect = forwardRef(
2556
2615
  width,
2557
2616
  "data-attachable": true
2558
2617
  },
2559
- /* @__PURE__ */ React71__default.createElement(Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React71__default.createElement(Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React71__default.createElement(
2618
+ /* @__PURE__ */ React73__default.createElement(Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React73__default.createElement(Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React73__default.createElement(
2560
2619
  ChevronIcon,
2561
2620
  {
2562
2621
  transform: state2.isOpen ? "rotate(180deg)" : "none"
2563
2622
  }
2564
2623
  ) : null)
2565
- ), state2.isOpen && /* @__PURE__ */ React71__default.createElement(
2624
+ ), state2.isOpen && /* @__PURE__ */ React73__default.createElement(
2566
2625
  Popover3,
2567
2626
  {
2568
2627
  state: state2,
@@ -2571,7 +2630,7 @@ var CardSelect = forwardRef(
2571
2630
  crossOffset,
2572
2631
  placement
2573
2632
  },
2574
- /* @__PURE__ */ React71__default.createElement(
2633
+ /* @__PURE__ */ React73__default.createElement(
2575
2634
  Card,
2576
2635
  {
2577
2636
  colorScheme: "white",
@@ -2579,7 +2638,7 @@ var CardSelect = forwardRef(
2579
2638
  sx: styles3.card,
2580
2639
  ...overlayProps
2581
2640
  },
2582
- /* @__PURE__ */ React71__default.createElement(Dialog, { "aria-label": label }, children)
2641
+ /* @__PURE__ */ React73__default.createElement(Dialog, { "aria-label": label }, children)
2583
2642
  )
2584
2643
  ));
2585
2644
  }
@@ -2593,18 +2652,15 @@ function useForceRerender(shouldRerender) {
2593
2652
  }, [shouldRerender]);
2594
2653
  }
2595
2654
  var Checkbox = forwardRef((props, ref) => {
2596
- return /* @__PURE__ */ React71__default.createElement(Checkbox$1, { ...props, ref });
2655
+ return /* @__PURE__ */ React73__default.createElement(Checkbox$1, { ...props, ref });
2597
2656
  });
2598
2657
  var CheckboxGroup = ({
2599
2658
  direction: direction2 = "row",
2600
2659
  children,
2601
2660
  ...props
2602
2661
  }) => {
2603
- return /* @__PURE__ */ React71__default.createElement(CheckboxGroup$1, { ...props }, /* @__PURE__ */ React71__default.createElement(Stack$1, { direction: direction2 }, children));
2662
+ return /* @__PURE__ */ React73__default.createElement(CheckboxGroup$1, { ...props }, /* @__PURE__ */ React73__default.createElement(Stack$1, { direction: direction2 }, children));
2604
2663
  };
2605
-
2606
- // ../../node_modules/@chakra-ui/utils/dist/chunk-O3SWHQEE.mjs
2607
- var dataAttr = (condition) => condition ? "" : void 0;
2608
2664
  var ChoiceChip = forwardRef((props, ref) => {
2609
2665
  const {
2610
2666
  children,
@@ -2629,15 +2685,15 @@ var ChoiceChip = forwardRef((props, ref) => {
2629
2685
  hasLabel: Boolean(children)
2630
2686
  });
2631
2687
  const id = `choice-chip-${useId()}`;
2632
- return /* @__PURE__ */ React71__default.createElement(
2688
+ return /* @__PURE__ */ React73__default.createElement(
2633
2689
  chakra.label,
2634
2690
  {
2635
2691
  htmlFor: id,
2636
2692
  ...getRootProps(),
2637
2693
  "aria-label": String(children)
2638
2694
  },
2639
- /* @__PURE__ */ React71__default.createElement(chakra.input, { ...getInputProps({}, ref), id, disabled: isDisabled }),
2640
- /* @__PURE__ */ React71__default.createElement(
2695
+ /* @__PURE__ */ React73__default.createElement(chakra.input, { ...getInputProps({}, ref), id, disabled: isDisabled }),
2696
+ /* @__PURE__ */ React73__default.createElement(
2641
2697
  chakra.div,
2642
2698
  {
2643
2699
  ...getLabelProps(),
@@ -2648,9 +2704,9 @@ var ChoiceChip = forwardRef((props, ref) => {
2648
2704
  "data-active": dataAttr(state2.isActive),
2649
2705
  "data-disabled": dataAttr(state2.isDisabled)
2650
2706
  },
2651
- icon && /* @__PURE__ */ React71__default.createElement(chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
2652
- /* @__PURE__ */ React71__default.createElement(chakra.span, { __css: styles3.label, ...getCheckboxProps() }, chipType !== "icon" && children),
2653
- chipType === "filter" && state2.isChecked && /* @__PURE__ */ React71__default.createElement(CloseOutline24Icon, { marginLeft: 1.5 })
2707
+ icon && /* @__PURE__ */ React73__default.createElement(chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
2708
+ /* @__PURE__ */ React73__default.createElement(chakra.span, { __css: styles3.label, ...getCheckboxProps() }, chipType !== "icon" && children),
2709
+ chipType === "filter" && state2.isChecked && /* @__PURE__ */ React73__default.createElement(CloseOutline24Icon, { marginLeft: 1.5 })
2654
2710
  )
2655
2711
  );
2656
2712
  });
@@ -2722,7 +2778,7 @@ function Combobox({
2722
2778
  },
2723
2779
  state2
2724
2780
  );
2725
- return /* @__PURE__ */ React71__default.createElement(React71__default.Fragment, null, /* @__PURE__ */ React71__default.createElement(
2781
+ return /* @__PURE__ */ React73__default.createElement(React73__default.Fragment, null, /* @__PURE__ */ React73__default.createElement(
2726
2782
  Input,
2727
2783
  {
2728
2784
  ...styleProps(comboBoxProps),
@@ -2732,7 +2788,7 @@ function Combobox({
2732
2788
  borderBottomLeftRadius: state2.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
2733
2789
  borderBottomRightRadius: state2.isOpen && !isLoading ? 0 : borderBottomRightRadius,
2734
2790
  ...inputProps,
2735
- rightIcon: isLoading ? /* @__PURE__ */ React71__default.createElement(
2791
+ rightIcon: isLoading ? /* @__PURE__ */ React73__default.createElement(
2736
2792
  ColorSpinner,
2737
2793
  {
2738
2794
  width: "1.5rem",
@@ -2747,7 +2803,7 @@ function Combobox({
2747
2803
  }
2748
2804
  ) : rightIcon
2749
2805
  }
2750
- ), state2.isOpen && !isLoading && /* @__PURE__ */ React71__default.createElement(
2806
+ ), state2.isOpen && !isLoading && /* @__PURE__ */ React73__default.createElement(
2751
2807
  Popover3,
2752
2808
  {
2753
2809
  state: state2,
@@ -2759,7 +2815,7 @@ function Combobox({
2759
2815
  hasBackdrop: false,
2760
2816
  containerPadding: 0
2761
2817
  },
2762
- /* @__PURE__ */ React71__default.createElement(
2818
+ /* @__PURE__ */ React73__default.createElement(
2763
2819
  ListBox,
2764
2820
  {
2765
2821
  ...listBoxProps,
@@ -2801,7 +2857,7 @@ var debounce = (fn, ms = 100) => {
2801
2857
  };
2802
2858
  };
2803
2859
  var FormControl = forwardRef((props, ref) => {
2804
- return /* @__PURE__ */ React71__default.createElement(FormControl$1, { ...props, ref });
2860
+ return /* @__PURE__ */ React73__default.createElement(FormControl$1, { ...props, ref });
2805
2861
  });
2806
2862
  var FormErrorMessage = ({
2807
2863
  children,
@@ -2817,7 +2873,7 @@ var FormErrorMessage = ({
2817
2873
  return null;
2818
2874
  }
2819
2875
  const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
2820
- return /* @__PURE__ */ React71__default.createElement(Box, { position: "relative", ref }, /* @__PURE__ */ React71__default.createElement(
2876
+ return /* @__PURE__ */ React73__default.createElement(Box, { position: "relative", ref }, /* @__PURE__ */ React73__default.createElement(
2821
2877
  Box,
2822
2878
  {
2823
2879
  borderRadius: "xs",
@@ -2835,12 +2891,12 @@ var FormErrorMessage = ({
2835
2891
  ...errorMessageProps,
2836
2892
  ...boxProps
2837
2893
  },
2838
- /* @__PURE__ */ React71__default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
2894
+ /* @__PURE__ */ React73__default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
2839
2895
  children
2840
2896
  ));
2841
2897
  };
2842
2898
  var Arrow = (props) => {
2843
- return /* @__PURE__ */ React71__default.createElement(
2899
+ return /* @__PURE__ */ React73__default.createElement(
2844
2900
  Box,
2845
2901
  {
2846
2902
  ...props,
@@ -2851,7 +2907,7 @@ var Arrow = (props) => {
2851
2907
  fill: "none",
2852
2908
  transform: "rotate(45deg)"
2853
2909
  },
2854
- /* @__PURE__ */ React71__default.createElement(
2910
+ /* @__PURE__ */ React73__default.createElement(
2855
2911
  Box,
2856
2912
  {
2857
2913
  as: "path",
@@ -2862,7 +2918,7 @@ var Arrow = (props) => {
2862
2918
  );
2863
2919
  };
2864
2920
  var FormLabel3 = forwardRef((props, ref) => {
2865
- return /* @__PURE__ */ React71__default.createElement(FormLabel, { ...props, ref });
2921
+ return /* @__PURE__ */ React73__default.createElement(FormLabel, { ...props, ref });
2866
2922
  });
2867
2923
  function ListBox({
2868
2924
  isLoading,
@@ -2873,7 +2929,7 @@ function ListBox({
2873
2929
  }) {
2874
2930
  const { listBoxProps } = useListBox(props, state2, listBoxRef);
2875
2931
  const styles3 = useMultiStyleConfig("ListBox", {});
2876
- return /* @__PURE__ */ React71__default.createElement(
2932
+ return /* @__PURE__ */ React73__default.createElement(
2877
2933
  List,
2878
2934
  {
2879
2935
  ...listBoxProps,
@@ -2884,19 +2940,19 @@ function ListBox({
2884
2940
  },
2885
2941
  state2.collection.size === 0 && props.emptyContent,
2886
2942
  Array.from(state2.collection).map(
2887
- (item) => item.type === "section" ? /* @__PURE__ */ React71__default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React71__default.createElement(Option, { key: item.key, item, state: state2 })
2943
+ (item) => item.type === "section" ? /* @__PURE__ */ React73__default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React73__default.createElement(Option, { key: item.key, item, state: state2 })
2888
2944
  )
2889
2945
  );
2890
2946
  }
2891
2947
  function ItemLabel({ children }) {
2892
2948
  let { labelProps } = useOptionContext();
2893
2949
  const styles3 = useMultiStyleConfig("ListBox", {});
2894
- return /* @__PURE__ */ React71__default.createElement(Box, { ...labelProps, sx: styles3.label }, children);
2950
+ return /* @__PURE__ */ React73__default.createElement(Box, { ...labelProps, sx: styles3.label }, children);
2895
2951
  }
2896
2952
  function ItemDescription({ children }) {
2897
2953
  let { descriptionProps } = useOptionContext();
2898
2954
  const styles3 = useMultiStyleConfig("ListBox", {});
2899
- return /* @__PURE__ */ React71__default.createElement(Box, { ...descriptionProps, sx: styles3.description }, children);
2955
+ return /* @__PURE__ */ React73__default.createElement(Box, { ...descriptionProps, sx: styles3.description }, children);
2900
2956
  }
2901
2957
  function Option({ item, state: state2 }) {
2902
2958
  const ref = useRef(null);
@@ -2929,9 +2985,9 @@ function Option({ item, state: state2 }) {
2929
2985
  { passive: false, once: true }
2930
2986
  );
2931
2987
  }, []);
2932
- return /* @__PURE__ */ React71__default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React71__default.createElement(ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
2988
+ return /* @__PURE__ */ React73__default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React73__default.createElement(ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
2933
2989
  }
2934
- var OptionContext = React71__default.createContext({
2990
+ var OptionContext = React73__default.createContext({
2935
2991
  labelProps: {},
2936
2992
  descriptionProps: {}
2937
2993
  });
@@ -2945,7 +3001,7 @@ function ListBoxSection({ section, state: state2 }) {
2945
3001
  });
2946
3002
  const isFirstSection = section.key === state2.collection.getFirstKey();
2947
3003
  const titleColor = useColorModeValue("darkGrey", "white");
2948
- return /* @__PURE__ */ React71__default.createElement(ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React71__default.createElement(
3004
+ return /* @__PURE__ */ React73__default.createElement(ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React73__default.createElement(
2949
3005
  Box,
2950
3006
  {
2951
3007
  fontSize: "mobile.xs",
@@ -2958,8 +3014,8 @@ function ListBoxSection({ section, state: state2 }) {
2958
3014
  ...headingProps
2959
3015
  },
2960
3016
  section.rendered
2961
- ), /* @__PURE__ */ React71__default.createElement(List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
2962
- (item) => /* @__PURE__ */ React71__default.createElement(Option, { key: item.key, item, state: state2 })
3017
+ ), /* @__PURE__ */ React73__default.createElement(List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
3018
+ (item) => /* @__PURE__ */ React73__default.createElement(Option, { key: item.key, item, state: state2 })
2963
3019
  )));
2964
3020
  }
2965
3021
 
@@ -2999,7 +3055,7 @@ function InfoSelect({
2999
3055
  const { buttonProps } = useButton(triggerProps, triggerRef);
3000
3056
  const { t: t2 } = useTranslation();
3001
3057
  const formControl = useFormControlProps(props);
3002
- return /* @__PURE__ */ React71__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React71__default.createElement(chakra.div, { ...labelProps, sx: styles3.label }, props.label), /* @__PURE__ */ React71__default.createElement(
3058
+ return /* @__PURE__ */ React73__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React73__default.createElement(chakra.div, { ...labelProps, sx: styles3.label }, props.label), /* @__PURE__ */ React73__default.createElement(
3003
3059
  HiddenSelect,
3004
3060
  {
3005
3061
  state: state2,
@@ -3007,7 +3063,7 @@ function InfoSelect({
3007
3063
  label: props.label,
3008
3064
  name: props.name
3009
3065
  }
3010
- ), /* @__PURE__ */ React71__default.createElement(
3066
+ ), /* @__PURE__ */ React73__default.createElement(
3011
3067
  chakra.button,
3012
3068
  {
3013
3069
  type: "button",
@@ -3020,16 +3076,16 @@ function InfoSelect({
3020
3076
  "aria-invalid": formControl.isInvalid,
3021
3077
  "aria-describedby": formControl["aria-describedby"]
3022
3078
  },
3023
- /* @__PURE__ */ React71__default.createElement(Box, { ...valueProps }, state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts11.selectAnOption)),
3024
- /* @__PURE__ */ React71__default.createElement(Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React71__default.createElement(DropdownUpFill24Icon, null) : /* @__PURE__ */ React71__default.createElement(DropdownDownFill24Icon, null))
3025
- ), state2.isOpen && /* @__PURE__ */ React71__default.createElement(
3079
+ /* @__PURE__ */ React73__default.createElement(Box, { ...valueProps }, state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts11.selectAnOption)),
3080
+ /* @__PURE__ */ React73__default.createElement(Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React73__default.createElement(DropdownUpFill24Icon, null) : /* @__PURE__ */ React73__default.createElement(DropdownDownFill24Icon, null))
3081
+ ), state2.isOpen && /* @__PURE__ */ React73__default.createElement(
3026
3082
  Popover3,
3027
3083
  {
3028
3084
  state: state2,
3029
3085
  triggerRef,
3030
3086
  containerPadding: 0
3031
3087
  },
3032
- /* @__PURE__ */ React71__default.createElement(
3088
+ /* @__PURE__ */ React73__default.createElement(
3033
3089
  ListBox,
3034
3090
  {
3035
3091
  ...menuProps,
@@ -3054,7 +3110,7 @@ var Input = forwardRef(
3054
3110
  const formControlProps = useFormControlContext();
3055
3111
  const fallbackId = `input-${useId()}`;
3056
3112
  const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
3057
- return /* @__PURE__ */ React71__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React71__default.createElement(InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React71__default.createElement(
3113
+ return /* @__PURE__ */ React73__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React73__default.createElement(InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React73__default.createElement(
3058
3114
  Input$1,
3059
3115
  {
3060
3116
  "data-attachable": true,
@@ -3065,19 +3121,19 @@ var Input = forwardRef(
3065
3121
  ref,
3066
3122
  placeholder: " "
3067
3123
  }
3068
- ), /* @__PURE__ */ React71__default.createElement(FormLabel, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React71__default.createElement(InputRightElement, { pointerEvents: "none" }, rightIcon));
3124
+ ), /* @__PURE__ */ React73__default.createElement(FormLabel, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React73__default.createElement(InputRightElement, { pointerEvents: "none" }, rightIcon));
3069
3125
  }
3070
3126
  );
3071
3127
  var InputLeftElement2 = forwardRef(
3072
- (props, ref) => /* @__PURE__ */ React71__default.createElement(InputLeftElement, { ...props, ref })
3128
+ (props, ref) => /* @__PURE__ */ React73__default.createElement(InputLeftElement, { ...props, ref })
3073
3129
  );
3074
3130
  var InputRightElement2 = forwardRef(
3075
- (props, ref) => /* @__PURE__ */ React71__default.createElement(InputRightElement, { ...props, ref })
3131
+ (props, ref) => /* @__PURE__ */ React73__default.createElement(InputRightElement, { ...props, ref })
3076
3132
  );
3077
3133
  var NativeSelect = forwardRef(
3078
3134
  ({ label, ...props }, ref) => {
3079
3135
  const styles3 = useMultiStyleConfig("Select", props);
3080
- return /* @__PURE__ */ React71__default.createElement(FormControl, null, /* @__PURE__ */ React71__default.createElement(
3136
+ return /* @__PURE__ */ React73__default.createElement(FormControl, null, /* @__PURE__ */ React73__default.createElement(
3081
3137
  Select,
3082
3138
  {
3083
3139
  "data-attachable": true,
@@ -3085,7 +3141,7 @@ var NativeSelect = forwardRef(
3085
3141
  rootProps: { __css: styles3.root },
3086
3142
  ref
3087
3143
  }
3088
- ), label && /* @__PURE__ */ React71__default.createElement(FormLabel3, null, label));
3144
+ ), label && /* @__PURE__ */ React73__default.createElement(FormLabel3, null, label));
3089
3145
  }
3090
3146
  );
3091
3147
  function NumericStepper({
@@ -3111,17 +3167,17 @@ function NumericStepper({
3111
3167
  });
3112
3168
  const formControlProps = useFormControl({ id: idProp, isDisabled });
3113
3169
  const clampedStepSize = Math.max(Math.min(stepSize, 10), 1);
3114
- return /* @__PURE__ */ React71__default.createElement(Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React71__default.createElement(
3170
+ return /* @__PURE__ */ React73__default.createElement(Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React73__default.createElement(
3115
3171
  VerySmallButton,
3116
3172
  {
3117
- icon: /* @__PURE__ */ React71__default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
3173
+ icon: /* @__PURE__ */ React73__default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
3118
3174
  "aria-label": t2(texts12.decrementButtonAriaLabel(clampedStepSize)),
3119
3175
  onClick: () => onChange(Math.max(value - clampedStepSize, minValue)),
3120
3176
  visibility: value <= minValue ? "hidden" : "visible",
3121
3177
  isDisabled: formControlProps.disabled,
3122
3178
  id: value <= minValue ? void 0 : formControlProps.id
3123
3179
  }
3124
- ), withInput ? /* @__PURE__ */ React71__default.createElement(
3180
+ ), withInput ? /* @__PURE__ */ React73__default.createElement(
3125
3181
  chakra.input,
3126
3182
  {
3127
3183
  type: "number",
@@ -3144,7 +3200,7 @@ function NumericStepper({
3144
3200
  onChange(Math.max(Math.min(numericInput, maxValue), minValue));
3145
3201
  }
3146
3202
  }
3147
- ) : /* @__PURE__ */ React71__default.createElement(
3203
+ ) : /* @__PURE__ */ React73__default.createElement(
3148
3204
  chakra.text,
3149
3205
  {
3150
3206
  sx: styles3.text,
@@ -3152,10 +3208,10 @@ function NumericStepper({
3152
3208
  "aria-label": value.toString()
3153
3209
  },
3154
3210
  value
3155
- ), /* @__PURE__ */ React71__default.createElement(
3211
+ ), /* @__PURE__ */ React73__default.createElement(
3156
3212
  VerySmallButton,
3157
3213
  {
3158
- icon: /* @__PURE__ */ React71__default.createElement(AddIcon, { stepLabel: clampedStepSize }),
3214
+ icon: /* @__PURE__ */ React73__default.createElement(AddIcon, { stepLabel: clampedStepSize }),
3159
3215
  "aria-label": t2(texts12.incrementButtonAriaLabel(clampedStepSize)),
3160
3216
  onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
3161
3217
  visibility: value >= maxValue ? "hidden" : "visible",
@@ -3166,9 +3222,9 @@ function NumericStepper({
3166
3222
  }
3167
3223
  var VerySmallButton = (props) => {
3168
3224
  const styles3 = useMultiStyleConfig("NumericStepper", {});
3169
- return /* @__PURE__ */ React71__default.createElement(IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
3225
+ return /* @__PURE__ */ React73__default.createElement(IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
3170
3226
  };
3171
- var SubtractIcon = (props) => /* @__PURE__ */ React71__default.createElement(React71__default.Fragment, null, /* @__PURE__ */ React71__default.createElement(
3227
+ var SubtractIcon = (props) => /* @__PURE__ */ React73__default.createElement(React73__default.Fragment, null, /* @__PURE__ */ React73__default.createElement(
3172
3228
  Box,
3173
3229
  {
3174
3230
  as: "svg",
@@ -3178,7 +3234,7 @@ var SubtractIcon = (props) => /* @__PURE__ */ React71__default.createElement(Rea
3178
3234
  stroke: "currentColor",
3179
3235
  ...props
3180
3236
  },
3181
- /* @__PURE__ */ React71__default.createElement(
3237
+ /* @__PURE__ */ React73__default.createElement(
3182
3238
  "line",
3183
3239
  {
3184
3240
  x1: "9",
@@ -3189,8 +3245,8 @@ var SubtractIcon = (props) => /* @__PURE__ */ React71__default.createElement(Rea
3189
3245
  strokeLinecap: "round"
3190
3246
  }
3191
3247
  )
3192
- ), props.stepLabel > 1 && /* @__PURE__ */ React71__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
3193
- var AddIcon = (props) => /* @__PURE__ */ React71__default.createElement(React71__default.Fragment, null, /* @__PURE__ */ React71__default.createElement(
3248
+ ), props.stepLabel > 1 && /* @__PURE__ */ React73__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
3249
+ var AddIcon = (props) => /* @__PURE__ */ React73__default.createElement(React73__default.Fragment, null, /* @__PURE__ */ React73__default.createElement(
3194
3250
  Box,
3195
3251
  {
3196
3252
  as: "svg",
@@ -3200,7 +3256,7 @@ var AddIcon = (props) => /* @__PURE__ */ React71__default.createElement(React71_
3200
3256
  stroke: "currentColor",
3201
3257
  ...props
3202
3258
  },
3203
- /* @__PURE__ */ React71__default.createElement(
3259
+ /* @__PURE__ */ React73__default.createElement(
3204
3260
  "line",
3205
3261
  {
3206
3262
  x1: "9",
@@ -3211,7 +3267,7 @@ var AddIcon = (props) => /* @__PURE__ */ React71__default.createElement(React71_
3211
3267
  strokeLinecap: "round"
3212
3268
  }
3213
3269
  ),
3214
- /* @__PURE__ */ React71__default.createElement(
3270
+ /* @__PURE__ */ React73__default.createElement(
3215
3271
  "line",
3216
3272
  {
3217
3273
  x1: "15",
@@ -3222,7 +3278,7 @@ var AddIcon = (props) => /* @__PURE__ */ React71__default.createElement(React71_
3222
3278
  strokeLinecap: "round"
3223
3279
  }
3224
3280
  )
3225
- ), props.stepLabel > 1 && /* @__PURE__ */ React71__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
3281
+ ), props.stepLabel > 1 && /* @__PURE__ */ React73__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
3226
3282
  var texts12 = createTexts({
3227
3283
  decrementButtonAriaLabel(stepSize) {
3228
3284
  return {
@@ -3248,7 +3304,7 @@ var PasswordInput = forwardRef(
3248
3304
  const formControlProps = useFormControlContext();
3249
3305
  const autoGeneratedId = `password-input-${useId()}`;
3250
3306
  const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
3251
- return /* @__PURE__ */ React71__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React71__default.createElement(InputLeftElement2, null, leftIcon), /* @__PURE__ */ React71__default.createElement(
3307
+ return /* @__PURE__ */ React73__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React73__default.createElement(InputLeftElement2, null, leftIcon), /* @__PURE__ */ React73__default.createElement(
3252
3308
  Input$1,
3253
3309
  {
3254
3310
  ...props,
@@ -3260,7 +3316,7 @@ var PasswordInput = forwardRef(
3260
3316
  ref,
3261
3317
  "data-attachable": true
3262
3318
  }
3263
- ), /* @__PURE__ */ React71__default.createElement(FormLabel3, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React71__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React71__default.createElement(
3319
+ ), /* @__PURE__ */ React73__default.createElement(FormLabel3, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React73__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React73__default.createElement(
3264
3320
  Button$1,
3265
3321
  {
3266
3322
  variant: "ghost",
@@ -3308,10 +3364,10 @@ var PhoneNumberInput = forwardRef(
3308
3364
  nationalNumber: ""
3309
3365
  }
3310
3366
  });
3311
- return /* @__PURE__ */ React71__default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React71__default.createElement(
3367
+ return /* @__PURE__ */ React73__default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React73__default.createElement(
3312
3368
  Suspense,
3313
3369
  {
3314
- fallback: /* @__PURE__ */ React71__default.createElement(
3370
+ fallback: /* @__PURE__ */ React73__default.createElement(
3315
3371
  InfoSelect,
3316
3372
  {
3317
3373
  isLabelSrOnly: true,
@@ -3320,10 +3376,10 @@ var PhoneNumberInput = forwardRef(
3320
3376
  height: "100%",
3321
3377
  value: "+47"
3322
3378
  },
3323
- /* @__PURE__ */ React71__default.createElement(Item, { key: "+47" }, "+47")
3379
+ /* @__PURE__ */ React73__default.createElement(Item, { key: "+47" }, "+47")
3324
3380
  )
3325
3381
  },
3326
- /* @__PURE__ */ React71__default.createElement(
3382
+ /* @__PURE__ */ React73__default.createElement(
3327
3383
  LazyCountryCodeSelect,
3328
3384
  {
3329
3385
  value: value.countryCode,
@@ -3336,7 +3392,7 @@ var PhoneNumberInput = forwardRef(
3336
3392
  width: "6.25rem"
3337
3393
  }
3338
3394
  )
3339
- ), /* @__PURE__ */ React71__default.createElement(
3395
+ ), /* @__PURE__ */ React73__default.createElement(
3340
3396
  Input,
3341
3397
  {
3342
3398
  ref,
@@ -3365,13 +3421,13 @@ var texts14 = createTexts({
3365
3421
  sv: "Telefonnummer"
3366
3422
  }
3367
3423
  });
3368
- var LazyCountryCodeSelect = React71__default.lazy(() => import('./CountryCodeSelect-VSNXCJ6M.mjs'));
3424
+ var LazyCountryCodeSelect = React73__default.lazy(() => import('./CountryCodeSelect-FPOWUHQG.mjs'));
3369
3425
  var Radio = forwardRef((props, ref) => {
3370
- return /* @__PURE__ */ React71__default.createElement(Radio$1, { ...props, ref });
3426
+ return /* @__PURE__ */ React73__default.createElement(Radio$1, { ...props, ref });
3371
3427
  });
3372
3428
  var RadioGroup = forwardRef(
3373
3429
  ({ children, direction: direction2 = "row", ...rest }, ref) => {
3374
- return /* @__PURE__ */ React71__default.createElement(RadioGroup$1, { ...rest, ref }, /* @__PURE__ */ React71__default.createElement(Stack$1, { direction: direction2 }, children));
3430
+ return /* @__PURE__ */ React73__default.createElement(RadioGroup$1, { ...rest, ref }, /* @__PURE__ */ React73__default.createElement(Stack$1, { direction: direction2 }, children));
3375
3431
  }
3376
3432
  );
3377
3433
  var SearchInput = forwardRef(
@@ -3381,7 +3437,7 @@ var SearchInput = forwardRef(
3381
3437
  const formControlProps = useFormControlContext();
3382
3438
  const autoGeneratedId = useId();
3383
3439
  const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
3384
- return /* @__PURE__ */ React71__default.createElement(InputGroup, { position: "relative" }, /* @__PURE__ */ React71__default.createElement(InputLeftElement2, null, /* @__PURE__ */ React71__default.createElement(SearchOutline24Icon, null)), /* @__PURE__ */ React71__default.createElement(
3440
+ return /* @__PURE__ */ React73__default.createElement(InputGroup, { position: "relative" }, /* @__PURE__ */ React73__default.createElement(InputLeftElement2, null, /* @__PURE__ */ React73__default.createElement(SearchOutline24Icon, null)), /* @__PURE__ */ React73__default.createElement(
3385
3441
  Input$1,
3386
3442
  {
3387
3443
  paddingLeft: 7,
@@ -3398,7 +3454,7 @@ var SearchInput = forwardRef(
3398
3454
  placeholder: " ",
3399
3455
  "data-attachable": true
3400
3456
  }
3401
- ), /* @__PURE__ */ React71__default.createElement(FormLabel3, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts15.label)), showClearButton && /* @__PURE__ */ React71__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React71__default.createElement(
3457
+ ), /* @__PURE__ */ React73__default.createElement(FormLabel3, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts15.label)), showClearButton && /* @__PURE__ */ React73__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React73__default.createElement(
3402
3458
  IconButton$1,
3403
3459
  {
3404
3460
  variant: "ghost",
@@ -3406,7 +3462,7 @@ var SearchInput = forwardRef(
3406
3462
  size: "sm",
3407
3463
  marginRight: 1,
3408
3464
  "aria-label": t2(texts15.reset),
3409
- icon: /* @__PURE__ */ React71__default.createElement(CloseOutline24Icon, null),
3465
+ icon: /* @__PURE__ */ React73__default.createElement(CloseOutline24Icon, null),
3410
3466
  onClick: onReset
3411
3467
  }
3412
3468
  )));
@@ -3428,7 +3484,7 @@ var texts15 = createTexts({
3428
3484
  });
3429
3485
  var Switch = forwardRef(
3430
3486
  ({ size: size2 = "md", ...props }, ref) => {
3431
- return /* @__PURE__ */ React71__default.createElement(Switch$1, { size: size2, ...props, ref });
3487
+ return /* @__PURE__ */ React73__default.createElement(Switch$1, { size: size2, ...props, ref });
3432
3488
  }
3433
3489
  );
3434
3490
  var Textarea = forwardRef((props, ref) => {
@@ -3439,7 +3495,7 @@ var Textarea = forwardRef((props, ref) => {
3439
3495
  const formControlProps = useFormControlContext();
3440
3496
  const fallbackId = `textarea-${useId()}`;
3441
3497
  const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
3442
- return /* @__PURE__ */ React71__default.createElement(InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React71__default.createElement(Textarea$1, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React71__default.createElement(FormLabel, { htmlFor: inputId, id: `${inputId}-label` }, label));
3498
+ return /* @__PURE__ */ React73__default.createElement(InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React73__default.createElement(Textarea$1, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React73__default.createElement(FormLabel, { htmlFor: inputId, id: `${inputId}-label` }, label));
3443
3499
  });
3444
3500
  function getSpacingProps(props) {
3445
3501
  const {
@@ -3561,7 +3617,7 @@ var LineIcon = ({
3561
3617
  if (!Icon) {
3562
3618
  return null;
3563
3619
  }
3564
- return /* @__PURE__ */ React71__default.createElement(Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React71__default.createElement(Icon, { sx: styles3.icon }));
3620
+ return /* @__PURE__ */ React73__default.createElement(Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React73__default.createElement(Icon, { sx: styles3.icon }));
3565
3621
  };
3566
3622
 
3567
3623
  // src/linjetag/InfoTag.tsx
@@ -3577,7 +3633,7 @@ var InfoTag = ({
3577
3633
  size: size2,
3578
3634
  ...customProps
3579
3635
  });
3580
- return /* @__PURE__ */ React71__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React71__default.createElement(
3636
+ return /* @__PURE__ */ React73__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React73__default.createElement(
3581
3637
  LineIcon,
3582
3638
  {
3583
3639
  variant,
@@ -3585,7 +3641,7 @@ var InfoTag = ({
3585
3641
  sx: styles3.iconContainer,
3586
3642
  ...customProps
3587
3643
  }
3588
- ), /* @__PURE__ */ React71__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React71__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React71__default.createElement(Box, { as: "span", sx: styles3.description }, description)));
3644
+ ), /* @__PURE__ */ React73__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React73__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React73__default.createElement(Box, { as: "span", sx: styles3.description }, description)));
3589
3645
  };
3590
3646
  var TravelTag = forwardRef(
3591
3647
  ({
@@ -3605,7 +3661,7 @@ var TravelTag = forwardRef(
3605
3661
  backgroundColor: variant === "custom" ? rest.backgroundColor : void 0
3606
3662
  });
3607
3663
  const DeviationLevelIcon = getDeviationLevelIcon({ deviationLevel, size: size2 });
3608
- return /* @__PURE__ */ React71__default.createElement(Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React71__default.createElement(
3664
+ return /* @__PURE__ */ React73__default.createElement(Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React73__default.createElement(
3609
3665
  LineIcon,
3610
3666
  {
3611
3667
  variant,
@@ -3613,7 +3669,7 @@ var TravelTag = forwardRef(
3613
3669
  sx: styles3.iconContainer,
3614
3670
  ...rest
3615
3671
  }
3616
- ), /* @__PURE__ */ React71__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React71__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React71__default.createElement(Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React71__default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
3672
+ ), /* @__PURE__ */ React73__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React73__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React73__default.createElement(Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React73__default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
3617
3673
  }
3618
3674
  );
3619
3675
  var getDeviationLevelIcon = ({
@@ -3637,7 +3693,7 @@ var TextLink = forwardRef(
3637
3693
  var _a6;
3638
3694
  const { t: t2 } = useTranslation();
3639
3695
  const isExternal = props.isExternal !== void 0 ? props.isExternal : Boolean((_a6 = props.href) == null ? void 0 : _a6.match(/^https?:\/\//));
3640
- return /* @__PURE__ */ React71__default.createElement(Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React71__default.createElement(
3696
+ return /* @__PURE__ */ React73__default.createElement(Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React73__default.createElement(
3641
3697
  LinkOutOutline24Icon,
3642
3698
  {
3643
3699
  marginLeft: 0.5,
@@ -3658,7 +3714,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3658
3714
  const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
3659
3715
  const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
3660
3716
  const id = useId();
3661
- return /* @__PURE__ */ React71__default.createElement(Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React71__default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React71__default.createElement(
3717
+ return /* @__PURE__ */ React73__default.createElement(Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React73__default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React73__default.createElement(
3662
3718
  "path",
3663
3719
  {
3664
3720
  fillRule: "evenodd",
@@ -3666,7 +3722,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3666
3722
  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",
3667
3723
  fill: mainColor
3668
3724
  }
3669
- ), /* @__PURE__ */ React71__default.createElement(
3725
+ ), /* @__PURE__ */ React73__default.createElement(
3670
3726
  "mask",
3671
3727
  {
3672
3728
  id: `${id}-a`,
@@ -3677,7 +3733,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3677
3733
  width: "94",
3678
3734
  height: "54"
3679
3735
  },
3680
- /* @__PURE__ */ React71__default.createElement(
3736
+ /* @__PURE__ */ React73__default.createElement(
3681
3737
  "path",
3682
3738
  {
3683
3739
  fillRule: "evenodd",
@@ -3686,7 +3742,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3686
3742
  fill: mainColor
3687
3743
  }
3688
3744
  )
3689
- ), /* @__PURE__ */ React71__default.createElement(
3745
+ ), /* @__PURE__ */ React73__default.createElement(
3690
3746
  "g",
3691
3747
  {
3692
3748
  mask: `url(#${id}-a)`,
@@ -3694,9 +3750,9 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3694
3750
  clipRule: "evenodd",
3695
3751
  fill: mainColor
3696
3752
  },
3697
- /* @__PURE__ */ React71__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" }),
3698
- /* @__PURE__ */ React71__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" })
3699
- ), /* @__PURE__ */ React71__default.createElement(
3753
+ /* @__PURE__ */ React73__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" }),
3754
+ /* @__PURE__ */ React73__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" })
3755
+ ), /* @__PURE__ */ React73__default.createElement(
3700
3756
  "path",
3701
3757
  {
3702
3758
  fillRule: "evenodd",
@@ -3704,7 +3760,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3704
3760
  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",
3705
3761
  fill: accentColor
3706
3762
  }
3707
- ), /* @__PURE__ */ React71__default.createElement(
3763
+ ), /* @__PURE__ */ React73__default.createElement(
3708
3764
  "path",
3709
3765
  {
3710
3766
  fillRule: "evenodd",
@@ -3712,7 +3768,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3712
3768
  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",
3713
3769
  fill: mainColor
3714
3770
  }
3715
- ), /* @__PURE__ */ React71__default.createElement(
3771
+ ), /* @__PURE__ */ React73__default.createElement(
3716
3772
  "mask",
3717
3773
  {
3718
3774
  id: `${id}-b`,
@@ -3723,7 +3779,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3723
3779
  width: "78",
3724
3780
  height: "54"
3725
3781
  },
3726
- /* @__PURE__ */ React71__default.createElement(
3782
+ /* @__PURE__ */ React73__default.createElement(
3727
3783
  "path",
3728
3784
  {
3729
3785
  fillRule: "evenodd",
@@ -3732,25 +3788,25 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3732
3788
  fill: mainColor
3733
3789
  }
3734
3790
  )
3735
- ), /* @__PURE__ */ React71__default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React71__default.createElement(
3791
+ ), /* @__PURE__ */ React73__default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React73__default.createElement(
3736
3792
  "path",
3737
3793
  {
3738
3794
  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",
3739
3795
  fill: mainColor
3740
3796
  }
3741
- ), /* @__PURE__ */ React71__default.createElement(
3797
+ ), /* @__PURE__ */ React73__default.createElement(
3742
3798
  "path",
3743
3799
  {
3744
3800
  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",
3745
3801
  fill: mainColor
3746
3802
  }
3747
- ), /* @__PURE__ */ React71__default.createElement(
3803
+ ), /* @__PURE__ */ React73__default.createElement(
3748
3804
  "path",
3749
3805
  {
3750
3806
  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",
3751
3807
  fill: accentColor
3752
3808
  }
3753
- )), /* @__PURE__ */ React71__default.createElement(
3809
+ )), /* @__PURE__ */ React73__default.createElement(
3754
3810
  "path",
3755
3811
  {
3756
3812
  fillRule: "evenodd",
@@ -3760,7 +3816,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3760
3816
  }
3761
3817
  ));
3762
3818
  };
3763
- var JumpForwardIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React71.createElement(
3819
+ var JumpForwardIcon = (props) => /* @__PURE__ */ React73.createElement(Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React73.createElement(
3764
3820
  "path",
3765
3821
  {
3766
3822
  fillRule: "evenodd",
@@ -3768,7 +3824,7 @@ var JumpForwardIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { as
3768
3824
  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",
3769
3825
  fill: "currentColor"
3770
3826
  }
3771
- ), /* @__PURE__ */ React71.createElement(
3827
+ ), /* @__PURE__ */ React73.createElement(
3772
3828
  "path",
3773
3829
  {
3774
3830
  fillRule: "evenodd",
@@ -3777,7 +3833,7 @@ var JumpForwardIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { as
3777
3833
  fill: "currentColor"
3778
3834
  }
3779
3835
  ));
3780
- var JumpBackwardIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React71.createElement(
3836
+ var JumpBackwardIcon = (props) => /* @__PURE__ */ React73.createElement(Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React73.createElement(
3781
3837
  "path",
3782
3838
  {
3783
3839
  fillRule: "evenodd",
@@ -3785,7 +3841,7 @@ var JumpBackwardIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { a
3785
3841
  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",
3786
3842
  fill: "currentColor"
3787
3843
  }
3788
- ), /* @__PURE__ */ React71.createElement(
3844
+ ), /* @__PURE__ */ React73.createElement(
3789
3845
  "path",
3790
3846
  {
3791
3847
  fillRule: "evenodd",
@@ -3794,7 +3850,7 @@ var JumpBackwardIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { a
3794
3850
  fill: "currentColor"
3795
3851
  }
3796
3852
  ));
3797
- var PlayIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { as: "svg", ...props, fill: "none", viewBox: "0 0 60 60" }, /* @__PURE__ */ React71.createElement(
3853
+ var PlayIcon = (props) => /* @__PURE__ */ React73.createElement(Box, { as: "svg", ...props, fill: "none", viewBox: "0 0 60 60" }, /* @__PURE__ */ React73.createElement(
3798
3854
  "path",
3799
3855
  {
3800
3856
  fillRule: "evenodd",
@@ -3803,7 +3859,7 @@ var PlayIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { as: "svg"
3803
3859
  fill: "currentColor"
3804
3860
  }
3805
3861
  ));
3806
- var PauseIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { as: "svg", ...props, viewBox: "0 0 60 60", fill: "none" }, /* @__PURE__ */ React71.createElement(
3862
+ var PauseIcon = (props) => /* @__PURE__ */ React73.createElement(Box, { as: "svg", ...props, viewBox: "0 0 60 60", fill: "none" }, /* @__PURE__ */ React73.createElement(
3807
3863
  "path",
3808
3864
  {
3809
3865
  fillRule: "evenodd",
@@ -3812,7 +3868,7 @@ var PauseIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { as: "svg
3812
3868
  fill: "currentColor"
3813
3869
  }
3814
3870
  ));
3815
- var SkipNextIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React71.createElement(
3871
+ var SkipNextIcon = (props) => /* @__PURE__ */ React73.createElement(Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React73.createElement(
3816
3872
  "path",
3817
3873
  {
3818
3874
  fillRule: "evenodd",
@@ -3821,7 +3877,7 @@ var SkipNextIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { as: "
3821
3877
  fill: "currentColor"
3822
3878
  }
3823
3879
  ));
3824
- var SkipPreviousIcon = (props) => /* @__PURE__ */ React71.createElement(Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React71.createElement(
3880
+ var SkipPreviousIcon = (props) => /* @__PURE__ */ React73.createElement(Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React73.createElement(
3825
3881
  "path",
3826
3882
  {
3827
3883
  fillRule: "evenodd",
@@ -3843,7 +3899,7 @@ var JumpButton = ({
3843
3899
  variant: "jumpSkip",
3844
3900
  size: size2
3845
3901
  });
3846
- return /* @__PURE__ */ React71__default.createElement(
3902
+ return /* @__PURE__ */ React73__default.createElement(
3847
3903
  Center,
3848
3904
  {
3849
3905
  as: "button",
@@ -3852,7 +3908,7 @@ var JumpButton = ({
3852
3908
  disabled: isDisabled,
3853
3909
  ...props
3854
3910
  },
3855
- direction2 === "forward" ? /* @__PURE__ */ React71__default.createElement(JumpForwardIcon, { sx: styles3.icon }) : /* @__PURE__ */ React71__default.createElement(JumpBackwardIcon, { sx: styles3.icon })
3911
+ direction2 === "forward" ? /* @__PURE__ */ React73__default.createElement(JumpForwardIcon, { sx: styles3.icon }) : /* @__PURE__ */ React73__default.createElement(JumpBackwardIcon, { sx: styles3.icon })
3856
3912
  );
3857
3913
  };
3858
3914
  var texts17 = createTexts({
@@ -3880,7 +3936,7 @@ var PlayPauseButton = ({
3880
3936
  variant: "play",
3881
3937
  size: size2
3882
3938
  });
3883
- return /* @__PURE__ */ React71__default.createElement(
3939
+ return /* @__PURE__ */ React73__default.createElement(
3884
3940
  Center,
3885
3941
  {
3886
3942
  as: "button",
@@ -3889,7 +3945,7 @@ var PlayPauseButton = ({
3889
3945
  disabled: isDisabled,
3890
3946
  ...props
3891
3947
  },
3892
- isPlaying ? /* @__PURE__ */ React71__default.createElement(PauseIcon, { sx: styles3.icon }) : /* @__PURE__ */ React71__default.createElement(PlayIcon, { sx: styles3.icon })
3948
+ isPlaying ? /* @__PURE__ */ React73__default.createElement(PauseIcon, { sx: styles3.icon }) : /* @__PURE__ */ React73__default.createElement(PlayIcon, { sx: styles3.icon })
3893
3949
  );
3894
3950
  };
3895
3951
  var texts18 = createTexts({
@@ -3917,7 +3973,7 @@ var SkipButton = ({
3917
3973
  variant: "jumpSkip",
3918
3974
  size: size2
3919
3975
  });
3920
- return /* @__PURE__ */ React71__default.createElement(
3976
+ return /* @__PURE__ */ React73__default.createElement(
3921
3977
  Center,
3922
3978
  {
3923
3979
  as: "button",
@@ -3926,7 +3982,7 @@ var SkipButton = ({
3926
3982
  disabled: isDisabled,
3927
3983
  ...props
3928
3984
  },
3929
- direction2 === "forward" ? /* @__PURE__ */ React71__default.createElement(SkipNextIcon, { sx: styles3.icon }) : /* @__PURE__ */ React71__default.createElement(SkipPreviousIcon, { sx: styles3.icon })
3985
+ direction2 === "forward" ? /* @__PURE__ */ React73__default.createElement(SkipNextIcon, { sx: styles3.icon }) : /* @__PURE__ */ React73__default.createElement(SkipPreviousIcon, { sx: styles3.icon })
3930
3986
  );
3931
3987
  };
3932
3988
  var texts19 = createTexts({
@@ -3949,13 +4005,13 @@ var ModalHeader = forwardRef(
3949
4005
  fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
3950
4006
  textAlign: size2 === "lg" ? "center" : "left"
3951
4007
  };
3952
- return /* @__PURE__ */ React71__default.createElement(ModalHeader$1, { ...props, ref, ...styles3 });
4008
+ return /* @__PURE__ */ React73__default.createElement(ModalHeader$1, { ...props, ref, ...styles3 });
3953
4009
  }
3954
4010
  );
3955
4011
 
3956
4012
  // src/modal/Drawer.tsx
3957
4013
  var Drawer = (props) => {
3958
- return /* @__PURE__ */ React71__default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React71__default.createElement(Drawer$1, { ...props }));
4014
+ return /* @__PURE__ */ React73__default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React73__default.createElement(Drawer$1, { ...props }));
3959
4015
  };
3960
4016
  var DrawerContent = forwardRef(
3961
4017
  ({ children, ...props }, ref) => {
@@ -3972,7 +4028,7 @@ var DrawerContent = forwardRef(
3972
4028
  });
3973
4029
  const isTopOrBottom = placement === "top" || placement === "bottom";
3974
4030
  const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
3975
- return /* @__PURE__ */ React71__default.createElement(Box, { ...handlers }, /* @__PURE__ */ React71__default.createElement(
4031
+ return /* @__PURE__ */ React73__default.createElement(Box, { ...handlers }, /* @__PURE__ */ React73__default.createElement(
3976
4032
  DrawerContent$1,
3977
4033
  {
3978
4034
  ...widthConstraits,
@@ -3981,13 +4037,13 @@ var DrawerContent = forwardRef(
3981
4037
  ...props,
3982
4038
  ref
3983
4039
  },
3984
- /* @__PURE__ */ React71__default.createElement(Box, { position: "relative" }, /* @__PURE__ */ React71__default.createElement(Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React71__default.createElement(Notch, null), /* @__PURE__ */ React71__default.createElement(Box, null, children)))
4040
+ /* @__PURE__ */ React73__default.createElement(Box, { position: "relative" }, /* @__PURE__ */ React73__default.createElement(Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React73__default.createElement(Notch, null), /* @__PURE__ */ React73__default.createElement(Box, null, children)))
3985
4041
  ));
3986
4042
  }
3987
4043
  );
3988
4044
  var Notch = forwardRef((props, ref) => {
3989
4045
  const placement = useDrawerContext();
3990
- return /* @__PURE__ */ React71__default.createElement(
4046
+ return /* @__PURE__ */ React73__default.createElement(
3991
4047
  Box,
3992
4048
  {
3993
4049
  position: "absolute",
@@ -3999,14 +4055,14 @@ var Notch = forwardRef((props, ref) => {
3999
4055
  ...props,
4000
4056
  ref
4001
4057
  },
4002
- /* @__PURE__ */ React71__default.createElement(
4058
+ /* @__PURE__ */ React73__default.createElement(
4003
4059
  Center,
4004
4060
  {
4005
4061
  background: placement === "bottom" ? "bottom" : "top",
4006
4062
  padding: 2,
4007
4063
  borderRadius: "md"
4008
4064
  },
4009
- /* @__PURE__ */ React71__default.createElement(
4065
+ /* @__PURE__ */ React73__default.createElement(
4010
4066
  Box,
4011
4067
  {
4012
4068
  width: "2.265rem",
@@ -4018,17 +4074,17 @@ var Notch = forwardRef((props, ref) => {
4018
4074
  )
4019
4075
  );
4020
4076
  });
4021
- var DrawerContext = React71__default.createContext(void 0);
4022
- var DrawerProvider = (props) => /* @__PURE__ */ React71__default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
4077
+ var DrawerContext = React73__default.createContext(void 0);
4078
+ var DrawerProvider = (props) => /* @__PURE__ */ React73__default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
4023
4079
  var useDrawerContext = () => {
4024
- return React71__default.useContext(DrawerContext);
4080
+ return React73__default.useContext(DrawerContext);
4025
4081
  };
4026
4082
  var FullScreenDrawer = ({
4027
4083
  children,
4028
4084
  title,
4029
4085
  placement = "bottom",
4030
4086
  leftButton = null,
4031
- rightButton = /* @__PURE__ */ React71__default.createElement(DrawerCloseButton2, null),
4087
+ rightButton = /* @__PURE__ */ React73__default.createElement(DrawerCloseButton2, null),
4032
4088
  isOpen,
4033
4089
  onClose
4034
4090
  }) => {
@@ -4044,7 +4100,7 @@ var FullScreenDrawer = ({
4044
4100
  useEffect(() => {
4045
4101
  setContentBoxScrolled(false);
4046
4102
  }, [isOpen]);
4047
- return /* @__PURE__ */ React71__default.createElement(Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React71__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React71__default.createElement(
4103
+ return /* @__PURE__ */ React73__default.createElement(Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React73__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React73__default.createElement(
4048
4104
  DrawerContent$1,
4049
4105
  {
4050
4106
  height: "100vh",
@@ -4052,7 +4108,7 @@ var FullScreenDrawer = ({
4052
4108
  backgroundPosition: "top",
4053
4109
  backgroundRepeat: "no-repeat"
4054
4110
  },
4055
- /* @__PURE__ */ React71__default.createElement(
4111
+ /* @__PURE__ */ React73__default.createElement(
4056
4112
  DrawerTopMenu,
4057
4113
  {
4058
4114
  isScrolled: isContentBoxScrolled,
@@ -4061,7 +4117,7 @@ var FullScreenDrawer = ({
4061
4117
  rightButton
4062
4118
  }
4063
4119
  ),
4064
- /* @__PURE__ */ React71__default.createElement(DrawerBody, { overflow: "auto", onScroll: onContentScroll }, children)
4120
+ /* @__PURE__ */ React73__default.createElement(DrawerBody, { overflow: "auto", onScroll: onContentScroll }, children)
4065
4121
  ));
4066
4122
  };
4067
4123
  var DrawerTopMenu = ({
@@ -4074,7 +4130,7 @@ var DrawerTopMenu = ({
4074
4130
  "bg.default.light",
4075
4131
  "bg.default.dark"
4076
4132
  );
4077
- return /* @__PURE__ */ React71__default.createElement(
4133
+ return /* @__PURE__ */ React73__default.createElement(
4078
4134
  Flex,
4079
4135
  {
4080
4136
  width: "100%",
@@ -4087,8 +4143,8 @@ var DrawerTopMenu = ({
4087
4143
  transition: "box-shadow 0.2s",
4088
4144
  boxShadow: isScrolled ? "md" : void 0
4089
4145
  },
4090
- /* @__PURE__ */ React71__default.createElement(Box, { flex: "1" }, leftButton),
4091
- /* @__PURE__ */ React71__default.createElement(
4146
+ /* @__PURE__ */ React73__default.createElement(Box, { flex: "1" }, leftButton),
4147
+ /* @__PURE__ */ React73__default.createElement(
4092
4148
  DrawerHeader,
4093
4149
  {
4094
4150
  as: "h2",
@@ -4101,7 +4157,7 @@ var DrawerTopMenu = ({
4101
4157
  },
4102
4158
  title
4103
4159
  ),
4104
- /* @__PURE__ */ React71__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React71__default.createElement(Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
4160
+ /* @__PURE__ */ React73__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React73__default.createElement(Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
4105
4161
  );
4106
4162
  };
4107
4163
  var DrawerCloseButton2 = () => {
@@ -4111,11 +4167,11 @@ var DrawerCloseButton2 = () => {
4111
4167
  `(min-width: ${tokens11__default.size.breakpoint.sm})`
4112
4168
  );
4113
4169
  if (isScreenSizeMinSm) {
4114
- return /* @__PURE__ */ React71__default.createElement(
4170
+ return /* @__PURE__ */ React73__default.createElement(
4115
4171
  Button,
4116
4172
  {
4117
4173
  variant: "ghost",
4118
- leftIcon: /* @__PURE__ */ React71__default.createElement(CloseFill24Icon, null),
4174
+ leftIcon: /* @__PURE__ */ React73__default.createElement(CloseFill24Icon, null),
4119
4175
  onClick: onClose,
4120
4176
  "aria-label": t2(texts20.close),
4121
4177
  width: "fit-content",
@@ -4124,11 +4180,11 @@ var DrawerCloseButton2 = () => {
4124
4180
  t2(texts20.close)
4125
4181
  );
4126
4182
  }
4127
- return /* @__PURE__ */ React71__default.createElement(
4183
+ return /* @__PURE__ */ React73__default.createElement(
4128
4184
  IconButton,
4129
4185
  {
4130
4186
  variant: "ghost",
4131
- icon: /* @__PURE__ */ React71__default.createElement(CloseFill30Icon, null),
4187
+ icon: /* @__PURE__ */ React73__default.createElement(CloseFill30Icon, null),
4132
4188
  onClick: onClose,
4133
4189
  "aria-label": t2(texts20.close)
4134
4190
  }
@@ -4148,7 +4204,7 @@ var SimpleDrawer = ({
4148
4204
  title,
4149
4205
  ...props
4150
4206
  }) => {
4151
- return /* @__PURE__ */ React71__default.createElement(Drawer, { placement, ...props }, /* @__PURE__ */ React71__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React71__default.createElement(DrawerContent, null, /* @__PURE__ */ React71__default.createElement(DrawerCloseButton, null), title && /* @__PURE__ */ React71__default.createElement(ModalHeader, null, title), /* @__PURE__ */ React71__default.createElement(DrawerBody, null, children)));
4207
+ return /* @__PURE__ */ React73__default.createElement(Drawer, { placement, ...props }, /* @__PURE__ */ React73__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React73__default.createElement(DrawerContent, null, /* @__PURE__ */ React73__default.createElement(DrawerCloseButton, null), title && /* @__PURE__ */ React73__default.createElement(ModalHeader, null, title), /* @__PURE__ */ React73__default.createElement(DrawerBody, null, children)));
4152
4208
  };
4153
4209
  var EXPIRATION_DELAY = 1e3 * 60 * 60 * 24 * 30;
4154
4210
  var Nudge = ({
@@ -4170,7 +4226,7 @@ var Nudge = ({
4170
4226
  }
4171
4227
  return null;
4172
4228
  }
4173
- return /* @__PURE__ */ React71__default.createElement(
4229
+ return /* @__PURE__ */ React73__default.createElement(
4174
4230
  Popover,
4175
4231
  {
4176
4232
  arrowSize: 12,
@@ -4178,8 +4234,8 @@ var Nudge = ({
4178
4234
  defaultIsOpen: true,
4179
4235
  ...props
4180
4236
  },
4181
- /* @__PURE__ */ React71__default.createElement(PopoverAnchor, null, children),
4182
- /* @__PURE__ */ React71__default.createElement(PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React71__default.createElement(DarkMode, null, /* @__PURE__ */ React71__default.createElement(PopoverArrow, null), /* @__PURE__ */ React71__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React71__default.createElement(PopoverBody, { margin: 1 }, /* @__PURE__ */ React71__default.createElement(Box, { marginRight: 4 }, content), /* @__PURE__ */ React71__default.createElement(Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React71__default.createElement(ButtonGroup, null, /* @__PURE__ */ React71__default.createElement(Button, { variant: "tertiary", size: "xs" }, t2(texts21.close)), /* @__PURE__ */ React71__default.createElement(Button, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts21.showMe)))))))
4237
+ /* @__PURE__ */ React73__default.createElement(PopoverAnchor, null, children),
4238
+ /* @__PURE__ */ React73__default.createElement(PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React73__default.createElement(DarkMode, null, /* @__PURE__ */ React73__default.createElement(PopoverArrow, null), /* @__PURE__ */ React73__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React73__default.createElement(PopoverBody, { margin: 1 }, /* @__PURE__ */ React73__default.createElement(Box, { marginRight: 4 }, content), /* @__PURE__ */ React73__default.createElement(Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React73__default.createElement(ButtonGroup, null, /* @__PURE__ */ React73__default.createElement(Button, { variant: "tertiary", size: "xs" }, t2(texts21.close)), /* @__PURE__ */ React73__default.createElement(Button, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts21.showMe)))))))
4183
4239
  );
4184
4240
  };
4185
4241
  var texts21 = createTexts({
@@ -4207,19 +4263,19 @@ var WizardNudge = ({
4207
4263
  const totalSteps = content.length;
4208
4264
  const isLastStep = totalSteps === currentStep;
4209
4265
  const onNext = () => setCurrentStep((prev) => prev + 1);
4210
- return /* @__PURE__ */ React71__default.createElement(
4266
+ return /* @__PURE__ */ React73__default.createElement(
4211
4267
  Nudge,
4212
4268
  {
4213
4269
  onClose,
4214
4270
  name,
4215
4271
  content: content[currentStep - 1],
4216
- actions: /* @__PURE__ */ React71__default.createElement(Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React71__default.createElement(
4272
+ actions: /* @__PURE__ */ React73__default.createElement(Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React73__default.createElement(
4217
4273
  ProgressIndicator,
4218
4274
  {
4219
4275
  activeStep: currentStep,
4220
4276
  numberOfSteps: totalSteps
4221
4277
  }
4222
- ), /* @__PURE__ */ React71__default.createElement(Box, null, /* @__PURE__ */ React71__default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
4278
+ ), /* @__PURE__ */ React73__default.createElement(Box, null, /* @__PURE__ */ React73__default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
4223
4279
  ...props
4224
4280
  },
4225
4281
  children
@@ -4228,12 +4284,12 @@ var WizardNudge = ({
4228
4284
  var NextOrCloseButton = ({ isLastStep, onNext }) => {
4229
4285
  const { onClose } = usePopoverContext();
4230
4286
  const { t: t2 } = useTranslation();
4231
- return /* @__PURE__ */ React71__default.createElement(
4287
+ return /* @__PURE__ */ React73__default.createElement(
4232
4288
  Button,
4233
4289
  {
4234
4290
  variant: "tertiary",
4235
4291
  size: "xs",
4236
- leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React71__default.createElement(ArrowRightFill18Icon, null),
4292
+ leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React73__default.createElement(ArrowRightFill18Icon, null),
4237
4293
  onClick: isLastStep ? onClose : onNext,
4238
4294
  width: "fit-content"
4239
4295
  },
@@ -4297,7 +4353,7 @@ var Pagination = ({
4297
4353
  }
4298
4354
  }
4299
4355
  return displayPageNumbers.map(
4300
- (pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React71__default.createElement(ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React71__default.createElement(Center, null, "...")) : /* @__PURE__ */ React71__default.createElement(
4356
+ (pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React73__default.createElement(ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React73__default.createElement(Center, null, "...")) : /* @__PURE__ */ React73__default.createElement(
4301
4357
  Link,
4302
4358
  {
4303
4359
  key: index,
@@ -4314,7 +4370,7 @@ var Pagination = ({
4314
4370
  )
4315
4371
  );
4316
4372
  };
4317
- return /* @__PURE__ */ React71__default.createElement(Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React71__default.createElement(
4373
+ return /* @__PURE__ */ React73__default.createElement(Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React73__default.createElement(
4318
4374
  UnorderedList,
4319
4375
  {
4320
4376
  display: "flex",
@@ -4323,22 +4379,22 @@ var Pagination = ({
4323
4379
  padding: 0,
4324
4380
  margin: 0
4325
4381
  },
4326
- /* @__PURE__ */ React71__default.createElement(ListItem, { "aria-label": t2(texts23.previousPage) }, /* @__PURE__ */ React71__default.createElement(
4382
+ /* @__PURE__ */ React73__default.createElement(ListItem, { "aria-label": t2(texts23.previousPage) }, /* @__PURE__ */ React73__default.createElement(
4327
4383
  TextLink,
4328
4384
  {
4329
4385
  onClick: () => onPageChange(selectedPage - 1),
4330
4386
  sx: hasPreviousPage ? style.link : style.disabled
4331
4387
  },
4332
- /* @__PURE__ */ React71__default.createElement(DropdownLeftFill18Icon, { sx: style.icon })
4388
+ /* @__PURE__ */ React73__default.createElement(DropdownLeftFill18Icon, { sx: style.icon })
4333
4389
  )),
4334
4390
  renderPaginationButtons(),
4335
- /* @__PURE__ */ React71__default.createElement(ListItem, { "aria-label": t2(texts23.nextPage) }, /* @__PURE__ */ React71__default.createElement(
4391
+ /* @__PURE__ */ React73__default.createElement(ListItem, { "aria-label": t2(texts23.nextPage) }, /* @__PURE__ */ React73__default.createElement(
4336
4392
  TextLink,
4337
4393
  {
4338
4394
  onClick: () => onPageChange(selectedPage + 1),
4339
4395
  sx: hasNextPage ? style.link : style.disabled
4340
4396
  },
4341
- /* @__PURE__ */ React71__default.createElement(DropdownRightFill18Icon, { sx: style.icon })
4397
+ /* @__PURE__ */ React73__default.createElement(DropdownRightFill18Icon, { sx: style.icon })
4342
4398
  ))
4343
4399
  ));
4344
4400
  };
@@ -4358,7 +4414,7 @@ var texts23 = createTexts({
4358
4414
  });
4359
4415
  var ProgressDot = ({ isActive }) => {
4360
4416
  const style = useMultiStyleConfig("ProgressIndicator");
4361
- return /* @__PURE__ */ React71__default.createElement(
4417
+ return /* @__PURE__ */ React73__default.createElement(
4362
4418
  Box,
4363
4419
  {
4364
4420
  as: "svg",
@@ -4368,7 +4424,7 @@ var ProgressDot = ({ isActive }) => {
4368
4424
  viewBox: "0 0 100 100",
4369
4425
  "aria-current": isActive ? "step" : void 0
4370
4426
  },
4371
- /* @__PURE__ */ React71__default.createElement(Box, { as: "circle", cx: "50", cy: "50", r: "50" })
4427
+ /* @__PURE__ */ React73__default.createElement(Box, { as: "circle", cx: "50", cy: "50", r: "50" })
4372
4428
  );
4373
4429
  };
4374
4430
 
@@ -4379,7 +4435,7 @@ var ProgressIndicator = ({
4379
4435
  }) => {
4380
4436
  const { t: t2 } = useTranslation();
4381
4437
  const style = useMultiStyleConfig("ProgressIndicator");
4382
- return /* @__PURE__ */ React71__default.createElement(
4438
+ return /* @__PURE__ */ React73__default.createElement(
4383
4439
  Box,
4384
4440
  {
4385
4441
  __css: style.root,
@@ -4389,7 +4445,7 @@ var ProgressIndicator = ({
4389
4445
  "aria-valuenow": activeStep,
4390
4446
  "aria-valuetext": t2(texts24.stepsOf(activeStep, numberOfSteps))
4391
4447
  },
4392
- /* @__PURE__ */ React71__default.createElement(Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React71__default.createElement(
4448
+ /* @__PURE__ */ React73__default.createElement(Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React73__default.createElement(
4393
4449
  ProgressDot,
4394
4450
  {
4395
4451
  key: i,
@@ -4416,9 +4472,9 @@ var SporProvider = ({
4416
4472
  }) => {
4417
4473
  const brandCustomizations = brandTheme[brand] ?? {};
4418
4474
  const extendedTheme = deepmerge(theme3, brandCustomizations);
4419
- return /* @__PURE__ */ React71__default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React71__default.createElement(ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React71__default.createElement(Global, { styles: fontFaces }), children));
4475
+ return /* @__PURE__ */ React73__default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React73__default.createElement(ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React73__default.createElement(Global, { styles: fontFaces }), children));
4420
4476
  };
4421
- var StepperContext = React71__default.createContext(null);
4477
+ var StepperContext = React73__default.createContext(null);
4422
4478
  var StepperProvider = ({
4423
4479
  activeStep,
4424
4480
  children,
@@ -4426,7 +4482,7 @@ var StepperProvider = ({
4426
4482
  numberOfSteps,
4427
4483
  variant
4428
4484
  }) => {
4429
- return /* @__PURE__ */ React71__default.createElement(
4485
+ return /* @__PURE__ */ React73__default.createElement(
4430
4486
  StepperContext.Provider,
4431
4487
  {
4432
4488
  value: { activeStep, onClick, numberOfSteps, variant }
@@ -4435,7 +4491,7 @@ var StepperProvider = ({
4435
4491
  );
4436
4492
  };
4437
4493
  var useStepper = () => {
4438
- const context = React71__default.useContext(StepperContext);
4494
+ const context = React73__default.useContext(StepperContext);
4439
4495
  if (!context) {
4440
4496
  throw new Error(
4441
4497
  "useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
@@ -4463,7 +4519,7 @@ var Stepper = ({
4463
4519
  const { t: t2 } = useTranslation();
4464
4520
  const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
4465
4521
  const shownHeading = heading || title;
4466
- return /* @__PURE__ */ React71__default.createElement(Box, { sx: style.root }, /* @__PURE__ */ React71__default.createElement(
4522
+ return /* @__PURE__ */ React73__default.createElement(Box, { sx: style.root }, /* @__PURE__ */ React73__default.createElement(
4467
4523
  StepperProvider,
4468
4524
  {
4469
4525
  onClick,
@@ -4471,7 +4527,7 @@ var Stepper = ({
4471
4527
  variant,
4472
4528
  numberOfSteps
4473
4529
  },
4474
- /* @__PURE__ */ React71__default.createElement(Box, { sx: style.container }, /* @__PURE__ */ React71__default.createElement(Box, { sx: style.innerContainer }, /* @__PURE__ */ React71__default.createElement(
4530
+ /* @__PURE__ */ React73__default.createElement(Box, { sx: style.container }, /* @__PURE__ */ React73__default.createElement(Box, { sx: style.innerContainer }, /* @__PURE__ */ React73__default.createElement(
4475
4531
  Flex,
4476
4532
  {
4477
4533
  justifyContent: "space-between",
@@ -4479,11 +4535,11 @@ var Stepper = ({
4479
4535
  gap: 2,
4480
4536
  flex: 1
4481
4537
  },
4482
- /* @__PURE__ */ React71__default.createElement(
4538
+ /* @__PURE__ */ React73__default.createElement(
4483
4539
  IconButton,
4484
4540
  {
4485
4541
  "aria-label": t2(texts25.back),
4486
- icon: /* @__PURE__ */ React71__default.createElement(ArrowLeftFill24Icon, null),
4542
+ icon: /* @__PURE__ */ React73__default.createElement(ArrowLeftFill24Icon, null),
4487
4543
  variant: "ghost",
4488
4544
  size: "sm",
4489
4545
  visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
@@ -4496,9 +4552,9 @@ var Stepper = ({
4496
4552
  }
4497
4553
  }
4498
4554
  ),
4499
- shownHeading && /* @__PURE__ */ React71__default.createElement(Text4, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
4500
- /* @__PURE__ */ React71__default.createElement(Box, { sx: style.stepCounter }, t2(texts25.stepsOf(activeStep, numberOfSteps)))
4501
- )), /* @__PURE__ */ React71__default.createElement(Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React71__default.createElement(
4555
+ shownHeading && /* @__PURE__ */ React73__default.createElement(Text4, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
4556
+ /* @__PURE__ */ React73__default.createElement(Box, { sx: style.stepCounter }, t2(texts25.stepsOf(activeStep, numberOfSteps)))
4557
+ )), /* @__PURE__ */ React73__default.createElement(Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React73__default.createElement(
4502
4558
  StepperStep,
4503
4559
  {
4504
4560
  key: index,
@@ -4543,14 +4599,14 @@ var StepperStep = ({
4543
4599
  );
4544
4600
  const iconColor = useColorModeValue("blackAlpha.200", "whiteAlpha.200");
4545
4601
  const isDisabled = state2 !== "active" && isDisabledOverride || state2 === "disabled";
4546
- return /* @__PURE__ */ React71__default.createElement(Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React71__default.createElement(
4602
+ return /* @__PURE__ */ React73__default.createElement(Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React73__default.createElement(
4547
4603
  DropdownRightFill18Icon,
4548
4604
  {
4549
4605
  marginX: 5,
4550
4606
  display: ["none", null, "block"],
4551
4607
  color: iconColor
4552
4608
  }
4553
- ), isDisabled ? /* @__PURE__ */ React71__default.createElement(
4609
+ ), isDisabled ? /* @__PURE__ */ React73__default.createElement(
4554
4610
  Text4,
4555
4611
  {
4556
4612
  variant: "xs",
@@ -4560,7 +4616,7 @@ var StepperStep = ({
4560
4616
  paddingX: 2
4561
4617
  },
4562
4618
  children
4563
- ) : /* @__PURE__ */ React71__default.createElement(
4619
+ ) : /* @__PURE__ */ React73__default.createElement(
4564
4620
  Button,
4565
4621
  {
4566
4622
  size: "xs",
@@ -4583,11 +4639,11 @@ var getState = (stepNumber, activeStep) => {
4583
4639
  return "disabled";
4584
4640
  };
4585
4641
  var Tabs = forwardRef((props, ref) => {
4586
- return /* @__PURE__ */ React71.createElement(Tabs$1, { ...props, ref });
4642
+ return /* @__PURE__ */ React73.createElement(Tabs$1, { ...props, ref });
4587
4643
  });
4588
4644
  var Table = forwardRef((props, ref) => {
4589
4645
  const { variant, size: size2, colorScheme, children, ...rest } = props;
4590
- return /* @__PURE__ */ React71__default.createElement(Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React71__default.createElement(Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React71__default.createElement(
4646
+ return /* @__PURE__ */ React73__default.createElement(Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React73__default.createElement(Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React73__default.createElement(
4591
4647
  Table$1,
4592
4648
  {
4593
4649
  variant,
@@ -6403,16 +6459,16 @@ Object.assign({}, space, layout, flexbox, grid, position);
6403
6459
  function defineStyle(styles3) {
6404
6460
  return styles3;
6405
6461
  }
6406
- function defineStyleConfig(config44) {
6407
- return config44;
6462
+ function defineStyleConfig(config45) {
6463
+ return config45;
6408
6464
  }
6409
6465
  function createMultiStyleConfigHelpers(parts19) {
6410
6466
  return {
6411
- definePartsStyle(config44) {
6412
- return config44;
6467
+ definePartsStyle(config45) {
6468
+ return config45;
6413
6469
  },
6414
- defineMultiStyleConfig(config44) {
6415
- return { parts: parts19, ...config44 };
6470
+ defineMultiStyleConfig(config45) {
6471
+ return { parts: parts19, ...config45 };
6416
6472
  }
6417
6473
  };
6418
6474
  }
@@ -9701,6 +9757,7 @@ __export(components_exports, {
9701
9757
  ProgressBar: () => progress_bar_default,
9702
9758
  ProgressIndicator: () => progress_indicator_default,
9703
9759
  Radio: () => radio_default,
9760
+ RadioCard: () => radio_card_default,
9704
9761
  Select: () => select_default,
9705
9762
  Skeleton: () => skeleton_default,
9706
9763
  StaticCard: () => static_card_default,
@@ -9895,6 +9952,19 @@ function floatingBorder(state2, props) {
9895
9952
  "floating.outline.hover.dark"
9896
9953
  )(props)
9897
9954
  };
9955
+ case "selected":
9956
+ return {
9957
+ outline: "1px solid",
9958
+ outlineColor: mode("outline.focus.light", "outline.focus.dark")(props)
9959
+ };
9960
+ case "active":
9961
+ return {
9962
+ outline: "1px solid",
9963
+ outlineColor: mode(
9964
+ "floating.outline.active.light",
9965
+ "floating.outline.active.dark"
9966
+ )(props)
9967
+ };
9898
9968
  default:
9899
9969
  return {
9900
9970
  outline: "1px solid",
@@ -12867,8 +12937,66 @@ var config32 = helpers23.defineMultiStyleConfig({
12867
12937
  }
12868
12938
  });
12869
12939
  var progress_indicator_default = config32;
12940
+ var config33 = defineStyleConfig$1({
12941
+ baseStyle: (props) => ({
12942
+ appearance: "none",
12943
+ border: "none",
12944
+ overflow: "hidden",
12945
+ fontSize: "inherit",
12946
+ display: "block",
12947
+ borderRadius: "sm",
12948
+ ...focusVisibleStyles(props),
12949
+ _checked: {
12950
+ outline: "1px solid",
12951
+ outlineColor: "greenHaze",
12952
+ ...floatingBackground("active", props),
12953
+ _hover: {
12954
+ ...floatingBackground("active", props)
12955
+ }
12956
+ },
12957
+ _disabled: {
12958
+ pointerEvents: "none",
12959
+ ...baseBackground("disabled", props),
12960
+ ...baseBorder("disabled", props),
12961
+ ...baseText("disabled", props)
12962
+ }
12963
+ }),
12964
+ variants: {
12965
+ base: (props) => ({
12966
+ ...baseBackground("default", props),
12967
+ ...baseBorder("default", props),
12968
+ _hover: {
12969
+ ...baseBackground("hover", props),
12970
+ ...baseBorder("hover", props)
12971
+ },
12972
+ _active: {
12973
+ ...baseBackground("active", props)
12974
+ }
12975
+ }),
12976
+ floating: (props) => ({
12977
+ ...floatingBackground("default", props),
12978
+ boxShadow: "sm",
12979
+ _hover: {
12980
+ ...floatingBackground("hover", props),
12981
+ ...floatingBorder("hover", props),
12982
+ boxShadow: "md"
12983
+ },
12984
+ _active: {
12985
+ ...floatingBackground("active", props),
12986
+ ...floatingBorder("active", props)
12987
+ },
12988
+ _checked: {
12989
+ _hover: {
12990
+ outline: "1px solid",
12991
+ outlineColor: "silver"
12992
+ }
12993
+ }
12994
+ })
12995
+ }
12996
+ });
12997
+ var radio_card_default = config33;
12870
12998
  var helpers24 = createMultiStyleConfigHelpers$1(radioAnatomy.keys);
12871
- var config33 = helpers24.defineMultiStyleConfig({
12999
+ var config34 = helpers24.defineMultiStyleConfig({
12872
13000
  baseStyle: (props) => ({
12873
13001
  container: {
12874
13002
  _hover: {
@@ -12921,10 +13049,10 @@ var config33 = helpers24.defineMultiStyleConfig({
12921
13049
  }
12922
13050
  })
12923
13051
  });
12924
- var radio_default = config33;
13052
+ var radio_default = config34;
12925
13053
  var parts17 = selectAnatomy.extend("root");
12926
13054
  var helpers25 = createMultiStyleConfigHelpers$1(parts17.keys);
12927
- var config34 = helpers25.defineMultiStyleConfig({
13055
+ var config35 = helpers25.defineMultiStyleConfig({
12928
13056
  baseStyle: (props) => ({
12929
13057
  root: {
12930
13058
  width: "100%",
@@ -12964,14 +13092,14 @@ var config34 = helpers25.defineMultiStyleConfig({
12964
13092
  }
12965
13093
  })
12966
13094
  });
12967
- var select_default = config34;
13095
+ var select_default = config35;
12968
13096
  var fade = (startColor, endColor) => keyframes({
12969
13097
  from: { borderColor: startColor, background: startColor },
12970
13098
  to: { borderColor: endColor, background: endColor }
12971
13099
  });
12972
13100
  var $startColor2 = cssVar$1("skeleton-start-color");
12973
13101
  var $endColor2 = cssVar$1("skeleton-end-color");
12974
- var config35 = defineStyleConfig$1({
13102
+ var config36 = defineStyleConfig$1({
12975
13103
  baseStyle: (props) => {
12976
13104
  const defaultStartColor = mode("blackAlpha.300", "whiteAlpha.300")(props);
12977
13105
  const defaultEndColor = mode("blackAlpha.100", "whiteAlpha.100")(props);
@@ -12994,7 +13122,7 @@ var config35 = defineStyleConfig$1({
12994
13122
  };
12995
13123
  }
12996
13124
  });
12997
- var skeleton_default = config35;
13125
+ var skeleton_default = config36;
12998
13126
  var parts18 = anatomy$1("stepper").parts(
12999
13127
  "root",
13000
13128
  "container",
@@ -13008,7 +13136,7 @@ var parts18 = anatomy$1("stepper").parts(
13008
13136
  "closeButton"
13009
13137
  );
13010
13138
  var helpers26 = createMultiStyleConfigHelpers$1(parts18.keys);
13011
- var config36 = helpers26.defineMultiStyleConfig({
13139
+ var config37 = helpers26.defineMultiStyleConfig({
13012
13140
  baseStyle: {
13013
13141
  root: {
13014
13142
  display: "flex",
@@ -13077,14 +13205,14 @@ var config36 = helpers26.defineMultiStyleConfig({
13077
13205
  variant: "base"
13078
13206
  }
13079
13207
  });
13080
- var stepper_default = config36;
13208
+ var stepper_default = config37;
13081
13209
  var $width2 = cssVar$1("switch-track-width");
13082
13210
  var $height3 = cssVar$1("switch-track-height");
13083
13211
  var $diff2 = cssVar$1("switch-track-diff");
13084
13212
  var diffValue2 = calc$1.subtract($width2, $height3);
13085
13213
  var $translateX2 = cssVar$1("switch-thumb-x");
13086
13214
  var helpers27 = createMultiStyleConfigHelpers$1(switchAnatomy.keys);
13087
- var config37 = helpers27.defineMultiStyleConfig({
13215
+ var config38 = helpers27.defineMultiStyleConfig({
13088
13216
  baseStyle: (props) => ({
13089
13217
  container: {
13090
13218
  [$diff2.variable]: diffValue2,
@@ -13177,14 +13305,14 @@ var config37 = helpers27.defineMultiStyleConfig({
13177
13305
  size: "md"
13178
13306
  }
13179
13307
  });
13180
- var switch_default = config37;
13308
+ var switch_default = config38;
13181
13309
  var helpers28 = createMultiStyleConfigHelpers$1(tableAnatomy.keys);
13182
13310
  var numericStyles2 = {
13183
13311
  "&[data-is-numeric=true]": {
13184
13312
  textAlign: "end"
13185
13313
  }
13186
13314
  };
13187
- var config38 = helpers28.defineMultiStyleConfig({
13315
+ var config39 = helpers28.defineMultiStyleConfig({
13188
13316
  baseStyle: (props) => ({
13189
13317
  table: {
13190
13318
  borderCollapse: "collapse",
@@ -13195,12 +13323,10 @@ var config38 = helpers28.defineMultiStyleConfig({
13195
13323
  th: {
13196
13324
  fontWeight: "bold",
13197
13325
  textAlign: "start",
13198
- verticalAlign: "top",
13199
13326
  minWidth: "68px"
13200
13327
  },
13201
13328
  td: {
13202
- textAlign: "start",
13203
- verticalAlign: "top"
13329
+ textAlign: "start"
13204
13330
  },
13205
13331
  tfoot: {
13206
13332
  tr: {
@@ -13334,9 +13460,9 @@ var config38 = helpers28.defineMultiStyleConfig({
13334
13460
  colorScheme: "grey"
13335
13461
  }
13336
13462
  });
13337
- var table_default = config38;
13463
+ var table_default = config39;
13338
13464
  var helpers29 = createMultiStyleConfigHelpers$1(tabsAnatomy.keys);
13339
- var config39 = helpers29.defineMultiStyleConfig({
13465
+ var config40 = helpers29.defineMultiStyleConfig({
13340
13466
  baseStyle: (props) => ({
13341
13467
  root: {
13342
13468
  display: "flex",
@@ -13459,8 +13585,8 @@ var config39 = helpers29.defineMultiStyleConfig({
13459
13585
  variant: "base"
13460
13586
  }
13461
13587
  });
13462
- var tabs_default = config39;
13463
- var config40 = defineStyleConfig$1({
13588
+ var tabs_default = config40;
13589
+ var config41 = defineStyleConfig$1({
13464
13590
  baseStyle: (props) => ({
13465
13591
  ...input_default.baseStyle(props).field,
13466
13592
  minHeight: "5rem",
@@ -13477,8 +13603,8 @@ var config40 = defineStyleConfig$1({
13477
13603
  }
13478
13604
  })
13479
13605
  });
13480
- var textarea_default = config40;
13481
- var config41 = defineStyleConfig$1({
13606
+ var textarea_default = config41;
13607
+ var config42 = defineStyleConfig$1({
13482
13608
  baseStyle: {
13483
13609
  display: "flex",
13484
13610
  alignItems: "center",
@@ -13502,8 +13628,8 @@ var config41 = defineStyleConfig$1({
13502
13628
  }
13503
13629
  }
13504
13630
  });
13505
- var toast_default = config41;
13506
- var config42 = defineStyleConfig$1({
13631
+ var toast_default = config42;
13632
+ var config43 = defineStyleConfig$1({
13507
13633
  baseStyle: (props) => ({
13508
13634
  appearance: "none",
13509
13635
  border: "none",
@@ -13513,10 +13639,11 @@ var config42 = defineStyleConfig$1({
13513
13639
  borderRadius: "md",
13514
13640
  // Except for white cards, all cards are light mode always
13515
13641
  color: "text.default.light",
13642
+ ...focusVisibleStyles(props),
13516
13643
  ...getColorSchemeBaseProps2(props)
13517
13644
  })
13518
13645
  });
13519
- var static_card_default = config42;
13646
+ var static_card_default = config43;
13520
13647
  var getColorSchemeBaseProps2 = (props) => {
13521
13648
  var _a6;
13522
13649
  switch (props.colorScheme) {
@@ -13567,7 +13694,7 @@ var getColorSchemeBaseProps2 = (props) => {
13567
13694
  };
13568
13695
  }
13569
13696
  };
13570
- var config43 = defineStyleConfig$1({
13697
+ var config44 = defineStyleConfig$1({
13571
13698
  baseStyle: (props) => ({
13572
13699
  appearance: "none",
13573
13700
  border: "none",
@@ -13637,7 +13764,7 @@ var config43 = defineStyleConfig$1({
13637
13764
  }
13638
13765
  }
13639
13766
  });
13640
- var pressable_card_default = config43;
13767
+ var pressable_card_default = config44;
13641
13768
  var getColorSchemeBaseProps3 = (props) => {
13642
13769
  switch (props.colorScheme) {
13643
13770
  case "default":
@@ -13826,12 +13953,12 @@ var brandTheme = {
13826
13953
  };
13827
13954
  var BaseToast = ({ children, variant, id }) => {
13828
13955
  const styles3 = useStyleConfig("Toast", { variant });
13829
- return /* @__PURE__ */ React71__default.createElement(Flex, { sx: styles3, id }, /* @__PURE__ */ React71__default.createElement(ToastIcon, { variant }), children);
13956
+ return /* @__PURE__ */ React73__default.createElement(Flex, { sx: styles3, id }, /* @__PURE__ */ React73__default.createElement(ToastIcon, { variant }), children);
13830
13957
  };
13831
13958
  var ToastIcon = ({ variant }) => {
13832
13959
  const Icon = getIcon3(variant);
13833
13960
  const { t: t2 } = useTranslation();
13834
- return /* @__PURE__ */ React71__default.createElement(
13961
+ return /* @__PURE__ */ React73__default.createElement(
13835
13962
  Icon,
13836
13963
  {
13837
13964
  flexShrink: 0,
@@ -13881,7 +14008,7 @@ var ActionToast = ({
13881
14008
  buttonText,
13882
14009
  id
13883
14010
  }) => {
13884
- return /* @__PURE__ */ React71__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React71__default.createElement(Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React71__default.createElement(Button, { variant: "tertiary", size: "sm", onClick }, buttonText));
14011
+ return /* @__PURE__ */ React73__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React73__default.createElement(Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React73__default.createElement(Button, { variant: "tertiary", size: "sm", onClick }, buttonText));
13885
14012
  };
13886
14013
  var ClosableToast = ({
13887
14014
  children,
@@ -13891,13 +14018,13 @@ var ClosableToast = ({
13891
14018
  }) => {
13892
14019
  const styles3 = useMultiStyleConfig("Toast", { variant });
13893
14020
  const { t: t2 } = useTranslation();
13894
- return /* @__PURE__ */ React71__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React71__default.createElement(Box, { flexGrow: "1" }, children), /* @__PURE__ */ React71__default.createElement(
14021
+ return /* @__PURE__ */ React73__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React73__default.createElement(Box, { flexGrow: "1" }, children), /* @__PURE__ */ React73__default.createElement(
13895
14022
  IconButton,
13896
14023
  {
13897
14024
  sx: styles3.dismissButton,
13898
14025
  variant: "ghost",
13899
14026
  "aria-label": t2(texts27.dismiss),
13900
- icon: /* @__PURE__ */ React71__default.createElement(CloseFill18Icon, null),
14027
+ icon: /* @__PURE__ */ React73__default.createElement(CloseFill18Icon, null),
13901
14028
  onClick: onClose
13902
14029
  }
13903
14030
  ));
@@ -13925,7 +14052,7 @@ var useToast = () => {
13925
14052
  };
13926
14053
  var getToastComponent = (opts) => {
13927
14054
  if ("isClosable" in opts && opts.isClosable) {
13928
- return ({ onClose, id }) => /* @__PURE__ */ React71__default.createElement(
14055
+ return ({ onClose, id }) => /* @__PURE__ */ React73__default.createElement(
13929
14056
  ClosableToast,
13930
14057
  {
13931
14058
  id,
@@ -13941,7 +14068,7 @@ var getToastComponent = (opts) => {
13941
14068
  );
13942
14069
  }
13943
14070
  if ("buttonText" in opts) {
13944
- return ({ id }) => /* @__PURE__ */ React71__default.createElement(
14071
+ return ({ id }) => /* @__PURE__ */ React73__default.createElement(
13945
14072
  ActionToast,
13946
14073
  {
13947
14074
  id,
@@ -13952,7 +14079,7 @@ var getToastComponent = (opts) => {
13952
14079
  opts.text
13953
14080
  );
13954
14081
  }
13955
- return ({ id }) => /* @__PURE__ */ React71__default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
14082
+ return ({ id }) => /* @__PURE__ */ React73__default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
13956
14083
  };
13957
14084
  var Tooltip = ({
13958
14085
  children,
@@ -13965,7 +14092,7 @@ var Tooltip = ({
13965
14092
  withCloseButton = false,
13966
14093
  ...props
13967
14094
  }) => {
13968
- return /* @__PURE__ */ React71__default.createElement(
14095
+ return /* @__PURE__ */ React73__default.createElement(
13969
14096
  Popover,
13970
14097
  {
13971
14098
  onClose,
@@ -13977,8 +14104,8 @@ var Tooltip = ({
13977
14104
  arrowShadowColor: "none",
13978
14105
  ...props
13979
14106
  },
13980
- /* @__PURE__ */ React71__default.createElement(PopoverTrigger, null, children),
13981
- /* @__PURE__ */ React71__default.createElement(PopoverContent, null, /* @__PURE__ */ React71__default.createElement(PopoverArrow, null), withCloseButton && /* @__PURE__ */ React71__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React71__default.createElement(PopoverBody, null, content))
14107
+ /* @__PURE__ */ React73__default.createElement(PopoverTrigger, null, children),
14108
+ /* @__PURE__ */ React73__default.createElement(PopoverContent, null, /* @__PURE__ */ React73__default.createElement(PopoverArrow, null), withCloseButton && /* @__PURE__ */ React73__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React73__default.createElement(PopoverBody, null, content))
13982
14109
  );
13983
14110
  };
13984
14111
 
@@ -14087,4 +14214,4 @@ function slugify(text, maxLength = 50) {
14087
14214
  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);
14088
14215
  }
14089
14216
 
14090
- 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, Pagination, PasswordInput, PhoneNumberInput, PlayPauseButton, PressableCard, 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 };
14217
+ 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, Pagination, PasswordInput, PhoneNumberInput, PlayPauseButton, PressableCard, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, 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 };