@vygruppen/spor-react 9.14.1 → 9.15.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.
@@ -3,13 +3,13 @@ import * as tokens11 from '@vygruppen/spor-design-tokens';
3
3
  export { tokens11 as tokens };
4
4
  import { forwardRef, Divider as Divider$1, Stack as Stack$1, Box, useMultiStyleConfig, chakra, Flex, Checkbox as Checkbox$1, useCheckbox, FormControl as FormControl$1, FormLabel as FormLabel$1, useFormControlContext, InputGroup, InputLeftElement, Input as Input$1, InputRightElement, Select, useDisclosure, Button, useControllableState, Radio as Radio$1, RadioGroup as RadioGroup$1, IconButton as IconButton$1, Switch as Switch$1, Textarea as Textarea$1, useStyleConfig, Accordion as Accordion$1, Skeleton as Skeleton$1, useButtonGroup, Center, ButtonGroup as ButtonGroup$1, Badge as Badge$1, Code as Code$1, Text, PopoverAnchor, PopoverContent, PopoverArrow, PopoverBody, FocusLock, Popover as Popover$1, PopoverTrigger, Portal, 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, Heading, CheckboxGroup as CheckboxGroup$1, List, ListItem, useColorModeValue, useFormControlProps, useFormControl, AccordionItem, AccordionButton, AccordionIcon, AccordionPanel, useColorMode, SkeletonCircle as SkeletonCircle$1, SkeletonText as SkeletonText$1, Breadcrumb as Breadcrumb$1, BreadcrumbItem as BreadcrumbItem$1, BreadcrumbLink as BreadcrumbLink$1, 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 React87 from 'react';
7
- import React87__default, { forwardRef as forwardRef$1, useRef, useState, useEffect, useId, Suspense, useContext, createContext, useCallback, useMemo, useLayoutEffect } from 'react';
6
+ import * as React86 from 'react';
7
+ import React86__default, { forwardRef as forwardRef$1, useRef, useState, useEffect, useId, Suspense, useContext, createContext, useCallback, useMemo, useLayoutEffect } from 'react';
8
8
  import { CloseOutline24Icon, SearchOutline24Icon, CloseFill30Icon, CloseFill24Icon, CloseFill18Icon, CalendarOutline24Icon, InformationFill24Icon, InformationFill18Icon, WarningFill24Icon, WarningFill18Icon, ErrorFill24Icon, ErrorFill18Icon, LinkOutOutline24Icon, DropdownDownFill18Icon, DropdownDownFill24Icon, DropdownUpFill24Icon, DropdownRightFill18Icon, DropdownLeftFill18Icon, Forward15MediaControllerFill30Icon, Backward15MediaControllerFill30Icon, PauseMediaControllerFill24Icon, PlayMediaControllerFill24Icon, NextMediaControllerFill30Icon, PreviousMediaControllerFill30Icon, ArrowLeftFill24Icon, ArrowLeftFill30Icon, ArrowRightFill18Icon, 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 { usePopover, DismissButton, Overlay, useOverlayTrigger, useButton, useDateSegment, useDateField, useDatePicker, I18nProvider, useDialog, useFilter, useComboBox, useListBox, useOption, useListBoxSection, useSelect, HiddenSelect, useProgressBar, useCalendar, useDateRangePicker, useCalendarGrid, useRangeCalendar, useTimeField, useCalendarCell } from 'react-aria';
10
10
  import { useOverlayTriggerState, Item, useDateFieldState, useDatePickerState, useComboBoxState, useSelectState, useCalendarState, useDateRangePickerState, useTimeFieldState, useRangeCalendarState } from 'react-stately';
11
11
  export { Item, Section } from 'react-stately';
12
- import { inlineLoaderColorPrideData, inlineLoaderColorData, spinnerColorPrideData, spinnerColorData, contentLoaderPrideData, contentLoaderData, fullScreenLoaderWhiteData, inlineLoaderDarkData, vyLogoPrideData, fullScreenLoaderBlackData, inlineLoaderLightData, spinnerLightData, spinnerDarkData } from '@vygruppen/spor-loader';
12
+ import { inlineLoaderColorData, spinnerColorData, contentLoaderData, fullScreenLoaderWhiteData, inlineLoaderDarkData, fullScreenLoaderBlackData, inlineLoaderLightData, spinnerLightData, spinnerDarkData } from '@vygruppen/spor-loader';
13
13
  import { useLottie } from 'lottie-react';
14
14
  import { motion } from 'framer-motion';
15
15
  import { createCalendar, GregorianCalendar, parseTime, endOfMonth, getWeeksInMonth, getLocalTimeZone, isSameMonth, isToday } from '@internationalized/date';
@@ -771,11 +771,11 @@ var require_lodash = __commonJS({
771
771
  }
772
772
  });
773
773
  var Divider = forwardRef((props, ref) => {
774
- return /* @__PURE__ */ React87__default.createElement(Divider$1, { ...props, ref });
774
+ return /* @__PURE__ */ React86__default.createElement(Divider$1, { ...props, ref });
775
775
  });
776
776
  var Stack = forwardRef(
777
777
  ({ flexDirection, ...props }, ref) => {
778
- return /* @__PURE__ */ React87__default.createElement(Stack$1, { ...props, direction: flexDirection, ref });
778
+ return /* @__PURE__ */ React86__default.createElement(Stack$1, { ...props, direction: flexDirection, ref });
779
779
  }
780
780
  );
781
781
  var AttachedInputs = ({
@@ -807,7 +807,7 @@ var AttachedInputs = ({
807
807
  }
808
808
  };
809
809
  const direction2 = flexDirection === "row" ? "horizontal" : "vertical";
810
- return /* @__PURE__ */ React87__default.createElement(
810
+ return /* @__PURE__ */ React86__default.createElement(
811
811
  Flex,
812
812
  {
813
813
  role: "group",
@@ -821,7 +821,7 @@ var AttachedInputs = ({
821
821
  var Dialog = ({ title, children, ...props }) => {
822
822
  const ref = useRef(null);
823
823
  const { dialogProps, titleProps } = useDialog(props, ref);
824
- return /* @__PURE__ */ React87__default.createElement(Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React87__default.createElement(Heading, { as: "h3", ...titleProps }, title), children);
824
+ return /* @__PURE__ */ React86__default.createElement(Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React86__default.createElement(Heading, { as: "h3", ...titleProps }, title), children);
825
825
  };
826
826
  var Popover = forwardRef$1(
827
827
  ({
@@ -852,21 +852,21 @@ var Popover = forwardRef$1(
852
852
  },
853
853
  state2
854
854
  );
855
- const popoverBox = /* @__PURE__ */ React87__default.createElement(
855
+ const popoverBox = /* @__PURE__ */ React86__default.createElement(
856
856
  Box,
857
857
  {
858
858
  ...popoverProps,
859
859
  ref: popoverRef,
860
860
  minWidth: ((_a6 = triggerRef.current) == null ? void 0 : _a6.clientWidth) ?? "auto"
861
861
  },
862
- /* @__PURE__ */ React87__default.createElement(DismissButton, { onDismiss: state2.close }),
862
+ /* @__PURE__ */ React86__default.createElement(DismissButton, { onDismiss: state2.close }),
863
863
  children,
864
- /* @__PURE__ */ React87__default.createElement(DismissButton, { onDismiss: state2.close })
864
+ /* @__PURE__ */ React86__default.createElement(DismissButton, { onDismiss: state2.close })
865
865
  );
866
866
  if (isNonModal) {
867
867
  return popoverBox;
868
868
  }
869
- return /* @__PURE__ */ React87__default.createElement(Overlay, null, hasBackdrop && /* @__PURE__ */ React87__default.createElement(Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
869
+ return /* @__PURE__ */ React86__default.createElement(Overlay, null, hasBackdrop && /* @__PURE__ */ React86__default.createElement(Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
870
870
  }
871
871
  );
872
872
 
@@ -907,7 +907,7 @@ var CardSelect = forwardRef(
907
907
  });
908
908
  useForceRerender(state2.isOpen);
909
909
  const ChevronIcon = size2 === "sm" ? DropdownDownFill18Icon : DropdownDownFill24Icon;
910
- return /* @__PURE__ */ React87__default.createElement(Box, { ...props }, /* @__PURE__ */ React87__default.createElement(
910
+ return /* @__PURE__ */ React86__default.createElement(Box, { ...props }, /* @__PURE__ */ React86__default.createElement(
911
911
  chakra.button,
912
912
  {
913
913
  type: "button",
@@ -919,13 +919,13 @@ var CardSelect = forwardRef(
919
919
  width,
920
920
  "data-attachable": true
921
921
  },
922
- /* @__PURE__ */ React87__default.createElement(Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React87__default.createElement(Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React87__default.createElement(
922
+ /* @__PURE__ */ React86__default.createElement(Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React86__default.createElement(Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React86__default.createElement(
923
923
  ChevronIcon,
924
924
  {
925
925
  transform: state2.isOpen ? "rotate(180deg)" : "none"
926
926
  }
927
927
  ) : null)
928
- ), state2.isOpen && /* @__PURE__ */ React87__default.createElement(
928
+ ), state2.isOpen && /* @__PURE__ */ React86__default.createElement(
929
929
  Popover,
930
930
  {
931
931
  state: state2,
@@ -934,7 +934,7 @@ var CardSelect = forwardRef(
934
934
  crossOffset,
935
935
  placement
936
936
  },
937
- /* @__PURE__ */ React87__default.createElement(
937
+ /* @__PURE__ */ React86__default.createElement(
938
938
  StaticCard,
939
939
  {
940
940
  colorScheme: "white",
@@ -944,7 +944,7 @@ var CardSelect = forwardRef(
944
944
  sx: styles3.card,
945
945
  ...overlayProps
946
946
  },
947
- /* @__PURE__ */ React87__default.createElement(Dialog, { "aria-label": label }, children)
947
+ /* @__PURE__ */ React86__default.createElement(Dialog, { "aria-label": label }, children)
948
948
  )
949
949
  ));
950
950
  }
@@ -958,14 +958,14 @@ function useForceRerender(shouldRerender) {
958
958
  }, [shouldRerender]);
959
959
  }
960
960
  var Checkbox = forwardRef((props, ref) => {
961
- return /* @__PURE__ */ React87__default.createElement(Checkbox$1, { ...props, ref });
961
+ return /* @__PURE__ */ React86__default.createElement(Checkbox$1, { ...props, ref });
962
962
  });
963
963
  var CheckboxGroup = ({
964
964
  direction: direction2 = "row",
965
965
  children,
966
966
  ...props
967
967
  }) => {
968
- return /* @__PURE__ */ React87__default.createElement(CheckboxGroup$1, { ...props }, /* @__PURE__ */ React87__default.createElement(Stack$1, { direction: direction2 }, children));
968
+ return /* @__PURE__ */ React86__default.createElement(CheckboxGroup$1, { ...props }, /* @__PURE__ */ React86__default.createElement(Stack$1, { direction: direction2 }, children));
969
969
  };
970
970
 
971
971
  // ../../node_modules/@chakra-ui/utils/dist/chunk-O3SWHQEE.mjs
@@ -994,15 +994,15 @@ var ChoiceChip = forwardRef((props, ref) => {
994
994
  hasLabel: Boolean(children)
995
995
  });
996
996
  const id = `choice-chip-${useId()}`;
997
- return /* @__PURE__ */ React87__default.createElement(
997
+ return /* @__PURE__ */ React86__default.createElement(
998
998
  chakra.label,
999
999
  {
1000
1000
  htmlFor: id,
1001
1001
  ...getRootProps(),
1002
1002
  "aria-label": String(children)
1003
1003
  },
1004
- /* @__PURE__ */ React87__default.createElement(chakra.input, { ...getInputProps({}, ref), id, disabled: isDisabled }),
1005
- /* @__PURE__ */ React87__default.createElement(
1004
+ /* @__PURE__ */ React86__default.createElement(chakra.input, { ...getInputProps({}, ref), id, disabled: isDisabled }),
1005
+ /* @__PURE__ */ React86__default.createElement(
1006
1006
  chakra.div,
1007
1007
  {
1008
1008
  ...getLabelProps(),
@@ -1013,9 +1013,9 @@ var ChoiceChip = forwardRef((props, ref) => {
1013
1013
  "data-active": dataAttr(state2.isActive),
1014
1014
  "data-disabled": dataAttr(state2.isDisabled)
1015
1015
  },
1016
- icon && /* @__PURE__ */ React87__default.createElement(chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
1017
- /* @__PURE__ */ React87__default.createElement(chakra.span, { __css: styles3.label, ...getCheckboxProps() }, chipType !== "icon" && children),
1018
- chipType === "filter" && state2.isChecked && /* @__PURE__ */ React87__default.createElement(CloseOutline24Icon, { marginLeft: 1.5 })
1016
+ icon && /* @__PURE__ */ React86__default.createElement(chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
1017
+ /* @__PURE__ */ React86__default.createElement(chakra.span, { __css: styles3.label, ...getCheckboxProps() }, chipType !== "icon" && children),
1018
+ chipType === "filter" && state2.isChecked && /* @__PURE__ */ React86__default.createElement(CloseOutline24Icon, { marginLeft: 1.5 })
1019
1019
  )
1020
1020
  );
1021
1021
  });
@@ -1087,7 +1087,7 @@ function Combobox({
1087
1087
  },
1088
1088
  state2
1089
1089
  );
1090
- return /* @__PURE__ */ React87__default.createElement(React87__default.Fragment, null, /* @__PURE__ */ React87__default.createElement(
1090
+ return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
1091
1091
  Input,
1092
1092
  {
1093
1093
  ...styleProps(comboBoxProps),
@@ -1097,7 +1097,7 @@ function Combobox({
1097
1097
  borderBottomLeftRadius: state2.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
1098
1098
  borderBottomRightRadius: state2.isOpen && !isLoading ? 0 : borderBottomRightRadius,
1099
1099
  ...inputProps,
1100
- rightIcon: isLoading ? /* @__PURE__ */ React87__default.createElement(
1100
+ rightIcon: isLoading ? /* @__PURE__ */ React86__default.createElement(
1101
1101
  ColorSpinner,
1102
1102
  {
1103
1103
  width: "1.5rem",
@@ -1112,7 +1112,7 @@ function Combobox({
1112
1112
  }
1113
1113
  ) : rightIcon
1114
1114
  }
1115
- ), state2.isOpen && !isLoading && /* @__PURE__ */ React87__default.createElement(
1115
+ ), state2.isOpen && !isLoading && /* @__PURE__ */ React86__default.createElement(
1116
1116
  Popover,
1117
1117
  {
1118
1118
  state: state2,
@@ -1124,7 +1124,7 @@ function Combobox({
1124
1124
  hasBackdrop: false,
1125
1125
  containerPadding: 0
1126
1126
  },
1127
- /* @__PURE__ */ React87__default.createElement(
1127
+ /* @__PURE__ */ React86__default.createElement(
1128
1128
  ListBox,
1129
1129
  {
1130
1130
  ...listBoxProps,
@@ -1166,7 +1166,7 @@ var debounce = (fn, ms = 100) => {
1166
1166
  };
1167
1167
  };
1168
1168
  var FormControl = forwardRef((props, ref) => {
1169
- return /* @__PURE__ */ React87__default.createElement(FormControl$1, { ...props, ref });
1169
+ return /* @__PURE__ */ React86__default.createElement(FormControl$1, { ...props, ref });
1170
1170
  });
1171
1171
  var FormErrorMessage = ({
1172
1172
  children,
@@ -1182,7 +1182,7 @@ var FormErrorMessage = ({
1182
1182
  return null;
1183
1183
  }
1184
1184
  const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
1185
- return /* @__PURE__ */ React87__default.createElement(Box, { position: "relative", ref }, /* @__PURE__ */ React87__default.createElement(
1185
+ return /* @__PURE__ */ React86__default.createElement(Box, { position: "relative", ref }, /* @__PURE__ */ React86__default.createElement(
1186
1186
  Box,
1187
1187
  {
1188
1188
  borderRadius: "xs",
@@ -1200,12 +1200,12 @@ var FormErrorMessage = ({
1200
1200
  ...errorMessageProps,
1201
1201
  ...boxProps
1202
1202
  },
1203
- /* @__PURE__ */ React87__default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
1203
+ /* @__PURE__ */ React86__default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
1204
1204
  children
1205
1205
  ));
1206
1206
  };
1207
1207
  var Arrow = (props) => {
1208
- return /* @__PURE__ */ React87__default.createElement(
1208
+ return /* @__PURE__ */ React86__default.createElement(
1209
1209
  Box,
1210
1210
  {
1211
1211
  ...props,
@@ -1216,7 +1216,7 @@ var Arrow = (props) => {
1216
1216
  fill: "none",
1217
1217
  transform: "rotate(45deg)"
1218
1218
  },
1219
- /* @__PURE__ */ React87__default.createElement(
1219
+ /* @__PURE__ */ React86__default.createElement(
1220
1220
  Box,
1221
1221
  {
1222
1222
  as: "path",
@@ -1227,7 +1227,7 @@ var Arrow = (props) => {
1227
1227
  );
1228
1228
  };
1229
1229
  var FormLabel = forwardRef((props, ref) => {
1230
- return /* @__PURE__ */ React87__default.createElement(FormLabel$1, { ...props, ref });
1230
+ return /* @__PURE__ */ React86__default.createElement(FormLabel$1, { ...props, ref });
1231
1231
  });
1232
1232
  function ListBox({
1233
1233
  isLoading,
@@ -1238,7 +1238,7 @@ function ListBox({
1238
1238
  }) {
1239
1239
  const { listBoxProps } = useListBox(props, state2, listBoxRef);
1240
1240
  const styles3 = useMultiStyleConfig("ListBox", {});
1241
- return /* @__PURE__ */ React87__default.createElement(
1241
+ return /* @__PURE__ */ React86__default.createElement(
1242
1242
  List,
1243
1243
  {
1244
1244
  ...listBoxProps,
@@ -1249,19 +1249,19 @@ function ListBox({
1249
1249
  },
1250
1250
  state2.collection.size === 0 && props.emptyContent,
1251
1251
  Array.from(state2.collection).map(
1252
- (item) => item.type === "section" ? /* @__PURE__ */ React87__default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React87__default.createElement(Option, { key: item.key, item, state: state2 })
1252
+ (item) => item.type === "section" ? /* @__PURE__ */ React86__default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React86__default.createElement(Option, { key: item.key, item, state: state2 })
1253
1253
  )
1254
1254
  );
1255
1255
  }
1256
1256
  function ItemLabel({ children }) {
1257
1257
  let { labelProps } = useOptionContext();
1258
1258
  const styles3 = useMultiStyleConfig("ListBox", {});
1259
- return /* @__PURE__ */ React87__default.createElement(Box, { ...labelProps, sx: styles3.label }, children);
1259
+ return /* @__PURE__ */ React86__default.createElement(Box, { ...labelProps, sx: styles3.label }, children);
1260
1260
  }
1261
1261
  function ItemDescription({ children }) {
1262
1262
  let { descriptionProps } = useOptionContext();
1263
1263
  const styles3 = useMultiStyleConfig("ListBox", {});
1264
- return /* @__PURE__ */ React87__default.createElement(Box, { ...descriptionProps, sx: styles3.description }, children);
1264
+ return /* @__PURE__ */ React86__default.createElement(Box, { ...descriptionProps, sx: styles3.description }, children);
1265
1265
  }
1266
1266
  function Option({ item, state: state2 }) {
1267
1267
  const ref = useRef(null);
@@ -1294,9 +1294,9 @@ function Option({ item, state: state2 }) {
1294
1294
  { passive: false, once: true }
1295
1295
  );
1296
1296
  }, []);
1297
- return /* @__PURE__ */ React87__default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React87__default.createElement(ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
1297
+ return /* @__PURE__ */ React86__default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React86__default.createElement(ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
1298
1298
  }
1299
- var OptionContext = React87__default.createContext({
1299
+ var OptionContext = React86__default.createContext({
1300
1300
  labelProps: {},
1301
1301
  descriptionProps: {}
1302
1302
  });
@@ -1310,7 +1310,7 @@ function ListBoxSection({ section, state: state2 }) {
1310
1310
  });
1311
1311
  const isFirstSection = section.key === state2.collection.getFirstKey();
1312
1312
  const titleColor = useColorModeValue("darkGrey", "white");
1313
- return /* @__PURE__ */ React87__default.createElement(ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React87__default.createElement(
1313
+ return /* @__PURE__ */ React86__default.createElement(ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React86__default.createElement(
1314
1314
  Box,
1315
1315
  {
1316
1316
  fontSize: "mobile.xs",
@@ -1323,8 +1323,8 @@ function ListBoxSection({ section, state: state2 }) {
1323
1323
  ...headingProps
1324
1324
  },
1325
1325
  section.rendered
1326
- ), /* @__PURE__ */ React87__default.createElement(List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
1327
- (item) => /* @__PURE__ */ React87__default.createElement(Option, { key: item.key, item, state: state2 })
1326
+ ), /* @__PURE__ */ React86__default.createElement(List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
1327
+ (item) => /* @__PURE__ */ React86__default.createElement(Option, { key: item.key, item, state: state2 })
1328
1328
  )));
1329
1329
  }
1330
1330
 
@@ -1363,7 +1363,7 @@ function InfoSelect({
1363
1363
  const { t: t2 } = useTranslation();
1364
1364
  const formControl = useFormControlProps(props);
1365
1365
  const hasChosenValue = state2.selectedItem !== null;
1366
- return /* @__PURE__ */ React87__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React87__default.createElement(
1366
+ return /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React86__default.createElement(
1367
1367
  HiddenSelect,
1368
1368
  {
1369
1369
  state: state2,
@@ -1371,7 +1371,7 @@ function InfoSelect({
1371
1371
  label: props.label,
1372
1372
  name: props.name
1373
1373
  }
1374
- ), /* @__PURE__ */ React87__default.createElement(
1374
+ ), /* @__PURE__ */ React86__default.createElement(
1375
1375
  chakra.button,
1376
1376
  {
1377
1377
  type: "button",
@@ -1382,7 +1382,7 @@ function InfoSelect({
1382
1382
  "aria-invalid": formControl.isInvalid,
1383
1383
  "aria-describedby": formControl["aria-describedby"]
1384
1384
  },
1385
- /* @__PURE__ */ React87__default.createElement(chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React87__default.createElement(
1385
+ /* @__PURE__ */ React86__default.createElement(chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React86__default.createElement(
1386
1386
  chakra.div,
1387
1387
  {
1388
1388
  ...labelProps,
@@ -1396,7 +1396,7 @@ function InfoSelect({
1396
1396
  }
1397
1397
  },
1398
1398
  props.label
1399
- ), /* @__PURE__ */ React87__default.createElement(
1399
+ ), /* @__PURE__ */ React86__default.createElement(
1400
1400
  Box,
1401
1401
  {
1402
1402
  ...valueProps,
@@ -1408,15 +1408,15 @@ function InfoSelect({
1408
1408
  },
1409
1409
  state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts.selectAnOption)
1410
1410
  )),
1411
- /* @__PURE__ */ React87__default.createElement(Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React87__default.createElement(DropdownUpFill24Icon, null) : /* @__PURE__ */ React87__default.createElement(DropdownDownFill24Icon, null))
1412
- ), state2.isOpen && /* @__PURE__ */ React87__default.createElement(
1411
+ /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React86__default.createElement(DropdownUpFill24Icon, null) : /* @__PURE__ */ React86__default.createElement(DropdownDownFill24Icon, null))
1412
+ ), state2.isOpen && /* @__PURE__ */ React86__default.createElement(
1413
1413
  Popover,
1414
1414
  {
1415
1415
  state: state2,
1416
1416
  triggerRef,
1417
1417
  containerPadding: 0
1418
1418
  },
1419
- /* @__PURE__ */ React87__default.createElement(
1419
+ /* @__PURE__ */ React86__default.createElement(
1420
1420
  ListBox,
1421
1421
  {
1422
1422
  ...menuProps,
@@ -1441,7 +1441,7 @@ var Input = forwardRef(
1441
1441
  const formControlProps = useFormControlContext();
1442
1442
  const fallbackId = `input-${useId()}`;
1443
1443
  const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
1444
- return /* @__PURE__ */ React87__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React87__default.createElement(InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React87__default.createElement(
1444
+ return /* @__PURE__ */ React86__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React86__default.createElement(InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React86__default.createElement(
1445
1445
  Input$1,
1446
1446
  {
1447
1447
  "data-attachable": true,
@@ -1452,19 +1452,19 @@ var Input = forwardRef(
1452
1452
  ref,
1453
1453
  placeholder: " "
1454
1454
  }
1455
- ), /* @__PURE__ */ React87__default.createElement(FormLabel$1, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React87__default.createElement(InputRightElement, { pointerEvents: "none" }, rightIcon));
1455
+ ), /* @__PURE__ */ React86__default.createElement(FormLabel$1, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React86__default.createElement(InputRightElement, { pointerEvents: "none" }, rightIcon));
1456
1456
  }
1457
1457
  );
1458
1458
  var InputLeftElement2 = forwardRef(
1459
- (props, ref) => /* @__PURE__ */ React87__default.createElement(InputLeftElement, { ...props, ref })
1459
+ (props, ref) => /* @__PURE__ */ React86__default.createElement(InputLeftElement, { ...props, ref })
1460
1460
  );
1461
1461
  var InputRightElement2 = forwardRef(
1462
- (props, ref) => /* @__PURE__ */ React87__default.createElement(InputRightElement, { ...props, ref })
1462
+ (props, ref) => /* @__PURE__ */ React86__default.createElement(InputRightElement, { ...props, ref })
1463
1463
  );
1464
1464
  var NativeSelect = forwardRef(
1465
1465
  ({ label, ...props }, ref) => {
1466
1466
  const styles3 = useMultiStyleConfig("Select", props);
1467
- return /* @__PURE__ */ React87__default.createElement(FormControl, null, /* @__PURE__ */ React87__default.createElement(
1467
+ return /* @__PURE__ */ React86__default.createElement(FormControl, null, /* @__PURE__ */ React86__default.createElement(
1468
1468
  Select,
1469
1469
  {
1470
1470
  "data-attachable": true,
@@ -1472,7 +1472,7 @@ var NativeSelect = forwardRef(
1472
1472
  rootProps: { __css: styles3.root },
1473
1473
  ref
1474
1474
  }
1475
- ), label && /* @__PURE__ */ React87__default.createElement(FormLabel, null, label));
1475
+ ), label && /* @__PURE__ */ React86__default.createElement(FormLabel, null, label));
1476
1476
  }
1477
1477
  );
1478
1478
  function NumericStepper({
@@ -1498,17 +1498,17 @@ function NumericStepper({
1498
1498
  });
1499
1499
  const formControlProps = useFormControl({ id: idProp, isDisabled });
1500
1500
  const clampedStepSize = Math.max(Math.min(stepSize, 10), 1);
1501
- return /* @__PURE__ */ React87__default.createElement(Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React87__default.createElement(
1501
+ return /* @__PURE__ */ React86__default.createElement(Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React86__default.createElement(
1502
1502
  VerySmallButton,
1503
1503
  {
1504
- icon: /* @__PURE__ */ React87__default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
1504
+ icon: /* @__PURE__ */ React86__default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
1505
1505
  "aria-label": t2(texts2.decrementButtonAriaLabel(clampedStepSize)),
1506
1506
  onClick: () => onChange(Math.max(value - clampedStepSize, minValue)),
1507
1507
  visibility: value <= minValue ? "hidden" : "visible",
1508
1508
  isDisabled: formControlProps.disabled,
1509
1509
  id: value <= minValue ? void 0 : formControlProps.id
1510
1510
  }
1511
- ), withInput ? /* @__PURE__ */ React87__default.createElement(
1511
+ ), withInput ? /* @__PURE__ */ React86__default.createElement(
1512
1512
  chakra.input,
1513
1513
  {
1514
1514
  type: "number",
@@ -1531,7 +1531,7 @@ function NumericStepper({
1531
1531
  onChange(Math.max(Math.min(numericInput, maxValue), minValue));
1532
1532
  }
1533
1533
  }
1534
- ) : /* @__PURE__ */ React87__default.createElement(
1534
+ ) : /* @__PURE__ */ React86__default.createElement(
1535
1535
  chakra.text,
1536
1536
  {
1537
1537
  sx: styles3.text,
@@ -1539,10 +1539,10 @@ function NumericStepper({
1539
1539
  "aria-label": value.toString()
1540
1540
  },
1541
1541
  value
1542
- ), /* @__PURE__ */ React87__default.createElement(
1542
+ ), /* @__PURE__ */ React86__default.createElement(
1543
1543
  VerySmallButton,
1544
1544
  {
1545
- icon: /* @__PURE__ */ React87__default.createElement(AddIcon, { stepLabel: clampedStepSize }),
1545
+ icon: /* @__PURE__ */ React86__default.createElement(AddIcon, { stepLabel: clampedStepSize }),
1546
1546
  "aria-label": t2(texts2.incrementButtonAriaLabel(clampedStepSize)),
1547
1547
  onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
1548
1548
  visibility: value >= maxValue ? "hidden" : "visible",
@@ -1553,9 +1553,9 @@ function NumericStepper({
1553
1553
  }
1554
1554
  var VerySmallButton = (props) => {
1555
1555
  const styles3 = useMultiStyleConfig("NumericStepper", {});
1556
- return /* @__PURE__ */ React87__default.createElement(IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
1556
+ return /* @__PURE__ */ React86__default.createElement(IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
1557
1557
  };
1558
- var SubtractIcon = (props) => /* @__PURE__ */ React87__default.createElement(React87__default.Fragment, null, /* @__PURE__ */ React87__default.createElement(
1558
+ var SubtractIcon = (props) => /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
1559
1559
  Box,
1560
1560
  {
1561
1561
  as: "svg",
@@ -1565,7 +1565,7 @@ var SubtractIcon = (props) => /* @__PURE__ */ React87__default.createElement(Rea
1565
1565
  stroke: "currentColor",
1566
1566
  ...props
1567
1567
  },
1568
- /* @__PURE__ */ React87__default.createElement(
1568
+ /* @__PURE__ */ React86__default.createElement(
1569
1569
  "line",
1570
1570
  {
1571
1571
  x1: "9",
@@ -1576,8 +1576,8 @@ var SubtractIcon = (props) => /* @__PURE__ */ React87__default.createElement(Rea
1576
1576
  strokeLinecap: "round"
1577
1577
  }
1578
1578
  )
1579
- ), props.stepLabel > 1 && /* @__PURE__ */ React87__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
1580
- var AddIcon = (props) => /* @__PURE__ */ React87__default.createElement(React87__default.Fragment, null, /* @__PURE__ */ React87__default.createElement(
1579
+ ), props.stepLabel > 1 && /* @__PURE__ */ React86__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
1580
+ var AddIcon = (props) => /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
1581
1581
  Box,
1582
1582
  {
1583
1583
  as: "svg",
@@ -1587,7 +1587,7 @@ var AddIcon = (props) => /* @__PURE__ */ React87__default.createElement(React87_
1587
1587
  stroke: "currentColor",
1588
1588
  ...props
1589
1589
  },
1590
- /* @__PURE__ */ React87__default.createElement(
1590
+ /* @__PURE__ */ React86__default.createElement(
1591
1591
  "line",
1592
1592
  {
1593
1593
  x1: "9",
@@ -1598,7 +1598,7 @@ var AddIcon = (props) => /* @__PURE__ */ React87__default.createElement(React87_
1598
1598
  strokeLinecap: "round"
1599
1599
  }
1600
1600
  ),
1601
- /* @__PURE__ */ React87__default.createElement(
1601
+ /* @__PURE__ */ React86__default.createElement(
1602
1602
  "line",
1603
1603
  {
1604
1604
  x1: "15",
@@ -1609,7 +1609,7 @@ var AddIcon = (props) => /* @__PURE__ */ React87__default.createElement(React87_
1609
1609
  strokeLinecap: "round"
1610
1610
  }
1611
1611
  )
1612
- ), props.stepLabel > 1 && /* @__PURE__ */ React87__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
1612
+ ), props.stepLabel > 1 && /* @__PURE__ */ React86__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
1613
1613
  var texts2 = createTexts({
1614
1614
  decrementButtonAriaLabel(stepSize) {
1615
1615
  return {
@@ -1635,7 +1635,7 @@ var PasswordInput = forwardRef(
1635
1635
  const formControlProps = useFormControlContext();
1636
1636
  const autoGeneratedId = `password-input-${useId()}`;
1637
1637
  const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
1638
- return /* @__PURE__ */ React87__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React87__default.createElement(InputLeftElement2, null, leftIcon), /* @__PURE__ */ React87__default.createElement(
1638
+ return /* @__PURE__ */ React86__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React86__default.createElement(InputLeftElement2, null, leftIcon), /* @__PURE__ */ React86__default.createElement(
1639
1639
  Input$1,
1640
1640
  {
1641
1641
  ...props,
@@ -1647,7 +1647,7 @@ var PasswordInput = forwardRef(
1647
1647
  ref,
1648
1648
  "data-attachable": true
1649
1649
  }
1650
- ), /* @__PURE__ */ React87__default.createElement(FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React87__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React87__default.createElement(
1650
+ ), /* @__PURE__ */ React86__default.createElement(FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React86__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React86__default.createElement(
1651
1651
  Button,
1652
1652
  {
1653
1653
  variant: "ghost",
@@ -1695,10 +1695,10 @@ var PhoneNumberInput = forwardRef(
1695
1695
  nationalNumber: ""
1696
1696
  }
1697
1697
  });
1698
- return /* @__PURE__ */ React87__default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React87__default.createElement(
1698
+ return /* @__PURE__ */ React86__default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React86__default.createElement(
1699
1699
  Suspense,
1700
1700
  {
1701
- fallback: /* @__PURE__ */ React87__default.createElement(
1701
+ fallback: /* @__PURE__ */ React86__default.createElement(
1702
1702
  InfoSelect,
1703
1703
  {
1704
1704
  isLabelSrOnly: true,
@@ -1707,10 +1707,10 @@ var PhoneNumberInput = forwardRef(
1707
1707
  height: "100%",
1708
1708
  value: "+47"
1709
1709
  },
1710
- /* @__PURE__ */ React87__default.createElement(Item, { key: "+47" }, "+47")
1710
+ /* @__PURE__ */ React86__default.createElement(Item, { key: "+47" }, "+47")
1711
1711
  )
1712
1712
  },
1713
- /* @__PURE__ */ React87__default.createElement(
1713
+ /* @__PURE__ */ React86__default.createElement(
1714
1714
  LazyCountryCodeSelect,
1715
1715
  {
1716
1716
  value: value.countryCode,
@@ -1723,7 +1723,7 @@ var PhoneNumberInput = forwardRef(
1723
1723
  width: "6.25rem"
1724
1724
  }
1725
1725
  )
1726
- ), /* @__PURE__ */ React87__default.createElement(
1726
+ ), /* @__PURE__ */ React86__default.createElement(
1727
1727
  Input,
1728
1728
  {
1729
1729
  ref,
@@ -1758,13 +1758,13 @@ var texts4 = createTexts({
1758
1758
  sv: "Landskod"
1759
1759
  }
1760
1760
  });
1761
- var LazyCountryCodeSelect = React87__default.lazy(() => import('./CountryCodeSelect-JADNUR4X.mjs'));
1761
+ var LazyCountryCodeSelect = React86__default.lazy(() => import('./CountryCodeSelect-BF22CLZQ.mjs'));
1762
1762
  var Radio = forwardRef((props, ref) => {
1763
- return /* @__PURE__ */ React87__default.createElement(Radio$1, { ...props, ref });
1763
+ return /* @__PURE__ */ React86__default.createElement(Radio$1, { ...props, ref });
1764
1764
  });
1765
1765
  var RadioGroup = forwardRef(
1766
1766
  ({ children, direction: direction2 = "row", ...rest }, ref) => {
1767
- return /* @__PURE__ */ React87__default.createElement(RadioGroup$1, { ...rest, ref }, /* @__PURE__ */ React87__default.createElement(Stack$1, { direction: direction2 }, children));
1767
+ return /* @__PURE__ */ React86__default.createElement(RadioGroup$1, { ...rest, ref }, /* @__PURE__ */ React86__default.createElement(Stack$1, { direction: direction2 }, children));
1768
1768
  }
1769
1769
  );
1770
1770
  var SearchInput = forwardRef(
@@ -1774,7 +1774,7 @@ var SearchInput = forwardRef(
1774
1774
  const formControlProps = useFormControlContext();
1775
1775
  const autoGeneratedId = useId();
1776
1776
  const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
1777
- return /* @__PURE__ */ React87__default.createElement(InputGroup, { position: "relative" }, /* @__PURE__ */ React87__default.createElement(InputLeftElement2, null, /* @__PURE__ */ React87__default.createElement(SearchOutline24Icon, null)), /* @__PURE__ */ React87__default.createElement(
1777
+ return /* @__PURE__ */ React86__default.createElement(InputGroup, { position: "relative" }, /* @__PURE__ */ React86__default.createElement(InputLeftElement2, null, /* @__PURE__ */ React86__default.createElement(SearchOutline24Icon, null)), /* @__PURE__ */ React86__default.createElement(
1778
1778
  Input$1,
1779
1779
  {
1780
1780
  paddingLeft: 7,
@@ -1791,7 +1791,7 @@ var SearchInput = forwardRef(
1791
1791
  placeholder: " ",
1792
1792
  "data-attachable": true
1793
1793
  }
1794
- ), /* @__PURE__ */ React87__default.createElement(FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts5.label)), showClearButton && /* @__PURE__ */ React87__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React87__default.createElement(
1794
+ ), /* @__PURE__ */ React86__default.createElement(FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts5.label)), showClearButton && /* @__PURE__ */ React86__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React86__default.createElement(
1795
1795
  IconButton$1,
1796
1796
  {
1797
1797
  variant: "ghost",
@@ -1799,7 +1799,7 @@ var SearchInput = forwardRef(
1799
1799
  size: "sm",
1800
1800
  marginRight: 1,
1801
1801
  "aria-label": t2(texts5.reset),
1802
- icon: /* @__PURE__ */ React87__default.createElement(CloseOutline24Icon, null),
1802
+ icon: /* @__PURE__ */ React86__default.createElement(CloseOutline24Icon, null),
1803
1803
  onClick: onReset
1804
1804
  }
1805
1805
  )));
@@ -1821,7 +1821,7 @@ var texts5 = createTexts({
1821
1821
  });
1822
1822
  var Switch = forwardRef(
1823
1823
  ({ size: size2 = "md", ...props }, ref) => {
1824
- return /* @__PURE__ */ React87__default.createElement(Switch$1, { size: size2, ...props, ref });
1824
+ return /* @__PURE__ */ React86__default.createElement(Switch$1, { size: size2, ...props, ref });
1825
1825
  }
1826
1826
  );
1827
1827
  var Textarea = forwardRef((props, ref) => {
@@ -1832,7 +1832,7 @@ var Textarea = forwardRef((props, ref) => {
1832
1832
  const formControlProps = useFormControlContext();
1833
1833
  const fallbackId = `textarea-${useId()}`;
1834
1834
  const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
1835
- return /* @__PURE__ */ React87__default.createElement(InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React87__default.createElement(Textarea$1, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React87__default.createElement(FormLabel$1, { htmlFor: inputId, id: `${inputId}-label` }, label));
1835
+ return /* @__PURE__ */ React86__default.createElement(InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React86__default.createElement(Textarea$1, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React86__default.createElement(FormLabel$1, { htmlFor: inputId, id: `${inputId}-label` }, label));
1836
1836
  });
1837
1837
  function getSpacingProps(props) {
1838
1838
  const {
@@ -1894,7 +1894,7 @@ function getSpacingProps(props) {
1894
1894
  }
1895
1895
 
1896
1896
  // src/layout/RadioCardGroup.tsx
1897
- var RadioCardGroupContext = React87__default.createContext(null);
1897
+ var RadioCardGroupContext = React86__default.createContext(null);
1898
1898
  var RadioCardGroup = ({
1899
1899
  children,
1900
1900
  name,
@@ -1912,7 +1912,7 @@ var RadioCardGroup = ({
1912
1912
  setSelectedValue(value);
1913
1913
  onChange && onChange(value);
1914
1914
  };
1915
- return /* @__PURE__ */ React87__default.createElement(
1915
+ return /* @__PURE__ */ React86__default.createElement(
1916
1916
  RadioCardGroupContext.Provider,
1917
1917
  {
1918
1918
  value: {
@@ -1923,7 +1923,7 @@ var RadioCardGroup = ({
1923
1923
  defaultValue: defaultValue || ""
1924
1924
  }
1925
1925
  },
1926
- /* @__PURE__ */ React87__default.createElement(Stack$1, { as: "fieldset", direction: direction2, ...props }, groupLabel && /* @__PURE__ */ React87__default.createElement(FormLabel, { as: "legend", id: groupLabel }, groupLabel), children)
1926
+ /* @__PURE__ */ React86__default.createElement(Stack$1, { as: "fieldset", direction: direction2, ...props }, groupLabel && /* @__PURE__ */ React86__default.createElement(FormLabel, { as: "legend", id: groupLabel }, groupLabel), children)
1927
1927
  );
1928
1928
  };
1929
1929
 
@@ -1965,13 +1965,13 @@ var RadioCard = forwardRef(
1965
1965
  }
1966
1966
  }, [isKeyboardUser, isChecked]);
1967
1967
  const inputId = `radio-card-${useId()}`;
1968
- return /* @__PURE__ */ React87__default.createElement(
1968
+ return /* @__PURE__ */ React86__default.createElement(
1969
1969
  Box,
1970
1970
  {
1971
1971
  onFocus: () => isKeyboardUser && setFocus(true),
1972
1972
  onBlur: () => setFocus(false)
1973
1973
  },
1974
- /* @__PURE__ */ React87__default.createElement(
1974
+ /* @__PURE__ */ React86__default.createElement(
1975
1975
  chakra.input,
1976
1976
  {
1977
1977
  type: "radio",
@@ -1984,7 +1984,7 @@ var RadioCard = forwardRef(
1984
1984
  __css: styles3.radioInput
1985
1985
  }
1986
1986
  ),
1987
- /* @__PURE__ */ React87__default.createElement(
1987
+ /* @__PURE__ */ React86__default.createElement(
1988
1988
  Box,
1989
1989
  {
1990
1990
  as: "label",
@@ -2011,7 +2011,7 @@ var StaticCard = forwardRef(
2011
2011
  const styles3 = useStyleConfig("StaticCard", {
2012
2012
  colorScheme
2013
2013
  });
2014
- return /* @__PURE__ */ React87__default.createElement(Box, { __css: styles3, ...props, ref }, children);
2014
+ return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3, ...props, ref }, children);
2015
2015
  }
2016
2016
  );
2017
2017
  var PressableCard = forwardRef(
@@ -2019,18 +2019,18 @@ var PressableCard = forwardRef(
2019
2019
  const styles3 = useStyleConfig("PressableCard", {
2020
2020
  variant
2021
2021
  });
2022
- return /* @__PURE__ */ React87__default.createElement(Box, { __css: styles3, ...props, ref }, children);
2022
+ return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3, ...props, ref }, children);
2023
2023
  }
2024
2024
  );
2025
- var AccordionContext = React87__default.createContext(null);
2025
+ var AccordionContext = React86__default.createContext(null);
2026
2026
  var AccordionProvider = ({
2027
2027
  size: size2,
2028
2028
  ...props
2029
2029
  }) => {
2030
- return /* @__PURE__ */ React87__default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
2030
+ return /* @__PURE__ */ React86__default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
2031
2031
  };
2032
2032
  var useAccordionContext = () => {
2033
- const context = React87__default.useContext(AccordionContext);
2033
+ const context = React86__default.useContext(AccordionContext);
2034
2034
  if (context === null) {
2035
2035
  throw new Error(
2036
2036
  "useAccordionContext must be used within AccordionProvider"
@@ -2041,14 +2041,14 @@ var useAccordionContext = () => {
2041
2041
  var Accordion = forwardRef(
2042
2042
  ({ children, spacing: spacing3 = 2, ...props }, ref) => {
2043
2043
  const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
2044
- return /* @__PURE__ */ React87__default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React87__default.createElement(
2044
+ return /* @__PURE__ */ React86__default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React86__default.createElement(
2045
2045
  Accordion$1,
2046
2046
  {
2047
2047
  ...props,
2048
2048
  ref,
2049
2049
  defaultIndex
2050
2050
  },
2051
- /* @__PURE__ */ React87__default.createElement(Stack, { spacing: spacing3 }, children)
2051
+ /* @__PURE__ */ React86__default.createElement(Stack, { spacing: spacing3 }, children)
2052
2052
  ));
2053
2053
  }
2054
2054
  );
@@ -2064,7 +2064,7 @@ var Expandable = ({
2064
2064
  },
2065
2065
  ...rest
2066
2066
  }) => {
2067
- return /* @__PURE__ */ React87__default.createElement(
2067
+ return /* @__PURE__ */ React86__default.createElement(
2068
2068
  Accordion,
2069
2069
  {
2070
2070
  ...rest,
@@ -2074,7 +2074,7 @@ var Expandable = ({
2074
2074
  size: size2,
2075
2075
  onChange: (expandedIndex) => onChange(expandedIndex === 0)
2076
2076
  },
2077
- /* @__PURE__ */ React87__default.createElement(
2077
+ /* @__PURE__ */ React86__default.createElement(
2078
2078
  ExpandableItem,
2079
2079
  {
2080
2080
  headingLevel,
@@ -2094,7 +2094,7 @@ var ExpandableItem = ({
2094
2094
  }) => {
2095
2095
  const { size: size2 } = useAccordionContext();
2096
2096
  warnAboutMismatchingIcon({ icon: leftIcon, size: size2 });
2097
- return /* @__PURE__ */ React87__default.createElement(AccordionItem, { ...rest }, /* @__PURE__ */ React87__default.createElement(Box, { as: headingLevel }, /* @__PURE__ */ React87__default.createElement(AccordionButton, null, /* @__PURE__ */ React87__default.createElement(Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React87__default.createElement(Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React87__default.createElement(AccordionIcon, null))), /* @__PURE__ */ React87__default.createElement(AccordionPanel, null, children));
2097
+ return /* @__PURE__ */ React86__default.createElement(AccordionItem, { ...rest }, /* @__PURE__ */ React86__default.createElement(Box, { as: headingLevel }, /* @__PURE__ */ React86__default.createElement(AccordionButton, null, /* @__PURE__ */ React86__default.createElement(Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React86__default.createElement(Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React86__default.createElement(AccordionIcon, null))), /* @__PURE__ */ React86__default.createElement(AccordionPanel, null, children));
2098
2098
  };
2099
2099
  var warnAboutMismatchingIcon = ({ icon, size: size2 }) => {
2100
2100
  var _a6, _b5;
@@ -2143,7 +2143,7 @@ function LanguageProvider({
2143
2143
  language,
2144
2144
  children
2145
2145
  }) {
2146
- return /* @__PURE__ */ React87__default.createElement(LanguageContext.Provider, { value: language }, children);
2146
+ return /* @__PURE__ */ React86__default.createElement(LanguageContext.Provider, { value: language }, children);
2147
2147
  }
2148
2148
  function useLanguage() {
2149
2149
  const language = useContext(LanguageContext);
@@ -2175,62 +2175,12 @@ function useHydrated() {
2175
2175
  // src/loader/ClientOnly.tsx
2176
2176
  var ClientOnly = ({ children, fallback = null }) => {
2177
2177
  const isHydrated = useHydrated();
2178
- return /* @__PURE__ */ React87__default.createElement(React87__default.Fragment, null, isHydrated ? children() : fallback);
2178
+ return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, isHydrated ? children() : fallback);
2179
2179
  };
2180
2180
  function Lottie({ animationData }) {
2181
2181
  const { View } = useLottie({ animationData, loop: true });
2182
- return /* @__PURE__ */ React87__default.createElement(React87__default.Fragment, null, View);
2182
+ return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, View);
2183
2183
  }
2184
- var PrideContext = createContext(void 0);
2185
- var PrideProvider = ({
2186
- children
2187
- }) => {
2188
- const isBrowser2 = typeof window !== "undefined";
2189
- const key = "spor__isPride";
2190
- const [isPride, setIsPride] = useState(() => {
2191
- if (isBrowser2) {
2192
- const savedState = localStorage.getItem(key);
2193
- return savedState ? JSON.parse(savedState) : true;
2194
- }
2195
- return true;
2196
- });
2197
- const togglePride = () => {
2198
- setIsPride((prev) => {
2199
- const newState = !prev;
2200
- if (isBrowser2) {
2201
- localStorage.setItem(key, JSON.stringify(newState));
2202
- }
2203
- return newState;
2204
- });
2205
- };
2206
- useEffect(() => {
2207
- if (isBrowser2) {
2208
- const savedState = localStorage.getItem(key);
2209
- if (savedState) {
2210
- setIsPride(JSON.parse(savedState));
2211
- }
2212
- }
2213
- }, [isBrowser2]);
2214
- return /* @__PURE__ */ React87__default.createElement(PrideContext.Provider, { value: { isPride, togglePride } }, children);
2215
- };
2216
- var usePride = () => {
2217
- const context = useContext(PrideContext);
2218
- if (context === void 0) {
2219
- throw new Error("usePride must be used within a PrideProvider");
2220
- }
2221
- return context;
2222
- };
2223
- var TogglePride = ({ label }) => {
2224
- const { isPride, togglePride } = usePride();
2225
- return /* @__PURE__ */ React87__default.createElement(FormControl, { display: "flex", alignItems: "center", gap: 3 }, /* @__PURE__ */ React87__default.createElement(FormLabel, { margin: "0" }, label), /* @__PURE__ */ React87__default.createElement(
2226
- Switch,
2227
- {
2228
- size: "sm",
2229
- onChange: () => togglePride(),
2230
- defaultChecked: isPride
2231
- }
2232
- ));
2233
- };
2234
2184
 
2235
2185
  // src/loader/ColorInlineLoader.tsx
2236
2186
  var ColorInlineLoader = ({
@@ -2238,13 +2188,7 @@ var ColorInlineLoader = ({
2238
2188
  maxWidth,
2239
2189
  ...props
2240
2190
  }) => {
2241
- const { isPride } = usePride();
2242
- return /* @__PURE__ */ React87__default.createElement(Center, { ...props }, /* @__PURE__ */ React87__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React87__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__default.createElement(
2243
- Lottie,
2244
- {
2245
- animationData: isPride ? inlineLoaderColorPrideData : inlineLoaderColorData
2246
- }
2247
- ))));
2191
+ return /* @__PURE__ */ React86__default.createElement(Center, { ...props }, /* @__PURE__ */ React86__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: inlineLoaderColorData }))));
2248
2192
  };
2249
2193
  var ColorSpinner = ({
2250
2194
  children,
@@ -2252,42 +2196,24 @@ var ColorSpinner = ({
2252
2196
  maxWidth,
2253
2197
  ...props
2254
2198
  }) => {
2255
- const { isPride } = usePride();
2256
- return /* @__PURE__ */ React87__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React87__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React87__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__default.createElement(
2257
- Lottie,
2258
- {
2259
- animationData: isPride ? spinnerColorPrideData : spinnerColorData
2260
- }
2261
- ))), children && /* @__PURE__ */ React87__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
2199
+ return /* @__PURE__ */ React86__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React86__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: spinnerColorData }))), children && /* @__PURE__ */ React86__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
2262
2200
  };
2263
2201
  var ContentLoader = ({ children, ...props }) => {
2264
- const { isPride } = usePride();
2265
- return /* @__PURE__ */ React87__default.createElement(Box, { ...props }, /* @__PURE__ */ React87__default.createElement(Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React87__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__default.createElement(
2266
- Lottie,
2267
- {
2268
- animationData: isPride ? contentLoaderPrideData : contentLoaderData
2269
- }
2270
- ))), children && /* @__PURE__ */ React87__default.createElement(Box, { textAlign: "center", fontWeight: "bold" }, children));
2202
+ return /* @__PURE__ */ React86__default.createElement(Box, { ...props }, /* @__PURE__ */ React86__default.createElement(Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: contentLoaderData }))), children && /* @__PURE__ */ React86__default.createElement(Box, { textAlign: "center", fontWeight: "bold" }, children));
2271
2203
  };
2272
2204
  var DarkFullScreenLoader = ({
2273
2205
  width,
2274
2206
  maxWidth,
2275
2207
  ...props
2276
2208
  }) => {
2277
- return /* @__PURE__ */ React87__default.createElement(Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React87__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React87__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__default.createElement(Lottie, { animationData: fullScreenLoaderWhiteData }))));
2209
+ return /* @__PURE__ */ React86__default.createElement(Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React86__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: fullScreenLoaderWhiteData }))));
2278
2210
  };
2279
2211
  var DarkInlineLoader = ({
2280
2212
  width,
2281
2213
  maxWidth,
2282
2214
  ...props
2283
2215
  }) => {
2284
- const { isPride } = usePride();
2285
- return /* @__PURE__ */ React87__default.createElement(Center, { ...props }, /* @__PURE__ */ React87__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React87__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__default.createElement(
2286
- Lottie,
2287
- {
2288
- animationData: isPride ? inlineLoaderColorPrideData : inlineLoaderDarkData
2289
- }
2290
- ))));
2216
+ return /* @__PURE__ */ React86__default.createElement(Center, { ...props }, /* @__PURE__ */ React86__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: inlineLoaderDarkData }))));
2291
2217
  };
2292
2218
  var DarkSpinner = ({
2293
2219
  children,
@@ -2297,33 +2223,21 @@ var DarkSpinner = ({
2297
2223
  }) => {
2298
2224
  const { colorMode } = useColorMode();
2299
2225
  const spinnerData = colorMode === "dark" ? spinnerLightData : spinnerDarkData;
2300
- return /* @__PURE__ */ React87__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React87__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React87__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React87__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
2226
+ return /* @__PURE__ */ React86__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React86__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React86__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
2301
2227
  };
2302
2228
  var LightFullScreenLoader = ({
2303
2229
  width,
2304
2230
  maxWidth,
2305
2231
  ...props
2306
2232
  }) => {
2307
- const { isPride } = usePride();
2308
- return /* @__PURE__ */ React87__default.createElement(Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React87__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React87__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__default.createElement(
2309
- Lottie,
2310
- {
2311
- animationData: isPride ? vyLogoPrideData : fullScreenLoaderBlackData
2312
- }
2313
- ))));
2233
+ return /* @__PURE__ */ React86__default.createElement(Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React86__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: fullScreenLoaderBlackData }))));
2314
2234
  };
2315
2235
  var LightInlineLoader = ({
2316
2236
  width,
2317
2237
  maxWidth,
2318
2238
  ...props
2319
2239
  }) => {
2320
- const { isPride } = usePride();
2321
- return /* @__PURE__ */ React87__default.createElement(Center, { ...props }, /* @__PURE__ */ React87__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React87__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__default.createElement(
2322
- Lottie,
2323
- {
2324
- animationData: isPride ? inlineLoaderColorPrideData : inlineLoaderLightData
2325
- }
2326
- ))));
2240
+ return /* @__PURE__ */ React86__default.createElement(Center, { ...props }, /* @__PURE__ */ React86__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: inlineLoaderLightData }))));
2327
2241
  };
2328
2242
  var LightSpinner = ({
2329
2243
  children,
@@ -2331,7 +2245,7 @@ var LightSpinner = ({
2331
2245
  maxWidth,
2332
2246
  ...props
2333
2247
  }) => {
2334
- return /* @__PURE__ */ React87__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React87__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React87__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__default.createElement(Lottie, { animationData: spinnerLightData }))), children && /* @__PURE__ */ React87__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
2248
+ return /* @__PURE__ */ React86__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React86__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React86__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__default.createElement(Lottie, { animationData: spinnerLightData }))), children && /* @__PURE__ */ React86__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
2335
2249
  };
2336
2250
  var useRotatingLabel = ({ label, delay }) => {
2337
2251
  const loadingTextArray = useMemo(
@@ -2368,7 +2282,7 @@ var ProgressBar = ({
2368
2282
  "aria-label": ariaLabel || t2(texts6.label(value))
2369
2283
  });
2370
2284
  const styles3 = useMultiStyleConfig("ProgressBar", {});
2371
- return /* @__PURE__ */ React87__default.createElement(React87__default.Fragment, null, /* @__PURE__ */ React87__default.createElement(
2285
+ return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
2372
2286
  Box,
2373
2287
  {
2374
2288
  ...progressBarProps,
@@ -2376,8 +2290,8 @@ var ProgressBar = ({
2376
2290
  __css: styles3.container,
2377
2291
  ...rest
2378
2292
  },
2379
- /* @__PURE__ */ React87__default.createElement(Box, { width, __css: styles3.background }, /* @__PURE__ */ React87__default.createElement(Box, { __css: styles3.progress, height, width: `${value}%` })),
2380
- currentLoadingText && /* @__PURE__ */ React87__default.createElement(Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
2293
+ /* @__PURE__ */ React86__default.createElement(Box, { width, __css: styles3.background }, /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3.progress, height, width: `${value}%` })),
2294
+ currentLoadingText && /* @__PURE__ */ React86__default.createElement(Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
2381
2295
  ));
2382
2296
  };
2383
2297
  var texts6 = createTexts({
@@ -2411,7 +2325,7 @@ var ProgressLoader = ({
2411
2325
  const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
2412
2326
  const progress = (value - 100) / 100 * progressPathLength;
2413
2327
  const id = useId();
2414
- return /* @__PURE__ */ React87__default.createElement(Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React87__default.createElement(Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React87__default.createElement(
2328
+ return /* @__PURE__ */ React86__default.createElement(Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React86__default.createElement(Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React86__default.createElement(
2415
2329
  Box,
2416
2330
  {
2417
2331
  as: "path",
@@ -2419,7 +2333,7 @@ var ProgressLoader = ({
2419
2333
  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",
2420
2334
  fill: "#FFB466"
2421
2335
  }
2422
- ), /* @__PURE__ */ React87__default.createElement(
2336
+ ), /* @__PURE__ */ React86__default.createElement(
2423
2337
  Box,
2424
2338
  {
2425
2339
  as: "path",
@@ -2430,7 +2344,7 @@ var ProgressLoader = ({
2430
2344
  strokeLinecap: "round",
2431
2345
  strokeLinejoin: "round"
2432
2346
  }
2433
- ), /* @__PURE__ */ React87__default.createElement(
2347
+ ), /* @__PURE__ */ React86__default.createElement(
2434
2348
  Box,
2435
2349
  {
2436
2350
  as: "path",
@@ -2445,7 +2359,7 @@ var ProgressLoader = ({
2445
2359
  transition: "stroke-dashoffset .2s ease-out",
2446
2360
  ref: pathRef
2447
2361
  }
2448
- ), /* @__PURE__ */ React87__default.createElement(
2362
+ ), /* @__PURE__ */ React86__default.createElement(
2449
2363
  Box,
2450
2364
  {
2451
2365
  as: "path",
@@ -2453,7 +2367,7 @@ var ProgressLoader = ({
2453
2367
  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",
2454
2368
  fill: "#688CBA"
2455
2369
  }
2456
- )), currentLoadingText && /* @__PURE__ */ React87__default.createElement(
2370
+ )), currentLoadingText && /* @__PURE__ */ React86__default.createElement(
2457
2371
  Text,
2458
2372
  {
2459
2373
  textAlign: "center",
@@ -2472,9 +2386,9 @@ var texts7 = createTexts({
2472
2386
  en: `${value}% done`
2473
2387
  })
2474
2388
  });
2475
- var Skeleton = forwardRef((props, ref) => /* @__PURE__ */ React87__default.createElement(Skeleton$1, { ...props, ref }));
2476
- var SkeletonCircle = (props) => /* @__PURE__ */ React87__default.createElement(SkeletonCircle$1, { boxSize: 6, borderRadius: "50%", ...props });
2477
- var SkeletonText = (props) => /* @__PURE__ */ React87__default.createElement(SkeletonText$1, { boxSize: 6, ...props });
2389
+ var Skeleton = forwardRef((props, ref) => /* @__PURE__ */ React86__default.createElement(Skeleton$1, { ...props, ref }));
2390
+ var SkeletonCircle = (props) => /* @__PURE__ */ React86__default.createElement(SkeletonCircle$1, { boxSize: 6, borderRadius: "50%", ...props });
2391
+ var SkeletonText = (props) => /* @__PURE__ */ React86__default.createElement(SkeletonText$1, { boxSize: 6, ...props });
2478
2392
 
2479
2393
  // src/button/Button.tsx
2480
2394
  var Button2 = forwardRef((props, ref) => {
@@ -2504,7 +2418,7 @@ var Button2 = forwardRef((props, ref) => {
2504
2418
  if (fontWeight) {
2505
2419
  styles3.fontWeight = fontWeight;
2506
2420
  }
2507
- return /* @__PURE__ */ React87__default.createElement(
2421
+ return /* @__PURE__ */ React86__default.createElement(
2508
2422
  Box,
2509
2423
  {
2510
2424
  ...rest,
@@ -2518,7 +2432,7 @@ var Button2 = forwardRef((props, ref) => {
2518
2432
  position: "relative",
2519
2433
  fontFamily: "Vy Sans"
2520
2434
  },
2521
- isLoading && /* @__PURE__ */ React87__default.createElement(Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React87__default.createElement(
2435
+ isLoading && /* @__PURE__ */ React86__default.createElement(Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React86__default.createElement(
2522
2436
  ColorInlineLoader,
2523
2437
  {
2524
2438
  maxWidth: getLoaderWidth(finalSize),
@@ -2527,7 +2441,7 @@ var Button2 = forwardRef((props, ref) => {
2527
2441
  marginY: 2
2528
2442
  }
2529
2443
  )),
2530
- /* @__PURE__ */ React87__default.createElement(
2444
+ /* @__PURE__ */ React86__default.createElement(
2531
2445
  Flex,
2532
2446
  {
2533
2447
  gap: 1,
@@ -2537,7 +2451,7 @@ var Button2 = forwardRef((props, ref) => {
2537
2451
  visibility: isLoading ? "hidden" : "visible",
2538
2452
  "aria-hidden": isLoading
2539
2453
  },
2540
- /* @__PURE__ */ React87__default.createElement(Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React87__default.createElement(
2454
+ /* @__PURE__ */ React86__default.createElement(Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React86__default.createElement(
2541
2455
  Box,
2542
2456
  {
2543
2457
  visibility: isLoading ? "hidden" : "visible",
@@ -2578,14 +2492,14 @@ var texts8 = createTexts({
2578
2492
  sv: "Laddar\u2026"
2579
2493
  }
2580
2494
  });
2581
- var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */ React87__default.createElement(ButtonGroup$1, { ...props, ref }));
2495
+ var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */ React86__default.createElement(ButtonGroup$1, { ...props, ref }));
2582
2496
  var IconButton = forwardRef(
2583
- ({ ...props }, ref) => /* @__PURE__ */ React87__default.createElement(
2497
+ ({ ...props }, ref) => /* @__PURE__ */ React86__default.createElement(
2584
2498
  IconButton$1,
2585
2499
  {
2586
2500
  title: props["aria-label"],
2587
2501
  ...props,
2588
- spinner: /* @__PURE__ */ React87__default.createElement(ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
2502
+ spinner: /* @__PURE__ */ React86__default.createElement(ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
2589
2503
  ref
2590
2504
  }
2591
2505
  )
@@ -2595,7 +2509,7 @@ var IconButton = forwardRef(
2595
2509
  var CloseButton = forwardRef(
2596
2510
  ({ size: size2 = "sm", ...props }, ref) => {
2597
2511
  const { t: t2 } = useTranslation();
2598
- return /* @__PURE__ */ React87__default.createElement(
2512
+ return /* @__PURE__ */ React86__default.createElement(
2599
2513
  IconButton,
2600
2514
  {
2601
2515
  ref,
@@ -2612,11 +2526,11 @@ var getIcon = (size2) => {
2612
2526
  switch (size2) {
2613
2527
  case "xs":
2614
2528
  case "sm":
2615
- return /* @__PURE__ */ React87__default.createElement(CloseFill18Icon, null);
2529
+ return /* @__PURE__ */ React86__default.createElement(CloseFill18Icon, null);
2616
2530
  case "md":
2617
- return /* @__PURE__ */ React87__default.createElement(CloseFill24Icon, null);
2531
+ return /* @__PURE__ */ React86__default.createElement(CloseFill24Icon, null);
2618
2532
  case "lg":
2619
- return /* @__PURE__ */ React87__default.createElement(CloseFill30Icon, null);
2533
+ return /* @__PURE__ */ React86__default.createElement(CloseFill30Icon, null);
2620
2534
  }
2621
2535
  };
2622
2536
  var texts9 = createTexts({
@@ -2638,7 +2552,7 @@ var FloatingActionButton = forwardRef(
2638
2552
  placement = "bottom right",
2639
2553
  ...props
2640
2554
  }, ref) => {
2641
- const [isTextVisible, setIsTextVisible] = React87__default.useState(
2555
+ const [isTextVisible, setIsTextVisible] = React86__default.useState(
2642
2556
  externalIsTextVisible !== void 0 ? externalIsTextVisible : false
2643
2557
  );
2644
2558
  const scrollDirection = useScrollDirection();
@@ -2660,7 +2574,7 @@ var FloatingActionButton = forwardRef(
2660
2574
  isTextVisible,
2661
2575
  placement
2662
2576
  });
2663
- return /* @__PURE__ */ React87__default.createElement(
2577
+ return /* @__PURE__ */ React86__default.createElement(
2664
2578
  MotionBox,
2665
2579
  {
2666
2580
  __css: style.container,
@@ -2668,8 +2582,8 @@ var FloatingActionButton = forwardRef(
2668
2582
  ref,
2669
2583
  ...props
2670
2584
  },
2671
- /* @__PURE__ */ React87__default.createElement(Box, { __css: style.icon }, icon),
2672
- /* @__PURE__ */ React87__default.createElement(
2585
+ /* @__PURE__ */ React86__default.createElement(Box, { __css: style.icon }, icon),
2586
+ /* @__PURE__ */ React86__default.createElement(
2673
2587
  MotionBox,
2674
2588
  {
2675
2589
  animate: isTextVisible ? "show" : "hide",
@@ -2694,11 +2608,11 @@ var FloatingActionButton = forwardRef(
2694
2608
  }
2695
2609
  );
2696
2610
  var useScrollDirection = () => {
2697
- const [scrollDirection, setScrollDirection] = React87__default.useState(null);
2698
- const lastScrollPosition = React87__default.useRef(
2611
+ const [scrollDirection, setScrollDirection] = React86__default.useState(null);
2612
+ const lastScrollPosition = React86__default.useRef(
2699
2613
  typeof window !== "undefined" ? window.scrollY : 0
2700
2614
  );
2701
- React87__default.useEffect(() => {
2615
+ React86__default.useEffect(() => {
2702
2616
  const onScroll = () => {
2703
2617
  const delta = window.scrollY - lastScrollPosition.current;
2704
2618
  if (delta === 0) {
@@ -2717,7 +2631,7 @@ var useScrollDirection = () => {
2717
2631
  var AlertIcon = ({ variant }) => {
2718
2632
  const Icon = getIcon2(variant);
2719
2633
  const { t: t2 } = useTranslation();
2720
- return /* @__PURE__ */ React87__default.createElement(
2634
+ return /* @__PURE__ */ React86__default.createElement(
2721
2635
  Icon,
2722
2636
  {
2723
2637
  flexShrink: 0,
@@ -2779,7 +2693,7 @@ var BaseAlert = ({
2779
2693
  ...boxProps
2780
2694
  }) => {
2781
2695
  const styles3 = useMultiStyleConfig("Alert", { variant });
2782
- return /* @__PURE__ */ React87__default.createElement(Box, { __css: styles3.container, ...boxProps }, children);
2696
+ return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3.container, ...boxProps }, children);
2783
2697
  };
2784
2698
 
2785
2699
  // src/alert/ClosableAlert.tsx
@@ -2800,17 +2714,17 @@ var ClosableAlert = ({
2800
2714
  externalOnClose();
2801
2715
  onClose();
2802
2716
  };
2803
- return /* @__PURE__ */ React87__default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React87__default.createElement(
2717
+ return /* @__PURE__ */ React86__default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React86__default.createElement(
2804
2718
  IconButton,
2805
2719
  {
2806
2720
  variant: "ghost",
2807
2721
  size: "sm",
2808
2722
  onClick: handleClose,
2809
- icon: /* @__PURE__ */ React87__default.createElement(CloseFill18Icon, null),
2723
+ icon: /* @__PURE__ */ React86__default.createElement(CloseFill18Icon, null),
2810
2724
  "aria-label": t2(texts11.close),
2811
2725
  sx: styles3.closeButton
2812
2726
  }
2813
- ), /* @__PURE__ */ React87__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React87__default.createElement(Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React87__default.createElement(Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React87__default.createElement(Box, { marginRight: 1 }, children)));
2727
+ ), /* @__PURE__ */ React86__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React86__default.createElement(Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React86__default.createElement(Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React86__default.createElement(Box, { marginRight: 1 }, children)));
2814
2728
  };
2815
2729
  var texts11 = createTexts({
2816
2730
  close: {
@@ -2831,7 +2745,7 @@ var ExpandableAlert = ({
2831
2745
  ...boxProps
2832
2746
  }) => {
2833
2747
  const styles3 = useMultiStyleConfig("AlertExpandable", { variant });
2834
- return /* @__PURE__ */ React87__default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React87__default.createElement(
2748
+ return /* @__PURE__ */ React86__default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React86__default.createElement(
2835
2749
  Accordion$1,
2836
2750
  {
2837
2751
  onChange: (expandedIndex) => onToggle(expandedIndex === 0),
@@ -2839,14 +2753,14 @@ var ExpandableAlert = ({
2839
2753
  allowToggle: true,
2840
2754
  flexGrow: "1"
2841
2755
  },
2842
- /* @__PURE__ */ React87__default.createElement(AccordionItem, null, /* @__PURE__ */ React87__default.createElement(AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React87__default.createElement(
2756
+ /* @__PURE__ */ React86__default.createElement(AccordionItem, null, /* @__PURE__ */ React86__default.createElement(AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React86__default.createElement(
2843
2757
  Flex,
2844
2758
  {
2845
2759
  justifyContent: "space-between",
2846
2760
  alignItems: "center",
2847
2761
  flexGrow: "1"
2848
2762
  },
2849
- /* @__PURE__ */ React87__default.createElement(Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React87__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React87__default.createElement(
2763
+ /* @__PURE__ */ React86__default.createElement(Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React86__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React86__default.createElement(
2850
2764
  Box,
2851
2765
  {
2852
2766
  as: "span",
@@ -2861,8 +2775,8 @@ var ExpandableAlert = ({
2861
2775
  },
2862
2776
  title
2863
2777
  )),
2864
- /* @__PURE__ */ React87__default.createElement(AccordionIcon, { color: "darkGrey" })
2865
- )), /* @__PURE__ */ React87__default.createElement(AccordionPanel, null, children))
2778
+ /* @__PURE__ */ React86__default.createElement(AccordionIcon, { color: "darkGrey" })
2779
+ )), /* @__PURE__ */ React86__default.createElement(AccordionPanel, null, children))
2866
2780
  ));
2867
2781
  };
2868
2782
  var StaticAlert = ({
@@ -2870,14 +2784,14 @@ var StaticAlert = ({
2870
2784
  title,
2871
2785
  ...props
2872
2786
  }) => {
2873
- return /* @__PURE__ */ React87__default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React87__default.createElement(AlertIcon, { variant: props.variant }), /* @__PURE__ */ React87__default.createElement(Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React87__default.createElement(Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React87__default.createElement(Box, null, children)));
2787
+ return /* @__PURE__ */ React86__default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React86__default.createElement(AlertIcon, { variant: props.variant }), /* @__PURE__ */ React86__default.createElement(Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React86__default.createElement(Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React86__default.createElement(Box, null, children)));
2874
2788
  };
2875
2789
  var Breadcrumb = (props) => {
2876
2790
  const iconColor = useColorModeValue("blackAlpha.400", "whiteAlpha.400");
2877
- return /* @__PURE__ */ React87__default.createElement(
2791
+ return /* @__PURE__ */ React86__default.createElement(
2878
2792
  Breadcrumb$1,
2879
2793
  {
2880
- separator: /* @__PURE__ */ React87__default.createElement(DropdownRightFill18Icon, { color: iconColor }),
2794
+ separator: /* @__PURE__ */ React86__default.createElement(DropdownRightFill18Icon, { color: iconColor }),
2881
2795
  ...props
2882
2796
  }
2883
2797
  );
@@ -2893,12 +2807,12 @@ var Card2 = forwardRef(
2893
2807
  colorScheme,
2894
2808
  size: size2
2895
2809
  });
2896
- return /* @__PURE__ */ React87__default.createElement(Box, { __css: styles3, ...props, ref }, children);
2810
+ return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3, ...props, ref }, children);
2897
2811
  }
2898
2812
  );
2899
2813
  var Badge = forwardRef(
2900
2814
  ({ icon, colorScheme = "grey", children, ...props }, ref) => {
2901
- return /* @__PURE__ */ React87__default.createElement(
2815
+ return /* @__PURE__ */ React86__default.createElement(
2902
2816
  Badge$1,
2903
2817
  {
2904
2818
  colorScheme,
@@ -2906,12 +2820,12 @@ var Badge = forwardRef(
2906
2820
  paddingLeft: icon ? 1 : void 0,
2907
2821
  ref
2908
2822
  },
2909
- icon && React87__default.cloneElement(icon, { marginRight: 1 }),
2823
+ icon && React86__default.cloneElement(icon, { marginRight: 1 }),
2910
2824
  children
2911
2825
  );
2912
2826
  }
2913
2827
  );
2914
- var Code = forwardRef((props, ref) => /* @__PURE__ */ React87__default.createElement(Code$1, { ...props, ref }));
2828
+ var Code = forwardRef((props, ref) => /* @__PURE__ */ React86__default.createElement(Code$1, { ...props, ref }));
2915
2829
  var Heading2 = ({
2916
2830
  as,
2917
2831
  variant = "xl-display",
@@ -2921,11 +2835,11 @@ var Heading2 = ({
2921
2835
  }) => {
2922
2836
  const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
2923
2837
  const color2 = useColorModeValue("text.primary.light", "text.primary.dark");
2924
- return /* @__PURE__ */ React87__default.createElement(Text, { as, textStyle: variant, id, color: color2, ...props });
2838
+ return /* @__PURE__ */ React86__default.createElement(Text, { as, textStyle: variant, id, color: color2, ...props });
2925
2839
  };
2926
2840
  var Text4 = forwardRef(
2927
2841
  ({ variant = "sm", ...props }, ref) => {
2928
- return /* @__PURE__ */ React87__default.createElement(Text, { ...props, textStyle: variant, ref });
2842
+ return /* @__PURE__ */ React86__default.createElement(Text, { ...props, textStyle: variant, ref });
2929
2843
  }
2930
2844
  );
2931
2845
  function CalendarCell({
@@ -2968,7 +2882,7 @@ function CalendarCell({
2968
2882
  { passive: false, once: true }
2969
2883
  );
2970
2884
  }, []);
2971
- return /* @__PURE__ */ React87__default.createElement(Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React87__default.createElement(
2885
+ return /* @__PURE__ */ React86__default.createElement(Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React86__default.createElement(
2972
2886
  Box,
2973
2887
  {
2974
2888
  as: "button",
@@ -3030,8 +2944,8 @@ function CalendarGrid({
3030
2944
  const weeksInMonth = getWeeksInMonth(state2.visibleRange.start, locale);
3031
2945
  const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
3032
2946
  const styles3 = useMultiStyleConfig("Datepicker", { variant });
3033
- return /* @__PURE__ */ React87__default.createElement("table", { ...gridProps }, /* @__PURE__ */ React87__default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React87__default.createElement("tr", null, weekDays[language].map((day, index) => {
3034
- return /* @__PURE__ */ React87__default.createElement(
2947
+ return /* @__PURE__ */ React86__default.createElement("table", { ...gridProps }, /* @__PURE__ */ React86__default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React86__default.createElement("tr", null, weekDays[language].map((day, index) => {
2948
+ return /* @__PURE__ */ React86__default.createElement(
3035
2949
  Text4,
3036
2950
  {
3037
2951
  as: "th",
@@ -3041,8 +2955,8 @@ function CalendarGrid({
3041
2955
  },
3042
2956
  day
3043
2957
  );
3044
- }))), /* @__PURE__ */ React87__default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React87__default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
3045
- (date, dayIndex) => date ? /* @__PURE__ */ React87__default.createElement(
2958
+ }))), /* @__PURE__ */ React86__default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React86__default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
2959
+ (date, dayIndex) => date ? /* @__PURE__ */ React86__default.createElement(
3046
2960
  CalendarCell,
3047
2961
  {
3048
2962
  variant,
@@ -3051,7 +2965,7 @@ function CalendarGrid({
3051
2965
  date,
3052
2966
  currentMonth: startDate
3053
2967
  }
3054
- ) : /* @__PURE__ */ React87__default.createElement("td", { key: dayIndex })
2968
+ ) : /* @__PURE__ */ React86__default.createElement("td", { key: dayIndex })
3055
2969
  )))));
3056
2970
  }
3057
2971
  function CalendarNavigationButton({
@@ -3061,7 +2975,7 @@ function CalendarNavigationButton({
3061
2975
  }) {
3062
2976
  const ref = useRef(null);
3063
2977
  const { buttonProps } = useButton(rest, ref);
3064
- return /* @__PURE__ */ React87__default.createElement(
2978
+ return /* @__PURE__ */ React86__default.createElement(
3065
2979
  IconButton,
3066
2980
  {
3067
2981
  ...buttonProps,
@@ -3095,7 +3009,7 @@ function CalendarHeader({
3095
3009
  );
3096
3010
  const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
3097
3011
  const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
3098
- return /* @__PURE__ */ React87__default.createElement(Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React87__default.createElement(
3012
+ return /* @__PURE__ */ React86__default.createElement(Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React86__default.createElement(
3099
3013
  CalendarNavigator,
3100
3014
  {
3101
3015
  title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
@@ -3105,7 +3019,7 @@ function CalendarHeader({
3105
3019
  isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
3106
3020
  isPreviousDisabled: !state2.isNextVisibleRangeInvalid
3107
3021
  }
3108
- ), isYearPickerVisible && /* @__PURE__ */ React87__default.createElement(
3022
+ ), isYearPickerVisible && /* @__PURE__ */ React86__default.createElement(
3109
3023
  CalendarNavigator,
3110
3024
  {
3111
3025
  title: jsDate.getFullYear().toString(),
@@ -3127,15 +3041,15 @@ var CalendarNavigator = ({
3127
3041
  isNextDisabled
3128
3042
  }) => {
3129
3043
  const { t: t2 } = useTranslation();
3130
- return /* @__PURE__ */ React87__default.createElement(Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React87__default.createElement(
3044
+ return /* @__PURE__ */ React86__default.createElement(Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React86__default.createElement(
3131
3045
  CalendarNavigationButton,
3132
3046
  {
3133
3047
  onPress: onPrevious,
3134
3048
  isDisabled: isPreviousDisabled,
3135
- icon: /* @__PURE__ */ React87__default.createElement(ArrowLeftOutline24Icon, null),
3049
+ icon: /* @__PURE__ */ React86__default.createElement(ArrowLeftOutline24Icon, null),
3136
3050
  "aria-label": `${t2(texts12.previous)} ${t2(texts12[unit])}`
3137
3051
  }
3138
- ), /* @__PURE__ */ React87__default.createElement(
3052
+ ), /* @__PURE__ */ React86__default.createElement(
3139
3053
  Box,
3140
3054
  {
3141
3055
  role: "heading",
@@ -3145,12 +3059,12 @@ var CalendarNavigator = ({
3145
3059
  textAlign: "center"
3146
3060
  },
3147
3061
  capitalize(title)
3148
- ), /* @__PURE__ */ React87__default.createElement(
3062
+ ), /* @__PURE__ */ React86__default.createElement(
3149
3063
  CalendarNavigationButton,
3150
3064
  {
3151
3065
  onPress: onNext,
3152
3066
  isDisabled: isNextDisabled,
3153
- icon: /* @__PURE__ */ React87__default.createElement(ArrowRightOutline24Icon, null),
3067
+ icon: /* @__PURE__ */ React86__default.createElement(ArrowRightOutline24Icon, null),
3154
3068
  "aria-label": `${t2(texts12.next)} ${t2(texts12[unit])}`
3155
3069
  }
3156
3070
  ));
@@ -3198,7 +3112,7 @@ function Calendar({
3198
3112
  const { calendarProps } = useCalendar(props, state2);
3199
3113
  const calendarAriaLabel = calendarProps["aria-label"];
3200
3114
  const ariaLabel = t2(texts13.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
3201
- return /* @__PURE__ */ React87__default.createElement(Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React87__default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React87__default.createElement(CalendarGrid, { variant, state: state2 }));
3115
+ return /* @__PURE__ */ React86__default.createElement(Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React86__default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React86__default.createElement(CalendarGrid, { variant, state: state2 }));
3202
3116
  }
3203
3117
  var texts13 = createTexts({
3204
3118
  calendar: {
@@ -3219,7 +3133,7 @@ var CalendarTriggerButton = forwardRef(
3219
3133
  onPress(event);
3220
3134
  }
3221
3135
  };
3222
- return /* @__PURE__ */ React87__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React87__default.createElement(
3136
+ return /* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React86__default.createElement(
3223
3137
  Box,
3224
3138
  {
3225
3139
  ref,
@@ -3230,7 +3144,7 @@ var CalendarTriggerButton = forwardRef(
3230
3144
  ...filteredButtonProps,
3231
3145
  onKeyUp: handleOnPress
3232
3146
  },
3233
- /* @__PURE__ */ React87__default.createElement(CalendarOutline24Icon, null)
3147
+ /* @__PURE__ */ React86__default.createElement(CalendarOutline24Icon, null)
3234
3148
  ));
3235
3149
  }
3236
3150
  );
@@ -3255,7 +3169,7 @@ var DateTimeSegment = forwardRef$1(
3255
3169
  isPlaceholder: segment.isPlaceholder,
3256
3170
  isEditable: segment.isEditable
3257
3171
  });
3258
- return /* @__PURE__ */ React87__default.createElement(
3172
+ return /* @__PURE__ */ React86__default.createElement(
3259
3173
  Box,
3260
3174
  {
3261
3175
  ...segmentProps,
@@ -3302,7 +3216,7 @@ var DateField = forwardRef$1(
3302
3216
  state2,
3303
3217
  ref
3304
3218
  );
3305
- return /* @__PURE__ */ React87__default.createElement(Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React87__default.createElement(
3219
+ return /* @__PURE__ */ React86__default.createElement(Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React86__default.createElement(
3306
3220
  FormLabel$1,
3307
3221
  {
3308
3222
  ...props.labelProps,
@@ -3312,7 +3226,7 @@ var DateField = forwardRef$1(
3312
3226
  paddingTop: "2px"
3313
3227
  },
3314
3228
  props.label
3315
- ), /* @__PURE__ */ React87__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React87__default.createElement(DateTimeSegment, { key: i, segment, state: state2 }))), /* @__PURE__ */ React87__default.createElement(
3229
+ ), /* @__PURE__ */ React86__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React86__default.createElement(DateTimeSegment, { key: i, segment, state: state2 }))), /* @__PURE__ */ React86__default.createElement(
3316
3230
  "input",
3317
3231
  {
3318
3232
  type: "hidden",
@@ -3328,7 +3242,7 @@ var StyledField = forwardRef(
3328
3242
  isInvalid: false
3329
3243
  };
3330
3244
  const styles3 = useMultiStyleConfig("Datepicker", { variant });
3331
- return /* @__PURE__ */ React87__default.createElement(
3245
+ return /* @__PURE__ */ React86__default.createElement(
3332
3246
  Box,
3333
3247
  {
3334
3248
  ...otherProps,
@@ -3380,7 +3294,7 @@ var DatePicker = forwardRef$1(
3380
3294
  const onFieldClick = () => {
3381
3295
  state2.setOpen(true);
3382
3296
  };
3383
- const popoverContent = /* @__PURE__ */ React87__default.createElement(PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React87__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React87__default.createElement(PopoverBody, null, /* @__PURE__ */ React87__default.createElement(FocusLock, null, /* @__PURE__ */ React87__default.createElement(
3297
+ const popoverContent = /* @__PURE__ */ React86__default.createElement(PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React86__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React86__default.createElement(PopoverBody, null, /* @__PURE__ */ React86__default.createElement(FocusLock, null, /* @__PURE__ */ React86__default.createElement(
3384
3298
  Calendar,
3385
3299
  {
3386
3300
  ...calendarProps,
@@ -3388,7 +3302,7 @@ var DatePicker = forwardRef$1(
3388
3302
  showYearNavigation
3389
3303
  }
3390
3304
  ))));
3391
- return /* @__PURE__ */ React87__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React87__default.createElement(
3305
+ return /* @__PURE__ */ React86__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React86__default.createElement(
3392
3306
  Box,
3393
3307
  {
3394
3308
  position: "relative",
@@ -3396,7 +3310,7 @@ var DatePicker = forwardRef$1(
3396
3310
  flexDirection: "column",
3397
3311
  width
3398
3312
  },
3399
- /* @__PURE__ */ React87__default.createElement(
3313
+ /* @__PURE__ */ React86__default.createElement(
3400
3314
  Popover$1,
3401
3315
  {
3402
3316
  ...dialogProps,
@@ -3405,7 +3319,7 @@ var DatePicker = forwardRef$1(
3405
3319
  onClose: state2.close,
3406
3320
  flip: false
3407
3321
  },
3408
- /* @__PURE__ */ React87__default.createElement(InputGroup, { ...groupProps, display: "inline-flex" }, /* @__PURE__ */ React87__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React87__default.createElement(
3322
+ /* @__PURE__ */ React86__default.createElement(InputGroup, { ...groupProps, display: "inline-flex" }, /* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React86__default.createElement(
3409
3323
  StyledField,
3410
3324
  {
3411
3325
  variant,
@@ -3413,7 +3327,7 @@ var DatePicker = forwardRef$1(
3413
3327
  paddingX: 3,
3414
3328
  minHeight
3415
3329
  },
3416
- /* @__PURE__ */ React87__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React87__default.createElement(
3330
+ /* @__PURE__ */ React86__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React86__default.createElement(
3417
3331
  CalendarTriggerButton,
3418
3332
  {
3419
3333
  variant,
@@ -3421,7 +3335,7 @@ var DatePicker = forwardRef$1(
3421
3335
  ...buttonProps
3422
3336
  }
3423
3337
  )),
3424
- /* @__PURE__ */ React87__default.createElement(
3338
+ /* @__PURE__ */ React86__default.createElement(
3425
3339
  DateField,
3426
3340
  {
3427
3341
  label: props.label,
@@ -3431,8 +3345,8 @@ var DatePicker = forwardRef$1(
3431
3345
  }
3432
3346
  )
3433
3347
  ))),
3434
- /* @__PURE__ */ React87__default.createElement(FormErrorMessage, { ...errorMessageProps }, errorMessage),
3435
- state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React87__default.createElement(Portal, null, popoverContent),
3348
+ /* @__PURE__ */ React86__default.createElement(FormErrorMessage, { ...errorMessageProps }, errorMessage),
3349
+ state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React86__default.createElement(Portal, null, popoverContent),
3436
3350
  state2.isOpen && !props.isDisabled && !withPortal && popoverContent
3437
3351
  )
3438
3352
  ));
@@ -3448,7 +3362,7 @@ function RangeCalendar(props) {
3448
3362
  });
3449
3363
  const ref = useRef(null);
3450
3364
  const { calendarProps, title } = useRangeCalendar(props, state2, ref);
3451
- return /* @__PURE__ */ React87__default.createElement(Box, { ...calendarProps, ref }, /* @__PURE__ */ React87__default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React87__default.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React87__default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React87__default.createElement(
3365
+ return /* @__PURE__ */ React86__default.createElement(Box, { ...calendarProps, ref }, /* @__PURE__ */ React86__default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React86__default.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React86__default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React86__default.createElement(
3452
3366
  CalendarGrid,
3453
3367
  {
3454
3368
  variant: props.variant,
@@ -3495,8 +3409,8 @@ function DateRangePicker({
3495
3409
  const onFieldClick = () => {
3496
3410
  state2.setOpen(true);
3497
3411
  };
3498
- const popoverContent = /* @__PURE__ */ React87__default.createElement(PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React87__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React87__default.createElement(PopoverBody, null, /* @__PURE__ */ React87__default.createElement(FocusLock, null, /* @__PURE__ */ React87__default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
3499
- return /* @__PURE__ */ React87__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React87__default.createElement(Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React87__default.createElement(FormLabel$1, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React87__default.createElement(
3412
+ const popoverContent = /* @__PURE__ */ React86__default.createElement(PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React86__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React86__default.createElement(PopoverBody, null, /* @__PURE__ */ React86__default.createElement(FocusLock, null, /* @__PURE__ */ React86__default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
3413
+ return /* @__PURE__ */ React86__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React86__default.createElement(Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React86__default.createElement(FormLabel$1, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React86__default.createElement(
3500
3414
  Popover$1,
3501
3415
  {
3502
3416
  ...dialogProps,
@@ -3505,7 +3419,7 @@ function DateRangePicker({
3505
3419
  onClose: state2.close,
3506
3420
  flip: false
3507
3421
  },
3508
- /* @__PURE__ */ React87__default.createElement(InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React87__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React87__default.createElement(
3422
+ /* @__PURE__ */ React86__default.createElement(InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React86__default.createElement(
3509
3423
  StyledField,
3510
3424
  {
3511
3425
  alignItems: "center",
@@ -3515,7 +3429,7 @@ function DateRangePicker({
3515
3429
  onKeyPress: handleEnterClick,
3516
3430
  minHeight
3517
3431
  },
3518
- variant && /* @__PURE__ */ React87__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React87__default.createElement(
3432
+ variant && /* @__PURE__ */ React86__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React86__default.createElement(
3519
3433
  CalendarTriggerButton,
3520
3434
  {
3521
3435
  paddingLeft: 1,
@@ -3525,7 +3439,7 @@ function DateRangePicker({
3525
3439
  ...buttonProps
3526
3440
  }
3527
3441
  )),
3528
- /* @__PURE__ */ React87__default.createElement(
3442
+ /* @__PURE__ */ React86__default.createElement(
3529
3443
  DateField,
3530
3444
  {
3531
3445
  ...startFieldProps,
@@ -3534,8 +3448,8 @@ function DateRangePicker({
3534
3448
  labelProps
3535
3449
  }
3536
3450
  ),
3537
- /* @__PURE__ */ React87__default.createElement(Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
3538
- /* @__PURE__ */ React87__default.createElement(
3451
+ /* @__PURE__ */ React86__default.createElement(Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
3452
+ /* @__PURE__ */ React86__default.createElement(
3539
3453
  DateField,
3540
3454
  {
3541
3455
  ...endFieldProps,
@@ -3545,14 +3459,14 @@ function DateRangePicker({
3545
3459
  }
3546
3460
  )
3547
3461
  ))),
3548
- state2.isOpen && withPortal && /* @__PURE__ */ React87__default.createElement(Portal, null, popoverContent),
3462
+ state2.isOpen && withPortal && /* @__PURE__ */ React86__default.createElement(Portal, null, popoverContent),
3549
3463
  state2.isOpen && !withPortal && popoverContent
3550
3464
  )));
3551
3465
  }
3552
3466
  var TimeField = ({ state: state2, ...props }) => {
3553
3467
  const ref = useRef(null);
3554
3468
  const { labelProps, fieldProps } = useTimeField(props, state2, ref);
3555
- return /* @__PURE__ */ React87__default.createElement(Box, null, /* @__PURE__ */ React87__default.createElement(
3469
+ return /* @__PURE__ */ React86__default.createElement(Box, null, /* @__PURE__ */ React86__default.createElement(
3556
3470
  FormLabel,
3557
3471
  {
3558
3472
  ...labelProps,
@@ -3564,7 +3478,7 @@ var TimeField = ({ state: state2, ...props }) => {
3564
3478
  paddingTop: "2px"
3565
3479
  },
3566
3480
  props.label
3567
- ), /* @__PURE__ */ React87__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React87__default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React87__default.createElement(
3481
+ ), /* @__PURE__ */ React86__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React86__default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React86__default.createElement(
3568
3482
  "input",
3569
3483
  {
3570
3484
  type: "hidden",
@@ -3633,7 +3547,7 @@ var TimePicker = ({
3633
3547
  const ariaLabel = `${inputLabel} \u2013 ${t2(
3634
3548
  texts15.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
3635
3549
  )}`;
3636
- return /* @__PURE__ */ React87__default.createElement(
3550
+ return /* @__PURE__ */ React86__default.createElement(
3637
3551
  StyledField,
3638
3552
  {
3639
3553
  variant: "base",
@@ -3649,7 +3563,7 @@ var TimePicker = ({
3649
3563
  "aria-label": ariaLabel,
3650
3564
  ...boxProps
3651
3565
  },
3652
- /* @__PURE__ */ React87__default.createElement(
3566
+ /* @__PURE__ */ React86__default.createElement(
3653
3567
  IconButton,
3654
3568
  {
3655
3569
  variant: "ghost",
@@ -3657,14 +3571,14 @@ var TimePicker = ({
3657
3571
  borderRadius: "xs",
3658
3572
  "aria-label": backwardsLabel,
3659
3573
  title: backwardsLabel,
3660
- icon: /* @__PURE__ */ React87__default.createElement(DropdownLeftFill18Icon, null),
3574
+ icon: /* @__PURE__ */ React86__default.createElement(DropdownLeftFill18Icon, null),
3661
3575
  onClick: handleBackwardsClick,
3662
3576
  isDisabled,
3663
3577
  style: isDisabled ? { backgroundColor: "transparent" } : {}
3664
3578
  }
3665
3579
  ),
3666
- /* @__PURE__ */ React87__default.createElement(TimeField, { label, state: state2, name }),
3667
- /* @__PURE__ */ React87__default.createElement(
3580
+ /* @__PURE__ */ React86__default.createElement(TimeField, { label, state: state2, name }),
3581
+ /* @__PURE__ */ React86__default.createElement(
3668
3582
  IconButton,
3669
3583
  {
3670
3584
  variant: "ghost",
@@ -3672,7 +3586,7 @@ var TimePicker = ({
3672
3586
  borderRadius: "xs",
3673
3587
  "aria-label": forwardsLabel,
3674
3588
  title: forwardsLabel,
3675
- icon: /* @__PURE__ */ React87__default.createElement(DropdownRightFill18Icon, null),
3589
+ icon: /* @__PURE__ */ React86__default.createElement(DropdownRightFill18Icon, null),
3676
3590
  onClick: handleForwardClick,
3677
3591
  isDisabled,
3678
3592
  style: isDisabled ? { backgroundColor: "transparent" } : {}
@@ -3774,7 +3688,7 @@ var LineIcon = ({
3774
3688
  if (!Icon) {
3775
3689
  return null;
3776
3690
  }
3777
- return /* @__PURE__ */ React87__default.createElement(Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React87__default.createElement(Icon, { sx: styles3.icon }));
3691
+ return /* @__PURE__ */ React86__default.createElement(Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React86__default.createElement(Icon, { sx: styles3.icon }));
3778
3692
  };
3779
3693
 
3780
3694
  // src/linjetag/InfoTag.tsx
@@ -3790,7 +3704,7 @@ var InfoTag = ({
3790
3704
  size: size2,
3791
3705
  ...customProps
3792
3706
  });
3793
- return /* @__PURE__ */ React87__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React87__default.createElement(
3707
+ return /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React86__default.createElement(
3794
3708
  LineIcon,
3795
3709
  {
3796
3710
  variant,
@@ -3798,7 +3712,7 @@ var InfoTag = ({
3798
3712
  sx: styles3.iconContainer,
3799
3713
  ...customProps
3800
3714
  }
3801
- ), /* @__PURE__ */ React87__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React87__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React87__default.createElement(Box, { as: "span", sx: styles3.description }, description)));
3715
+ ), /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React86__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React86__default.createElement(Box, { as: "span", sx: styles3.description }, description)));
3802
3716
  };
3803
3717
  var TravelTag = forwardRef(
3804
3718
  ({
@@ -3818,7 +3732,7 @@ var TravelTag = forwardRef(
3818
3732
  backgroundColor: variant === "custom" ? rest.backgroundColor : void 0
3819
3733
  });
3820
3734
  const DeviationLevelIcon = getDeviationLevelIcon({ deviationLevel, size: size2 });
3821
- return /* @__PURE__ */ React87__default.createElement(Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React87__default.createElement(
3735
+ return /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React86__default.createElement(
3822
3736
  LineIcon,
3823
3737
  {
3824
3738
  variant,
@@ -3826,7 +3740,7 @@ var TravelTag = forwardRef(
3826
3740
  sx: styles3.iconContainer,
3827
3741
  ...rest
3828
3742
  }
3829
- ), /* @__PURE__ */ React87__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React87__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React87__default.createElement(Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React87__default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
3743
+ ), /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React86__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React86__default.createElement(Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React86__default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
3830
3744
  }
3831
3745
  );
3832
3746
  var getDeviationLevelIcon = ({
@@ -3850,7 +3764,7 @@ var TextLink = forwardRef(
3850
3764
  var _a6;
3851
3765
  const { t: t2 } = useTranslation();
3852
3766
  const isExternal = props.isExternal !== void 0 ? props.isExternal : Boolean((_a6 = props.href) == null ? void 0 : _a6.match(/^https?:\/\//));
3853
- return /* @__PURE__ */ React87__default.createElement(Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React87__default.createElement(
3767
+ return /* @__PURE__ */ React86__default.createElement(Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React86__default.createElement(
3854
3768
  LinkOutOutline24Icon,
3855
3769
  {
3856
3770
  marginLeft: 0.5,
@@ -3867,6 +3781,112 @@ var texts16 = createTexts({
3867
3781
  en: "External link"
3868
3782
  }
3869
3783
  });
3784
+ var VyLogo = ({ colorScheme, ...boxProps }) => {
3785
+ const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
3786
+ const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
3787
+ const id = useId();
3788
+ return /* @__PURE__ */ React86__default.createElement(Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React86__default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React86__default.createElement(
3789
+ "path",
3790
+ {
3791
+ fillRule: "evenodd",
3792
+ clipRule: "evenodd",
3793
+ 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",
3794
+ fill: mainColor
3795
+ }
3796
+ ), /* @__PURE__ */ React86__default.createElement(
3797
+ "mask",
3798
+ {
3799
+ id: `${id}-a`,
3800
+ style: { maskType: "alpha" },
3801
+ maskUnits: "userSpaceOnUse",
3802
+ x: "0",
3803
+ y: "0",
3804
+ width: "94",
3805
+ height: "54"
3806
+ },
3807
+ /* @__PURE__ */ React86__default.createElement(
3808
+ "path",
3809
+ {
3810
+ fillRule: "evenodd",
3811
+ clipRule: "evenodd",
3812
+ d: "M0 .03h93.26v53.65H0V.03Z",
3813
+ fill: mainColor
3814
+ }
3815
+ )
3816
+ ), /* @__PURE__ */ React86__default.createElement(
3817
+ "g",
3818
+ {
3819
+ mask: `url(#${id}-a)`,
3820
+ fillRule: "evenodd",
3821
+ clipRule: "evenodd",
3822
+ fill: mainColor
3823
+ },
3824
+ /* @__PURE__ */ React86__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" }),
3825
+ /* @__PURE__ */ React86__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" })
3826
+ ), /* @__PURE__ */ React86__default.createElement(
3827
+ "path",
3828
+ {
3829
+ fillRule: "evenodd",
3830
+ clipRule: "evenodd",
3831
+ 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",
3832
+ fill: accentColor
3833
+ }
3834
+ ), /* @__PURE__ */ React86__default.createElement(
3835
+ "path",
3836
+ {
3837
+ fillRule: "evenodd",
3838
+ clipRule: "evenodd",
3839
+ 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",
3840
+ fill: mainColor
3841
+ }
3842
+ ), /* @__PURE__ */ React86__default.createElement(
3843
+ "mask",
3844
+ {
3845
+ id: `${id}-b`,
3846
+ style: { maskType: "alpha" },
3847
+ maskUnits: "userSpaceOnUse",
3848
+ x: "29",
3849
+ y: "0",
3850
+ width: "78",
3851
+ height: "54"
3852
+ },
3853
+ /* @__PURE__ */ React86__default.createElement(
3854
+ "path",
3855
+ {
3856
+ fillRule: "evenodd",
3857
+ clipRule: "evenodd",
3858
+ d: "M29.55.04H106v53.64H29.55V.04Z",
3859
+ fill: mainColor
3860
+ }
3861
+ )
3862
+ ), /* @__PURE__ */ React86__default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React86__default.createElement(
3863
+ "path",
3864
+ {
3865
+ 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",
3866
+ fill: mainColor
3867
+ }
3868
+ ), /* @__PURE__ */ React86__default.createElement(
3869
+ "path",
3870
+ {
3871
+ 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",
3872
+ fill: mainColor
3873
+ }
3874
+ ), /* @__PURE__ */ React86__default.createElement(
3875
+ "path",
3876
+ {
3877
+ 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",
3878
+ fill: accentColor
3879
+ }
3880
+ )), /* @__PURE__ */ React86__default.createElement(
3881
+ "path",
3882
+ {
3883
+ fillRule: "evenodd",
3884
+ clipRule: "evenodd",
3885
+ d: "M26.55 50.33a9.09 9.09 0 0 1-1.24-2.7c-.44-1.54-12.46-42.5-12.46-42.5C11.82 1.56 10.2.07 7.22.07H5.4a.04.04 0 0 0 0 .08C7.67.5 9 2.04 9.9 5.13l12.46 42.5c.65 2.28 1.53 3.74 2.5 4.65.7-.4 1.29-1.05 1.69-1.95Z",
3886
+ fill: mainColor
3887
+ }
3888
+ ));
3889
+ };
3870
3890
  var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3871
3891
  const pinkColor = colorScheme === "light" ? "#ED6F99" : "#ffffff";
3872
3892
  const purpleColor = colorScheme === "light" ? "#C06CF7" : "#ffffff";
@@ -3878,7 +3898,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3878
3898
  const orangeColor = colorScheme === "light" ? "#F09436" : "#ffffff";
3879
3899
  const yellowColor = colorScheme === "light" ? "#FFFF54" : "#ffffff";
3880
3900
  const id = useId();
3881
- return /* @__PURE__ */ React87__default.createElement(Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React87__default.createElement("title", null, "Vy logo pride"), /* @__PURE__ */ React87__default.createElement(
3901
+ return /* @__PURE__ */ React86__default.createElement(Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React86__default.createElement("title", null, "Vy logo pride"), /* @__PURE__ */ React86__default.createElement(
3882
3902
  "svg",
3883
3903
  {
3884
3904
  width: "108",
@@ -3887,7 +3907,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3887
3907
  fill: "none",
3888
3908
  xmlns: "http://www.w3.org/2000/svg"
3889
3909
  },
3890
- /* @__PURE__ */ React87__default.createElement(
3910
+ /* @__PURE__ */ React86__default.createElement(
3891
3911
  "path",
3892
3912
  {
3893
3913
  fillRule: "evenodd",
@@ -3896,7 +3916,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3896
3916
  fill: pinkColor
3897
3917
  }
3898
3918
  ),
3899
- /* @__PURE__ */ React87__default.createElement(
3919
+ /* @__PURE__ */ React86__default.createElement(
3900
3920
  "mask",
3901
3921
  {
3902
3922
  id: `${id}-a-pride`,
@@ -3907,7 +3927,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3907
3927
  width: "95",
3908
3928
  height: "55"
3909
3929
  },
3910
- /* @__PURE__ */ React87__default.createElement(
3930
+ /* @__PURE__ */ React86__default.createElement(
3911
3931
  "path",
3912
3932
  {
3913
3933
  fillRule: "evenodd",
@@ -3917,7 +3937,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3917
3937
  }
3918
3938
  )
3919
3939
  ),
3920
- /* @__PURE__ */ React87__default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React87__default.createElement(
3940
+ /* @__PURE__ */ React86__default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React86__default.createElement(
3921
3941
  "path",
3922
3942
  {
3923
3943
  fillRule: "evenodd",
@@ -3925,7 +3945,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3925
3945
  d: "M86.1392 34.0577C86.1622 34.0577 86.1809 34.0389 86.1809 34.0158C86.1809 33.9951 86.1658 33.9779 86.146 33.9747V33.9745C83.7657 33.6665 82.2265 30.3247 81.3764 27.4799C80.4843 24.4948 77.2629 13.5951 75.3455 7.29056C73.4194 0.957342 67.4267 0.0485861 64.7129 0.0441895H64.7137C64.6906 0.0441895 64.6719 0.0629034 64.6719 0.0859014C64.6719 0.106645 64.6869 0.123893 64.7068 0.127162L64.7067 0.127388C67.2413 0.468862 70.8417 2.00375 72.3953 7.29056C73.7591 11.9308 78.0927 26.6723 78.2592 27.1656C79.2998 30.2466 80.5197 32.1068 82.0639 33.1046C83.1032 33.776 84.2891 34.0577 85.6664 34.0577H86.1392",
3926
3946
  fill: purpleColor
3927
3947
  }
3928
- ), /* @__PURE__ */ React87__default.createElement(
3948
+ ), /* @__PURE__ */ React86__default.createElement(
3929
3949
  "path",
3930
3950
  {
3931
3951
  fillRule: "evenodd",
@@ -3933,7 +3953,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3933
3953
  d: "M23.7089 54.6763C23.4058 54.6763 23.1352 54.6763 22.9803 54.6763C20.8144 54.6763 18.2099 53.5754 16.7766 48.5188L3.8641 4.45414C3.09965 1.80939 1.96226 0.481143 0.0347223 0.151506C0.014881 0.148237 0 0.131101 0 0.110245C0 0.0871344 0.018714 0.0684204 0.0418246 0.0684204H1.98402C4.56565 0.0684204 5.96987 1.36104 6.86386 4.45414C6.86386 4.45414 18.8019 44.9686 19.8869 48.7964C20.6896 51.628 21.628 53.5542 23.0795 54.3328C23.3142 54.4587 23.5119 54.5409 23.7154 54.5932C23.7352 54.5965 23.7506 54.6138 23.7506 54.6345C23.7506 54.6576 23.7319 54.6763 23.7089 54.6763Z",
3934
3954
  fill: darkPurpleColor
3935
3955
  }
3936
- ), /* @__PURE__ */ React87__default.createElement(
3956
+ ), /* @__PURE__ */ React86__default.createElement(
3937
3957
  "path",
3938
3958
  {
3939
3959
  fillRule: "evenodd",
@@ -3941,7 +3961,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3941
3961
  d: "M19.3365 6.09794C18.1013 1.82472 16.1613 0.0390015 12.5947 0.0390015H10.8543C10.8312 0.0390015 10.8125 0.0577155 10.8125 0.0808261C10.8125 0.101569 10.8277 0.118818 10.8476 0.122087V0.121974C13.6341 0.517899 15.2582 2.35232 16.341 6.09794C16.341 6.09794 27.027 42.4871 28.4146 47.2512C28.7189 46.2219 29.2327 44.4828 29.8791 42.2935C28.6038 37.9117 19.3365 6.09794 19.3365 6.09794",
3942
3962
  fill: greenColor
3943
3963
  }
3944
- ), /* @__PURE__ */ React87__default.createElement(
3964
+ ), /* @__PURE__ */ React86__default.createElement(
3945
3965
  "path",
3946
3966
  {
3947
3967
  fillRule: "evenodd",
@@ -3949,7 +3969,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3949
3969
  d: "M24.7059 54.6763H25.9753C27.5661 54.6763 28.7056 54.2553 29.5596 53.5597C30.9494 52.4272 31.5822 50.5663 32.1676 48.6028C32.2552 48.309 43.5646 9.95201 43.9629 8.45455C45.3098 3.39196 48.3208 1.18687 51.5334 0.404941C52.0668 0.275183 52.6055 0.184995 53.1431 0.127162H53.1439C53.1638 0.123893 53.1789 0.106645 53.1789 0.0859014C53.1789 0.0629034 53.1602 0.0441895 53.1371 0.0441895H51.7232C47.4872 0.0441895 42.7565 1.72507 40.9662 8.45455C40.3206 10.8814 29.2585 48.309 29.1709 48.6028C28.5854 50.5663 27.9202 52.6362 26.5303 53.7687C25.9647 54.2295 25.4469 54.4781 24.6995 54.5933H24.699C24.6792 54.5966 24.6641 54.614 24.6641 54.6346C24.6641 54.6577 24.6828 54.6764 24.7059 54.6764V54.6763",
3950
3970
  fill: darkGreenColor
3951
3971
  }
3952
- ), /* @__PURE__ */ React87__default.createElement(
3972
+ ), /* @__PURE__ */ React86__default.createElement(
3953
3973
  "path",
3954
3974
  {
3955
3975
  fillRule: "evenodd",
@@ -3958,7 +3978,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3958
3978
  fill: darkPurpleColor
3959
3979
  }
3960
3980
  )),
3961
- /* @__PURE__ */ React87__default.createElement(
3981
+ /* @__PURE__ */ React86__default.createElement(
3962
3982
  "path",
3963
3983
  {
3964
3984
  fillRule: "evenodd",
@@ -3967,7 +3987,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3967
3987
  fill: blueColor
3968
3988
  }
3969
3989
  ),
3970
- /* @__PURE__ */ React87__default.createElement(
3990
+ /* @__PURE__ */ React86__default.createElement(
3971
3991
  "path",
3972
3992
  {
3973
3993
  fillRule: "evenodd",
@@ -3976,7 +3996,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3976
3996
  fill: blueColor
3977
3997
  }
3978
3998
  ),
3979
- /* @__PURE__ */ React87__default.createElement(
3999
+ /* @__PURE__ */ React86__default.createElement(
3980
4000
  "path",
3981
4001
  {
3982
4002
  fillRule: "evenodd",
@@ -3985,7 +4005,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3985
4005
  fill: greenColor
3986
4006
  }
3987
4007
  ),
3988
- /* @__PURE__ */ React87__default.createElement(
4008
+ /* @__PURE__ */ React86__default.createElement(
3989
4009
  "mask",
3990
4010
  {
3991
4011
  id: `${id}-b-pride`,
@@ -3996,7 +4016,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3996
4016
  width: "78",
3997
4017
  height: "55"
3998
4018
  },
3999
- /* @__PURE__ */ React87__default.createElement(
4019
+ /* @__PURE__ */ React86__default.createElement(
4000
4020
  "path",
4001
4021
  {
4002
4022
  fillRule: "evenodd",
@@ -4006,7 +4026,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4006
4026
  }
4007
4027
  )
4008
4028
  ),
4009
- /* @__PURE__ */ React87__default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React87__default.createElement(
4029
+ /* @__PURE__ */ React86__default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React86__default.createElement(
4010
4030
  "path",
4011
4031
  {
4012
4032
  fillRule: "evenodd",
@@ -4014,7 +4034,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4014
4034
  d: "M89.8289 35.0891C88.7828 38.6493 85.8015 48.8015 85.8015 48.8015C84.2266 54.076 86.7112 54.6188 87.6599 54.6188H89.9623C89.9855 54.6188 90.0042 54.6001 90.0042 54.577C90.0042 54.5571 89.9903 54.5403 89.9717 54.5362V54.5363C88.8916 54.2553 87.4798 53.0991 88.7632 48.8015C88.7632 48.8015 92.0286 37.7282 93.2719 33.5031C92.561 34.2226 91.3615 34.8917 89.8289 35.0891",
4015
4035
  fill: greenColor
4016
4036
  }
4017
- ), /* @__PURE__ */ React87__default.createElement(
4037
+ ), /* @__PURE__ */ React86__default.createElement(
4018
4038
  "path",
4019
4039
  {
4020
4040
  fillRule: "evenodd",
@@ -4022,7 +4042,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4022
4042
  d: "M95.4467 54.6188C95.4698 54.6188 95.4885 54.6001 95.4885 54.577C95.4885 54.557 95.4747 54.5403 95.4561 54.5362H95.4558C94.5434 54.2765 93.3986 53.2655 94.4728 49.6684C94.4728 49.6684 107.101 6.68958 107.804 4.25563C108.507 1.82169 106.809 0.298979 105.28 0.0692254C105.269 0.0676471 105.219 0.0537807 105.209 0.0862483C105.199 0.118716 105.241 0.138557 105.249 0.143179C105.553 0.303376 105.894 0.672244 105.708 1.30469C105.522 1.93713 91.499 49.6684 91.499 49.6684C90.1586 54.1569 92.273 54.6188 93.0802 54.6188H95.4467",
4023
4043
  fill: darkGreenColor
4024
4044
  }
4025
- ), /* @__PURE__ */ React87__default.createElement(
4045
+ ), /* @__PURE__ */ React86__default.createElement(
4026
4046
  "path",
4027
4047
  {
4028
4048
  fillRule: "evenodd",
@@ -4030,7 +4050,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4030
4050
  d: "M75.4659 34.0577C75.4889 34.0577 75.5076 34.0389 75.5076 34.0158C75.5076 33.9951 75.4925 33.9778 75.4726 33.9746H75.4723C74.6146 33.8501 73.8387 33.5807 73.1306 33.1321C71.4607 32.0744 70.1687 30.0201 69.0737 26.521C68.9798 26.2215 63.6049 7.92165 63.4194 7.29056C62.2821 3.42105 60.4546 1.5616 58.6517 0.708874C57.557 0.191083 56.4715 0.0441895 55.5553 0.0441895C54.9539 0.0441895 54.4151 0.0441895 53.9784 0.0441895H53.9715C53.9484 0.0441895 53.9297 0.0629034 53.9297 0.0859014C53.9297 0.106645 53.9448 0.123893 53.9646 0.127162V0.127275C54.26 0.171918 58.362 0.298745 60.4275 7.29056C62.493 14.2825 64.9683 22.6405 65.8045 25.5908C67.6133 31.9722 69.9469 34.0577 73.6985 34.0577H75.4659",
4031
4051
  fill: redColor
4032
4052
  }
4033
- ), /* @__PURE__ */ React87__default.createElement(
4053
+ ), /* @__PURE__ */ React86__default.createElement(
4034
4054
  "path",
4035
4055
  {
4036
4056
  fillRule: "evenodd",
@@ -4038,7 +4058,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4038
4058
  d: "M56.4576 2.44421C56.4559 2.44568 56.4541 2.44703 56.4524 2.4485C54.944 3.74292 53.6961 5.66449 52.9539 8.45445C52.8754 8.74959 41.6662 46.889 41.4206 47.7167C40.4784 50.8926 39.6893 54.0469 36.1209 54.5932C36.101 54.5965 36.0859 54.6138 36.0859 54.6345C36.0859 54.6576 36.1047 54.6763 36.1278 54.6763H36.8373C36.8373 54.6763 37.3489 54.6683 37.4515 54.6642C41.0756 54.5179 42.8818 52.978 44.4271 47.7167C45.5556 43.8746 55.8691 8.75883 55.9604 8.45445C56.4006 6.98517 56.9293 5.3123 57.6882 3.84641C57.53 3.59208 56.9713 2.87385 56.4576 2.44421",
4039
4059
  fill: orangeColor
4040
4060
  }
4041
- ), /* @__PURE__ */ React87__default.createElement(
4061
+ ), /* @__PURE__ */ React86__default.createElement(
4042
4062
  "path",
4043
4063
  {
4044
4064
  fillRule: "evenodd",
@@ -4047,7 +4067,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4047
4067
  fill: yellowColor
4048
4068
  }
4049
4069
  )),
4050
- /* @__PURE__ */ React87__default.createElement(
4070
+ /* @__PURE__ */ React86__default.createElement(
4051
4071
  "path",
4052
4072
  {
4053
4073
  fillRule: "evenodd",
@@ -4058,233 +4078,115 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4058
4078
  )
4059
4079
  ));
4060
4080
  };
4061
- var VyLogoDefault = ({
4062
- colorScheme,
4063
- ...boxProps
4064
- }) => {
4065
- const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
4066
- const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
4067
- const id = useId();
4068
- return /* @__PURE__ */ React87__default.createElement(Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React87__default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React87__default.createElement(
4069
- "path",
4070
- {
4071
- fillRule: "evenodd",
4072
- clipRule: "evenodd",
4073
- 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",
4074
- fill: mainColor
4075
- }
4076
- ), /* @__PURE__ */ React87__default.createElement(
4077
- "mask",
4078
- {
4079
- id: `${id}-a`,
4080
- style: { maskType: "alpha" },
4081
- maskUnits: "userSpaceOnUse",
4082
- x: "0",
4083
- y: "0",
4084
- width: "94",
4085
- height: "54"
4086
- },
4087
- /* @__PURE__ */ React87__default.createElement(
4088
- "path",
4089
- {
4090
- fillRule: "evenodd",
4091
- clipRule: "evenodd",
4092
- d: "M0 .03h93.26v53.65H0V.03Z",
4093
- fill: mainColor
4094
- }
4095
- )
4096
- ), /* @__PURE__ */ React87__default.createElement(
4097
- "g",
4098
- {
4099
- mask: `url(#${id}-a)`,
4100
- fillRule: "evenodd",
4101
- clipRule: "evenodd",
4102
- fill: mainColor
4103
- },
4104
- /* @__PURE__ */ React87__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" }),
4105
- /* @__PURE__ */ React87__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" })
4106
- ), /* @__PURE__ */ React87__default.createElement(
4107
- "path",
4108
- {
4109
- fillRule: "evenodd",
4110
- clipRule: "evenodd",
4111
- 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",
4112
- fill: accentColor
4113
- }
4114
- ), /* @__PURE__ */ React87__default.createElement(
4115
- "path",
4116
- {
4117
- fillRule: "evenodd",
4118
- clipRule: "evenodd",
4119
- 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",
4120
- fill: mainColor
4121
- }
4122
- ), /* @__PURE__ */ React87__default.createElement(
4123
- "mask",
4124
- {
4125
- id: `${id}-b`,
4126
- style: { maskType: "alpha" },
4127
- maskUnits: "userSpaceOnUse",
4128
- x: "29",
4129
- y: "0",
4130
- width: "78",
4131
- height: "54"
4132
- },
4133
- /* @__PURE__ */ React87__default.createElement(
4134
- "path",
4135
- {
4136
- fillRule: "evenodd",
4137
- clipRule: "evenodd",
4138
- d: "M29.55.04H106v53.64H29.55V.04Z",
4139
- fill: mainColor
4140
- }
4141
- )
4142
- ), /* @__PURE__ */ React87__default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React87__default.createElement(
4143
- "path",
4144
- {
4145
- 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",
4146
- fill: mainColor
4147
- }
4148
- ), /* @__PURE__ */ React87__default.createElement(
4149
- "path",
4150
- {
4151
- 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",
4152
- fill: mainColor
4153
- }
4154
- ), /* @__PURE__ */ React87__default.createElement(
4155
- "path",
4156
- {
4157
- 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",
4158
- fill: accentColor
4159
- }
4160
- )), /* @__PURE__ */ React87__default.createElement(
4161
- "path",
4162
- {
4163
- fillRule: "evenodd",
4164
- clipRule: "evenodd",
4165
- d: "M26.55 50.33a9.09 9.09 0 0 1-1.24-2.7c-.44-1.54-12.46-42.5-12.46-42.5C11.82 1.56 10.2.07 7.22.07H5.4a.04.04 0 0 0 0 .08C7.67.5 9 2.04 9.9 5.13l12.46 42.5c.65 2.28 1.53 3.74 2.5 4.65.7-.4 1.29-1.05 1.69-1.95Z",
4166
- fill: mainColor
4167
- }
4168
- ));
4169
- };
4170
-
4171
- // src/logo/VyLogo.tsx
4172
- var VyLogo = ({ colorScheme, ...boxProps }) => {
4173
- const { isPride } = usePride();
4174
- if (isPride) {
4175
- return /* @__PURE__ */ React87__default.createElement(VyLogoPride, { colorScheme, ...boxProps });
4176
- }
4177
- return /* @__PURE__ */ React87__default.createElement(VyLogoDefault, { colorScheme, ...boxProps });
4178
- };
4179
4081
  var CargonetLogo = ({
4180
4082
  colorScheme,
4181
4083
  ...boxProps
4182
4084
  }) => {
4183
4085
  const mainColor = "#DF8200";
4184
4086
  const accentColor = colorScheme === "light" ? "#383E42" : "#ffffff";
4185
- return /* @__PURE__ */ React87__default.createElement(Box, { as: "svg", viewBox: "0 0 251 52", ...boxProps }, /* @__PURE__ */ React87__default.createElement("title", null, "Cargonet logo"), /* @__PURE__ */ React87__default.createElement(
4087
+ return /* @__PURE__ */ React86__default.createElement(Box, { as: "svg", viewBox: "0 0 251 52", ...boxProps }, /* @__PURE__ */ React86__default.createElement("title", null, "Cargonet logo"), /* @__PURE__ */ React86__default.createElement(
4186
4088
  "path",
4187
4089
  {
4188
4090
  d: "M87.9222 14.602L84.3862 18.7417C81.1953 15.9821 79.1685 15.2914 76.5379 15.2914C70.933 15.2914 67.4398 19.5609 67.4398 26.029C67.4398 32.5834 71.0186 36.8523 76.4089 36.8523C79.6855 36.8523 81.6694 35.6447 84.9038 32.9285L88.3969 36.982C84.645 40.5608 81.1524 42.1134 76.4951 42.1134C66.9651 42.1134 61.2733 35.214 61.2733 25.9856C61.2733 16.9732 66.7492 10.0309 76.5379 10.0309C81.2387 10.0309 84.3 11.4533 87.9222 14.602Z",
4189
4091
  fill: accentColor
4190
4092
  }
4191
- ), /* @__PURE__ */ React87__default.createElement(
4093
+ ), /* @__PURE__ */ React86__default.createElement(
4192
4094
  "path",
4193
4095
  {
4194
4096
  d: "M106.461 41.3802C106.159 40.5604 105.986 39.5259 105.857 38.4046C104.693 40.6038 102.408 42.1131 98.6988 42.1131C94.4299 42.1131 90.8511 40.216 90.8511 35.774C90.8511 30.9013 95.1628 29.1333 100.812 28.1417L105.598 27.3225V26.7187C105.598 24.3903 103.917 23.1399 101.416 23.1399C98.4829 23.1399 96.5858 24.476 94.4734 26.6759L91.0231 23.5712C93.9124 20.2934 97.1468 18.6117 101.373 18.6117C107.754 18.6117 110.946 21.846 110.946 26.5028V35.9037C110.946 38.448 111.118 40.216 111.506 41.3802H106.461ZM105.598 32.6265V31.1607L101.373 31.9364C98.0093 32.5836 96.2414 33.4022 96.2414 35.3861C96.2414 36.9388 97.5346 37.9299 99.8202 37.9299C102.666 37.9299 105.598 36.4647 105.598 32.6265Z",
4195
4097
  fill: accentColor
4196
4098
  }
4197
- ), /* @__PURE__ */ React87__default.createElement(
4099
+ ), /* @__PURE__ */ React86__default.createElement(
4198
4100
  "path",
4199
4101
  {
4200
4102
  d: "M130.65 19.6469L129.572 24.5625C128.537 24.2614 127.373 24.0455 126.295 24.0455C123.233 24.0455 121.422 26.4601 121.422 30.5565V41.3803H115.816V25.8563C115.816 22.8813 115.644 20.8111 115.385 19.3448H120.603C120.818 20.1645 120.991 21.4578 121.034 23.0967C122.112 20.5524 123.88 18.9569 126.812 18.9569C128.192 18.9569 129.529 19.2157 130.65 19.6469Z",
4201
4103
  fill: accentColor
4202
4104
  }
4203
- ), /* @__PURE__ */ React87__default.createElement(
4105
+ ), /* @__PURE__ */ React86__default.createElement(
4204
4106
  "path",
4205
4107
  {
4206
4108
  d: "M152.813 19.3447V40.6896C152.813 46.9859 148.156 50.1768 142.075 50.1768C138.669 50.1768 135.219 49.3142 132.028 47.4172L134.745 43.3202C137.289 44.8729 139.532 45.692 141.99 45.692C145.008 45.692 147.336 44.269 147.336 40.3018V37.4993C146.043 39.5255 143.93 40.8199 140.911 40.8199C135.349 40.8199 131.209 36.3779 131.209 29.7373C131.209 23.0966 135.349 18.6118 140.911 18.6118C144.188 18.6118 146.345 20.0782 147.639 22.3631V19.3447H152.813ZM147.509 29.7373C147.509 25.9425 145.267 23.3988 142.162 23.3988C138.971 23.3988 136.858 25.9425 136.858 29.7373C136.858 33.5314 138.971 36.0763 142.162 36.0763C145.267 36.0763 147.509 33.5314 147.509 29.7373Z",
4207
4109
  fill: accentColor
4208
4110
  }
4209
- ), /* @__PURE__ */ React87__default.createElement(
4111
+ ), /* @__PURE__ */ React86__default.createElement(
4210
4112
  "path",
4211
4113
  {
4212
4114
  d: "M178.72 30.341C178.72 37.3267 173.976 42.0702 167.292 42.0702C160.609 42.0702 155.866 37.3267 155.866 30.341C155.866 23.3553 160.609 18.6117 167.292 18.6117C173.976 18.6117 178.72 23.3553 178.72 30.341ZM161.557 30.341C161.557 34.6967 163.886 37.4992 167.292 37.4992C170.699 37.4992 173.028 34.6967 173.028 30.341C173.028 26.0721 170.699 23.1828 167.292 23.1828C163.886 23.1828 161.557 26.0721 161.557 30.341Z",
4213
4115
  fill: accentColor
4214
4116
  }
4215
- ), /* @__PURE__ */ React87__default.createElement(
4117
+ ), /* @__PURE__ */ React86__default.createElement(
4216
4118
  "path",
4217
4119
  {
4218
4120
  d: "M208.903 10.7638V41.38H202.478L194.673 28.9612C192.516 25.5115 190.403 22.1046 188.635 18.8274C188.851 22.4497 188.937 26.4598 188.937 30.8155V41.38H183.029V10.7638H189.585L197.82 23.9589C199.717 26.9773 201.616 29.9529 203.21 32.8851C203.081 29.6507 203.038 26.0719 203.038 21.8893V10.7638H208.903Z",
4219
4121
  fill: mainColor
4220
4122
  }
4221
- ), /* @__PURE__ */ React87__default.createElement(
4123
+ ), /* @__PURE__ */ React86__default.createElement(
4222
4124
  "path",
4223
4125
  {
4224
4126
  d: "M233.663 37.7578C230.386 41.035 227.324 42.0707 223.788 42.0707C216.672 42.0707 212.231 37.499 212.231 30.4705C212.231 23.6573 216.371 18.6116 223.313 18.6116C230.041 18.6116 233.619 22.8376 233.619 29.6079C233.619 30.2546 233.577 31.2897 233.534 31.6781H217.578C218.009 35.0844 220.08 37.499 223.917 37.499C226.505 37.499 228.144 36.5936 230.6 34.4378L233.663 37.7578ZM217.708 27.9262H228.359C228.144 24.8644 226.376 22.881 223.227 22.881C220.123 22.881 218.311 24.8644 217.708 27.9262Z",
4225
4127
  fill: mainColor
4226
4128
  }
4227
- ), /* @__PURE__ */ React87__default.createElement(
4129
+ ), /* @__PURE__ */ React86__default.createElement(
4228
4130
  "path",
4229
4131
  {
4230
4132
  d: "M250.41 41.0785C248.556 41.6817 246.789 41.8976 245.538 41.8976C240.88 41.8976 239.198 39.8709 239.198 35.7739V23.4415H235.275V19.3445H239.198V12.6182H244.805V19.3445H250.066V23.4415H244.805V34.8257C244.805 36.5937 245.624 37.0244 247.047 37.0244C247.651 37.0244 248.47 36.9387 249.721 36.6365L250.41 41.0785Z",
4231
4133
  fill: mainColor
4232
4134
  }
4233
- ), /* @__PURE__ */ React87__default.createElement(
4135
+ ), /* @__PURE__ */ React86__default.createElement(
4234
4136
  "path",
4235
4137
  {
4236
4138
  d: "M21.4911 10.2565H31.1579V0.589175H21.4911V10.2565Z",
4237
4139
  fill: mainColor
4238
4140
  }
4239
- ), /* @__PURE__ */ React87__default.createElement(
4141
+ ), /* @__PURE__ */ React86__default.createElement(
4240
4142
  "path",
4241
4143
  {
4242
4144
  d: "M41.3861 10.8855H31.7757V20.5528H41.3861V10.8855Z",
4243
4145
  fill: mainColor
4244
4146
  }
4245
- ), /* @__PURE__ */ React87__default.createElement(
4147
+ ), /* @__PURE__ */ React86__default.createElement(
4246
4148
  "path",
4247
4149
  {
4248
4150
  d: "M42.0022 10.2547H51.6126V0.587402H42.0022V10.2547Z",
4249
4151
  fill: mainColor
4250
4152
  }
4251
- ), /* @__PURE__ */ React87__default.createElement(
4153
+ ), /* @__PURE__ */ React86__default.createElement(
4252
4154
  "path",
4253
4155
  {
4254
4156
  d: "M21.477 30.7758H31.1431V21.1654H21.477V30.7758Z",
4255
4157
  fill: mainColor
4256
4158
  }
4257
- ), /* @__PURE__ */ React87__default.createElement(
4159
+ ), /* @__PURE__ */ React86__default.createElement(
4258
4160
  "path",
4259
4161
  {
4260
4162
  d: "M11.2124 20.5493H20.8791V10.8826H11.2124V20.5493Z",
4261
4163
  fill: mainColor
4262
4164
  }
4263
- ), /* @__PURE__ */ React87__default.createElement(
4165
+ ), /* @__PURE__ */ React86__default.createElement(
4264
4166
  "path",
4265
4167
  {
4266
4168
  d: "M0.910156 30.7911H10.5775V21.1801H0.910156V30.7911Z",
4267
4169
  fill: mainColor
4268
4170
  }
4269
- ), /* @__PURE__ */ React87__default.createElement(
4171
+ ), /* @__PURE__ */ React86__default.createElement(
4270
4172
  "path",
4271
4173
  {
4272
4174
  d: "M11.1948 41.0258H20.8615V31.4154H11.1948V41.0258Z",
4273
4175
  fill: mainColor
4274
4176
  }
4275
- ), /* @__PURE__ */ React87__default.createElement(
4177
+ ), /* @__PURE__ */ React86__default.createElement(
4276
4178
  "path",
4277
4179
  {
4278
4180
  d: "M31.7669 41.0581H41.4336V31.3908H31.7669V41.0581Z",
4279
4181
  fill: mainColor
4280
4182
  }
4281
- ), /* @__PURE__ */ React87__default.createElement(
4183
+ ), /* @__PURE__ */ React86__default.createElement(
4282
4184
  "path",
4283
4185
  {
4284
4186
  d: "M21.4776 51.2277H31.1443V41.656H21.4776V51.2277Z",
4285
4187
  fill: mainColor
4286
4188
  }
4287
- ), /* @__PURE__ */ React87__default.createElement(
4189
+ ), /* @__PURE__ */ React86__default.createElement(
4288
4190
  "path",
4289
4191
  {
4290
4192
  d: "M42.0615 51.2283H51.7282V41.6989H42.0615V51.2283Z",
@@ -4303,7 +4205,7 @@ var JumpButton = ({
4303
4205
  variant: "jumpSkip",
4304
4206
  size: size2
4305
4207
  });
4306
- return /* @__PURE__ */ React87__default.createElement(
4208
+ return /* @__PURE__ */ React86__default.createElement(
4307
4209
  Center,
4308
4210
  {
4309
4211
  as: "button",
@@ -4312,7 +4214,7 @@ var JumpButton = ({
4312
4214
  disabled: isDisabled,
4313
4215
  ...props
4314
4216
  },
4315
- direction2 === "forward" ? /* @__PURE__ */ React87__default.createElement(Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__default.createElement(Backward15MediaControllerFill30Icon, { sx: styles3.icon })
4217
+ direction2 === "forward" ? /* @__PURE__ */ React86__default.createElement(Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__default.createElement(Backward15MediaControllerFill30Icon, { sx: styles3.icon })
4316
4218
  );
4317
4219
  };
4318
4220
  var texts17 = createTexts({
@@ -4340,7 +4242,7 @@ var PlayPauseButton = ({
4340
4242
  variant: "play",
4341
4243
  size: size2
4342
4244
  });
4343
- return /* @__PURE__ */ React87__default.createElement(
4245
+ return /* @__PURE__ */ React86__default.createElement(
4344
4246
  Center,
4345
4247
  {
4346
4248
  as: "button",
@@ -4349,7 +4251,7 @@ var PlayPauseButton = ({
4349
4251
  disabled: isDisabled,
4350
4252
  ...props
4351
4253
  },
4352
- isPlaying ? /* @__PURE__ */ React87__default.createElement(PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__default.createElement(PlayMediaControllerFill24Icon, { sx: styles3.icon })
4254
+ isPlaying ? /* @__PURE__ */ React86__default.createElement(PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__default.createElement(PlayMediaControllerFill24Icon, { sx: styles3.icon })
4353
4255
  );
4354
4256
  };
4355
4257
  var texts18 = createTexts({
@@ -4377,7 +4279,7 @@ var SkipButton = ({
4377
4279
  variant: "jumpSkip",
4378
4280
  size: size2
4379
4281
  });
4380
- return /* @__PURE__ */ React87__default.createElement(
4282
+ return /* @__PURE__ */ React86__default.createElement(
4381
4283
  Center,
4382
4284
  {
4383
4285
  as: "button",
@@ -4386,7 +4288,7 @@ var SkipButton = ({
4386
4288
  disabled: isDisabled,
4387
4289
  ...props
4388
4290
  },
4389
- direction2 === "forward" ? /* @__PURE__ */ React87__default.createElement(NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__default.createElement(PreviousMediaControllerFill30Icon, { sx: styles3.icon })
4291
+ direction2 === "forward" ? /* @__PURE__ */ React86__default.createElement(NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__default.createElement(PreviousMediaControllerFill30Icon, { sx: styles3.icon })
4390
4292
  );
4391
4293
  };
4392
4294
  var texts19 = createTexts({
@@ -4409,13 +4311,13 @@ var ModalHeader = forwardRef(
4409
4311
  fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
4410
4312
  textAlign: size2 === "lg" ? "center" : "left"
4411
4313
  };
4412
- return /* @__PURE__ */ React87__default.createElement(ModalHeader$1, { ...props, ref, ...styles3 });
4314
+ return /* @__PURE__ */ React86__default.createElement(ModalHeader$1, { ...props, ref, ...styles3 });
4413
4315
  }
4414
4316
  );
4415
4317
 
4416
4318
  // src/modal/Drawer.tsx
4417
4319
  var Drawer = (props) => {
4418
- return /* @__PURE__ */ React87__default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React87__default.createElement(Drawer$1, { ...props }));
4320
+ return /* @__PURE__ */ React86__default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React86__default.createElement(Drawer$1, { ...props }));
4419
4321
  };
4420
4322
  var DrawerContent = forwardRef(
4421
4323
  ({ children, ...props }, ref) => {
@@ -4432,7 +4334,7 @@ var DrawerContent = forwardRef(
4432
4334
  });
4433
4335
  const isTopOrBottom = placement === "top" || placement === "bottom";
4434
4336
  const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
4435
- return /* @__PURE__ */ React87__default.createElement(Box, { ...handlers }, /* @__PURE__ */ React87__default.createElement(
4337
+ return /* @__PURE__ */ React86__default.createElement(Box, { ...handlers }, /* @__PURE__ */ React86__default.createElement(
4436
4338
  DrawerContent$1,
4437
4339
  {
4438
4340
  ...widthConstraits,
@@ -4441,13 +4343,13 @@ var DrawerContent = forwardRef(
4441
4343
  ...props,
4442
4344
  ref
4443
4345
  },
4444
- /* @__PURE__ */ React87__default.createElement(Box, { position: "relative" }, /* @__PURE__ */ React87__default.createElement(Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React87__default.createElement(Notch, null), /* @__PURE__ */ React87__default.createElement(Box, null, children)))
4346
+ /* @__PURE__ */ React86__default.createElement(Box, { position: "relative" }, /* @__PURE__ */ React86__default.createElement(Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React86__default.createElement(Notch, null), /* @__PURE__ */ React86__default.createElement(Box, null, children)))
4445
4347
  ));
4446
4348
  }
4447
4349
  );
4448
4350
  var Notch = forwardRef((props, ref) => {
4449
4351
  const placement = useDrawerContext();
4450
- return /* @__PURE__ */ React87__default.createElement(
4352
+ return /* @__PURE__ */ React86__default.createElement(
4451
4353
  Box,
4452
4354
  {
4453
4355
  position: "absolute",
@@ -4459,14 +4361,14 @@ var Notch = forwardRef((props, ref) => {
4459
4361
  ...props,
4460
4362
  ref
4461
4363
  },
4462
- /* @__PURE__ */ React87__default.createElement(
4364
+ /* @__PURE__ */ React86__default.createElement(
4463
4365
  Center,
4464
4366
  {
4465
4367
  background: placement === "bottom" ? "bottom" : "top",
4466
4368
  padding: 2,
4467
4369
  borderRadius: "md"
4468
4370
  },
4469
- /* @__PURE__ */ React87__default.createElement(
4371
+ /* @__PURE__ */ React86__default.createElement(
4470
4372
  Box,
4471
4373
  {
4472
4374
  width: "2.265rem",
@@ -4478,17 +4380,17 @@ var Notch = forwardRef((props, ref) => {
4478
4380
  )
4479
4381
  );
4480
4382
  });
4481
- var DrawerContext = React87__default.createContext(void 0);
4482
- var DrawerProvider = (props) => /* @__PURE__ */ React87__default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
4383
+ var DrawerContext = React86__default.createContext(void 0);
4384
+ var DrawerProvider = (props) => /* @__PURE__ */ React86__default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
4483
4385
  var useDrawerContext = () => {
4484
- return React87__default.useContext(DrawerContext);
4386
+ return React86__default.useContext(DrawerContext);
4485
4387
  };
4486
4388
  var FullScreenDrawer = ({
4487
4389
  children,
4488
4390
  title,
4489
4391
  placement = "bottom",
4490
- leftButton = /* @__PURE__ */ React87__default.createElement(DrawerBackButton, null),
4491
- rightButton = /* @__PURE__ */ React87__default.createElement(DrawerCloseButton2, null),
4392
+ leftButton = /* @__PURE__ */ React86__default.createElement(DrawerBackButton, null),
4393
+ rightButton = /* @__PURE__ */ React86__default.createElement(DrawerCloseButton2, null),
4492
4394
  isOpen,
4493
4395
  onClose,
4494
4396
  body
@@ -4505,7 +4407,7 @@ var FullScreenDrawer = ({
4505
4407
  useEffect(() => {
4506
4408
  setContentBoxScrolled(false);
4507
4409
  }, [isOpen]);
4508
- return /* @__PURE__ */ React87__default.createElement(Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React87__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React87__default.createElement(
4410
+ return /* @__PURE__ */ React86__default.createElement(Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React86__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React86__default.createElement(
4509
4411
  DrawerContent$1,
4510
4412
  {
4511
4413
  height: "100vh",
@@ -4513,7 +4415,7 @@ var FullScreenDrawer = ({
4513
4415
  backgroundPosition: "top",
4514
4416
  backgroundRepeat: "no-repeat"
4515
4417
  },
4516
- /* @__PURE__ */ React87__default.createElement(
4418
+ /* @__PURE__ */ React86__default.createElement(
4517
4419
  DrawerTopMenu,
4518
4420
  {
4519
4421
  isScrolled: isContentBoxScrolled,
@@ -4522,7 +4424,7 @@ var FullScreenDrawer = ({
4522
4424
  rightButton
4523
4425
  }
4524
4426
  ),
4525
- /* @__PURE__ */ React87__default.createElement(DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
4427
+ /* @__PURE__ */ React86__default.createElement(DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
4526
4428
  ));
4527
4429
  };
4528
4430
  var DrawerTopMenu = ({
@@ -4535,7 +4437,7 @@ var DrawerTopMenu = ({
4535
4437
  "bg.default.light",
4536
4438
  "bg.default.dark"
4537
4439
  );
4538
- return /* @__PURE__ */ React87__default.createElement(
4440
+ return /* @__PURE__ */ React86__default.createElement(
4539
4441
  Flex,
4540
4442
  {
4541
4443
  width: "100%",
@@ -4548,8 +4450,8 @@ var DrawerTopMenu = ({
4548
4450
  transition: "box-shadow 0.2s",
4549
4451
  boxShadow: isScrolled ? "md" : void 0
4550
4452
  },
4551
- /* @__PURE__ */ React87__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React87__default.createElement(Box, { width: "fit-content" }, leftButton)),
4552
- /* @__PURE__ */ React87__default.createElement(
4453
+ /* @__PURE__ */ React86__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React86__default.createElement(Box, { width: "fit-content" }, leftButton)),
4454
+ /* @__PURE__ */ React86__default.createElement(
4553
4455
  DrawerHeader,
4554
4456
  {
4555
4457
  as: "h2",
@@ -4562,7 +4464,7 @@ var DrawerTopMenu = ({
4562
4464
  },
4563
4465
  title
4564
4466
  ),
4565
- /* @__PURE__ */ React87__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React87__default.createElement(Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
4467
+ /* @__PURE__ */ React86__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React86__default.createElement(Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
4566
4468
  );
4567
4469
  };
4568
4470
  var DrawerCloseButton2 = () => {
@@ -4572,11 +4474,11 @@ var DrawerCloseButton2 = () => {
4572
4474
  `(min-width: ${tokens11__default.size.breakpoint.sm})`
4573
4475
  );
4574
4476
  if (isScreenSizeMinSm) {
4575
- return /* @__PURE__ */ React87__default.createElement(
4477
+ return /* @__PURE__ */ React86__default.createElement(
4576
4478
  Button2,
4577
4479
  {
4578
4480
  variant: "ghost",
4579
- leftIcon: /* @__PURE__ */ React87__default.createElement(CloseFill24Icon, null),
4481
+ leftIcon: /* @__PURE__ */ React86__default.createElement(CloseFill24Icon, null),
4580
4482
  onClick: onClose,
4581
4483
  "aria-label": t2(texts20.close),
4582
4484
  width: "fit-content",
@@ -4585,11 +4487,11 @@ var DrawerCloseButton2 = () => {
4585
4487
  t2(texts20.close)
4586
4488
  );
4587
4489
  }
4588
- return /* @__PURE__ */ React87__default.createElement(
4490
+ return /* @__PURE__ */ React86__default.createElement(
4589
4491
  IconButton,
4590
4492
  {
4591
4493
  variant: "ghost",
4592
- icon: /* @__PURE__ */ React87__default.createElement(CloseFill30Icon, null),
4494
+ icon: /* @__PURE__ */ React86__default.createElement(CloseFill30Icon, null),
4593
4495
  onClick: onClose,
4594
4496
  "aria-label": t2(texts20.close)
4595
4497
  }
@@ -4602,11 +4504,11 @@ var DrawerBackButton = () => {
4602
4504
  `(min-width: ${tokens11__default.size.breakpoint.sm})`
4603
4505
  );
4604
4506
  if (isScreenSizeMinSm) {
4605
- return /* @__PURE__ */ React87__default.createElement(
4507
+ return /* @__PURE__ */ React86__default.createElement(
4606
4508
  Button2,
4607
4509
  {
4608
4510
  variant: "ghost",
4609
- leftIcon: /* @__PURE__ */ React87__default.createElement(ArrowLeftFill24Icon, null),
4511
+ leftIcon: /* @__PURE__ */ React86__default.createElement(ArrowLeftFill24Icon, null),
4610
4512
  onClick: onClose,
4611
4513
  "aria-label": t2(texts20.backAriaLabel),
4612
4514
  width: "fit-content",
@@ -4615,11 +4517,11 @@ var DrawerBackButton = () => {
4615
4517
  t2(texts20.back)
4616
4518
  );
4617
4519
  }
4618
- return /* @__PURE__ */ React87__default.createElement(
4520
+ return /* @__PURE__ */ React86__default.createElement(
4619
4521
  IconButton,
4620
4522
  {
4621
4523
  variant: "ghost",
4622
- icon: /* @__PURE__ */ React87__default.createElement(ArrowLeftFill30Icon, null),
4524
+ icon: /* @__PURE__ */ React86__default.createElement(ArrowLeftFill30Icon, null),
4623
4525
  onClick: onClose,
4624
4526
  "aria-label": t2(texts20.close)
4625
4527
  }
@@ -4658,7 +4560,7 @@ var SimpleDrawer = ({
4658
4560
  body,
4659
4561
  ...props
4660
4562
  }) => {
4661
- return /* @__PURE__ */ React87__default.createElement(Drawer, { placement, ...props }, /* @__PURE__ */ React87__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React87__default.createElement(DrawerContent, null, /* @__PURE__ */ React87__default.createElement(DrawerCloseButton, null), title && /* @__PURE__ */ React87__default.createElement(ModalHeader, null, title), /* @__PURE__ */ React87__default.createElement(DrawerBody, { ...body }, children)));
4563
+ return /* @__PURE__ */ React86__default.createElement(Drawer, { placement, ...props }, /* @__PURE__ */ React86__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React86__default.createElement(DrawerContent, null, /* @__PURE__ */ React86__default.createElement(DrawerCloseButton, null), title && /* @__PURE__ */ React86__default.createElement(ModalHeader, null, title), /* @__PURE__ */ React86__default.createElement(DrawerBody, { ...body }, children)));
4662
4564
  };
4663
4565
  var EXPIRATION_DELAY = 1e3 * 60 * 60 * 24 * 30;
4664
4566
  var Nudge = ({
@@ -4680,7 +4582,7 @@ var Nudge = ({
4680
4582
  }
4681
4583
  return null;
4682
4584
  }
4683
- return /* @__PURE__ */ React87__default.createElement(
4585
+ return /* @__PURE__ */ React86__default.createElement(
4684
4586
  Popover$1,
4685
4587
  {
4686
4588
  arrowSize: 12,
@@ -4688,8 +4590,8 @@ var Nudge = ({
4688
4590
  defaultIsOpen: true,
4689
4591
  ...props
4690
4592
  },
4691
- /* @__PURE__ */ React87__default.createElement(PopoverAnchor, null, children),
4692
- /* @__PURE__ */ React87__default.createElement(PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React87__default.createElement(DarkMode, null, /* @__PURE__ */ React87__default.createElement(PopoverArrow, null), /* @__PURE__ */ React87__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React87__default.createElement(PopoverBody, { margin: 1 }, /* @__PURE__ */ React87__default.createElement(Box, { marginRight: 4 }, content), /* @__PURE__ */ React87__default.createElement(Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React87__default.createElement(ButtonGroup, null, /* @__PURE__ */ React87__default.createElement(Button2, { variant: "tertiary", size: "xs" }, t2(texts21.close)), /* @__PURE__ */ React87__default.createElement(Button2, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts21.showMe)))))))
4593
+ /* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, children),
4594
+ /* @__PURE__ */ React86__default.createElement(PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React86__default.createElement(DarkMode, null, /* @__PURE__ */ React86__default.createElement(PopoverArrow, null), /* @__PURE__ */ React86__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React86__default.createElement(PopoverBody, { margin: 1 }, /* @__PURE__ */ React86__default.createElement(Box, { marginRight: 4 }, content), /* @__PURE__ */ React86__default.createElement(Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React86__default.createElement(ButtonGroup, null, /* @__PURE__ */ React86__default.createElement(Button2, { variant: "tertiary", size: "xs" }, t2(texts21.close)), /* @__PURE__ */ React86__default.createElement(Button2, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts21.showMe)))))))
4693
4595
  );
4694
4596
  };
4695
4597
  var texts21 = createTexts({
@@ -4717,19 +4619,19 @@ var WizardNudge = ({
4717
4619
  const totalSteps = content.length;
4718
4620
  const isLastStep = totalSteps === currentStep;
4719
4621
  const onNext = () => setCurrentStep((prev) => prev + 1);
4720
- return /* @__PURE__ */ React87__default.createElement(
4622
+ return /* @__PURE__ */ React86__default.createElement(
4721
4623
  Nudge,
4722
4624
  {
4723
4625
  onClose,
4724
4626
  name,
4725
4627
  content: content[currentStep - 1],
4726
- actions: /* @__PURE__ */ React87__default.createElement(Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React87__default.createElement(
4628
+ actions: /* @__PURE__ */ React86__default.createElement(Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React86__default.createElement(
4727
4629
  ProgressIndicator,
4728
4630
  {
4729
4631
  activeStep: currentStep,
4730
4632
  numberOfSteps: totalSteps
4731
4633
  }
4732
- ), /* @__PURE__ */ React87__default.createElement(Box, null, /* @__PURE__ */ React87__default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
4634
+ ), /* @__PURE__ */ React86__default.createElement(Box, null, /* @__PURE__ */ React86__default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
4733
4635
  ...props
4734
4636
  },
4735
4637
  children
@@ -4738,12 +4640,12 @@ var WizardNudge = ({
4738
4640
  var NextOrCloseButton = ({ isLastStep, onNext }) => {
4739
4641
  const { onClose } = usePopoverContext();
4740
4642
  const { t: t2 } = useTranslation();
4741
- return /* @__PURE__ */ React87__default.createElement(
4643
+ return /* @__PURE__ */ React86__default.createElement(
4742
4644
  Button2,
4743
4645
  {
4744
4646
  variant: "tertiary",
4745
4647
  size: "xs",
4746
- leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React87__default.createElement(ArrowRightFill18Icon, null),
4648
+ leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React86__default.createElement(ArrowRightFill18Icon, null),
4747
4649
  onClick: isLastStep ? onClose : onNext,
4748
4650
  width: "fit-content"
4749
4651
  },
@@ -4807,7 +4709,7 @@ var Pagination = ({
4807
4709
  }
4808
4710
  }
4809
4711
  return displayPageNumbers.map(
4810
- (pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React87__default.createElement(ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React87__default.createElement(Center, null, "...")) : /* @__PURE__ */ React87__default.createElement(
4712
+ (pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React86__default.createElement(ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React86__default.createElement(Center, null, "...")) : /* @__PURE__ */ React86__default.createElement(
4811
4713
  Link,
4812
4714
  {
4813
4715
  key: index,
@@ -4824,7 +4726,7 @@ var Pagination = ({
4824
4726
  )
4825
4727
  );
4826
4728
  };
4827
- return /* @__PURE__ */ React87__default.createElement(Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React87__default.createElement(
4729
+ return /* @__PURE__ */ React86__default.createElement(Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React86__default.createElement(
4828
4730
  UnorderedList,
4829
4731
  {
4830
4732
  display: "flex",
@@ -4833,22 +4735,22 @@ var Pagination = ({
4833
4735
  padding: 0,
4834
4736
  margin: 0
4835
4737
  },
4836
- /* @__PURE__ */ React87__default.createElement(ListItem, { "aria-label": t2(texts23.previousPage) }, /* @__PURE__ */ React87__default.createElement(
4738
+ /* @__PURE__ */ React86__default.createElement(ListItem, { "aria-label": t2(texts23.previousPage) }, /* @__PURE__ */ React86__default.createElement(
4837
4739
  TextLink,
4838
4740
  {
4839
4741
  onClick: () => onPageChange(selectedPage - 1),
4840
4742
  sx: hasPreviousPage ? style.link : style.disabled
4841
4743
  },
4842
- /* @__PURE__ */ React87__default.createElement(DropdownLeftFill18Icon, { sx: style.icon })
4744
+ /* @__PURE__ */ React86__default.createElement(DropdownLeftFill18Icon, { sx: style.icon })
4843
4745
  )),
4844
4746
  renderPaginationButtons(),
4845
- /* @__PURE__ */ React87__default.createElement(ListItem, { "aria-label": t2(texts23.nextPage) }, /* @__PURE__ */ React87__default.createElement(
4747
+ /* @__PURE__ */ React86__default.createElement(ListItem, { "aria-label": t2(texts23.nextPage) }, /* @__PURE__ */ React86__default.createElement(
4846
4748
  TextLink,
4847
4749
  {
4848
4750
  onClick: () => onPageChange(selectedPage + 1),
4849
4751
  sx: hasNextPage ? style.link : style.disabled
4850
4752
  },
4851
- /* @__PURE__ */ React87__default.createElement(DropdownRightFill18Icon, { sx: style.icon })
4753
+ /* @__PURE__ */ React86__default.createElement(DropdownRightFill18Icon, { sx: style.icon })
4852
4754
  ))
4853
4755
  ));
4854
4756
  };
@@ -4868,7 +4770,7 @@ var texts23 = createTexts({
4868
4770
  });
4869
4771
  var ProgressDot = ({ isActive }) => {
4870
4772
  const style = useMultiStyleConfig("ProgressIndicator");
4871
- return /* @__PURE__ */ React87__default.createElement(
4773
+ return /* @__PURE__ */ React86__default.createElement(
4872
4774
  Box,
4873
4775
  {
4874
4776
  as: "svg",
@@ -4878,7 +4780,7 @@ var ProgressDot = ({ isActive }) => {
4878
4780
  viewBox: "0 0 100 100",
4879
4781
  "aria-current": isActive ? "step" : void 0
4880
4782
  },
4881
- /* @__PURE__ */ React87__default.createElement(Box, { as: "circle", cx: "50", cy: "50", r: "50" })
4783
+ /* @__PURE__ */ React86__default.createElement(Box, { as: "circle", cx: "50", cy: "50", r: "50" })
4882
4784
  );
4883
4785
  };
4884
4786
 
@@ -4889,7 +4791,7 @@ var ProgressIndicator = ({
4889
4791
  }) => {
4890
4792
  const { t: t2 } = useTranslation();
4891
4793
  const style = useMultiStyleConfig("ProgressIndicator");
4892
- return /* @__PURE__ */ React87__default.createElement(
4794
+ return /* @__PURE__ */ React86__default.createElement(
4893
4795
  Box,
4894
4796
  {
4895
4797
  __css: style.root,
@@ -4899,7 +4801,7 @@ var ProgressIndicator = ({
4899
4801
  "aria-valuenow": activeStep,
4900
4802
  "aria-valuetext": t2(texts24.stepsOf(activeStep, numberOfSteps))
4901
4803
  },
4902
- /* @__PURE__ */ React87__default.createElement(Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React87__default.createElement(
4804
+ /* @__PURE__ */ React86__default.createElement(Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React86__default.createElement(
4903
4805
  ProgressDot,
4904
4806
  {
4905
4807
  key: i,
@@ -4926,9 +4828,9 @@ var SporProvider = ({
4926
4828
  }) => {
4927
4829
  const brandCustomizations = brandTheme[brand] ?? {};
4928
4830
  const extendedTheme = deepmerge(theme3, brandCustomizations);
4929
- return /* @__PURE__ */ React87__default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React87__default.createElement(PrideProvider, null, /* @__PURE__ */ React87__default.createElement(ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React87__default.createElement(Global, { styles: fontFaces }), children)));
4831
+ return /* @__PURE__ */ React86__default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React86__default.createElement(ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React86__default.createElement(Global, { styles: fontFaces }), children));
4930
4832
  };
4931
- var StepperContext = React87__default.createContext(null);
4833
+ var StepperContext = React86__default.createContext(null);
4932
4834
  var StepperProvider = ({
4933
4835
  activeStep,
4934
4836
  children,
@@ -4936,7 +4838,7 @@ var StepperProvider = ({
4936
4838
  numberOfSteps,
4937
4839
  variant
4938
4840
  }) => {
4939
- return /* @__PURE__ */ React87__default.createElement(
4841
+ return /* @__PURE__ */ React86__default.createElement(
4940
4842
  StepperContext.Provider,
4941
4843
  {
4942
4844
  value: { activeStep, onClick, numberOfSteps, variant }
@@ -4945,7 +4847,7 @@ var StepperProvider = ({
4945
4847
  );
4946
4848
  };
4947
4849
  var useStepper = () => {
4948
- const context = React87__default.useContext(StepperContext);
4850
+ const context = React86__default.useContext(StepperContext);
4949
4851
  if (!context) {
4950
4852
  throw new Error(
4951
4853
  "useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
@@ -4973,7 +4875,7 @@ var Stepper = ({
4973
4875
  const { t: t2 } = useTranslation();
4974
4876
  const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
4975
4877
  const shownHeading = heading || title;
4976
- return /* @__PURE__ */ React87__default.createElement(Box, { sx: style.root }, /* @__PURE__ */ React87__default.createElement(
4878
+ return /* @__PURE__ */ React86__default.createElement(Box, { sx: style.root }, /* @__PURE__ */ React86__default.createElement(
4977
4879
  StepperProvider,
4978
4880
  {
4979
4881
  onClick,
@@ -4981,7 +4883,7 @@ var Stepper = ({
4981
4883
  variant,
4982
4884
  numberOfSteps
4983
4885
  },
4984
- /* @__PURE__ */ React87__default.createElement(Box, { sx: style.container }, /* @__PURE__ */ React87__default.createElement(Box, { sx: style.innerContainer }, /* @__PURE__ */ React87__default.createElement(
4886
+ /* @__PURE__ */ React86__default.createElement(Box, { sx: style.container }, /* @__PURE__ */ React86__default.createElement(Box, { sx: style.innerContainer }, /* @__PURE__ */ React86__default.createElement(
4985
4887
  Flex,
4986
4888
  {
4987
4889
  justifyContent: "space-between",
@@ -4989,11 +4891,11 @@ var Stepper = ({
4989
4891
  gap: 2,
4990
4892
  flex: 1
4991
4893
  },
4992
- /* @__PURE__ */ React87__default.createElement(
4894
+ /* @__PURE__ */ React86__default.createElement(
4993
4895
  IconButton,
4994
4896
  {
4995
4897
  "aria-label": t2(texts25.back),
4996
- icon: /* @__PURE__ */ React87__default.createElement(ArrowLeftFill24Icon, null),
4898
+ icon: /* @__PURE__ */ React86__default.createElement(ArrowLeftFill24Icon, null),
4997
4899
  variant: "ghost",
4998
4900
  size: "sm",
4999
4901
  visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
@@ -5006,9 +4908,9 @@ var Stepper = ({
5006
4908
  }
5007
4909
  }
5008
4910
  ),
5009
- shownHeading && /* @__PURE__ */ React87__default.createElement(Text4, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
5010
- /* @__PURE__ */ React87__default.createElement(Box, { sx: style.stepCounter }, t2(texts25.stepsOf(activeStep, numberOfSteps)))
5011
- )), /* @__PURE__ */ React87__default.createElement(Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React87__default.createElement(
4911
+ shownHeading && /* @__PURE__ */ React86__default.createElement(Text4, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
4912
+ /* @__PURE__ */ React86__default.createElement(Box, { sx: style.stepCounter }, t2(texts25.stepsOf(activeStep, numberOfSteps)))
4913
+ )), /* @__PURE__ */ React86__default.createElement(Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React86__default.createElement(
5012
4914
  StepperStep,
5013
4915
  {
5014
4916
  key: index,
@@ -5053,14 +4955,14 @@ var StepperStep = ({
5053
4955
  );
5054
4956
  const iconColor = useColorModeValue("blackAlpha.200", "whiteAlpha.200");
5055
4957
  const isDisabled = state2 !== "active" && isDisabledOverride || state2 === "disabled";
5056
- return /* @__PURE__ */ React87__default.createElement(Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React87__default.createElement(
4958
+ return /* @__PURE__ */ React86__default.createElement(Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React86__default.createElement(
5057
4959
  DropdownRightFill18Icon,
5058
4960
  {
5059
4961
  marginX: 5,
5060
4962
  display: ["none", null, "block"],
5061
4963
  color: iconColor
5062
4964
  }
5063
- ), isDisabled ? /* @__PURE__ */ React87__default.createElement(
4965
+ ), isDisabled ? /* @__PURE__ */ React86__default.createElement(
5064
4966
  Text4,
5065
4967
  {
5066
4968
  variant: "xs",
@@ -5070,7 +4972,7 @@ var StepperStep = ({
5070
4972
  paddingX: 2
5071
4973
  },
5072
4974
  children
5073
- ) : /* @__PURE__ */ React87__default.createElement(
4975
+ ) : /* @__PURE__ */ React86__default.createElement(
5074
4976
  Button2,
5075
4977
  {
5076
4978
  size: "xs",
@@ -5093,11 +4995,11 @@ var getState = (stepNumber, activeStep) => {
5093
4995
  return "disabled";
5094
4996
  };
5095
4997
  var Tabs = forwardRef((props, ref) => {
5096
- return /* @__PURE__ */ React87.createElement(Tabs$1, { ...props, ref });
4998
+ return /* @__PURE__ */ React86.createElement(Tabs$1, { ...props, ref });
5097
4999
  });
5098
5000
  var Table = forwardRef((props, ref) => {
5099
5001
  const { variant, size: size2, colorScheme, children, ...rest } = props;
5100
- return /* @__PURE__ */ React87__default.createElement(Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React87__default.createElement(Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React87__default.createElement(
5002
+ return /* @__PURE__ */ React86__default.createElement(Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React86__default.createElement(Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React86__default.createElement(
5101
5003
  Table$1,
5102
5004
  {
5103
5005
  variant,
@@ -14433,12 +14335,12 @@ var brandTheme = {
14433
14335
  };
14434
14336
  var BaseToast = ({ children, variant, id }) => {
14435
14337
  const styles3 = useStyleConfig("Toast", { variant });
14436
- return /* @__PURE__ */ React87__default.createElement(Flex, { sx: styles3, id }, /* @__PURE__ */ React87__default.createElement(ToastIcon, { variant }), children);
14338
+ return /* @__PURE__ */ React86__default.createElement(Flex, { sx: styles3, id }, /* @__PURE__ */ React86__default.createElement(ToastIcon, { variant }), children);
14437
14339
  };
14438
14340
  var ToastIcon = ({ variant }) => {
14439
14341
  const Icon = getIcon3(variant);
14440
14342
  const { t: t2 } = useTranslation();
14441
- return /* @__PURE__ */ React87__default.createElement(
14343
+ return /* @__PURE__ */ React86__default.createElement(
14442
14344
  Icon,
14443
14345
  {
14444
14346
  flexShrink: 0,
@@ -14488,7 +14390,7 @@ var ActionToast = ({
14488
14390
  buttonText,
14489
14391
  id
14490
14392
  }) => {
14491
- return /* @__PURE__ */ React87__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React87__default.createElement(Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React87__default.createElement(Button2, { variant: "tertiary", size: "sm", onClick }, buttonText));
14393
+ return /* @__PURE__ */ React86__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React86__default.createElement(Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React86__default.createElement(Button2, { variant: "tertiary", size: "sm", onClick }, buttonText));
14492
14394
  };
14493
14395
  var ClosableToast = ({
14494
14396
  children,
@@ -14498,13 +14400,13 @@ var ClosableToast = ({
14498
14400
  }) => {
14499
14401
  const styles3 = useMultiStyleConfig("Toast", { variant });
14500
14402
  const { t: t2 } = useTranslation();
14501
- return /* @__PURE__ */ React87__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React87__default.createElement(Box, { flexGrow: "1" }, children), /* @__PURE__ */ React87__default.createElement(
14403
+ return /* @__PURE__ */ React86__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React86__default.createElement(Box, { flexGrow: "1" }, children), /* @__PURE__ */ React86__default.createElement(
14502
14404
  IconButton,
14503
14405
  {
14504
14406
  sx: styles3.dismissButton,
14505
14407
  variant: "ghost",
14506
14408
  "aria-label": t2(texts27.dismiss),
14507
- icon: /* @__PURE__ */ React87__default.createElement(CloseFill18Icon, null),
14409
+ icon: /* @__PURE__ */ React86__default.createElement(CloseFill18Icon, null),
14508
14410
  onClick: onClose
14509
14411
  }
14510
14412
  ));
@@ -14532,7 +14434,7 @@ var useToast = () => {
14532
14434
  };
14533
14435
  var getToastComponent = (opts) => {
14534
14436
  if ("isClosable" in opts && opts.isClosable) {
14535
- return ({ onClose, id }) => /* @__PURE__ */ React87__default.createElement(
14437
+ return ({ onClose, id }) => /* @__PURE__ */ React86__default.createElement(
14536
14438
  ClosableToast,
14537
14439
  {
14538
14440
  id,
@@ -14548,7 +14450,7 @@ var getToastComponent = (opts) => {
14548
14450
  );
14549
14451
  }
14550
14452
  if ("buttonText" in opts) {
14551
- return ({ id }) => /* @__PURE__ */ React87__default.createElement(
14453
+ return ({ id }) => /* @__PURE__ */ React86__default.createElement(
14552
14454
  ActionToast,
14553
14455
  {
14554
14456
  id,
@@ -14559,7 +14461,7 @@ var getToastComponent = (opts) => {
14559
14461
  opts.text
14560
14462
  );
14561
14463
  }
14562
- return ({ id }) => /* @__PURE__ */ React87__default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
14464
+ return ({ id }) => /* @__PURE__ */ React86__default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
14563
14465
  };
14564
14466
  var Tooltip = ({
14565
14467
  children,
@@ -14572,7 +14474,7 @@ var Tooltip = ({
14572
14474
  withCloseButton = false,
14573
14475
  ...props
14574
14476
  }) => {
14575
- return /* @__PURE__ */ React87__default.createElement(
14477
+ return /* @__PURE__ */ React86__default.createElement(
14576
14478
  Popover$1,
14577
14479
  {
14578
14480
  onClose,
@@ -14584,8 +14486,8 @@ var Tooltip = ({
14584
14486
  arrowShadowColor: "none",
14585
14487
  ...props
14586
14488
  },
14587
- /* @__PURE__ */ React87__default.createElement(PopoverTrigger, null, children),
14588
- /* @__PURE__ */ React87__default.createElement(PopoverContent, null, /* @__PURE__ */ React87__default.createElement(PopoverArrow, null), withCloseButton && /* @__PURE__ */ React87__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React87__default.createElement(PopoverBody, null, content))
14489
+ /* @__PURE__ */ React86__default.createElement(PopoverTrigger, null, children),
14490
+ /* @__PURE__ */ React86__default.createElement(PopoverContent, null, /* @__PURE__ */ React86__default.createElement(PopoverArrow, null), withCloseButton && /* @__PURE__ */ React86__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React86__default.createElement(PopoverBody, null, content))
14589
14491
  );
14590
14492
  };
14591
14493
 
@@ -14694,4 +14596,4 @@ function slugify(text, maxLength = 50) {
14694
14596
  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);
14695
14597
  }
14696
14598
 
14697
- export { Accordion, AttachedInputs, Badge, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button2 as Button, ButtonGroup, Card2 as Card, CardSelect, CargonetLogo, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, ColorInlineLoader, ColorSpinner, Combobox, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerContent, Expandable, ExpandableAlert, ExpandableItem, FloatingActionButton, FormControl, FormErrorMessage, FormLabel, FullScreenDrawer, Heading2 as 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, PrideProvider, ProgressBar, ProgressIndicator, ProgressLoader, Radio, RadioCard, RadioCardGroup, RadioCardGroupContext, RadioGroup, SearchInput, SimpleDrawer, Skeleton, SkeletonCircle, SkeletonText, SkipButton, SporProvider, Stack, StaticAlert, StaticCard, Stepper, StepperStep, Switch, Table, Tabs, Text4 as Text, TextLink, Textarea, TimePicker, TogglePride, Tooltip, TravelTag, VyLogo, VyLogoDefault, VyLogoPride, WizardNudge, brandTheme, createTexts, fontFaces, slugify, theme, usePride, useSize, useToast, useTranslation };
14599
+ export { Accordion, AttachedInputs, Badge, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button2 as Button, ButtonGroup, Card2 as Card, CardSelect, CargonetLogo, Checkbox, CheckboxGroup, ChoiceChip, ClosableAlert, CloseButton, Code, ColorInlineLoader, ColorSpinner, Combobox, ContentLoader, DarkFullScreenLoader, DarkInlineLoader, DarkSpinner, DatePicker, DateRangePicker, Divider, Drawer, DrawerContent, Expandable, ExpandableAlert, ExpandableItem, FloatingActionButton, FormControl, FormErrorMessage, FormLabel, FullScreenDrawer, Heading2 as 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, RadioCardGroupContext, 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, VyLogoPride, WizardNudge, brandTheme, createTexts, fontFaces, slugify, theme, useSize, useToast, useTranslation };