@vygruppen/spor-react 9.14.1 → 9.16.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
  });
@@ -1050,12 +1050,12 @@ function Combobox({
1050
1050
  const inputRef = externalInputRef ?? fallbackInputRef;
1051
1051
  const listBoxRef = useRef(null);
1052
1052
  const popoverRef = useRef(null);
1053
+ const listboxId = `${useId()}-listbox`;
1053
1054
  const inputWidth = useInputWidth(inputRef);
1054
1055
  const state2 = useComboBoxState({
1055
1056
  allowsEmptyCollection: Boolean(emptyContent),
1056
1057
  defaultFilter: contains2,
1057
1058
  shouldCloseOnBlur: true,
1058
- label,
1059
1059
  ...rest
1060
1060
  });
1061
1061
  const comboBoxProps = {
@@ -1083,21 +1083,26 @@ function Combobox({
1083
1083
  ...rest,
1084
1084
  inputRef,
1085
1085
  listBoxRef,
1086
- popoverRef
1086
+ popoverRef,
1087
+ label
1087
1088
  },
1088
1089
  state2
1089
1090
  );
1090
- return /* @__PURE__ */ React87__default.createElement(React87__default.Fragment, null, /* @__PURE__ */ React87__default.createElement(
1091
+ return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
1091
1092
  Input,
1092
1093
  {
1093
1094
  ...styleProps(comboBoxProps),
1094
1095
  "aria-haspopup": "listbox",
1095
1096
  ref: inputRef,
1097
+ role: "combobox",
1096
1098
  label,
1099
+ "aria-expanded": state2.isOpen,
1100
+ "aria-autocomplete": "list",
1101
+ "aria-controls": listboxId,
1097
1102
  borderBottomLeftRadius: state2.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
1098
1103
  borderBottomRightRadius: state2.isOpen && !isLoading ? 0 : borderBottomRightRadius,
1099
1104
  ...inputProps,
1100
- rightIcon: isLoading ? /* @__PURE__ */ React87__default.createElement(
1105
+ rightIcon: isLoading ? /* @__PURE__ */ React86__default.createElement(
1101
1106
  ColorSpinner,
1102
1107
  {
1103
1108
  width: "1.5rem",
@@ -1112,7 +1117,7 @@ function Combobox({
1112
1117
  }
1113
1118
  ) : rightIcon
1114
1119
  }
1115
- ), state2.isOpen && !isLoading && /* @__PURE__ */ React87__default.createElement(
1120
+ ), /* @__PURE__ */ React86__default.createElement("span", { "aria-hidden": "true", "data-trigger": "multiselect" }), state2.isOpen && !isLoading && /* @__PURE__ */ React86__default.createElement(
1116
1121
  Popover,
1117
1122
  {
1118
1123
  state: state2,
@@ -1124,11 +1129,12 @@ function Combobox({
1124
1129
  hasBackdrop: false,
1125
1130
  containerPadding: 0
1126
1131
  },
1127
- /* @__PURE__ */ React87__default.createElement(
1132
+ /* @__PURE__ */ React86__default.createElement(
1128
1133
  ListBox,
1129
1134
  {
1130
1135
  ...listBoxProps,
1131
1136
  state: state2,
1137
+ id: listboxId,
1132
1138
  listBoxRef,
1133
1139
  emptyContent,
1134
1140
  maxWidth: inputWidth
@@ -1166,7 +1172,7 @@ var debounce = (fn, ms = 100) => {
1166
1172
  };
1167
1173
  };
1168
1174
  var FormControl = forwardRef((props, ref) => {
1169
- return /* @__PURE__ */ React87__default.createElement(FormControl$1, { ...props, ref });
1175
+ return /* @__PURE__ */ React86__default.createElement(FormControl$1, { ...props, ref });
1170
1176
  });
1171
1177
  var FormErrorMessage = ({
1172
1178
  children,
@@ -1182,7 +1188,7 @@ var FormErrorMessage = ({
1182
1188
  return null;
1183
1189
  }
1184
1190
  const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
1185
- return /* @__PURE__ */ React87__default.createElement(Box, { position: "relative", ref }, /* @__PURE__ */ React87__default.createElement(
1191
+ return /* @__PURE__ */ React86__default.createElement(Box, { position: "relative", ref }, /* @__PURE__ */ React86__default.createElement(
1186
1192
  Box,
1187
1193
  {
1188
1194
  borderRadius: "xs",
@@ -1200,12 +1206,12 @@ var FormErrorMessage = ({
1200
1206
  ...errorMessageProps,
1201
1207
  ...boxProps
1202
1208
  },
1203
- /* @__PURE__ */ React87__default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
1209
+ /* @__PURE__ */ React86__default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
1204
1210
  children
1205
1211
  ));
1206
1212
  };
1207
1213
  var Arrow = (props) => {
1208
- return /* @__PURE__ */ React87__default.createElement(
1214
+ return /* @__PURE__ */ React86__default.createElement(
1209
1215
  Box,
1210
1216
  {
1211
1217
  ...props,
@@ -1216,7 +1222,7 @@ var Arrow = (props) => {
1216
1222
  fill: "none",
1217
1223
  transform: "rotate(45deg)"
1218
1224
  },
1219
- /* @__PURE__ */ React87__default.createElement(
1225
+ /* @__PURE__ */ React86__default.createElement(
1220
1226
  Box,
1221
1227
  {
1222
1228
  as: "path",
@@ -1227,7 +1233,7 @@ var Arrow = (props) => {
1227
1233
  );
1228
1234
  };
1229
1235
  var FormLabel = forwardRef((props, ref) => {
1230
- return /* @__PURE__ */ React87__default.createElement(FormLabel$1, { ...props, ref });
1236
+ return /* @__PURE__ */ React86__default.createElement(FormLabel$1, { ...props, ref });
1231
1237
  });
1232
1238
  function ListBox({
1233
1239
  isLoading,
@@ -1238,7 +1244,7 @@ function ListBox({
1238
1244
  }) {
1239
1245
  const { listBoxProps } = useListBox(props, state2, listBoxRef);
1240
1246
  const styles3 = useMultiStyleConfig("ListBox", {});
1241
- return /* @__PURE__ */ React87__default.createElement(
1247
+ return /* @__PURE__ */ React86__default.createElement(
1242
1248
  List,
1243
1249
  {
1244
1250
  ...listBoxProps,
@@ -1249,19 +1255,19 @@ function ListBox({
1249
1255
  },
1250
1256
  state2.collection.size === 0 && props.emptyContent,
1251
1257
  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 })
1258
+ (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
1259
  )
1254
1260
  );
1255
1261
  }
1256
1262
  function ItemLabel({ children }) {
1257
1263
  let { labelProps } = useOptionContext();
1258
1264
  const styles3 = useMultiStyleConfig("ListBox", {});
1259
- return /* @__PURE__ */ React87__default.createElement(Box, { ...labelProps, sx: styles3.label }, children);
1265
+ return /* @__PURE__ */ React86__default.createElement(Box, { ...labelProps, sx: styles3.label }, children);
1260
1266
  }
1261
1267
  function ItemDescription({ children }) {
1262
1268
  let { descriptionProps } = useOptionContext();
1263
1269
  const styles3 = useMultiStyleConfig("ListBox", {});
1264
- return /* @__PURE__ */ React87__default.createElement(Box, { ...descriptionProps, sx: styles3.description }, children);
1270
+ return /* @__PURE__ */ React86__default.createElement(Box, { ...descriptionProps, sx: styles3.description }, children);
1265
1271
  }
1266
1272
  function Option({ item, state: state2 }) {
1267
1273
  const ref = useRef(null);
@@ -1269,6 +1275,7 @@ function Option({ item, state: state2 }) {
1269
1275
  optionProps,
1270
1276
  isSelected,
1271
1277
  isDisabled,
1278
+ isFocusVisible,
1272
1279
  isFocused,
1273
1280
  labelProps,
1274
1281
  descriptionProps
@@ -1284,6 +1291,9 @@ function Option({ item, state: state2 }) {
1284
1291
  if (isFocused) {
1285
1292
  dataFields["data-focus"] = true;
1286
1293
  }
1294
+ if (isFocusVisible) {
1295
+ dataFields["data-focus-visible"] = true;
1296
+ }
1287
1297
  useEffect(() => {
1288
1298
  var _a6;
1289
1299
  (_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
@@ -1294,9 +1304,9 @@ function Option({ item, state: state2 }) {
1294
1304
  { passive: false, once: true }
1295
1305
  );
1296
1306
  }, []);
1297
- return /* @__PURE__ */ React87__default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React87__default.createElement(ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
1307
+ return /* @__PURE__ */ React86__default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React86__default.createElement(ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
1298
1308
  }
1299
- var OptionContext = React87__default.createContext({
1309
+ var OptionContext = React86__default.createContext({
1300
1310
  labelProps: {},
1301
1311
  descriptionProps: {}
1302
1312
  });
@@ -1310,7 +1320,7 @@ function ListBoxSection({ section, state: state2 }) {
1310
1320
  });
1311
1321
  const isFirstSection = section.key === state2.collection.getFirstKey();
1312
1322
  const titleColor = useColorModeValue("darkGrey", "white");
1313
- return /* @__PURE__ */ React87__default.createElement(ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React87__default.createElement(
1323
+ return /* @__PURE__ */ React86__default.createElement(ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React86__default.createElement(
1314
1324
  Box,
1315
1325
  {
1316
1326
  fontSize: "mobile.xs",
@@ -1323,8 +1333,8 @@ function ListBoxSection({ section, state: state2 }) {
1323
1333
  ...headingProps
1324
1334
  },
1325
1335
  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 })
1336
+ ), /* @__PURE__ */ React86__default.createElement(List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
1337
+ (item) => /* @__PURE__ */ React86__default.createElement(Option, { key: item.key, item, state: state2 })
1328
1338
  )));
1329
1339
  }
1330
1340
 
@@ -1363,7 +1373,7 @@ function InfoSelect({
1363
1373
  const { t: t2 } = useTranslation();
1364
1374
  const formControl = useFormControlProps(props);
1365
1375
  const hasChosenValue = state2.selectedItem !== null;
1366
- return /* @__PURE__ */ React87__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React87__default.createElement(
1376
+ return /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React86__default.createElement(
1367
1377
  HiddenSelect,
1368
1378
  {
1369
1379
  state: state2,
@@ -1371,7 +1381,7 @@ function InfoSelect({
1371
1381
  label: props.label,
1372
1382
  name: props.name
1373
1383
  }
1374
- ), /* @__PURE__ */ React87__default.createElement(
1384
+ ), /* @__PURE__ */ React86__default.createElement(
1375
1385
  chakra.button,
1376
1386
  {
1377
1387
  type: "button",
@@ -1382,7 +1392,7 @@ function InfoSelect({
1382
1392
  "aria-invalid": formControl.isInvalid,
1383
1393
  "aria-describedby": formControl["aria-describedby"]
1384
1394
  },
1385
- /* @__PURE__ */ React87__default.createElement(chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React87__default.createElement(
1395
+ /* @__PURE__ */ React86__default.createElement(chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React86__default.createElement(
1386
1396
  chakra.div,
1387
1397
  {
1388
1398
  ...labelProps,
@@ -1396,7 +1406,7 @@ function InfoSelect({
1396
1406
  }
1397
1407
  },
1398
1408
  props.label
1399
- ), /* @__PURE__ */ React87__default.createElement(
1409
+ ), /* @__PURE__ */ React86__default.createElement(
1400
1410
  Box,
1401
1411
  {
1402
1412
  ...valueProps,
@@ -1408,15 +1418,15 @@ function InfoSelect({
1408
1418
  },
1409
1419
  state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts.selectAnOption)
1410
1420
  )),
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(
1421
+ /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React86__default.createElement(DropdownUpFill24Icon, null) : /* @__PURE__ */ React86__default.createElement(DropdownDownFill24Icon, null))
1422
+ ), state2.isOpen && /* @__PURE__ */ React86__default.createElement(
1413
1423
  Popover,
1414
1424
  {
1415
1425
  state: state2,
1416
1426
  triggerRef,
1417
1427
  containerPadding: 0
1418
1428
  },
1419
- /* @__PURE__ */ React87__default.createElement(
1429
+ /* @__PURE__ */ React86__default.createElement(
1420
1430
  ListBox,
1421
1431
  {
1422
1432
  ...menuProps,
@@ -1441,7 +1451,7 @@ var Input = forwardRef(
1441
1451
  const formControlProps = useFormControlContext();
1442
1452
  const fallbackId = `input-${useId()}`;
1443
1453
  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(
1454
+ return /* @__PURE__ */ React86__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React86__default.createElement(InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React86__default.createElement(
1445
1455
  Input$1,
1446
1456
  {
1447
1457
  "data-attachable": true,
@@ -1449,22 +1459,23 @@ var Input = forwardRef(
1449
1459
  paddingRight: rightIcon ? 7 : void 0,
1450
1460
  ...props,
1451
1461
  id: inputId,
1462
+ "aria-labelledby": inputId,
1452
1463
  ref,
1453
1464
  placeholder: " "
1454
1465
  }
1455
- ), /* @__PURE__ */ React87__default.createElement(FormLabel$1, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React87__default.createElement(InputRightElement, { pointerEvents: "none" }, rightIcon));
1466
+ ), /* @__PURE__ */ React86__default.createElement(FormLabel$1, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React86__default.createElement(InputRightElement, { pointerEvents: "none" }, rightIcon));
1456
1467
  }
1457
1468
  );
1458
1469
  var InputLeftElement2 = forwardRef(
1459
- (props, ref) => /* @__PURE__ */ React87__default.createElement(InputLeftElement, { ...props, ref })
1470
+ (props, ref) => /* @__PURE__ */ React86__default.createElement(InputLeftElement, { ...props, ref })
1460
1471
  );
1461
1472
  var InputRightElement2 = forwardRef(
1462
- (props, ref) => /* @__PURE__ */ React87__default.createElement(InputRightElement, { ...props, ref })
1473
+ (props, ref) => /* @__PURE__ */ React86__default.createElement(InputRightElement, { ...props, ref })
1463
1474
  );
1464
1475
  var NativeSelect = forwardRef(
1465
1476
  ({ label, ...props }, ref) => {
1466
1477
  const styles3 = useMultiStyleConfig("Select", props);
1467
- return /* @__PURE__ */ React87__default.createElement(FormControl, null, /* @__PURE__ */ React87__default.createElement(
1478
+ return /* @__PURE__ */ React86__default.createElement(FormControl, null, /* @__PURE__ */ React86__default.createElement(
1468
1479
  Select,
1469
1480
  {
1470
1481
  "data-attachable": true,
@@ -1472,7 +1483,7 @@ var NativeSelect = forwardRef(
1472
1483
  rootProps: { __css: styles3.root },
1473
1484
  ref
1474
1485
  }
1475
- ), label && /* @__PURE__ */ React87__default.createElement(FormLabel, null, label));
1486
+ ), label && /* @__PURE__ */ React86__default.createElement(FormLabel, null, label));
1476
1487
  }
1477
1488
  );
1478
1489
  function NumericStepper({
@@ -1498,17 +1509,17 @@ function NumericStepper({
1498
1509
  });
1499
1510
  const formControlProps = useFormControl({ id: idProp, isDisabled });
1500
1511
  const clampedStepSize = Math.max(Math.min(stepSize, 10), 1);
1501
- return /* @__PURE__ */ React87__default.createElement(Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React87__default.createElement(
1512
+ return /* @__PURE__ */ React86__default.createElement(Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React86__default.createElement(
1502
1513
  VerySmallButton,
1503
1514
  {
1504
- icon: /* @__PURE__ */ React87__default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
1515
+ icon: /* @__PURE__ */ React86__default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
1505
1516
  "aria-label": t2(texts2.decrementButtonAriaLabel(clampedStepSize)),
1506
1517
  onClick: () => onChange(Math.max(value - clampedStepSize, minValue)),
1507
1518
  visibility: value <= minValue ? "hidden" : "visible",
1508
1519
  isDisabled: formControlProps.disabled,
1509
1520
  id: value <= minValue ? void 0 : formControlProps.id
1510
1521
  }
1511
- ), withInput ? /* @__PURE__ */ React87__default.createElement(
1522
+ ), withInput ? /* @__PURE__ */ React86__default.createElement(
1512
1523
  chakra.input,
1513
1524
  {
1514
1525
  type: "number",
@@ -1531,7 +1542,7 @@ function NumericStepper({
1531
1542
  onChange(Math.max(Math.min(numericInput, maxValue), minValue));
1532
1543
  }
1533
1544
  }
1534
- ) : /* @__PURE__ */ React87__default.createElement(
1545
+ ) : /* @__PURE__ */ React86__default.createElement(
1535
1546
  chakra.text,
1536
1547
  {
1537
1548
  sx: styles3.text,
@@ -1539,10 +1550,10 @@ function NumericStepper({
1539
1550
  "aria-label": value.toString()
1540
1551
  },
1541
1552
  value
1542
- ), /* @__PURE__ */ React87__default.createElement(
1553
+ ), /* @__PURE__ */ React86__default.createElement(
1543
1554
  VerySmallButton,
1544
1555
  {
1545
- icon: /* @__PURE__ */ React87__default.createElement(AddIcon, { stepLabel: clampedStepSize }),
1556
+ icon: /* @__PURE__ */ React86__default.createElement(AddIcon, { stepLabel: clampedStepSize }),
1546
1557
  "aria-label": t2(texts2.incrementButtonAriaLabel(clampedStepSize)),
1547
1558
  onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
1548
1559
  visibility: value >= maxValue ? "hidden" : "visible",
@@ -1553,9 +1564,9 @@ function NumericStepper({
1553
1564
  }
1554
1565
  var VerySmallButton = (props) => {
1555
1566
  const styles3 = useMultiStyleConfig("NumericStepper", {});
1556
- return /* @__PURE__ */ React87__default.createElement(IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
1567
+ return /* @__PURE__ */ React86__default.createElement(IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
1557
1568
  };
1558
- var SubtractIcon = (props) => /* @__PURE__ */ React87__default.createElement(React87__default.Fragment, null, /* @__PURE__ */ React87__default.createElement(
1569
+ var SubtractIcon = (props) => /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
1559
1570
  Box,
1560
1571
  {
1561
1572
  as: "svg",
@@ -1565,7 +1576,7 @@ var SubtractIcon = (props) => /* @__PURE__ */ React87__default.createElement(Rea
1565
1576
  stroke: "currentColor",
1566
1577
  ...props
1567
1578
  },
1568
- /* @__PURE__ */ React87__default.createElement(
1579
+ /* @__PURE__ */ React86__default.createElement(
1569
1580
  "line",
1570
1581
  {
1571
1582
  x1: "9",
@@ -1576,8 +1587,8 @@ var SubtractIcon = (props) => /* @__PURE__ */ React87__default.createElement(Rea
1576
1587
  strokeLinecap: "round"
1577
1588
  }
1578
1589
  )
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(
1590
+ ), props.stepLabel > 1 && /* @__PURE__ */ React86__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
1591
+ var AddIcon = (props) => /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
1581
1592
  Box,
1582
1593
  {
1583
1594
  as: "svg",
@@ -1587,7 +1598,7 @@ var AddIcon = (props) => /* @__PURE__ */ React87__default.createElement(React87_
1587
1598
  stroke: "currentColor",
1588
1599
  ...props
1589
1600
  },
1590
- /* @__PURE__ */ React87__default.createElement(
1601
+ /* @__PURE__ */ React86__default.createElement(
1591
1602
  "line",
1592
1603
  {
1593
1604
  x1: "9",
@@ -1598,7 +1609,7 @@ var AddIcon = (props) => /* @__PURE__ */ React87__default.createElement(React87_
1598
1609
  strokeLinecap: "round"
1599
1610
  }
1600
1611
  ),
1601
- /* @__PURE__ */ React87__default.createElement(
1612
+ /* @__PURE__ */ React86__default.createElement(
1602
1613
  "line",
1603
1614
  {
1604
1615
  x1: "15",
@@ -1609,7 +1620,7 @@ var AddIcon = (props) => /* @__PURE__ */ React87__default.createElement(React87_
1609
1620
  strokeLinecap: "round"
1610
1621
  }
1611
1622
  )
1612
- ), props.stepLabel > 1 && /* @__PURE__ */ React87__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
1623
+ ), props.stepLabel > 1 && /* @__PURE__ */ React86__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
1613
1624
  var texts2 = createTexts({
1614
1625
  decrementButtonAriaLabel(stepSize) {
1615
1626
  return {
@@ -1635,7 +1646,7 @@ var PasswordInput = forwardRef(
1635
1646
  const formControlProps = useFormControlContext();
1636
1647
  const autoGeneratedId = `password-input-${useId()}`;
1637
1648
  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(
1649
+ return /* @__PURE__ */ React86__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React86__default.createElement(InputLeftElement2, null, leftIcon), /* @__PURE__ */ React86__default.createElement(
1639
1650
  Input$1,
1640
1651
  {
1641
1652
  ...props,
@@ -1647,7 +1658,7 @@ var PasswordInput = forwardRef(
1647
1658
  ref,
1648
1659
  "data-attachable": true
1649
1660
  }
1650
- ), /* @__PURE__ */ React87__default.createElement(FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React87__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React87__default.createElement(
1661
+ ), /* @__PURE__ */ React86__default.createElement(FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React86__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React86__default.createElement(
1651
1662
  Button,
1652
1663
  {
1653
1664
  variant: "ghost",
@@ -1695,10 +1706,10 @@ var PhoneNumberInput = forwardRef(
1695
1706
  nationalNumber: ""
1696
1707
  }
1697
1708
  });
1698
- return /* @__PURE__ */ React87__default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React87__default.createElement(
1709
+ return /* @__PURE__ */ React86__default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React86__default.createElement(
1699
1710
  Suspense,
1700
1711
  {
1701
- fallback: /* @__PURE__ */ React87__default.createElement(
1712
+ fallback: /* @__PURE__ */ React86__default.createElement(
1702
1713
  InfoSelect,
1703
1714
  {
1704
1715
  isLabelSrOnly: true,
@@ -1707,10 +1718,10 @@ var PhoneNumberInput = forwardRef(
1707
1718
  height: "100%",
1708
1719
  value: "+47"
1709
1720
  },
1710
- /* @__PURE__ */ React87__default.createElement(Item, { key: "+47" }, "+47")
1721
+ /* @__PURE__ */ React86__default.createElement(Item, { key: "+47" }, "+47")
1711
1722
  )
1712
1723
  },
1713
- /* @__PURE__ */ React87__default.createElement(
1724
+ /* @__PURE__ */ React86__default.createElement(
1714
1725
  LazyCountryCodeSelect,
1715
1726
  {
1716
1727
  value: value.countryCode,
@@ -1723,7 +1734,7 @@ var PhoneNumberInput = forwardRef(
1723
1734
  width: "6.25rem"
1724
1735
  }
1725
1736
  )
1726
- ), /* @__PURE__ */ React87__default.createElement(
1737
+ ), /* @__PURE__ */ React86__default.createElement(
1727
1738
  Input,
1728
1739
  {
1729
1740
  ref,
@@ -1758,13 +1769,13 @@ var texts4 = createTexts({
1758
1769
  sv: "Landskod"
1759
1770
  }
1760
1771
  });
1761
- var LazyCountryCodeSelect = React87__default.lazy(() => import('./CountryCodeSelect-JADNUR4X.mjs'));
1772
+ var LazyCountryCodeSelect = React86__default.lazy(() => import('./CountryCodeSelect-2DASZ3PQ.mjs'));
1762
1773
  var Radio = forwardRef((props, ref) => {
1763
- return /* @__PURE__ */ React87__default.createElement(Radio$1, { ...props, ref });
1774
+ return /* @__PURE__ */ React86__default.createElement(Radio$1, { ...props, ref });
1764
1775
  });
1765
1776
  var RadioGroup = forwardRef(
1766
1777
  ({ 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));
1778
+ return /* @__PURE__ */ React86__default.createElement(RadioGroup$1, { ...rest, ref }, /* @__PURE__ */ React86__default.createElement(Stack$1, { direction: direction2 }, children));
1768
1779
  }
1769
1780
  );
1770
1781
  var SearchInput = forwardRef(
@@ -1774,7 +1785,7 @@ var SearchInput = forwardRef(
1774
1785
  const formControlProps = useFormControlContext();
1775
1786
  const autoGeneratedId = useId();
1776
1787
  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(
1788
+ 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
1789
  Input$1,
1779
1790
  {
1780
1791
  paddingLeft: 7,
@@ -1791,7 +1802,7 @@ var SearchInput = forwardRef(
1791
1802
  placeholder: " ",
1792
1803
  "data-attachable": true
1793
1804
  }
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(
1805
+ ), /* @__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
1806
  IconButton$1,
1796
1807
  {
1797
1808
  variant: "ghost",
@@ -1799,7 +1810,7 @@ var SearchInput = forwardRef(
1799
1810
  size: "sm",
1800
1811
  marginRight: 1,
1801
1812
  "aria-label": t2(texts5.reset),
1802
- icon: /* @__PURE__ */ React87__default.createElement(CloseOutline24Icon, null),
1813
+ icon: /* @__PURE__ */ React86__default.createElement(CloseOutline24Icon, null),
1803
1814
  onClick: onReset
1804
1815
  }
1805
1816
  )));
@@ -1821,7 +1832,7 @@ var texts5 = createTexts({
1821
1832
  });
1822
1833
  var Switch = forwardRef(
1823
1834
  ({ size: size2 = "md", ...props }, ref) => {
1824
- return /* @__PURE__ */ React87__default.createElement(Switch$1, { size: size2, ...props, ref });
1835
+ return /* @__PURE__ */ React86__default.createElement(Switch$1, { size: size2, ...props, ref });
1825
1836
  }
1826
1837
  );
1827
1838
  var Textarea = forwardRef((props, ref) => {
@@ -1832,7 +1843,7 @@ var Textarea = forwardRef((props, ref) => {
1832
1843
  const formControlProps = useFormControlContext();
1833
1844
  const fallbackId = `textarea-${useId()}`;
1834
1845
  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));
1846
+ 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
1847
  });
1837
1848
  function getSpacingProps(props) {
1838
1849
  const {
@@ -1894,7 +1905,7 @@ function getSpacingProps(props) {
1894
1905
  }
1895
1906
 
1896
1907
  // src/layout/RadioCardGroup.tsx
1897
- var RadioCardGroupContext = React87__default.createContext(null);
1908
+ var RadioCardGroupContext = React86__default.createContext(null);
1898
1909
  var RadioCardGroup = ({
1899
1910
  children,
1900
1911
  name,
@@ -1912,7 +1923,7 @@ var RadioCardGroup = ({
1912
1923
  setSelectedValue(value);
1913
1924
  onChange && onChange(value);
1914
1925
  };
1915
- return /* @__PURE__ */ React87__default.createElement(
1926
+ return /* @__PURE__ */ React86__default.createElement(
1916
1927
  RadioCardGroupContext.Provider,
1917
1928
  {
1918
1929
  value: {
@@ -1923,7 +1934,7 @@ var RadioCardGroup = ({
1923
1934
  defaultValue: defaultValue || ""
1924
1935
  }
1925
1936
  },
1926
- /* @__PURE__ */ React87__default.createElement(Stack$1, { as: "fieldset", direction: direction2, ...props }, groupLabel && /* @__PURE__ */ React87__default.createElement(FormLabel, { as: "legend", id: groupLabel }, groupLabel), children)
1937
+ /* @__PURE__ */ React86__default.createElement(Stack$1, { as: "fieldset", direction: direction2, ...props }, groupLabel && /* @__PURE__ */ React86__default.createElement(FormLabel, { as: "legend", id: groupLabel }, groupLabel), children)
1927
1938
  );
1928
1939
  };
1929
1940
 
@@ -1965,13 +1976,13 @@ var RadioCard = forwardRef(
1965
1976
  }
1966
1977
  }, [isKeyboardUser, isChecked]);
1967
1978
  const inputId = `radio-card-${useId()}`;
1968
- return /* @__PURE__ */ React87__default.createElement(
1979
+ return /* @__PURE__ */ React86__default.createElement(
1969
1980
  Box,
1970
1981
  {
1971
1982
  onFocus: () => isKeyboardUser && setFocus(true),
1972
1983
  onBlur: () => setFocus(false)
1973
1984
  },
1974
- /* @__PURE__ */ React87__default.createElement(
1985
+ /* @__PURE__ */ React86__default.createElement(
1975
1986
  chakra.input,
1976
1987
  {
1977
1988
  type: "radio",
@@ -1984,7 +1995,7 @@ var RadioCard = forwardRef(
1984
1995
  __css: styles3.radioInput
1985
1996
  }
1986
1997
  ),
1987
- /* @__PURE__ */ React87__default.createElement(
1998
+ /* @__PURE__ */ React86__default.createElement(
1988
1999
  Box,
1989
2000
  {
1990
2001
  as: "label",
@@ -2011,7 +2022,7 @@ var StaticCard = forwardRef(
2011
2022
  const styles3 = useStyleConfig("StaticCard", {
2012
2023
  colorScheme
2013
2024
  });
2014
- return /* @__PURE__ */ React87__default.createElement(Box, { __css: styles3, ...props, ref }, children);
2025
+ return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3, ...props, ref }, children);
2015
2026
  }
2016
2027
  );
2017
2028
  var PressableCard = forwardRef(
@@ -2019,18 +2030,18 @@ var PressableCard = forwardRef(
2019
2030
  const styles3 = useStyleConfig("PressableCard", {
2020
2031
  variant
2021
2032
  });
2022
- return /* @__PURE__ */ React87__default.createElement(Box, { __css: styles3, ...props, ref }, children);
2033
+ return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3, ...props, ref }, children);
2023
2034
  }
2024
2035
  );
2025
- var AccordionContext = React87__default.createContext(null);
2036
+ var AccordionContext = React86__default.createContext(null);
2026
2037
  var AccordionProvider = ({
2027
2038
  size: size2,
2028
2039
  ...props
2029
2040
  }) => {
2030
- return /* @__PURE__ */ React87__default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
2041
+ return /* @__PURE__ */ React86__default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
2031
2042
  };
2032
2043
  var useAccordionContext = () => {
2033
- const context = React87__default.useContext(AccordionContext);
2044
+ const context = React86__default.useContext(AccordionContext);
2034
2045
  if (context === null) {
2035
2046
  throw new Error(
2036
2047
  "useAccordionContext must be used within AccordionProvider"
@@ -2041,14 +2052,14 @@ var useAccordionContext = () => {
2041
2052
  var Accordion = forwardRef(
2042
2053
  ({ children, spacing: spacing3 = 2, ...props }, ref) => {
2043
2054
  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(
2055
+ return /* @__PURE__ */ React86__default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React86__default.createElement(
2045
2056
  Accordion$1,
2046
2057
  {
2047
2058
  ...props,
2048
2059
  ref,
2049
2060
  defaultIndex
2050
2061
  },
2051
- /* @__PURE__ */ React87__default.createElement(Stack, { spacing: spacing3 }, children)
2062
+ /* @__PURE__ */ React86__default.createElement(Stack, { spacing: spacing3 }, children)
2052
2063
  ));
2053
2064
  }
2054
2065
  );
@@ -2064,7 +2075,7 @@ var Expandable = ({
2064
2075
  },
2065
2076
  ...rest
2066
2077
  }) => {
2067
- return /* @__PURE__ */ React87__default.createElement(
2078
+ return /* @__PURE__ */ React86__default.createElement(
2068
2079
  Accordion,
2069
2080
  {
2070
2081
  ...rest,
@@ -2074,7 +2085,7 @@ var Expandable = ({
2074
2085
  size: size2,
2075
2086
  onChange: (expandedIndex) => onChange(expandedIndex === 0)
2076
2087
  },
2077
- /* @__PURE__ */ React87__default.createElement(
2088
+ /* @__PURE__ */ React86__default.createElement(
2078
2089
  ExpandableItem,
2079
2090
  {
2080
2091
  headingLevel,
@@ -2094,7 +2105,7 @@ var ExpandableItem = ({
2094
2105
  }) => {
2095
2106
  const { size: size2 } = useAccordionContext();
2096
2107
  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));
2108
+ 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
2109
  };
2099
2110
  var warnAboutMismatchingIcon = ({ icon, size: size2 }) => {
2100
2111
  var _a6, _b5;
@@ -2143,7 +2154,7 @@ function LanguageProvider({
2143
2154
  language,
2144
2155
  children
2145
2156
  }) {
2146
- return /* @__PURE__ */ React87__default.createElement(LanguageContext.Provider, { value: language }, children);
2157
+ return /* @__PURE__ */ React86__default.createElement(LanguageContext.Provider, { value: language }, children);
2147
2158
  }
2148
2159
  function useLanguage() {
2149
2160
  const language = useContext(LanguageContext);
@@ -2175,62 +2186,12 @@ function useHydrated() {
2175
2186
  // src/loader/ClientOnly.tsx
2176
2187
  var ClientOnly = ({ children, fallback = null }) => {
2177
2188
  const isHydrated = useHydrated();
2178
- return /* @__PURE__ */ React87__default.createElement(React87__default.Fragment, null, isHydrated ? children() : fallback);
2189
+ return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, isHydrated ? children() : fallback);
2179
2190
  };
2180
2191
  function Lottie({ animationData }) {
2181
2192
  const { View } = useLottie({ animationData, loop: true });
2182
- return /* @__PURE__ */ React87__default.createElement(React87__default.Fragment, null, View);
2193
+ return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, View);
2183
2194
  }
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
2195
 
2235
2196
  // src/loader/ColorInlineLoader.tsx
2236
2197
  var ColorInlineLoader = ({
@@ -2238,13 +2199,7 @@ var ColorInlineLoader = ({
2238
2199
  maxWidth,
2239
2200
  ...props
2240
2201
  }) => {
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
- ))));
2202
+ 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
2203
  };
2249
2204
  var ColorSpinner = ({
2250
2205
  children,
@@ -2252,42 +2207,24 @@ var ColorSpinner = ({
2252
2207
  maxWidth,
2253
2208
  ...props
2254
2209
  }) => {
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));
2210
+ 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
2211
  };
2263
2212
  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));
2213
+ 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
2214
  };
2272
2215
  var DarkFullScreenLoader = ({
2273
2216
  width,
2274
2217
  maxWidth,
2275
2218
  ...props
2276
2219
  }) => {
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 }))));
2220
+ 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
2221
  };
2279
2222
  var DarkInlineLoader = ({
2280
2223
  width,
2281
2224
  maxWidth,
2282
2225
  ...props
2283
2226
  }) => {
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
- ))));
2227
+ 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
2228
  };
2292
2229
  var DarkSpinner = ({
2293
2230
  children,
@@ -2297,33 +2234,21 @@ var DarkSpinner = ({
2297
2234
  }) => {
2298
2235
  const { colorMode } = useColorMode();
2299
2236
  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));
2237
+ 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
2238
  };
2302
2239
  var LightFullScreenLoader = ({
2303
2240
  width,
2304
2241
  maxWidth,
2305
2242
  ...props
2306
2243
  }) => {
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
- ))));
2244
+ 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
2245
  };
2315
2246
  var LightInlineLoader = ({
2316
2247
  width,
2317
2248
  maxWidth,
2318
2249
  ...props
2319
2250
  }) => {
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
- ))));
2251
+ 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
2252
  };
2328
2253
  var LightSpinner = ({
2329
2254
  children,
@@ -2331,7 +2256,7 @@ var LightSpinner = ({
2331
2256
  maxWidth,
2332
2257
  ...props
2333
2258
  }) => {
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));
2259
+ 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
2260
  };
2336
2261
  var useRotatingLabel = ({ label, delay }) => {
2337
2262
  const loadingTextArray = useMemo(
@@ -2368,7 +2293,7 @@ var ProgressBar = ({
2368
2293
  "aria-label": ariaLabel || t2(texts6.label(value))
2369
2294
  });
2370
2295
  const styles3 = useMultiStyleConfig("ProgressBar", {});
2371
- return /* @__PURE__ */ React87__default.createElement(React87__default.Fragment, null, /* @__PURE__ */ React87__default.createElement(
2296
+ return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
2372
2297
  Box,
2373
2298
  {
2374
2299
  ...progressBarProps,
@@ -2376,8 +2301,8 @@ var ProgressBar = ({
2376
2301
  __css: styles3.container,
2377
2302
  ...rest
2378
2303
  },
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)
2304
+ /* @__PURE__ */ React86__default.createElement(Box, { width, __css: styles3.background }, /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3.progress, height, width: `${value}%` })),
2305
+ currentLoadingText && /* @__PURE__ */ React86__default.createElement(Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
2381
2306
  ));
2382
2307
  };
2383
2308
  var texts6 = createTexts({
@@ -2411,7 +2336,7 @@ var ProgressLoader = ({
2411
2336
  const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
2412
2337
  const progress = (value - 100) / 100 * progressPathLength;
2413
2338
  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(
2339
+ 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
2340
  Box,
2416
2341
  {
2417
2342
  as: "path",
@@ -2419,7 +2344,7 @@ var ProgressLoader = ({
2419
2344
  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
2345
  fill: "#FFB466"
2421
2346
  }
2422
- ), /* @__PURE__ */ React87__default.createElement(
2347
+ ), /* @__PURE__ */ React86__default.createElement(
2423
2348
  Box,
2424
2349
  {
2425
2350
  as: "path",
@@ -2430,7 +2355,7 @@ var ProgressLoader = ({
2430
2355
  strokeLinecap: "round",
2431
2356
  strokeLinejoin: "round"
2432
2357
  }
2433
- ), /* @__PURE__ */ React87__default.createElement(
2358
+ ), /* @__PURE__ */ React86__default.createElement(
2434
2359
  Box,
2435
2360
  {
2436
2361
  as: "path",
@@ -2445,7 +2370,7 @@ var ProgressLoader = ({
2445
2370
  transition: "stroke-dashoffset .2s ease-out",
2446
2371
  ref: pathRef
2447
2372
  }
2448
- ), /* @__PURE__ */ React87__default.createElement(
2373
+ ), /* @__PURE__ */ React86__default.createElement(
2449
2374
  Box,
2450
2375
  {
2451
2376
  as: "path",
@@ -2453,7 +2378,7 @@ var ProgressLoader = ({
2453
2378
  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
2379
  fill: "#688CBA"
2455
2380
  }
2456
- )), currentLoadingText && /* @__PURE__ */ React87__default.createElement(
2381
+ )), currentLoadingText && /* @__PURE__ */ React86__default.createElement(
2457
2382
  Text,
2458
2383
  {
2459
2384
  textAlign: "center",
@@ -2472,9 +2397,9 @@ var texts7 = createTexts({
2472
2397
  en: `${value}% done`
2473
2398
  })
2474
2399
  });
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 });
2400
+ var Skeleton = forwardRef((props, ref) => /* @__PURE__ */ React86__default.createElement(Skeleton$1, { ...props, ref }));
2401
+ var SkeletonCircle = (props) => /* @__PURE__ */ React86__default.createElement(SkeletonCircle$1, { boxSize: 6, borderRadius: "50%", ...props });
2402
+ var SkeletonText = (props) => /* @__PURE__ */ React86__default.createElement(SkeletonText$1, { boxSize: 6, ...props });
2478
2403
 
2479
2404
  // src/button/Button.tsx
2480
2405
  var Button2 = forwardRef((props, ref) => {
@@ -2504,7 +2429,7 @@ var Button2 = forwardRef((props, ref) => {
2504
2429
  if (fontWeight) {
2505
2430
  styles3.fontWeight = fontWeight;
2506
2431
  }
2507
- return /* @__PURE__ */ React87__default.createElement(
2432
+ return /* @__PURE__ */ React86__default.createElement(
2508
2433
  Box,
2509
2434
  {
2510
2435
  ...rest,
@@ -2518,7 +2443,7 @@ var Button2 = forwardRef((props, ref) => {
2518
2443
  position: "relative",
2519
2444
  fontFamily: "Vy Sans"
2520
2445
  },
2521
- isLoading && /* @__PURE__ */ React87__default.createElement(Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React87__default.createElement(
2446
+ isLoading && /* @__PURE__ */ React86__default.createElement(Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React86__default.createElement(
2522
2447
  ColorInlineLoader,
2523
2448
  {
2524
2449
  maxWidth: getLoaderWidth(finalSize),
@@ -2527,7 +2452,7 @@ var Button2 = forwardRef((props, ref) => {
2527
2452
  marginY: 2
2528
2453
  }
2529
2454
  )),
2530
- /* @__PURE__ */ React87__default.createElement(
2455
+ /* @__PURE__ */ React86__default.createElement(
2531
2456
  Flex,
2532
2457
  {
2533
2458
  gap: 1,
@@ -2537,7 +2462,7 @@ var Button2 = forwardRef((props, ref) => {
2537
2462
  visibility: isLoading ? "hidden" : "visible",
2538
2463
  "aria-hidden": isLoading
2539
2464
  },
2540
- /* @__PURE__ */ React87__default.createElement(Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React87__default.createElement(
2465
+ /* @__PURE__ */ React86__default.createElement(Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React86__default.createElement(
2541
2466
  Box,
2542
2467
  {
2543
2468
  visibility: isLoading ? "hidden" : "visible",
@@ -2578,14 +2503,14 @@ var texts8 = createTexts({
2578
2503
  sv: "Laddar\u2026"
2579
2504
  }
2580
2505
  });
2581
- var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */ React87__default.createElement(ButtonGroup$1, { ...props, ref }));
2506
+ var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */ React86__default.createElement(ButtonGroup$1, { ...props, ref }));
2582
2507
  var IconButton = forwardRef(
2583
- ({ ...props }, ref) => /* @__PURE__ */ React87__default.createElement(
2508
+ ({ ...props }, ref) => /* @__PURE__ */ React86__default.createElement(
2584
2509
  IconButton$1,
2585
2510
  {
2586
2511
  title: props["aria-label"],
2587
2512
  ...props,
2588
- spinner: /* @__PURE__ */ React87__default.createElement(ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
2513
+ spinner: /* @__PURE__ */ React86__default.createElement(ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
2589
2514
  ref
2590
2515
  }
2591
2516
  )
@@ -2595,7 +2520,7 @@ var IconButton = forwardRef(
2595
2520
  var CloseButton = forwardRef(
2596
2521
  ({ size: size2 = "sm", ...props }, ref) => {
2597
2522
  const { t: t2 } = useTranslation();
2598
- return /* @__PURE__ */ React87__default.createElement(
2523
+ return /* @__PURE__ */ React86__default.createElement(
2599
2524
  IconButton,
2600
2525
  {
2601
2526
  ref,
@@ -2612,11 +2537,11 @@ var getIcon = (size2) => {
2612
2537
  switch (size2) {
2613
2538
  case "xs":
2614
2539
  case "sm":
2615
- return /* @__PURE__ */ React87__default.createElement(CloseFill18Icon, null);
2540
+ return /* @__PURE__ */ React86__default.createElement(CloseFill18Icon, null);
2616
2541
  case "md":
2617
- return /* @__PURE__ */ React87__default.createElement(CloseFill24Icon, null);
2542
+ return /* @__PURE__ */ React86__default.createElement(CloseFill24Icon, null);
2618
2543
  case "lg":
2619
- return /* @__PURE__ */ React87__default.createElement(CloseFill30Icon, null);
2544
+ return /* @__PURE__ */ React86__default.createElement(CloseFill30Icon, null);
2620
2545
  }
2621
2546
  };
2622
2547
  var texts9 = createTexts({
@@ -2638,7 +2563,7 @@ var FloatingActionButton = forwardRef(
2638
2563
  placement = "bottom right",
2639
2564
  ...props
2640
2565
  }, ref) => {
2641
- const [isTextVisible, setIsTextVisible] = React87__default.useState(
2566
+ const [isTextVisible, setIsTextVisible] = React86__default.useState(
2642
2567
  externalIsTextVisible !== void 0 ? externalIsTextVisible : false
2643
2568
  );
2644
2569
  const scrollDirection = useScrollDirection();
@@ -2660,7 +2585,7 @@ var FloatingActionButton = forwardRef(
2660
2585
  isTextVisible,
2661
2586
  placement
2662
2587
  });
2663
- return /* @__PURE__ */ React87__default.createElement(
2588
+ return /* @__PURE__ */ React86__default.createElement(
2664
2589
  MotionBox,
2665
2590
  {
2666
2591
  __css: style.container,
@@ -2668,8 +2593,8 @@ var FloatingActionButton = forwardRef(
2668
2593
  ref,
2669
2594
  ...props
2670
2595
  },
2671
- /* @__PURE__ */ React87__default.createElement(Box, { __css: style.icon }, icon),
2672
- /* @__PURE__ */ React87__default.createElement(
2596
+ /* @__PURE__ */ React86__default.createElement(Box, { __css: style.icon }, icon),
2597
+ /* @__PURE__ */ React86__default.createElement(
2673
2598
  MotionBox,
2674
2599
  {
2675
2600
  animate: isTextVisible ? "show" : "hide",
@@ -2694,11 +2619,11 @@ var FloatingActionButton = forwardRef(
2694
2619
  }
2695
2620
  );
2696
2621
  var useScrollDirection = () => {
2697
- const [scrollDirection, setScrollDirection] = React87__default.useState(null);
2698
- const lastScrollPosition = React87__default.useRef(
2622
+ const [scrollDirection, setScrollDirection] = React86__default.useState(null);
2623
+ const lastScrollPosition = React86__default.useRef(
2699
2624
  typeof window !== "undefined" ? window.scrollY : 0
2700
2625
  );
2701
- React87__default.useEffect(() => {
2626
+ React86__default.useEffect(() => {
2702
2627
  const onScroll = () => {
2703
2628
  const delta = window.scrollY - lastScrollPosition.current;
2704
2629
  if (delta === 0) {
@@ -2717,7 +2642,7 @@ var useScrollDirection = () => {
2717
2642
  var AlertIcon = ({ variant }) => {
2718
2643
  const Icon = getIcon2(variant);
2719
2644
  const { t: t2 } = useTranslation();
2720
- return /* @__PURE__ */ React87__default.createElement(
2645
+ return /* @__PURE__ */ React86__default.createElement(
2721
2646
  Icon,
2722
2647
  {
2723
2648
  flexShrink: 0,
@@ -2779,7 +2704,7 @@ var BaseAlert = ({
2779
2704
  ...boxProps
2780
2705
  }) => {
2781
2706
  const styles3 = useMultiStyleConfig("Alert", { variant });
2782
- return /* @__PURE__ */ React87__default.createElement(Box, { __css: styles3.container, ...boxProps }, children);
2707
+ return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3.container, ...boxProps }, children);
2783
2708
  };
2784
2709
 
2785
2710
  // src/alert/ClosableAlert.tsx
@@ -2800,17 +2725,17 @@ var ClosableAlert = ({
2800
2725
  externalOnClose();
2801
2726
  onClose();
2802
2727
  };
2803
- return /* @__PURE__ */ React87__default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React87__default.createElement(
2728
+ return /* @__PURE__ */ React86__default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React86__default.createElement(
2804
2729
  IconButton,
2805
2730
  {
2806
2731
  variant: "ghost",
2807
2732
  size: "sm",
2808
2733
  onClick: handleClose,
2809
- icon: /* @__PURE__ */ React87__default.createElement(CloseFill18Icon, null),
2734
+ icon: /* @__PURE__ */ React86__default.createElement(CloseFill18Icon, null),
2810
2735
  "aria-label": t2(texts11.close),
2811
2736
  sx: styles3.closeButton
2812
2737
  }
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)));
2738
+ ), /* @__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
2739
  };
2815
2740
  var texts11 = createTexts({
2816
2741
  close: {
@@ -2831,7 +2756,7 @@ var ExpandableAlert = ({
2831
2756
  ...boxProps
2832
2757
  }) => {
2833
2758
  const styles3 = useMultiStyleConfig("AlertExpandable", { variant });
2834
- return /* @__PURE__ */ React87__default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React87__default.createElement(
2759
+ return /* @__PURE__ */ React86__default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React86__default.createElement(
2835
2760
  Accordion$1,
2836
2761
  {
2837
2762
  onChange: (expandedIndex) => onToggle(expandedIndex === 0),
@@ -2839,14 +2764,14 @@ var ExpandableAlert = ({
2839
2764
  allowToggle: true,
2840
2765
  flexGrow: "1"
2841
2766
  },
2842
- /* @__PURE__ */ React87__default.createElement(AccordionItem, null, /* @__PURE__ */ React87__default.createElement(AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React87__default.createElement(
2767
+ /* @__PURE__ */ React86__default.createElement(AccordionItem, null, /* @__PURE__ */ React86__default.createElement(AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React86__default.createElement(
2843
2768
  Flex,
2844
2769
  {
2845
2770
  justifyContent: "space-between",
2846
2771
  alignItems: "center",
2847
2772
  flexGrow: "1"
2848
2773
  },
2849
- /* @__PURE__ */ React87__default.createElement(Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React87__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React87__default.createElement(
2774
+ /* @__PURE__ */ React86__default.createElement(Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React86__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React86__default.createElement(
2850
2775
  Box,
2851
2776
  {
2852
2777
  as: "span",
@@ -2861,8 +2786,8 @@ var ExpandableAlert = ({
2861
2786
  },
2862
2787
  title
2863
2788
  )),
2864
- /* @__PURE__ */ React87__default.createElement(AccordionIcon, { color: "darkGrey" })
2865
- )), /* @__PURE__ */ React87__default.createElement(AccordionPanel, null, children))
2789
+ /* @__PURE__ */ React86__default.createElement(AccordionIcon, { color: "darkGrey" })
2790
+ )), /* @__PURE__ */ React86__default.createElement(AccordionPanel, null, children))
2866
2791
  ));
2867
2792
  };
2868
2793
  var StaticAlert = ({
@@ -2870,14 +2795,14 @@ var StaticAlert = ({
2870
2795
  title,
2871
2796
  ...props
2872
2797
  }) => {
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)));
2798
+ 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
2799
  };
2875
2800
  var Breadcrumb = (props) => {
2876
2801
  const iconColor = useColorModeValue("blackAlpha.400", "whiteAlpha.400");
2877
- return /* @__PURE__ */ React87__default.createElement(
2802
+ return /* @__PURE__ */ React86__default.createElement(
2878
2803
  Breadcrumb$1,
2879
2804
  {
2880
- separator: /* @__PURE__ */ React87__default.createElement(DropdownRightFill18Icon, { color: iconColor }),
2805
+ separator: /* @__PURE__ */ React86__default.createElement(DropdownRightFill18Icon, { color: iconColor }),
2881
2806
  ...props
2882
2807
  }
2883
2808
  );
@@ -2893,12 +2818,12 @@ var Card2 = forwardRef(
2893
2818
  colorScheme,
2894
2819
  size: size2
2895
2820
  });
2896
- return /* @__PURE__ */ React87__default.createElement(Box, { __css: styles3, ...props, ref }, children);
2821
+ return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3, ...props, ref }, children);
2897
2822
  }
2898
2823
  );
2899
2824
  var Badge = forwardRef(
2900
2825
  ({ icon, colorScheme = "grey", children, ...props }, ref) => {
2901
- return /* @__PURE__ */ React87__default.createElement(
2826
+ return /* @__PURE__ */ React86__default.createElement(
2902
2827
  Badge$1,
2903
2828
  {
2904
2829
  colorScheme,
@@ -2906,12 +2831,12 @@ var Badge = forwardRef(
2906
2831
  paddingLeft: icon ? 1 : void 0,
2907
2832
  ref
2908
2833
  },
2909
- icon && React87__default.cloneElement(icon, { marginRight: 1 }),
2834
+ icon && React86__default.cloneElement(icon, { marginRight: 1 }),
2910
2835
  children
2911
2836
  );
2912
2837
  }
2913
2838
  );
2914
- var Code = forwardRef((props, ref) => /* @__PURE__ */ React87__default.createElement(Code$1, { ...props, ref }));
2839
+ var Code = forwardRef((props, ref) => /* @__PURE__ */ React86__default.createElement(Code$1, { ...props, ref }));
2915
2840
  var Heading2 = ({
2916
2841
  as,
2917
2842
  variant = "xl-display",
@@ -2921,11 +2846,11 @@ var Heading2 = ({
2921
2846
  }) => {
2922
2847
  const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
2923
2848
  const color2 = useColorModeValue("text.primary.light", "text.primary.dark");
2924
- return /* @__PURE__ */ React87__default.createElement(Text, { as, textStyle: variant, id, color: color2, ...props });
2849
+ return /* @__PURE__ */ React86__default.createElement(Text, { as, textStyle: variant, id, color: color2, ...props });
2925
2850
  };
2926
2851
  var Text4 = forwardRef(
2927
2852
  ({ variant = "sm", ...props }, ref) => {
2928
- return /* @__PURE__ */ React87__default.createElement(Text, { ...props, textStyle: variant, ref });
2853
+ return /* @__PURE__ */ React86__default.createElement(Text, { ...props, textStyle: variant, ref });
2929
2854
  }
2930
2855
  );
2931
2856
  function CalendarCell({
@@ -2968,7 +2893,7 @@ function CalendarCell({
2968
2893
  { passive: false, once: true }
2969
2894
  );
2970
2895
  }, []);
2971
- return /* @__PURE__ */ React87__default.createElement(Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React87__default.createElement(
2896
+ return /* @__PURE__ */ React86__default.createElement(Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React86__default.createElement(
2972
2897
  Box,
2973
2898
  {
2974
2899
  as: "button",
@@ -3030,8 +2955,8 @@ function CalendarGrid({
3030
2955
  const weeksInMonth = getWeeksInMonth(state2.visibleRange.start, locale);
3031
2956
  const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
3032
2957
  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(
2958
+ return /* @__PURE__ */ React86__default.createElement("table", { ...gridProps }, /* @__PURE__ */ React86__default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React86__default.createElement("tr", null, weekDays[language].map((day, index) => {
2959
+ return /* @__PURE__ */ React86__default.createElement(
3035
2960
  Text4,
3036
2961
  {
3037
2962
  as: "th",
@@ -3041,8 +2966,8 @@ function CalendarGrid({
3041
2966
  },
3042
2967
  day
3043
2968
  );
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(
2969
+ }))), /* @__PURE__ */ React86__default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React86__default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
2970
+ (date, dayIndex) => date ? /* @__PURE__ */ React86__default.createElement(
3046
2971
  CalendarCell,
3047
2972
  {
3048
2973
  variant,
@@ -3051,7 +2976,7 @@ function CalendarGrid({
3051
2976
  date,
3052
2977
  currentMonth: startDate
3053
2978
  }
3054
- ) : /* @__PURE__ */ React87__default.createElement("td", { key: dayIndex })
2979
+ ) : /* @__PURE__ */ React86__default.createElement("td", { key: dayIndex })
3055
2980
  )))));
3056
2981
  }
3057
2982
  function CalendarNavigationButton({
@@ -3061,7 +2986,7 @@ function CalendarNavigationButton({
3061
2986
  }) {
3062
2987
  const ref = useRef(null);
3063
2988
  const { buttonProps } = useButton(rest, ref);
3064
- return /* @__PURE__ */ React87__default.createElement(
2989
+ return /* @__PURE__ */ React86__default.createElement(
3065
2990
  IconButton,
3066
2991
  {
3067
2992
  ...buttonProps,
@@ -3095,7 +3020,7 @@ function CalendarHeader({
3095
3020
  );
3096
3021
  const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
3097
3022
  const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
3098
- return /* @__PURE__ */ React87__default.createElement(Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React87__default.createElement(
3023
+ return /* @__PURE__ */ React86__default.createElement(Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React86__default.createElement(
3099
3024
  CalendarNavigator,
3100
3025
  {
3101
3026
  title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
@@ -3105,7 +3030,7 @@ function CalendarHeader({
3105
3030
  isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
3106
3031
  isPreviousDisabled: !state2.isNextVisibleRangeInvalid
3107
3032
  }
3108
- ), isYearPickerVisible && /* @__PURE__ */ React87__default.createElement(
3033
+ ), isYearPickerVisible && /* @__PURE__ */ React86__default.createElement(
3109
3034
  CalendarNavigator,
3110
3035
  {
3111
3036
  title: jsDate.getFullYear().toString(),
@@ -3127,15 +3052,15 @@ var CalendarNavigator = ({
3127
3052
  isNextDisabled
3128
3053
  }) => {
3129
3054
  const { t: t2 } = useTranslation();
3130
- return /* @__PURE__ */ React87__default.createElement(Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React87__default.createElement(
3055
+ return /* @__PURE__ */ React86__default.createElement(Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React86__default.createElement(
3131
3056
  CalendarNavigationButton,
3132
3057
  {
3133
3058
  onPress: onPrevious,
3134
3059
  isDisabled: isPreviousDisabled,
3135
- icon: /* @__PURE__ */ React87__default.createElement(ArrowLeftOutline24Icon, null),
3060
+ icon: /* @__PURE__ */ React86__default.createElement(ArrowLeftOutline24Icon, null),
3136
3061
  "aria-label": `${t2(texts12.previous)} ${t2(texts12[unit])}`
3137
3062
  }
3138
- ), /* @__PURE__ */ React87__default.createElement(
3063
+ ), /* @__PURE__ */ React86__default.createElement(
3139
3064
  Box,
3140
3065
  {
3141
3066
  role: "heading",
@@ -3145,12 +3070,12 @@ var CalendarNavigator = ({
3145
3070
  textAlign: "center"
3146
3071
  },
3147
3072
  capitalize(title)
3148
- ), /* @__PURE__ */ React87__default.createElement(
3073
+ ), /* @__PURE__ */ React86__default.createElement(
3149
3074
  CalendarNavigationButton,
3150
3075
  {
3151
3076
  onPress: onNext,
3152
3077
  isDisabled: isNextDisabled,
3153
- icon: /* @__PURE__ */ React87__default.createElement(ArrowRightOutline24Icon, null),
3078
+ icon: /* @__PURE__ */ React86__default.createElement(ArrowRightOutline24Icon, null),
3154
3079
  "aria-label": `${t2(texts12.next)} ${t2(texts12[unit])}`
3155
3080
  }
3156
3081
  ));
@@ -3198,7 +3123,7 @@ function Calendar({
3198
3123
  const { calendarProps } = useCalendar(props, state2);
3199
3124
  const calendarAriaLabel = calendarProps["aria-label"];
3200
3125
  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 }));
3126
+ 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
3127
  }
3203
3128
  var texts13 = createTexts({
3204
3129
  calendar: {
@@ -3219,7 +3144,7 @@ var CalendarTriggerButton = forwardRef(
3219
3144
  onPress(event);
3220
3145
  }
3221
3146
  };
3222
- return /* @__PURE__ */ React87__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React87__default.createElement(
3147
+ return /* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React86__default.createElement(
3223
3148
  Box,
3224
3149
  {
3225
3150
  ref,
@@ -3230,7 +3155,7 @@ var CalendarTriggerButton = forwardRef(
3230
3155
  ...filteredButtonProps,
3231
3156
  onKeyUp: handleOnPress
3232
3157
  },
3233
- /* @__PURE__ */ React87__default.createElement(CalendarOutline24Icon, null)
3158
+ /* @__PURE__ */ React86__default.createElement(CalendarOutline24Icon, null)
3234
3159
  ));
3235
3160
  }
3236
3161
  );
@@ -3255,7 +3180,7 @@ var DateTimeSegment = forwardRef$1(
3255
3180
  isPlaceholder: segment.isPlaceholder,
3256
3181
  isEditable: segment.isEditable
3257
3182
  });
3258
- return /* @__PURE__ */ React87__default.createElement(
3183
+ return /* @__PURE__ */ React86__default.createElement(
3259
3184
  Box,
3260
3185
  {
3261
3186
  ...segmentProps,
@@ -3302,7 +3227,7 @@ var DateField = forwardRef$1(
3302
3227
  state2,
3303
3228
  ref
3304
3229
  );
3305
- return /* @__PURE__ */ React87__default.createElement(Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React87__default.createElement(
3230
+ return /* @__PURE__ */ React86__default.createElement(Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React86__default.createElement(
3306
3231
  FormLabel$1,
3307
3232
  {
3308
3233
  ...props.labelProps,
@@ -3312,7 +3237,7 @@ var DateField = forwardRef$1(
3312
3237
  paddingTop: "2px"
3313
3238
  },
3314
3239
  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(
3240
+ ), /* @__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
3241
  "input",
3317
3242
  {
3318
3243
  type: "hidden",
@@ -3328,7 +3253,7 @@ var StyledField = forwardRef(
3328
3253
  isInvalid: false
3329
3254
  };
3330
3255
  const styles3 = useMultiStyleConfig("Datepicker", { variant });
3331
- return /* @__PURE__ */ React87__default.createElement(
3256
+ return /* @__PURE__ */ React86__default.createElement(
3332
3257
  Box,
3333
3258
  {
3334
3259
  ...otherProps,
@@ -3380,7 +3305,7 @@ var DatePicker = forwardRef$1(
3380
3305
  const onFieldClick = () => {
3381
3306
  state2.setOpen(true);
3382
3307
  };
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(
3308
+ 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
3309
  Calendar,
3385
3310
  {
3386
3311
  ...calendarProps,
@@ -3388,7 +3313,7 @@ var DatePicker = forwardRef$1(
3388
3313
  showYearNavigation
3389
3314
  }
3390
3315
  ))));
3391
- return /* @__PURE__ */ React87__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React87__default.createElement(
3316
+ return /* @__PURE__ */ React86__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React86__default.createElement(
3392
3317
  Box,
3393
3318
  {
3394
3319
  position: "relative",
@@ -3396,7 +3321,7 @@ var DatePicker = forwardRef$1(
3396
3321
  flexDirection: "column",
3397
3322
  width
3398
3323
  },
3399
- /* @__PURE__ */ React87__default.createElement(
3324
+ /* @__PURE__ */ React86__default.createElement(
3400
3325
  Popover$1,
3401
3326
  {
3402
3327
  ...dialogProps,
@@ -3405,7 +3330,7 @@ var DatePicker = forwardRef$1(
3405
3330
  onClose: state2.close,
3406
3331
  flip: false
3407
3332
  },
3408
- /* @__PURE__ */ React87__default.createElement(InputGroup, { ...groupProps, display: "inline-flex" }, /* @__PURE__ */ React87__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React87__default.createElement(
3333
+ /* @__PURE__ */ React86__default.createElement(InputGroup, { ...groupProps, display: "inline-flex" }, /* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React86__default.createElement(
3409
3334
  StyledField,
3410
3335
  {
3411
3336
  variant,
@@ -3413,7 +3338,7 @@ var DatePicker = forwardRef$1(
3413
3338
  paddingX: 3,
3414
3339
  minHeight
3415
3340
  },
3416
- /* @__PURE__ */ React87__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React87__default.createElement(
3341
+ /* @__PURE__ */ React86__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React86__default.createElement(
3417
3342
  CalendarTriggerButton,
3418
3343
  {
3419
3344
  variant,
@@ -3421,7 +3346,7 @@ var DatePicker = forwardRef$1(
3421
3346
  ...buttonProps
3422
3347
  }
3423
3348
  )),
3424
- /* @__PURE__ */ React87__default.createElement(
3349
+ /* @__PURE__ */ React86__default.createElement(
3425
3350
  DateField,
3426
3351
  {
3427
3352
  label: props.label,
@@ -3431,8 +3356,8 @@ var DatePicker = forwardRef$1(
3431
3356
  }
3432
3357
  )
3433
3358
  ))),
3434
- /* @__PURE__ */ React87__default.createElement(FormErrorMessage, { ...errorMessageProps }, errorMessage),
3435
- state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React87__default.createElement(Portal, null, popoverContent),
3359
+ /* @__PURE__ */ React86__default.createElement(FormErrorMessage, { ...errorMessageProps }, errorMessage),
3360
+ state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React86__default.createElement(Portal, null, popoverContent),
3436
3361
  state2.isOpen && !props.isDisabled && !withPortal && popoverContent
3437
3362
  )
3438
3363
  ));
@@ -3448,7 +3373,7 @@ function RangeCalendar(props) {
3448
3373
  });
3449
3374
  const ref = useRef(null);
3450
3375
  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(
3376
+ 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
3377
  CalendarGrid,
3453
3378
  {
3454
3379
  variant: props.variant,
@@ -3495,8 +3420,8 @@ function DateRangePicker({
3495
3420
  const onFieldClick = () => {
3496
3421
  state2.setOpen(true);
3497
3422
  };
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(
3423
+ 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 }))));
3424
+ 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
3425
  Popover$1,
3501
3426
  {
3502
3427
  ...dialogProps,
@@ -3505,7 +3430,7 @@ function DateRangePicker({
3505
3430
  onClose: state2.close,
3506
3431
  flip: false
3507
3432
  },
3508
- /* @__PURE__ */ React87__default.createElement(InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React87__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React87__default.createElement(
3433
+ /* @__PURE__ */ React86__default.createElement(InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React86__default.createElement(
3509
3434
  StyledField,
3510
3435
  {
3511
3436
  alignItems: "center",
@@ -3515,7 +3440,7 @@ function DateRangePicker({
3515
3440
  onKeyPress: handleEnterClick,
3516
3441
  minHeight
3517
3442
  },
3518
- variant && /* @__PURE__ */ React87__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React87__default.createElement(
3443
+ variant && /* @__PURE__ */ React86__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React86__default.createElement(
3519
3444
  CalendarTriggerButton,
3520
3445
  {
3521
3446
  paddingLeft: 1,
@@ -3525,7 +3450,7 @@ function DateRangePicker({
3525
3450
  ...buttonProps
3526
3451
  }
3527
3452
  )),
3528
- /* @__PURE__ */ React87__default.createElement(
3453
+ /* @__PURE__ */ React86__default.createElement(
3529
3454
  DateField,
3530
3455
  {
3531
3456
  ...startFieldProps,
@@ -3534,8 +3459,8 @@ function DateRangePicker({
3534
3459
  labelProps
3535
3460
  }
3536
3461
  ),
3537
- /* @__PURE__ */ React87__default.createElement(Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
3538
- /* @__PURE__ */ React87__default.createElement(
3462
+ /* @__PURE__ */ React86__default.createElement(Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
3463
+ /* @__PURE__ */ React86__default.createElement(
3539
3464
  DateField,
3540
3465
  {
3541
3466
  ...endFieldProps,
@@ -3545,14 +3470,14 @@ function DateRangePicker({
3545
3470
  }
3546
3471
  )
3547
3472
  ))),
3548
- state2.isOpen && withPortal && /* @__PURE__ */ React87__default.createElement(Portal, null, popoverContent),
3473
+ state2.isOpen && withPortal && /* @__PURE__ */ React86__default.createElement(Portal, null, popoverContent),
3549
3474
  state2.isOpen && !withPortal && popoverContent
3550
3475
  )));
3551
3476
  }
3552
3477
  var TimeField = ({ state: state2, ...props }) => {
3553
3478
  const ref = useRef(null);
3554
3479
  const { labelProps, fieldProps } = useTimeField(props, state2, ref);
3555
- return /* @__PURE__ */ React87__default.createElement(Box, null, /* @__PURE__ */ React87__default.createElement(
3480
+ return /* @__PURE__ */ React86__default.createElement(Box, null, /* @__PURE__ */ React86__default.createElement(
3556
3481
  FormLabel,
3557
3482
  {
3558
3483
  ...labelProps,
@@ -3564,7 +3489,7 @@ var TimeField = ({ state: state2, ...props }) => {
3564
3489
  paddingTop: "2px"
3565
3490
  },
3566
3491
  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(
3492
+ ), /* @__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
3493
  "input",
3569
3494
  {
3570
3495
  type: "hidden",
@@ -3633,7 +3558,7 @@ var TimePicker = ({
3633
3558
  const ariaLabel = `${inputLabel} \u2013 ${t2(
3634
3559
  texts15.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
3635
3560
  )}`;
3636
- return /* @__PURE__ */ React87__default.createElement(
3561
+ return /* @__PURE__ */ React86__default.createElement(
3637
3562
  StyledField,
3638
3563
  {
3639
3564
  variant: "base",
@@ -3649,7 +3574,7 @@ var TimePicker = ({
3649
3574
  "aria-label": ariaLabel,
3650
3575
  ...boxProps
3651
3576
  },
3652
- /* @__PURE__ */ React87__default.createElement(
3577
+ /* @__PURE__ */ React86__default.createElement(
3653
3578
  IconButton,
3654
3579
  {
3655
3580
  variant: "ghost",
@@ -3657,14 +3582,14 @@ var TimePicker = ({
3657
3582
  borderRadius: "xs",
3658
3583
  "aria-label": backwardsLabel,
3659
3584
  title: backwardsLabel,
3660
- icon: /* @__PURE__ */ React87__default.createElement(DropdownLeftFill18Icon, null),
3585
+ icon: /* @__PURE__ */ React86__default.createElement(DropdownLeftFill18Icon, null),
3661
3586
  onClick: handleBackwardsClick,
3662
3587
  isDisabled,
3663
3588
  style: isDisabled ? { backgroundColor: "transparent" } : {}
3664
3589
  }
3665
3590
  ),
3666
- /* @__PURE__ */ React87__default.createElement(TimeField, { label, state: state2, name }),
3667
- /* @__PURE__ */ React87__default.createElement(
3591
+ /* @__PURE__ */ React86__default.createElement(TimeField, { label, state: state2, name }),
3592
+ /* @__PURE__ */ React86__default.createElement(
3668
3593
  IconButton,
3669
3594
  {
3670
3595
  variant: "ghost",
@@ -3672,7 +3597,7 @@ var TimePicker = ({
3672
3597
  borderRadius: "xs",
3673
3598
  "aria-label": forwardsLabel,
3674
3599
  title: forwardsLabel,
3675
- icon: /* @__PURE__ */ React87__default.createElement(DropdownRightFill18Icon, null),
3600
+ icon: /* @__PURE__ */ React86__default.createElement(DropdownRightFill18Icon, null),
3676
3601
  onClick: handleForwardClick,
3677
3602
  isDisabled,
3678
3603
  style: isDisabled ? { backgroundColor: "transparent" } : {}
@@ -3774,7 +3699,7 @@ var LineIcon = ({
3774
3699
  if (!Icon) {
3775
3700
  return null;
3776
3701
  }
3777
- return /* @__PURE__ */ React87__default.createElement(Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React87__default.createElement(Icon, { sx: styles3.icon }));
3702
+ return /* @__PURE__ */ React86__default.createElement(Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React86__default.createElement(Icon, { sx: styles3.icon }));
3778
3703
  };
3779
3704
 
3780
3705
  // src/linjetag/InfoTag.tsx
@@ -3790,7 +3715,7 @@ var InfoTag = ({
3790
3715
  size: size2,
3791
3716
  ...customProps
3792
3717
  });
3793
- return /* @__PURE__ */ React87__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React87__default.createElement(
3718
+ return /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React86__default.createElement(
3794
3719
  LineIcon,
3795
3720
  {
3796
3721
  variant,
@@ -3798,7 +3723,7 @@ var InfoTag = ({
3798
3723
  sx: styles3.iconContainer,
3799
3724
  ...customProps
3800
3725
  }
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)));
3726
+ ), /* @__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
3727
  };
3803
3728
  var TravelTag = forwardRef(
3804
3729
  ({
@@ -3818,7 +3743,7 @@ var TravelTag = forwardRef(
3818
3743
  backgroundColor: variant === "custom" ? rest.backgroundColor : void 0
3819
3744
  });
3820
3745
  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(
3746
+ return /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React86__default.createElement(
3822
3747
  LineIcon,
3823
3748
  {
3824
3749
  variant,
@@ -3826,7 +3751,7 @@ var TravelTag = forwardRef(
3826
3751
  sx: styles3.iconContainer,
3827
3752
  ...rest
3828
3753
  }
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 }));
3754
+ ), /* @__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
3755
  }
3831
3756
  );
3832
3757
  var getDeviationLevelIcon = ({
@@ -3850,7 +3775,7 @@ var TextLink = forwardRef(
3850
3775
  var _a6;
3851
3776
  const { t: t2 } = useTranslation();
3852
3777
  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(
3778
+ return /* @__PURE__ */ React86__default.createElement(Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React86__default.createElement(
3854
3779
  LinkOutOutline24Icon,
3855
3780
  {
3856
3781
  marginLeft: 0.5,
@@ -3867,6 +3792,112 @@ var texts16 = createTexts({
3867
3792
  en: "External link"
3868
3793
  }
3869
3794
  });
3795
+ var VyLogo = ({ colorScheme, ...boxProps }) => {
3796
+ const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
3797
+ const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
3798
+ const id = useId();
3799
+ 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(
3800
+ "path",
3801
+ {
3802
+ fillRule: "evenodd",
3803
+ clipRule: "evenodd",
3804
+ 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",
3805
+ fill: mainColor
3806
+ }
3807
+ ), /* @__PURE__ */ React86__default.createElement(
3808
+ "mask",
3809
+ {
3810
+ id: `${id}-a`,
3811
+ style: { maskType: "alpha" },
3812
+ maskUnits: "userSpaceOnUse",
3813
+ x: "0",
3814
+ y: "0",
3815
+ width: "94",
3816
+ height: "54"
3817
+ },
3818
+ /* @__PURE__ */ React86__default.createElement(
3819
+ "path",
3820
+ {
3821
+ fillRule: "evenodd",
3822
+ clipRule: "evenodd",
3823
+ d: "M0 .03h93.26v53.65H0V.03Z",
3824
+ fill: mainColor
3825
+ }
3826
+ )
3827
+ ), /* @__PURE__ */ React86__default.createElement(
3828
+ "g",
3829
+ {
3830
+ mask: `url(#${id}-a)`,
3831
+ fillRule: "evenodd",
3832
+ clipRule: "evenodd",
3833
+ fill: mainColor
3834
+ },
3835
+ /* @__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" }),
3836
+ /* @__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" })
3837
+ ), /* @__PURE__ */ React86__default.createElement(
3838
+ "path",
3839
+ {
3840
+ fillRule: "evenodd",
3841
+ clipRule: "evenodd",
3842
+ 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",
3843
+ fill: accentColor
3844
+ }
3845
+ ), /* @__PURE__ */ React86__default.createElement(
3846
+ "path",
3847
+ {
3848
+ fillRule: "evenodd",
3849
+ clipRule: "evenodd",
3850
+ 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",
3851
+ fill: mainColor
3852
+ }
3853
+ ), /* @__PURE__ */ React86__default.createElement(
3854
+ "mask",
3855
+ {
3856
+ id: `${id}-b`,
3857
+ style: { maskType: "alpha" },
3858
+ maskUnits: "userSpaceOnUse",
3859
+ x: "29",
3860
+ y: "0",
3861
+ width: "78",
3862
+ height: "54"
3863
+ },
3864
+ /* @__PURE__ */ React86__default.createElement(
3865
+ "path",
3866
+ {
3867
+ fillRule: "evenodd",
3868
+ clipRule: "evenodd",
3869
+ d: "M29.55.04H106v53.64H29.55V.04Z",
3870
+ fill: mainColor
3871
+ }
3872
+ )
3873
+ ), /* @__PURE__ */ React86__default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React86__default.createElement(
3874
+ "path",
3875
+ {
3876
+ 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",
3877
+ fill: mainColor
3878
+ }
3879
+ ), /* @__PURE__ */ React86__default.createElement(
3880
+ "path",
3881
+ {
3882
+ 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",
3883
+ fill: mainColor
3884
+ }
3885
+ ), /* @__PURE__ */ React86__default.createElement(
3886
+ "path",
3887
+ {
3888
+ 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",
3889
+ fill: accentColor
3890
+ }
3891
+ )), /* @__PURE__ */ React86__default.createElement(
3892
+ "path",
3893
+ {
3894
+ fillRule: "evenodd",
3895
+ clipRule: "evenodd",
3896
+ 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",
3897
+ fill: mainColor
3898
+ }
3899
+ ));
3900
+ };
3870
3901
  var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3871
3902
  const pinkColor = colorScheme === "light" ? "#ED6F99" : "#ffffff";
3872
3903
  const purpleColor = colorScheme === "light" ? "#C06CF7" : "#ffffff";
@@ -3878,7 +3909,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3878
3909
  const orangeColor = colorScheme === "light" ? "#F09436" : "#ffffff";
3879
3910
  const yellowColor = colorScheme === "light" ? "#FFFF54" : "#ffffff";
3880
3911
  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(
3912
+ 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
3913
  "svg",
3883
3914
  {
3884
3915
  width: "108",
@@ -3887,7 +3918,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3887
3918
  fill: "none",
3888
3919
  xmlns: "http://www.w3.org/2000/svg"
3889
3920
  },
3890
- /* @__PURE__ */ React87__default.createElement(
3921
+ /* @__PURE__ */ React86__default.createElement(
3891
3922
  "path",
3892
3923
  {
3893
3924
  fillRule: "evenodd",
@@ -3896,7 +3927,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3896
3927
  fill: pinkColor
3897
3928
  }
3898
3929
  ),
3899
- /* @__PURE__ */ React87__default.createElement(
3930
+ /* @__PURE__ */ React86__default.createElement(
3900
3931
  "mask",
3901
3932
  {
3902
3933
  id: `${id}-a-pride`,
@@ -3907,7 +3938,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3907
3938
  width: "95",
3908
3939
  height: "55"
3909
3940
  },
3910
- /* @__PURE__ */ React87__default.createElement(
3941
+ /* @__PURE__ */ React86__default.createElement(
3911
3942
  "path",
3912
3943
  {
3913
3944
  fillRule: "evenodd",
@@ -3917,7 +3948,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3917
3948
  }
3918
3949
  )
3919
3950
  ),
3920
- /* @__PURE__ */ React87__default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React87__default.createElement(
3951
+ /* @__PURE__ */ React86__default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React86__default.createElement(
3921
3952
  "path",
3922
3953
  {
3923
3954
  fillRule: "evenodd",
@@ -3925,7 +3956,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3925
3956
  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
3957
  fill: purpleColor
3927
3958
  }
3928
- ), /* @__PURE__ */ React87__default.createElement(
3959
+ ), /* @__PURE__ */ React86__default.createElement(
3929
3960
  "path",
3930
3961
  {
3931
3962
  fillRule: "evenodd",
@@ -3933,7 +3964,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3933
3964
  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
3965
  fill: darkPurpleColor
3935
3966
  }
3936
- ), /* @__PURE__ */ React87__default.createElement(
3967
+ ), /* @__PURE__ */ React86__default.createElement(
3937
3968
  "path",
3938
3969
  {
3939
3970
  fillRule: "evenodd",
@@ -3941,7 +3972,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3941
3972
  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
3973
  fill: greenColor
3943
3974
  }
3944
- ), /* @__PURE__ */ React87__default.createElement(
3975
+ ), /* @__PURE__ */ React86__default.createElement(
3945
3976
  "path",
3946
3977
  {
3947
3978
  fillRule: "evenodd",
@@ -3949,7 +3980,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3949
3980
  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
3981
  fill: darkGreenColor
3951
3982
  }
3952
- ), /* @__PURE__ */ React87__default.createElement(
3983
+ ), /* @__PURE__ */ React86__default.createElement(
3953
3984
  "path",
3954
3985
  {
3955
3986
  fillRule: "evenodd",
@@ -3958,7 +3989,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3958
3989
  fill: darkPurpleColor
3959
3990
  }
3960
3991
  )),
3961
- /* @__PURE__ */ React87__default.createElement(
3992
+ /* @__PURE__ */ React86__default.createElement(
3962
3993
  "path",
3963
3994
  {
3964
3995
  fillRule: "evenodd",
@@ -3967,7 +3998,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3967
3998
  fill: blueColor
3968
3999
  }
3969
4000
  ),
3970
- /* @__PURE__ */ React87__default.createElement(
4001
+ /* @__PURE__ */ React86__default.createElement(
3971
4002
  "path",
3972
4003
  {
3973
4004
  fillRule: "evenodd",
@@ -3976,7 +4007,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3976
4007
  fill: blueColor
3977
4008
  }
3978
4009
  ),
3979
- /* @__PURE__ */ React87__default.createElement(
4010
+ /* @__PURE__ */ React86__default.createElement(
3980
4011
  "path",
3981
4012
  {
3982
4013
  fillRule: "evenodd",
@@ -3985,7 +4016,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3985
4016
  fill: greenColor
3986
4017
  }
3987
4018
  ),
3988
- /* @__PURE__ */ React87__default.createElement(
4019
+ /* @__PURE__ */ React86__default.createElement(
3989
4020
  "mask",
3990
4021
  {
3991
4022
  id: `${id}-b-pride`,
@@ -3996,7 +4027,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3996
4027
  width: "78",
3997
4028
  height: "55"
3998
4029
  },
3999
- /* @__PURE__ */ React87__default.createElement(
4030
+ /* @__PURE__ */ React86__default.createElement(
4000
4031
  "path",
4001
4032
  {
4002
4033
  fillRule: "evenodd",
@@ -4006,7 +4037,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4006
4037
  }
4007
4038
  )
4008
4039
  ),
4009
- /* @__PURE__ */ React87__default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React87__default.createElement(
4040
+ /* @__PURE__ */ React86__default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React86__default.createElement(
4010
4041
  "path",
4011
4042
  {
4012
4043
  fillRule: "evenodd",
@@ -4014,7 +4045,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4014
4045
  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
4046
  fill: greenColor
4016
4047
  }
4017
- ), /* @__PURE__ */ React87__default.createElement(
4048
+ ), /* @__PURE__ */ React86__default.createElement(
4018
4049
  "path",
4019
4050
  {
4020
4051
  fillRule: "evenodd",
@@ -4022,7 +4053,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4022
4053
  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
4054
  fill: darkGreenColor
4024
4055
  }
4025
- ), /* @__PURE__ */ React87__default.createElement(
4056
+ ), /* @__PURE__ */ React86__default.createElement(
4026
4057
  "path",
4027
4058
  {
4028
4059
  fillRule: "evenodd",
@@ -4030,7 +4061,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4030
4061
  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
4062
  fill: redColor
4032
4063
  }
4033
- ), /* @__PURE__ */ React87__default.createElement(
4064
+ ), /* @__PURE__ */ React86__default.createElement(
4034
4065
  "path",
4035
4066
  {
4036
4067
  fillRule: "evenodd",
@@ -4038,7 +4069,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4038
4069
  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
4070
  fill: orangeColor
4040
4071
  }
4041
- ), /* @__PURE__ */ React87__default.createElement(
4072
+ ), /* @__PURE__ */ React86__default.createElement(
4042
4073
  "path",
4043
4074
  {
4044
4075
  fillRule: "evenodd",
@@ -4047,7 +4078,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4047
4078
  fill: yellowColor
4048
4079
  }
4049
4080
  )),
4050
- /* @__PURE__ */ React87__default.createElement(
4081
+ /* @__PURE__ */ React86__default.createElement(
4051
4082
  "path",
4052
4083
  {
4053
4084
  fillRule: "evenodd",
@@ -4058,233 +4089,115 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4058
4089
  )
4059
4090
  ));
4060
4091
  };
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
4092
  var CargonetLogo = ({
4180
4093
  colorScheme,
4181
4094
  ...boxProps
4182
4095
  }) => {
4183
4096
  const mainColor = "#DF8200";
4184
4097
  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(
4098
+ 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
4099
  "path",
4187
4100
  {
4188
4101
  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
4102
  fill: accentColor
4190
4103
  }
4191
- ), /* @__PURE__ */ React87__default.createElement(
4104
+ ), /* @__PURE__ */ React86__default.createElement(
4192
4105
  "path",
4193
4106
  {
4194
4107
  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
4108
  fill: accentColor
4196
4109
  }
4197
- ), /* @__PURE__ */ React87__default.createElement(
4110
+ ), /* @__PURE__ */ React86__default.createElement(
4198
4111
  "path",
4199
4112
  {
4200
4113
  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
4114
  fill: accentColor
4202
4115
  }
4203
- ), /* @__PURE__ */ React87__default.createElement(
4116
+ ), /* @__PURE__ */ React86__default.createElement(
4204
4117
  "path",
4205
4118
  {
4206
4119
  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
4120
  fill: accentColor
4208
4121
  }
4209
- ), /* @__PURE__ */ React87__default.createElement(
4122
+ ), /* @__PURE__ */ React86__default.createElement(
4210
4123
  "path",
4211
4124
  {
4212
4125
  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
4126
  fill: accentColor
4214
4127
  }
4215
- ), /* @__PURE__ */ React87__default.createElement(
4128
+ ), /* @__PURE__ */ React86__default.createElement(
4216
4129
  "path",
4217
4130
  {
4218
4131
  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
4132
  fill: mainColor
4220
4133
  }
4221
- ), /* @__PURE__ */ React87__default.createElement(
4134
+ ), /* @__PURE__ */ React86__default.createElement(
4222
4135
  "path",
4223
4136
  {
4224
4137
  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
4138
  fill: mainColor
4226
4139
  }
4227
- ), /* @__PURE__ */ React87__default.createElement(
4140
+ ), /* @__PURE__ */ React86__default.createElement(
4228
4141
  "path",
4229
4142
  {
4230
4143
  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
4144
  fill: mainColor
4232
4145
  }
4233
- ), /* @__PURE__ */ React87__default.createElement(
4146
+ ), /* @__PURE__ */ React86__default.createElement(
4234
4147
  "path",
4235
4148
  {
4236
4149
  d: "M21.4911 10.2565H31.1579V0.589175H21.4911V10.2565Z",
4237
4150
  fill: mainColor
4238
4151
  }
4239
- ), /* @__PURE__ */ React87__default.createElement(
4152
+ ), /* @__PURE__ */ React86__default.createElement(
4240
4153
  "path",
4241
4154
  {
4242
4155
  d: "M41.3861 10.8855H31.7757V20.5528H41.3861V10.8855Z",
4243
4156
  fill: mainColor
4244
4157
  }
4245
- ), /* @__PURE__ */ React87__default.createElement(
4158
+ ), /* @__PURE__ */ React86__default.createElement(
4246
4159
  "path",
4247
4160
  {
4248
4161
  d: "M42.0022 10.2547H51.6126V0.587402H42.0022V10.2547Z",
4249
4162
  fill: mainColor
4250
4163
  }
4251
- ), /* @__PURE__ */ React87__default.createElement(
4164
+ ), /* @__PURE__ */ React86__default.createElement(
4252
4165
  "path",
4253
4166
  {
4254
4167
  d: "M21.477 30.7758H31.1431V21.1654H21.477V30.7758Z",
4255
4168
  fill: mainColor
4256
4169
  }
4257
- ), /* @__PURE__ */ React87__default.createElement(
4170
+ ), /* @__PURE__ */ React86__default.createElement(
4258
4171
  "path",
4259
4172
  {
4260
4173
  d: "M11.2124 20.5493H20.8791V10.8826H11.2124V20.5493Z",
4261
4174
  fill: mainColor
4262
4175
  }
4263
- ), /* @__PURE__ */ React87__default.createElement(
4176
+ ), /* @__PURE__ */ React86__default.createElement(
4264
4177
  "path",
4265
4178
  {
4266
4179
  d: "M0.910156 30.7911H10.5775V21.1801H0.910156V30.7911Z",
4267
4180
  fill: mainColor
4268
4181
  }
4269
- ), /* @__PURE__ */ React87__default.createElement(
4182
+ ), /* @__PURE__ */ React86__default.createElement(
4270
4183
  "path",
4271
4184
  {
4272
4185
  d: "M11.1948 41.0258H20.8615V31.4154H11.1948V41.0258Z",
4273
4186
  fill: mainColor
4274
4187
  }
4275
- ), /* @__PURE__ */ React87__default.createElement(
4188
+ ), /* @__PURE__ */ React86__default.createElement(
4276
4189
  "path",
4277
4190
  {
4278
4191
  d: "M31.7669 41.0581H41.4336V31.3908H31.7669V41.0581Z",
4279
4192
  fill: mainColor
4280
4193
  }
4281
- ), /* @__PURE__ */ React87__default.createElement(
4194
+ ), /* @__PURE__ */ React86__default.createElement(
4282
4195
  "path",
4283
4196
  {
4284
4197
  d: "M21.4776 51.2277H31.1443V41.656H21.4776V51.2277Z",
4285
4198
  fill: mainColor
4286
4199
  }
4287
- ), /* @__PURE__ */ React87__default.createElement(
4200
+ ), /* @__PURE__ */ React86__default.createElement(
4288
4201
  "path",
4289
4202
  {
4290
4203
  d: "M42.0615 51.2283H51.7282V41.6989H42.0615V51.2283Z",
@@ -4303,7 +4216,7 @@ var JumpButton = ({
4303
4216
  variant: "jumpSkip",
4304
4217
  size: size2
4305
4218
  });
4306
- return /* @__PURE__ */ React87__default.createElement(
4219
+ return /* @__PURE__ */ React86__default.createElement(
4307
4220
  Center,
4308
4221
  {
4309
4222
  as: "button",
@@ -4312,7 +4225,7 @@ var JumpButton = ({
4312
4225
  disabled: isDisabled,
4313
4226
  ...props
4314
4227
  },
4315
- direction2 === "forward" ? /* @__PURE__ */ React87__default.createElement(Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__default.createElement(Backward15MediaControllerFill30Icon, { sx: styles3.icon })
4228
+ direction2 === "forward" ? /* @__PURE__ */ React86__default.createElement(Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__default.createElement(Backward15MediaControllerFill30Icon, { sx: styles3.icon })
4316
4229
  );
4317
4230
  };
4318
4231
  var texts17 = createTexts({
@@ -4340,7 +4253,7 @@ var PlayPauseButton = ({
4340
4253
  variant: "play",
4341
4254
  size: size2
4342
4255
  });
4343
- return /* @__PURE__ */ React87__default.createElement(
4256
+ return /* @__PURE__ */ React86__default.createElement(
4344
4257
  Center,
4345
4258
  {
4346
4259
  as: "button",
@@ -4349,7 +4262,7 @@ var PlayPauseButton = ({
4349
4262
  disabled: isDisabled,
4350
4263
  ...props
4351
4264
  },
4352
- isPlaying ? /* @__PURE__ */ React87__default.createElement(PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__default.createElement(PlayMediaControllerFill24Icon, { sx: styles3.icon })
4265
+ isPlaying ? /* @__PURE__ */ React86__default.createElement(PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__default.createElement(PlayMediaControllerFill24Icon, { sx: styles3.icon })
4353
4266
  );
4354
4267
  };
4355
4268
  var texts18 = createTexts({
@@ -4377,7 +4290,7 @@ var SkipButton = ({
4377
4290
  variant: "jumpSkip",
4378
4291
  size: size2
4379
4292
  });
4380
- return /* @__PURE__ */ React87__default.createElement(
4293
+ return /* @__PURE__ */ React86__default.createElement(
4381
4294
  Center,
4382
4295
  {
4383
4296
  as: "button",
@@ -4386,7 +4299,7 @@ var SkipButton = ({
4386
4299
  disabled: isDisabled,
4387
4300
  ...props
4388
4301
  },
4389
- direction2 === "forward" ? /* @__PURE__ */ React87__default.createElement(NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__default.createElement(PreviousMediaControllerFill30Icon, { sx: styles3.icon })
4302
+ direction2 === "forward" ? /* @__PURE__ */ React86__default.createElement(NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__default.createElement(PreviousMediaControllerFill30Icon, { sx: styles3.icon })
4390
4303
  );
4391
4304
  };
4392
4305
  var texts19 = createTexts({
@@ -4409,13 +4322,13 @@ var ModalHeader = forwardRef(
4409
4322
  fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
4410
4323
  textAlign: size2 === "lg" ? "center" : "left"
4411
4324
  };
4412
- return /* @__PURE__ */ React87__default.createElement(ModalHeader$1, { ...props, ref, ...styles3 });
4325
+ return /* @__PURE__ */ React86__default.createElement(ModalHeader$1, { ...props, ref, ...styles3 });
4413
4326
  }
4414
4327
  );
4415
4328
 
4416
4329
  // src/modal/Drawer.tsx
4417
4330
  var Drawer = (props) => {
4418
- return /* @__PURE__ */ React87__default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React87__default.createElement(Drawer$1, { ...props }));
4331
+ return /* @__PURE__ */ React86__default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React86__default.createElement(Drawer$1, { ...props }));
4419
4332
  };
4420
4333
  var DrawerContent = forwardRef(
4421
4334
  ({ children, ...props }, ref) => {
@@ -4432,7 +4345,7 @@ var DrawerContent = forwardRef(
4432
4345
  });
4433
4346
  const isTopOrBottom = placement === "top" || placement === "bottom";
4434
4347
  const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
4435
- return /* @__PURE__ */ React87__default.createElement(Box, { ...handlers }, /* @__PURE__ */ React87__default.createElement(
4348
+ return /* @__PURE__ */ React86__default.createElement(Box, { ...handlers }, /* @__PURE__ */ React86__default.createElement(
4436
4349
  DrawerContent$1,
4437
4350
  {
4438
4351
  ...widthConstraits,
@@ -4441,13 +4354,13 @@ var DrawerContent = forwardRef(
4441
4354
  ...props,
4442
4355
  ref
4443
4356
  },
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)))
4357
+ /* @__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
4358
  ));
4446
4359
  }
4447
4360
  );
4448
4361
  var Notch = forwardRef((props, ref) => {
4449
4362
  const placement = useDrawerContext();
4450
- return /* @__PURE__ */ React87__default.createElement(
4363
+ return /* @__PURE__ */ React86__default.createElement(
4451
4364
  Box,
4452
4365
  {
4453
4366
  position: "absolute",
@@ -4459,14 +4372,14 @@ var Notch = forwardRef((props, ref) => {
4459
4372
  ...props,
4460
4373
  ref
4461
4374
  },
4462
- /* @__PURE__ */ React87__default.createElement(
4375
+ /* @__PURE__ */ React86__default.createElement(
4463
4376
  Center,
4464
4377
  {
4465
4378
  background: placement === "bottom" ? "bottom" : "top",
4466
4379
  padding: 2,
4467
4380
  borderRadius: "md"
4468
4381
  },
4469
- /* @__PURE__ */ React87__default.createElement(
4382
+ /* @__PURE__ */ React86__default.createElement(
4470
4383
  Box,
4471
4384
  {
4472
4385
  width: "2.265rem",
@@ -4478,17 +4391,17 @@ var Notch = forwardRef((props, ref) => {
4478
4391
  )
4479
4392
  );
4480
4393
  });
4481
- var DrawerContext = React87__default.createContext(void 0);
4482
- var DrawerProvider = (props) => /* @__PURE__ */ React87__default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
4394
+ var DrawerContext = React86__default.createContext(void 0);
4395
+ var DrawerProvider = (props) => /* @__PURE__ */ React86__default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
4483
4396
  var useDrawerContext = () => {
4484
- return React87__default.useContext(DrawerContext);
4397
+ return React86__default.useContext(DrawerContext);
4485
4398
  };
4486
4399
  var FullScreenDrawer = ({
4487
4400
  children,
4488
4401
  title,
4489
4402
  placement = "bottom",
4490
- leftButton = /* @__PURE__ */ React87__default.createElement(DrawerBackButton, null),
4491
- rightButton = /* @__PURE__ */ React87__default.createElement(DrawerCloseButton2, null),
4403
+ leftButton = /* @__PURE__ */ React86__default.createElement(DrawerBackButton, null),
4404
+ rightButton = /* @__PURE__ */ React86__default.createElement(DrawerCloseButton2, null),
4492
4405
  isOpen,
4493
4406
  onClose,
4494
4407
  body
@@ -4505,7 +4418,7 @@ var FullScreenDrawer = ({
4505
4418
  useEffect(() => {
4506
4419
  setContentBoxScrolled(false);
4507
4420
  }, [isOpen]);
4508
- return /* @__PURE__ */ React87__default.createElement(Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React87__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React87__default.createElement(
4421
+ return /* @__PURE__ */ React86__default.createElement(Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React86__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React86__default.createElement(
4509
4422
  DrawerContent$1,
4510
4423
  {
4511
4424
  height: "100vh",
@@ -4513,7 +4426,7 @@ var FullScreenDrawer = ({
4513
4426
  backgroundPosition: "top",
4514
4427
  backgroundRepeat: "no-repeat"
4515
4428
  },
4516
- /* @__PURE__ */ React87__default.createElement(
4429
+ /* @__PURE__ */ React86__default.createElement(
4517
4430
  DrawerTopMenu,
4518
4431
  {
4519
4432
  isScrolled: isContentBoxScrolled,
@@ -4522,7 +4435,7 @@ var FullScreenDrawer = ({
4522
4435
  rightButton
4523
4436
  }
4524
4437
  ),
4525
- /* @__PURE__ */ React87__default.createElement(DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
4438
+ /* @__PURE__ */ React86__default.createElement(DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
4526
4439
  ));
4527
4440
  };
4528
4441
  var DrawerTopMenu = ({
@@ -4535,7 +4448,7 @@ var DrawerTopMenu = ({
4535
4448
  "bg.default.light",
4536
4449
  "bg.default.dark"
4537
4450
  );
4538
- return /* @__PURE__ */ React87__default.createElement(
4451
+ return /* @__PURE__ */ React86__default.createElement(
4539
4452
  Flex,
4540
4453
  {
4541
4454
  width: "100%",
@@ -4548,8 +4461,8 @@ var DrawerTopMenu = ({
4548
4461
  transition: "box-shadow 0.2s",
4549
4462
  boxShadow: isScrolled ? "md" : void 0
4550
4463
  },
4551
- /* @__PURE__ */ React87__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React87__default.createElement(Box, { width: "fit-content" }, leftButton)),
4552
- /* @__PURE__ */ React87__default.createElement(
4464
+ /* @__PURE__ */ React86__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React86__default.createElement(Box, { width: "fit-content" }, leftButton)),
4465
+ /* @__PURE__ */ React86__default.createElement(
4553
4466
  DrawerHeader,
4554
4467
  {
4555
4468
  as: "h2",
@@ -4562,7 +4475,7 @@ var DrawerTopMenu = ({
4562
4475
  },
4563
4476
  title
4564
4477
  ),
4565
- /* @__PURE__ */ React87__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React87__default.createElement(Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
4478
+ /* @__PURE__ */ React86__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React86__default.createElement(Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
4566
4479
  );
4567
4480
  };
4568
4481
  var DrawerCloseButton2 = () => {
@@ -4572,11 +4485,11 @@ var DrawerCloseButton2 = () => {
4572
4485
  `(min-width: ${tokens11__default.size.breakpoint.sm})`
4573
4486
  );
4574
4487
  if (isScreenSizeMinSm) {
4575
- return /* @__PURE__ */ React87__default.createElement(
4488
+ return /* @__PURE__ */ React86__default.createElement(
4576
4489
  Button2,
4577
4490
  {
4578
4491
  variant: "ghost",
4579
- leftIcon: /* @__PURE__ */ React87__default.createElement(CloseFill24Icon, null),
4492
+ leftIcon: /* @__PURE__ */ React86__default.createElement(CloseFill24Icon, null),
4580
4493
  onClick: onClose,
4581
4494
  "aria-label": t2(texts20.close),
4582
4495
  width: "fit-content",
@@ -4585,11 +4498,11 @@ var DrawerCloseButton2 = () => {
4585
4498
  t2(texts20.close)
4586
4499
  );
4587
4500
  }
4588
- return /* @__PURE__ */ React87__default.createElement(
4501
+ return /* @__PURE__ */ React86__default.createElement(
4589
4502
  IconButton,
4590
4503
  {
4591
4504
  variant: "ghost",
4592
- icon: /* @__PURE__ */ React87__default.createElement(CloseFill30Icon, null),
4505
+ icon: /* @__PURE__ */ React86__default.createElement(CloseFill30Icon, null),
4593
4506
  onClick: onClose,
4594
4507
  "aria-label": t2(texts20.close)
4595
4508
  }
@@ -4602,11 +4515,11 @@ var DrawerBackButton = () => {
4602
4515
  `(min-width: ${tokens11__default.size.breakpoint.sm})`
4603
4516
  );
4604
4517
  if (isScreenSizeMinSm) {
4605
- return /* @__PURE__ */ React87__default.createElement(
4518
+ return /* @__PURE__ */ React86__default.createElement(
4606
4519
  Button2,
4607
4520
  {
4608
4521
  variant: "ghost",
4609
- leftIcon: /* @__PURE__ */ React87__default.createElement(ArrowLeftFill24Icon, null),
4522
+ leftIcon: /* @__PURE__ */ React86__default.createElement(ArrowLeftFill24Icon, null),
4610
4523
  onClick: onClose,
4611
4524
  "aria-label": t2(texts20.backAriaLabel),
4612
4525
  width: "fit-content",
@@ -4615,11 +4528,11 @@ var DrawerBackButton = () => {
4615
4528
  t2(texts20.back)
4616
4529
  );
4617
4530
  }
4618
- return /* @__PURE__ */ React87__default.createElement(
4531
+ return /* @__PURE__ */ React86__default.createElement(
4619
4532
  IconButton,
4620
4533
  {
4621
4534
  variant: "ghost",
4622
- icon: /* @__PURE__ */ React87__default.createElement(ArrowLeftFill30Icon, null),
4535
+ icon: /* @__PURE__ */ React86__default.createElement(ArrowLeftFill30Icon, null),
4623
4536
  onClick: onClose,
4624
4537
  "aria-label": t2(texts20.close)
4625
4538
  }
@@ -4658,7 +4571,7 @@ var SimpleDrawer = ({
4658
4571
  body,
4659
4572
  ...props
4660
4573
  }) => {
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)));
4574
+ 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
4575
  };
4663
4576
  var EXPIRATION_DELAY = 1e3 * 60 * 60 * 24 * 30;
4664
4577
  var Nudge = ({
@@ -4680,7 +4593,7 @@ var Nudge = ({
4680
4593
  }
4681
4594
  return null;
4682
4595
  }
4683
- return /* @__PURE__ */ React87__default.createElement(
4596
+ return /* @__PURE__ */ React86__default.createElement(
4684
4597
  Popover$1,
4685
4598
  {
4686
4599
  arrowSize: 12,
@@ -4688,8 +4601,8 @@ var Nudge = ({
4688
4601
  defaultIsOpen: true,
4689
4602
  ...props
4690
4603
  },
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)))))))
4604
+ /* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, children),
4605
+ /* @__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
4606
  );
4694
4607
  };
4695
4608
  var texts21 = createTexts({
@@ -4717,19 +4630,19 @@ var WizardNudge = ({
4717
4630
  const totalSteps = content.length;
4718
4631
  const isLastStep = totalSteps === currentStep;
4719
4632
  const onNext = () => setCurrentStep((prev) => prev + 1);
4720
- return /* @__PURE__ */ React87__default.createElement(
4633
+ return /* @__PURE__ */ React86__default.createElement(
4721
4634
  Nudge,
4722
4635
  {
4723
4636
  onClose,
4724
4637
  name,
4725
4638
  content: content[currentStep - 1],
4726
- actions: /* @__PURE__ */ React87__default.createElement(Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React87__default.createElement(
4639
+ actions: /* @__PURE__ */ React86__default.createElement(Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React86__default.createElement(
4727
4640
  ProgressIndicator,
4728
4641
  {
4729
4642
  activeStep: currentStep,
4730
4643
  numberOfSteps: totalSteps
4731
4644
  }
4732
- ), /* @__PURE__ */ React87__default.createElement(Box, null, /* @__PURE__ */ React87__default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
4645
+ ), /* @__PURE__ */ React86__default.createElement(Box, null, /* @__PURE__ */ React86__default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
4733
4646
  ...props
4734
4647
  },
4735
4648
  children
@@ -4738,12 +4651,12 @@ var WizardNudge = ({
4738
4651
  var NextOrCloseButton = ({ isLastStep, onNext }) => {
4739
4652
  const { onClose } = usePopoverContext();
4740
4653
  const { t: t2 } = useTranslation();
4741
- return /* @__PURE__ */ React87__default.createElement(
4654
+ return /* @__PURE__ */ React86__default.createElement(
4742
4655
  Button2,
4743
4656
  {
4744
4657
  variant: "tertiary",
4745
4658
  size: "xs",
4746
- leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React87__default.createElement(ArrowRightFill18Icon, null),
4659
+ leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React86__default.createElement(ArrowRightFill18Icon, null),
4747
4660
  onClick: isLastStep ? onClose : onNext,
4748
4661
  width: "fit-content"
4749
4662
  },
@@ -4807,7 +4720,7 @@ var Pagination = ({
4807
4720
  }
4808
4721
  }
4809
4722
  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(
4723
+ (pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React86__default.createElement(ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React86__default.createElement(Center, null, "...")) : /* @__PURE__ */ React86__default.createElement(
4811
4724
  Link,
4812
4725
  {
4813
4726
  key: index,
@@ -4824,7 +4737,7 @@ var Pagination = ({
4824
4737
  )
4825
4738
  );
4826
4739
  };
4827
- return /* @__PURE__ */ React87__default.createElement(Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React87__default.createElement(
4740
+ return /* @__PURE__ */ React86__default.createElement(Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React86__default.createElement(
4828
4741
  UnorderedList,
4829
4742
  {
4830
4743
  display: "flex",
@@ -4833,22 +4746,22 @@ var Pagination = ({
4833
4746
  padding: 0,
4834
4747
  margin: 0
4835
4748
  },
4836
- /* @__PURE__ */ React87__default.createElement(ListItem, { "aria-label": t2(texts23.previousPage) }, /* @__PURE__ */ React87__default.createElement(
4749
+ /* @__PURE__ */ React86__default.createElement(ListItem, { "aria-label": t2(texts23.previousPage) }, /* @__PURE__ */ React86__default.createElement(
4837
4750
  TextLink,
4838
4751
  {
4839
4752
  onClick: () => onPageChange(selectedPage - 1),
4840
4753
  sx: hasPreviousPage ? style.link : style.disabled
4841
4754
  },
4842
- /* @__PURE__ */ React87__default.createElement(DropdownLeftFill18Icon, { sx: style.icon })
4755
+ /* @__PURE__ */ React86__default.createElement(DropdownLeftFill18Icon, { sx: style.icon })
4843
4756
  )),
4844
4757
  renderPaginationButtons(),
4845
- /* @__PURE__ */ React87__default.createElement(ListItem, { "aria-label": t2(texts23.nextPage) }, /* @__PURE__ */ React87__default.createElement(
4758
+ /* @__PURE__ */ React86__default.createElement(ListItem, { "aria-label": t2(texts23.nextPage) }, /* @__PURE__ */ React86__default.createElement(
4846
4759
  TextLink,
4847
4760
  {
4848
4761
  onClick: () => onPageChange(selectedPage + 1),
4849
4762
  sx: hasNextPage ? style.link : style.disabled
4850
4763
  },
4851
- /* @__PURE__ */ React87__default.createElement(DropdownRightFill18Icon, { sx: style.icon })
4764
+ /* @__PURE__ */ React86__default.createElement(DropdownRightFill18Icon, { sx: style.icon })
4852
4765
  ))
4853
4766
  ));
4854
4767
  };
@@ -4868,7 +4781,7 @@ var texts23 = createTexts({
4868
4781
  });
4869
4782
  var ProgressDot = ({ isActive }) => {
4870
4783
  const style = useMultiStyleConfig("ProgressIndicator");
4871
- return /* @__PURE__ */ React87__default.createElement(
4784
+ return /* @__PURE__ */ React86__default.createElement(
4872
4785
  Box,
4873
4786
  {
4874
4787
  as: "svg",
@@ -4878,7 +4791,7 @@ var ProgressDot = ({ isActive }) => {
4878
4791
  viewBox: "0 0 100 100",
4879
4792
  "aria-current": isActive ? "step" : void 0
4880
4793
  },
4881
- /* @__PURE__ */ React87__default.createElement(Box, { as: "circle", cx: "50", cy: "50", r: "50" })
4794
+ /* @__PURE__ */ React86__default.createElement(Box, { as: "circle", cx: "50", cy: "50", r: "50" })
4882
4795
  );
4883
4796
  };
4884
4797
 
@@ -4889,7 +4802,7 @@ var ProgressIndicator = ({
4889
4802
  }) => {
4890
4803
  const { t: t2 } = useTranslation();
4891
4804
  const style = useMultiStyleConfig("ProgressIndicator");
4892
- return /* @__PURE__ */ React87__default.createElement(
4805
+ return /* @__PURE__ */ React86__default.createElement(
4893
4806
  Box,
4894
4807
  {
4895
4808
  __css: style.root,
@@ -4899,7 +4812,7 @@ var ProgressIndicator = ({
4899
4812
  "aria-valuenow": activeStep,
4900
4813
  "aria-valuetext": t2(texts24.stepsOf(activeStep, numberOfSteps))
4901
4814
  },
4902
- /* @__PURE__ */ React87__default.createElement(Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React87__default.createElement(
4815
+ /* @__PURE__ */ React86__default.createElement(Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React86__default.createElement(
4903
4816
  ProgressDot,
4904
4817
  {
4905
4818
  key: i,
@@ -4926,9 +4839,9 @@ var SporProvider = ({
4926
4839
  }) => {
4927
4840
  const brandCustomizations = brandTheme[brand] ?? {};
4928
4841
  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)));
4842
+ return /* @__PURE__ */ React86__default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React86__default.createElement(ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React86__default.createElement(Global, { styles: fontFaces }), children));
4930
4843
  };
4931
- var StepperContext = React87__default.createContext(null);
4844
+ var StepperContext = React86__default.createContext(null);
4932
4845
  var StepperProvider = ({
4933
4846
  activeStep,
4934
4847
  children,
@@ -4936,7 +4849,7 @@ var StepperProvider = ({
4936
4849
  numberOfSteps,
4937
4850
  variant
4938
4851
  }) => {
4939
- return /* @__PURE__ */ React87__default.createElement(
4852
+ return /* @__PURE__ */ React86__default.createElement(
4940
4853
  StepperContext.Provider,
4941
4854
  {
4942
4855
  value: { activeStep, onClick, numberOfSteps, variant }
@@ -4945,7 +4858,7 @@ var StepperProvider = ({
4945
4858
  );
4946
4859
  };
4947
4860
  var useStepper = () => {
4948
- const context = React87__default.useContext(StepperContext);
4861
+ const context = React86__default.useContext(StepperContext);
4949
4862
  if (!context) {
4950
4863
  throw new Error(
4951
4864
  "useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
@@ -4973,7 +4886,7 @@ var Stepper = ({
4973
4886
  const { t: t2 } = useTranslation();
4974
4887
  const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
4975
4888
  const shownHeading = heading || title;
4976
- return /* @__PURE__ */ React87__default.createElement(Box, { sx: style.root }, /* @__PURE__ */ React87__default.createElement(
4889
+ return /* @__PURE__ */ React86__default.createElement(Box, { sx: style.root }, /* @__PURE__ */ React86__default.createElement(
4977
4890
  StepperProvider,
4978
4891
  {
4979
4892
  onClick,
@@ -4981,7 +4894,7 @@ var Stepper = ({
4981
4894
  variant,
4982
4895
  numberOfSteps
4983
4896
  },
4984
- /* @__PURE__ */ React87__default.createElement(Box, { sx: style.container }, /* @__PURE__ */ React87__default.createElement(Box, { sx: style.innerContainer }, /* @__PURE__ */ React87__default.createElement(
4897
+ /* @__PURE__ */ React86__default.createElement(Box, { sx: style.container }, /* @__PURE__ */ React86__default.createElement(Box, { sx: style.innerContainer }, /* @__PURE__ */ React86__default.createElement(
4985
4898
  Flex,
4986
4899
  {
4987
4900
  justifyContent: "space-between",
@@ -4989,11 +4902,11 @@ var Stepper = ({
4989
4902
  gap: 2,
4990
4903
  flex: 1
4991
4904
  },
4992
- /* @__PURE__ */ React87__default.createElement(
4905
+ /* @__PURE__ */ React86__default.createElement(
4993
4906
  IconButton,
4994
4907
  {
4995
4908
  "aria-label": t2(texts25.back),
4996
- icon: /* @__PURE__ */ React87__default.createElement(ArrowLeftFill24Icon, null),
4909
+ icon: /* @__PURE__ */ React86__default.createElement(ArrowLeftFill24Icon, null),
4997
4910
  variant: "ghost",
4998
4911
  size: "sm",
4999
4912
  visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
@@ -5006,9 +4919,9 @@ var Stepper = ({
5006
4919
  }
5007
4920
  }
5008
4921
  ),
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(
4922
+ shownHeading && /* @__PURE__ */ React86__default.createElement(Text4, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
4923
+ /* @__PURE__ */ React86__default.createElement(Box, { sx: style.stepCounter }, t2(texts25.stepsOf(activeStep, numberOfSteps)))
4924
+ )), /* @__PURE__ */ React86__default.createElement(Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React86__default.createElement(
5012
4925
  StepperStep,
5013
4926
  {
5014
4927
  key: index,
@@ -5053,14 +4966,14 @@ var StepperStep = ({
5053
4966
  );
5054
4967
  const iconColor = useColorModeValue("blackAlpha.200", "whiteAlpha.200");
5055
4968
  const isDisabled = state2 !== "active" && isDisabledOverride || state2 === "disabled";
5056
- return /* @__PURE__ */ React87__default.createElement(Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React87__default.createElement(
4969
+ return /* @__PURE__ */ React86__default.createElement(Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React86__default.createElement(
5057
4970
  DropdownRightFill18Icon,
5058
4971
  {
5059
4972
  marginX: 5,
5060
4973
  display: ["none", null, "block"],
5061
4974
  color: iconColor
5062
4975
  }
5063
- ), isDisabled ? /* @__PURE__ */ React87__default.createElement(
4976
+ ), isDisabled ? /* @__PURE__ */ React86__default.createElement(
5064
4977
  Text4,
5065
4978
  {
5066
4979
  variant: "xs",
@@ -5070,7 +4983,7 @@ var StepperStep = ({
5070
4983
  paddingX: 2
5071
4984
  },
5072
4985
  children
5073
- ) : /* @__PURE__ */ React87__default.createElement(
4986
+ ) : /* @__PURE__ */ React86__default.createElement(
5074
4987
  Button2,
5075
4988
  {
5076
4989
  size: "xs",
@@ -5093,11 +5006,11 @@ var getState = (stepNumber, activeStep) => {
5093
5006
  return "disabled";
5094
5007
  };
5095
5008
  var Tabs = forwardRef((props, ref) => {
5096
- return /* @__PURE__ */ React87.createElement(Tabs$1, { ...props, ref });
5009
+ return /* @__PURE__ */ React86.createElement(Tabs$1, { ...props, ref });
5097
5010
  });
5098
5011
  var Table = forwardRef((props, ref) => {
5099
5012
  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(
5013
+ return /* @__PURE__ */ React86__default.createElement(Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React86__default.createElement(Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React86__default.createElement(
5101
5014
  Table$1,
5102
5015
  {
5103
5016
  variant,
@@ -12948,6 +12861,27 @@ var baseStyle44 = definePartsStyle28({
12948
12861
  var list_default = defineMultiStyleConfig28({
12949
12862
  baseStyle: baseStyle44
12950
12863
  });
12864
+ function outlineBorder(state2, props) {
12865
+ switch (state2) {
12866
+ case "error":
12867
+ return {
12868
+ outlineColor: mode("outline.error.light", "outline.error.dark")(props)
12869
+ };
12870
+ case "focus":
12871
+ return {
12872
+ outlineColor: mode("outline.focus.light", "outline.focus.dark")(props)
12873
+ };
12874
+ default:
12875
+ return {
12876
+ outlineColor: mode(
12877
+ "outline.default.light",
12878
+ "outline.default.dark"
12879
+ )(props)
12880
+ };
12881
+ }
12882
+ }
12883
+
12884
+ // src/theme/components/listbox.ts
12951
12885
  var parts11 = anatomy("ListBox").parts(
12952
12886
  "container",
12953
12887
  "item",
@@ -12979,12 +12913,12 @@ var config25 = helpers16.defineMultiStyleConfig({
12979
12913
  _active: {
12980
12914
  ...ghostBackground("active", props)
12981
12915
  },
12916
+ _focusVisible: {
12917
+ ...outlineBorder("focus", props)
12918
+ },
12982
12919
  _hover: {
12983
12920
  ...ghostBackground("hover", props)
12984
12921
  },
12985
- _focus: {
12986
- ...ghostBackground("selected", props)
12987
- },
12988
12922
  _selected: {
12989
12923
  ...ghostBackground("active", props)
12990
12924
  }
@@ -13424,27 +13358,6 @@ var config32 = helpers23.defineMultiStyleConfig({
13424
13358
  }
13425
13359
  });
13426
13360
  var progress_indicator_default = config32;
13427
- function outlineBorder(state2, props) {
13428
- switch (state2) {
13429
- case "error":
13430
- return {
13431
- outlineColor: mode("outline.error.light", "outline.error.dark")(props)
13432
- };
13433
- case "focus":
13434
- return {
13435
- outlineColor: mode("outline.focus.light", "outline.focus.dark")(props)
13436
- };
13437
- default:
13438
- return {
13439
- outlineColor: mode(
13440
- "outline.default.light",
13441
- "outline.default.dark"
13442
- )(props)
13443
- };
13444
- }
13445
- }
13446
-
13447
- // src/theme/components/radio-card.ts
13448
13361
  var parts17 = anatomy$1("radio-card").parts(
13449
13362
  "container",
13450
13363
  "checked",
@@ -14433,12 +14346,12 @@ var brandTheme = {
14433
14346
  };
14434
14347
  var BaseToast = ({ children, variant, id }) => {
14435
14348
  const styles3 = useStyleConfig("Toast", { variant });
14436
- return /* @__PURE__ */ React87__default.createElement(Flex, { sx: styles3, id }, /* @__PURE__ */ React87__default.createElement(ToastIcon, { variant }), children);
14349
+ return /* @__PURE__ */ React86__default.createElement(Flex, { sx: styles3, id }, /* @__PURE__ */ React86__default.createElement(ToastIcon, { variant }), children);
14437
14350
  };
14438
14351
  var ToastIcon = ({ variant }) => {
14439
14352
  const Icon = getIcon3(variant);
14440
14353
  const { t: t2 } = useTranslation();
14441
- return /* @__PURE__ */ React87__default.createElement(
14354
+ return /* @__PURE__ */ React86__default.createElement(
14442
14355
  Icon,
14443
14356
  {
14444
14357
  flexShrink: 0,
@@ -14488,7 +14401,7 @@ var ActionToast = ({
14488
14401
  buttonText,
14489
14402
  id
14490
14403
  }) => {
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));
14404
+ 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
14405
  };
14493
14406
  var ClosableToast = ({
14494
14407
  children,
@@ -14498,13 +14411,13 @@ var ClosableToast = ({
14498
14411
  }) => {
14499
14412
  const styles3 = useMultiStyleConfig("Toast", { variant });
14500
14413
  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(
14414
+ return /* @__PURE__ */ React86__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React86__default.createElement(Box, { flexGrow: "1" }, children), /* @__PURE__ */ React86__default.createElement(
14502
14415
  IconButton,
14503
14416
  {
14504
14417
  sx: styles3.dismissButton,
14505
14418
  variant: "ghost",
14506
14419
  "aria-label": t2(texts27.dismiss),
14507
- icon: /* @__PURE__ */ React87__default.createElement(CloseFill18Icon, null),
14420
+ icon: /* @__PURE__ */ React86__default.createElement(CloseFill18Icon, null),
14508
14421
  onClick: onClose
14509
14422
  }
14510
14423
  ));
@@ -14532,7 +14445,7 @@ var useToast = () => {
14532
14445
  };
14533
14446
  var getToastComponent = (opts) => {
14534
14447
  if ("isClosable" in opts && opts.isClosable) {
14535
- return ({ onClose, id }) => /* @__PURE__ */ React87__default.createElement(
14448
+ return ({ onClose, id }) => /* @__PURE__ */ React86__default.createElement(
14536
14449
  ClosableToast,
14537
14450
  {
14538
14451
  id,
@@ -14548,7 +14461,7 @@ var getToastComponent = (opts) => {
14548
14461
  );
14549
14462
  }
14550
14463
  if ("buttonText" in opts) {
14551
- return ({ id }) => /* @__PURE__ */ React87__default.createElement(
14464
+ return ({ id }) => /* @__PURE__ */ React86__default.createElement(
14552
14465
  ActionToast,
14553
14466
  {
14554
14467
  id,
@@ -14559,7 +14472,7 @@ var getToastComponent = (opts) => {
14559
14472
  opts.text
14560
14473
  );
14561
14474
  }
14562
- return ({ id }) => /* @__PURE__ */ React87__default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
14475
+ return ({ id }) => /* @__PURE__ */ React86__default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
14563
14476
  };
14564
14477
  var Tooltip = ({
14565
14478
  children,
@@ -14572,7 +14485,7 @@ var Tooltip = ({
14572
14485
  withCloseButton = false,
14573
14486
  ...props
14574
14487
  }) => {
14575
- return /* @__PURE__ */ React87__default.createElement(
14488
+ return /* @__PURE__ */ React86__default.createElement(
14576
14489
  Popover$1,
14577
14490
  {
14578
14491
  onClose,
@@ -14584,8 +14497,8 @@ var Tooltip = ({
14584
14497
  arrowShadowColor: "none",
14585
14498
  ...props
14586
14499
  },
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))
14500
+ /* @__PURE__ */ React86__default.createElement(PopoverTrigger, null, children),
14501
+ /* @__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
14502
  );
14590
14503
  };
14591
14504
 
@@ -14694,4 +14607,4 @@ function slugify(text, maxLength = 50) {
14694
14607
  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
14608
  }
14696
14609
 
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 };
14610
+ 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 };