@vygruppen/spor-react 9.16.0 → 10.1.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,8 +3,8 @@ 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 React86 from 'react';
7
- import React86__default, { forwardRef as forwardRef$1, useRef, useState, useEffect, useId, Suspense, useContext, createContext, useCallback, useMemo, useLayoutEffect } from 'react';
6
+ import * as React84 from 'react';
7
+ import React84__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';
@@ -771,11 +771,11 @@ var require_lodash = __commonJS({
771
771
  }
772
772
  });
773
773
  var Divider = forwardRef((props, ref) => {
774
- return /* @__PURE__ */ React86__default.createElement(Divider$1, { ...props, ref });
774
+ return /* @__PURE__ */ React84__default.createElement(Divider$1, { ...props, ref });
775
775
  });
776
776
  var Stack = forwardRef(
777
777
  ({ flexDirection, ...props }, ref) => {
778
- return /* @__PURE__ */ React86__default.createElement(Stack$1, { ...props, direction: flexDirection, ref });
778
+ return /* @__PURE__ */ React84__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__ */ React86__default.createElement(
810
+ return /* @__PURE__ */ React84__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__ */ React86__default.createElement(Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React86__default.createElement(Heading, { as: "h3", ...titleProps }, title), children);
824
+ return /* @__PURE__ */ React84__default.createElement(Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React84__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__ */ React86__default.createElement(
855
+ const popoverBox = /* @__PURE__ */ React84__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__ */ React86__default.createElement(DismissButton, { onDismiss: state2.close }),
862
+ /* @__PURE__ */ React84__default.createElement(DismissButton, { onDismiss: state2.close }),
863
863
  children,
864
- /* @__PURE__ */ React86__default.createElement(DismissButton, { onDismiss: state2.close })
864
+ /* @__PURE__ */ React84__default.createElement(DismissButton, { onDismiss: state2.close })
865
865
  );
866
866
  if (isNonModal) {
867
867
  return popoverBox;
868
868
  }
869
- return /* @__PURE__ */ React86__default.createElement(Overlay, null, hasBackdrop && /* @__PURE__ */ React86__default.createElement(Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
869
+ return /* @__PURE__ */ React84__default.createElement(Overlay, null, hasBackdrop && /* @__PURE__ */ React84__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__ */ React86__default.createElement(Box, { ...props }, /* @__PURE__ */ React86__default.createElement(
910
+ return /* @__PURE__ */ React84__default.createElement(Box, { ...props }, /* @__PURE__ */ React84__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__ */ 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(
922
+ /* @__PURE__ */ React84__default.createElement(Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React84__default.createElement(Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React84__default.createElement(
923
923
  ChevronIcon,
924
924
  {
925
925
  transform: state2.isOpen ? "rotate(180deg)" : "none"
926
926
  }
927
927
  ) : null)
928
- ), state2.isOpen && /* @__PURE__ */ React86__default.createElement(
928
+ ), state2.isOpen && /* @__PURE__ */ React84__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__ */ React86__default.createElement(
937
+ /* @__PURE__ */ React84__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__ */ React86__default.createElement(Dialog, { "aria-label": label }, children)
947
+ /* @__PURE__ */ React84__default.createElement(Dialog, { "aria-label": label }, children)
948
948
  )
949
949
  ));
950
950
  }
@@ -958,67 +958,76 @@ function useForceRerender(shouldRerender) {
958
958
  }, [shouldRerender]);
959
959
  }
960
960
  var Checkbox = forwardRef((props, ref) => {
961
- return /* @__PURE__ */ React86__default.createElement(Checkbox$1, { ...props, ref });
961
+ return /* @__PURE__ */ React84__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__ */ React86__default.createElement(CheckboxGroup$1, { ...props }, /* @__PURE__ */ React86__default.createElement(Stack$1, { direction: direction2 }, children));
968
+ return /* @__PURE__ */ React84__default.createElement(CheckboxGroup$1, { ...props }, /* @__PURE__ */ React84__default.createElement(Stack$1, { direction: direction2 }, children));
969
969
  };
970
970
 
971
971
  // ../../node_modules/@chakra-ui/utils/dist/chunk-O3SWHQEE.mjs
972
972
  var dataAttr = (condition) => condition ? "" : void 0;
973
- var ChoiceChip = forwardRef((props, ref) => {
974
- const {
973
+ var ChoiceChip = forwardRef(
974
+ ({
975
975
  children,
976
976
  icon,
977
977
  isDisabled,
978
978
  size: size2 = "sm",
979
979
  chipType = "choice",
980
- variant = "base"
981
- } = props;
982
- const {
983
- state: state2,
984
- getInputProps,
985
- getCheckboxProps,
986
- getRootProps,
987
- getLabelProps
988
- } = useCheckbox(props);
989
- const styles3 = useMultiStyleConfig("ChoiceChip", {
990
- size: size2,
991
- chipType,
992
- variant,
993
- icon,
994
- hasLabel: Boolean(children)
995
- });
996
- const id = `choice-chip-${useId()}`;
997
- return /* @__PURE__ */ React86__default.createElement(
998
- chakra.label,
999
- {
1000
- htmlFor: id,
1001
- ...getRootProps(),
1002
- "aria-label": String(children)
1003
- },
1004
- /* @__PURE__ */ React86__default.createElement(chakra.input, { ...getInputProps({}, ref), id, disabled: isDisabled }),
1005
- /* @__PURE__ */ React86__default.createElement(
1006
- chakra.div,
980
+ variant = "base",
981
+ ...props
982
+ }, ref) => {
983
+ const {
984
+ state: state2,
985
+ getInputProps,
986
+ getCheckboxProps,
987
+ getRootProps,
988
+ getLabelProps
989
+ } = useCheckbox(props);
990
+ const styles3 = useMultiStyleConfig("ChoiceChip", {
991
+ size: size2,
992
+ chipType,
993
+ variant,
994
+ icon,
995
+ hasLabel: chipType !== "icon"
996
+ });
997
+ const id = `choice-chip-${useId()}`;
998
+ return /* @__PURE__ */ React84__default.createElement(
999
+ chakra.label,
1007
1000
  {
1008
- ...getLabelProps(),
1009
- __css: styles3.container,
1010
- "data-checked": dataAttr(state2.isChecked),
1011
- "data-hover": dataAttr(state2.isHovered),
1012
- "data-focus": dataAttr(state2.isFocused),
1013
- "data-active": dataAttr(state2.isActive),
1014
- "data-disabled": dataAttr(state2.isDisabled)
1015
- },
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
- )
1020
- );
1021
- });
1001
+ htmlFor: id,
1002
+ ...getRootProps(),
1003
+ "aria-label": String(children)
1004
+ },
1005
+ /* @__PURE__ */ React84__default.createElement(
1006
+ chakra.input,
1007
+ {
1008
+ ...getInputProps({}, ref),
1009
+ id,
1010
+ disabled: isDisabled
1011
+ }
1012
+ ),
1013
+ /* @__PURE__ */ React84__default.createElement(
1014
+ chakra.div,
1015
+ {
1016
+ ...getLabelProps(),
1017
+ __css: styles3.container,
1018
+ "data-checked": dataAttr(state2.isChecked),
1019
+ "data-hover": dataAttr(state2.isHovered),
1020
+ "data-focus": dataAttr(state2.isFocused),
1021
+ "data-active": dataAttr(state2.isActive),
1022
+ "data-disabled": dataAttr(state2.isDisabled)
1023
+ },
1024
+ icon && /* @__PURE__ */ React84__default.createElement(chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
1025
+ chipType !== "icon" && /* @__PURE__ */ React84__default.createElement(chakra.span, { __css: styles3.label, ...getCheckboxProps() }, children),
1026
+ chipType === "filter" && state2.isChecked && /* @__PURE__ */ React84__default.createElement(CloseOutline24Icon, { marginLeft: 1.5 })
1027
+ )
1028
+ );
1029
+ }
1030
+ );
1022
1031
  function Combobox({
1023
1032
  label,
1024
1033
  isLoading,
@@ -1088,7 +1097,7 @@ function Combobox({
1088
1097
  },
1089
1098
  state2
1090
1099
  );
1091
- return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
1100
+ return /* @__PURE__ */ React84__default.createElement(React84__default.Fragment, null, /* @__PURE__ */ React84__default.createElement(
1092
1101
  Input,
1093
1102
  {
1094
1103
  ...styleProps(comboBoxProps),
@@ -1102,7 +1111,7 @@ function Combobox({
1102
1111
  borderBottomLeftRadius: state2.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
1103
1112
  borderBottomRightRadius: state2.isOpen && !isLoading ? 0 : borderBottomRightRadius,
1104
1113
  ...inputProps,
1105
- rightIcon: isLoading ? /* @__PURE__ */ React86__default.createElement(
1114
+ rightIcon: isLoading ? /* @__PURE__ */ React84__default.createElement(
1106
1115
  ColorSpinner,
1107
1116
  {
1108
1117
  width: "1.5rem",
@@ -1117,7 +1126,7 @@ function Combobox({
1117
1126
  }
1118
1127
  ) : rightIcon
1119
1128
  }
1120
- ), /* @__PURE__ */ React86__default.createElement("span", { "aria-hidden": "true", "data-trigger": "multiselect" }), state2.isOpen && !isLoading && /* @__PURE__ */ React86__default.createElement(
1129
+ ), /* @__PURE__ */ React84__default.createElement("span", { "aria-hidden": "true", "data-trigger": "multiselect" }), state2.isOpen && !isLoading && /* @__PURE__ */ React84__default.createElement(
1121
1130
  Popover,
1122
1131
  {
1123
1132
  state: state2,
@@ -1129,7 +1138,7 @@ function Combobox({
1129
1138
  hasBackdrop: false,
1130
1139
  containerPadding: 0
1131
1140
  },
1132
- /* @__PURE__ */ React86__default.createElement(
1141
+ /* @__PURE__ */ React84__default.createElement(
1133
1142
  ListBox,
1134
1143
  {
1135
1144
  ...listBoxProps,
@@ -1172,7 +1181,7 @@ var debounce = (fn, ms = 100) => {
1172
1181
  };
1173
1182
  };
1174
1183
  var FormControl = forwardRef((props, ref) => {
1175
- return /* @__PURE__ */ React86__default.createElement(FormControl$1, { ...props, ref });
1184
+ return /* @__PURE__ */ React84__default.createElement(FormControl$1, { ...props, ref });
1176
1185
  });
1177
1186
  var FormErrorMessage = ({
1178
1187
  children,
@@ -1188,7 +1197,7 @@ var FormErrorMessage = ({
1188
1197
  return null;
1189
1198
  }
1190
1199
  const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
1191
- return /* @__PURE__ */ React86__default.createElement(Box, { position: "relative", ref }, /* @__PURE__ */ React86__default.createElement(
1200
+ return /* @__PURE__ */ React84__default.createElement(Box, { position: "relative", ref }, /* @__PURE__ */ React84__default.createElement(
1192
1201
  Box,
1193
1202
  {
1194
1203
  borderRadius: "xs",
@@ -1206,12 +1215,12 @@ var FormErrorMessage = ({
1206
1215
  ...errorMessageProps,
1207
1216
  ...boxProps
1208
1217
  },
1209
- /* @__PURE__ */ React86__default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
1218
+ /* @__PURE__ */ React84__default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
1210
1219
  children
1211
1220
  ));
1212
1221
  };
1213
1222
  var Arrow = (props) => {
1214
- return /* @__PURE__ */ React86__default.createElement(
1223
+ return /* @__PURE__ */ React84__default.createElement(
1215
1224
  Box,
1216
1225
  {
1217
1226
  ...props,
@@ -1222,7 +1231,7 @@ var Arrow = (props) => {
1222
1231
  fill: "none",
1223
1232
  transform: "rotate(45deg)"
1224
1233
  },
1225
- /* @__PURE__ */ React86__default.createElement(
1234
+ /* @__PURE__ */ React84__default.createElement(
1226
1235
  Box,
1227
1236
  {
1228
1237
  as: "path",
@@ -1233,7 +1242,7 @@ var Arrow = (props) => {
1233
1242
  );
1234
1243
  };
1235
1244
  var FormLabel = forwardRef((props, ref) => {
1236
- return /* @__PURE__ */ React86__default.createElement(FormLabel$1, { ...props, ref });
1245
+ return /* @__PURE__ */ React84__default.createElement(FormLabel$1, { ...props, ref });
1237
1246
  });
1238
1247
  function ListBox({
1239
1248
  isLoading,
@@ -1244,7 +1253,7 @@ function ListBox({
1244
1253
  }) {
1245
1254
  const { listBoxProps } = useListBox(props, state2, listBoxRef);
1246
1255
  const styles3 = useMultiStyleConfig("ListBox", {});
1247
- return /* @__PURE__ */ React86__default.createElement(
1256
+ return /* @__PURE__ */ React84__default.createElement(
1248
1257
  List,
1249
1258
  {
1250
1259
  ...listBoxProps,
@@ -1255,19 +1264,19 @@ function ListBox({
1255
1264
  },
1256
1265
  state2.collection.size === 0 && props.emptyContent,
1257
1266
  Array.from(state2.collection).map(
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 })
1267
+ (item) => item.type === "section" ? /* @__PURE__ */ React84__default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React84__default.createElement(Option, { key: item.key, item, state: state2 })
1259
1268
  )
1260
1269
  );
1261
1270
  }
1262
1271
  function ItemLabel({ children }) {
1263
1272
  let { labelProps } = useOptionContext();
1264
1273
  const styles3 = useMultiStyleConfig("ListBox", {});
1265
- return /* @__PURE__ */ React86__default.createElement(Box, { ...labelProps, sx: styles3.label }, children);
1274
+ return /* @__PURE__ */ React84__default.createElement(Box, { ...labelProps, sx: styles3.label }, children);
1266
1275
  }
1267
1276
  function ItemDescription({ children }) {
1268
1277
  let { descriptionProps } = useOptionContext();
1269
1278
  const styles3 = useMultiStyleConfig("ListBox", {});
1270
- return /* @__PURE__ */ React86__default.createElement(Box, { ...descriptionProps, sx: styles3.description }, children);
1279
+ return /* @__PURE__ */ React84__default.createElement(Box, { ...descriptionProps, sx: styles3.description }, children);
1271
1280
  }
1272
1281
  function Option({ item, state: state2 }) {
1273
1282
  const ref = useRef(null);
@@ -1304,9 +1313,9 @@ function Option({ item, state: state2 }) {
1304
1313
  { passive: false, once: true }
1305
1314
  );
1306
1315
  }, []);
1307
- return /* @__PURE__ */ React86__default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React86__default.createElement(ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
1316
+ return /* @__PURE__ */ React84__default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React84__default.createElement(ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
1308
1317
  }
1309
- var OptionContext = React86__default.createContext({
1318
+ var OptionContext = React84__default.createContext({
1310
1319
  labelProps: {},
1311
1320
  descriptionProps: {}
1312
1321
  });
@@ -1320,7 +1329,7 @@ function ListBoxSection({ section, state: state2 }) {
1320
1329
  });
1321
1330
  const isFirstSection = section.key === state2.collection.getFirstKey();
1322
1331
  const titleColor = useColorModeValue("darkGrey", "white");
1323
- return /* @__PURE__ */ React86__default.createElement(ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React86__default.createElement(
1332
+ return /* @__PURE__ */ React84__default.createElement(ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React84__default.createElement(
1324
1333
  Box,
1325
1334
  {
1326
1335
  fontSize: "mobile.xs",
@@ -1333,8 +1342,8 @@ function ListBoxSection({ section, state: state2 }) {
1333
1342
  ...headingProps
1334
1343
  },
1335
1344
  section.rendered
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 })
1345
+ ), /* @__PURE__ */ React84__default.createElement(List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
1346
+ (item) => /* @__PURE__ */ React84__default.createElement(Option, { key: item.key, item, state: state2 })
1338
1347
  )));
1339
1348
  }
1340
1349
 
@@ -1373,7 +1382,7 @@ function InfoSelect({
1373
1382
  const { t: t2 } = useTranslation();
1374
1383
  const formControl = useFormControlProps(props);
1375
1384
  const hasChosenValue = state2.selectedItem !== null;
1376
- return /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React86__default.createElement(
1385
+ return /* @__PURE__ */ React84__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React84__default.createElement(
1377
1386
  HiddenSelect,
1378
1387
  {
1379
1388
  state: state2,
@@ -1381,7 +1390,7 @@ function InfoSelect({
1381
1390
  label: props.label,
1382
1391
  name: props.name
1383
1392
  }
1384
- ), /* @__PURE__ */ React86__default.createElement(
1393
+ ), /* @__PURE__ */ React84__default.createElement(
1385
1394
  chakra.button,
1386
1395
  {
1387
1396
  type: "button",
@@ -1392,7 +1401,7 @@ function InfoSelect({
1392
1401
  "aria-invalid": formControl.isInvalid,
1393
1402
  "aria-describedby": formControl["aria-describedby"]
1394
1403
  },
1395
- /* @__PURE__ */ React86__default.createElement(chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React86__default.createElement(
1404
+ /* @__PURE__ */ React84__default.createElement(chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React84__default.createElement(
1396
1405
  chakra.div,
1397
1406
  {
1398
1407
  ...labelProps,
@@ -1406,7 +1415,7 @@ function InfoSelect({
1406
1415
  }
1407
1416
  },
1408
1417
  props.label
1409
- ), /* @__PURE__ */ React86__default.createElement(
1418
+ ), /* @__PURE__ */ React84__default.createElement(
1410
1419
  Box,
1411
1420
  {
1412
1421
  ...valueProps,
@@ -1418,15 +1427,15 @@ function InfoSelect({
1418
1427
  },
1419
1428
  state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts.selectAnOption)
1420
1429
  )),
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(
1430
+ /* @__PURE__ */ React84__default.createElement(Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React84__default.createElement(DropdownUpFill24Icon, null) : /* @__PURE__ */ React84__default.createElement(DropdownDownFill24Icon, null))
1431
+ ), state2.isOpen && /* @__PURE__ */ React84__default.createElement(
1423
1432
  Popover,
1424
1433
  {
1425
1434
  state: state2,
1426
1435
  triggerRef,
1427
1436
  containerPadding: 0
1428
1437
  },
1429
- /* @__PURE__ */ React86__default.createElement(
1438
+ /* @__PURE__ */ React84__default.createElement(
1430
1439
  ListBox,
1431
1440
  {
1432
1441
  ...menuProps,
@@ -1451,7 +1460,8 @@ var Input = forwardRef(
1451
1460
  const formControlProps = useFormControlContext();
1452
1461
  const fallbackId = `input-${useId()}`;
1453
1462
  const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
1454
- return /* @__PURE__ */ React86__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React86__default.createElement(InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React86__default.createElement(
1463
+ const labelId = `${useId()}-label`;
1464
+ return /* @__PURE__ */ React84__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React84__default.createElement(InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React84__default.createElement(
1455
1465
  Input$1,
1456
1466
  {
1457
1467
  "data-attachable": true,
@@ -1459,23 +1469,23 @@ var Input = forwardRef(
1459
1469
  paddingRight: rightIcon ? 7 : void 0,
1460
1470
  ...props,
1461
1471
  id: inputId,
1462
- "aria-labelledby": inputId,
1472
+ "aria-labelledby": labelId,
1463
1473
  ref,
1464
1474
  placeholder: " "
1465
1475
  }
1466
- ), /* @__PURE__ */ React86__default.createElement(FormLabel$1, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React86__default.createElement(InputRightElement, { pointerEvents: "none" }, rightIcon));
1476
+ ), /* @__PURE__ */ React84__default.createElement(FormLabel$1, { htmlFor: inputId, id: labelId }, label), rightIcon && /* @__PURE__ */ React84__default.createElement(InputRightElement, { pointerEvents: "none" }, rightIcon));
1467
1477
  }
1468
1478
  );
1469
1479
  var InputLeftElement2 = forwardRef(
1470
- (props, ref) => /* @__PURE__ */ React86__default.createElement(InputLeftElement, { ...props, ref })
1480
+ (props, ref) => /* @__PURE__ */ React84__default.createElement(InputLeftElement, { ...props, ref })
1471
1481
  );
1472
1482
  var InputRightElement2 = forwardRef(
1473
- (props, ref) => /* @__PURE__ */ React86__default.createElement(InputRightElement, { ...props, ref })
1483
+ (props, ref) => /* @__PURE__ */ React84__default.createElement(InputRightElement, { ...props, ref })
1474
1484
  );
1475
1485
  var NativeSelect = forwardRef(
1476
1486
  ({ label, ...props }, ref) => {
1477
1487
  const styles3 = useMultiStyleConfig("Select", props);
1478
- return /* @__PURE__ */ React86__default.createElement(FormControl, null, /* @__PURE__ */ React86__default.createElement(
1488
+ return /* @__PURE__ */ React84__default.createElement(FormControl, null, /* @__PURE__ */ React84__default.createElement(
1479
1489
  Select,
1480
1490
  {
1481
1491
  "data-attachable": true,
@@ -1483,7 +1493,7 @@ var NativeSelect = forwardRef(
1483
1493
  rootProps: { __css: styles3.root },
1484
1494
  ref
1485
1495
  }
1486
- ), label && /* @__PURE__ */ React86__default.createElement(FormLabel, null, label));
1496
+ ), label && /* @__PURE__ */ React84__default.createElement(FormLabel, null, label));
1487
1497
  }
1488
1498
  );
1489
1499
  function NumericStepper({
@@ -1509,17 +1519,17 @@ function NumericStepper({
1509
1519
  });
1510
1520
  const formControlProps = useFormControl({ id: idProp, isDisabled });
1511
1521
  const clampedStepSize = Math.max(Math.min(stepSize, 10), 1);
1512
- return /* @__PURE__ */ React86__default.createElement(Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React86__default.createElement(
1522
+ return /* @__PURE__ */ React84__default.createElement(Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React84__default.createElement(
1513
1523
  VerySmallButton,
1514
1524
  {
1515
- icon: /* @__PURE__ */ React86__default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
1525
+ icon: /* @__PURE__ */ React84__default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
1516
1526
  "aria-label": t2(texts2.decrementButtonAriaLabel(clampedStepSize)),
1517
1527
  onClick: () => onChange(Math.max(value - clampedStepSize, minValue)),
1518
1528
  visibility: value <= minValue ? "hidden" : "visible",
1519
1529
  isDisabled: formControlProps.disabled,
1520
1530
  id: value <= minValue ? void 0 : formControlProps.id
1521
1531
  }
1522
- ), withInput ? /* @__PURE__ */ React86__default.createElement(
1532
+ ), withInput ? /* @__PURE__ */ React84__default.createElement(
1523
1533
  chakra.input,
1524
1534
  {
1525
1535
  type: "number",
@@ -1542,7 +1552,7 @@ function NumericStepper({
1542
1552
  onChange(Math.max(Math.min(numericInput, maxValue), minValue));
1543
1553
  }
1544
1554
  }
1545
- ) : /* @__PURE__ */ React86__default.createElement(
1555
+ ) : /* @__PURE__ */ React84__default.createElement(
1546
1556
  chakra.text,
1547
1557
  {
1548
1558
  sx: styles3.text,
@@ -1550,10 +1560,10 @@ function NumericStepper({
1550
1560
  "aria-label": value.toString()
1551
1561
  },
1552
1562
  value
1553
- ), /* @__PURE__ */ React86__default.createElement(
1563
+ ), /* @__PURE__ */ React84__default.createElement(
1554
1564
  VerySmallButton,
1555
1565
  {
1556
- icon: /* @__PURE__ */ React86__default.createElement(AddIcon, { stepLabel: clampedStepSize }),
1566
+ icon: /* @__PURE__ */ React84__default.createElement(AddIcon, { stepLabel: clampedStepSize }),
1557
1567
  "aria-label": t2(texts2.incrementButtonAriaLabel(clampedStepSize)),
1558
1568
  onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
1559
1569
  visibility: value >= maxValue ? "hidden" : "visible",
@@ -1564,9 +1574,9 @@ function NumericStepper({
1564
1574
  }
1565
1575
  var VerySmallButton = (props) => {
1566
1576
  const styles3 = useMultiStyleConfig("NumericStepper", {});
1567
- return /* @__PURE__ */ React86__default.createElement(IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
1577
+ return /* @__PURE__ */ React84__default.createElement(IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
1568
1578
  };
1569
- var SubtractIcon = (props) => /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
1579
+ var SubtractIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React84__default.createElement(React84__default.Fragment, null, /* @__PURE__ */ React84__default.createElement(
1570
1580
  Box,
1571
1581
  {
1572
1582
  as: "svg",
@@ -1576,7 +1586,7 @@ var SubtractIcon = (props) => /* @__PURE__ */ React86__default.createElement(Rea
1576
1586
  stroke: "currentColor",
1577
1587
  ...props
1578
1588
  },
1579
- /* @__PURE__ */ React86__default.createElement(
1589
+ /* @__PURE__ */ React84__default.createElement(
1580
1590
  "line",
1581
1591
  {
1582
1592
  x1: "9",
@@ -1587,8 +1597,8 @@ var SubtractIcon = (props) => /* @__PURE__ */ React86__default.createElement(Rea
1587
1597
  strokeLinecap: "round"
1588
1598
  }
1589
1599
  )
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(
1600
+ ), stepLabel > 1 && /* @__PURE__ */ React84__default.createElement(chakra.span, { paddingRight: "1" }, stepLabel.toString()));
1601
+ var AddIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React84__default.createElement(React84__default.Fragment, null, /* @__PURE__ */ React84__default.createElement(
1592
1602
  Box,
1593
1603
  {
1594
1604
  as: "svg",
@@ -1598,7 +1608,7 @@ var AddIcon = (props) => /* @__PURE__ */ React86__default.createElement(React86_
1598
1608
  stroke: "currentColor",
1599
1609
  ...props
1600
1610
  },
1601
- /* @__PURE__ */ React86__default.createElement(
1611
+ /* @__PURE__ */ React84__default.createElement(
1602
1612
  "line",
1603
1613
  {
1604
1614
  x1: "9",
@@ -1609,7 +1619,7 @@ var AddIcon = (props) => /* @__PURE__ */ React86__default.createElement(React86_
1609
1619
  strokeLinecap: "round"
1610
1620
  }
1611
1621
  ),
1612
- /* @__PURE__ */ React86__default.createElement(
1622
+ /* @__PURE__ */ React84__default.createElement(
1613
1623
  "line",
1614
1624
  {
1615
1625
  x1: "15",
@@ -1620,7 +1630,7 @@ var AddIcon = (props) => /* @__PURE__ */ React86__default.createElement(React86_
1620
1630
  strokeLinecap: "round"
1621
1631
  }
1622
1632
  )
1623
- ), props.stepLabel > 1 && /* @__PURE__ */ React86__default.createElement(chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
1633
+ ), stepLabel > 1 && /* @__PURE__ */ React84__default.createElement(chakra.span, { paddingRight: "1" }, stepLabel.toString()));
1624
1634
  var texts2 = createTexts({
1625
1635
  decrementButtonAriaLabel(stepSize) {
1626
1636
  return {
@@ -1646,7 +1656,7 @@ var PasswordInput = forwardRef(
1646
1656
  const formControlProps = useFormControlContext();
1647
1657
  const autoGeneratedId = `password-input-${useId()}`;
1648
1658
  const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
1649
- return /* @__PURE__ */ React86__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React86__default.createElement(InputLeftElement2, null, leftIcon), /* @__PURE__ */ React86__default.createElement(
1659
+ return /* @__PURE__ */ React84__default.createElement(InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React84__default.createElement(InputLeftElement2, null, leftIcon), /* @__PURE__ */ React84__default.createElement(
1650
1660
  Input$1,
1651
1661
  {
1652
1662
  ...props,
@@ -1658,7 +1668,7 @@ var PasswordInput = forwardRef(
1658
1668
  ref,
1659
1669
  "data-attachable": true
1660
1670
  }
1661
- ), /* @__PURE__ */ React86__default.createElement(FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React86__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React86__default.createElement(
1671
+ ), /* @__PURE__ */ React84__default.createElement(FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React84__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React84__default.createElement(
1662
1672
  Button,
1663
1673
  {
1664
1674
  variant: "ghost",
@@ -1706,10 +1716,10 @@ var PhoneNumberInput = forwardRef(
1706
1716
  nationalNumber: ""
1707
1717
  }
1708
1718
  });
1709
- return /* @__PURE__ */ React86__default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React86__default.createElement(
1719
+ return /* @__PURE__ */ React84__default.createElement(AttachedInputs, { ...boxProps }, /* @__PURE__ */ React84__default.createElement(
1710
1720
  Suspense,
1711
1721
  {
1712
- fallback: /* @__PURE__ */ React86__default.createElement(
1722
+ fallback: /* @__PURE__ */ React84__default.createElement(
1713
1723
  InfoSelect,
1714
1724
  {
1715
1725
  isLabelSrOnly: true,
@@ -1718,10 +1728,10 @@ var PhoneNumberInput = forwardRef(
1718
1728
  height: "100%",
1719
1729
  value: "+47"
1720
1730
  },
1721
- /* @__PURE__ */ React86__default.createElement(Item, { key: "+47" }, "+47")
1731
+ /* @__PURE__ */ React84__default.createElement(Item, { key: "+47" }, "+47")
1722
1732
  )
1723
1733
  },
1724
- /* @__PURE__ */ React86__default.createElement(
1734
+ /* @__PURE__ */ React84__default.createElement(
1725
1735
  LazyCountryCodeSelect,
1726
1736
  {
1727
1737
  value: value.countryCode,
@@ -1734,7 +1744,7 @@ var PhoneNumberInput = forwardRef(
1734
1744
  width: "6.25rem"
1735
1745
  }
1736
1746
  )
1737
- ), /* @__PURE__ */ React86__default.createElement(
1747
+ ), /* @__PURE__ */ React84__default.createElement(
1738
1748
  Input,
1739
1749
  {
1740
1750
  ref,
@@ -1769,13 +1779,13 @@ var texts4 = createTexts({
1769
1779
  sv: "Landskod"
1770
1780
  }
1771
1781
  });
1772
- var LazyCountryCodeSelect = React86__default.lazy(() => import('./CountryCodeSelect-2DASZ3PQ.mjs'));
1782
+ var LazyCountryCodeSelect = React84__default.lazy(() => import('./CountryCodeSelect-FKWNR6SG.mjs'));
1773
1783
  var Radio = forwardRef((props, ref) => {
1774
- return /* @__PURE__ */ React86__default.createElement(Radio$1, { ...props, ref });
1784
+ return /* @__PURE__ */ React84__default.createElement(Radio$1, { ...props, ref });
1775
1785
  });
1776
1786
  var RadioGroup = forwardRef(
1777
1787
  ({ children, direction: direction2 = "row", ...rest }, ref) => {
1778
- return /* @__PURE__ */ React86__default.createElement(RadioGroup$1, { ...rest, ref }, /* @__PURE__ */ React86__default.createElement(Stack$1, { direction: direction2 }, children));
1788
+ return /* @__PURE__ */ React84__default.createElement(RadioGroup$1, { ...rest, ref }, /* @__PURE__ */ React84__default.createElement(Stack$1, { direction: direction2 }, children));
1779
1789
  }
1780
1790
  );
1781
1791
  var SearchInput = forwardRef(
@@ -1785,7 +1795,7 @@ var SearchInput = forwardRef(
1785
1795
  const formControlProps = useFormControlContext();
1786
1796
  const autoGeneratedId = useId();
1787
1797
  const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
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(
1798
+ return /* @__PURE__ */ React84__default.createElement(InputGroup, { position: "relative" }, /* @__PURE__ */ React84__default.createElement(InputLeftElement2, null, /* @__PURE__ */ React84__default.createElement(SearchOutline24Icon, null)), /* @__PURE__ */ React84__default.createElement(
1789
1799
  Input$1,
1790
1800
  {
1791
1801
  paddingLeft: 7,
@@ -1802,7 +1812,7 @@ var SearchInput = forwardRef(
1802
1812
  placeholder: " ",
1803
1813
  "data-attachable": true
1804
1814
  }
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(
1815
+ ), /* @__PURE__ */ React84__default.createElement(FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts5.label)), showClearButton && /* @__PURE__ */ React84__default.createElement(InputRightElement2, { width: "fit-content" }, /* @__PURE__ */ React84__default.createElement(
1806
1816
  IconButton$1,
1807
1817
  {
1808
1818
  variant: "ghost",
@@ -1810,7 +1820,7 @@ var SearchInput = forwardRef(
1810
1820
  size: "sm",
1811
1821
  marginRight: 1,
1812
1822
  "aria-label": t2(texts5.reset),
1813
- icon: /* @__PURE__ */ React86__default.createElement(CloseOutline24Icon, null),
1823
+ icon: /* @__PURE__ */ React84__default.createElement(CloseOutline24Icon, null),
1814
1824
  onClick: onReset
1815
1825
  }
1816
1826
  )));
@@ -1832,7 +1842,7 @@ var texts5 = createTexts({
1832
1842
  });
1833
1843
  var Switch = forwardRef(
1834
1844
  ({ size: size2 = "md", ...props }, ref) => {
1835
- return /* @__PURE__ */ React86__default.createElement(Switch$1, { size: size2, ...props, ref });
1845
+ return /* @__PURE__ */ React84__default.createElement(Switch$1, { size: size2, ...props, ref });
1836
1846
  }
1837
1847
  );
1838
1848
  var Textarea = forwardRef((props, ref) => {
@@ -1843,7 +1853,7 @@ var Textarea = forwardRef((props, ref) => {
1843
1853
  const formControlProps = useFormControlContext();
1844
1854
  const fallbackId = `textarea-${useId()}`;
1845
1855
  const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
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));
1856
+ return /* @__PURE__ */ React84__default.createElement(InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React84__default.createElement(Textarea$1, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React84__default.createElement(FormLabel$1, { htmlFor: inputId, id: `${inputId}-label` }, label));
1847
1857
  });
1848
1858
  function getSpacingProps(props) {
1849
1859
  const {
@@ -1905,7 +1915,7 @@ function getSpacingProps(props) {
1905
1915
  }
1906
1916
 
1907
1917
  // src/layout/RadioCardGroup.tsx
1908
- var RadioCardGroupContext = React86__default.createContext(null);
1918
+ var RadioCardGroupContext = React84__default.createContext(null);
1909
1919
  var RadioCardGroup = ({
1910
1920
  children,
1911
1921
  name,
@@ -1923,7 +1933,7 @@ var RadioCardGroup = ({
1923
1933
  setSelectedValue(value);
1924
1934
  onChange && onChange(value);
1925
1935
  };
1926
- return /* @__PURE__ */ React86__default.createElement(
1936
+ return /* @__PURE__ */ React84__default.createElement(
1927
1937
  RadioCardGroupContext.Provider,
1928
1938
  {
1929
1939
  value: {
@@ -1934,7 +1944,7 @@ var RadioCardGroup = ({
1934
1944
  defaultValue: defaultValue || ""
1935
1945
  }
1936
1946
  },
1937
- /* @__PURE__ */ React86__default.createElement(Stack$1, { as: "fieldset", direction: direction2, ...props }, groupLabel && /* @__PURE__ */ React86__default.createElement(FormLabel, { as: "legend", id: groupLabel }, groupLabel), children)
1947
+ /* @__PURE__ */ React84__default.createElement(Stack$1, { as: "fieldset", direction: direction2, ...props }, groupLabel && /* @__PURE__ */ React84__default.createElement(FormLabel, { as: "legend", id: groupLabel }, groupLabel), children)
1938
1948
  );
1939
1949
  };
1940
1950
 
@@ -1976,13 +1986,13 @@ var RadioCard = forwardRef(
1976
1986
  }
1977
1987
  }, [isKeyboardUser, isChecked]);
1978
1988
  const inputId = `radio-card-${useId()}`;
1979
- return /* @__PURE__ */ React86__default.createElement(
1989
+ return /* @__PURE__ */ React84__default.createElement(
1980
1990
  Box,
1981
1991
  {
1982
1992
  onFocus: () => isKeyboardUser && setFocus(true),
1983
1993
  onBlur: () => setFocus(false)
1984
1994
  },
1985
- /* @__PURE__ */ React86__default.createElement(
1995
+ /* @__PURE__ */ React84__default.createElement(
1986
1996
  chakra.input,
1987
1997
  {
1988
1998
  type: "radio",
@@ -1995,7 +2005,7 @@ var RadioCard = forwardRef(
1995
2005
  __css: styles3.radioInput
1996
2006
  }
1997
2007
  ),
1998
- /* @__PURE__ */ React86__default.createElement(
2008
+ /* @__PURE__ */ React84__default.createElement(
1999
2009
  Box,
2000
2010
  {
2001
2011
  as: "label",
@@ -2022,7 +2032,7 @@ var StaticCard = forwardRef(
2022
2032
  const styles3 = useStyleConfig("StaticCard", {
2023
2033
  colorScheme
2024
2034
  });
2025
- return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3, ...props, ref }, children);
2035
+ return /* @__PURE__ */ React84__default.createElement(Box, { __css: styles3, ...props, ref }, children);
2026
2036
  }
2027
2037
  );
2028
2038
  var PressableCard = forwardRef(
@@ -2030,37 +2040,21 @@ var PressableCard = forwardRef(
2030
2040
  const styles3 = useStyleConfig("PressableCard", {
2031
2041
  variant
2032
2042
  });
2033
- return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3, ...props, ref }, children);
2043
+ return /* @__PURE__ */ React84__default.createElement(Box, { __css: styles3, ...props, ref }, children);
2034
2044
  }
2035
2045
  );
2036
- var AccordionContext = React86__default.createContext(null);
2037
- var AccordionProvider = ({
2038
- size: size2,
2039
- ...props
2040
- }) => {
2041
- return /* @__PURE__ */ React86__default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
2042
- };
2043
- var useAccordionContext = () => {
2044
- const context = React86__default.useContext(AccordionContext);
2045
- if (context === null) {
2046
- throw new Error(
2047
- "useAccordionContext must be used within AccordionProvider"
2048
- );
2049
- }
2050
- return context;
2051
- };
2052
2046
  var Accordion = forwardRef(
2053
2047
  ({ children, spacing: spacing3 = 2, ...props }, ref) => {
2054
2048
  const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
2055
- return /* @__PURE__ */ React86__default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React86__default.createElement(
2049
+ return /* @__PURE__ */ React84__default.createElement(
2056
2050
  Accordion$1,
2057
2051
  {
2058
2052
  ...props,
2059
2053
  ref,
2060
2054
  defaultIndex
2061
2055
  },
2062
- /* @__PURE__ */ React86__default.createElement(Stack, { spacing: spacing3 }, children)
2063
- ));
2056
+ /* @__PURE__ */ React84__default.createElement(Stack, { spacing: spacing3 }, children)
2057
+ );
2064
2058
  }
2065
2059
  );
2066
2060
  var Expandable = ({
@@ -2068,24 +2062,21 @@ var Expandable = ({
2068
2062
  headingLevel,
2069
2063
  title,
2070
2064
  leftIcon,
2071
- size: size2 = "md",
2072
2065
  defaultOpen,
2073
2066
  isOpen,
2074
2067
  onChange = () => {
2075
2068
  },
2076
2069
  ...rest
2077
2070
  }) => {
2078
- return /* @__PURE__ */ React86__default.createElement(
2071
+ return /* @__PURE__ */ React84__default.createElement(
2079
2072
  Accordion,
2080
2073
  {
2081
2074
  ...rest,
2082
2075
  index: isOpen ? 0 : void 0,
2083
2076
  defaultIndex: defaultOpen ? 0 : void 0,
2084
- allowMultiple: true,
2085
- size: size2,
2086
2077
  onChange: (expandedIndex) => onChange(expandedIndex === 0)
2087
2078
  },
2088
- /* @__PURE__ */ React86__default.createElement(
2079
+ /* @__PURE__ */ React84__default.createElement(
2089
2080
  ExpandableItem,
2090
2081
  {
2091
2082
  headingLevel,
@@ -2103,11 +2094,10 @@ var ExpandableItem = ({
2103
2094
  leftIcon,
2104
2095
  ...rest
2105
2096
  }) => {
2106
- const { size: size2 } = useAccordionContext();
2107
- warnAboutMismatchingIcon({ icon: leftIcon, size: size2 });
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));
2097
+ warnAboutMismatchingIcon({ icon: leftIcon });
2098
+ return /* @__PURE__ */ React84__default.createElement(AccordionItem, { ...rest }, /* @__PURE__ */ React84__default.createElement(Box, { as: headingLevel }, /* @__PURE__ */ React84__default.createElement(AccordionButton, null, /* @__PURE__ */ React84__default.createElement(Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React84__default.createElement(Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React84__default.createElement(AccordionIcon, null))), /* @__PURE__ */ React84__default.createElement(AccordionPanel, null, children));
2109
2099
  };
2110
- var warnAboutMismatchingIcon = ({ icon, size: size2 }) => {
2100
+ var warnAboutMismatchingIcon = ({ icon }) => {
2111
2101
  var _a6, _b5;
2112
2102
  if (process.env.NODE_ENV !== "production") {
2113
2103
  const displayName = (_b5 = (_a6 = icon == null ? void 0 : icon.type) == null ? void 0 : _a6.render) == null ? void 0 : _b5.displayName;
@@ -2123,18 +2113,9 @@ var warnAboutMismatchingIcon = ({ icon, size: size2 }) => {
2123
2113
  );
2124
2114
  return;
2125
2115
  }
2126
- if (size2 === "lg" && !displayName.includes("30Icon")) {
2127
- console.warn(
2128
- `The icon you passed was of the wrong size for the lg size. You passed ${displayName}, replace it with ${displayName.replace(
2129
- /(\d{2})Icon/,
2130
- "30Icon"
2131
- )}.`
2132
- );
2133
- return;
2134
- }
2135
- if (["md"].includes(size2) && !displayName.includes("24Icon")) {
2116
+ if (!displayName.includes("24Icon")) {
2136
2117
  console.warn(
2137
- `The icon you passed was of the wrong size for the ${size2} size. You passed ${displayName}, replace it with ${displayName.replace(
2118
+ `The icon you passed was of the wrong size. You passed ${displayName}, replace it with ${displayName.replace(
2138
2119
  /(\d{2})Icon/,
2139
2120
  "24Icon"
2140
2121
  )}.`
@@ -2154,7 +2135,7 @@ function LanguageProvider({
2154
2135
  language,
2155
2136
  children
2156
2137
  }) {
2157
- return /* @__PURE__ */ React86__default.createElement(LanguageContext.Provider, { value: language }, children);
2138
+ return /* @__PURE__ */ React84__default.createElement(LanguageContext.Provider, { value: language }, children);
2158
2139
  }
2159
2140
  function useLanguage() {
2160
2141
  const language = useContext(LanguageContext);
@@ -2170,8 +2151,8 @@ function useTranslation() {
2170
2151
  };
2171
2152
  return { t: t2, language };
2172
2153
  }
2173
- function createTexts(texts28) {
2174
- return texts28;
2154
+ function createTexts(texts29) {
2155
+ return texts29;
2175
2156
  }
2176
2157
  var hydrating = true;
2177
2158
  function useHydrated() {
@@ -2186,11 +2167,11 @@ function useHydrated() {
2186
2167
  // src/loader/ClientOnly.tsx
2187
2168
  var ClientOnly = ({ children, fallback = null }) => {
2188
2169
  const isHydrated = useHydrated();
2189
- return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, isHydrated ? children() : fallback);
2170
+ return /* @__PURE__ */ React84__default.createElement(React84__default.Fragment, null, isHydrated ? children() : fallback);
2190
2171
  };
2191
2172
  function Lottie({ animationData }) {
2192
2173
  const { View } = useLottie({ animationData, loop: true });
2193
- return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, View);
2174
+ return /* @__PURE__ */ React84__default.createElement(React84__default.Fragment, null, View);
2194
2175
  }
2195
2176
 
2196
2177
  // src/loader/ColorInlineLoader.tsx
@@ -2199,7 +2180,7 @@ var ColorInlineLoader = ({
2199
2180
  maxWidth,
2200
2181
  ...props
2201
2182
  }) => {
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 }))));
2183
+ return /* @__PURE__ */ React84__default.createElement(Center, { ...props }, /* @__PURE__ */ React84__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: inlineLoaderColorData }))));
2203
2184
  };
2204
2185
  var ColorSpinner = ({
2205
2186
  children,
@@ -2207,24 +2188,24 @@ var ColorSpinner = ({
2207
2188
  maxWidth,
2208
2189
  ...props
2209
2190
  }) => {
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));
2191
+ return /* @__PURE__ */ React84__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React84__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: spinnerColorData }))), children && /* @__PURE__ */ React84__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
2211
2192
  };
2212
2193
  var ContentLoader = ({ children, ...props }) => {
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));
2194
+ return /* @__PURE__ */ React84__default.createElement(Box, { ...props }, /* @__PURE__ */ React84__default.createElement(Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: contentLoaderData }))), children && /* @__PURE__ */ React84__default.createElement(Box, { textAlign: "center", fontWeight: "bold" }, children));
2214
2195
  };
2215
2196
  var DarkFullScreenLoader = ({
2216
2197
  width,
2217
2198
  maxWidth,
2218
2199
  ...props
2219
2200
  }) => {
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 }))));
2201
+ return /* @__PURE__ */ React84__default.createElement(Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React84__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: fullScreenLoaderWhiteData }))));
2221
2202
  };
2222
2203
  var DarkInlineLoader = ({
2223
2204
  width,
2224
2205
  maxWidth,
2225
2206
  ...props
2226
2207
  }) => {
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 }))));
2208
+ return /* @__PURE__ */ React84__default.createElement(Center, { ...props }, /* @__PURE__ */ React84__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: inlineLoaderDarkData }))));
2228
2209
  };
2229
2210
  var DarkSpinner = ({
2230
2211
  children,
@@ -2234,21 +2215,21 @@ var DarkSpinner = ({
2234
2215
  }) => {
2235
2216
  const { colorMode } = useColorMode();
2236
2217
  const spinnerData = colorMode === "dark" ? spinnerLightData : spinnerDarkData;
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));
2218
+ return /* @__PURE__ */ React84__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React84__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React84__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
2238
2219
  };
2239
2220
  var LightFullScreenLoader = ({
2240
2221
  width,
2241
2222
  maxWidth,
2242
2223
  ...props
2243
2224
  }) => {
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 }))));
2225
+ return /* @__PURE__ */ React84__default.createElement(Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React84__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: fullScreenLoaderBlackData }))));
2245
2226
  };
2246
2227
  var LightInlineLoader = ({
2247
2228
  width,
2248
2229
  maxWidth,
2249
2230
  ...props
2250
2231
  }) => {
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 }))));
2232
+ return /* @__PURE__ */ React84__default.createElement(Center, { ...props }, /* @__PURE__ */ React84__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: inlineLoaderLightData }))));
2252
2233
  };
2253
2234
  var LightSpinner = ({
2254
2235
  children,
@@ -2256,7 +2237,7 @@ var LightSpinner = ({
2256
2237
  maxWidth,
2257
2238
  ...props
2258
2239
  }) => {
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));
2240
+ return /* @__PURE__ */ React84__default.createElement(Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React84__default.createElement(Box, { width, maxWidth }, /* @__PURE__ */ React84__default.createElement(ClientOnly, null, () => /* @__PURE__ */ React84__default.createElement(Lottie, { animationData: spinnerLightData }))), children && /* @__PURE__ */ React84__default.createElement(Box, { marginTop: 3, fontWeight: "bold" }, children));
2260
2241
  };
2261
2242
  var useRotatingLabel = ({ label, delay }) => {
2262
2243
  const loadingTextArray = useMemo(
@@ -2293,7 +2274,7 @@ var ProgressBar = ({
2293
2274
  "aria-label": ariaLabel || t2(texts6.label(value))
2294
2275
  });
2295
2276
  const styles3 = useMultiStyleConfig("ProgressBar", {});
2296
- return /* @__PURE__ */ React86__default.createElement(React86__default.Fragment, null, /* @__PURE__ */ React86__default.createElement(
2277
+ return /* @__PURE__ */ React84__default.createElement(React84__default.Fragment, null, /* @__PURE__ */ React84__default.createElement(
2297
2278
  Box,
2298
2279
  {
2299
2280
  ...progressBarProps,
@@ -2301,8 +2282,8 @@ var ProgressBar = ({
2301
2282
  __css: styles3.container,
2302
2283
  ...rest
2303
2284
  },
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)
2285
+ /* @__PURE__ */ React84__default.createElement(Box, { width, __css: styles3.background }, /* @__PURE__ */ React84__default.createElement(Box, { __css: styles3.progress, height, width: `${value}%` })),
2286
+ currentLoadingText && /* @__PURE__ */ React84__default.createElement(Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
2306
2287
  ));
2307
2288
  };
2308
2289
  var texts6 = createTexts({
@@ -2336,7 +2317,7 @@ var ProgressLoader = ({
2336
2317
  const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
2337
2318
  const progress = (value - 100) / 100 * progressPathLength;
2338
2319
  const id = useId();
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(
2320
+ return /* @__PURE__ */ React84__default.createElement(Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React84__default.createElement(Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React84__default.createElement(
2340
2321
  Box,
2341
2322
  {
2342
2323
  as: "path",
@@ -2344,7 +2325,7 @@ var ProgressLoader = ({
2344
2325
  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",
2345
2326
  fill: "#FFB466"
2346
2327
  }
2347
- ), /* @__PURE__ */ React86__default.createElement(
2328
+ ), /* @__PURE__ */ React84__default.createElement(
2348
2329
  Box,
2349
2330
  {
2350
2331
  as: "path",
@@ -2355,7 +2336,7 @@ var ProgressLoader = ({
2355
2336
  strokeLinecap: "round",
2356
2337
  strokeLinejoin: "round"
2357
2338
  }
2358
- ), /* @__PURE__ */ React86__default.createElement(
2339
+ ), /* @__PURE__ */ React84__default.createElement(
2359
2340
  Box,
2360
2341
  {
2361
2342
  as: "path",
@@ -2370,7 +2351,7 @@ var ProgressLoader = ({
2370
2351
  transition: "stroke-dashoffset .2s ease-out",
2371
2352
  ref: pathRef
2372
2353
  }
2373
- ), /* @__PURE__ */ React86__default.createElement(
2354
+ ), /* @__PURE__ */ React84__default.createElement(
2374
2355
  Box,
2375
2356
  {
2376
2357
  as: "path",
@@ -2378,7 +2359,7 @@ var ProgressLoader = ({
2378
2359
  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",
2379
2360
  fill: "#688CBA"
2380
2361
  }
2381
- )), currentLoadingText && /* @__PURE__ */ React86__default.createElement(
2362
+ )), currentLoadingText && /* @__PURE__ */ React84__default.createElement(
2382
2363
  Text,
2383
2364
  {
2384
2365
  textAlign: "center",
@@ -2397,9 +2378,9 @@ var texts7 = createTexts({
2397
2378
  en: `${value}% done`
2398
2379
  })
2399
2380
  });
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 });
2381
+ var Skeleton = forwardRef((props, ref) => /* @__PURE__ */ React84__default.createElement(Skeleton$1, { ...props, ref }));
2382
+ var SkeletonCircle = (props) => /* @__PURE__ */ React84__default.createElement(SkeletonCircle$1, { boxSize: 6, borderRadius: "50%", ...props });
2383
+ var SkeletonText = (props) => /* @__PURE__ */ React84__default.createElement(SkeletonText$1, { boxSize: 6, ...props });
2403
2384
 
2404
2385
  // src/button/Button.tsx
2405
2386
  var Button2 = forwardRef((props, ref) => {
@@ -2429,7 +2410,7 @@ var Button2 = forwardRef((props, ref) => {
2429
2410
  if (fontWeight) {
2430
2411
  styles3.fontWeight = fontWeight;
2431
2412
  }
2432
- return /* @__PURE__ */ React86__default.createElement(
2413
+ return /* @__PURE__ */ React84__default.createElement(
2433
2414
  Box,
2434
2415
  {
2435
2416
  ...rest,
@@ -2443,7 +2424,7 @@ var Button2 = forwardRef((props, ref) => {
2443
2424
  position: "relative",
2444
2425
  fontFamily: "Vy Sans"
2445
2426
  },
2446
- isLoading && /* @__PURE__ */ React86__default.createElement(Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React86__default.createElement(
2427
+ isLoading && /* @__PURE__ */ React84__default.createElement(Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React84__default.createElement(
2447
2428
  ColorInlineLoader,
2448
2429
  {
2449
2430
  maxWidth: getLoaderWidth(finalSize),
@@ -2452,7 +2433,7 @@ var Button2 = forwardRef((props, ref) => {
2452
2433
  marginY: 2
2453
2434
  }
2454
2435
  )),
2455
- /* @__PURE__ */ React86__default.createElement(
2436
+ /* @__PURE__ */ React84__default.createElement(
2456
2437
  Flex,
2457
2438
  {
2458
2439
  gap: 1,
@@ -2462,7 +2443,7 @@ var Button2 = forwardRef((props, ref) => {
2462
2443
  visibility: isLoading ? "hidden" : "visible",
2463
2444
  "aria-hidden": isLoading
2464
2445
  },
2465
- /* @__PURE__ */ React86__default.createElement(Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React86__default.createElement(
2446
+ /* @__PURE__ */ React84__default.createElement(Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React84__default.createElement(
2466
2447
  Box,
2467
2448
  {
2468
2449
  visibility: isLoading ? "hidden" : "visible",
@@ -2503,14 +2484,14 @@ var texts8 = createTexts({
2503
2484
  sv: "Laddar\u2026"
2504
2485
  }
2505
2486
  });
2506
- var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */ React86__default.createElement(ButtonGroup$1, { ...props, ref }));
2487
+ var ButtonGroup = forwardRef((props, ref) => /* @__PURE__ */ React84__default.createElement(ButtonGroup$1, { ...props, ref }));
2507
2488
  var IconButton = forwardRef(
2508
- ({ ...props }, ref) => /* @__PURE__ */ React86__default.createElement(
2489
+ ({ ...props }, ref) => /* @__PURE__ */ React84__default.createElement(
2509
2490
  IconButton$1,
2510
2491
  {
2511
2492
  title: props["aria-label"],
2512
2493
  ...props,
2513
- spinner: /* @__PURE__ */ React86__default.createElement(ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
2494
+ spinner: /* @__PURE__ */ React84__default.createElement(ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
2514
2495
  ref
2515
2496
  }
2516
2497
  )
@@ -2520,7 +2501,7 @@ var IconButton = forwardRef(
2520
2501
  var CloseButton = forwardRef(
2521
2502
  ({ size: size2 = "sm", ...props }, ref) => {
2522
2503
  const { t: t2 } = useTranslation();
2523
- return /* @__PURE__ */ React86__default.createElement(
2504
+ return /* @__PURE__ */ React84__default.createElement(
2524
2505
  IconButton,
2525
2506
  {
2526
2507
  ref,
@@ -2537,11 +2518,11 @@ var getIcon = (size2) => {
2537
2518
  switch (size2) {
2538
2519
  case "xs":
2539
2520
  case "sm":
2540
- return /* @__PURE__ */ React86__default.createElement(CloseFill18Icon, null);
2521
+ return /* @__PURE__ */ React84__default.createElement(CloseFill18Icon, null);
2541
2522
  case "md":
2542
- return /* @__PURE__ */ React86__default.createElement(CloseFill24Icon, null);
2523
+ return /* @__PURE__ */ React84__default.createElement(CloseFill24Icon, null);
2543
2524
  case "lg":
2544
- return /* @__PURE__ */ React86__default.createElement(CloseFill30Icon, null);
2525
+ return /* @__PURE__ */ React84__default.createElement(CloseFill30Icon, null);
2545
2526
  }
2546
2527
  };
2547
2528
  var texts9 = createTexts({
@@ -2563,7 +2544,7 @@ var FloatingActionButton = forwardRef(
2563
2544
  placement = "bottom right",
2564
2545
  ...props
2565
2546
  }, ref) => {
2566
- const [isTextVisible, setIsTextVisible] = React86__default.useState(
2547
+ const [isTextVisible, setIsTextVisible] = React84__default.useState(
2567
2548
  externalIsTextVisible !== void 0 ? externalIsTextVisible : false
2568
2549
  );
2569
2550
  const scrollDirection = useScrollDirection();
@@ -2585,7 +2566,7 @@ var FloatingActionButton = forwardRef(
2585
2566
  isTextVisible,
2586
2567
  placement
2587
2568
  });
2588
- return /* @__PURE__ */ React86__default.createElement(
2569
+ return /* @__PURE__ */ React84__default.createElement(
2589
2570
  MotionBox,
2590
2571
  {
2591
2572
  __css: style.container,
@@ -2593,8 +2574,8 @@ var FloatingActionButton = forwardRef(
2593
2574
  ref,
2594
2575
  ...props
2595
2576
  },
2596
- /* @__PURE__ */ React86__default.createElement(Box, { __css: style.icon }, icon),
2597
- /* @__PURE__ */ React86__default.createElement(
2577
+ /* @__PURE__ */ React84__default.createElement(Box, { __css: style.icon }, icon),
2578
+ /* @__PURE__ */ React84__default.createElement(
2598
2579
  MotionBox,
2599
2580
  {
2600
2581
  animate: isTextVisible ? "show" : "hide",
@@ -2619,11 +2600,11 @@ var FloatingActionButton = forwardRef(
2619
2600
  }
2620
2601
  );
2621
2602
  var useScrollDirection = () => {
2622
- const [scrollDirection, setScrollDirection] = React86__default.useState(null);
2623
- const lastScrollPosition = React86__default.useRef(
2603
+ const [scrollDirection, setScrollDirection] = React84__default.useState(null);
2604
+ const lastScrollPosition = React84__default.useRef(
2624
2605
  typeof window !== "undefined" ? window.scrollY : 0
2625
2606
  );
2626
- React86__default.useEffect(() => {
2607
+ React84__default.useEffect(() => {
2627
2608
  const onScroll = () => {
2628
2609
  const delta = window.scrollY - lastScrollPosition.current;
2629
2610
  if (delta === 0) {
@@ -2642,7 +2623,7 @@ var useScrollDirection = () => {
2642
2623
  var AlertIcon = ({ variant }) => {
2643
2624
  const Icon = getIcon2(variant);
2644
2625
  const { t: t2 } = useTranslation();
2645
- return /* @__PURE__ */ React86__default.createElement(
2626
+ return /* @__PURE__ */ React84__default.createElement(
2646
2627
  Icon,
2647
2628
  {
2648
2629
  flexShrink: 0,
@@ -2704,7 +2685,7 @@ var BaseAlert = ({
2704
2685
  ...boxProps
2705
2686
  }) => {
2706
2687
  const styles3 = useMultiStyleConfig("Alert", { variant });
2707
- return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3.container, ...boxProps }, children);
2688
+ return /* @__PURE__ */ React84__default.createElement(Box, { __css: styles3.container, ...boxProps }, children);
2708
2689
  };
2709
2690
 
2710
2691
  // src/alert/ClosableAlert.tsx
@@ -2725,17 +2706,17 @@ var ClosableAlert = ({
2725
2706
  externalOnClose();
2726
2707
  onClose();
2727
2708
  };
2728
- return /* @__PURE__ */ React86__default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React86__default.createElement(
2709
+ return /* @__PURE__ */ React84__default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React84__default.createElement(
2729
2710
  IconButton,
2730
2711
  {
2731
2712
  variant: "ghost",
2732
2713
  size: "sm",
2733
2714
  onClick: handleClose,
2734
- icon: /* @__PURE__ */ React86__default.createElement(CloseFill18Icon, null),
2715
+ icon: /* @__PURE__ */ React84__default.createElement(CloseFill18Icon, null),
2735
2716
  "aria-label": t2(texts11.close),
2736
2717
  sx: styles3.closeButton
2737
2718
  }
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)));
2719
+ ), /* @__PURE__ */ React84__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React84__default.createElement(Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React84__default.createElement(Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React84__default.createElement(Box, { marginRight: 1 }, children)));
2739
2720
  };
2740
2721
  var texts11 = createTexts({
2741
2722
  close: {
@@ -2756,7 +2737,7 @@ var ExpandableAlert = ({
2756
2737
  ...boxProps
2757
2738
  }) => {
2758
2739
  const styles3 = useMultiStyleConfig("AlertExpandable", { variant });
2759
- return /* @__PURE__ */ React86__default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React86__default.createElement(
2740
+ return /* @__PURE__ */ React84__default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React84__default.createElement(
2760
2741
  Accordion$1,
2761
2742
  {
2762
2743
  onChange: (expandedIndex) => onToggle(expandedIndex === 0),
@@ -2764,14 +2745,14 @@ var ExpandableAlert = ({
2764
2745
  allowToggle: true,
2765
2746
  flexGrow: "1"
2766
2747
  },
2767
- /* @__PURE__ */ React86__default.createElement(AccordionItem, null, /* @__PURE__ */ React86__default.createElement(AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React86__default.createElement(
2748
+ /* @__PURE__ */ React84__default.createElement(AccordionItem, null, /* @__PURE__ */ React84__default.createElement(AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React84__default.createElement(
2768
2749
  Flex,
2769
2750
  {
2770
2751
  justifyContent: "space-between",
2771
2752
  alignItems: "center",
2772
2753
  flexGrow: "1"
2773
2754
  },
2774
- /* @__PURE__ */ React86__default.createElement(Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React86__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React86__default.createElement(
2755
+ /* @__PURE__ */ React84__default.createElement(Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React84__default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React84__default.createElement(
2775
2756
  Box,
2776
2757
  {
2777
2758
  as: "span",
@@ -2779,15 +2760,15 @@ var ExpandableAlert = ({
2779
2760
  // Truncate the title to one line
2780
2761
  display: "-webkit-box",
2781
2762
  overflow: "hidden",
2782
- "-webkit-line-clamp": "1",
2783
- "-webkit-box-orient": "vertical"
2763
+ WebkitLineClamp: "1",
2764
+ WebkitBoxOrient: "vertical"
2784
2765
  },
2785
2766
  color: "darkGrey"
2786
2767
  },
2787
2768
  title
2788
2769
  )),
2789
- /* @__PURE__ */ React86__default.createElement(AccordionIcon, { color: "darkGrey" })
2790
- )), /* @__PURE__ */ React86__default.createElement(AccordionPanel, null, children))
2770
+ /* @__PURE__ */ React84__default.createElement(AccordionIcon, { color: "darkGrey" })
2771
+ )), /* @__PURE__ */ React84__default.createElement(AccordionPanel, null, children))
2791
2772
  ));
2792
2773
  };
2793
2774
  var StaticAlert = ({
@@ -2795,35 +2776,23 @@ var StaticAlert = ({
2795
2776
  title,
2796
2777
  ...props
2797
2778
  }) => {
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)));
2779
+ return /* @__PURE__ */ React84__default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React84__default.createElement(AlertIcon, { variant: props.variant }), /* @__PURE__ */ React84__default.createElement(Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React84__default.createElement(Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React84__default.createElement(Box, null, children)));
2799
2780
  };
2800
2781
  var Breadcrumb = (props) => {
2801
2782
  const iconColor = useColorModeValue("blackAlpha.400", "whiteAlpha.400");
2802
- return /* @__PURE__ */ React86__default.createElement(
2783
+ return /* @__PURE__ */ React84__default.createElement(
2803
2784
  Breadcrumb$1,
2804
2785
  {
2805
- separator: /* @__PURE__ */ React86__default.createElement(DropdownRightFill18Icon, { color: iconColor }),
2786
+ separator: /* @__PURE__ */ React84__default.createElement(DropdownRightFill18Icon, { color: iconColor }),
2806
2787
  ...props
2807
2788
  }
2808
2789
  );
2809
2790
  };
2810
2791
  var BreadcrumbItem = BreadcrumbItem$1;
2811
2792
  var BreadcrumbLink = BreadcrumbLink$1;
2812
- var Card2 = forwardRef(
2813
- ({ size: size2 = "sm", colorScheme = "white", children, ...props }, ref) => {
2814
- console.warn(
2815
- "Warning: Card is deprecated. Use `StaticCard` or `PressableCard` instead."
2816
- );
2817
- const styles3 = useStyleConfig("Card", {
2818
- colorScheme,
2819
- size: size2
2820
- });
2821
- return /* @__PURE__ */ React86__default.createElement(Box, { __css: styles3, ...props, ref }, children);
2822
- }
2823
- );
2824
2793
  var Badge = forwardRef(
2825
2794
  ({ icon, colorScheme = "grey", children, ...props }, ref) => {
2826
- return /* @__PURE__ */ React86__default.createElement(
2795
+ return /* @__PURE__ */ React84__default.createElement(
2827
2796
  Badge$1,
2828
2797
  {
2829
2798
  colorScheme,
@@ -2831,12 +2800,12 @@ var Badge = forwardRef(
2831
2800
  paddingLeft: icon ? 1 : void 0,
2832
2801
  ref
2833
2802
  },
2834
- icon && React86__default.cloneElement(icon, { marginRight: 1 }),
2803
+ icon && React84__default.cloneElement(icon, { marginRight: 1 }),
2835
2804
  children
2836
2805
  );
2837
2806
  }
2838
2807
  );
2839
- var Code = forwardRef((props, ref) => /* @__PURE__ */ React86__default.createElement(Code$1, { ...props, ref }));
2808
+ var Code = forwardRef((props, ref) => /* @__PURE__ */ React84__default.createElement(Code$1, { ...props, ref }));
2840
2809
  var Heading2 = ({
2841
2810
  as,
2842
2811
  variant = "xl-display",
@@ -2846,11 +2815,11 @@ var Heading2 = ({
2846
2815
  }) => {
2847
2816
  const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
2848
2817
  const color2 = useColorModeValue("text.primary.light", "text.primary.dark");
2849
- return /* @__PURE__ */ React86__default.createElement(Text, { as, textStyle: variant, id, color: color2, ...props });
2818
+ return /* @__PURE__ */ React84__default.createElement(Text, { as, textStyle: variant, id, color: color2, ...props });
2850
2819
  };
2851
2820
  var Text4 = forwardRef(
2852
2821
  ({ variant = "sm", ...props }, ref) => {
2853
- return /* @__PURE__ */ React86__default.createElement(Text, { ...props, textStyle: variant, ref });
2822
+ return /* @__PURE__ */ React84__default.createElement(Text, { ...props, textStyle: variant, ref });
2854
2823
  }
2855
2824
  );
2856
2825
  function CalendarCell({
@@ -2893,7 +2862,7 @@ function CalendarCell({
2893
2862
  { passive: false, once: true }
2894
2863
  );
2895
2864
  }, []);
2896
- return /* @__PURE__ */ React86__default.createElement(Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React86__default.createElement(
2865
+ return /* @__PURE__ */ React84__default.createElement(Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React84__default.createElement(
2897
2866
  Box,
2898
2867
  {
2899
2868
  as: "button",
@@ -2955,8 +2924,8 @@ function CalendarGrid({
2955
2924
  const weeksInMonth = getWeeksInMonth(state2.visibleRange.start, locale);
2956
2925
  const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
2957
2926
  const styles3 = useMultiStyleConfig("Datepicker", { variant });
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(
2927
+ return /* @__PURE__ */ React84__default.createElement("table", { ...gridProps }, /* @__PURE__ */ React84__default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React84__default.createElement("tr", null, weekDays[language].map((day, index) => {
2928
+ return /* @__PURE__ */ React84__default.createElement(
2960
2929
  Text4,
2961
2930
  {
2962
2931
  as: "th",
@@ -2966,8 +2935,8 @@ function CalendarGrid({
2966
2935
  },
2967
2936
  day
2968
2937
  );
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(
2938
+ }))), /* @__PURE__ */ React84__default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React84__default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
2939
+ (date, dayIndex) => date ? /* @__PURE__ */ React84__default.createElement(
2971
2940
  CalendarCell,
2972
2941
  {
2973
2942
  variant,
@@ -2976,7 +2945,7 @@ function CalendarGrid({
2976
2945
  date,
2977
2946
  currentMonth: startDate
2978
2947
  }
2979
- ) : /* @__PURE__ */ React86__default.createElement("td", { key: dayIndex })
2948
+ ) : /* @__PURE__ */ React84__default.createElement("td", { key: dayIndex })
2980
2949
  )))));
2981
2950
  }
2982
2951
  function CalendarNavigationButton({
@@ -2986,7 +2955,7 @@ function CalendarNavigationButton({
2986
2955
  }) {
2987
2956
  const ref = useRef(null);
2988
2957
  const { buttonProps } = useButton(rest, ref);
2989
- return /* @__PURE__ */ React86__default.createElement(
2958
+ return /* @__PURE__ */ React84__default.createElement(
2990
2959
  IconButton,
2991
2960
  {
2992
2961
  ...buttonProps,
@@ -3020,7 +2989,7 @@ function CalendarHeader({
3020
2989
  );
3021
2990
  const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
3022
2991
  const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
3023
- return /* @__PURE__ */ React86__default.createElement(Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React86__default.createElement(
2992
+ return /* @__PURE__ */ React84__default.createElement(Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React84__default.createElement(
3024
2993
  CalendarNavigator,
3025
2994
  {
3026
2995
  title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
@@ -3030,7 +2999,7 @@ function CalendarHeader({
3030
2999
  isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
3031
3000
  isPreviousDisabled: !state2.isNextVisibleRangeInvalid
3032
3001
  }
3033
- ), isYearPickerVisible && /* @__PURE__ */ React86__default.createElement(
3002
+ ), isYearPickerVisible && /* @__PURE__ */ React84__default.createElement(
3034
3003
  CalendarNavigator,
3035
3004
  {
3036
3005
  title: jsDate.getFullYear().toString(),
@@ -3052,15 +3021,15 @@ var CalendarNavigator = ({
3052
3021
  isNextDisabled
3053
3022
  }) => {
3054
3023
  const { t: t2 } = useTranslation();
3055
- return /* @__PURE__ */ React86__default.createElement(Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React86__default.createElement(
3024
+ return /* @__PURE__ */ React84__default.createElement(Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React84__default.createElement(
3056
3025
  CalendarNavigationButton,
3057
3026
  {
3058
3027
  onPress: onPrevious,
3059
3028
  isDisabled: isPreviousDisabled,
3060
- icon: /* @__PURE__ */ React86__default.createElement(ArrowLeftOutline24Icon, null),
3029
+ icon: /* @__PURE__ */ React84__default.createElement(ArrowLeftOutline24Icon, null),
3061
3030
  "aria-label": `${t2(texts12.previous)} ${t2(texts12[unit])}`
3062
3031
  }
3063
- ), /* @__PURE__ */ React86__default.createElement(
3032
+ ), /* @__PURE__ */ React84__default.createElement(
3064
3033
  Box,
3065
3034
  {
3066
3035
  role: "heading",
@@ -3070,12 +3039,12 @@ var CalendarNavigator = ({
3070
3039
  textAlign: "center"
3071
3040
  },
3072
3041
  capitalize(title)
3073
- ), /* @__PURE__ */ React86__default.createElement(
3042
+ ), /* @__PURE__ */ React84__default.createElement(
3074
3043
  CalendarNavigationButton,
3075
3044
  {
3076
3045
  onPress: onNext,
3077
3046
  isDisabled: isNextDisabled,
3078
- icon: /* @__PURE__ */ React86__default.createElement(ArrowRightOutline24Icon, null),
3047
+ icon: /* @__PURE__ */ React84__default.createElement(ArrowRightOutline24Icon, null),
3079
3048
  "aria-label": `${t2(texts12.next)} ${t2(texts12[unit])}`
3080
3049
  }
3081
3050
  ));
@@ -3123,7 +3092,7 @@ function Calendar({
3123
3092
  const { calendarProps } = useCalendar(props, state2);
3124
3093
  const calendarAriaLabel = calendarProps["aria-label"];
3125
3094
  const ariaLabel = t2(texts13.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
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 }));
3095
+ return /* @__PURE__ */ React84__default.createElement(Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React84__default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React84__default.createElement(CalendarGrid, { variant, state: state2 }));
3127
3096
  }
3128
3097
  var texts13 = createTexts({
3129
3098
  calendar: {
@@ -3134,28 +3103,30 @@ var texts13 = createTexts({
3134
3103
  }
3135
3104
  });
3136
3105
  var CalendarTriggerButton = forwardRef(
3137
- ({ variant, ...buttonProps }, ref) => {
3106
+ ({ variant, isDisabled, ariaLabelledby, ...buttonProps }, ref) => {
3138
3107
  const { t: t2 } = useTranslation();
3139
3108
  const styles3 = useMultiStyleConfig("Datepicker", { variant });
3140
3109
  const { onPress, ...filteredButtonProps } = buttonProps;
3141
- const handleOnPress = (event) => {
3142
- if (onPress) {
3143
- if (event.key == "Enter" || event.key == " ")
3144
- onPress(event);
3110
+ const handleCommand = (event) => {
3111
+ if (event.key === "Enter" || event.key === " ") {
3112
+ event.preventDefault();
3113
+ onPress == null ? void 0 : onPress(event);
3145
3114
  }
3146
3115
  };
3147
- return /* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React86__default.createElement(
3148
- Box,
3116
+ return /* @__PURE__ */ React84__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React84__default.createElement(
3117
+ IconButton,
3149
3118
  {
3150
3119
  ref,
3151
- as: "button",
3152
- type: "button",
3120
+ role: "button",
3121
+ icon: /* @__PURE__ */ React84__default.createElement(CalendarOutline24Icon, null),
3153
3122
  "aria-label": t2(texts14.openCalendar),
3154
3123
  sx: styles3.calendarTriggerButton,
3124
+ variant: "ghost",
3155
3125
  ...filteredButtonProps,
3156
- onKeyUp: handleOnPress
3157
- },
3158
- /* @__PURE__ */ React86__default.createElement(CalendarOutline24Icon, null)
3126
+ isDisabled,
3127
+ onKeyDown: handleCommand,
3128
+ "aria-labelledby": ariaLabelledby
3129
+ }
3159
3130
  ));
3160
3131
  }
3161
3132
  );
@@ -3168,7 +3139,7 @@ var texts14 = createTexts({
3168
3139
  }
3169
3140
  });
3170
3141
  var DateTimeSegment = forwardRef$1(
3171
- ({ segment, state: state2 }, externalRef) => {
3142
+ ({ segment, state: state2, ariaLabel, ariaDescription }, externalRef) => {
3172
3143
  const internalRef = useRef(null);
3173
3144
  const ref = externalRef ?? internalRef;
3174
3145
  const { segmentProps } = useDateSegment(
@@ -3180,7 +3151,7 @@ var DateTimeSegment = forwardRef$1(
3180
3151
  isPlaceholder: segment.isPlaceholder,
3181
3152
  isEditable: segment.isEditable
3182
3153
  });
3183
- return /* @__PURE__ */ React86__default.createElement(
3154
+ return /* @__PURE__ */ React84__default.createElement(
3184
3155
  Box,
3185
3156
  {
3186
3157
  ...segmentProps,
@@ -3193,7 +3164,9 @@ var DateTimeSegment = forwardRef$1(
3193
3164
  outline: "none",
3194
3165
  borderRadius: "xs",
3195
3166
  fontSize: ["mobile.sm", "desktop.sm"],
3196
- sx: styles3.dateTimeSegment
3167
+ sx: styles3.dateTimeSegment,
3168
+ "aria-description": ariaDescription,
3169
+ "aria-labelledby": ariaLabel
3197
3170
  },
3198
3171
  isPaddable(segment.type) ? segment.text.padStart(2, "0") : segment.text
3199
3172
  );
@@ -3211,7 +3184,7 @@ function createCalendar2(identifier) {
3211
3184
  }
3212
3185
  }
3213
3186
  var DateField = forwardRef$1(
3214
- (props, externalRef) => {
3187
+ ({ labelId, ...props }, externalRef) => {
3215
3188
  var _a6;
3216
3189
  const locale = useCurrentLocale();
3217
3190
  const styles3 = useMultiStyleConfig("Datepicker", {});
@@ -3220,24 +3193,33 @@ var DateField = forwardRef$1(
3220
3193
  locale,
3221
3194
  createCalendar: createCalendar2
3222
3195
  });
3196
+ const { t: t2 } = useTranslation();
3223
3197
  const internalRef = useRef(null);
3224
3198
  const ref = externalRef ?? internalRef;
3225
- const { fieldProps, labelProps } = useDateField(
3199
+ const { fieldProps } = useDateField(
3226
3200
  props,
3227
3201
  state2,
3228
3202
  ref
3229
3203
  );
3230
- return /* @__PURE__ */ React86__default.createElement(Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React86__default.createElement(
3204
+ return /* @__PURE__ */ React84__default.createElement(Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React84__default.createElement(
3231
3205
  FormLabel$1,
3232
3206
  {
3233
- ...props.labelProps,
3234
- ...labelProps,
3235
3207
  sx: styles3.inputLabel,
3236
3208
  position: "absolute",
3237
- paddingTop: "2px"
3209
+ paddingTop: "2px",
3210
+ id: labelId
3238
3211
  },
3239
3212
  props.label
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(
3213
+ ), /* @__PURE__ */ React84__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React84__default.createElement(
3214
+ DateTimeSegment,
3215
+ {
3216
+ key: i,
3217
+ segment,
3218
+ ariaDescription: t2(getAriaLabel(segment.type)),
3219
+ ariaLabel: labelId,
3220
+ state: state2
3221
+ }
3222
+ ))), /* @__PURE__ */ React84__default.createElement(
3241
3223
  "input",
3242
3224
  {
3243
3225
  type: "hidden",
@@ -3247,19 +3229,53 @@ var DateField = forwardRef$1(
3247
3229
  ));
3248
3230
  }
3249
3231
  );
3232
+ var texts15 = createTexts({
3233
+ day: {
3234
+ nb: "Velg dag",
3235
+ nn: "Vel dag",
3236
+ sv: "V\xE4lj dag",
3237
+ en: "Choose day"
3238
+ },
3239
+ month: {
3240
+ nb: "Velg m\xE5ned",
3241
+ nn: "Vel m\xE5nad",
3242
+ sv: "V\xE4lj m\xE5nad",
3243
+ en: "Choose month"
3244
+ },
3245
+ year: {
3246
+ nb: "Velg \xE5r",
3247
+ nn: "Vel \xE5r",
3248
+ sv: "V\xE4lj \xE5r",
3249
+ en: "Choose year"
3250
+ }
3251
+ });
3252
+ var getAriaLabel = (segmentType) => {
3253
+ switch (segmentType) {
3254
+ case "day":
3255
+ return texts15.day;
3256
+ case "month":
3257
+ return texts15.month;
3258
+ case "year":
3259
+ return texts15.year;
3260
+ default:
3261
+ return texts15.day;
3262
+ }
3263
+ };
3250
3264
  var StyledField = forwardRef(
3251
- ({ children, variant, ...otherProps }, ref) => {
3265
+ ({ children, variant, isDisabled, ariaLabelledby, ...otherProps }, ref) => {
3252
3266
  const { isInvalid } = useFormControlContext() ?? {
3253
3267
  isInvalid: false
3254
3268
  };
3255
3269
  const styles3 = useMultiStyleConfig("Datepicker", { variant });
3256
- return /* @__PURE__ */ React86__default.createElement(
3270
+ return /* @__PURE__ */ React84__default.createElement(
3257
3271
  Box,
3258
3272
  {
3259
3273
  ...otherProps,
3260
3274
  __css: styles3.wrapper,
3261
3275
  ref,
3262
- "aria-invalid": isInvalid
3276
+ "aria-invalid": isInvalid,
3277
+ "aria-disabled": isDisabled,
3278
+ "aria-labelledby": ariaLabelledby
3263
3279
  },
3264
3280
  children
3265
3281
  );
@@ -3288,7 +3304,6 @@ var DatePicker = forwardRef$1(
3288
3304
  const internalRef = useRef(null);
3289
3305
  const ref = externalRef ?? internalRef;
3290
3306
  const {
3291
- groupProps,
3292
3307
  labelProps,
3293
3308
  fieldProps,
3294
3309
  buttonProps,
@@ -3300,12 +3315,14 @@ var DatePicker = forwardRef$1(
3300
3315
  state2,
3301
3316
  ref
3302
3317
  );
3318
+ const labelId = `label-${useId()}`;
3319
+ const inputGroupId = `input-group-${useId()}`;
3303
3320
  const styles3 = useMultiStyleConfig("Datepicker", { variant });
3304
3321
  const locale = useCurrentLocale();
3305
3322
  const onFieldClick = () => {
3306
3323
  state2.setOpen(true);
3307
3324
  };
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(
3325
+ const popoverContent = /* @__PURE__ */ React84__default.createElement(PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React84__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React84__default.createElement(PopoverBody, null, /* @__PURE__ */ React84__default.createElement(FocusLock, null, /* @__PURE__ */ React84__default.createElement(
3309
3326
  Calendar,
3310
3327
  {
3311
3328
  ...calendarProps,
@@ -3313,7 +3330,7 @@ var DatePicker = forwardRef$1(
3313
3330
  showYearNavigation
3314
3331
  }
3315
3332
  ))));
3316
- return /* @__PURE__ */ React86__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React86__default.createElement(
3333
+ return /* @__PURE__ */ React84__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React84__default.createElement(
3317
3334
  Box,
3318
3335
  {
3319
3336
  position: "relative",
@@ -3321,7 +3338,7 @@ var DatePicker = forwardRef$1(
3321
3338
  flexDirection: "column",
3322
3339
  width
3323
3340
  },
3324
- /* @__PURE__ */ React86__default.createElement(
3341
+ /* @__PURE__ */ React84__default.createElement(
3325
3342
  Popover$1,
3326
3343
  {
3327
3344
  ...dialogProps,
@@ -3330,34 +3347,47 @@ var DatePicker = forwardRef$1(
3330
3347
  onClose: state2.close,
3331
3348
  flip: false
3332
3349
  },
3333
- /* @__PURE__ */ React86__default.createElement(InputGroup, { ...groupProps, display: "inline-flex" }, /* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React86__default.createElement(
3334
- StyledField,
3350
+ /* @__PURE__ */ React84__default.createElement(
3351
+ InputGroup,
3335
3352
  {
3336
- variant,
3337
- onClick: onFieldClick,
3338
- paddingX: 3,
3339
- minHeight
3353
+ display: "inline-flex",
3354
+ id: inputGroupId,
3355
+ "aria-labelledby": labelId
3340
3356
  },
3341
- /* @__PURE__ */ React86__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React86__default.createElement(
3342
- CalendarTriggerButton,
3357
+ /* @__PURE__ */ React84__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React84__default.createElement(
3358
+ StyledField,
3343
3359
  {
3344
3360
  variant,
3345
- ref,
3346
- ...buttonProps
3347
- }
3348
- )),
3349
- /* @__PURE__ */ React86__default.createElement(
3350
- DateField,
3351
- {
3352
- label: props.label,
3353
- labelProps,
3354
- name: props.name,
3355
- ...fieldProps
3356
- }
3357
- )
3358
- ))),
3359
- /* @__PURE__ */ React86__default.createElement(FormErrorMessage, { ...errorMessageProps }, errorMessage),
3360
- state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React86__default.createElement(Portal, null, popoverContent),
3361
+ onClick: onFieldClick,
3362
+ paddingX: 3,
3363
+ minHeight,
3364
+ isDisabled: props.isDisabled,
3365
+ ariaLabelledby: labelId
3366
+ },
3367
+ /* @__PURE__ */ React84__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React84__default.createElement(
3368
+ CalendarTriggerButton,
3369
+ {
3370
+ variant,
3371
+ ref,
3372
+ isDisabled: props.isDisabled,
3373
+ ariaLabelledby: labelId,
3374
+ ...buttonProps
3375
+ }
3376
+ )),
3377
+ /* @__PURE__ */ React84__default.createElement(
3378
+ DateField,
3379
+ {
3380
+ label: props.label,
3381
+ labelProps,
3382
+ labelId,
3383
+ name: props.name,
3384
+ ...fieldProps
3385
+ }
3386
+ )
3387
+ ))
3388
+ ),
3389
+ /* @__PURE__ */ React84__default.createElement(FormErrorMessage, { ...errorMessageProps }, errorMessage),
3390
+ state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React84__default.createElement(Portal, null, popoverContent),
3361
3391
  state2.isOpen && !props.isDisabled && !withPortal && popoverContent
3362
3392
  )
3363
3393
  ));
@@ -3373,7 +3403,7 @@ function RangeCalendar(props) {
3373
3403
  });
3374
3404
  const ref = useRef(null);
3375
3405
  const { calendarProps, title } = useRangeCalendar(props, state2, ref);
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(
3406
+ return /* @__PURE__ */ React84__default.createElement(Box, { ...calendarProps, ref }, /* @__PURE__ */ React84__default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React84__default.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React84__default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React84__default.createElement(
3377
3407
  CalendarGrid,
3378
3408
  {
3379
3409
  variant: props.variant,
@@ -3420,8 +3450,8 @@ function DateRangePicker({
3420
3450
  const onFieldClick = () => {
3421
3451
  state2.setOpen(true);
3422
3452
  };
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(
3453
+ const popoverContent = /* @__PURE__ */ React84__default.createElement(PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React84__default.createElement(PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React84__default.createElement(PopoverBody, null, /* @__PURE__ */ React84__default.createElement(FocusLock, null, /* @__PURE__ */ React84__default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
3454
+ return /* @__PURE__ */ React84__default.createElement(I18nProvider, { locale }, /* @__PURE__ */ React84__default.createElement(Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React84__default.createElement(FormLabel$1, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React84__default.createElement(
3425
3455
  Popover$1,
3426
3456
  {
3427
3457
  ...dialogProps,
@@ -3430,7 +3460,7 @@ function DateRangePicker({
3430
3460
  onClose: state2.close,
3431
3461
  flip: false
3432
3462
  },
3433
- /* @__PURE__ */ React86__default.createElement(InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React86__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React86__default.createElement(
3463
+ /* @__PURE__ */ React84__default.createElement(InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React84__default.createElement(PopoverAnchor, null, /* @__PURE__ */ React84__default.createElement(
3434
3464
  StyledField,
3435
3465
  {
3436
3466
  alignItems: "center",
@@ -3440,7 +3470,7 @@ function DateRangePicker({
3440
3470
  onKeyPress: handleEnterClick,
3441
3471
  minHeight
3442
3472
  },
3443
- variant && /* @__PURE__ */ React86__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React86__default.createElement(
3473
+ variant && /* @__PURE__ */ React84__default.createElement(PopoverTrigger, null, /* @__PURE__ */ React84__default.createElement(
3444
3474
  CalendarTriggerButton,
3445
3475
  {
3446
3476
  paddingLeft: 1,
@@ -3450,7 +3480,7 @@ function DateRangePicker({
3450
3480
  ...buttonProps
3451
3481
  }
3452
3482
  )),
3453
- /* @__PURE__ */ React86__default.createElement(
3483
+ /* @__PURE__ */ React84__default.createElement(
3454
3484
  DateField,
3455
3485
  {
3456
3486
  ...startFieldProps,
@@ -3459,8 +3489,8 @@ function DateRangePicker({
3459
3489
  labelProps
3460
3490
  }
3461
3491
  ),
3462
- /* @__PURE__ */ React86__default.createElement(Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
3463
- /* @__PURE__ */ React86__default.createElement(
3492
+ /* @__PURE__ */ React84__default.createElement(Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
3493
+ /* @__PURE__ */ React84__default.createElement(
3464
3494
  DateField,
3465
3495
  {
3466
3496
  ...endFieldProps,
@@ -3470,14 +3500,14 @@ function DateRangePicker({
3470
3500
  }
3471
3501
  )
3472
3502
  ))),
3473
- state2.isOpen && withPortal && /* @__PURE__ */ React86__default.createElement(Portal, null, popoverContent),
3503
+ state2.isOpen && withPortal && /* @__PURE__ */ React84__default.createElement(Portal, null, popoverContent),
3474
3504
  state2.isOpen && !withPortal && popoverContent
3475
3505
  )));
3476
3506
  }
3477
3507
  var TimeField = ({ state: state2, ...props }) => {
3478
3508
  const ref = useRef(null);
3479
3509
  const { labelProps, fieldProps } = useTimeField(props, state2, ref);
3480
- return /* @__PURE__ */ React86__default.createElement(Box, null, /* @__PURE__ */ React86__default.createElement(
3510
+ return /* @__PURE__ */ React84__default.createElement(Box, null, /* @__PURE__ */ React84__default.createElement(
3481
3511
  FormLabel,
3482
3512
  {
3483
3513
  ...labelProps,
@@ -3489,7 +3519,7 @@ var TimeField = ({ state: state2, ...props }) => {
3489
3519
  paddingTop: "2px"
3490
3520
  },
3491
3521
  props.label
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(
3522
+ ), /* @__PURE__ */ React84__default.createElement(Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React84__default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React84__default.createElement(
3493
3523
  "input",
3494
3524
  {
3495
3525
  type: "hidden",
@@ -3515,7 +3545,7 @@ var TimePicker = ({
3515
3545
  const isDisabled = isDisabledExternally ?? isFormControlDisabled ?? false;
3516
3546
  const { t: t2 } = useTranslation();
3517
3547
  const locale = useCurrentLocale();
3518
- const label = externalLabel ?? t2(texts15.time);
3548
+ const label = externalLabel ?? t2(texts16.time);
3519
3549
  const state2 = useTimeFieldState({
3520
3550
  value,
3521
3551
  defaultValue,
@@ -3548,17 +3578,17 @@ var TimePicker = ({
3548
3578
  })
3549
3579
  );
3550
3580
  };
3551
- const backwardsLabel = `${t2(texts15.backwards)} ${minuteInterval} ${t2(
3552
- texts15.minutes
3581
+ const backwardsLabel = `${t2(texts16.backwards)} ${minuteInterval} ${t2(
3582
+ texts16.minutes
3553
3583
  )}`;
3554
- const forwardsLabel = `${t2(texts15.forwards)} ${minuteInterval} ${t2(
3555
- texts15.minutes
3584
+ const forwardsLabel = `${t2(texts16.forwards)} ${minuteInterval} ${t2(
3585
+ texts16.minutes
3556
3586
  )}`;
3557
- const inputLabel = label ?? t2(texts15.time);
3587
+ const inputLabel = label ?? t2(texts16.time);
3558
3588
  const ariaLabel = `${inputLabel} \u2013 ${t2(
3559
- texts15.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
3589
+ texts16.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
3560
3590
  )}`;
3561
- return /* @__PURE__ */ React86__default.createElement(
3591
+ return /* @__PURE__ */ React84__default.createElement(
3562
3592
  StyledField,
3563
3593
  {
3564
3594
  variant: "base",
@@ -3574,7 +3604,7 @@ var TimePicker = ({
3574
3604
  "aria-label": ariaLabel,
3575
3605
  ...boxProps
3576
3606
  },
3577
- /* @__PURE__ */ React86__default.createElement(
3607
+ /* @__PURE__ */ React84__default.createElement(
3578
3608
  IconButton,
3579
3609
  {
3580
3610
  variant: "ghost",
@@ -3582,14 +3612,14 @@ var TimePicker = ({
3582
3612
  borderRadius: "xs",
3583
3613
  "aria-label": backwardsLabel,
3584
3614
  title: backwardsLabel,
3585
- icon: /* @__PURE__ */ React86__default.createElement(DropdownLeftFill18Icon, null),
3615
+ icon: /* @__PURE__ */ React84__default.createElement(DropdownLeftFill18Icon, null),
3586
3616
  onClick: handleBackwardsClick,
3587
3617
  isDisabled,
3588
3618
  style: isDisabled ? { backgroundColor: "transparent" } : {}
3589
3619
  }
3590
3620
  ),
3591
- /* @__PURE__ */ React86__default.createElement(TimeField, { label, state: state2, name }),
3592
- /* @__PURE__ */ React86__default.createElement(
3621
+ /* @__PURE__ */ React84__default.createElement(TimeField, { label, state: state2, name }),
3622
+ /* @__PURE__ */ React84__default.createElement(
3593
3623
  IconButton,
3594
3624
  {
3595
3625
  variant: "ghost",
@@ -3597,7 +3627,7 @@ var TimePicker = ({
3597
3627
  borderRadius: "xs",
3598
3628
  "aria-label": forwardsLabel,
3599
3629
  title: forwardsLabel,
3600
- icon: /* @__PURE__ */ React86__default.createElement(DropdownRightFill18Icon, null),
3630
+ icon: /* @__PURE__ */ React84__default.createElement(DropdownRightFill18Icon, null),
3601
3631
  onClick: handleForwardClick,
3602
3632
  isDisabled,
3603
3633
  style: isDisabled ? { backgroundColor: "transparent" } : {}
@@ -3605,7 +3635,7 @@ var TimePicker = ({
3605
3635
  )
3606
3636
  );
3607
3637
  };
3608
- var texts15 = createTexts({
3638
+ var texts16 = createTexts({
3609
3639
  selectedTimeIs: (time) => ({
3610
3640
  nb: `Valgt tidspunkt er ${time}`,
3611
3641
  nn: `Valt tidspunkt er ${time}`,
@@ -3699,7 +3729,7 @@ var LineIcon = ({
3699
3729
  if (!Icon) {
3700
3730
  return null;
3701
3731
  }
3702
- return /* @__PURE__ */ React86__default.createElement(Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React86__default.createElement(Icon, { sx: styles3.icon }));
3732
+ return /* @__PURE__ */ React84__default.createElement(Box, { sx: { ...styles3.iconContainer, ...sx } }, /* @__PURE__ */ React84__default.createElement(Icon, { sx: styles3.icon }));
3703
3733
  };
3704
3734
 
3705
3735
  // src/linjetag/InfoTag.tsx
@@ -3715,7 +3745,7 @@ var InfoTag = ({
3715
3745
  size: size2,
3716
3746
  ...customProps
3717
3747
  });
3718
- return /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React86__default.createElement(
3748
+ return /* @__PURE__ */ React84__default.createElement(Box, { sx: styles3.container }, /* @__PURE__ */ React84__default.createElement(
3719
3749
  LineIcon,
3720
3750
  {
3721
3751
  variant,
@@ -3723,7 +3753,7 @@ var InfoTag = ({
3723
3753
  sx: styles3.iconContainer,
3724
3754
  ...customProps
3725
3755
  }
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)));
3756
+ ), /* @__PURE__ */ React84__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React84__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React84__default.createElement(Box, { as: "span", sx: styles3.description }, description)));
3727
3757
  };
3728
3758
  var TravelTag = forwardRef(
3729
3759
  ({
@@ -3733,25 +3763,31 @@ var TravelTag = forwardRef(
3733
3763
  title,
3734
3764
  description,
3735
3765
  isDisabled,
3766
+ foregroundColor,
3767
+ backgroundColor,
3768
+ customIconVariant,
3736
3769
  ...rest
3737
3770
  }, ref) => {
3738
3771
  const styles3 = useMultiStyleConfig("TravelTag", {
3739
3772
  variant,
3740
3773
  size: size2,
3741
3774
  deviationLevel,
3742
- foregroundColor: variant === "custom" ? rest.foregroundColor : void 0,
3743
- backgroundColor: variant === "custom" ? rest.backgroundColor : void 0
3775
+ foregroundColor: variant === "custom" ? foregroundColor : void 0,
3776
+ backgroundColor: variant === "custom" ? backgroundColor : void 0
3744
3777
  });
3745
3778
  const DeviationLevelIcon = getDeviationLevelIcon({ deviationLevel, size: size2 });
3746
- return /* @__PURE__ */ React86__default.createElement(Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React86__default.createElement(
3779
+ return /* @__PURE__ */ React84__default.createElement(Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React84__default.createElement(
3747
3780
  LineIcon,
3748
3781
  {
3749
3782
  variant,
3750
3783
  size: size2,
3751
3784
  sx: styles3.iconContainer,
3785
+ foregroundColor,
3786
+ backgroundColor,
3787
+ customIconVariant,
3752
3788
  ...rest
3753
3789
  }
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 }));
3790
+ ), /* @__PURE__ */ React84__default.createElement(Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React84__default.createElement(Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React84__default.createElement(Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React84__default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
3755
3791
  }
3756
3792
  );
3757
3793
  var getDeviationLevelIcon = ({
@@ -3775,16 +3811,16 @@ var TextLink = forwardRef(
3775
3811
  var _a6;
3776
3812
  const { t: t2 } = useTranslation();
3777
3813
  const isExternal = props.isExternal !== void 0 ? props.isExternal : Boolean((_a6 = props.href) == null ? void 0 : _a6.match(/^https?:\/\//));
3778
- return /* @__PURE__ */ React86__default.createElement(Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React86__default.createElement(
3814
+ return /* @__PURE__ */ React84__default.createElement(Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React84__default.createElement(
3779
3815
  LinkOutOutline24Icon,
3780
3816
  {
3781
3817
  marginLeft: 0.5,
3782
- "aria-label": t2(texts16.externalLink)
3818
+ "aria-label": t2(texts17.externalLink)
3783
3819
  }
3784
3820
  ));
3785
3821
  }
3786
3822
  );
3787
- var texts16 = createTexts({
3823
+ var texts17 = createTexts({
3788
3824
  externalLink: {
3789
3825
  nb: "Ekstern lenke",
3790
3826
  nn: "Ekstern lenke",
@@ -3796,7 +3832,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3796
3832
  const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
3797
3833
  const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
3798
3834
  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(
3835
+ return /* @__PURE__ */ React84__default.createElement(Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React84__default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React84__default.createElement(
3800
3836
  "path",
3801
3837
  {
3802
3838
  fillRule: "evenodd",
@@ -3804,7 +3840,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3804
3840
  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
3841
  fill: mainColor
3806
3842
  }
3807
- ), /* @__PURE__ */ React86__default.createElement(
3843
+ ), /* @__PURE__ */ React84__default.createElement(
3808
3844
  "mask",
3809
3845
  {
3810
3846
  id: `${id}-a`,
@@ -3815,7 +3851,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3815
3851
  width: "94",
3816
3852
  height: "54"
3817
3853
  },
3818
- /* @__PURE__ */ React86__default.createElement(
3854
+ /* @__PURE__ */ React84__default.createElement(
3819
3855
  "path",
3820
3856
  {
3821
3857
  fillRule: "evenodd",
@@ -3824,7 +3860,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3824
3860
  fill: mainColor
3825
3861
  }
3826
3862
  )
3827
- ), /* @__PURE__ */ React86__default.createElement(
3863
+ ), /* @__PURE__ */ React84__default.createElement(
3828
3864
  "g",
3829
3865
  {
3830
3866
  mask: `url(#${id}-a)`,
@@ -3832,9 +3868,9 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3832
3868
  clipRule: "evenodd",
3833
3869
  fill: mainColor
3834
3870
  },
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(
3871
+ /* @__PURE__ */ React84__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" }),
3872
+ /* @__PURE__ */ React84__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" })
3873
+ ), /* @__PURE__ */ React84__default.createElement(
3838
3874
  "path",
3839
3875
  {
3840
3876
  fillRule: "evenodd",
@@ -3842,7 +3878,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3842
3878
  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
3879
  fill: accentColor
3844
3880
  }
3845
- ), /* @__PURE__ */ React86__default.createElement(
3881
+ ), /* @__PURE__ */ React84__default.createElement(
3846
3882
  "path",
3847
3883
  {
3848
3884
  fillRule: "evenodd",
@@ -3850,7 +3886,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3850
3886
  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
3887
  fill: mainColor
3852
3888
  }
3853
- ), /* @__PURE__ */ React86__default.createElement(
3889
+ ), /* @__PURE__ */ React84__default.createElement(
3854
3890
  "mask",
3855
3891
  {
3856
3892
  id: `${id}-b`,
@@ -3861,7 +3897,7 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3861
3897
  width: "78",
3862
3898
  height: "54"
3863
3899
  },
3864
- /* @__PURE__ */ React86__default.createElement(
3900
+ /* @__PURE__ */ React84__default.createElement(
3865
3901
  "path",
3866
3902
  {
3867
3903
  fillRule: "evenodd",
@@ -3870,25 +3906,25 @@ var VyLogo = ({ colorScheme, ...boxProps }) => {
3870
3906
  fill: mainColor
3871
3907
  }
3872
3908
  )
3873
- ), /* @__PURE__ */ React86__default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React86__default.createElement(
3909
+ ), /* @__PURE__ */ React84__default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React84__default.createElement(
3874
3910
  "path",
3875
3911
  {
3876
3912
  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
3913
  fill: mainColor
3878
3914
  }
3879
- ), /* @__PURE__ */ React86__default.createElement(
3915
+ ), /* @__PURE__ */ React84__default.createElement(
3880
3916
  "path",
3881
3917
  {
3882
3918
  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
3919
  fill: mainColor
3884
3920
  }
3885
- ), /* @__PURE__ */ React86__default.createElement(
3921
+ ), /* @__PURE__ */ React84__default.createElement(
3886
3922
  "path",
3887
3923
  {
3888
3924
  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
3925
  fill: accentColor
3890
3926
  }
3891
- )), /* @__PURE__ */ React86__default.createElement(
3927
+ )), /* @__PURE__ */ React84__default.createElement(
3892
3928
  "path",
3893
3929
  {
3894
3930
  fillRule: "evenodd",
@@ -3909,7 +3945,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3909
3945
  const orangeColor = colorScheme === "light" ? "#F09436" : "#ffffff";
3910
3946
  const yellowColor = colorScheme === "light" ? "#FFFF54" : "#ffffff";
3911
3947
  const id = useId();
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(
3948
+ return /* @__PURE__ */ React84__default.createElement(Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React84__default.createElement("title", null, "Vy logo pride"), /* @__PURE__ */ React84__default.createElement(
3913
3949
  "svg",
3914
3950
  {
3915
3951
  width: "108",
@@ -3918,7 +3954,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3918
3954
  fill: "none",
3919
3955
  xmlns: "http://www.w3.org/2000/svg"
3920
3956
  },
3921
- /* @__PURE__ */ React86__default.createElement(
3957
+ /* @__PURE__ */ React84__default.createElement(
3922
3958
  "path",
3923
3959
  {
3924
3960
  fillRule: "evenodd",
@@ -3927,7 +3963,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3927
3963
  fill: pinkColor
3928
3964
  }
3929
3965
  ),
3930
- /* @__PURE__ */ React86__default.createElement(
3966
+ /* @__PURE__ */ React84__default.createElement(
3931
3967
  "mask",
3932
3968
  {
3933
3969
  id: `${id}-a-pride`,
@@ -3938,7 +3974,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3938
3974
  width: "95",
3939
3975
  height: "55"
3940
3976
  },
3941
- /* @__PURE__ */ React86__default.createElement(
3977
+ /* @__PURE__ */ React84__default.createElement(
3942
3978
  "path",
3943
3979
  {
3944
3980
  fillRule: "evenodd",
@@ -3948,7 +3984,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3948
3984
  }
3949
3985
  )
3950
3986
  ),
3951
- /* @__PURE__ */ React86__default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React86__default.createElement(
3987
+ /* @__PURE__ */ React84__default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React84__default.createElement(
3952
3988
  "path",
3953
3989
  {
3954
3990
  fillRule: "evenodd",
@@ -3956,7 +3992,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3956
3992
  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",
3957
3993
  fill: purpleColor
3958
3994
  }
3959
- ), /* @__PURE__ */ React86__default.createElement(
3995
+ ), /* @__PURE__ */ React84__default.createElement(
3960
3996
  "path",
3961
3997
  {
3962
3998
  fillRule: "evenodd",
@@ -3964,7 +4000,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3964
4000
  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",
3965
4001
  fill: darkPurpleColor
3966
4002
  }
3967
- ), /* @__PURE__ */ React86__default.createElement(
4003
+ ), /* @__PURE__ */ React84__default.createElement(
3968
4004
  "path",
3969
4005
  {
3970
4006
  fillRule: "evenodd",
@@ -3972,7 +4008,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3972
4008
  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",
3973
4009
  fill: greenColor
3974
4010
  }
3975
- ), /* @__PURE__ */ React86__default.createElement(
4011
+ ), /* @__PURE__ */ React84__default.createElement(
3976
4012
  "path",
3977
4013
  {
3978
4014
  fillRule: "evenodd",
@@ -3980,7 +4016,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3980
4016
  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",
3981
4017
  fill: darkGreenColor
3982
4018
  }
3983
- ), /* @__PURE__ */ React86__default.createElement(
4019
+ ), /* @__PURE__ */ React84__default.createElement(
3984
4020
  "path",
3985
4021
  {
3986
4022
  fillRule: "evenodd",
@@ -3989,7 +4025,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3989
4025
  fill: darkPurpleColor
3990
4026
  }
3991
4027
  )),
3992
- /* @__PURE__ */ React86__default.createElement(
4028
+ /* @__PURE__ */ React84__default.createElement(
3993
4029
  "path",
3994
4030
  {
3995
4031
  fillRule: "evenodd",
@@ -3998,7 +4034,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
3998
4034
  fill: blueColor
3999
4035
  }
4000
4036
  ),
4001
- /* @__PURE__ */ React86__default.createElement(
4037
+ /* @__PURE__ */ React84__default.createElement(
4002
4038
  "path",
4003
4039
  {
4004
4040
  fillRule: "evenodd",
@@ -4007,7 +4043,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4007
4043
  fill: blueColor
4008
4044
  }
4009
4045
  ),
4010
- /* @__PURE__ */ React86__default.createElement(
4046
+ /* @__PURE__ */ React84__default.createElement(
4011
4047
  "path",
4012
4048
  {
4013
4049
  fillRule: "evenodd",
@@ -4016,7 +4052,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4016
4052
  fill: greenColor
4017
4053
  }
4018
4054
  ),
4019
- /* @__PURE__ */ React86__default.createElement(
4055
+ /* @__PURE__ */ React84__default.createElement(
4020
4056
  "mask",
4021
4057
  {
4022
4058
  id: `${id}-b-pride`,
@@ -4027,7 +4063,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4027
4063
  width: "78",
4028
4064
  height: "55"
4029
4065
  },
4030
- /* @__PURE__ */ React86__default.createElement(
4066
+ /* @__PURE__ */ React84__default.createElement(
4031
4067
  "path",
4032
4068
  {
4033
4069
  fillRule: "evenodd",
@@ -4037,7 +4073,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4037
4073
  }
4038
4074
  )
4039
4075
  ),
4040
- /* @__PURE__ */ React86__default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React86__default.createElement(
4076
+ /* @__PURE__ */ React84__default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React84__default.createElement(
4041
4077
  "path",
4042
4078
  {
4043
4079
  fillRule: "evenodd",
@@ -4045,7 +4081,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4045
4081
  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",
4046
4082
  fill: greenColor
4047
4083
  }
4048
- ), /* @__PURE__ */ React86__default.createElement(
4084
+ ), /* @__PURE__ */ React84__default.createElement(
4049
4085
  "path",
4050
4086
  {
4051
4087
  fillRule: "evenodd",
@@ -4053,7 +4089,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4053
4089
  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",
4054
4090
  fill: darkGreenColor
4055
4091
  }
4056
- ), /* @__PURE__ */ React86__default.createElement(
4092
+ ), /* @__PURE__ */ React84__default.createElement(
4057
4093
  "path",
4058
4094
  {
4059
4095
  fillRule: "evenodd",
@@ -4061,7 +4097,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4061
4097
  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",
4062
4098
  fill: redColor
4063
4099
  }
4064
- ), /* @__PURE__ */ React86__default.createElement(
4100
+ ), /* @__PURE__ */ React84__default.createElement(
4065
4101
  "path",
4066
4102
  {
4067
4103
  fillRule: "evenodd",
@@ -4069,7 +4105,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4069
4105
  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",
4070
4106
  fill: orangeColor
4071
4107
  }
4072
- ), /* @__PURE__ */ React86__default.createElement(
4108
+ ), /* @__PURE__ */ React84__default.createElement(
4073
4109
  "path",
4074
4110
  {
4075
4111
  fillRule: "evenodd",
@@ -4078,7 +4114,7 @@ var VyLogoPride = ({ colorScheme, ...boxProps }) => {
4078
4114
  fill: yellowColor
4079
4115
  }
4080
4116
  )),
4081
- /* @__PURE__ */ React86__default.createElement(
4117
+ /* @__PURE__ */ React84__default.createElement(
4082
4118
  "path",
4083
4119
  {
4084
4120
  fillRule: "evenodd",
@@ -4095,109 +4131,109 @@ var CargonetLogo = ({
4095
4131
  }) => {
4096
4132
  const mainColor = "#DF8200";
4097
4133
  const accentColor = colorScheme === "light" ? "#383E42" : "#ffffff";
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(
4134
+ return /* @__PURE__ */ React84__default.createElement(Box, { as: "svg", viewBox: "0 0 251 52", ...boxProps }, /* @__PURE__ */ React84__default.createElement("title", null, "Cargonet logo"), /* @__PURE__ */ React84__default.createElement(
4099
4135
  "path",
4100
4136
  {
4101
4137
  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",
4102
4138
  fill: accentColor
4103
4139
  }
4104
- ), /* @__PURE__ */ React86__default.createElement(
4140
+ ), /* @__PURE__ */ React84__default.createElement(
4105
4141
  "path",
4106
4142
  {
4107
4143
  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",
4108
4144
  fill: accentColor
4109
4145
  }
4110
- ), /* @__PURE__ */ React86__default.createElement(
4146
+ ), /* @__PURE__ */ React84__default.createElement(
4111
4147
  "path",
4112
4148
  {
4113
4149
  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",
4114
4150
  fill: accentColor
4115
4151
  }
4116
- ), /* @__PURE__ */ React86__default.createElement(
4152
+ ), /* @__PURE__ */ React84__default.createElement(
4117
4153
  "path",
4118
4154
  {
4119
4155
  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",
4120
4156
  fill: accentColor
4121
4157
  }
4122
- ), /* @__PURE__ */ React86__default.createElement(
4158
+ ), /* @__PURE__ */ React84__default.createElement(
4123
4159
  "path",
4124
4160
  {
4125
4161
  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",
4126
4162
  fill: accentColor
4127
4163
  }
4128
- ), /* @__PURE__ */ React86__default.createElement(
4164
+ ), /* @__PURE__ */ React84__default.createElement(
4129
4165
  "path",
4130
4166
  {
4131
4167
  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",
4132
4168
  fill: mainColor
4133
4169
  }
4134
- ), /* @__PURE__ */ React86__default.createElement(
4170
+ ), /* @__PURE__ */ React84__default.createElement(
4135
4171
  "path",
4136
4172
  {
4137
4173
  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",
4138
4174
  fill: mainColor
4139
4175
  }
4140
- ), /* @__PURE__ */ React86__default.createElement(
4176
+ ), /* @__PURE__ */ React84__default.createElement(
4141
4177
  "path",
4142
4178
  {
4143
4179
  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",
4144
4180
  fill: mainColor
4145
4181
  }
4146
- ), /* @__PURE__ */ React86__default.createElement(
4182
+ ), /* @__PURE__ */ React84__default.createElement(
4147
4183
  "path",
4148
4184
  {
4149
4185
  d: "M21.4911 10.2565H31.1579V0.589175H21.4911V10.2565Z",
4150
4186
  fill: mainColor
4151
4187
  }
4152
- ), /* @__PURE__ */ React86__default.createElement(
4188
+ ), /* @__PURE__ */ React84__default.createElement(
4153
4189
  "path",
4154
4190
  {
4155
4191
  d: "M41.3861 10.8855H31.7757V20.5528H41.3861V10.8855Z",
4156
4192
  fill: mainColor
4157
4193
  }
4158
- ), /* @__PURE__ */ React86__default.createElement(
4194
+ ), /* @__PURE__ */ React84__default.createElement(
4159
4195
  "path",
4160
4196
  {
4161
4197
  d: "M42.0022 10.2547H51.6126V0.587402H42.0022V10.2547Z",
4162
4198
  fill: mainColor
4163
4199
  }
4164
- ), /* @__PURE__ */ React86__default.createElement(
4200
+ ), /* @__PURE__ */ React84__default.createElement(
4165
4201
  "path",
4166
4202
  {
4167
4203
  d: "M21.477 30.7758H31.1431V21.1654H21.477V30.7758Z",
4168
4204
  fill: mainColor
4169
4205
  }
4170
- ), /* @__PURE__ */ React86__default.createElement(
4206
+ ), /* @__PURE__ */ React84__default.createElement(
4171
4207
  "path",
4172
4208
  {
4173
4209
  d: "M11.2124 20.5493H20.8791V10.8826H11.2124V20.5493Z",
4174
4210
  fill: mainColor
4175
4211
  }
4176
- ), /* @__PURE__ */ React86__default.createElement(
4212
+ ), /* @__PURE__ */ React84__default.createElement(
4177
4213
  "path",
4178
4214
  {
4179
4215
  d: "M0.910156 30.7911H10.5775V21.1801H0.910156V30.7911Z",
4180
4216
  fill: mainColor
4181
4217
  }
4182
- ), /* @__PURE__ */ React86__default.createElement(
4218
+ ), /* @__PURE__ */ React84__default.createElement(
4183
4219
  "path",
4184
4220
  {
4185
4221
  d: "M11.1948 41.0258H20.8615V31.4154H11.1948V41.0258Z",
4186
4222
  fill: mainColor
4187
4223
  }
4188
- ), /* @__PURE__ */ React86__default.createElement(
4224
+ ), /* @__PURE__ */ React84__default.createElement(
4189
4225
  "path",
4190
4226
  {
4191
4227
  d: "M31.7669 41.0581H41.4336V31.3908H31.7669V41.0581Z",
4192
4228
  fill: mainColor
4193
4229
  }
4194
- ), /* @__PURE__ */ React86__default.createElement(
4230
+ ), /* @__PURE__ */ React84__default.createElement(
4195
4231
  "path",
4196
4232
  {
4197
4233
  d: "M21.4776 51.2277H31.1443V41.656H21.4776V51.2277Z",
4198
4234
  fill: mainColor
4199
4235
  }
4200
- ), /* @__PURE__ */ React86__default.createElement(
4236
+ ), /* @__PURE__ */ React84__default.createElement(
4201
4237
  "path",
4202
4238
  {
4203
4239
  d: "M42.0615 51.2283H51.7282V41.6989H42.0615V51.2283Z",
@@ -4216,19 +4252,19 @@ var JumpButton = ({
4216
4252
  variant: "jumpSkip",
4217
4253
  size: size2
4218
4254
  });
4219
- return /* @__PURE__ */ React86__default.createElement(
4255
+ return /* @__PURE__ */ React84__default.createElement(
4220
4256
  Center,
4221
4257
  {
4222
4258
  as: "button",
4223
4259
  sx: styles3.container,
4224
- "aria-label": direction2 === "forward" ? t2(texts17.forward) : t2(texts17.backward),
4260
+ "aria-label": direction2 === "forward" ? t2(texts18.forward) : t2(texts18.backward),
4225
4261
  disabled: isDisabled,
4226
4262
  ...props
4227
4263
  },
4228
- direction2 === "forward" ? /* @__PURE__ */ React86__default.createElement(Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__default.createElement(Backward15MediaControllerFill30Icon, { sx: styles3.icon })
4264
+ direction2 === "forward" ? /* @__PURE__ */ React84__default.createElement(Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React84__default.createElement(Backward15MediaControllerFill30Icon, { sx: styles3.icon })
4229
4265
  );
4230
4266
  };
4231
- var texts17 = createTexts({
4267
+ var texts18 = createTexts({
4232
4268
  forward: {
4233
4269
  nb: "15 sekunder frem",
4234
4270
  nn: "15 sekunder fram",
@@ -4253,19 +4289,19 @@ var PlayPauseButton = ({
4253
4289
  variant: "play",
4254
4290
  size: size2
4255
4291
  });
4256
- return /* @__PURE__ */ React86__default.createElement(
4292
+ return /* @__PURE__ */ React84__default.createElement(
4257
4293
  Center,
4258
4294
  {
4259
4295
  as: "button",
4260
4296
  sx: styles3.container,
4261
- "aria-label": isPlaying ? t2(texts18.pause) : t2(texts18.play),
4297
+ "aria-label": isPlaying ? t2(texts19.pause) : t2(texts19.play),
4262
4298
  disabled: isDisabled,
4263
4299
  ...props
4264
4300
  },
4265
- isPlaying ? /* @__PURE__ */ React86__default.createElement(PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__default.createElement(PlayMediaControllerFill24Icon, { sx: styles3.icon })
4301
+ isPlaying ? /* @__PURE__ */ React84__default.createElement(PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React84__default.createElement(PlayMediaControllerFill24Icon, { sx: styles3.icon })
4266
4302
  );
4267
4303
  };
4268
- var texts18 = createTexts({
4304
+ var texts19 = createTexts({
4269
4305
  pause: {
4270
4306
  nb: "Pause",
4271
4307
  nn: "Pause",
@@ -4290,19 +4326,19 @@ var SkipButton = ({
4290
4326
  variant: "jumpSkip",
4291
4327
  size: size2
4292
4328
  });
4293
- return /* @__PURE__ */ React86__default.createElement(
4329
+ return /* @__PURE__ */ React84__default.createElement(
4294
4330
  Center,
4295
4331
  {
4296
4332
  as: "button",
4297
4333
  sx: styles3.container,
4298
- "aria-label": direction2 === "forward" ? t2(texts19.next) : t2(texts19.previous),
4334
+ "aria-label": direction2 === "forward" ? t2(texts20.next) : t2(texts20.previous),
4299
4335
  disabled: isDisabled,
4300
4336
  ...props
4301
4337
  },
4302
- direction2 === "forward" ? /* @__PURE__ */ React86__default.createElement(NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__default.createElement(PreviousMediaControllerFill30Icon, { sx: styles3.icon })
4338
+ direction2 === "forward" ? /* @__PURE__ */ React84__default.createElement(NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React84__default.createElement(PreviousMediaControllerFill30Icon, { sx: styles3.icon })
4303
4339
  );
4304
4340
  };
4305
- var texts19 = createTexts({
4341
+ var texts20 = createTexts({
4306
4342
  next: {
4307
4343
  nb: "Neste",
4308
4344
  nn: "Neste",
@@ -4322,13 +4358,13 @@ var ModalHeader = forwardRef(
4322
4358
  fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
4323
4359
  textAlign: size2 === "lg" ? "center" : "left"
4324
4360
  };
4325
- return /* @__PURE__ */ React86__default.createElement(ModalHeader$1, { ...props, ref, ...styles3 });
4361
+ return /* @__PURE__ */ React84__default.createElement(ModalHeader$1, { ...props, ref, ...styles3 });
4326
4362
  }
4327
4363
  );
4328
4364
 
4329
4365
  // src/modal/Drawer.tsx
4330
4366
  var Drawer = (props) => {
4331
- return /* @__PURE__ */ React86__default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React86__default.createElement(Drawer$1, { ...props }));
4367
+ return /* @__PURE__ */ React84__default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React84__default.createElement(Drawer$1, { ...props }));
4332
4368
  };
4333
4369
  var DrawerContent = forwardRef(
4334
4370
  ({ children, ...props }, ref) => {
@@ -4345,7 +4381,7 @@ var DrawerContent = forwardRef(
4345
4381
  });
4346
4382
  const isTopOrBottom = placement === "top" || placement === "bottom";
4347
4383
  const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
4348
- return /* @__PURE__ */ React86__default.createElement(Box, { ...handlers }, /* @__PURE__ */ React86__default.createElement(
4384
+ return /* @__PURE__ */ React84__default.createElement(Box, { ...handlers }, /* @__PURE__ */ React84__default.createElement(
4349
4385
  DrawerContent$1,
4350
4386
  {
4351
4387
  ...widthConstraits,
@@ -4354,13 +4390,13 @@ var DrawerContent = forwardRef(
4354
4390
  ...props,
4355
4391
  ref
4356
4392
  },
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)))
4393
+ /* @__PURE__ */ React84__default.createElement(Box, { position: "relative" }, /* @__PURE__ */ React84__default.createElement(Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React84__default.createElement(Notch, null), /* @__PURE__ */ React84__default.createElement(Box, null, children)))
4358
4394
  ));
4359
4395
  }
4360
4396
  );
4361
4397
  var Notch = forwardRef((props, ref) => {
4362
4398
  const placement = useDrawerContext();
4363
- return /* @__PURE__ */ React86__default.createElement(
4399
+ return /* @__PURE__ */ React84__default.createElement(
4364
4400
  Box,
4365
4401
  {
4366
4402
  position: "absolute",
@@ -4372,14 +4408,14 @@ var Notch = forwardRef((props, ref) => {
4372
4408
  ...props,
4373
4409
  ref
4374
4410
  },
4375
- /* @__PURE__ */ React86__default.createElement(
4411
+ /* @__PURE__ */ React84__default.createElement(
4376
4412
  Center,
4377
4413
  {
4378
4414
  background: placement === "bottom" ? "bottom" : "top",
4379
4415
  padding: 2,
4380
4416
  borderRadius: "md"
4381
4417
  },
4382
- /* @__PURE__ */ React86__default.createElement(
4418
+ /* @__PURE__ */ React84__default.createElement(
4383
4419
  Box,
4384
4420
  {
4385
4421
  width: "2.265rem",
@@ -4391,17 +4427,17 @@ var Notch = forwardRef((props, ref) => {
4391
4427
  )
4392
4428
  );
4393
4429
  });
4394
- var DrawerContext = React86__default.createContext(void 0);
4395
- var DrawerProvider = (props) => /* @__PURE__ */ React86__default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
4430
+ var DrawerContext = React84__default.createContext(void 0);
4431
+ var DrawerProvider = (props) => /* @__PURE__ */ React84__default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
4396
4432
  var useDrawerContext = () => {
4397
- return React86__default.useContext(DrawerContext);
4433
+ return React84__default.useContext(DrawerContext);
4398
4434
  };
4399
4435
  var FullScreenDrawer = ({
4400
4436
  children,
4401
4437
  title,
4402
4438
  placement = "bottom",
4403
- leftButton = /* @__PURE__ */ React86__default.createElement(DrawerBackButton, null),
4404
- rightButton = /* @__PURE__ */ React86__default.createElement(DrawerCloseButton2, null),
4439
+ leftButton = /* @__PURE__ */ React84__default.createElement(DrawerBackButton, null),
4440
+ rightButton = /* @__PURE__ */ React84__default.createElement(DrawerCloseButton2, null),
4405
4441
  isOpen,
4406
4442
  onClose,
4407
4443
  body
@@ -4418,7 +4454,7 @@ var FullScreenDrawer = ({
4418
4454
  useEffect(() => {
4419
4455
  setContentBoxScrolled(false);
4420
4456
  }, [isOpen]);
4421
- return /* @__PURE__ */ React86__default.createElement(Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React86__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React86__default.createElement(
4457
+ return /* @__PURE__ */ React84__default.createElement(Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React84__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React84__default.createElement(
4422
4458
  DrawerContent$1,
4423
4459
  {
4424
4460
  height: "100vh",
@@ -4426,7 +4462,7 @@ var FullScreenDrawer = ({
4426
4462
  backgroundPosition: "top",
4427
4463
  backgroundRepeat: "no-repeat"
4428
4464
  },
4429
- /* @__PURE__ */ React86__default.createElement(
4465
+ /* @__PURE__ */ React84__default.createElement(
4430
4466
  DrawerTopMenu,
4431
4467
  {
4432
4468
  isScrolled: isContentBoxScrolled,
@@ -4435,7 +4471,7 @@ var FullScreenDrawer = ({
4435
4471
  rightButton
4436
4472
  }
4437
4473
  ),
4438
- /* @__PURE__ */ React86__default.createElement(DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
4474
+ /* @__PURE__ */ React84__default.createElement(DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
4439
4475
  ));
4440
4476
  };
4441
4477
  var DrawerTopMenu = ({
@@ -4448,7 +4484,7 @@ var DrawerTopMenu = ({
4448
4484
  "bg.default.light",
4449
4485
  "bg.default.dark"
4450
4486
  );
4451
- return /* @__PURE__ */ React86__default.createElement(
4487
+ return /* @__PURE__ */ React84__default.createElement(
4452
4488
  Flex,
4453
4489
  {
4454
4490
  width: "100%",
@@ -4461,8 +4497,8 @@ var DrawerTopMenu = ({
4461
4497
  transition: "box-shadow 0.2s",
4462
4498
  boxShadow: isScrolled ? "md" : void 0
4463
4499
  },
4464
- /* @__PURE__ */ React86__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React86__default.createElement(Box, { width: "fit-content" }, leftButton)),
4465
- /* @__PURE__ */ React86__default.createElement(
4500
+ /* @__PURE__ */ React84__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React84__default.createElement(Box, { width: "fit-content" }, leftButton)),
4501
+ /* @__PURE__ */ React84__default.createElement(
4466
4502
  DrawerHeader,
4467
4503
  {
4468
4504
  as: "h2",
@@ -4475,7 +4511,7 @@ var DrawerTopMenu = ({
4475
4511
  },
4476
4512
  title
4477
4513
  ),
4478
- /* @__PURE__ */ React86__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React86__default.createElement(Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
4514
+ /* @__PURE__ */ React84__default.createElement(Box, { flex: "1" }, /* @__PURE__ */ React84__default.createElement(Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
4479
4515
  );
4480
4516
  };
4481
4517
  var DrawerCloseButton2 = () => {
@@ -4485,26 +4521,26 @@ var DrawerCloseButton2 = () => {
4485
4521
  `(min-width: ${tokens11__default.size.breakpoint.sm})`
4486
4522
  );
4487
4523
  if (isScreenSizeMinSm) {
4488
- return /* @__PURE__ */ React86__default.createElement(
4524
+ return /* @__PURE__ */ React84__default.createElement(
4489
4525
  Button2,
4490
4526
  {
4491
4527
  variant: "ghost",
4492
- leftIcon: /* @__PURE__ */ React86__default.createElement(CloseFill24Icon, null),
4528
+ leftIcon: /* @__PURE__ */ React84__default.createElement(CloseFill24Icon, null),
4493
4529
  onClick: onClose,
4494
- "aria-label": t2(texts20.close),
4530
+ "aria-label": t2(texts21.close),
4495
4531
  width: "fit-content",
4496
4532
  marginLeft: "auto"
4497
4533
  },
4498
- t2(texts20.close)
4534
+ t2(texts21.close)
4499
4535
  );
4500
4536
  }
4501
- return /* @__PURE__ */ React86__default.createElement(
4537
+ return /* @__PURE__ */ React84__default.createElement(
4502
4538
  IconButton,
4503
4539
  {
4504
4540
  variant: "ghost",
4505
- icon: /* @__PURE__ */ React86__default.createElement(CloseFill30Icon, null),
4541
+ icon: /* @__PURE__ */ React84__default.createElement(CloseFill30Icon, null),
4506
4542
  onClick: onClose,
4507
- "aria-label": t2(texts20.close)
4543
+ "aria-label": t2(texts21.close)
4508
4544
  }
4509
4545
  );
4510
4546
  };
@@ -4515,30 +4551,30 @@ var DrawerBackButton = () => {
4515
4551
  `(min-width: ${tokens11__default.size.breakpoint.sm})`
4516
4552
  );
4517
4553
  if (isScreenSizeMinSm) {
4518
- return /* @__PURE__ */ React86__default.createElement(
4554
+ return /* @__PURE__ */ React84__default.createElement(
4519
4555
  Button2,
4520
4556
  {
4521
4557
  variant: "ghost",
4522
- leftIcon: /* @__PURE__ */ React86__default.createElement(ArrowLeftFill24Icon, null),
4558
+ leftIcon: /* @__PURE__ */ React84__default.createElement(ArrowLeftFill24Icon, null),
4523
4559
  onClick: onClose,
4524
- "aria-label": t2(texts20.backAriaLabel),
4560
+ "aria-label": t2(texts21.backAriaLabel),
4525
4561
  width: "fit-content",
4526
4562
  marginLeft: "auto"
4527
4563
  },
4528
- t2(texts20.back)
4564
+ t2(texts21.back)
4529
4565
  );
4530
4566
  }
4531
- return /* @__PURE__ */ React86__default.createElement(
4567
+ return /* @__PURE__ */ React84__default.createElement(
4532
4568
  IconButton,
4533
4569
  {
4534
4570
  variant: "ghost",
4535
- icon: /* @__PURE__ */ React86__default.createElement(ArrowLeftFill30Icon, null),
4571
+ icon: /* @__PURE__ */ React84__default.createElement(ArrowLeftFill30Icon, null),
4536
4572
  onClick: onClose,
4537
- "aria-label": t2(texts20.close)
4573
+ "aria-label": t2(texts21.close)
4538
4574
  }
4539
4575
  );
4540
4576
  };
4541
- var texts20 = createTexts({
4577
+ var texts21 = createTexts({
4542
4578
  close: {
4543
4579
  nb: "Lukk",
4544
4580
  nn: "Lukk",
@@ -4571,7 +4607,7 @@ var SimpleDrawer = ({
4571
4607
  body,
4572
4608
  ...props
4573
4609
  }) => {
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)));
4610
+ return /* @__PURE__ */ React84__default.createElement(Drawer, { placement, ...props }, /* @__PURE__ */ React84__default.createElement(DrawerOverlay, null), /* @__PURE__ */ React84__default.createElement(DrawerContent, null, /* @__PURE__ */ React84__default.createElement(DrawerCloseButton, null), title && /* @__PURE__ */ React84__default.createElement(ModalHeader, null, title), /* @__PURE__ */ React84__default.createElement(DrawerBody, { ...body }, children)));
4575
4611
  };
4576
4612
  var EXPIRATION_DELAY = 1e3 * 60 * 60 * 24 * 30;
4577
4613
  var Nudge = ({
@@ -4593,7 +4629,7 @@ var Nudge = ({
4593
4629
  }
4594
4630
  return null;
4595
4631
  }
4596
- return /* @__PURE__ */ React86__default.createElement(
4632
+ return /* @__PURE__ */ React84__default.createElement(
4597
4633
  Popover$1,
4598
4634
  {
4599
4635
  arrowSize: 12,
@@ -4601,11 +4637,11 @@ var Nudge = ({
4601
4637
  defaultIsOpen: true,
4602
4638
  ...props
4603
4639
  },
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)))))))
4640
+ /* @__PURE__ */ React84__default.createElement(PopoverAnchor, null, children),
4641
+ /* @__PURE__ */ React84__default.createElement(PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React84__default.createElement(DarkMode, null, /* @__PURE__ */ React84__default.createElement(PopoverArrow, null), /* @__PURE__ */ React84__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React84__default.createElement(PopoverBody, { margin: 1 }, /* @__PURE__ */ React84__default.createElement(Box, { marginRight: 4 }, content), /* @__PURE__ */ React84__default.createElement(Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React84__default.createElement(ButtonGroup, null, /* @__PURE__ */ React84__default.createElement(Button2, { variant: "tertiary", size: "xs" }, t2(texts22.close)), /* @__PURE__ */ React84__default.createElement(Button2, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts22.showMe)))))))
4606
4642
  );
4607
4643
  };
4608
- var texts21 = createTexts({
4644
+ var texts22 = createTexts({
4609
4645
  close: {
4610
4646
  nb: "Lukk",
4611
4647
  nn: "Lukk",
@@ -4630,19 +4666,19 @@ var WizardNudge = ({
4630
4666
  const totalSteps = content.length;
4631
4667
  const isLastStep = totalSteps === currentStep;
4632
4668
  const onNext = () => setCurrentStep((prev) => prev + 1);
4633
- return /* @__PURE__ */ React86__default.createElement(
4669
+ return /* @__PURE__ */ React84__default.createElement(
4634
4670
  Nudge,
4635
4671
  {
4636
4672
  onClose,
4637
4673
  name,
4638
4674
  content: content[currentStep - 1],
4639
- actions: /* @__PURE__ */ React86__default.createElement(Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React86__default.createElement(
4675
+ actions: /* @__PURE__ */ React84__default.createElement(Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React84__default.createElement(
4640
4676
  ProgressIndicator,
4641
4677
  {
4642
4678
  activeStep: currentStep,
4643
4679
  numberOfSteps: totalSteps
4644
4680
  }
4645
- ), /* @__PURE__ */ React86__default.createElement(Box, null, /* @__PURE__ */ React86__default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
4681
+ ), /* @__PURE__ */ React84__default.createElement(Box, null, /* @__PURE__ */ React84__default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
4646
4682
  ...props
4647
4683
  },
4648
4684
  children
@@ -4651,19 +4687,19 @@ var WizardNudge = ({
4651
4687
  var NextOrCloseButton = ({ isLastStep, onNext }) => {
4652
4688
  const { onClose } = usePopoverContext();
4653
4689
  const { t: t2 } = useTranslation();
4654
- return /* @__PURE__ */ React86__default.createElement(
4690
+ return /* @__PURE__ */ React84__default.createElement(
4655
4691
  Button2,
4656
4692
  {
4657
4693
  variant: "tertiary",
4658
4694
  size: "xs",
4659
- leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React86__default.createElement(ArrowRightFill18Icon, null),
4695
+ leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React84__default.createElement(ArrowRightFill18Icon, null),
4660
4696
  onClick: isLastStep ? onClose : onNext,
4661
4697
  width: "fit-content"
4662
4698
  },
4663
- t2(isLastStep ? texts22.finish : texts22.nextStep)
4699
+ t2(isLastStep ? texts23.finish : texts23.nextStep)
4664
4700
  );
4665
4701
  };
4666
- var texts22 = createTexts({
4702
+ var texts23 = createTexts({
4667
4703
  nextStep: {
4668
4704
  nb: "Neste",
4669
4705
  nn: "Neste",
@@ -4720,7 +4756,7 @@ var Pagination = ({
4720
4756
  }
4721
4757
  }
4722
4758
  return displayPageNumbers.map(
4723
- (pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React86__default.createElement(ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React86__default.createElement(Center, null, "...")) : /* @__PURE__ */ React86__default.createElement(
4759
+ (pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React84__default.createElement(ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React84__default.createElement(Center, null, "...")) : /* @__PURE__ */ React84__default.createElement(
4724
4760
  Link,
4725
4761
  {
4726
4762
  key: index,
@@ -4737,7 +4773,7 @@ var Pagination = ({
4737
4773
  )
4738
4774
  );
4739
4775
  };
4740
- return /* @__PURE__ */ React86__default.createElement(Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React86__default.createElement(
4776
+ return /* @__PURE__ */ React84__default.createElement(Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React84__default.createElement(
4741
4777
  UnorderedList,
4742
4778
  {
4743
4779
  display: "flex",
@@ -4746,26 +4782,26 @@ var Pagination = ({
4746
4782
  padding: 0,
4747
4783
  margin: 0
4748
4784
  },
4749
- /* @__PURE__ */ React86__default.createElement(ListItem, { "aria-label": t2(texts23.previousPage) }, /* @__PURE__ */ React86__default.createElement(
4785
+ /* @__PURE__ */ React84__default.createElement(ListItem, { "aria-label": t2(texts24.previousPage) }, /* @__PURE__ */ React84__default.createElement(
4750
4786
  TextLink,
4751
4787
  {
4752
4788
  onClick: () => onPageChange(selectedPage - 1),
4753
4789
  sx: hasPreviousPage ? style.link : style.disabled
4754
4790
  },
4755
- /* @__PURE__ */ React86__default.createElement(DropdownLeftFill18Icon, { sx: style.icon })
4791
+ /* @__PURE__ */ React84__default.createElement(DropdownLeftFill18Icon, { sx: style.icon })
4756
4792
  )),
4757
4793
  renderPaginationButtons(),
4758
- /* @__PURE__ */ React86__default.createElement(ListItem, { "aria-label": t2(texts23.nextPage) }, /* @__PURE__ */ React86__default.createElement(
4794
+ /* @__PURE__ */ React84__default.createElement(ListItem, { "aria-label": t2(texts24.nextPage) }, /* @__PURE__ */ React84__default.createElement(
4759
4795
  TextLink,
4760
4796
  {
4761
4797
  onClick: () => onPageChange(selectedPage + 1),
4762
4798
  sx: hasNextPage ? style.link : style.disabled
4763
4799
  },
4764
- /* @__PURE__ */ React86__default.createElement(DropdownRightFill18Icon, { sx: style.icon })
4800
+ /* @__PURE__ */ React84__default.createElement(DropdownRightFill18Icon, { sx: style.icon })
4765
4801
  ))
4766
4802
  ));
4767
4803
  };
4768
- var texts23 = createTexts({
4804
+ var texts24 = createTexts({
4769
4805
  previousPage: {
4770
4806
  nb: "Forrige side",
4771
4807
  nn: "F\xF8rre side",
@@ -4781,7 +4817,7 @@ var texts23 = createTexts({
4781
4817
  });
4782
4818
  var ProgressDot = ({ isActive }) => {
4783
4819
  const style = useMultiStyleConfig("ProgressIndicator");
4784
- return /* @__PURE__ */ React86__default.createElement(
4820
+ return /* @__PURE__ */ React84__default.createElement(
4785
4821
  Box,
4786
4822
  {
4787
4823
  as: "svg",
@@ -4791,7 +4827,7 @@ var ProgressDot = ({ isActive }) => {
4791
4827
  viewBox: "0 0 100 100",
4792
4828
  "aria-current": isActive ? "step" : void 0
4793
4829
  },
4794
- /* @__PURE__ */ React86__default.createElement(Box, { as: "circle", cx: "50", cy: "50", r: "50" })
4830
+ /* @__PURE__ */ React84__default.createElement(Box, { as: "circle", cx: "50", cy: "50", r: "50" })
4795
4831
  );
4796
4832
  };
4797
4833
 
@@ -4802,7 +4838,7 @@ var ProgressIndicator = ({
4802
4838
  }) => {
4803
4839
  const { t: t2 } = useTranslation();
4804
4840
  const style = useMultiStyleConfig("ProgressIndicator");
4805
- return /* @__PURE__ */ React86__default.createElement(
4841
+ return /* @__PURE__ */ React84__default.createElement(
4806
4842
  Box,
4807
4843
  {
4808
4844
  __css: style.root,
@@ -4810,9 +4846,9 @@ var ProgressIndicator = ({
4810
4846
  "aria-valuemin": 1,
4811
4847
  "aria-valuemax": numberOfSteps,
4812
4848
  "aria-valuenow": activeStep,
4813
- "aria-valuetext": t2(texts24.stepsOf(activeStep, numberOfSteps))
4849
+ "aria-valuetext": t2(texts25.stepsOf(activeStep, numberOfSteps))
4814
4850
  },
4815
- /* @__PURE__ */ React86__default.createElement(Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React86__default.createElement(
4851
+ /* @__PURE__ */ React84__default.createElement(Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React84__default.createElement(
4816
4852
  ProgressDot,
4817
4853
  {
4818
4854
  key: i,
@@ -4822,7 +4858,7 @@ var ProgressIndicator = ({
4822
4858
  )))
4823
4859
  );
4824
4860
  };
4825
- var texts24 = createTexts({
4861
+ var texts25 = createTexts({
4826
4862
  stepsOf: (activeStep, numberOfSteps) => ({
4827
4863
  nb: `Steg ${activeStep} av ${numberOfSteps}`,
4828
4864
  nn: `Steg ${activeStep} av ${numberOfSteps}`,
@@ -4839,9 +4875,9 @@ var SporProvider = ({
4839
4875
  }) => {
4840
4876
  const brandCustomizations = brandTheme[brand] ?? {};
4841
4877
  const extendedTheme = deepmerge(theme3, brandCustomizations);
4842
- return /* @__PURE__ */ React86__default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React86__default.createElement(ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React86__default.createElement(Global, { styles: fontFaces }), children));
4878
+ return /* @__PURE__ */ React84__default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React84__default.createElement(ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React84__default.createElement(Global, { styles: fontFaces }), children));
4843
4879
  };
4844
- var StepperContext = React86__default.createContext(null);
4880
+ var StepperContext = React84__default.createContext(null);
4845
4881
  var StepperProvider = ({
4846
4882
  activeStep,
4847
4883
  children,
@@ -4849,7 +4885,7 @@ var StepperProvider = ({
4849
4885
  numberOfSteps,
4850
4886
  variant
4851
4887
  }) => {
4852
- return /* @__PURE__ */ React86__default.createElement(
4888
+ return /* @__PURE__ */ React84__default.createElement(
4853
4889
  StepperContext.Provider,
4854
4890
  {
4855
4891
  value: { activeStep, onClick, numberOfSteps, variant }
@@ -4858,7 +4894,7 @@ var StepperProvider = ({
4858
4894
  );
4859
4895
  };
4860
4896
  var useStepper = () => {
4861
- const context = React86__default.useContext(StepperContext);
4897
+ const context = React84__default.useContext(StepperContext);
4862
4898
  if (!context) {
4863
4899
  throw new Error(
4864
4900
  "useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
@@ -4886,7 +4922,7 @@ var Stepper = ({
4886
4922
  const { t: t2 } = useTranslation();
4887
4923
  const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
4888
4924
  const shownHeading = heading || title;
4889
- return /* @__PURE__ */ React86__default.createElement(Box, { sx: style.root }, /* @__PURE__ */ React86__default.createElement(
4925
+ return /* @__PURE__ */ React84__default.createElement(Box, { sx: style.root }, /* @__PURE__ */ React84__default.createElement(
4890
4926
  StepperProvider,
4891
4927
  {
4892
4928
  onClick,
@@ -4894,7 +4930,7 @@ var Stepper = ({
4894
4930
  variant,
4895
4931
  numberOfSteps
4896
4932
  },
4897
- /* @__PURE__ */ React86__default.createElement(Box, { sx: style.container }, /* @__PURE__ */ React86__default.createElement(Box, { sx: style.innerContainer }, /* @__PURE__ */ React86__default.createElement(
4933
+ /* @__PURE__ */ React84__default.createElement(Box, { sx: style.container }, /* @__PURE__ */ React84__default.createElement(Box, { sx: style.innerContainer }, /* @__PURE__ */ React84__default.createElement(
4898
4934
  Flex,
4899
4935
  {
4900
4936
  justifyContent: "space-between",
@@ -4902,11 +4938,11 @@ var Stepper = ({
4902
4938
  gap: 2,
4903
4939
  flex: 1
4904
4940
  },
4905
- /* @__PURE__ */ React86__default.createElement(
4941
+ /* @__PURE__ */ React84__default.createElement(
4906
4942
  IconButton,
4907
4943
  {
4908
- "aria-label": t2(texts25.back),
4909
- icon: /* @__PURE__ */ React86__default.createElement(ArrowLeftFill24Icon, null),
4944
+ "aria-label": t2(texts26.back),
4945
+ icon: /* @__PURE__ */ React84__default.createElement(ArrowLeftFill24Icon, null),
4910
4946
  variant: "ghost",
4911
4947
  size: "sm",
4912
4948
  visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
@@ -4919,9 +4955,9 @@ var Stepper = ({
4919
4955
  }
4920
4956
  }
4921
4957
  ),
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(
4958
+ shownHeading && /* @__PURE__ */ React84__default.createElement(Text4, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
4959
+ /* @__PURE__ */ React84__default.createElement(Box, { sx: style.stepCounter }, t2(texts26.stepsOf(activeStep, numberOfSteps)))
4960
+ )), /* @__PURE__ */ React84__default.createElement(Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React84__default.createElement(
4925
4961
  StepperStep,
4926
4962
  {
4927
4963
  key: index,
@@ -4934,7 +4970,7 @@ var Stepper = ({
4934
4970
  ))))
4935
4971
  ));
4936
4972
  };
4937
- var texts25 = createTexts({
4973
+ var texts26 = createTexts({
4938
4974
  stepsOf: (activeStep, numberOfSteps) => ({
4939
4975
  nb: `Steg ${activeStep}/${numberOfSteps}`,
4940
4976
  nn: `Steg ${activeStep}/${numberOfSteps}`,
@@ -4966,14 +5002,14 @@ var StepperStep = ({
4966
5002
  );
4967
5003
  const iconColor = useColorModeValue("blackAlpha.200", "whiteAlpha.200");
4968
5004
  const isDisabled = state2 !== "active" && isDisabledOverride || state2 === "disabled";
4969
- return /* @__PURE__ */ React86__default.createElement(Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React86__default.createElement(
5005
+ return /* @__PURE__ */ React84__default.createElement(Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React84__default.createElement(
4970
5006
  DropdownRightFill18Icon,
4971
5007
  {
4972
5008
  marginX: 5,
4973
5009
  display: ["none", null, "block"],
4974
5010
  color: iconColor
4975
5011
  }
4976
- ), isDisabled ? /* @__PURE__ */ React86__default.createElement(
5012
+ ), isDisabled ? /* @__PURE__ */ React84__default.createElement(
4977
5013
  Text4,
4978
5014
  {
4979
5015
  variant: "xs",
@@ -4983,7 +5019,7 @@ var StepperStep = ({
4983
5019
  paddingX: 2
4984
5020
  },
4985
5021
  children
4986
- ) : /* @__PURE__ */ React86__default.createElement(
5022
+ ) : /* @__PURE__ */ React84__default.createElement(
4987
5023
  Button2,
4988
5024
  {
4989
5025
  size: "xs",
@@ -5006,11 +5042,11 @@ var getState = (stepNumber, activeStep) => {
5006
5042
  return "disabled";
5007
5043
  };
5008
5044
  var Tabs = forwardRef((props, ref) => {
5009
- return /* @__PURE__ */ React86.createElement(Tabs$1, { ...props, ref });
5045
+ return /* @__PURE__ */ React84.createElement(Tabs$1, { ...props, ref });
5010
5046
  });
5011
5047
  var Table = forwardRef((props, ref) => {
5012
5048
  const { variant, size: size2, colorScheme, children, ...rest } = props;
5013
- return /* @__PURE__ */ React86__default.createElement(Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React86__default.createElement(Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React86__default.createElement(
5049
+ return /* @__PURE__ */ React84__default.createElement(Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React84__default.createElement(Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React84__default.createElement(
5014
5050
  Table$1,
5015
5051
  {
5016
5052
  variant,
@@ -6826,16 +6862,16 @@ Object.assign({}, space, layout, flexbox, grid, position);
6826
6862
  function defineStyle(styles3) {
6827
6863
  return styles3;
6828
6864
  }
6829
- function defineStyleConfig(config45) {
6830
- return config45;
6865
+ function defineStyleConfig(config44) {
6866
+ return config44;
6831
6867
  }
6832
6868
  function createMultiStyleConfigHelpers(parts20) {
6833
6869
  return {
6834
- definePartsStyle(config45) {
6835
- return config45;
6870
+ definePartsStyle(config44) {
6871
+ return config44;
6836
6872
  },
6837
- defineMultiStyleConfig(config45) {
6838
- return { parts: parts20, ...config45 };
6873
+ defineMultiStyleConfig(config44) {
6874
+ return { parts: parts20, ...config44 };
6839
6875
  }
6840
6876
  };
6841
6877
  }
@@ -10096,7 +10132,6 @@ __export(components_exports, {
10096
10132
  Badge: () => badge_default,
10097
10133
  Breadcrumb: () => breadcrumb_default,
10098
10134
  Button: () => button_default,
10099
- Card: () => card_default,
10100
10135
  CardSelect: () => card_select_default,
10101
10136
  Checkbox: () => checkbox_default,
10102
10137
  ChoiceChip: () => choice_chip_default,
@@ -10410,9 +10445,13 @@ var config2 = helpers.defineMultiStyleConfig({
10410
10445
  justifyContent: "space-between",
10411
10446
  ...baseText("default", props),
10412
10447
  textAlign: "left",
10448
+ fontSize: ["mobile.sm", null, "desktop.sm"],
10413
10449
  fontFamily: "body",
10414
10450
  fontWeight: "bold",
10415
10451
  outlineOffset: "-2px",
10452
+ paddingX: [2, null, 3],
10453
+ paddingY: [1, null, 1.5],
10454
+ minHeight: [6, null, 7],
10416
10455
  ...focusVisibleStyles(props),
10417
10456
  _disabled: {
10418
10457
  pointerEvents: "none",
@@ -10421,7 +10460,9 @@ var config2 = helpers.defineMultiStyleConfig({
10421
10460
  },
10422
10461
  panel: {
10423
10462
  paddingY: 2,
10424
- borderBottomRadius: "sm"
10463
+ paddingX: [2, null, 3],
10464
+ borderBottomRadius: "sm",
10465
+ fontSize: ["mobile.sm", null, "desktop.sm"]
10425
10466
  },
10426
10467
  icon: {
10427
10468
  fontSize: "1.25em"
@@ -10478,47 +10519,8 @@ var config2 = helpers.defineMultiStyleConfig({
10478
10519
  }
10479
10520
  })
10480
10521
  },
10481
- sizes: {
10482
- sm: {
10483
- button: {
10484
- fontSize: ["mobile.xs", null, "desktop.xs"],
10485
- paddingX: 2,
10486
- paddingY: 1,
10487
- minHeight: 6
10488
- },
10489
- panel: {
10490
- fontSize: ["mobile.xs", null, "desktop.xs"],
10491
- paddingX: 2
10492
- }
10493
- },
10494
- md: {
10495
- button: {
10496
- fontSize: ["mobile.sm", null, "desktop.sm"],
10497
- paddingX: 3,
10498
- paddingY: 1,
10499
- minHeight: 7
10500
- },
10501
- panel: {
10502
- fontSize: ["mobile.sm", null, "desktop.sm"],
10503
- paddingX: 3
10504
- }
10505
- },
10506
- lg: {
10507
- button: {
10508
- fontSize: ["mobile.sm", null, "desktop.sm"],
10509
- paddingX: 3,
10510
- paddingY: 2,
10511
- minHeight: 8
10512
- },
10513
- panel: {
10514
- fontSize: ["mobile.sm", null, "desktop.sm"],
10515
- paddingX: 3
10516
- }
10517
- }
10518
- },
10519
10522
  defaultProps: {
10520
- variant: "ghost",
10521
- size: "sm"
10523
+ variant: "base"
10522
10524
  }
10523
10525
  });
10524
10526
  var accordion_default = config2;
@@ -10954,507 +10956,113 @@ var config6 = defineStyleConfig$1({
10954
10956
  }
10955
10957
  });
10956
10958
  var button_default = config6;
10957
-
10958
- // src/theme/foundations/index.ts
10959
- var foundations_exports = {};
10960
- __export(foundations_exports, {
10961
- borders: () => borders2,
10962
- breakpoints: () => breakpoints2,
10963
- colors: () => colors2,
10964
- config: () => config7,
10965
- fontSizes: () => fontSizes,
10966
- fontWeights: () => fontWeights,
10967
- fonts: () => fonts,
10968
- lineHeights: () => lineHeights,
10969
- radii: () => radii2,
10970
- shadows: () => shadows2,
10971
- sizes: () => sizes24,
10972
- space: () => space2,
10973
- spacing: () => spacing2,
10974
- styles: () => styles2,
10975
- textStyles: () => textStyles,
10976
- zIndices: () => zIndices2
10959
+ var parts3 = anatomy("card-select").parts("trigger", "card");
10960
+ var helpers4 = createMultiStyleConfigHelpers(parts3.keys);
10961
+ var config7 = helpers4.defineMultiStyleConfig({
10962
+ baseStyle: (props) => ({
10963
+ trigger: {
10964
+ appearance: "none",
10965
+ display: "flex",
10966
+ alignItems: "center",
10967
+ transitionProperty: "outline",
10968
+ transitionDuration: "fast",
10969
+ ...baseText("default", props),
10970
+ ...focusVisibleStyles(props)
10971
+ },
10972
+ card: {
10973
+ borderRadius: "sm",
10974
+ boxShadow: "md",
10975
+ padding: 3,
10976
+ ...baseText("default", props),
10977
+ backgroundColor: mode(
10978
+ "white",
10979
+ `color-mix(in srgb, white 10%, var(--spor-colors-bg-default-dark))`
10980
+ )(props)
10981
+ }
10982
+ }),
10983
+ variants: {
10984
+ base: (props) => ({
10985
+ trigger: {
10986
+ ...baseBorder("default", props),
10987
+ _hover: {
10988
+ ...baseBorder("hover", props)
10989
+ },
10990
+ _active: {
10991
+ ...baseBackground("active", props),
10992
+ ...baseBorder("default", props)
10993
+ },
10994
+ _expanded: {
10995
+ ...baseBackground("active", props)
10996
+ }
10997
+ }
10998
+ }),
10999
+ ghost: (props) => ({
11000
+ trigger: {
11001
+ _hover: {
11002
+ ...ghostBackground("hover", props)
11003
+ },
11004
+ _active: {
11005
+ ...ghostBackground("active", props)
11006
+ },
11007
+ _expanded: {
11008
+ ...ghostBackground("selected", props)
11009
+ }
11010
+ }
11011
+ }),
11012
+ floating: (props) => ({
11013
+ trigger: {
11014
+ boxShadow: "sm",
11015
+ ...floatingBackground("default", props),
11016
+ ...floatingBorder("default", props),
11017
+ transition: "all .1s ease-out",
11018
+ _hover: {
11019
+ ...floatingBackground("hover", props),
11020
+ ...floatingBorder("hover", props)
11021
+ },
11022
+ _active: {
11023
+ ...floatingBackground("active", props),
11024
+ ...floatingBorder("active", props)
11025
+ },
11026
+ _expanded: {
11027
+ ...floatingBackground("active", props)
11028
+ }
11029
+ },
11030
+ card: {}
11031
+ })
11032
+ },
11033
+ sizes: {
11034
+ sm: {
11035
+ trigger: {
11036
+ paddingX: 1.5,
11037
+ paddingY: 1,
11038
+ minHeight: "1.25rem",
11039
+ fontSize: "xs",
11040
+ borderRadius: "sm"
11041
+ }
11042
+ },
11043
+ md: {
11044
+ trigger: {
11045
+ paddingX: 2,
11046
+ paddingY: 1.5,
11047
+ minHeight: "2.625rem",
11048
+ fontSize: "sm",
11049
+ borderRadius: "sm"
11050
+ }
11051
+ },
11052
+ lg: {
11053
+ trigger: {
11054
+ paddingX: 3,
11055
+ paddingY: 2,
11056
+ minHeight: "3.375rem",
11057
+ fontSize: "sm",
11058
+ borderRadius: "sm"
11059
+ }
11060
+ }
11061
+ }
10977
11062
  });
10978
- var borders2 = {
10979
- none: "0",
10980
- sm: `${tokens11__default.size.stroke.sm} solid`,
10981
- "sm-dashed": `${tokens11__default.size.stroke.sm} dashed`,
10982
- md: `${tokens11__default.size.stroke.md} solid`,
10983
- "md-dashed": `${tokens11__default.size.stroke.md} dashed`,
10984
- lg: `${tokens11__default.size.stroke.lg} solid`,
10985
- "lg-dashed": `${tokens11__default.size.stroke.lg} dashed`
10986
- };
10987
- var breakpoints2 = {
10988
- base: "0px",
10989
- sm: tokens11__default.size.breakpoint.sm,
10990
- md: tokens11__default.size.breakpoint.md,
10991
- lg: tokens11__default.size.breakpoint.lg,
10992
- xl: tokens11__default.size.breakpoint.xl,
10993
- "2xl": tokens11__default.size.breakpoint.xl
10994
- };
10995
- var colors2 = {
10996
- ...tokens11__default.color.alias,
10997
- ...tokens11__default.color.palette,
10998
- ...tokens11__default.color.vyDigital,
10999
- linjetag: tokens11__default.color.linjetag
11000
- };
11001
-
11002
- // src/theme/foundations/config.ts
11003
- var config7 = {
11004
- cssVarPrefix: "spor",
11005
- initialColorMode: "light",
11006
- useSystemColorMode: false
11007
- };
11008
- var fonts = {
11009
- body: `${tokens11__default.font.family.body}, arial, sans-serif`,
11010
- heading: `${tokens11__default.font.family.heading}, arial, sans-serif`,
11011
- mono: `${tokens11__default.font.family.monospace}, monospace`
11012
- };
11013
- var fontSizes = {
11014
- "2xs": tokens11__default.size.font.xs.mobile,
11015
- xs: tokens11__default.size.font.sm.mobile,
11016
- sm: tokens11__default.size.font.md.mobile,
11017
- md: tokens11__default.size.font.lg.mobile,
11018
- lg: tokens11__default.size.font.xl.mobile,
11019
- xl: tokens11__default.size.font.xxl.mobile,
11020
- "2xl": tokens11__default.size.font.xl.desktop,
11021
- "3xl": tokens11__default.size.font.xxl.desktop,
11022
- mobile: {
11023
- xs: tokens11__default.size.font.xs.mobile,
11024
- sm: tokens11__default.size.font.sm.mobile,
11025
- md: tokens11__default.size.font.md.mobile,
11026
- lg: tokens11__default.size.font.lg.mobile,
11027
- xl: tokens11__default.size.font.xl.mobile,
11028
- xxl: tokens11__default.size.font.xxl.mobile
11029
- },
11030
- desktop: {
11031
- xs: tokens11__default.size.font.xs.desktop,
11032
- sm: tokens11__default.size.font.sm.desktop,
11033
- md: tokens11__default.size.font.md.desktop,
11034
- lg: tokens11__default.size.font.lg.desktop,
11035
- xl: tokens11__default.size.font.xl.desktop,
11036
- xxl: tokens11__default.size.font.xxl.desktop
11037
- }
11038
- };
11039
-
11040
- // src/theme/foundations/fontWeights.ts
11041
- var fontWeights = {
11042
- light: 300,
11043
- medium: 400,
11044
- bold: 700
11045
- };
11046
- var lineHeights = {
11047
- base: tokens11__default.font.style.lg["line-height"],
11048
- normal: tokens11__default.font.style.lg["line-height"]
11049
- };
11050
- var radii2 = {
11051
- none: tokens11__default.size["border-radius"].none,
11052
- xs: tokens11__default.size["border-radius"].xs,
11053
- sm: tokens11__default.size["border-radius"].sm,
11054
- md: tokens11__default.size["border-radius"].md,
11055
- lg: tokens11__default.size["border-radius"].lg,
11056
- xl: tokens11__default.size["border-radius"].xl,
11057
- "2xl": tokens11__default.size["border-radius"]["2xl"],
11058
- round: "50%"
11059
- };
11060
- var shadows2 = {
11061
- none: "none",
11062
- sm: tokens11__default.depth.shadow.sm.value,
11063
- md: tokens11__default.depth.shadow.md.value,
11064
- lg: tokens11__default.depth.shadow.lg.value
11065
- };
11066
- var spacing2 = Object.entries(tokens11__default.size.spacing).reduce(
11067
- (tokens16, [key, token]) => ({
11068
- ...tokens16,
11069
- [Number(key)]: token
11070
- }),
11071
- {}
11072
- );
11073
- var space2 = spacing2;
11074
-
11075
- // src/theme/foundations/sizes.ts
11076
- var largeSizes2 = {
11077
- max: "max-content",
11078
- min: "min-content",
11079
- full: "100%",
11080
- "3xs": "14rem",
11081
- "2xs": "16rem",
11082
- xs: "20rem",
11083
- sm: "24rem",
11084
- md: "28rem",
11085
- lg: "32rem",
11086
- xl: "36rem",
11087
- "2xl": "42rem",
11088
- "3xl": "48rem",
11089
- "4xl": "56rem",
11090
- "5xl": "64rem",
11091
- "6xl": "72rem",
11092
- "7xl": "80rem",
11093
- "8xl": "90rem"
11094
- };
11095
- var container2 = {
11096
- sm: "640px",
11097
- md: "768px",
11098
- lg: "1024px",
11099
- xl: "1280px"
11100
- };
11101
- var sizes24 = {
11102
- ...spacing2,
11103
- ...largeSizes2,
11104
- container: container2
11105
- };
11106
- var textStyles = {
11107
- "2xl": {
11108
- fontSize: [
11109
- tokens11__default.font.style.xxl["font-size"].mobile,
11110
- null,
11111
- null,
11112
- tokens11__default.font.style.xxl["font-size"].desktop
11113
- ],
11114
- fontFamily: tokens11__default.font.style.xxl["font-family"],
11115
- lineHeight: tokens11__default.font.style.xxl["line-height"]
11116
- },
11117
- "xl-display": {
11118
- fontSize: [
11119
- tokens11__default.font.style["xl-display"]["font-size"].mobile,
11120
- null,
11121
- null,
11122
- tokens11__default.font.style["xl-display"]["font-size"].desktop
11123
- ],
11124
- fontFamily: tokens11__default.font.style["xl-display"]["font-family"],
11125
- lineHeight: tokens11__default.font.style["xl-display"]["line-height"]
11126
- },
11127
- "xl-sans": {
11128
- fontSize: [
11129
- tokens11__default.font.style["xl-sans"]["font-size"].mobile,
11130
- null,
11131
- null,
11132
- tokens11__default.font.style["xl-sans"]["font-size"].desktop
11133
- ],
11134
- fontFamily: tokens11__default.font.style["xl-sans"]["font-family"],
11135
- lineHeight: tokens11__default.font.style["xl-sans"]["line-height"]
11136
- },
11137
- lg: {
11138
- fontSize: [
11139
- tokens11__default.font.style.lg["font-size"].mobile,
11140
- null,
11141
- null,
11142
- tokens11__default.font.style.lg["font-size"].desktop
11143
- ],
11144
- fontFamily: tokens11__default.font.style.lg["font-family"],
11145
- lineHeight: tokens11__default.font.style.lg["line-height"]
11146
- },
11147
- md: {
11148
- fontSize: [
11149
- tokens11__default.font.style.md["font-size"].mobile,
11150
- null,
11151
- null,
11152
- tokens11__default.font.style.md["font-size"].desktop
11153
- ],
11154
- fontFamily: tokens11__default.font.style.md["font-family"],
11155
- lineHeight: tokens11__default.font.style.md["line-height"]
11156
- },
11157
- sm: {
11158
- fontSize: [
11159
- tokens11__default.font.style.sm["font-size"].mobile,
11160
- null,
11161
- null,
11162
- tokens11__default.font.style.sm["font-size"].desktop
11163
- ],
11164
- fontFamily: tokens11__default.font.style.sm["font-family"],
11165
- lineHeight: tokens11__default.font.style.sm["line-height"]
11166
- },
11167
- xs: {
11168
- fontSize: [
11169
- tokens11__default.font.style.xs["font-size"].mobile,
11170
- null,
11171
- null,
11172
- tokens11__default.font.style.xs["font-size"].desktop
11173
- ],
11174
- fontFamily: tokens11__default.font.style.xs["font-family"],
11175
- lineHeight: tokens11__default.font.style.xs["line-height"]
11176
- }
11177
- };
11178
- var zIndices2 = {
11179
- hide: tokens11__default.depth["z-index"].hide,
11180
- auto: "auto",
11181
- base: tokens11__default.depth["z-index"].base,
11182
- docked: tokens11__default.depth["z-index"].docked,
11183
- dropdown: tokens11__default.depth["z-index"].dropdown,
11184
- sticky: tokens11__default.depth["z-index"].sticky,
11185
- banner: tokens11__default.depth["z-index"].banner,
11186
- overlay: tokens11__default.depth["z-index"].overlay,
11187
- modal: tokens11__default.depth["z-index"].modal,
11188
- popover: tokens11__default.depth["z-index"].popover,
11189
- skipLink: tokens11__default.depth["z-index"].skipLink,
11190
- toast: tokens11__default.depth["z-index"].toast,
11191
- tooltip: tokens11__default.depth["z-index"].tooltip
11192
- };
11193
- var styles2 = {
11194
- global: (props) => ({
11195
- "html, body": {
11196
- color: mode("darkGrey", "lightGrey")(props)
11197
- },
11198
- svg: {
11199
- display: "initial"
11200
- }
11201
- })
11202
- };
11203
-
11204
- // src/theme/components/card.ts
11205
- var config8 = defineStyleConfig$1({
11206
- baseStyle: (props) => ({
11207
- appearance: "none",
11208
- border: "none",
11209
- overflow: "hidden",
11210
- fontSize: "inherit",
11211
- display: "block",
11212
- transitionProperty: "common",
11213
- transitionDuration: "fast",
11214
- borderRadius: "md",
11215
- // Except for white cards, all cards are light mode always
11216
- color: "text.default.light",
11217
- ...getColorSchemeBaseProps(props),
11218
- "button&, a&, label&, &.is-clickable": {
11219
- outline: "1px solid",
11220
- ...getColorSchemeClickableProps(props),
11221
- ...focusVisibleStyles(props),
11222
- _hover: getColorSchemeHoverProps(props),
11223
- _active: getColorSchemeActiveProps(props),
11224
- _disabled: {
11225
- ...baseBackground("disabled", props),
11226
- ...baseBorder("disabled", props),
11227
- ...baseText("disabled", props),
11228
- pointerEvents: "none"
11229
- }
11230
- }
11231
- }),
11232
- sizes: {
11233
- sm: {
11234
- "button&, a&, label&, &.is-clickable": {
11235
- boxShadow: "sm",
11236
- _hover: {
11237
- boxShadow: "md"
11238
- },
11239
- _active: {
11240
- boxShadow: "none"
11241
- }
11242
- }
11243
- },
11244
- lg: {
11245
- "button&, a&, label&, &.is-clickable": {
11246
- boxShadow: "md",
11247
- _hover: {
11248
- boxShadow: "lg"
11249
- },
11250
- _active: {
11251
- boxShadow: "sm"
11252
- }
11253
- }
11254
- }
11255
- }
11256
- });
11257
- var card_default = config8;
11258
- var getColorSchemeBaseProps = (props) => {
11259
- var _a6;
11260
- switch (props.colorScheme) {
11261
- case "white":
11262
- return {
11263
- ...baseBorder("default", props),
11264
- backgroundColor: mode(
11265
- "white",
11266
- `color-mix(in srgb, white 10%, var(--spor-colors-bg-default-dark))`
11267
- )(props),
11268
- color: "inherit"
11269
- };
11270
- case "grey":
11271
- return {
11272
- backgroundColor: "lightGrey"
11273
- };
11274
- case "green": {
11275
- return {
11276
- backgroundColor: "seaMist"
11277
- };
11278
- }
11279
- case "red": {
11280
- return {
11281
- backgroundColor: "pink"
11282
- };
11283
- }
11284
- default:
11285
- return {
11286
- backgroundColor: ((_a6 = colors2[props.colorScheme]) == null ? void 0 : _a6[100]) ?? "platinum"
11287
- };
11288
- }
11289
- };
11290
- function getColorSchemeClickableProps(props) {
11291
- var _a6, _b5;
11292
- switch (props.colorScheme) {
11293
- case "white":
11294
- return {
11295
- ...floatingBorder("default", props)
11296
- };
11297
- case "grey":
11298
- return {
11299
- outlineColor: "steel"
11300
- };
11301
- default:
11302
- return {
11303
- backgroundColor: ((_a6 = colors2[props.colorScheme]) == null ? void 0 : _a6[100]) ?? "platinum",
11304
- outlineColor: ((_b5 = colors2[props.colorScheme]) == null ? void 0 : _b5[200]) ?? "silver"
11305
- };
11306
- }
11307
- }
11308
- var getColorSchemeHoverProps = (props) => {
11309
- var _a6, _b5;
11310
- switch (props.colorScheme) {
11311
- case "white":
11312
- return {
11313
- backgroundColor: mode(
11314
- "white",
11315
- `color-mix(in srgb, white 20%, var(--spor-colors-bg-default-dark))`
11316
- )(props),
11317
- ...floatingBorder("hover", props)
11318
- };
11319
- case "grey":
11320
- return {
11321
- outlineColor: "osloGrey"
11322
- };
11323
- default:
11324
- return {
11325
- backgroundColor: ((_a6 = colors2[props.colorScheme]) == null ? void 0 : _a6[200]) ?? "silver",
11326
- outlineColor: ((_b5 = colors2[props.colorScheme]) == null ? void 0 : _b5[400]) ?? "silver"
11327
- };
11328
- }
11329
- };
11330
- var getColorSchemeActiveProps = (props) => {
11331
- var _a6, _b5;
11332
- const { colorScheme } = props;
11333
- switch (colorScheme) {
11334
- case "white":
11335
- return {
11336
- backgroundColor: mode("bg.tertiary.light", `bg.default.dark`)(props),
11337
- ...floatingBorder("active", props)
11338
- };
11339
- case "grey":
11340
- return {
11341
- backgroundColor: "white",
11342
- outlineColor: "steel"
11343
- };
11344
- default:
11345
- return {
11346
- backgroundColor: ((_a6 = colors2[colorScheme]) == null ? void 0 : _a6[50]) ?? "lightGrey",
11347
- outlineColor: ((_b5 = colors2[colorScheme]) == null ? void 0 : _b5[100]) ?? "silver"
11348
- };
11349
- }
11350
- };
11351
- var parts3 = anatomy("card-select").parts("trigger", "card");
11352
- var helpers4 = createMultiStyleConfigHelpers(parts3.keys);
11353
- var config9 = helpers4.defineMultiStyleConfig({
11354
- baseStyle: (props) => ({
11355
- trigger: {
11356
- appearance: "none",
11357
- display: "flex",
11358
- alignItems: "center",
11359
- transitionProperty: "outline",
11360
- transitionDuration: "fast",
11361
- ...baseText("default", props),
11362
- ...focusVisibleStyles(props)
11363
- },
11364
- card: {
11365
- borderRadius: "sm",
11366
- boxShadow: "md",
11367
- padding: 3,
11368
- ...baseText("default", props),
11369
- backgroundColor: mode(
11370
- "white",
11371
- `color-mix(in srgb, white 10%, var(--spor-colors-bg-default-dark))`
11372
- )(props)
11373
- }
11374
- }),
11375
- variants: {
11376
- base: (props) => ({
11377
- trigger: {
11378
- ...baseBorder("default", props),
11379
- _hover: {
11380
- ...baseBorder("hover", props)
11381
- },
11382
- _active: {
11383
- ...baseBackground("active", props),
11384
- ...baseBorder("default", props)
11385
- },
11386
- _expanded: {
11387
- ...baseBackground("active", props)
11388
- }
11389
- }
11390
- }),
11391
- ghost: (props) => ({
11392
- trigger: {
11393
- _hover: {
11394
- ...ghostBackground("hover", props)
11395
- },
11396
- _active: {
11397
- ...ghostBackground("active", props)
11398
- },
11399
- _expanded: {
11400
- ...ghostBackground("selected", props)
11401
- }
11402
- }
11403
- }),
11404
- floating: (props) => ({
11405
- trigger: {
11406
- boxShadow: "sm",
11407
- ...floatingBackground("default", props),
11408
- ...floatingBorder("default", props),
11409
- transition: "all .1s ease-out",
11410
- _hover: {
11411
- ...floatingBackground("hover", props),
11412
- ...floatingBorder("hover", props)
11413
- },
11414
- _active: {
11415
- ...floatingBackground("active", props),
11416
- ...floatingBorder("active", props)
11417
- },
11418
- _expanded: {
11419
- ...floatingBackground("active", props)
11420
- }
11421
- },
11422
- card: {}
11423
- })
11424
- },
11425
- sizes: {
11426
- sm: {
11427
- trigger: {
11428
- paddingX: 1.5,
11429
- paddingY: 1,
11430
- minHeight: "1.25rem",
11431
- fontSize: "xs",
11432
- borderRadius: "sm"
11433
- }
11434
- },
11435
- md: {
11436
- trigger: {
11437
- paddingX: 2,
11438
- paddingY: 1.5,
11439
- minHeight: "2.625rem",
11440
- fontSize: "sm",
11441
- borderRadius: "sm"
11442
- }
11443
- },
11444
- lg: {
11445
- trigger: {
11446
- paddingX: 3,
11447
- paddingY: 2,
11448
- minHeight: "3.375rem",
11449
- fontSize: "sm",
11450
- borderRadius: "sm"
11451
- }
11452
- }
11453
- }
11454
- });
11455
- var card_select_default = config9;
11063
+ var card_select_default = config7;
11456
11064
  var helpers5 = createMultiStyleConfigHelpers$1(checkboxAnatomy.keys);
11457
- var config10 = helpers5.defineMultiStyleConfig({
11065
+ var config8 = helpers5.defineMultiStyleConfig({
11458
11066
  baseStyle: (props) => ({
11459
11067
  container: {
11460
11068
  _hover: {
@@ -11525,10 +11133,10 @@ var config10 = helpers5.defineMultiStyleConfig({
11525
11133
  }
11526
11134
  })
11527
11135
  });
11528
- var checkbox_default = config10;
11136
+ var checkbox_default = config8;
11529
11137
  var parts4 = anatomy$1("choice-chip").parts("container", "icon", "label");
11530
11138
  var helpers6 = createMultiStyleConfigHelpers$1(parts4.keys);
11531
- var config11 = helpers6.defineMultiStyleConfig({
11139
+ var config9 = helpers6.defineMultiStyleConfig({
11532
11140
  baseStyle: (props) => ({
11533
11141
  container: {
11534
11142
  display: "inline-flex",
@@ -11671,64 +11279,312 @@ var config11 = helpers6.defineMultiStyleConfig({
11671
11279
  }
11672
11280
  }
11673
11281
  },
11674
- defaultProps: {
11675
- size: "sm"
11282
+ defaultProps: {
11283
+ size: "sm"
11284
+ }
11285
+ });
11286
+ var choice_chip_default = config9;
11287
+ var $size6 = cssVar$1("close-button-size");
11288
+ var config10 = defineStyleConfig$1({
11289
+ baseStyle: (props) => ({
11290
+ w: [$size6.reference],
11291
+ h: [$size6.reference],
11292
+ transitionProperty: "common",
11293
+ transitionDuration: "normal",
11294
+ borderRadius: "md",
11295
+ backgroundColor: "transparent",
11296
+ color: mode("darkGrey", "white")(props),
11297
+ fontWeight: "normal",
11298
+ ...focusVisibleStyles(props),
11299
+ _hover: {
11300
+ ...ghostBackground("hover", props),
11301
+ _disabled: {
11302
+ color: "dimGrey"
11303
+ }
11304
+ },
11305
+ _active: {
11306
+ ...ghostBackground("active", props)
11307
+ }
11308
+ }),
11309
+ sizes: {
11310
+ lg: {
11311
+ [$size6.variable]: "40px",
11312
+ fontSize: "xs"
11313
+ },
11314
+ md: {
11315
+ [$size6.variable]: "32px",
11316
+ fontSize: "0.75rem"
11317
+ },
11318
+ sm: {
11319
+ [$size6.variable]: "24px",
11320
+ fontSize: "0.625rem"
11321
+ }
11322
+ },
11323
+ defaultProps: {
11324
+ size: "md"
11325
+ }
11326
+ });
11327
+ var close_button_default = config10;
11328
+ var { variants: variants13, defaultProps: defaultProps2 } = badge_default;
11329
+ var config11 = defineStyleConfig$1({
11330
+ baseStyle: {
11331
+ fontFamily: "monospace",
11332
+ fontSize: ["mobile.xs", "desktop.xs"],
11333
+ borderRadius: "xs",
11334
+ paddingX: 1
11335
+ },
11336
+ variants: variants13,
11337
+ defaultProps: defaultProps2
11338
+ });
11339
+ var code_default = config11;
11340
+
11341
+ // src/theme/foundations/index.ts
11342
+ var foundations_exports = {};
11343
+ __export(foundations_exports, {
11344
+ borders: () => borders2,
11345
+ breakpoints: () => breakpoints2,
11346
+ colors: () => colors2,
11347
+ config: () => config12,
11348
+ fontSizes: () => fontSizes,
11349
+ fontWeights: () => fontWeights,
11350
+ fonts: () => fonts,
11351
+ lineHeights: () => lineHeights,
11352
+ radii: () => radii2,
11353
+ shadows: () => shadows2,
11354
+ sizes: () => sizes24,
11355
+ space: () => space2,
11356
+ spacing: () => spacing2,
11357
+ styles: () => styles2,
11358
+ textStyles: () => textStyles,
11359
+ zIndices: () => zIndices2
11360
+ });
11361
+ var borders2 = {
11362
+ none: "0",
11363
+ sm: `${tokens11__default.size.stroke.sm} solid`,
11364
+ "sm-dashed": `${tokens11__default.size.stroke.sm} dashed`,
11365
+ md: `${tokens11__default.size.stroke.md} solid`,
11366
+ "md-dashed": `${tokens11__default.size.stroke.md} dashed`,
11367
+ lg: `${tokens11__default.size.stroke.lg} solid`,
11368
+ "lg-dashed": `${tokens11__default.size.stroke.lg} dashed`
11369
+ };
11370
+ var breakpoints2 = {
11371
+ base: "0px",
11372
+ sm: tokens11__default.size.breakpoint.sm,
11373
+ md: tokens11__default.size.breakpoint.md,
11374
+ lg: tokens11__default.size.breakpoint.lg,
11375
+ xl: tokens11__default.size.breakpoint.xl,
11376
+ "2xl": tokens11__default.size.breakpoint.xl
11377
+ };
11378
+ var colors2 = {
11379
+ ...tokens11__default.color.alias,
11380
+ ...tokens11__default.color.palette,
11381
+ ...tokens11__default.color.vyDigital,
11382
+ linjetag: tokens11__default.color.linjetag
11383
+ };
11384
+
11385
+ // src/theme/foundations/config.ts
11386
+ var config12 = {
11387
+ cssVarPrefix: "spor",
11388
+ initialColorMode: "light",
11389
+ useSystemColorMode: false
11390
+ };
11391
+ var fonts = {
11392
+ body: `${tokens11__default.font.family.body}, arial, sans-serif`,
11393
+ heading: `${tokens11__default.font.family.heading}, arial, sans-serif`,
11394
+ mono: `${tokens11__default.font.family.monospace}, monospace`
11395
+ };
11396
+ var fontSizes = {
11397
+ "2xs": tokens11__default.size.font.xs.mobile,
11398
+ xs: tokens11__default.size.font.sm.mobile,
11399
+ sm: tokens11__default.size.font.md.mobile,
11400
+ md: tokens11__default.size.font.lg.mobile,
11401
+ lg: tokens11__default.size.font.xl.mobile,
11402
+ xl: tokens11__default.size.font.xxl.mobile,
11403
+ "2xl": tokens11__default.size.font.xl.desktop,
11404
+ "3xl": tokens11__default.size.font.xxl.desktop,
11405
+ mobile: {
11406
+ xs: tokens11__default.size.font.xs.mobile,
11407
+ sm: tokens11__default.size.font.sm.mobile,
11408
+ md: tokens11__default.size.font.md.mobile,
11409
+ lg: tokens11__default.size.font.lg.mobile,
11410
+ xl: tokens11__default.size.font.xl.mobile,
11411
+ xxl: tokens11__default.size.font.xxl.mobile
11412
+ },
11413
+ desktop: {
11414
+ xs: tokens11__default.size.font.xs.desktop,
11415
+ sm: tokens11__default.size.font.sm.desktop,
11416
+ md: tokens11__default.size.font.md.desktop,
11417
+ lg: tokens11__default.size.font.lg.desktop,
11418
+ xl: tokens11__default.size.font.xl.desktop,
11419
+ xxl: tokens11__default.size.font.xxl.desktop
11676
11420
  }
11677
- });
11678
- var choice_chip_default = config11;
11679
- var $size6 = cssVar$1("close-button-size");
11680
- var config12 = defineStyleConfig$1({
11681
- baseStyle: (props) => ({
11682
- w: [$size6.reference],
11683
- h: [$size6.reference],
11684
- transitionProperty: "common",
11685
- transitionDuration: "normal",
11686
- borderRadius: "md",
11687
- backgroundColor: "transparent",
11688
- color: mode("darkGrey", "white")(props),
11689
- fontWeight: "normal",
11690
- ...focusVisibleStyles(props),
11691
- _hover: {
11692
- ...ghostBackground("hover", props),
11693
- _disabled: {
11694
- color: "dimGrey"
11695
- }
11696
- },
11697
- _active: {
11698
- ...ghostBackground("active", props)
11699
- }
11421
+ };
11422
+
11423
+ // src/theme/foundations/fontWeights.ts
11424
+ var fontWeights = {
11425
+ light: 300,
11426
+ medium: 400,
11427
+ bold: 700
11428
+ };
11429
+ var lineHeights = {
11430
+ base: tokens11__default.font.style.lg["line-height"],
11431
+ normal: tokens11__default.font.style.lg["line-height"]
11432
+ };
11433
+ var radii2 = {
11434
+ none: tokens11__default.size["border-radius"].none,
11435
+ xs: tokens11__default.size["border-radius"].xs,
11436
+ sm: tokens11__default.size["border-radius"].sm,
11437
+ md: tokens11__default.size["border-radius"].md,
11438
+ lg: tokens11__default.size["border-radius"].lg,
11439
+ xl: tokens11__default.size["border-radius"].xl,
11440
+ "2xl": tokens11__default.size["border-radius"]["2xl"],
11441
+ round: "50%"
11442
+ };
11443
+ var shadows2 = {
11444
+ none: "none",
11445
+ sm: tokens11__default.depth.shadow.sm.value,
11446
+ md: tokens11__default.depth.shadow.md.value,
11447
+ lg: tokens11__default.depth.shadow.lg.value
11448
+ };
11449
+ var spacing2 = Object.entries(tokens11__default.size.spacing).reduce(
11450
+ (tokens16, [key, token]) => ({
11451
+ ...tokens16,
11452
+ [Number(key)]: token
11700
11453
  }),
11701
- sizes: {
11702
- lg: {
11703
- [$size6.variable]: "40px",
11704
- fontSize: "xs"
11705
- },
11706
- md: {
11707
- [$size6.variable]: "32px",
11708
- fontSize: "0.75rem"
11709
- },
11710
- sm: {
11711
- [$size6.variable]: "24px",
11712
- fontSize: "0.625rem"
11713
- }
11454
+ {}
11455
+ );
11456
+ var space2 = spacing2;
11457
+
11458
+ // src/theme/foundations/sizes.ts
11459
+ var largeSizes2 = {
11460
+ max: "max-content",
11461
+ min: "min-content",
11462
+ full: "100%",
11463
+ "3xs": "14rem",
11464
+ "2xs": "16rem",
11465
+ xs: "20rem",
11466
+ sm: "24rem",
11467
+ md: "28rem",
11468
+ lg: "32rem",
11469
+ xl: "36rem",
11470
+ "2xl": "42rem",
11471
+ "3xl": "48rem",
11472
+ "4xl": "56rem",
11473
+ "5xl": "64rem",
11474
+ "6xl": "72rem",
11475
+ "7xl": "80rem",
11476
+ "8xl": "90rem"
11477
+ };
11478
+ var container2 = {
11479
+ sm: "640px",
11480
+ md: "768px",
11481
+ lg: "1024px",
11482
+ xl: "1280px"
11483
+ };
11484
+ var sizes24 = {
11485
+ ...spacing2,
11486
+ ...largeSizes2,
11487
+ container: container2
11488
+ };
11489
+ var textStyles = {
11490
+ "2xl": {
11491
+ fontSize: [
11492
+ tokens11__default.font.style.xxl["font-size"].mobile,
11493
+ null,
11494
+ null,
11495
+ tokens11__default.font.style.xxl["font-size"].desktop
11496
+ ],
11497
+ fontFamily: tokens11__default.font.style.xxl["font-family"],
11498
+ lineHeight: tokens11__default.font.style.xxl["line-height"]
11714
11499
  },
11715
- defaultProps: {
11716
- size: "md"
11717
- }
11718
- });
11719
- var close_button_default = config12;
11720
- var { variants: variants13, defaultProps: defaultProps2 } = badge_default;
11721
- var config13 = defineStyleConfig$1({
11722
- baseStyle: {
11723
- fontFamily: "monospace",
11724
- fontSize: ["mobile.xs", "desktop.xs"],
11725
- borderRadius: "xs",
11726
- paddingX: 1
11500
+ "xl-display": {
11501
+ fontSize: [
11502
+ tokens11__default.font.style["xl-display"]["font-size"].mobile,
11503
+ null,
11504
+ null,
11505
+ tokens11__default.font.style["xl-display"]["font-size"].desktop
11506
+ ],
11507
+ fontFamily: tokens11__default.font.style["xl-display"]["font-family"],
11508
+ lineHeight: tokens11__default.font.style["xl-display"]["line-height"]
11727
11509
  },
11728
- variants: variants13,
11729
- defaultProps: defaultProps2
11730
- });
11731
- var code_default = config13;
11510
+ "xl-sans": {
11511
+ fontSize: [
11512
+ tokens11__default.font.style["xl-sans"]["font-size"].mobile,
11513
+ null,
11514
+ null,
11515
+ tokens11__default.font.style["xl-sans"]["font-size"].desktop
11516
+ ],
11517
+ fontFamily: tokens11__default.font.style["xl-sans"]["font-family"],
11518
+ lineHeight: tokens11__default.font.style["xl-sans"]["line-height"]
11519
+ },
11520
+ lg: {
11521
+ fontSize: [
11522
+ tokens11__default.font.style.lg["font-size"].mobile,
11523
+ null,
11524
+ null,
11525
+ tokens11__default.font.style.lg["font-size"].desktop
11526
+ ],
11527
+ fontFamily: tokens11__default.font.style.lg["font-family"],
11528
+ lineHeight: tokens11__default.font.style.lg["line-height"]
11529
+ },
11530
+ md: {
11531
+ fontSize: [
11532
+ tokens11__default.font.style.md["font-size"].mobile,
11533
+ null,
11534
+ null,
11535
+ tokens11__default.font.style.md["font-size"].desktop
11536
+ ],
11537
+ fontFamily: tokens11__default.font.style.md["font-family"],
11538
+ lineHeight: tokens11__default.font.style.md["line-height"]
11539
+ },
11540
+ sm: {
11541
+ fontSize: [
11542
+ tokens11__default.font.style.sm["font-size"].mobile,
11543
+ null,
11544
+ null,
11545
+ tokens11__default.font.style.sm["font-size"].desktop
11546
+ ],
11547
+ fontFamily: tokens11__default.font.style.sm["font-family"],
11548
+ lineHeight: tokens11__default.font.style.sm["line-height"]
11549
+ },
11550
+ xs: {
11551
+ fontSize: [
11552
+ tokens11__default.font.style.xs["font-size"].mobile,
11553
+ null,
11554
+ null,
11555
+ tokens11__default.font.style.xs["font-size"].desktop
11556
+ ],
11557
+ fontFamily: tokens11__default.font.style.xs["font-family"],
11558
+ lineHeight: tokens11__default.font.style.xs["line-height"]
11559
+ }
11560
+ };
11561
+ var zIndices2 = {
11562
+ hide: tokens11__default.depth["z-index"].hide,
11563
+ auto: "auto",
11564
+ base: tokens11__default.depth["z-index"].base,
11565
+ docked: tokens11__default.depth["z-index"].docked,
11566
+ dropdown: tokens11__default.depth["z-index"].dropdown,
11567
+ sticky: tokens11__default.depth["z-index"].sticky,
11568
+ banner: tokens11__default.depth["z-index"].banner,
11569
+ overlay: tokens11__default.depth["z-index"].overlay,
11570
+ modal: tokens11__default.depth["z-index"].modal,
11571
+ popover: tokens11__default.depth["z-index"].popover,
11572
+ skipLink: tokens11__default.depth["z-index"].skipLink,
11573
+ toast: tokens11__default.depth["z-index"].toast,
11574
+ tooltip: tokens11__default.depth["z-index"].tooltip
11575
+ };
11576
+ var styles2 = {
11577
+ global: (props) => ({
11578
+ "html, body": {
11579
+ color: mode("darkGrey", "lightGrey")(props)
11580
+ },
11581
+ svg: {
11582
+ display: "initial"
11583
+ }
11584
+ })
11585
+ };
11586
+
11587
+ // src/theme/components/datepicker.ts
11732
11588
  var parts5 = anatomy$1("datepicker").parts(
11733
11589
  "wrapper",
11734
11590
  "calendarTriggerButton",
@@ -11744,7 +11600,7 @@ var parts5 = anatomy$1("datepicker").parts(
11744
11600
  );
11745
11601
  var $arrowBackground = cssVar$1("popper-arrow-bg");
11746
11602
  var helpers7 = createMultiStyleConfigHelpers$1(parts5.keys);
11747
- var config14 = helpers7.defineMultiStyleConfig({
11603
+ var config13 = helpers7.defineMultiStyleConfig({
11748
11604
  baseStyle: (props) => ({
11749
11605
  wrapper: {
11750
11606
  transitionProperty: "box-shadow",
@@ -11759,7 +11615,9 @@ var config14 = helpers7.defineMultiStyleConfig({
11759
11615
  },
11760
11616
  _disabled: {
11761
11617
  pointerEvents: "none",
11762
- ...baseBackground("disabled", props)
11618
+ ...baseBackground("disabled", props),
11619
+ ...baseBorder("disabled", props),
11620
+ ...baseText("disabled", props)
11763
11621
  },
11764
11622
  _focusWithin: {
11765
11623
  ...focusVisibleStyles(props)._focusVisible
@@ -11767,15 +11625,10 @@ var config14 = helpers7.defineMultiStyleConfig({
11767
11625
  },
11768
11626
  inputLabel: {
11769
11627
  fontSize: "mobile.xs",
11770
- color: mode("darkGrey", "white")(props),
11771
11628
  margin: 0,
11772
11629
  cursor: "text"
11773
11630
  },
11774
11631
  dateTimeSegment: {
11775
- color: mode(
11776
- "darkGrey",
11777
- props.isPlaceholder ? "whiteAlpha.400" : "white"
11778
- )(props),
11779
11632
  _focus: {
11780
11633
  ...brandBackground("hover", props),
11781
11634
  color: "white"
@@ -11786,13 +11639,9 @@ var config14 = helpers7.defineMultiStyleConfig({
11786
11639
  display: "flex",
11787
11640
  alignItems: "center",
11788
11641
  justifyContent: "center",
11789
- borderLeftRadius: "sm",
11790
11642
  transitionProperty: "box-shadow, background-color",
11791
11643
  transitionSpeed: "fast",
11792
11644
  position: "relative",
11793
- paddingTop: 1,
11794
- paddingBottom: 1,
11795
- borderRadius: "sm",
11796
11645
  right: "9px",
11797
11646
  ...focusVisibleStyles(props),
11798
11647
  _hover: {
@@ -11887,9 +11736,6 @@ var config14 = helpers7.defineMultiStyleConfig({
11887
11736
  },
11888
11737
  _invalid: {
11889
11738
  ...baseBorder("invalid", props)
11890
- },
11891
- _disabled: {
11892
- ...baseBorder("disabled", props)
11893
11739
  }
11894
11740
  }
11895
11741
  }),
@@ -11903,9 +11749,6 @@ var config14 = helpers7.defineMultiStyleConfig({
11903
11749
  },
11904
11750
  _invalid: {
11905
11751
  ...baseBorder("invalid", props)
11906
- },
11907
- _disabled: {
11908
- ...baseBorder("disabled", props)
11909
11752
  }
11910
11753
  }
11911
11754
  }),
@@ -11921,7 +11764,7 @@ var config14 = helpers7.defineMultiStyleConfig({
11921
11764
  })
11922
11765
  }
11923
11766
  });
11924
- var datepicker_default = config14;
11767
+ var datepicker_default = config13;
11925
11768
  var baseStyle43 = defineStyle((props) => ({
11926
11769
  borderColor: mode("blackAlpha.300", "whiteAlpha.300")(props)
11927
11770
  }));
@@ -11977,7 +11820,7 @@ var bg = (bg2, props) => {
11977
11820
 
11978
11821
  // src/theme/components/drawer.ts
11979
11822
  var helpers8 = createMultiStyleConfigHelpers$1(modalAnatomy.keys);
11980
- var config15 = helpers8.defineMultiStyleConfig({
11823
+ var config14 = helpers8.defineMultiStyleConfig({
11981
11824
  baseStyle: (props) => ({
11982
11825
  overlay: {
11983
11826
  backgroundColor: "blackAlpha.600",
@@ -12056,10 +11899,10 @@ function getSize5(value) {
12056
11899
  dialog: { maxWidth: value }
12057
11900
  };
12058
11901
  }
12059
- var drawer_default = config15;
11902
+ var drawer_default = config14;
12060
11903
  var parts6 = anatomy$1("fab").parts("container", "icon", "text");
12061
11904
  var helpers9 = createMultiStyleConfigHelpers$1(parts6.keys);
12062
- var config16 = helpers9.defineMultiStyleConfig({
11905
+ var config15 = helpers9.defineMultiStyleConfig({
12063
11906
  baseStyle: (props) => ({
12064
11907
  container: {
12065
11908
  display: "flex",
@@ -12141,7 +11984,7 @@ var config16 = helpers9.defineMultiStyleConfig({
12141
11984
  variant: "brand"
12142
11985
  }
12143
11986
  });
12144
- var fab_default = config16;
11987
+ var fab_default = config15;
12145
11988
  var getPositionProps = (props) => {
12146
11989
  switch (props.placement) {
12147
11990
  case "top left":
@@ -12155,7 +11998,7 @@ var getPositionProps = (props) => {
12155
11998
  }
12156
11999
  };
12157
12000
  var helpers10 = createMultiStyleConfigHelpers$1(formAnatomy.keys);
12158
- var config17 = helpers10.defineMultiStyleConfig({
12001
+ var config16 = helpers10.defineMultiStyleConfig({
12159
12002
  baseStyle: (props) => ({
12160
12003
  container: {
12161
12004
  width: "100%",
@@ -12175,8 +12018,8 @@ var config17 = helpers10.defineMultiStyleConfig({
12175
12018
  }
12176
12019
  })
12177
12020
  });
12178
- var form_default = config17;
12179
- var config18 = defineStyleConfig$1({
12021
+ var form_default = config16;
12022
+ var config17 = defineStyleConfig$1({
12180
12023
  baseStyle: {
12181
12024
  fontSize: "mobile.sm",
12182
12025
  marginEnd: 3,
@@ -12189,7 +12032,7 @@ var config18 = defineStyleConfig$1({
12189
12032
  }
12190
12033
  }
12191
12034
  });
12192
- var form_label_default = config18;
12035
+ var form_label_default = config17;
12193
12036
 
12194
12037
  // src/theme/utils/sr-utils.ts
12195
12038
  var srOnly2 = {
@@ -12213,7 +12056,7 @@ var parts7 = anatomy("InfoSelect").parts(
12213
12056
  "arrowIcon"
12214
12057
  );
12215
12058
  var helpers11 = createMultiStyleConfigHelpers$1(parts7.keys);
12216
- var config19 = helpers11.defineMultiStyleConfig({
12059
+ var config18 = helpers11.defineMultiStyleConfig({
12217
12060
  baseStyle: (props) => ({
12218
12061
  container: {},
12219
12062
  label: {
@@ -12280,7 +12123,7 @@ var config19 = helpers11.defineMultiStyleConfig({
12280
12123
  variant: "base"
12281
12124
  }
12282
12125
  });
12283
- var info_select_default = config19;
12126
+ var info_select_default = config18;
12284
12127
  var parts8 = anatomy$1("travel-tag").parts(
12285
12128
  "container",
12286
12129
  "iconContainer",
@@ -12291,7 +12134,7 @@ var parts8 = anatomy$1("travel-tag").parts(
12291
12134
  "deviationIcon"
12292
12135
  );
12293
12136
  var helpers12 = createMultiStyleConfigHelpers$1(parts8.keys);
12294
- var config20 = helpers12.defineMultiStyleConfig({
12137
+ var config19 = helpers12.defineMultiStyleConfig({
12295
12138
  baseStyle: (props) => ({
12296
12139
  container: {
12297
12140
  position: "relative",
@@ -12482,7 +12325,7 @@ var config20 = helpers12.defineMultiStyleConfig({
12482
12325
  size: "md"
12483
12326
  }
12484
12327
  });
12485
- var travel_tag_default = config20;
12328
+ var travel_tag_default = config19;
12486
12329
  var getDeviationContainerStyle = (props) => {
12487
12330
  switch (props.deviationLevel) {
12488
12331
  case "critical":
@@ -12537,7 +12380,7 @@ var parts9 = anatomy$1("info-tag").parts(
12537
12380
  "description"
12538
12381
  );
12539
12382
  var helpers13 = createMultiStyleConfigHelpers$1(parts9.keys);
12540
- var config21 = helpers13.defineMultiStyleConfig({
12383
+ var config20 = helpers13.defineMultiStyleConfig({
12541
12384
  baseStyle: (props) => ({
12542
12385
  ...travel_tag_default.baseStyle(props),
12543
12386
  iconContainer: {
@@ -12584,9 +12427,9 @@ var config21 = helpers13.defineMultiStyleConfig({
12584
12427
  })
12585
12428
  }
12586
12429
  });
12587
- var info_tag_default = config21;
12430
+ var info_tag_default = config20;
12588
12431
  var helpers14 = createMultiStyleConfigHelpers$1(inputAnatomy.keys);
12589
- var config22 = helpers14.defineMultiStyleConfig({
12432
+ var config21 = helpers14.defineMultiStyleConfig({
12590
12433
  baseStyle: (props) => ({
12591
12434
  field: {
12592
12435
  appearance: "none",
@@ -12652,10 +12495,10 @@ var config22 = helpers14.defineMultiStyleConfig({
12652
12495
  }
12653
12496
  })
12654
12497
  });
12655
- var input_default = config22;
12498
+ var input_default = config21;
12656
12499
  var parts10 = anatomy$1("line-tag").parts("iconContainer", "icon");
12657
12500
  var helpers15 = createMultiStyleConfigHelpers$1(parts10.keys);
12658
- var config23 = helpers15.defineMultiStyleConfig({
12501
+ var config22 = helpers15.defineMultiStyleConfig({
12659
12502
  baseStyle: {
12660
12503
  iconContainer: {
12661
12504
  display: "flex",
@@ -12772,8 +12615,8 @@ var config23 = helpers15.defineMultiStyleConfig({
12772
12615
  size: "md"
12773
12616
  }
12774
12617
  });
12775
- var line_icon_default = config23;
12776
- var config24 = defineStyleConfig$1({
12618
+ var line_icon_default = config22;
12619
+ var config23 = defineStyleConfig$1({
12777
12620
  baseStyle: (props) => ({
12778
12621
  transitionProperty: "common",
12779
12622
  transitionDuration: "fast",
@@ -12841,7 +12684,7 @@ var config24 = defineStyleConfig$1({
12841
12684
  variant: "primary"
12842
12685
  }
12843
12686
  });
12844
- var link_default = config24;
12687
+ var link_default = config23;
12845
12688
 
12846
12689
  // src/theme/components/list.ts
12847
12690
  var { defineMultiStyleConfig: defineMultiStyleConfig28, definePartsStyle: definePartsStyle28 } = createMultiStyleConfigHelpers(listAnatomy.keys);
@@ -12889,7 +12732,7 @@ var parts11 = anatomy("ListBox").parts(
12889
12732
  "description"
12890
12733
  );
12891
12734
  var helpers16 = createMultiStyleConfigHelpers$1(parts11.keys);
12892
- var config25 = helpers16.defineMultiStyleConfig({
12735
+ var config24 = helpers16.defineMultiStyleConfig({
12893
12736
  baseStyle: (props) => ({
12894
12737
  container: {
12895
12738
  ...surface("default", props),
@@ -12933,10 +12776,10 @@ var config25 = helpers16.defineMultiStyleConfig({
12933
12776
  }
12934
12777
  })
12935
12778
  });
12936
- var listbox_default = config25;
12779
+ var listbox_default = config24;
12937
12780
  var parts12 = anatomy$1("media-controller-button").parts("container", "icon");
12938
12781
  var helpers17 = createMultiStyleConfigHelpers$1(parts12.keys);
12939
- var config26 = helpers17.defineMultiStyleConfig({
12782
+ var config25 = helpers17.defineMultiStyleConfig({
12940
12783
  baseStyle: (props) => ({
12941
12784
  container: {
12942
12785
  fontSize: 30,
@@ -13019,9 +12862,9 @@ var config26 = helpers17.defineMultiStyleConfig({
13019
12862
  })
13020
12863
  }
13021
12864
  });
13022
- var media_controller_button_default = config26;
12865
+ var media_controller_button_default = config25;
13023
12866
  var helpers18 = createMultiStyleConfigHelpers$1(modalAnatomy.keys);
13024
- var config27 = helpers18.defineMultiStyleConfig({
12867
+ var config26 = helpers18.defineMultiStyleConfig({
13025
12868
  baseStyle: (props) => ({
13026
12869
  overlay: {
13027
12870
  backgroundColor: "blackAlpha.600",
@@ -13084,7 +12927,7 @@ var config27 = helpers18.defineMultiStyleConfig({
13084
12927
  size: "md"
13085
12928
  }
13086
12929
  });
13087
- var modal_default = config27;
12930
+ var modal_default = config26;
13088
12931
  function getSize6(value) {
13089
12932
  if (value === "full") {
13090
12933
  return {
@@ -13109,7 +12952,7 @@ var parts13 = anatomy("NumericStepper").parts(
13109
12952
  "input"
13110
12953
  );
13111
12954
  var helpers19 = createMultiStyleConfigHelpers$1(parts13.keys);
13112
- var config28 = helpers19.defineMultiStyleConfig({
12955
+ var config27 = helpers19.defineMultiStyleConfig({
13113
12956
  baseStyle: (props) => ({
13114
12957
  container: {
13115
12958
  display: "flex",
@@ -13154,7 +12997,7 @@ var config28 = helpers19.defineMultiStyleConfig({
13154
12997
  }
13155
12998
  })
13156
12999
  });
13157
- var numeric_stepper_default = config28;
13000
+ var numeric_stepper_default = config27;
13158
13001
  var parts14 = anatomy$1("Pagination").parts(
13159
13002
  "listItem",
13160
13003
  "link",
@@ -13163,7 +13006,7 @@ var parts14 = anatomy$1("Pagination").parts(
13163
13006
  "icon"
13164
13007
  );
13165
13008
  var helpers20 = createMultiStyleConfigHelpers$1(parts14.keys);
13166
- var config29 = helpers20.defineMultiStyleConfig({
13009
+ var config28 = helpers20.defineMultiStyleConfig({
13167
13010
  baseStyle: (props) => ({
13168
13011
  activeButton: {
13169
13012
  fontWeight: "bold",
@@ -13219,12 +13062,12 @@ var commonStyles = {
13219
13062
  borderRadius: 50,
13220
13063
  fontSize: "xs"
13221
13064
  };
13222
- var pagination_default = config29;
13065
+ var pagination_default = config28;
13223
13066
  var $popperBg2 = cssVar$1("popper-bg");
13224
13067
  var $arrowBg3 = cssVar$1("popper-arrow-bg");
13225
13068
  var $arrowShadowColor2 = cssVar$1("popper-arrow-shadow-color");
13226
13069
  var helpers21 = createMultiStyleConfigHelpers$1(popoverAnatomy.keys);
13227
- var config30 = helpers21.defineMultiStyleConfig({
13070
+ var config29 = helpers21.defineMultiStyleConfig({
13228
13071
  baseStyle: (props) => ({
13229
13072
  popper: {
13230
13073
  zIndex: "popover"
@@ -13279,7 +13122,7 @@ var config30 = helpers21.defineMultiStyleConfig({
13279
13122
  }
13280
13123
  }
13281
13124
  });
13282
- var popover_default = config30;
13125
+ var popover_default = config29;
13283
13126
  var parts15 = anatomy("progressBar").parts(
13284
13127
  "container",
13285
13128
  "background",
@@ -13287,7 +13130,7 @@ var parts15 = anatomy("progressBar").parts(
13287
13130
  "description"
13288
13131
  );
13289
13132
  var helpers22 = createMultiStyleConfigHelpers(parts15.keys);
13290
- var config31 = helpers22.defineMultiStyleConfig({
13133
+ var config30 = helpers22.defineMultiStyleConfig({
13291
13134
  baseStyle: (props) => ({
13292
13135
  container: {
13293
13136
  minWidth: "100px"
@@ -13319,14 +13162,14 @@ var config31 = helpers22.defineMultiStyleConfig({
13319
13162
  }
13320
13163
  })
13321
13164
  });
13322
- var progress_bar_default = config31;
13165
+ var progress_bar_default = config30;
13323
13166
  var parts16 = anatomy$1("progress-indicator").parts(
13324
13167
  "root",
13325
13168
  "container",
13326
13169
  "progressDot"
13327
13170
  );
13328
13171
  var helpers23 = createMultiStyleConfigHelpers$1(parts16.keys);
13329
- var config32 = helpers23.defineMultiStyleConfig({
13172
+ var config31 = helpers23.defineMultiStyleConfig({
13330
13173
  baseStyle: (props) => ({
13331
13174
  root: {
13332
13175
  width: "100%"
@@ -13357,7 +13200,7 @@ var config32 = helpers23.defineMultiStyleConfig({
13357
13200
  variant: "base"
13358
13201
  }
13359
13202
  });
13360
- var progress_indicator_default = config32;
13203
+ var progress_indicator_default = config31;
13361
13204
  var parts17 = anatomy$1("radio-card").parts(
13362
13205
  "container",
13363
13206
  "checked",
@@ -13366,7 +13209,7 @@ var parts17 = anatomy$1("radio-card").parts(
13366
13209
  "focusedChecked"
13367
13210
  );
13368
13211
  var helpers24 = createMultiStyleConfigHelpers$1(parts17.keys);
13369
- var config33 = helpers24.defineMultiStyleConfig({
13212
+ var config32 = helpers24.defineMultiStyleConfig({
13370
13213
  baseStyle: (props) => ({
13371
13214
  container: {
13372
13215
  overflow: "hidden",
@@ -13482,9 +13325,9 @@ var config33 = helpers24.defineMultiStyleConfig({
13482
13325
  })
13483
13326
  }
13484
13327
  });
13485
- var radio_card_default = config33;
13328
+ var radio_card_default = config32;
13486
13329
  var helpers25 = createMultiStyleConfigHelpers$1(radioAnatomy.keys);
13487
- var config34 = helpers25.defineMultiStyleConfig({
13330
+ var config33 = helpers25.defineMultiStyleConfig({
13488
13331
  baseStyle: (props) => ({
13489
13332
  container: {
13490
13333
  _hover: {
@@ -13540,10 +13383,10 @@ var config34 = helpers25.defineMultiStyleConfig({
13540
13383
  }
13541
13384
  })
13542
13385
  });
13543
- var radio_default = config34;
13386
+ var radio_default = config33;
13544
13387
  var parts18 = selectAnatomy.extend("root");
13545
13388
  var helpers26 = createMultiStyleConfigHelpers$1(parts18.keys);
13546
- var config35 = helpers26.defineMultiStyleConfig({
13389
+ var config34 = helpers26.defineMultiStyleConfig({
13547
13390
  baseStyle: (props) => ({
13548
13391
  root: {
13549
13392
  width: "100%",
@@ -13583,14 +13426,14 @@ var config35 = helpers26.defineMultiStyleConfig({
13583
13426
  }
13584
13427
  })
13585
13428
  });
13586
- var select_default = config35;
13429
+ var select_default = config34;
13587
13430
  var fade = (startColor, endColor) => keyframes({
13588
13431
  from: { borderColor: startColor, background: startColor },
13589
13432
  to: { borderColor: endColor, background: endColor }
13590
13433
  });
13591
13434
  var $startColor2 = cssVar$1("skeleton-start-color");
13592
13435
  var $endColor2 = cssVar$1("skeleton-end-color");
13593
- var config36 = defineStyleConfig$1({
13436
+ var config35 = defineStyleConfig$1({
13594
13437
  baseStyle: (props) => {
13595
13438
  const defaultStartColor = mode("blackAlpha.300", "whiteAlpha.300")(props);
13596
13439
  const defaultEndColor = mode("blackAlpha.100", "whiteAlpha.100")(props);
@@ -13613,7 +13456,7 @@ var config36 = defineStyleConfig$1({
13613
13456
  };
13614
13457
  }
13615
13458
  });
13616
- var skeleton_default = config36;
13459
+ var skeleton_default = config35;
13617
13460
  var parts19 = anatomy$1("stepper").parts(
13618
13461
  "root",
13619
13462
  "container",
@@ -13627,7 +13470,7 @@ var parts19 = anatomy$1("stepper").parts(
13627
13470
  "closeButton"
13628
13471
  );
13629
13472
  var helpers27 = createMultiStyleConfigHelpers$1(parts19.keys);
13630
- var config37 = helpers27.defineMultiStyleConfig({
13473
+ var config36 = helpers27.defineMultiStyleConfig({
13631
13474
  baseStyle: {
13632
13475
  root: {
13633
13476
  display: "flex",
@@ -13696,14 +13539,14 @@ var config37 = helpers27.defineMultiStyleConfig({
13696
13539
  variant: "base"
13697
13540
  }
13698
13541
  });
13699
- var stepper_default = config37;
13542
+ var stepper_default = config36;
13700
13543
  var $width2 = cssVar$1("switch-track-width");
13701
13544
  var $height3 = cssVar$1("switch-track-height");
13702
13545
  var $diff2 = cssVar$1("switch-track-diff");
13703
13546
  var diffValue2 = calc$1.subtract($width2, $height3);
13704
13547
  var $translateX2 = cssVar$1("switch-thumb-x");
13705
13548
  var helpers28 = createMultiStyleConfigHelpers$1(switchAnatomy.keys);
13706
- var config38 = helpers28.defineMultiStyleConfig({
13549
+ var config37 = helpers28.defineMultiStyleConfig({
13707
13550
  baseStyle: (props) => ({
13708
13551
  container: {
13709
13552
  [$diff2.variable]: diffValue2,
@@ -13796,14 +13639,14 @@ var config38 = helpers28.defineMultiStyleConfig({
13796
13639
  size: "md"
13797
13640
  }
13798
13641
  });
13799
- var switch_default = config38;
13642
+ var switch_default = config37;
13800
13643
  var helpers29 = createMultiStyleConfigHelpers$1(tableAnatomy.keys);
13801
13644
  var numericStyles2 = {
13802
13645
  "&[data-is-numeric=true]": {
13803
13646
  textAlign: "end"
13804
13647
  }
13805
13648
  };
13806
- var config39 = helpers29.defineMultiStyleConfig({
13649
+ var config38 = helpers29.defineMultiStyleConfig({
13807
13650
  baseStyle: (props) => ({
13808
13651
  table: {
13809
13652
  borderCollapse: "collapse",
@@ -13949,9 +13792,9 @@ var config39 = helpers29.defineMultiStyleConfig({
13949
13792
  colorScheme: "grey"
13950
13793
  }
13951
13794
  });
13952
- var table_default = config39;
13795
+ var table_default = config38;
13953
13796
  var helpers30 = createMultiStyleConfigHelpers$1(tabsAnatomy.keys);
13954
- var config40 = helpers30.defineMultiStyleConfig({
13797
+ var config39 = helpers30.defineMultiStyleConfig({
13955
13798
  baseStyle: (props) => ({
13956
13799
  root: {
13957
13800
  display: "flex",
@@ -14074,8 +13917,8 @@ var config40 = helpers30.defineMultiStyleConfig({
14074
13917
  variant: "base"
14075
13918
  }
14076
13919
  });
14077
- var tabs_default = config40;
14078
- var config41 = defineStyleConfig$1({
13920
+ var tabs_default = config39;
13921
+ var config40 = defineStyleConfig$1({
14079
13922
  baseStyle: (props) => ({
14080
13923
  ...input_default.baseStyle(props).field,
14081
13924
  minHeight: "5rem",
@@ -14092,8 +13935,8 @@ var config41 = defineStyleConfig$1({
14092
13935
  }
14093
13936
  })
14094
13937
  });
14095
- var textarea_default = config41;
14096
- var config42 = defineStyleConfig$1({
13938
+ var textarea_default = config40;
13939
+ var config41 = defineStyleConfig$1({
14097
13940
  baseStyle: {
14098
13941
  display: "flex",
14099
13942
  alignItems: "center",
@@ -14117,8 +13960,8 @@ var config42 = defineStyleConfig$1({
14117
13960
  }
14118
13961
  }
14119
13962
  });
14120
- var toast_default = config42;
14121
- var config43 = defineStyleConfig$1({
13963
+ var toast_default = config41;
13964
+ var config42 = defineStyleConfig$1({
14122
13965
  baseStyle: (props) => ({
14123
13966
  appearance: "none",
14124
13967
  border: "none",
@@ -14128,11 +13971,11 @@ var config43 = defineStyleConfig$1({
14128
13971
  borderRadius: "md",
14129
13972
  color: "text.default.light",
14130
13973
  ...focusVisibleStyles(props),
14131
- ...getColorSchemeBaseProps2(props)
13974
+ ...getColorSchemeBaseProps(props)
14132
13975
  })
14133
13976
  });
14134
- var static_card_default = config43;
14135
- var getColorSchemeBaseProps2 = (props) => {
13977
+ var static_card_default = config42;
13978
+ var getColorSchemeBaseProps = (props) => {
14136
13979
  var _a6;
14137
13980
  switch (props.colorScheme) {
14138
13981
  case "white":
@@ -14177,7 +14020,7 @@ var getColorSchemeBaseProps2 = (props) => {
14177
14020
  };
14178
14021
  }
14179
14022
  };
14180
- var config44 = defineStyleConfig$1({
14023
+ var config43 = defineStyleConfig$1({
14181
14024
  baseStyle: (props) => ({
14182
14025
  appearance: "none",
14183
14026
  border: "none",
@@ -14241,7 +14084,7 @@ var config44 = defineStyleConfig$1({
14241
14084
  })
14242
14085
  }
14243
14086
  });
14244
- var pressable_card_default = config44;
14087
+ var pressable_card_default = config43;
14245
14088
  var fontFaces = `
14246
14089
  @font-face {
14247
14090
  font-family: ${tokens11__default.asset.font["vy-sans"]["light"].name};
@@ -14346,16 +14189,16 @@ var brandTheme = {
14346
14189
  };
14347
14190
  var BaseToast = ({ children, variant, id }) => {
14348
14191
  const styles3 = useStyleConfig("Toast", { variant });
14349
- return /* @__PURE__ */ React86__default.createElement(Flex, { sx: styles3, id }, /* @__PURE__ */ React86__default.createElement(ToastIcon, { variant }), children);
14192
+ return /* @__PURE__ */ React84__default.createElement(Flex, { sx: styles3, id }, /* @__PURE__ */ React84__default.createElement(ToastIcon, { variant }), children);
14350
14193
  };
14351
14194
  var ToastIcon = ({ variant }) => {
14352
14195
  const Icon = getIcon3(variant);
14353
14196
  const { t: t2 } = useTranslation();
14354
- return /* @__PURE__ */ React86__default.createElement(
14197
+ return /* @__PURE__ */ React84__default.createElement(
14355
14198
  Icon,
14356
14199
  {
14357
14200
  flexShrink: 0,
14358
- "aria-label": t2(texts26[variant]),
14201
+ "aria-label": t2(texts27[variant]),
14359
14202
  marginRight: 1,
14360
14203
  marginY: 1.5,
14361
14204
  color: "darkGrey"
@@ -14372,7 +14215,7 @@ var getIcon3 = (variant) => {
14372
14215
  return ErrorOutline24Icon;
14373
14216
  }
14374
14217
  };
14375
- var texts26 = createTexts({
14218
+ var texts27 = createTexts({
14376
14219
  info: {
14377
14220
  nb: "Informasjon",
14378
14221
  nn: "Informasjon",
@@ -14401,7 +14244,7 @@ var ActionToast = ({
14401
14244
  buttonText,
14402
14245
  id
14403
14246
  }) => {
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));
14247
+ return /* @__PURE__ */ React84__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React84__default.createElement(Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React84__default.createElement(Button2, { variant: "tertiary", size: "sm", onClick }, buttonText));
14405
14248
  };
14406
14249
  var ClosableToast = ({
14407
14250
  children,
@@ -14411,18 +14254,18 @@ var ClosableToast = ({
14411
14254
  }) => {
14412
14255
  const styles3 = useMultiStyleConfig("Toast", { variant });
14413
14256
  const { t: t2 } = useTranslation();
14414
- return /* @__PURE__ */ React86__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React86__default.createElement(Box, { flexGrow: "1" }, children), /* @__PURE__ */ React86__default.createElement(
14257
+ return /* @__PURE__ */ React84__default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React84__default.createElement(Box, { flexGrow: "1" }, children), /* @__PURE__ */ React84__default.createElement(
14415
14258
  IconButton,
14416
14259
  {
14417
14260
  sx: styles3.dismissButton,
14418
14261
  variant: "ghost",
14419
- "aria-label": t2(texts27.dismiss),
14420
- icon: /* @__PURE__ */ React86__default.createElement(CloseFill18Icon, null),
14262
+ "aria-label": t2(texts28.dismiss),
14263
+ icon: /* @__PURE__ */ React84__default.createElement(CloseFill18Icon, null),
14421
14264
  onClick: onClose
14422
14265
  }
14423
14266
  ));
14424
14267
  };
14425
- var texts27 = createTexts({
14268
+ var texts28 = createTexts({
14426
14269
  dismiss: {
14427
14270
  nb: "Lukk",
14428
14271
  nn: "Lukk",
@@ -14445,7 +14288,7 @@ var useToast = () => {
14445
14288
  };
14446
14289
  var getToastComponent = (opts) => {
14447
14290
  if ("isClosable" in opts && opts.isClosable) {
14448
- return ({ onClose, id }) => /* @__PURE__ */ React86__default.createElement(
14291
+ return ({ onClose, id }) => /* @__PURE__ */ React84__default.createElement(
14449
14292
  ClosableToast,
14450
14293
  {
14451
14294
  id,
@@ -14461,7 +14304,7 @@ var getToastComponent = (opts) => {
14461
14304
  );
14462
14305
  }
14463
14306
  if ("buttonText" in opts) {
14464
- return ({ id }) => /* @__PURE__ */ React86__default.createElement(
14307
+ return ({ id }) => /* @__PURE__ */ React84__default.createElement(
14465
14308
  ActionToast,
14466
14309
  {
14467
14310
  id,
@@ -14472,7 +14315,7 @@ var getToastComponent = (opts) => {
14472
14315
  opts.text
14473
14316
  );
14474
14317
  }
14475
- return ({ id }) => /* @__PURE__ */ React86__default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
14318
+ return ({ id }) => /* @__PURE__ */ React84__default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
14476
14319
  };
14477
14320
  var Tooltip = ({
14478
14321
  children,
@@ -14485,7 +14328,7 @@ var Tooltip = ({
14485
14328
  withCloseButton = false,
14486
14329
  ...props
14487
14330
  }) => {
14488
- return /* @__PURE__ */ React86__default.createElement(
14331
+ return /* @__PURE__ */ React84__default.createElement(
14489
14332
  Popover$1,
14490
14333
  {
14491
14334
  onClose,
@@ -14497,8 +14340,8 @@ var Tooltip = ({
14497
14340
  arrowShadowColor: "none",
14498
14341
  ...props
14499
14342
  },
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))
14343
+ /* @__PURE__ */ React84__default.createElement(PopoverTrigger, null, children),
14344
+ /* @__PURE__ */ React84__default.createElement(PopoverContent, null, /* @__PURE__ */ React84__default.createElement(PopoverArrow, null), withCloseButton && /* @__PURE__ */ React84__default.createElement(PopoverCloseButton, null), /* @__PURE__ */ React84__default.createElement(PopoverBody, null, content))
14502
14345
  );
14503
14346
  };
14504
14347
 
@@ -14607,4 +14450,4 @@ function slugify(text, maxLength = 50) {
14607
14450
  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);
14608
14451
  }
14609
14452
 
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 };
14453
+ export { Accordion, AttachedInputs, Badge, Brand, Breadcrumb, BreadcrumbItem, BreadcrumbLink, Button2 as Button, ButtonGroup, 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 };