@vygruppen/spor-react 10.4.1 → 10.6.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.
package/dist/index.js CHANGED
@@ -1,7 +1,7 @@
1
1
  'use strict';
2
2
 
3
3
  var react = require('@chakra-ui/react');
4
- var React85 = require('react');
4
+ var React86 = require('react');
5
5
  var reactAria = require('react-aria');
6
6
  var sporIconReact = require('@vygruppen/spor-icon-react');
7
7
  var reactStately = require('react-stately');
@@ -36,7 +36,7 @@ function _interopNamespace(e) {
36
36
  return Object.freeze(n);
37
37
  }
38
38
 
39
- var React85__namespace = /*#__PURE__*/_interopNamespace(React85);
39
+ var React86__namespace = /*#__PURE__*/_interopNamespace(React86);
40
40
  var tokens11__namespace = /*#__PURE__*/_interopNamespace(tokens11);
41
41
  var deepmerge__default = /*#__PURE__*/_interopDefault(deepmerge);
42
42
 
@@ -76,7 +76,7 @@ exports.Divider = void 0;
76
76
  var init_Divider = __esm({
77
77
  "src/layout/Divider.tsx"() {
78
78
  exports.Divider = react.forwardRef((props, ref) => {
79
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Divider, { ...props, ref });
79
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Divider, { ...props, ref });
80
80
  });
81
81
  }
82
82
  });
@@ -85,7 +85,7 @@ var init_Stack = __esm({
85
85
  "src/layout/Stack.tsx"() {
86
86
  exports.Stack = react.forwardRef(
87
87
  ({ flexDirection, ...props }, ref) => {
88
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Stack, { ...props, direction: flexDirection, ref });
88
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Stack, { ...props, direction: flexDirection, ref });
89
89
  }
90
90
  );
91
91
  }
@@ -123,7 +123,7 @@ var init_AttachedInputs = __esm({
123
123
  }
124
124
  };
125
125
  const direction2 = flexDirection === "row" ? "horizontal" : "vertical";
126
- return /* @__PURE__ */ React85__namespace.default.createElement(
126
+ return /* @__PURE__ */ React86__namespace.default.createElement(
127
127
  react.Flex,
128
128
  {
129
129
  role: "group",
@@ -140,16 +140,16 @@ var Dialog;
140
140
  var init_Dialog = __esm({
141
141
  "src/input/Dialog.tsx"() {
142
142
  Dialog = ({ title, children, ...props }) => {
143
- const ref = React85.useRef(null);
143
+ const ref = React86.useRef(null);
144
144
  const { dialogProps, titleProps } = reactAria.useDialog(props, ref);
145
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React85__namespace.default.createElement(react.Heading, { as: "h3", ...titleProps }, title), children);
145
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React86__namespace.default.createElement(react.Heading, { as: "h3", ...titleProps }, title), children);
146
146
  };
147
147
  }
148
148
  });
149
149
  var Popover;
150
150
  var init_Popover = __esm({
151
151
  "src/input/Popover.tsx"() {
152
- Popover = React85.forwardRef(
152
+ Popover = React86.forwardRef(
153
153
  ({
154
154
  children,
155
155
  state: state2,
@@ -163,7 +163,7 @@ var init_Popover = __esm({
163
163
  containerPadding = 12
164
164
  }, ref) => {
165
165
  var _a6;
166
- const internalRef = React85.useRef(null);
166
+ const internalRef = React86.useRef(null);
167
167
  const popoverRef = ref ?? internalRef;
168
168
  const { popoverProps, underlayProps } = reactAria.usePopover(
169
169
  {
@@ -178,28 +178,28 @@ var init_Popover = __esm({
178
178
  },
179
179
  state2
180
180
  );
181
- const popoverBox = /* @__PURE__ */ React85__namespace.default.createElement(
181
+ const popoverBox = /* @__PURE__ */ React86__namespace.default.createElement(
182
182
  react.Box,
183
183
  {
184
184
  ...popoverProps,
185
185
  ref: popoverRef,
186
186
  minWidth: ((_a6 = triggerRef.current) == null ? void 0 : _a6.clientWidth) ?? "auto"
187
187
  },
188
- /* @__PURE__ */ React85__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close }),
188
+ /* @__PURE__ */ React86__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close }),
189
189
  children,
190
- /* @__PURE__ */ React85__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close })
190
+ /* @__PURE__ */ React86__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close })
191
191
  );
192
192
  if (isNonModal) {
193
193
  return popoverBox;
194
194
  }
195
- return /* @__PURE__ */ React85__namespace.default.createElement(reactAria.Overlay, null, hasBackdrop && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
195
+ return /* @__PURE__ */ React86__namespace.default.createElement(reactAria.Overlay, null, hasBackdrop && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
196
196
  }
197
197
  );
198
198
  }
199
199
  });
200
200
  function useForceRerender(shouldRerender) {
201
- const [_, update] = React85.useState(false);
202
- React85.useEffect(() => {
201
+ const [_, update] = React86.useState(false);
202
+ React86.useEffect(() => {
203
203
  if (shouldRerender) {
204
204
  update((x) => !x);
205
205
  }
@@ -228,7 +228,7 @@ var init_CardSelect = __esm({
228
228
  ...props
229
229
  }, externalRef) => {
230
230
  const label = "label" in props ? props.label : props["aria-label"];
231
- const internalRef = React85.useRef(null);
231
+ const internalRef = React86.useRef(null);
232
232
  const triggerRef = externalRef ?? internalRef;
233
233
  const state2 = reactStately.useOverlayTriggerState({
234
234
  isOpen: externalIsOpen,
@@ -247,7 +247,7 @@ var init_CardSelect = __esm({
247
247
  });
248
248
  useForceRerender(state2.isOpen);
249
249
  const ChevronIcon = size2 === "sm" ? sporIconReact.DropdownDownFill18Icon : sporIconReact.DropdownDownFill24Icon;
250
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React85__namespace.default.createElement(
250
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React86__namespace.default.createElement(
251
251
  react.chakra.button,
252
252
  {
253
253
  type: "button",
@@ -259,13 +259,13 @@ var init_CardSelect = __esm({
259
259
  width,
260
260
  "data-attachable": true
261
261
  },
262
- /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React85__namespace.default.createElement(
262
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React86__namespace.default.createElement(
263
263
  ChevronIcon,
264
264
  {
265
265
  transform: state2.isOpen ? "rotate(180deg)" : "none"
266
266
  }
267
267
  ) : null)
268
- ), state2.isOpen && /* @__PURE__ */ React85__namespace.default.createElement(
268
+ ), state2.isOpen && /* @__PURE__ */ React86__namespace.default.createElement(
269
269
  Popover,
270
270
  {
271
271
  state: state2,
@@ -274,7 +274,7 @@ var init_CardSelect = __esm({
274
274
  crossOffset,
275
275
  placement
276
276
  },
277
- /* @__PURE__ */ React85__namespace.default.createElement(
277
+ /* @__PURE__ */ React86__namespace.default.createElement(
278
278
  exports.StaticCard,
279
279
  {
280
280
  colorScheme: "white",
@@ -284,7 +284,7 @@ var init_CardSelect = __esm({
284
284
  sx: styles3.card,
285
285
  ...overlayProps
286
286
  },
287
- /* @__PURE__ */ React85__namespace.default.createElement(Dialog, { "aria-label": label }, children)
287
+ /* @__PURE__ */ React86__namespace.default.createElement(Dialog, { "aria-label": label }, children)
288
288
  )
289
289
  ));
290
290
  }
@@ -295,7 +295,7 @@ exports.Checkbox = void 0;
295
295
  var init_Checkbox = __esm({
296
296
  "src/input/Checkbox.tsx"() {
297
297
  exports.Checkbox = react.forwardRef((props, ref) => {
298
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Checkbox, { ...props, ref });
298
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Checkbox, { ...props, ref });
299
299
  });
300
300
  }
301
301
  });
@@ -307,7 +307,7 @@ var init_CheckboxGroup = __esm({
307
307
  children,
308
308
  ...props
309
309
  }) => {
310
- return /* @__PURE__ */ React85__namespace.default.createElement(react.CheckboxGroup, { ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
310
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.CheckboxGroup, { ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
311
311
  };
312
312
  }
313
313
  });
@@ -593,7 +593,7 @@ var require_lodash = __commonJS({
593
593
  MapCache.prototype.get = mapCacheGet;
594
594
  MapCache.prototype.has = mapCacheHas;
595
595
  MapCache.prototype.set = mapCacheSet;
596
- function Stack5(entries) {
596
+ function Stack6(entries) {
597
597
  var data = this.__data__ = new ListCache(entries);
598
598
  this.size = data.size;
599
599
  }
@@ -627,11 +627,11 @@ var require_lodash = __commonJS({
627
627
  this.size = data.size;
628
628
  return this;
629
629
  }
630
- Stack5.prototype.clear = stackClear;
631
- Stack5.prototype["delete"] = stackDelete;
632
- Stack5.prototype.get = stackGet;
633
- Stack5.prototype.has = stackHas;
634
- Stack5.prototype.set = stackSet;
630
+ Stack6.prototype.clear = stackClear;
631
+ Stack6.prototype["delete"] = stackDelete;
632
+ Stack6.prototype.get = stackGet;
633
+ Stack6.prototype.has = stackHas;
634
+ Stack6.prototype.set = stackSet;
635
635
  function arrayLikeKeys(value, inherited) {
636
636
  var isArr = isArray(value), isArg = !isArr && isArguments(value), isBuff = !isArr && !isArg && isBuffer(value), isType = !isArr && !isArg && !isBuff && isTypedArray(value), skipIndexes = isArr || isArg || isBuff || isType, result = skipIndexes ? baseTimes(value.length, String) : [], length = result.length;
637
637
  for (var key in value) {
@@ -714,7 +714,7 @@ var require_lodash = __commonJS({
714
714
  return;
715
715
  }
716
716
  baseFor(source, function(srcValue, key) {
717
- stack || (stack = new Stack5());
717
+ stack || (stack = new Stack6());
718
718
  if (isObject2(srcValue)) {
719
719
  baseMergeDeep(object, source, key, srcIndex, baseMerge, customizer, stack);
720
720
  } else {
@@ -1089,15 +1089,15 @@ var init_ChoiceChip = __esm({
1089
1089
  icon,
1090
1090
  hasLabel: chipType !== "icon"
1091
1091
  });
1092
- const id = `choice-chip-${React85.useId()}`;
1093
- return /* @__PURE__ */ React85__namespace.default.createElement(
1092
+ const id = `choice-chip-${React86.useId()}`;
1093
+ return /* @__PURE__ */ React86__namespace.default.createElement(
1094
1094
  react.chakra.label,
1095
1095
  {
1096
1096
  htmlFor: id,
1097
1097
  ...getRootProps(),
1098
1098
  "aria-label": String(children)
1099
1099
  },
1100
- /* @__PURE__ */ React85__namespace.default.createElement(
1100
+ /* @__PURE__ */ React86__namespace.default.createElement(
1101
1101
  react.chakra.input,
1102
1102
  {
1103
1103
  ...getInputProps({}, ref),
@@ -1105,7 +1105,7 @@ var init_ChoiceChip = __esm({
1105
1105
  disabled: isDisabled
1106
1106
  }
1107
1107
  ),
1108
- /* @__PURE__ */ React85__namespace.default.createElement(
1108
+ /* @__PURE__ */ React86__namespace.default.createElement(
1109
1109
  react.chakra.div,
1110
1110
  {
1111
1111
  ...getLabelProps(),
@@ -1116,9 +1116,9 @@ var init_ChoiceChip = __esm({
1116
1116
  "data-active": dataAttr(state2.isActive),
1117
1117
  "data-disabled": dataAttr(state2.isDisabled)
1118
1118
  },
1119
- icon && /* @__PURE__ */ React85__namespace.default.createElement(react.chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
1120
- chipType !== "icon" && /* @__PURE__ */ React85__namespace.default.createElement(react.chakra.span, { __css: styles3.label, ...getCheckboxProps() }, children),
1121
- chipType === "filter" && state2.isChecked && /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseOutline24Icon, { marginLeft: 1.5 })
1119
+ icon && /* @__PURE__ */ React86__namespace.default.createElement(react.chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
1120
+ chipType !== "icon" && /* @__PURE__ */ React86__namespace.default.createElement(react.chakra.span, { __css: styles3.label, ...getCheckboxProps() }, children),
1121
+ chipType === "filter" && state2.isChecked && /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseOutline24Icon, { marginLeft: 1.5 })
1122
1122
  )
1123
1123
  );
1124
1124
  }
@@ -1153,11 +1153,11 @@ function Combobox({
1153
1153
  ...rest
1154
1154
  }) {
1155
1155
  const { contains: contains2 } = reactAria.useFilter({ sensitivity: "base" });
1156
- const fallbackInputRef = React85.useRef(null);
1156
+ const fallbackInputRef = React86.useRef(null);
1157
1157
  const inputRef = externalInputRef ?? fallbackInputRef;
1158
- const listBoxRef = React85.useRef(null);
1159
- const popoverRef = React85.useRef(null);
1160
- const listboxId = `${React85.useId()}-listbox`;
1158
+ const listBoxRef = React86.useRef(null);
1159
+ const popoverRef = React86.useRef(null);
1160
+ const listboxId = `${React86.useId()}-listbox`;
1161
1161
  const inputWidth = useInputWidth(inputRef);
1162
1162
  const state2 = reactStately.useComboBoxState({
1163
1163
  allowsEmptyCollection: Boolean(emptyContent),
@@ -1195,7 +1195,7 @@ function Combobox({
1195
1195
  },
1196
1196
  state2
1197
1197
  );
1198
- return /* @__PURE__ */ React85__namespace.default.createElement(React85__namespace.default.Fragment, null, /* @__PURE__ */ React85__namespace.default.createElement(
1198
+ return /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, /* @__PURE__ */ React86__namespace.default.createElement(
1199
1199
  exports.Input,
1200
1200
  {
1201
1201
  ...styleProps(comboBoxProps),
@@ -1210,7 +1210,7 @@ function Combobox({
1210
1210
  borderBottomLeftRadius: state2.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
1211
1211
  borderBottomRightRadius: state2.isOpen && !isLoading ? 0 : borderBottomRightRadius,
1212
1212
  ...inputProps,
1213
- rightIcon: isLoading ? /* @__PURE__ */ React85__namespace.default.createElement(
1213
+ rightIcon: isLoading ? /* @__PURE__ */ React86__namespace.default.createElement(
1214
1214
  exports.ColorSpinner,
1215
1215
  {
1216
1216
  width: "1.5rem",
@@ -1225,7 +1225,7 @@ function Combobox({
1225
1225
  }
1226
1226
  ) : rightIcon
1227
1227
  }
1228
- ), /* @__PURE__ */ React85__namespace.default.createElement("span", { "aria-hidden": "true", "data-trigger": "multiselect" }), state2.isOpen && !isLoading && /* @__PURE__ */ React85__namespace.default.createElement(
1228
+ ), /* @__PURE__ */ React86__namespace.default.createElement("span", { "aria-hidden": "true", "data-trigger": "multiselect" }), state2.isOpen && !isLoading && /* @__PURE__ */ React86__namespace.default.createElement(
1229
1229
  Popover,
1230
1230
  {
1231
1231
  state: state2,
@@ -1237,7 +1237,7 @@ function Combobox({
1237
1237
  hasBackdrop: false,
1238
1238
  containerPadding: 0
1239
1239
  },
1240
- /* @__PURE__ */ React85__namespace.default.createElement(
1240
+ /* @__PURE__ */ React86__namespace.default.createElement(
1241
1241
  ListBox,
1242
1242
  {
1243
1243
  ...listBoxProps,
@@ -1263,8 +1263,8 @@ var init_Combobox = __esm({
1263
1263
  init_src();
1264
1264
  init_Popover();
1265
1265
  useInputWidth = (inputRef) => {
1266
- const [inputWidth, setInputWidth] = React85.useState("auto");
1267
- React85.useEffect(() => {
1266
+ const [inputWidth, setInputWidth] = React86.useState("auto");
1267
+ React86.useEffect(() => {
1268
1268
  const onResize = debounce(() => {
1269
1269
  if (inputRef.current) {
1270
1270
  setInputWidth(`${inputRef.current.offsetWidth}px`);
@@ -1291,7 +1291,7 @@ exports.FormControl = void 0;
1291
1291
  var init_FormControl = __esm({
1292
1292
  "src/input/FormControl.tsx"() {
1293
1293
  exports.FormControl = react.forwardRef((props, ref) => {
1294
- return /* @__PURE__ */ React85__namespace.default.createElement(react.FormControl, { ...props, ref });
1294
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.FormControl, { ...props, ref });
1295
1295
  });
1296
1296
  }
1297
1297
  });
@@ -1312,7 +1312,7 @@ var init_FormErrorMessage = __esm({
1312
1312
  return null;
1313
1313
  }
1314
1314
  const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
1315
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { position: "relative", ref }, /* @__PURE__ */ React85__namespace.default.createElement(
1315
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { position: "relative", ref }, /* @__PURE__ */ React86__namespace.default.createElement(
1316
1316
  react.Box,
1317
1317
  {
1318
1318
  borderRadius: "xs",
@@ -1330,12 +1330,12 @@ var init_FormErrorMessage = __esm({
1330
1330
  ...errorMessageProps,
1331
1331
  ...boxProps
1332
1332
  },
1333
- /* @__PURE__ */ React85__namespace.default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
1333
+ /* @__PURE__ */ React86__namespace.default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
1334
1334
  children
1335
1335
  ));
1336
1336
  };
1337
1337
  Arrow = (props) => {
1338
- return /* @__PURE__ */ React85__namespace.default.createElement(
1338
+ return /* @__PURE__ */ React86__namespace.default.createElement(
1339
1339
  react.Box,
1340
1340
  {
1341
1341
  ...props,
@@ -1346,7 +1346,7 @@ var init_FormErrorMessage = __esm({
1346
1346
  fill: "none",
1347
1347
  transform: "rotate(45deg)"
1348
1348
  },
1349
- /* @__PURE__ */ React85__namespace.default.createElement(
1349
+ /* @__PURE__ */ React86__namespace.default.createElement(
1350
1350
  react.Box,
1351
1351
  {
1352
1352
  as: "path",
@@ -1362,7 +1362,7 @@ exports.FormLabel = void 0;
1362
1362
  var init_FormLabel = __esm({
1363
1363
  "src/input/FormLabel.tsx"() {
1364
1364
  exports.FormLabel = react.forwardRef((props, ref) => {
1365
- return /* @__PURE__ */ React85__namespace.default.createElement(react.FormLabel, { ...props, ref });
1365
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.FormLabel, { ...props, ref });
1366
1366
  });
1367
1367
  }
1368
1368
  });
@@ -1376,7 +1376,7 @@ function ListBox({
1376
1376
  }) {
1377
1377
  const { listBoxProps } = reactAria.useListBox(props, state2, listBoxRef);
1378
1378
  const styles3 = react.useMultiStyleConfig("ListBox", { variant });
1379
- return /* @__PURE__ */ React85__namespace.default.createElement(
1379
+ return /* @__PURE__ */ React86__namespace.default.createElement(
1380
1380
  react.List,
1381
1381
  {
1382
1382
  ...listBoxProps,
@@ -1388,22 +1388,22 @@ function ListBox({
1388
1388
  },
1389
1389
  state2.collection.size === 0 && props.emptyContent,
1390
1390
  Array.from(state2.collection).map(
1391
- (item) => item.type === "section" ? /* @__PURE__ */ React85__namespace.default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React85__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
1391
+ (item) => item.type === "section" ? /* @__PURE__ */ React86__namespace.default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React86__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
1392
1392
  )
1393
1393
  );
1394
1394
  }
1395
1395
  function ItemLabel({ children }) {
1396
1396
  let { labelProps } = useOptionContext();
1397
1397
  const styles3 = react.useMultiStyleConfig("ListBox", {});
1398
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...labelProps, sx: styles3.label }, children);
1398
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...labelProps, sx: styles3.label }, children);
1399
1399
  }
1400
1400
  function ItemDescription({ children }) {
1401
1401
  let { descriptionProps } = useOptionContext();
1402
1402
  const styles3 = react.useMultiStyleConfig("ListBox", {});
1403
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...descriptionProps, sx: styles3.description }, children);
1403
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...descriptionProps, sx: styles3.description }, children);
1404
1404
  }
1405
1405
  function Option({ item, state: state2 }) {
1406
- const ref = React85.useRef(null);
1406
+ const ref = React86.useRef(null);
1407
1407
  const {
1408
1408
  optionProps,
1409
1409
  isSelected,
@@ -1427,7 +1427,7 @@ function Option({ item, state: state2 }) {
1427
1427
  if (isFocusVisible) {
1428
1428
  dataFields["data-focus-visible"] = true;
1429
1429
  }
1430
- React85.useEffect(() => {
1430
+ React86.useEffect(() => {
1431
1431
  var _a6;
1432
1432
  (_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
1433
1433
  "touchend",
@@ -1437,7 +1437,7 @@ function Option({ item, state: state2 }) {
1437
1437
  { passive: false, once: true }
1438
1438
  );
1439
1439
  }, []);
1440
- return /* @__PURE__ */ React85__namespace.default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React85__namespace.default.createElement(react.ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
1440
+ return /* @__PURE__ */ React86__namespace.default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React86__namespace.default.createElement(react.ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
1441
1441
  }
1442
1442
  function ListBoxSection({ section, state: state2 }) {
1443
1443
  const { itemProps, headingProps, groupProps } = reactAria.useListBoxSection({
@@ -1446,7 +1446,7 @@ function ListBoxSection({ section, state: state2 }) {
1446
1446
  });
1447
1447
  const isFirstSection = section.key === state2.collection.getFirstKey();
1448
1448
  const titleColor = react.useColorModeValue("darkGrey", "white");
1449
- return /* @__PURE__ */ React85__namespace.default.createElement(react.ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React85__namespace.default.createElement(
1449
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React86__namespace.default.createElement(
1450
1450
  react.Box,
1451
1451
  {
1452
1452
  fontSize: "mobile.xs",
@@ -1459,19 +1459,19 @@ function ListBoxSection({ section, state: state2 }) {
1459
1459
  ...headingProps
1460
1460
  },
1461
1461
  section.rendered
1462
- ), /* @__PURE__ */ React85__namespace.default.createElement(react.List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
1463
- (item) => /* @__PURE__ */ React85__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
1462
+ ), /* @__PURE__ */ React86__namespace.default.createElement(react.List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
1463
+ (item) => /* @__PURE__ */ React86__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
1464
1464
  )));
1465
1465
  }
1466
1466
  var OptionContext, useOptionContext;
1467
1467
  var init_ListBox = __esm({
1468
1468
  "src/input/ListBox.tsx"() {
1469
- OptionContext = React85__namespace.default.createContext({
1469
+ OptionContext = React86__namespace.default.createContext({
1470
1470
  labelProps: {},
1471
1471
  descriptionProps: {}
1472
1472
  });
1473
1473
  useOptionContext = () => {
1474
- return React85.useContext(OptionContext);
1474
+ return React86.useContext(OptionContext);
1475
1475
  };
1476
1476
  }
1477
1477
  });
@@ -1491,8 +1491,8 @@ function InfoSelect({
1491
1491
  ...props
1492
1492
  };
1493
1493
  const state2 = reactStately.useSelectState(renamedProps);
1494
- const triggerRef = React85.useRef(null);
1495
- const listboxRef = React85.useRef(null);
1494
+ const triggerRef = React86.useRef(null);
1495
+ const listboxRef = React86.useRef(null);
1496
1496
  const { labelProps, triggerProps, valueProps, menuProps } = reactAria.useSelect(
1497
1497
  renamedProps,
1498
1498
  state2,
@@ -1510,7 +1510,7 @@ function InfoSelect({
1510
1510
  const { buttonProps } = reactAria.useButton(triggerProps, triggerRef);
1511
1511
  const { t: t2 } = useTranslation();
1512
1512
  const formControl = react.useFormControlProps(props);
1513
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React85__namespace.default.createElement(
1513
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React86__namespace.default.createElement(
1514
1514
  reactAria.HiddenSelect,
1515
1515
  {
1516
1516
  state: state2,
@@ -1518,7 +1518,7 @@ function InfoSelect({
1518
1518
  label: props.label,
1519
1519
  name: props.name
1520
1520
  }
1521
- ), /* @__PURE__ */ React85__namespace.default.createElement(
1521
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
1522
1522
  react.chakra.button,
1523
1523
  {
1524
1524
  type: "button",
@@ -1529,7 +1529,7 @@ function InfoSelect({
1529
1529
  "aria-invalid": formControl.isInvalid,
1530
1530
  "aria-describedby": formControl["aria-describedby"]
1531
1531
  },
1532
- /* @__PURE__ */ React85__namespace.default.createElement(react.chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React85__namespace.default.createElement(
1532
+ /* @__PURE__ */ React86__namespace.default.createElement(react.chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React86__namespace.default.createElement(
1533
1533
  react.chakra.div,
1534
1534
  {
1535
1535
  ...labelProps,
@@ -1543,7 +1543,7 @@ function InfoSelect({
1543
1543
  }
1544
1544
  },
1545
1545
  props.label
1546
- ), /* @__PURE__ */ React85__namespace.default.createElement(
1546
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
1547
1547
  react.Box,
1548
1548
  {
1549
1549
  ...valueProps,
@@ -1555,15 +1555,15 @@ function InfoSelect({
1555
1555
  },
1556
1556
  state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts.selectAnOption)
1557
1557
  )),
1558
- /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownUpFill24Icon, null) : /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownDownFill24Icon, null))
1559
- ), state2.isOpen && /* @__PURE__ */ React85__namespace.default.createElement(
1558
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownUpFill24Icon, null) : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownDownFill24Icon, null))
1559
+ ), state2.isOpen && /* @__PURE__ */ React86__namespace.default.createElement(
1560
1560
  Popover,
1561
1561
  {
1562
1562
  state: state2,
1563
1563
  triggerRef,
1564
1564
  containerPadding: 0
1565
1565
  },
1566
- /* @__PURE__ */ React85__namespace.default.createElement(
1566
+ /* @__PURE__ */ React86__namespace.default.createElement(
1567
1567
  ListBox,
1568
1568
  {
1569
1569
  ...menuProps,
@@ -1598,10 +1598,10 @@ var init_Input = __esm({
1598
1598
  exports.Input = react.forwardRef(
1599
1599
  ({ label, leftIcon, rightIcon, id, size: size2, ...props }, ref) => {
1600
1600
  const formControlProps = react.useFormControlContext();
1601
- const fallbackId = `input-${React85.useId()}`;
1601
+ const fallbackId = `input-${React86.useId()}`;
1602
1602
  const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
1603
- const labelId = `${React85.useId()}-label`;
1604
- return /* @__PURE__ */ React85__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React85__namespace.default.createElement(react.InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React85__namespace.default.createElement(
1603
+ const labelId = `${React86.useId()}-label`;
1604
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React86__namespace.default.createElement(react.InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React86__namespace.default.createElement(
1605
1605
  react.Input,
1606
1606
  {
1607
1607
  "data-attachable": true,
@@ -1611,9 +1611,10 @@ var init_Input = __esm({
1611
1611
  id: inputId,
1612
1612
  "aria-labelledby": labelId,
1613
1613
  ref,
1614
+ overflow: "hidden",
1614
1615
  placeholder: " "
1615
1616
  }
1616
- ), /* @__PURE__ */ React85__namespace.default.createElement(react.FormLabel, { htmlFor: inputId, id: labelId }, label), rightIcon && /* @__PURE__ */ React85__namespace.default.createElement(react.InputRightElement, { pointerEvents: "none" }, rightIcon));
1617
+ ), /* @__PURE__ */ React86__namespace.default.createElement(react.FormLabel, { htmlFor: inputId, id: labelId }, label), rightIcon && /* @__PURE__ */ React86__namespace.default.createElement(react.InputRightElement, { pointerEvents: "none" }, rightIcon));
1617
1618
  }
1618
1619
  );
1619
1620
  }
@@ -1622,10 +1623,10 @@ exports.InputLeftElement = void 0; exports.InputRightElement = void 0;
1622
1623
  var init_InputElement = __esm({
1623
1624
  "src/input/InputElement.tsx"() {
1624
1625
  exports.InputLeftElement = react.forwardRef(
1625
- (props, ref) => /* @__PURE__ */ React85__namespace.default.createElement(react.InputLeftElement, { ...props, ref })
1626
+ (props, ref) => /* @__PURE__ */ React86__namespace.default.createElement(react.InputLeftElement, { ...props, ref })
1626
1627
  );
1627
1628
  exports.InputRightElement = react.forwardRef(
1628
- (props, ref) => /* @__PURE__ */ React85__namespace.default.createElement(react.InputRightElement, { ...props, ref })
1629
+ (props, ref) => /* @__PURE__ */ React86__namespace.default.createElement(react.InputRightElement, { ...props, ref })
1629
1630
  );
1630
1631
  }
1631
1632
  });
@@ -1636,7 +1637,7 @@ var init_NativeSelect = __esm({
1636
1637
  exports.NativeSelect = react.forwardRef(
1637
1638
  ({ label, ...props }, ref) => {
1638
1639
  const styles3 = react.useMultiStyleConfig("Select", props);
1639
- return /* @__PURE__ */ React85__namespace.default.createElement(exports.FormControl, null, /* @__PURE__ */ React85__namespace.default.createElement(
1640
+ return /* @__PURE__ */ React86__namespace.default.createElement(exports.FormControl, null, /* @__PURE__ */ React86__namespace.default.createElement(
1640
1641
  react.Select,
1641
1642
  {
1642
1643
  "data-attachable": true,
@@ -1644,7 +1645,7 @@ var init_NativeSelect = __esm({
1644
1645
  rootProps: { __css: styles3.root },
1645
1646
  ref
1646
1647
  }
1647
- ), label && /* @__PURE__ */ React85__namespace.default.createElement(exports.FormLabel, null, label));
1648
+ ), label && /* @__PURE__ */ React86__namespace.default.createElement(exports.FormLabel, null, label));
1648
1649
  }
1649
1650
  );
1650
1651
  }
@@ -1664,7 +1665,7 @@ function NumericStepper({
1664
1665
  ariaLabelContext = { singular: "", plural: "" },
1665
1666
  ...boxProps
1666
1667
  }) {
1667
- const addButtonRef = React85.useRef(null);
1668
+ const addButtonRef = React86.useRef(null);
1668
1669
  const { t: t2 } = useTranslation();
1669
1670
  const styles3 = react.useMultiStyleConfig("NumericStepper", {});
1670
1671
  const [value, onChange] = react.useControllableState({
@@ -1678,10 +1679,10 @@ function NumericStepper({
1678
1679
  var _a6;
1679
1680
  (_a6 = addButtonRef.current) == null ? void 0 : _a6.focus();
1680
1681
  };
1681
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React85__namespace.default.createElement(
1682
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React86__namespace.default.createElement(
1682
1683
  VerySmallButton,
1683
1684
  {
1684
- icon: /* @__PURE__ */ React85__namespace.default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
1685
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
1685
1686
  "aria-label": t2(
1686
1687
  texts2.decrementButtonAriaLabel(
1687
1688
  clampedStepSize,
@@ -1698,7 +1699,7 @@ function NumericStepper({
1698
1699
  isDisabled: formControlProps.disabled,
1699
1700
  id: value <= minValue ? void 0 : formControlProps.id
1700
1701
  }
1701
- ), withInput ? /* @__PURE__ */ React85__namespace.default.createElement(
1702
+ ), withInput ? /* @__PURE__ */ React86__namespace.default.createElement(
1702
1703
  react.chakra.input,
1703
1704
  {
1704
1705
  type: "number",
@@ -1724,7 +1725,7 @@ function NumericStepper({
1724
1725
  }
1725
1726
  }
1726
1727
  }
1727
- ) : /* @__PURE__ */ React85__namespace.default.createElement(
1728
+ ) : /* @__PURE__ */ React86__namespace.default.createElement(
1728
1729
  react.chakra.text,
1729
1730
  {
1730
1731
  sx: styles3.text,
@@ -1733,11 +1734,11 @@ function NumericStepper({
1733
1734
  "aria-label": ariaLabelContext.plural !== "" ? t2(texts2.currentNumberAriaLabel(ariaLabelContext.plural)) : ""
1734
1735
  },
1735
1736
  value
1736
- ), /* @__PURE__ */ React85__namespace.default.createElement(
1737
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
1737
1738
  VerySmallButton,
1738
1739
  {
1739
1740
  ref: addButtonRef,
1740
- icon: /* @__PURE__ */ React85__namespace.default.createElement(AddIcon, { stepLabel: clampedStepSize }),
1741
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(AddIcon, { stepLabel: clampedStepSize }),
1741
1742
  "aria-label": t2(
1742
1743
  texts2.incrementButtonAriaLabel(
1743
1744
  clampedStepSize,
@@ -1755,9 +1756,9 @@ var VerySmallButton, SubtractIcon, AddIcon, texts2;
1755
1756
  var init_NumericStepper = __esm({
1756
1757
  "src/input/NumericStepper.tsx"() {
1757
1758
  init_src();
1758
- VerySmallButton = React85__namespace.default.forwardRef((props, ref) => {
1759
+ VerySmallButton = React86__namespace.default.forwardRef((props, ref) => {
1759
1760
  const styles3 = react.useMultiStyleConfig("NumericStepper", {});
1760
- return /* @__PURE__ */ React85__namespace.default.createElement(
1761
+ return /* @__PURE__ */ React86__namespace.default.createElement(
1761
1762
  exports.IconButton,
1762
1763
  {
1763
1764
  variant: "primary",
@@ -1768,7 +1769,7 @@ var init_NumericStepper = __esm({
1768
1769
  }
1769
1770
  );
1770
1771
  });
1771
- SubtractIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React85__namespace.default.createElement(React85__namespace.default.Fragment, null, /* @__PURE__ */ React85__namespace.default.createElement(
1772
+ SubtractIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, /* @__PURE__ */ React86__namespace.default.createElement(
1772
1773
  react.Box,
1773
1774
  {
1774
1775
  as: "svg",
@@ -1778,7 +1779,7 @@ var init_NumericStepper = __esm({
1778
1779
  stroke: "currentColor",
1779
1780
  ...props
1780
1781
  },
1781
- /* @__PURE__ */ React85__namespace.default.createElement(
1782
+ /* @__PURE__ */ React86__namespace.default.createElement(
1782
1783
  "line",
1783
1784
  {
1784
1785
  x1: "9",
@@ -1789,8 +1790,8 @@ var init_NumericStepper = __esm({
1789
1790
  strokeLinecap: "round"
1790
1791
  }
1791
1792
  )
1792
- ), stepLabel > 1 && /* @__PURE__ */ React85__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, stepLabel.toString()));
1793
- AddIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React85__namespace.default.createElement(React85__namespace.default.Fragment, null, /* @__PURE__ */ React85__namespace.default.createElement(
1793
+ ), stepLabel > 1 && /* @__PURE__ */ React86__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, stepLabel.toString()));
1794
+ AddIcon = ({ stepLabel, ...props }) => /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, /* @__PURE__ */ React86__namespace.default.createElement(
1794
1795
  react.Box,
1795
1796
  {
1796
1797
  as: "svg",
@@ -1800,7 +1801,7 @@ var init_NumericStepper = __esm({
1800
1801
  stroke: "currentColor",
1801
1802
  ...props
1802
1803
  },
1803
- /* @__PURE__ */ React85__namespace.default.createElement(
1804
+ /* @__PURE__ */ React86__namespace.default.createElement(
1804
1805
  "line",
1805
1806
  {
1806
1807
  x1: "9",
@@ -1811,7 +1812,7 @@ var init_NumericStepper = __esm({
1811
1812
  strokeLinecap: "round"
1812
1813
  }
1813
1814
  ),
1814
- /* @__PURE__ */ React85__namespace.default.createElement(
1815
+ /* @__PURE__ */ React86__namespace.default.createElement(
1815
1816
  "line",
1816
1817
  {
1817
1818
  x1: "15",
@@ -1822,7 +1823,7 @@ var init_NumericStepper = __esm({
1822
1823
  strokeLinecap: "round"
1823
1824
  }
1824
1825
  )
1825
- ), stepLabel > 1 && /* @__PURE__ */ React85__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, stepLabel.toString()));
1826
+ ), stepLabel > 1 && /* @__PURE__ */ React86__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, stepLabel.toString()));
1826
1827
  texts2 = createTexts({
1827
1828
  currentNumberAriaLabel(ariaContext) {
1828
1829
  return {
@@ -1861,9 +1862,9 @@ var init_PasswordInput = __esm({
1861
1862
  const { isOpen: isShowingPassword, onToggle } = react.useDisclosure();
1862
1863
  const { t: t2 } = useTranslation();
1863
1864
  const formControlProps = react.useFormControlContext();
1864
- const autoGeneratedId = `password-input-${React85.useId()}`;
1865
+ const autoGeneratedId = `password-input-${React86.useId()}`;
1865
1866
  const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
1866
- return /* @__PURE__ */ React85__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React85__namespace.default.createElement(exports.InputLeftElement, null, leftIcon), /* @__PURE__ */ React85__namespace.default.createElement(
1867
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React86__namespace.default.createElement(exports.InputLeftElement, null, leftIcon), /* @__PURE__ */ React86__namespace.default.createElement(
1867
1868
  react.Input,
1868
1869
  {
1869
1870
  ...props,
@@ -1875,7 +1876,7 @@ var init_PasswordInput = __esm({
1875
1876
  ref,
1876
1877
  "data-attachable": true
1877
1878
  }
1878
- ), /* @__PURE__ */ React85__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React85__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React85__namespace.default.createElement(
1879
+ ), /* @__PURE__ */ React86__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React86__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React86__namespace.default.createElement(
1879
1880
  react.Button,
1880
1881
  {
1881
1882
  variant: "ghost",
@@ -1932,7 +1933,7 @@ var init_CountryCodeSelect = __esm({
1932
1933
  callingCodes = [...prioritizedCountryCodes, ...sortedCallingCodes];
1933
1934
  CountryCodeSelect = (props) => {
1934
1935
  const { t: t2 } = useTranslation();
1935
- return /* @__PURE__ */ React85__namespace.default.createElement(
1936
+ return /* @__PURE__ */ React86__namespace.default.createElement(
1936
1937
  InfoSelect,
1937
1938
  {
1938
1939
  label: t2(texts4.countryCode),
@@ -1941,7 +1942,7 @@ var init_CountryCodeSelect = __esm({
1941
1942
  variant: props.variant,
1942
1943
  ...props
1943
1944
  },
1944
- (item) => /* @__PURE__ */ React85__namespace.default.createElement(reactStately.Item, { key: item.key }, item.key)
1945
+ (item) => /* @__PURE__ */ React86__namespace.default.createElement(reactStately.Item, { key: item.key }, item.key)
1945
1946
  );
1946
1947
  };
1947
1948
  CountryCodeSelect_default = CountryCodeSelect;
@@ -1967,10 +1968,11 @@ var init_PhoneNumberInput = __esm({
1967
1968
  value: externalValue,
1968
1969
  onChange: externalOnChange,
1969
1970
  variant,
1971
+ isOptional,
1970
1972
  ...boxProps
1971
1973
  }, ref) => {
1972
1974
  const { t: t2 } = useTranslation();
1973
- const label = externalLabel ?? t2(texts5.phoneNumber);
1975
+ const label = externalLabel ?? isOptional ? t2(texts5.phoneNumberOptional) : t2(texts5.phoneNumber);
1974
1976
  const [value, onChange] = react.useControllableState({
1975
1977
  value: externalValue,
1976
1978
  onChange: externalOnChange,
@@ -1979,10 +1981,10 @@ var init_PhoneNumberInput = __esm({
1979
1981
  nationalNumber: ""
1980
1982
  }
1981
1983
  });
1982
- return /* @__PURE__ */ React85__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React85__namespace.default.createElement(
1983
- React85.Suspense,
1984
+ return /* @__PURE__ */ React86__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React86__namespace.default.createElement(
1985
+ React86.Suspense,
1984
1986
  {
1985
- fallback: /* @__PURE__ */ React85__namespace.default.createElement(
1987
+ fallback: /* @__PURE__ */ React86__namespace.default.createElement(
1986
1988
  InfoSelect,
1987
1989
  {
1988
1990
  isLabelSrOnly: true,
@@ -1992,10 +1994,10 @@ var init_PhoneNumberInput = __esm({
1992
1994
  value: "+47",
1993
1995
  variant
1994
1996
  },
1995
- /* @__PURE__ */ React85__namespace.default.createElement(reactStately.Item, { key: "+47" }, "+47")
1997
+ /* @__PURE__ */ React86__namespace.default.createElement(reactStately.Item, { key: "+47" }, "+47")
1996
1998
  )
1997
1999
  },
1998
- /* @__PURE__ */ React85__namespace.default.createElement(
2000
+ /* @__PURE__ */ React86__namespace.default.createElement(
1999
2001
  LazyCountryCodeSelect,
2000
2002
  {
2001
2003
  value: value.countryCode,
@@ -2009,7 +2011,7 @@ var init_PhoneNumberInput = __esm({
2009
2011
  variant
2010
2012
  }
2011
2013
  )
2012
- ), /* @__PURE__ */ React85__namespace.default.createElement(
2014
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
2013
2015
  exports.Input,
2014
2016
  {
2015
2017
  ref,
@@ -2038,6 +2040,12 @@ var init_PhoneNumberInput = __esm({
2038
2040
  en: "Phone number",
2039
2041
  sv: "Telefonnummer"
2040
2042
  },
2043
+ phoneNumberOptional: {
2044
+ nb: "Telefonnummer (valgfritt)",
2045
+ nn: "Telefonnummer (valgfritt)",
2046
+ en: "Phone number (optional)",
2047
+ sv: "Telefonnummer (valfritt)"
2048
+ },
2041
2049
  countryCodeLabel: {
2042
2050
  nb: "Landskode",
2043
2051
  nn: "Landskode",
@@ -2045,14 +2053,14 @@ var init_PhoneNumberInput = __esm({
2045
2053
  sv: "Landskod"
2046
2054
  }
2047
2055
  });
2048
- LazyCountryCodeSelect = React85__namespace.default.lazy(() => Promise.resolve().then(() => (init_CountryCodeSelect(), CountryCodeSelect_exports)));
2056
+ LazyCountryCodeSelect = React86__namespace.default.lazy(() => Promise.resolve().then(() => (init_CountryCodeSelect(), CountryCodeSelect_exports)));
2049
2057
  }
2050
2058
  });
2051
2059
  exports.Radio = void 0;
2052
2060
  var init_Radio = __esm({
2053
2061
  "src/input/Radio.tsx"() {
2054
2062
  exports.Radio = react.forwardRef((props, ref) => {
2055
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Radio, { ...props, ref });
2063
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Radio, { ...props, ref });
2056
2064
  });
2057
2065
  }
2058
2066
  });
@@ -2061,7 +2069,7 @@ var init_RadioGroup = __esm({
2061
2069
  "src/input/RadioGroup.tsx"() {
2062
2070
  exports.RadioGroup = react.forwardRef(
2063
2071
  ({ children, direction: direction2 = "row", ...rest }, ref) => {
2064
- return /* @__PURE__ */ React85__namespace.default.createElement(react.RadioGroup, { ...rest, ref }, /* @__PURE__ */ React85__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
2072
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.RadioGroup, { ...rest, ref }, /* @__PURE__ */ React86__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
2065
2073
  }
2066
2074
  );
2067
2075
  }
@@ -2076,9 +2084,9 @@ var init_SearchInput = __esm({
2076
2084
  const { t: t2 } = useTranslation();
2077
2085
  const showClearButton = onReset && Boolean(props.value);
2078
2086
  const formControlProps = react.useFormControlContext();
2079
- const autoGeneratedId = React85.useId();
2087
+ const autoGeneratedId = React86.useId();
2080
2088
  const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
2081
- return /* @__PURE__ */ React85__namespace.default.createElement(react.InputGroup, { position: "relative" }, /* @__PURE__ */ React85__namespace.default.createElement(exports.InputLeftElement, null, /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.SearchOutline24Icon, null)), /* @__PURE__ */ React85__namespace.default.createElement(
2089
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.InputGroup, { position: "relative" }, /* @__PURE__ */ React86__namespace.default.createElement(exports.InputLeftElement, null, /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.SearchOutline24Icon, null)), /* @__PURE__ */ React86__namespace.default.createElement(
2082
2090
  react.Input,
2083
2091
  {
2084
2092
  paddingLeft: 7,
@@ -2095,7 +2103,7 @@ var init_SearchInput = __esm({
2095
2103
  placeholder: " ",
2096
2104
  "data-attachable": true
2097
2105
  }
2098
- ), /* @__PURE__ */ React85__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts6.label)), showClearButton && /* @__PURE__ */ React85__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React85__namespace.default.createElement(
2106
+ ), /* @__PURE__ */ React86__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts6.label)), showClearButton && /* @__PURE__ */ React86__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React86__namespace.default.createElement(
2099
2107
  react.IconButton,
2100
2108
  {
2101
2109
  variant: "ghost",
@@ -2103,7 +2111,7 @@ var init_SearchInput = __esm({
2103
2111
  size: "sm",
2104
2112
  marginRight: 1,
2105
2113
  "aria-label": t2(texts6.reset),
2106
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
2114
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
2107
2115
  onClick: onReset
2108
2116
  }
2109
2117
  )));
@@ -2130,7 +2138,7 @@ var init_Switch = __esm({
2130
2138
  "src/input/Switch.tsx"() {
2131
2139
  exports.Switch = react.forwardRef(
2132
2140
  ({ size: size2 = "md", as = "div", ...props }, ref) => {
2133
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Switch, { as, size: size2, ...props, ref });
2141
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Switch, { as, size: size2, ...props, ref });
2134
2142
  }
2135
2143
  );
2136
2144
  }
@@ -2202,9 +2210,9 @@ var init_Textarea = __esm({
2202
2210
  remainingProps: { label, ...rest }
2203
2211
  } = getSpacingProps(props);
2204
2212
  const formControlProps = react.useFormControlContext();
2205
- const fallbackId = `textarea-${React85.useId()}`;
2213
+ const fallbackId = `textarea-${React86.useId()}`;
2206
2214
  const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
2207
- return /* @__PURE__ */ React85__namespace.default.createElement(react.InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React85__namespace.default.createElement(react.Textarea, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React85__namespace.default.createElement(react.FormLabel, { htmlFor: inputId, id: `${inputId}-label` }, label));
2215
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React86__namespace.default.createElement(react.Textarea, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React86__namespace.default.createElement(react.FormLabel, { htmlFor: inputId, id: `${inputId}-label` }, label));
2208
2216
  });
2209
2217
  }
2210
2218
  });
@@ -2238,7 +2246,7 @@ exports.RadioCardGroupContext = void 0; exports.RadioCardGroup = void 0;
2238
2246
  var init_RadioCardGroup = __esm({
2239
2247
  "src/layout/RadioCardGroup.tsx"() {
2240
2248
  init_input();
2241
- exports.RadioCardGroupContext = React85__namespace.default.createContext(null);
2249
+ exports.RadioCardGroupContext = React86__namespace.default.createContext(null);
2242
2250
  exports.RadioCardGroup = ({
2243
2251
  children,
2244
2252
  name,
@@ -2249,14 +2257,14 @@ var init_RadioCardGroup = __esm({
2249
2257
  onChange,
2250
2258
  ...props
2251
2259
  }) => {
2252
- const [selectedValue, setSelectedValue] = React85.useState(
2260
+ const [selectedValue, setSelectedValue] = React86.useState(
2253
2261
  defaultValue || ""
2254
2262
  );
2255
2263
  const handleChange = (value) => {
2256
2264
  setSelectedValue(value);
2257
2265
  onChange && onChange(value);
2258
2266
  };
2259
- return /* @__PURE__ */ React85__namespace.default.createElement(
2267
+ return /* @__PURE__ */ React86__namespace.default.createElement(
2260
2268
  exports.RadioCardGroupContext.Provider,
2261
2269
  {
2262
2270
  value: {
@@ -2267,7 +2275,7 @@ var init_RadioCardGroup = __esm({
2267
2275
  defaultValue: defaultValue || ""
2268
2276
  }
2269
2277
  },
2270
- /* @__PURE__ */ React85__namespace.default.createElement(react.Stack, { as: "fieldset", direction: direction2, ...props }, groupLabel && /* @__PURE__ */ React85__namespace.default.createElement(exports.FormLabel, { as: "legend", id: groupLabel }, groupLabel), children)
2278
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Stack, { as: "fieldset", direction: direction2, ...props }, groupLabel && /* @__PURE__ */ React86__namespace.default.createElement(exports.FormLabel, { as: "legend", id: groupLabel }, groupLabel), children)
2271
2279
  );
2272
2280
  };
2273
2281
  }
@@ -2278,7 +2286,7 @@ var init_RadioCard = __esm({
2278
2286
  init_RadioCardGroup();
2279
2287
  exports.RadioCard = react.forwardRef(
2280
2288
  ({ children, value, isDisabled, ...props }, ref) => {
2281
- const context = React85.useContext(exports.RadioCardGroupContext);
2289
+ const context = React86.useContext(exports.RadioCardGroupContext);
2282
2290
  if (!context) {
2283
2291
  throw new Error(
2284
2292
  "RadioCard components must be wrapped in a RadioCardGroup component"
@@ -2286,10 +2294,10 @@ var init_RadioCard = __esm({
2286
2294
  }
2287
2295
  const { name, selectedValue, onChange, variant } = context;
2288
2296
  const styles3 = react.useMultiStyleConfig("RadioCard", { variant });
2289
- const [isKeyboardUser, setKeyboardUser] = React85.useState(false);
2290
- const [isFocused, setFocus] = React85.useState(false);
2297
+ const [isKeyboardUser, setKeyboardUser] = React86.useState(false);
2298
+ const [isFocused, setFocus] = React86.useState(false);
2291
2299
  const isChecked = selectedValue === value;
2292
- React85.useEffect(() => {
2300
+ React86.useEffect(() => {
2293
2301
  const handleMouseDown = () => setKeyboardUser(false);
2294
2302
  const handleKeyDown = (event) => {
2295
2303
  if (event.key === " ") {
@@ -2305,21 +2313,21 @@ var init_RadioCard = __esm({
2305
2313
  window.removeEventListener("keydown", handleKeyDown);
2306
2314
  };
2307
2315
  }, []);
2308
- React85.useEffect(() => {
2316
+ React86.useEffect(() => {
2309
2317
  if (isKeyboardUser && isChecked) {
2310
2318
  setFocus(true);
2311
2319
  } else {
2312
2320
  setFocus(false);
2313
2321
  }
2314
2322
  }, [isKeyboardUser, isChecked]);
2315
- const inputId = `radio-card-${React85.useId()}`;
2316
- return /* @__PURE__ */ React85__namespace.default.createElement(
2323
+ const inputId = `radio-card-${React86.useId()}`;
2324
+ return /* @__PURE__ */ React86__namespace.default.createElement(
2317
2325
  react.Box,
2318
2326
  {
2319
2327
  onFocus: () => isKeyboardUser && setFocus(true),
2320
2328
  onBlur: () => setFocus(false)
2321
2329
  },
2322
- /* @__PURE__ */ React85__namespace.default.createElement(
2330
+ /* @__PURE__ */ React86__namespace.default.createElement(
2323
2331
  react.chakra.input,
2324
2332
  {
2325
2333
  type: "radio",
@@ -2332,7 +2340,7 @@ var init_RadioCard = __esm({
2332
2340
  __css: styles3.radioInput
2333
2341
  }
2334
2342
  ),
2335
- /* @__PURE__ */ React85__namespace.default.createElement(
2343
+ /* @__PURE__ */ React86__namespace.default.createElement(
2336
2344
  react.Box,
2337
2345
  {
2338
2346
  as: "label",
@@ -2364,7 +2372,7 @@ var init_StaticCard = __esm({
2364
2372
  const styles3 = react.useStyleConfig("StaticCard", {
2365
2373
  colorScheme
2366
2374
  });
2367
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
2375
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
2368
2376
  }
2369
2377
  );
2370
2378
  }
@@ -2377,7 +2385,7 @@ var init_PressableCard = __esm({
2377
2385
  const styles3 = react.useStyleConfig("PressableCard", {
2378
2386
  variant
2379
2387
  });
2380
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
2388
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
2381
2389
  }
2382
2390
  );
2383
2391
  }
@@ -2399,14 +2407,14 @@ var init_Accordion = __esm({
2399
2407
  exports.Accordion = react.forwardRef(
2400
2408
  ({ children, spacing: spacing3 = 2, ...props }, ref) => {
2401
2409
  const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
2402
- return /* @__PURE__ */ React85__namespace.default.createElement(
2410
+ return /* @__PURE__ */ React86__namespace.default.createElement(
2403
2411
  react.Accordion,
2404
2412
  {
2405
2413
  ...props,
2406
2414
  ref,
2407
2415
  defaultIndex
2408
2416
  },
2409
- /* @__PURE__ */ React85__namespace.default.createElement(exports.Stack, { spacing: spacing3 }, children)
2417
+ /* @__PURE__ */ React86__namespace.default.createElement(exports.Stack, { spacing: spacing3 }, children)
2410
2418
  );
2411
2419
  }
2412
2420
  );
@@ -2427,7 +2435,7 @@ var init_Expandable = __esm({
2427
2435
  },
2428
2436
  ...rest
2429
2437
  }) => {
2430
- return /* @__PURE__ */ React85__namespace.default.createElement(
2438
+ return /* @__PURE__ */ React86__namespace.default.createElement(
2431
2439
  exports.Accordion,
2432
2440
  {
2433
2441
  ...rest,
@@ -2435,7 +2443,7 @@ var init_Expandable = __esm({
2435
2443
  defaultIndex: defaultOpen ? 0 : void 0,
2436
2444
  onChange: (expandedIndex) => onChange(expandedIndex === 0)
2437
2445
  },
2438
- /* @__PURE__ */ React85__namespace.default.createElement(
2446
+ /* @__PURE__ */ React86__namespace.default.createElement(
2439
2447
  exports.ExpandableItem,
2440
2448
  {
2441
2449
  headingLevel,
@@ -2454,7 +2462,7 @@ var init_Expandable = __esm({
2454
2462
  ...rest
2455
2463
  }) => {
2456
2464
  warnAboutMismatchingIcon({ icon: leftIcon });
2457
- return /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionItem, { ...rest }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: headingLevel }, /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionButton, null, /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionIcon, null))), /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionPanel, null, children));
2465
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionItem, { ...rest }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: headingLevel }, /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionButton, null, /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionIcon, null))), /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionPanel, null, children));
2458
2466
  };
2459
2467
  warnAboutMismatchingIcon = ({ icon }) => {
2460
2468
  var _a6, _b5;
@@ -2496,10 +2504,10 @@ function LanguageProvider({
2496
2504
  language,
2497
2505
  children
2498
2506
  }) {
2499
- return /* @__PURE__ */ React85__namespace.default.createElement(LanguageContext.Provider, { value: language }, children);
2507
+ return /* @__PURE__ */ React86__namespace.default.createElement(LanguageContext.Provider, { value: language }, children);
2500
2508
  }
2501
2509
  function useLanguage() {
2502
- const language = React85.useContext(LanguageContext);
2510
+ const language = React86.useContext(LanguageContext);
2503
2511
  if (!language) {
2504
2512
  throw new Error("Please wrap your application in a LanguageProvider");
2505
2513
  }
@@ -2512,8 +2520,8 @@ function useTranslation() {
2512
2520
  };
2513
2521
  return { t: t2, language };
2514
2522
  }
2515
- function createTexts(texts30) {
2516
- return texts30;
2523
+ function createTexts(texts31) {
2524
+ return texts31;
2517
2525
  }
2518
2526
  exports.Language = void 0; var LanguageContext;
2519
2527
  var init_i18n = __esm({
@@ -2525,12 +2533,12 @@ var init_i18n = __esm({
2525
2533
  Language3["English"] = "en";
2526
2534
  return Language3;
2527
2535
  })(exports.Language || {});
2528
- LanguageContext = React85.createContext(void 0);
2536
+ LanguageContext = React86.createContext(void 0);
2529
2537
  }
2530
2538
  });
2531
2539
  function useHydrated() {
2532
- let [hydrated, setHydrated] = React85.useState(() => !hydrating);
2533
- React85.useEffect(function hydrate() {
2540
+ let [hydrated, setHydrated] = React86.useState(() => !hydrating);
2541
+ React86.useEffect(function hydrate() {
2534
2542
  hydrating = false;
2535
2543
  setHydrated(true);
2536
2544
  }, []);
@@ -2548,13 +2556,13 @@ var init_ClientOnly = __esm({
2548
2556
  init_useHydrated();
2549
2557
  ClientOnly = ({ children, fallback = null }) => {
2550
2558
  const isHydrated = useHydrated();
2551
- return /* @__PURE__ */ React85__namespace.default.createElement(React85__namespace.default.Fragment, null, isHydrated ? children() : fallback);
2559
+ return /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, isHydrated ? children() : fallback);
2552
2560
  };
2553
2561
  }
2554
2562
  });
2555
2563
  function Lottie({ animationData }) {
2556
2564
  const { View } = lottieReact.useLottie({ animationData, loop: true });
2557
- return /* @__PURE__ */ React85__namespace.default.createElement(React85__namespace.default.Fragment, null, View);
2565
+ return /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, View);
2558
2566
  }
2559
2567
  var init_Lottie = __esm({
2560
2568
  "src/loader/Lottie.tsx"() {
@@ -2570,7 +2578,7 @@ var init_ColorInlineLoader = __esm({
2570
2578
  maxWidth,
2571
2579
  ...props
2572
2580
  }) => {
2573
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderColorData }))));
2581
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderColorData }))));
2574
2582
  };
2575
2583
  }
2576
2584
  });
@@ -2585,7 +2593,7 @@ var init_ColorSpinner = __esm({
2585
2593
  maxWidth,
2586
2594
  ...props
2587
2595
  }) => {
2588
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerColorData }))), children && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
2596
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerColorData }))), children && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
2589
2597
  };
2590
2598
  }
2591
2599
  });
@@ -2595,7 +2603,7 @@ var init_ContentLoader = __esm({
2595
2603
  init_ClientOnly();
2596
2604
  init_Lottie();
2597
2605
  exports.ContentLoader = ({ children, ...props }) => {
2598
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: sporLoader.contentLoaderData }))), children && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { textAlign: "center", fontWeight: "bold" }, children));
2606
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: sporLoader.contentLoaderData }))), children && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { textAlign: "center", fontWeight: "bold" }, children));
2599
2607
  };
2600
2608
  }
2601
2609
  });
@@ -2609,7 +2617,7 @@ var init_DarkFullScreenLoader = __esm({
2609
2617
  maxWidth,
2610
2618
  ...props
2611
2619
  }) => {
2612
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderWhiteData }))));
2620
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderWhiteData }))));
2613
2621
  };
2614
2622
  }
2615
2623
  });
@@ -2623,7 +2631,7 @@ var init_DarkInlineLoader = __esm({
2623
2631
  maxWidth,
2624
2632
  ...props
2625
2633
  }) => {
2626
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderDarkData }))));
2634
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderDarkData }))));
2627
2635
  };
2628
2636
  }
2629
2637
  });
@@ -2641,7 +2649,7 @@ var init_DarkSpinner = __esm({
2641
2649
  }) => {
2642
2650
  const { colorMode } = react.useColorMode();
2643
2651
  const spinnerData = colorMode === "dark" ? sporLoader.spinnerLightData : sporLoader.spinnerDarkData;
2644
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
2652
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
2645
2653
  };
2646
2654
  }
2647
2655
  });
@@ -2655,7 +2663,7 @@ var init_LightFullScreenLoader = __esm({
2655
2663
  maxWidth,
2656
2664
  ...props
2657
2665
  }) => {
2658
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderBlackData }))));
2666
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderBlackData }))));
2659
2667
  };
2660
2668
  }
2661
2669
  });
@@ -2669,7 +2677,7 @@ var init_LightInlineLoader = __esm({
2669
2677
  maxWidth,
2670
2678
  ...props
2671
2679
  }) => {
2672
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderLightData }))));
2680
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderLightData }))));
2673
2681
  };
2674
2682
  }
2675
2683
  });
@@ -2684,7 +2692,7 @@ var init_LightSpinner = __esm({
2684
2692
  maxWidth,
2685
2693
  ...props
2686
2694
  }) => {
2687
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React85__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React85__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerLightData }))), children && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
2695
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React86__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React86__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerLightData }))), children && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
2688
2696
  };
2689
2697
  }
2690
2698
  });
@@ -2692,11 +2700,11 @@ var useRotatingLabel;
2692
2700
  var init_useRotatingLabel = __esm({
2693
2701
  "src/loader/useRotatingLabel.tsx"() {
2694
2702
  useRotatingLabel = ({ label, delay }) => {
2695
- const loadingTextArray = React85.useMemo(
2703
+ const loadingTextArray = React86.useMemo(
2696
2704
  () => Array.isArray(label) ? label : [label],
2697
2705
  [label]
2698
2706
  );
2699
- const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React85.useState(0);
2707
+ const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React86.useState(0);
2700
2708
  react.useInterval(() => {
2701
2709
  setCurrentLoadingTextIndex(
2702
2710
  (prevIndex) => (prevIndex + 1) % loadingTextArray.length
@@ -2731,7 +2739,7 @@ var init_ProgressBar = __esm({
2731
2739
  "aria-label": ariaLabel || t2(texts7.label(value))
2732
2740
  });
2733
2741
  const styles3 = react.useMultiStyleConfig("ProgressBar", {});
2734
- return /* @__PURE__ */ React85__namespace.default.createElement(React85__namespace.default.Fragment, null, /* @__PURE__ */ React85__namespace.default.createElement(
2742
+ return /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, /* @__PURE__ */ React86__namespace.default.createElement(
2735
2743
  react.Box,
2736
2744
  {
2737
2745
  ...progressBarProps,
@@ -2739,8 +2747,8 @@ var init_ProgressBar = __esm({
2739
2747
  __css: styles3.container,
2740
2748
  ...rest
2741
2749
  },
2742
- /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width, __css: styles3.background }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { __css: styles3.progress, height, width: `${value}%` })),
2743
- currentLoadingText && /* @__PURE__ */ React85__namespace.default.createElement(react.Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
2750
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, __css: styles3.background }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: styles3.progress, height, width: `${value}%` })),
2751
+ currentLoadingText && /* @__PURE__ */ React86__namespace.default.createElement(react.Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
2744
2752
  ));
2745
2753
  };
2746
2754
  texts7 = createTexts({
@@ -2777,11 +2785,11 @@ var init_ProgressLoader = __esm({
2777
2785
  value,
2778
2786
  "aria-label": ariaLabel ?? t2(texts8.fallbackLabel(value ?? "?"))
2779
2787
  });
2780
- const pathRef = React85.useRef(null);
2788
+ const pathRef = React86.useRef(null);
2781
2789
  const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
2782
2790
  const progress = (value - 100) / 100 * progressPathLength;
2783
- const id = React85.useId();
2784
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React85__namespace.default.createElement(
2791
+ const id = React86.useId();
2792
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React86__namespace.default.createElement(
2785
2793
  react.Box,
2786
2794
  {
2787
2795
  as: "path",
@@ -2789,7 +2797,7 @@ var init_ProgressLoader = __esm({
2789
2797
  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",
2790
2798
  fill: "#FFB466"
2791
2799
  }
2792
- ), /* @__PURE__ */ React85__namespace.default.createElement(
2800
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
2793
2801
  react.Box,
2794
2802
  {
2795
2803
  as: "path",
@@ -2800,7 +2808,7 @@ var init_ProgressLoader = __esm({
2800
2808
  strokeLinecap: "round",
2801
2809
  strokeLinejoin: "round"
2802
2810
  }
2803
- ), /* @__PURE__ */ React85__namespace.default.createElement(
2811
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
2804
2812
  react.Box,
2805
2813
  {
2806
2814
  as: "path",
@@ -2815,7 +2823,7 @@ var init_ProgressLoader = __esm({
2815
2823
  transition: "stroke-dashoffset .2s ease-out",
2816
2824
  ref: pathRef
2817
2825
  }
2818
- ), /* @__PURE__ */ React85__namespace.default.createElement(
2826
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
2819
2827
  react.Box,
2820
2828
  {
2821
2829
  as: "path",
@@ -2823,7 +2831,7 @@ var init_ProgressLoader = __esm({
2823
2831
  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",
2824
2832
  fill: "#688CBA"
2825
2833
  }
2826
- )), currentLoadingText && /* @__PURE__ */ React85__namespace.default.createElement(
2834
+ )), currentLoadingText && /* @__PURE__ */ React86__namespace.default.createElement(
2827
2835
  react.Text,
2828
2836
  {
2829
2837
  textAlign: "center",
@@ -2847,19 +2855,19 @@ var init_ProgressLoader = __esm({
2847
2855
  exports.Skeleton = void 0;
2848
2856
  var init_Skeleton = __esm({
2849
2857
  "src/loader/Skeleton.tsx"() {
2850
- exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React85__namespace.default.createElement(react.Skeleton, { ...props, ref }));
2858
+ exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React86__namespace.default.createElement(react.Skeleton, { ...props, ref }));
2851
2859
  }
2852
2860
  });
2853
2861
  exports.SkeletonCircle = void 0;
2854
2862
  var init_SkeletonCircle = __esm({
2855
2863
  "src/loader/SkeletonCircle.tsx"() {
2856
- exports.SkeletonCircle = (props) => /* @__PURE__ */ React85__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
2864
+ exports.SkeletonCircle = (props) => /* @__PURE__ */ React86__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
2857
2865
  }
2858
2866
  });
2859
2867
  exports.SkeletonText = void 0;
2860
2868
  var init_SkeletonText = __esm({
2861
2869
  "src/loader/SkeletonText.tsx"() {
2862
- exports.SkeletonText = (props) => /* @__PURE__ */ React85__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
2870
+ exports.SkeletonText = (props) => /* @__PURE__ */ React86__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
2863
2871
  }
2864
2872
  });
2865
2873
 
@@ -2934,7 +2942,7 @@ var init_Button = __esm({
2934
2942
  if (fontWeight) {
2935
2943
  styles3.fontWeight = fontWeight;
2936
2944
  }
2937
- return /* @__PURE__ */ React85__namespace.default.createElement(
2945
+ return /* @__PURE__ */ React86__namespace.default.createElement(
2938
2946
  react.Box,
2939
2947
  {
2940
2948
  ...rest,
@@ -2948,7 +2956,7 @@ var init_Button = __esm({
2948
2956
  position: "relative",
2949
2957
  fontFamily: "Vy Sans"
2950
2958
  },
2951
- isLoading && /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React85__namespace.default.createElement(
2959
+ isLoading && /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React86__namespace.default.createElement(
2952
2960
  exports.ColorInlineLoader,
2953
2961
  {
2954
2962
  maxWidth: getLoaderWidth(finalSize),
@@ -2957,7 +2965,7 @@ var init_Button = __esm({
2957
2965
  marginY: 2
2958
2966
  }
2959
2967
  )),
2960
- /* @__PURE__ */ React85__namespace.default.createElement(
2968
+ /* @__PURE__ */ React86__namespace.default.createElement(
2961
2969
  react.Flex,
2962
2970
  {
2963
2971
  gap: 1,
@@ -2967,7 +2975,7 @@ var init_Button = __esm({
2967
2975
  visibility: isLoading ? "hidden" : "visible",
2968
2976
  "aria-hidden": isLoading
2969
2977
  },
2970
- /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React85__namespace.default.createElement(
2978
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React86__namespace.default.createElement(
2971
2979
  react.Box,
2972
2980
  {
2973
2981
  visibility: isLoading ? "hidden" : "visible",
@@ -2993,7 +3001,7 @@ var init_Button = __esm({
2993
3001
  exports.ButtonGroup = void 0;
2994
3002
  var init_ButtonGroup = __esm({
2995
3003
  "src/button/ButtonGroup.tsx"() {
2996
- exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React85__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
3004
+ exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React86__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
2997
3005
  }
2998
3006
  });
2999
3007
  exports.IconButton = void 0;
@@ -3001,12 +3009,12 @@ var init_IconButton = __esm({
3001
3009
  "src/button/IconButton.tsx"() {
3002
3010
  init_src();
3003
3011
  exports.IconButton = react.forwardRef(
3004
- ({ ...props }, ref) => /* @__PURE__ */ React85__namespace.default.createElement(
3012
+ ({ ...props }, ref) => /* @__PURE__ */ React86__namespace.default.createElement(
3005
3013
  react.IconButton,
3006
3014
  {
3007
3015
  title: props["aria-label"],
3008
3016
  ...props,
3009
- spinner: /* @__PURE__ */ React85__namespace.default.createElement(exports.ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
3017
+ spinner: /* @__PURE__ */ React86__namespace.default.createElement(exports.ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
3010
3018
  ref
3011
3019
  }
3012
3020
  )
@@ -3021,7 +3029,7 @@ var init_CloseButton = __esm({
3021
3029
  exports.CloseButton = react.forwardRef(
3022
3030
  ({ size: size2 = "sm", ...props }, ref) => {
3023
3031
  const { t: t2 } = useTranslation();
3024
- return /* @__PURE__ */ React85__namespace.default.createElement(
3032
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3025
3033
  exports.IconButton,
3026
3034
  {
3027
3035
  ref,
@@ -3038,11 +3046,11 @@ var init_CloseButton = __esm({
3038
3046
  switch (size2) {
3039
3047
  case "xs":
3040
3048
  case "sm":
3041
- return /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
3049
+ return /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
3042
3050
  case "md":
3043
- return /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
3051
+ return /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
3044
3052
  case "lg":
3045
- return /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
3053
+ return /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
3046
3054
  }
3047
3055
  };
3048
3056
  texts10 = createTexts({
@@ -3069,11 +3077,11 @@ var init_FloatingActionButton = __esm({
3069
3077
  placement = "bottom right",
3070
3078
  ...props
3071
3079
  }, ref) => {
3072
- const [isTextVisible, setIsTextVisible] = React85__namespace.default.useState(
3080
+ const [isTextVisible, setIsTextVisible] = React86__namespace.default.useState(
3073
3081
  externalIsTextVisible !== void 0 ? externalIsTextVisible : false
3074
3082
  );
3075
3083
  const scrollDirection = useScrollDirection();
3076
- React85.useEffect(() => {
3084
+ React86.useEffect(() => {
3077
3085
  if (externalIsTextVisible !== void 0) {
3078
3086
  return;
3079
3087
  }
@@ -3083,7 +3091,7 @@ var init_FloatingActionButton = __esm({
3083
3091
  );
3084
3092
  return () => window.clearTimeout(id);
3085
3093
  }, [scrollDirection, externalIsTextVisible]);
3086
- React85.useEffect(() => {
3094
+ React86.useEffect(() => {
3087
3095
  setIsTextVisible(!!externalIsTextVisible);
3088
3096
  }, [externalIsTextVisible]);
3089
3097
  const style = react.useMultiStyleConfig("FloatingActionButton", {
@@ -3091,7 +3099,7 @@ var init_FloatingActionButton = __esm({
3091
3099
  isTextVisible,
3092
3100
  placement
3093
3101
  });
3094
- return /* @__PURE__ */ React85__namespace.default.createElement(
3102
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3095
3103
  MotionBox,
3096
3104
  {
3097
3105
  __css: style.container,
@@ -3099,8 +3107,8 @@ var init_FloatingActionButton = __esm({
3099
3107
  ref,
3100
3108
  ...props
3101
3109
  },
3102
- /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
3103
- /* @__PURE__ */ React85__namespace.default.createElement(
3110
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
3111
+ /* @__PURE__ */ React86__namespace.default.createElement(
3104
3112
  MotionBox,
3105
3113
  {
3106
3114
  animate: isTextVisible ? "show" : "hide",
@@ -3125,11 +3133,11 @@ var init_FloatingActionButton = __esm({
3125
3133
  }
3126
3134
  );
3127
3135
  useScrollDirection = () => {
3128
- const [scrollDirection, setScrollDirection] = React85__namespace.default.useState(null);
3129
- const lastScrollPosition = React85__namespace.default.useRef(
3136
+ const [scrollDirection, setScrollDirection] = React86__namespace.default.useState(null);
3137
+ const lastScrollPosition = React86__namespace.default.useRef(
3130
3138
  typeof window !== "undefined" ? window.scrollY : 0
3131
3139
  );
3132
- React85__namespace.default.useEffect(() => {
3140
+ React86__namespace.default.useEffect(() => {
3133
3141
  const onScroll = () => {
3134
3142
  const delta = window.scrollY - lastScrollPosition.current;
3135
3143
  if (delta === 0) {
@@ -3165,7 +3173,7 @@ var init_AlertIcon = __esm({
3165
3173
  AlertIcon = ({ variant }) => {
3166
3174
  const Icon = getIcon2(variant);
3167
3175
  const { t: t2 } = useTranslation();
3168
- return /* @__PURE__ */ React85__namespace.default.createElement(
3176
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3169
3177
  Icon,
3170
3178
  {
3171
3179
  flexShrink: 0,
@@ -3187,6 +3195,8 @@ var init_AlertIcon = __esm({
3187
3195
  return sporIconReact.AltTransportOutline24Icon;
3188
3196
  case "error":
3189
3197
  return sporIconReact.ErrorOutline24Icon;
3198
+ case "service":
3199
+ return sporIconReact.WarningFill24Icon;
3190
3200
  }
3191
3201
  };
3192
3202
  texts11 = createTexts({
@@ -3219,6 +3229,12 @@ var init_AlertIcon = __esm({
3219
3229
  nn: "Alternativ transport",
3220
3230
  sv: "Alternativ transport",
3221
3231
  en: "Alternative transport"
3232
+ },
3233
+ service: {
3234
+ nb: "Driftsmelding",
3235
+ nn: "Driftsmelding",
3236
+ sv: "Servicemeddelande",
3237
+ en: "Service message"
3222
3238
  }
3223
3239
  });
3224
3240
  }
@@ -3232,7 +3248,7 @@ var init_BaseAlert = __esm({
3232
3248
  ...boxProps
3233
3249
  }) => {
3234
3250
  const styles3 = react.useMultiStyleConfig("Alert", { variant });
3235
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { __css: styles3.container, ...boxProps }, children);
3251
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: styles3.container, ...boxProps }, children);
3236
3252
  };
3237
3253
  }
3238
3254
  });
@@ -3260,17 +3276,17 @@ var init_ClosableAlert = __esm({
3260
3276
  externalOnClose();
3261
3277
  onClose();
3262
3278
  };
3263
- return /* @__PURE__ */ React85__namespace.default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React85__namespace.default.createElement(
3279
+ return /* @__PURE__ */ React86__namespace.default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React86__namespace.default.createElement(
3264
3280
  exports.IconButton,
3265
3281
  {
3266
3282
  variant: "ghost",
3267
3283
  size: "sm",
3268
3284
  onClick: handleClose,
3269
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
3285
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
3270
3286
  "aria-label": t2(texts12.close),
3271
3287
  sx: styles3.closeButton
3272
3288
  }
3273
- ), /* @__PURE__ */ React85__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { marginRight: 1 }, children)));
3289
+ ), /* @__PURE__ */ React86__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { marginRight: 1 }, children)));
3274
3290
  };
3275
3291
  texts12 = createTexts({
3276
3292
  close: {
@@ -3298,7 +3314,7 @@ var init_ExpandableAlert = __esm({
3298
3314
  ...boxProps
3299
3315
  }) => {
3300
3316
  const styles3 = react.useMultiStyleConfig("AlertExpandable", { variant });
3301
- return /* @__PURE__ */ React85__namespace.default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React85__namespace.default.createElement(
3317
+ return /* @__PURE__ */ React86__namespace.default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React86__namespace.default.createElement(
3302
3318
  react.Accordion,
3303
3319
  {
3304
3320
  onChange: (expandedIndex) => onToggle(expandedIndex === 0),
@@ -3306,14 +3322,14 @@ var init_ExpandableAlert = __esm({
3306
3322
  allowToggle: true,
3307
3323
  flexGrow: "1"
3308
3324
  },
3309
- /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React85__namespace.default.createElement(
3325
+ /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React86__namespace.default.createElement(
3310
3326
  react.Flex,
3311
3327
  {
3312
3328
  justifyContent: "space-between",
3313
3329
  alignItems: "center",
3314
3330
  flexGrow: "1"
3315
3331
  },
3316
- /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React85__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React85__namespace.default.createElement(
3332
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React86__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React86__namespace.default.createElement(
3317
3333
  react.Box,
3318
3334
  {
3319
3335
  as: "span",
@@ -3324,12 +3340,17 @@ var init_ExpandableAlert = __esm({
3324
3340
  WebkitLineClamp: "1",
3325
3341
  WebkitBoxOrient: "vertical"
3326
3342
  },
3327
- color: "darkGrey"
3343
+ color: variant === "service" ? "white" : "darkGrey"
3328
3344
  },
3329
3345
  title
3330
3346
  )),
3331
- /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionIcon, { color: "darkGrey" })
3332
- )), /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionPanel, null, children))
3347
+ /* @__PURE__ */ React86__namespace.default.createElement(
3348
+ react.AccordionIcon,
3349
+ {
3350
+ color: variant === "service" ? "white" : "darkGrey"
3351
+ }
3352
+ )
3353
+ )), /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionPanel, { color: variant === "service" ? "white" : "darkGrey" }, children))
3333
3354
  ));
3334
3355
  };
3335
3356
  }
@@ -3344,10 +3365,118 @@ var init_StaticAlert = __esm({
3344
3365
  title,
3345
3366
  ...props
3346
3367
  }) => {
3347
- return /* @__PURE__ */ React85__namespace.default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React85__namespace.default.createElement(AlertIcon, { variant: props.variant }), /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React85__namespace.default.createElement(react.Box, null, children)));
3368
+ return /* @__PURE__ */ React86__namespace.default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React86__namespace.default.createElement(AlertIcon, { variant: props.variant }), /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, null, children)));
3348
3369
  };
3349
3370
  }
3350
3371
  });
3372
+ exports.ServiceAlert = void 0; var texts13;
3373
+ var init_ServiceAlert = __esm({
3374
+ "src/alert/ServiceAlert.tsx"() {
3375
+ init_AlertIcon();
3376
+ init_BaseAlert();
3377
+ init_i18n();
3378
+ exports.ServiceAlert = ({
3379
+ variant,
3380
+ children,
3381
+ title,
3382
+ notification,
3383
+ contentWidth = "container.md",
3384
+ headingLevel = "h3",
3385
+ defaultOpen = false,
3386
+ onToggle = () => {
3387
+ },
3388
+ ...boxProps
3389
+ }) => {
3390
+ variant = "service";
3391
+ const { t: t2 } = useTranslation();
3392
+ const styles3 = react.useMultiStyleConfig("AlertService");
3393
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { flexDirection: "column", sx: styles3.box }, /* @__PURE__ */ React86__namespace.default.createElement(
3394
+ BaseAlert,
3395
+ {
3396
+ variant,
3397
+ ...boxProps,
3398
+ paddingX: 0,
3399
+ paddingY: 0,
3400
+ sx: styles3.box
3401
+ },
3402
+ /* @__PURE__ */ React86__namespace.default.createElement(
3403
+ react.Accordion,
3404
+ {
3405
+ onChange: (expandedIndex) => onToggle(expandedIndex === 0),
3406
+ defaultIndex: defaultOpen ? 0 : -1,
3407
+ allowToggle: true,
3408
+ flexGrow: "1"
3409
+ },
3410
+ /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React86__namespace.default.createElement(
3411
+ react.Stack,
3412
+ {
3413
+ flexDirection: "row",
3414
+ justifyContent: "center",
3415
+ width: "100%",
3416
+ paddingX: "12px"
3417
+ },
3418
+ /* @__PURE__ */ React86__namespace.default.createElement(
3419
+ react.Flex,
3420
+ {
3421
+ justifyContent: "space-between",
3422
+ alignItems: "center",
3423
+ flexGrow: "1",
3424
+ maxWidth: contentWidth
3425
+ },
3426
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React86__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React86__namespace.default.createElement(
3427
+ react.Box,
3428
+ {
3429
+ as: "span",
3430
+ sx: {
3431
+ // Truncate the title to one line
3432
+ display: "-webkit-box",
3433
+ overflow: "hidden",
3434
+ WebkitLineClamp: "1",
3435
+ WebkitBoxOrient: "vertical"
3436
+ },
3437
+ color: "white"
3438
+ },
3439
+ title
3440
+ )),
3441
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { alignItems: "center" }, notification && /* @__PURE__ */ React86__namespace.default.createElement(react.Text, { sx: styles3.notificationText }, t2(texts13.notification(notification))), /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionIcon, { color: "white" }))
3442
+ )
3443
+ )), /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionPanel, { sx: styles3.serviceMessageContent }, /* @__PURE__ */ React86__namespace.default.createElement(react.Stack, { flexDirection: "row", justifyContent: "center", width: "100%" }, /* @__PURE__ */ React86__namespace.default.createElement(
3444
+ react.Flex,
3445
+ {
3446
+ justifyContent: "space-between",
3447
+ alignItems: "center",
3448
+ flexGrow: "1",
3449
+ maxWidth: contentWidth,
3450
+ flexFlow: "column",
3451
+ gap: 2,
3452
+ sx: {
3453
+ p: {
3454
+ padding: "0.8rem 0",
3455
+ borderBottom: "0.08rem solid rgba(255, 255, 255, 0.4)"
3456
+ },
3457
+ "p:last-child": {
3458
+ borderBottom: "none"
3459
+ }
3460
+ }
3461
+ },
3462
+ children
3463
+ ))))
3464
+ )
3465
+ ));
3466
+ };
3467
+ texts13 = createTexts({
3468
+ notification: (notification) => {
3469
+ const numNotification = Number(notification);
3470
+ return {
3471
+ nb: `${numNotification} varsel`,
3472
+ nn: `${numNotification} varsel`,
3473
+ sv: `${numNotification} ${numNotification > 1 ? "underr\xE4ttelser" : "underr\xE4ttelse"}`,
3474
+ en: `${numNotification} ${numNotification > 1 ? "notifications" : "notification"}`
3475
+ };
3476
+ }
3477
+ });
3478
+ }
3479
+ });
3351
3480
 
3352
3481
  // src/alert/index.tsx
3353
3482
  var init_alert = __esm({
@@ -3355,6 +3484,7 @@ var init_alert = __esm({
3355
3484
  init_ClosableAlert();
3356
3485
  init_ExpandableAlert();
3357
3486
  init_StaticAlert();
3487
+ init_ServiceAlert();
3358
3488
  }
3359
3489
  });
3360
3490
  exports.Breadcrumb = void 0; exports.BreadcrumbItem = void 0; exports.BreadcrumbLink = void 0;
@@ -3362,10 +3492,10 @@ var init_Breadcrumb = __esm({
3362
3492
  "src/breadcrumb/Breadcrumb.tsx"() {
3363
3493
  exports.Breadcrumb = (props) => {
3364
3494
  const iconColor = react.useColorModeValue("blackAlpha.400", "whiteAlpha.400");
3365
- return /* @__PURE__ */ React85__namespace.default.createElement(
3495
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3366
3496
  react.Breadcrumb,
3367
3497
  {
3368
- separator: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { color: iconColor }),
3498
+ separator: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { color: iconColor }),
3369
3499
  ...props
3370
3500
  }
3371
3501
  );
@@ -3386,7 +3516,7 @@ var init_Badge = __esm({
3386
3516
  "src/typography/Badge.tsx"() {
3387
3517
  exports.Badge = react.forwardRef(
3388
3518
  ({ icon, colorScheme = "grey", children, ...props }, ref) => {
3389
- return /* @__PURE__ */ React85__namespace.default.createElement(
3519
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3390
3520
  react.Badge,
3391
3521
  {
3392
3522
  colorScheme,
@@ -3394,7 +3524,7 @@ var init_Badge = __esm({
3394
3524
  paddingLeft: icon ? 1 : void 0,
3395
3525
  ref
3396
3526
  },
3397
- icon && React85__namespace.default.cloneElement(icon, { marginRight: 1 }),
3527
+ icon && React86__namespace.default.cloneElement(icon, { marginRight: 1 }),
3398
3528
  children
3399
3529
  );
3400
3530
  }
@@ -3404,7 +3534,7 @@ var init_Badge = __esm({
3404
3534
  exports.Code = void 0;
3405
3535
  var init_Code = __esm({
3406
3536
  "src/typography/Code.tsx"() {
3407
- exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */ React85__namespace.default.createElement(react.Code, { ...props, ref }));
3537
+ exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */ React86__namespace.default.createElement(react.Code, { ...props, ref }));
3408
3538
  }
3409
3539
  });
3410
3540
  exports.Heading = void 0;
@@ -3420,7 +3550,7 @@ var init_Heading = __esm({
3420
3550
  }) => {
3421
3551
  const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
3422
3552
  const color2 = react.useColorModeValue("text.primary.light", "text.primary.dark");
3423
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Text, { as, textStyle: variant, id, color: color2, ...props });
3553
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Text, { as, textStyle: variant, id, color: color2, ...props });
3424
3554
  };
3425
3555
  }
3426
3556
  });
@@ -3429,7 +3559,7 @@ var init_Text = __esm({
3429
3559
  "src/typography/Text.tsx"() {
3430
3560
  exports.Text = react.forwardRef(
3431
3561
  ({ variant = "sm", ...props }, ref) => {
3432
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
3562
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
3433
3563
  }
3434
3564
  );
3435
3565
  }
@@ -3450,7 +3580,7 @@ function CalendarCell({
3450
3580
  currentMonth,
3451
3581
  variant
3452
3582
  }) {
3453
- const ref = React85.useRef(null);
3583
+ const ref = React86.useRef(null);
3454
3584
  const {
3455
3585
  cellProps,
3456
3586
  buttonProps,
@@ -3474,7 +3604,7 @@ function CalendarCell({
3474
3604
  if (isOutsideMonth) {
3475
3605
  stateProps["data-unavailable"] = true;
3476
3606
  }
3477
- React85.useEffect(() => {
3607
+ React86.useEffect(() => {
3478
3608
  var _a6;
3479
3609
  (_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
3480
3610
  "touchend",
@@ -3484,7 +3614,7 @@ function CalendarCell({
3484
3614
  { passive: false, once: true }
3485
3615
  );
3486
3616
  }, []);
3487
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React85__namespace.default.createElement(
3617
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React86__namespace.default.createElement(
3488
3618
  react.Box,
3489
3619
  {
3490
3620
  as: "button",
@@ -3550,8 +3680,8 @@ function CalendarGrid({
3550
3680
  const weeksInMonth = date.getWeeksInMonth(state2.visibleRange.start, locale);
3551
3681
  const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
3552
3682
  const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
3553
- return /* @__PURE__ */ React85__namespace.default.createElement("table", { ...gridProps }, /* @__PURE__ */ React85__namespace.default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React85__namespace.default.createElement("tr", null, weekDays[language].map((day, index) => {
3554
- return /* @__PURE__ */ React85__namespace.default.createElement(
3683
+ return /* @__PURE__ */ React86__namespace.default.createElement("table", { ...gridProps }, /* @__PURE__ */ React86__namespace.default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React86__namespace.default.createElement("tr", null, weekDays[language].map((day, index) => {
3684
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3555
3685
  exports.Text,
3556
3686
  {
3557
3687
  as: "th",
@@ -3561,8 +3691,8 @@ function CalendarGrid({
3561
3691
  },
3562
3692
  day
3563
3693
  );
3564
- }))), /* @__PURE__ */ React85__namespace.default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React85__namespace.default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
3565
- (date, dayIndex) => date ? /* @__PURE__ */ React85__namespace.default.createElement(
3694
+ }))), /* @__PURE__ */ React86__namespace.default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React86__namespace.default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
3695
+ (date, dayIndex) => date ? /* @__PURE__ */ React86__namespace.default.createElement(
3566
3696
  CalendarCell,
3567
3697
  {
3568
3698
  variant,
@@ -3571,7 +3701,7 @@ function CalendarGrid({
3571
3701
  date,
3572
3702
  currentMonth: startDate
3573
3703
  }
3574
- ) : /* @__PURE__ */ React85__namespace.default.createElement("td", { key: dayIndex })
3704
+ ) : /* @__PURE__ */ React86__namespace.default.createElement("td", { key: dayIndex })
3575
3705
  )))));
3576
3706
  }
3577
3707
  var weekDays;
@@ -3594,9 +3724,9 @@ function CalendarNavigationButton({
3594
3724
  "aria-label": ariaLabel,
3595
3725
  ...rest
3596
3726
  }) {
3597
- const ref = React85.useRef(null);
3727
+ const ref = React86.useRef(null);
3598
3728
  const { buttonProps } = reactAria.useButton(rest, ref);
3599
- return /* @__PURE__ */ React85__namespace.default.createElement(
3729
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3600
3730
  exports.IconButton,
3601
3731
  {
3602
3732
  ...buttonProps,
@@ -3633,7 +3763,7 @@ function CalendarHeader({
3633
3763
  );
3634
3764
  const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
3635
3765
  const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
3636
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React85__namespace.default.createElement(
3766
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React86__namespace.default.createElement(
3637
3767
  CalendarNavigator,
3638
3768
  {
3639
3769
  title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
@@ -3643,7 +3773,7 @@ function CalendarHeader({
3643
3773
  isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
3644
3774
  isPreviousDisabled: !state2.isNextVisibleRangeInvalid
3645
3775
  }
3646
- ), isYearPickerVisible && /* @__PURE__ */ React85__namespace.default.createElement(
3776
+ ), isYearPickerVisible && /* @__PURE__ */ React86__namespace.default.createElement(
3647
3777
  CalendarNavigator,
3648
3778
  {
3649
3779
  title: jsDate.getFullYear().toString(),
@@ -3655,7 +3785,7 @@ function CalendarHeader({
3655
3785
  }
3656
3786
  ));
3657
3787
  }
3658
- var capitalize, CalendarNavigator, texts13;
3788
+ var capitalize, CalendarNavigator, texts14;
3659
3789
  var init_CalendarHeader = __esm({
3660
3790
  "src/datepicker/CalendarHeader.tsx"() {
3661
3791
  init_i18n();
@@ -3671,15 +3801,15 @@ var init_CalendarHeader = __esm({
3671
3801
  isNextDisabled
3672
3802
  }) => {
3673
3803
  const { t: t2 } = useTranslation();
3674
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React85__namespace.default.createElement(
3804
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React86__namespace.default.createElement(
3675
3805
  CalendarNavigationButton,
3676
3806
  {
3677
3807
  onPress: onPrevious,
3678
3808
  isDisabled: isPreviousDisabled,
3679
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
3680
- "aria-label": `${t2(texts13.previous)} ${t2(texts13[unit])}`
3809
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
3810
+ "aria-label": `${t2(texts14.previous)} ${t2(texts14[unit])}`
3681
3811
  }
3682
- ), /* @__PURE__ */ React85__namespace.default.createElement(
3812
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
3683
3813
  react.Box,
3684
3814
  {
3685
3815
  role: "heading",
@@ -3689,17 +3819,17 @@ var init_CalendarHeader = __esm({
3689
3819
  textAlign: "center"
3690
3820
  },
3691
3821
  capitalize(title)
3692
- ), /* @__PURE__ */ React85__namespace.default.createElement(
3822
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
3693
3823
  CalendarNavigationButton,
3694
3824
  {
3695
3825
  onPress: onNext,
3696
3826
  isDisabled: isNextDisabled,
3697
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
3698
- "aria-label": `${t2(texts13.next)} ${t2(texts13[unit])}`
3827
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
3828
+ "aria-label": `${t2(texts14.next)} ${t2(texts14[unit])}`
3699
3829
  }
3700
3830
  ));
3701
3831
  };
3702
- texts13 = createTexts({
3832
+ texts14 = createTexts({
3703
3833
  previous: {
3704
3834
  nb: "Forrige",
3705
3835
  nn: "Forrige",
@@ -3741,17 +3871,17 @@ function Calendar({
3741
3871
  });
3742
3872
  const { calendarProps } = reactAria.useCalendar(props, state2);
3743
3873
  const calendarAriaLabel = calendarProps["aria-label"];
3744
- const ariaLabel = t2(texts14.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
3745
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React85__namespace.default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React85__namespace.default.createElement(CalendarGrid, { variant, state: state2 }));
3874
+ const ariaLabel = t2(texts15.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
3875
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React86__namespace.default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React86__namespace.default.createElement(CalendarGrid, { variant, state: state2 }));
3746
3876
  }
3747
- var texts14;
3877
+ var texts15;
3748
3878
  var init_Calendar = __esm({
3749
3879
  "src/datepicker/Calendar.tsx"() {
3750
3880
  init_i18n();
3751
3881
  init_CalendarGrid();
3752
3882
  init_CalendarHeader();
3753
3883
  init_utils();
3754
- texts14 = createTexts({
3884
+ texts15 = createTexts({
3755
3885
  calendar: {
3756
3886
  nb: "Kalender",
3757
3887
  nn: "Kalender",
@@ -3761,7 +3891,7 @@ var init_Calendar = __esm({
3761
3891
  });
3762
3892
  }
3763
3893
  });
3764
- var CalendarTriggerButton, texts15;
3894
+ var CalendarTriggerButton, texts16;
3765
3895
  var init_CalendarTriggerButton = __esm({
3766
3896
  "src/datepicker/CalendarTriggerButton.tsx"() {
3767
3897
  init_src();
@@ -3776,13 +3906,13 @@ var init_CalendarTriggerButton = __esm({
3776
3906
  onPress == null ? void 0 : onPress(event);
3777
3907
  }
3778
3908
  };
3779
- return /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React85__namespace.default.createElement(
3909
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React86__namespace.default.createElement(
3780
3910
  exports.IconButton,
3781
3911
  {
3782
3912
  ref,
3783
3913
  role: "button",
3784
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null),
3785
- "aria-label": t2(texts15.openCalendar),
3914
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null),
3915
+ "aria-label": t2(texts16.openCalendar),
3786
3916
  sx: styles3.calendarTriggerButton,
3787
3917
  variant: "ghost",
3788
3918
  ...filteredButtonProps,
@@ -3793,7 +3923,7 @@ var init_CalendarTriggerButton = __esm({
3793
3923
  ));
3794
3924
  }
3795
3925
  );
3796
- texts15 = createTexts({
3926
+ texts16 = createTexts({
3797
3927
  openCalendar: {
3798
3928
  nb: "\xC5pne kalender",
3799
3929
  nn: "\xC5pne kalendar",
@@ -3806,9 +3936,9 @@ var init_CalendarTriggerButton = __esm({
3806
3936
  var DateTimeSegment, isPaddable;
3807
3937
  var init_DateTimeSegment = __esm({
3808
3938
  "src/datepicker/DateTimeSegment.tsx"() {
3809
- DateTimeSegment = React85.forwardRef(
3939
+ DateTimeSegment = React86.forwardRef(
3810
3940
  ({ segment, state: state2, ariaLabel, ariaDescription }, externalRef) => {
3811
- const internalRef = React85.useRef(null);
3941
+ const internalRef = React86.useRef(null);
3812
3942
  const ref = externalRef ?? internalRef;
3813
3943
  const { segmentProps } = reactAria.useDateSegment(
3814
3944
  segment,
@@ -3819,7 +3949,7 @@ var init_DateTimeSegment = __esm({
3819
3949
  isPlaceholder: segment.isPlaceholder,
3820
3950
  isEditable: segment.isEditable
3821
3951
  });
3822
- return /* @__PURE__ */ React85__namespace.default.createElement(
3952
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3823
3953
  react.Box,
3824
3954
  {
3825
3955
  ...segmentProps,
@@ -3851,13 +3981,13 @@ function createCalendar2(identifier) {
3851
3981
  throw new Error(`Unsupported calendar ${identifier}`);
3852
3982
  }
3853
3983
  }
3854
- var DateField, texts16, getAriaLabel;
3984
+ var DateField, texts17, getAriaLabel;
3855
3985
  var init_DateField = __esm({
3856
3986
  "src/datepicker/DateField.tsx"() {
3857
3987
  init_DateTimeSegment();
3858
3988
  init_utils();
3859
3989
  init_i18n();
3860
- DateField = React85.forwardRef(
3990
+ DateField = React86.forwardRef(
3861
3991
  ({ labelId, ...props }, externalRef) => {
3862
3992
  var _a6;
3863
3993
  const locale = useCurrentLocale();
@@ -3868,14 +3998,14 @@ var init_DateField = __esm({
3868
3998
  createCalendar: createCalendar2
3869
3999
  });
3870
4000
  const { t: t2 } = useTranslation();
3871
- const internalRef = React85.useRef(null);
4001
+ const internalRef = React86.useRef(null);
3872
4002
  const ref = externalRef ?? internalRef;
3873
4003
  const { fieldProps } = reactAria.useDateField(
3874
4004
  props,
3875
4005
  state2,
3876
4006
  ref
3877
4007
  );
3878
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React85__namespace.default.createElement(
4008
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React86__namespace.default.createElement(
3879
4009
  react.FormLabel,
3880
4010
  {
3881
4011
  sx: styles3.inputLabel,
@@ -3884,7 +4014,7 @@ var init_DateField = __esm({
3884
4014
  id: labelId
3885
4015
  },
3886
4016
  props.label
3887
- ), /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React85__namespace.default.createElement(
4017
+ ), /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React86__namespace.default.createElement(
3888
4018
  DateTimeSegment,
3889
4019
  {
3890
4020
  key: i,
@@ -3893,7 +4023,7 @@ var init_DateField = __esm({
3893
4023
  ariaLabel: labelId,
3894
4024
  state: state2
3895
4025
  }
3896
- ))), /* @__PURE__ */ React85__namespace.default.createElement(
4026
+ ))), /* @__PURE__ */ React86__namespace.default.createElement(
3897
4027
  "input",
3898
4028
  {
3899
4029
  type: "hidden",
@@ -3903,7 +4033,7 @@ var init_DateField = __esm({
3903
4033
  ));
3904
4034
  }
3905
4035
  );
3906
- texts16 = createTexts({
4036
+ texts17 = createTexts({
3907
4037
  day: {
3908
4038
  nb: "Velg dag",
3909
4039
  nn: "Vel dag",
@@ -3926,13 +4056,13 @@ var init_DateField = __esm({
3926
4056
  getAriaLabel = (segmentType) => {
3927
4057
  switch (segmentType) {
3928
4058
  case "day":
3929
- return texts16.day;
4059
+ return texts17.day;
3930
4060
  case "month":
3931
- return texts16.month;
4061
+ return texts17.month;
3932
4062
  case "year":
3933
- return texts16.year;
4063
+ return texts17.year;
3934
4064
  default:
3935
- return texts16.day;
4065
+ return texts17.day;
3936
4066
  }
3937
4067
  };
3938
4068
  }
@@ -3946,7 +4076,7 @@ var init_StyledField = __esm({
3946
4076
  isInvalid: false
3947
4077
  };
3948
4078
  const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
3949
- return /* @__PURE__ */ React85__namespace.default.createElement(
4079
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3950
4080
  react.Box,
3951
4081
  {
3952
4082
  ...otherProps,
@@ -3971,7 +4101,7 @@ var init_DatePicker = __esm({
3971
4101
  init_DateField();
3972
4102
  init_StyledField();
3973
4103
  init_utils();
3974
- exports.DatePicker = React85.forwardRef(
4104
+ exports.DatePicker = React86.forwardRef(
3975
4105
  ({
3976
4106
  variant,
3977
4107
  errorMessage,
@@ -3989,7 +4119,7 @@ var init_DatePicker = __esm({
3989
4119
  isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
3990
4120
  validationState: (formControlProps == null ? void 0 : formControlProps.isInvalid) ? "invalid" : "valid"
3991
4121
  });
3992
- const internalRef = React85.useRef(null);
4122
+ const internalRef = React86.useRef(null);
3993
4123
  const ref = externalRef ?? internalRef;
3994
4124
  const {
3995
4125
  labelProps,
@@ -4003,14 +4133,14 @@ var init_DatePicker = __esm({
4003
4133
  state2,
4004
4134
  ref
4005
4135
  );
4006
- const labelId = `label-${React85.useId()}`;
4007
- const inputGroupId = `input-group-${React85.useId()}`;
4136
+ const labelId = `label-${React86.useId()}`;
4137
+ const inputGroupId = `input-group-${React86.useId()}`;
4008
4138
  const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
4009
4139
  const locale = useCurrentLocale();
4010
4140
  const onFieldClick = () => {
4011
4141
  state2.setOpen(true);
4012
4142
  };
4013
- const popoverContent = /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React85__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React85__namespace.default.createElement(
4143
+ const popoverContent = /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React86__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React86__namespace.default.createElement(
4014
4144
  Calendar,
4015
4145
  {
4016
4146
  ...calendarProps,
@@ -4018,7 +4148,7 @@ var init_DatePicker = __esm({
4018
4148
  showYearNavigation
4019
4149
  }
4020
4150
  ))));
4021
- return /* @__PURE__ */ React85__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React85__namespace.default.createElement(
4151
+ return /* @__PURE__ */ React86__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React86__namespace.default.createElement(
4022
4152
  react.Box,
4023
4153
  {
4024
4154
  position: "relative",
@@ -4026,7 +4156,7 @@ var init_DatePicker = __esm({
4026
4156
  flexDirection: "column",
4027
4157
  width
4028
4158
  },
4029
- /* @__PURE__ */ React85__namespace.default.createElement(
4159
+ /* @__PURE__ */ React86__namespace.default.createElement(
4030
4160
  react.Popover,
4031
4161
  {
4032
4162
  ...dialogProps,
@@ -4035,14 +4165,14 @@ var init_DatePicker = __esm({
4035
4165
  onClose: state2.close,
4036
4166
  flip: false
4037
4167
  },
4038
- /* @__PURE__ */ React85__namespace.default.createElement(
4168
+ /* @__PURE__ */ React86__namespace.default.createElement(
4039
4169
  react.InputGroup,
4040
4170
  {
4041
4171
  display: "inline-flex",
4042
4172
  id: inputGroupId,
4043
4173
  "aria-labelledby": labelId
4044
4174
  },
4045
- /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React85__namespace.default.createElement(
4175
+ /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React86__namespace.default.createElement(
4046
4176
  StyledField,
4047
4177
  {
4048
4178
  variant,
@@ -4052,7 +4182,7 @@ var init_DatePicker = __esm({
4052
4182
  isDisabled: props.isDisabled,
4053
4183
  ariaLabelledby: labelId
4054
4184
  },
4055
- /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React85__namespace.default.createElement(
4185
+ /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React86__namespace.default.createElement(
4056
4186
  CalendarTriggerButton,
4057
4187
  {
4058
4188
  variant,
@@ -4062,7 +4192,7 @@ var init_DatePicker = __esm({
4062
4192
  ...buttonProps
4063
4193
  }
4064
4194
  )),
4065
- /* @__PURE__ */ React85__namespace.default.createElement(
4195
+ /* @__PURE__ */ React86__namespace.default.createElement(
4066
4196
  DateField,
4067
4197
  {
4068
4198
  label: props.label,
@@ -4074,8 +4204,8 @@ var init_DatePicker = __esm({
4074
4204
  )
4075
4205
  ))
4076
4206
  ),
4077
- /* @__PURE__ */ React85__namespace.default.createElement(exports.FormErrorMessage, { ...errorMessageProps }, errorMessage),
4078
- state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React85__namespace.default.createElement(react.Portal, null, popoverContent),
4207
+ /* @__PURE__ */ React86__namespace.default.createElement(exports.FormErrorMessage, { ...errorMessageProps }, errorMessage),
4208
+ state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React86__namespace.default.createElement(react.Portal, null, popoverContent),
4079
4209
  state2.isOpen && !props.isDisabled && !withPortal && popoverContent
4080
4210
  )
4081
4211
  ));
@@ -4091,9 +4221,9 @@ function RangeCalendar(props) {
4091
4221
  locale,
4092
4222
  createCalendar: date.createCalendar
4093
4223
  });
4094
- const ref = React85.useRef(null);
4224
+ const ref = React86.useRef(null);
4095
4225
  const { calendarProps, title } = reactAria.useRangeCalendar(props, state2, ref);
4096
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...calendarProps, ref }, /* @__PURE__ */ React85__namespace.default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React85__namespace.default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React85__namespace.default.createElement(
4226
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...calendarProps, ref }, /* @__PURE__ */ React86__namespace.default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React86__namespace.default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React86__namespace.default.createElement(
4097
4227
  CalendarGrid,
4098
4228
  {
4099
4229
  variant: props.variant,
@@ -4124,7 +4254,7 @@ function DateRangePicker({
4124
4254
  isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
4125
4255
  validationState: formControlProps.isInvalid ? "invalid" : "valid"
4126
4256
  });
4127
- const ref = React85.useRef(null);
4257
+ const ref = React86.useRef(null);
4128
4258
  const {
4129
4259
  groupProps,
4130
4260
  labelProps,
@@ -4145,8 +4275,8 @@ function DateRangePicker({
4145
4275
  const onFieldClick = () => {
4146
4276
  state2.setOpen(true);
4147
4277
  };
4148
- const popoverContent = /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React85__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React85__namespace.default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
4149
- return /* @__PURE__ */ React85__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React85__namespace.default.createElement(react.FormLabel, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React85__namespace.default.createElement(
4278
+ const popoverContent = /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React86__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React86__namespace.default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
4279
+ return /* @__PURE__ */ React86__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React86__namespace.default.createElement(react.FormLabel, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React86__namespace.default.createElement(
4150
4280
  react.Popover,
4151
4281
  {
4152
4282
  ...dialogProps,
@@ -4155,7 +4285,7 @@ function DateRangePicker({
4155
4285
  onClose: state2.close,
4156
4286
  flip: false
4157
4287
  },
4158
- /* @__PURE__ */ React85__namespace.default.createElement(react.InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React85__namespace.default.createElement(
4288
+ /* @__PURE__ */ React86__namespace.default.createElement(react.InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React86__namespace.default.createElement(
4159
4289
  StyledField,
4160
4290
  {
4161
4291
  alignItems: "center",
@@ -4165,7 +4295,7 @@ function DateRangePicker({
4165
4295
  onKeyPress: handleEnterClick,
4166
4296
  minHeight
4167
4297
  },
4168
- variant && /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React85__namespace.default.createElement(
4298
+ variant && /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React86__namespace.default.createElement(
4169
4299
  CalendarTriggerButton,
4170
4300
  {
4171
4301
  paddingLeft: 1,
@@ -4175,7 +4305,7 @@ function DateRangePicker({
4175
4305
  ...buttonProps
4176
4306
  }
4177
4307
  )),
4178
- /* @__PURE__ */ React85__namespace.default.createElement(
4308
+ /* @__PURE__ */ React86__namespace.default.createElement(
4179
4309
  DateField,
4180
4310
  {
4181
4311
  ...startFieldProps,
@@ -4184,8 +4314,8 @@ function DateRangePicker({
4184
4314
  labelProps
4185
4315
  }
4186
4316
  ),
4187
- /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
4188
- /* @__PURE__ */ React85__namespace.default.createElement(
4317
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
4318
+ /* @__PURE__ */ React86__namespace.default.createElement(
4189
4319
  DateField,
4190
4320
  {
4191
4321
  ...endFieldProps,
@@ -4195,7 +4325,7 @@ function DateRangePicker({
4195
4325
  }
4196
4326
  )
4197
4327
  ))),
4198
- state2.isOpen && withPortal && /* @__PURE__ */ React85__namespace.default.createElement(react.Portal, null, popoverContent),
4328
+ state2.isOpen && withPortal && /* @__PURE__ */ React86__namespace.default.createElement(react.Portal, null, popoverContent),
4199
4329
  state2.isOpen && !withPortal && popoverContent
4200
4330
  )));
4201
4331
  }
@@ -4215,9 +4345,9 @@ var init_TimeField = __esm({
4215
4345
  init_DateTimeSegment();
4216
4346
  init_utils();
4217
4347
  TimeField = ({ state: state2, ...props }) => {
4218
- const ref = React85.useRef(null);
4348
+ const ref = React86.useRef(null);
4219
4349
  const { labelProps, fieldProps } = reactAria.useTimeField(props, state2, ref);
4220
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React85__namespace.default.createElement(
4350
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React86__namespace.default.createElement(
4221
4351
  exports.FormLabel,
4222
4352
  {
4223
4353
  ...labelProps,
@@ -4229,7 +4359,7 @@ var init_TimeField = __esm({
4229
4359
  paddingTop: "2px"
4230
4360
  },
4231
4361
  props.label
4232
- ), /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React85__namespace.default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React85__namespace.default.createElement(
4362
+ ), /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React86__namespace.default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React86__namespace.default.createElement(
4233
4363
  "input",
4234
4364
  {
4235
4365
  type: "hidden",
@@ -4240,7 +4370,7 @@ var init_TimeField = __esm({
4240
4370
  };
4241
4371
  }
4242
4372
  });
4243
- exports.TimePicker = void 0; var texts17;
4373
+ exports.TimePicker = void 0; var texts18;
4244
4374
  var init_TimePicker = __esm({
4245
4375
  "src/datepicker/TimePicker.tsx"() {
4246
4376
  init_src();
@@ -4262,7 +4392,7 @@ var init_TimePicker = __esm({
4262
4392
  const isDisabled = isDisabledExternally ?? isFormControlDisabled ?? false;
4263
4393
  const { t: t2 } = useTranslation();
4264
4394
  const locale = useCurrentLocale();
4265
- const label = externalLabel ?? t2(texts17.time);
4395
+ const label = externalLabel ?? t2(texts18.time);
4266
4396
  const state2 = reactStately.useTimeFieldState({
4267
4397
  value,
4268
4398
  defaultValue,
@@ -4295,17 +4425,17 @@ var init_TimePicker = __esm({
4295
4425
  })
4296
4426
  );
4297
4427
  };
4298
- const backwardsLabel = `${t2(texts17.backwards)} ${minuteInterval} ${t2(
4299
- texts17.minutes
4428
+ const backwardsLabel = `${t2(texts18.backwards)} ${minuteInterval} ${t2(
4429
+ texts18.minutes
4300
4430
  )}`;
4301
- const forwardsLabel = `${t2(texts17.forwards)} ${minuteInterval} ${t2(
4302
- texts17.minutes
4431
+ const forwardsLabel = `${t2(texts18.forwards)} ${minuteInterval} ${t2(
4432
+ texts18.minutes
4303
4433
  )}`;
4304
- const inputLabel = label ?? t2(texts17.time);
4434
+ const inputLabel = label ?? t2(texts18.time);
4305
4435
  const ariaLabel = `${inputLabel} \u2013 ${t2(
4306
- texts17.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
4436
+ texts18.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
4307
4437
  )}`;
4308
- return /* @__PURE__ */ React85__namespace.default.createElement(
4438
+ return /* @__PURE__ */ React86__namespace.default.createElement(
4309
4439
  StyledField,
4310
4440
  {
4311
4441
  variant: "base",
@@ -4321,7 +4451,7 @@ var init_TimePicker = __esm({
4321
4451
  "aria-label": ariaLabel,
4322
4452
  ...boxProps
4323
4453
  },
4324
- /* @__PURE__ */ React85__namespace.default.createElement(
4454
+ /* @__PURE__ */ React86__namespace.default.createElement(
4325
4455
  exports.IconButton,
4326
4456
  {
4327
4457
  variant: "ghost",
@@ -4329,14 +4459,14 @@ var init_TimePicker = __esm({
4329
4459
  borderRadius: "xs",
4330
4460
  "aria-label": backwardsLabel,
4331
4461
  title: backwardsLabel,
4332
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, null),
4462
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, null),
4333
4463
  onClick: handleBackwardsClick,
4334
4464
  isDisabled,
4335
4465
  style: isDisabled ? { backgroundColor: "transparent" } : {}
4336
4466
  }
4337
4467
  ),
4338
- /* @__PURE__ */ React85__namespace.default.createElement(TimeField, { label, state: state2, name }),
4339
- /* @__PURE__ */ React85__namespace.default.createElement(
4468
+ /* @__PURE__ */ React86__namespace.default.createElement(TimeField, { label, state: state2, name }),
4469
+ /* @__PURE__ */ React86__namespace.default.createElement(
4340
4470
  exports.IconButton,
4341
4471
  {
4342
4472
  variant: "ghost",
@@ -4344,7 +4474,7 @@ var init_TimePicker = __esm({
4344
4474
  borderRadius: "xs",
4345
4475
  "aria-label": forwardsLabel,
4346
4476
  title: forwardsLabel,
4347
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, null),
4477
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, null),
4348
4478
  onClick: handleForwardClick,
4349
4479
  isDisabled,
4350
4480
  style: isDisabled ? { backgroundColor: "transparent" } : {}
@@ -4352,7 +4482,7 @@ var init_TimePicker = __esm({
4352
4482
  )
4353
4483
  );
4354
4484
  };
4355
- texts17 = createTexts({
4485
+ texts18 = createTexts({
4356
4486
  selectedTimeIs: (time) => ({
4357
4487
  nb: `Valgt tidspunkt er ${time}`,
4358
4488
  nn: `Valt tidspunkt er ${time}`,
@@ -4466,7 +4596,7 @@ var init_LineIcon = __esm({
4466
4596
  if (!Icon) {
4467
4597
  return null;
4468
4598
  }
4469
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: { ...styles3.iconContainer, ...sx } }, /* @__PURE__ */ React85__namespace.default.createElement(Icon, { sx: styles3.icon }));
4599
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: { ...styles3.iconContainer, ...sx } }, /* @__PURE__ */ React86__namespace.default.createElement(Icon, { sx: styles3.icon }));
4470
4600
  };
4471
4601
  }
4472
4602
  });
@@ -4486,7 +4616,7 @@ var init_InfoTag = __esm({
4486
4616
  size: size2,
4487
4617
  ...customProps
4488
4618
  });
4489
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React85__namespace.default.createElement(
4619
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React86__namespace.default.createElement(
4490
4620
  exports.LineIcon,
4491
4621
  {
4492
4622
  variant,
@@ -4494,7 +4624,7 @@ var init_InfoTag = __esm({
4494
4624
  sx: styles3.iconContainer,
4495
4625
  ...customProps
4496
4626
  }
4497
- ), /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "span", sx: styles3.description }, description)));
4627
+ ), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "span", sx: styles3.description }, description)));
4498
4628
  };
4499
4629
  }
4500
4630
  });
@@ -4523,7 +4653,7 @@ var init_TravelTag = __esm({
4523
4653
  backgroundColor: variant === "custom" ? backgroundColor : void 0
4524
4654
  });
4525
4655
  const DeviationLevelIcon = getDeviationLevelIcon({ deviationLevel, size: size2 });
4526
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React85__namespace.default.createElement(
4656
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React86__namespace.default.createElement(
4527
4657
  exports.LineIcon,
4528
4658
  {
4529
4659
  variant,
@@ -4534,7 +4664,7 @@ var init_TravelTag = __esm({
4534
4664
  customIconVariant,
4535
4665
  ...rest
4536
4666
  }
4537
- ), /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React85__namespace.default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
4667
+ ), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React86__namespace.default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
4538
4668
  }
4539
4669
  );
4540
4670
  getDeviationLevelIcon = ({
@@ -4564,7 +4694,7 @@ var init_linjetag = __esm({
4564
4694
  init_TravelTag();
4565
4695
  }
4566
4696
  });
4567
- exports.TextLink = void 0; var texts18;
4697
+ exports.TextLink = void 0; var texts19;
4568
4698
  var init_TextLink = __esm({
4569
4699
  "src/link/TextLink.tsx"() {
4570
4700
  init_src();
@@ -4573,16 +4703,16 @@ var init_TextLink = __esm({
4573
4703
  var _a6;
4574
4704
  const { t: t2 } = useTranslation();
4575
4705
  const isExternal = props.isExternal !== void 0 ? props.isExternal : Boolean((_a6 = props.href) == null ? void 0 : _a6.match(/^https?:\/\//));
4576
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React85__namespace.default.createElement(
4706
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React86__namespace.default.createElement(
4577
4707
  sporIconReact.LinkOutOutline24Icon,
4578
4708
  {
4579
4709
  marginLeft: 0.5,
4580
- "aria-label": t2(texts18.externalLink)
4710
+ "aria-label": t2(texts19.externalLink)
4581
4711
  }
4582
4712
  ));
4583
4713
  }
4584
4714
  );
4585
- texts18 = createTexts({
4715
+ texts19 = createTexts({
4586
4716
  externalLink: {
4587
4717
  nb: "Ekstern lenke",
4588
4718
  nn: "Ekstern lenke",
@@ -4609,8 +4739,8 @@ var init_VyLogo = __esm({
4609
4739
  exports.VyLogo = ({ colorScheme, ...boxProps }) => {
4610
4740
  const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
4611
4741
  const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
4612
- const id = React85.useId();
4613
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React85__namespace.default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React85__namespace.default.createElement(
4742
+ const id = React86.useId();
4743
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React86__namespace.default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React86__namespace.default.createElement(
4614
4744
  "path",
4615
4745
  {
4616
4746
  fillRule: "evenodd",
@@ -4618,7 +4748,7 @@ var init_VyLogo = __esm({
4618
4748
  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",
4619
4749
  fill: mainColor
4620
4750
  }
4621
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4751
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4622
4752
  "mask",
4623
4753
  {
4624
4754
  id: `${id}-a`,
@@ -4629,7 +4759,7 @@ var init_VyLogo = __esm({
4629
4759
  width: "94",
4630
4760
  height: "54"
4631
4761
  },
4632
- /* @__PURE__ */ React85__namespace.default.createElement(
4762
+ /* @__PURE__ */ React86__namespace.default.createElement(
4633
4763
  "path",
4634
4764
  {
4635
4765
  fillRule: "evenodd",
@@ -4638,7 +4768,7 @@ var init_VyLogo = __esm({
4638
4768
  fill: mainColor
4639
4769
  }
4640
4770
  )
4641
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4771
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4642
4772
  "g",
4643
4773
  {
4644
4774
  mask: `url(#${id}-a)`,
@@ -4646,9 +4776,9 @@ var init_VyLogo = __esm({
4646
4776
  clipRule: "evenodd",
4647
4777
  fill: mainColor
4648
4778
  },
4649
- /* @__PURE__ */ React85__namespace.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" }),
4650
- /* @__PURE__ */ React85__namespace.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" })
4651
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4779
+ /* @__PURE__ */ React86__namespace.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" }),
4780
+ /* @__PURE__ */ React86__namespace.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" })
4781
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4652
4782
  "path",
4653
4783
  {
4654
4784
  fillRule: "evenodd",
@@ -4656,7 +4786,7 @@ var init_VyLogo = __esm({
4656
4786
  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",
4657
4787
  fill: accentColor
4658
4788
  }
4659
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4789
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4660
4790
  "path",
4661
4791
  {
4662
4792
  fillRule: "evenodd",
@@ -4664,7 +4794,7 @@ var init_VyLogo = __esm({
4664
4794
  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",
4665
4795
  fill: mainColor
4666
4796
  }
4667
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4797
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4668
4798
  "mask",
4669
4799
  {
4670
4800
  id: `${id}-b`,
@@ -4675,7 +4805,7 @@ var init_VyLogo = __esm({
4675
4805
  width: "78",
4676
4806
  height: "54"
4677
4807
  },
4678
- /* @__PURE__ */ React85__namespace.default.createElement(
4808
+ /* @__PURE__ */ React86__namespace.default.createElement(
4679
4809
  "path",
4680
4810
  {
4681
4811
  fillRule: "evenodd",
@@ -4684,25 +4814,25 @@ var init_VyLogo = __esm({
4684
4814
  fill: mainColor
4685
4815
  }
4686
4816
  )
4687
- ), /* @__PURE__ */ React85__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React85__namespace.default.createElement(
4817
+ ), /* @__PURE__ */ React86__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React86__namespace.default.createElement(
4688
4818
  "path",
4689
4819
  {
4690
4820
  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",
4691
4821
  fill: mainColor
4692
4822
  }
4693
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4823
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4694
4824
  "path",
4695
4825
  {
4696
4826
  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",
4697
4827
  fill: mainColor
4698
4828
  }
4699
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4829
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4700
4830
  "path",
4701
4831
  {
4702
4832
  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",
4703
4833
  fill: accentColor
4704
4834
  }
4705
- )), /* @__PURE__ */ React85__namespace.default.createElement(
4835
+ )), /* @__PURE__ */ React86__namespace.default.createElement(
4706
4836
  "path",
4707
4837
  {
4708
4838
  fillRule: "evenodd",
@@ -4727,8 +4857,8 @@ var init_VyLogoPride = __esm({
4727
4857
  const redColor = colorScheme === "light" ? "#EA3323" : "#ffffff";
4728
4858
  const orangeColor = colorScheme === "light" ? "#F09436" : "#ffffff";
4729
4859
  const yellowColor = colorScheme === "light" ? "#FFFF54" : "#ffffff";
4730
- const id = React85.useId();
4731
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React85__namespace.default.createElement("title", null, "Vy logo pride"), /* @__PURE__ */ React85__namespace.default.createElement(
4860
+ const id = React86.useId();
4861
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React86__namespace.default.createElement("title", null, "Vy logo pride"), /* @__PURE__ */ React86__namespace.default.createElement(
4732
4862
  "svg",
4733
4863
  {
4734
4864
  width: "108",
@@ -4737,7 +4867,7 @@ var init_VyLogoPride = __esm({
4737
4867
  fill: "none",
4738
4868
  xmlns: "http://www.w3.org/2000/svg"
4739
4869
  },
4740
- /* @__PURE__ */ React85__namespace.default.createElement(
4870
+ /* @__PURE__ */ React86__namespace.default.createElement(
4741
4871
  "path",
4742
4872
  {
4743
4873
  fillRule: "evenodd",
@@ -4746,7 +4876,7 @@ var init_VyLogoPride = __esm({
4746
4876
  fill: pinkColor
4747
4877
  }
4748
4878
  ),
4749
- /* @__PURE__ */ React85__namespace.default.createElement(
4879
+ /* @__PURE__ */ React86__namespace.default.createElement(
4750
4880
  "mask",
4751
4881
  {
4752
4882
  id: `${id}-a-pride`,
@@ -4757,7 +4887,7 @@ var init_VyLogoPride = __esm({
4757
4887
  width: "95",
4758
4888
  height: "55"
4759
4889
  },
4760
- /* @__PURE__ */ React85__namespace.default.createElement(
4890
+ /* @__PURE__ */ React86__namespace.default.createElement(
4761
4891
  "path",
4762
4892
  {
4763
4893
  fillRule: "evenodd",
@@ -4767,7 +4897,7 @@ var init_VyLogoPride = __esm({
4767
4897
  }
4768
4898
  )
4769
4899
  ),
4770
- /* @__PURE__ */ React85__namespace.default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React85__namespace.default.createElement(
4900
+ /* @__PURE__ */ React86__namespace.default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React86__namespace.default.createElement(
4771
4901
  "path",
4772
4902
  {
4773
4903
  fillRule: "evenodd",
@@ -4775,7 +4905,7 @@ var init_VyLogoPride = __esm({
4775
4905
  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",
4776
4906
  fill: purpleColor
4777
4907
  }
4778
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4908
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4779
4909
  "path",
4780
4910
  {
4781
4911
  fillRule: "evenodd",
@@ -4783,7 +4913,7 @@ var init_VyLogoPride = __esm({
4783
4913
  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",
4784
4914
  fill: darkPurpleColor
4785
4915
  }
4786
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4916
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4787
4917
  "path",
4788
4918
  {
4789
4919
  fillRule: "evenodd",
@@ -4791,7 +4921,7 @@ var init_VyLogoPride = __esm({
4791
4921
  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",
4792
4922
  fill: greenColor
4793
4923
  }
4794
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4924
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4795
4925
  "path",
4796
4926
  {
4797
4927
  fillRule: "evenodd",
@@ -4799,7 +4929,7 @@ var init_VyLogoPride = __esm({
4799
4929
  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",
4800
4930
  fill: darkGreenColor
4801
4931
  }
4802
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4932
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4803
4933
  "path",
4804
4934
  {
4805
4935
  fillRule: "evenodd",
@@ -4808,7 +4938,7 @@ var init_VyLogoPride = __esm({
4808
4938
  fill: darkPurpleColor
4809
4939
  }
4810
4940
  )),
4811
- /* @__PURE__ */ React85__namespace.default.createElement(
4941
+ /* @__PURE__ */ React86__namespace.default.createElement(
4812
4942
  "path",
4813
4943
  {
4814
4944
  fillRule: "evenodd",
@@ -4817,7 +4947,7 @@ var init_VyLogoPride = __esm({
4817
4947
  fill: blueColor
4818
4948
  }
4819
4949
  ),
4820
- /* @__PURE__ */ React85__namespace.default.createElement(
4950
+ /* @__PURE__ */ React86__namespace.default.createElement(
4821
4951
  "path",
4822
4952
  {
4823
4953
  fillRule: "evenodd",
@@ -4826,7 +4956,7 @@ var init_VyLogoPride = __esm({
4826
4956
  fill: blueColor
4827
4957
  }
4828
4958
  ),
4829
- /* @__PURE__ */ React85__namespace.default.createElement(
4959
+ /* @__PURE__ */ React86__namespace.default.createElement(
4830
4960
  "path",
4831
4961
  {
4832
4962
  fillRule: "evenodd",
@@ -4835,7 +4965,7 @@ var init_VyLogoPride = __esm({
4835
4965
  fill: greenColor
4836
4966
  }
4837
4967
  ),
4838
- /* @__PURE__ */ React85__namespace.default.createElement(
4968
+ /* @__PURE__ */ React86__namespace.default.createElement(
4839
4969
  "mask",
4840
4970
  {
4841
4971
  id: `${id}-b-pride`,
@@ -4846,7 +4976,7 @@ var init_VyLogoPride = __esm({
4846
4976
  width: "78",
4847
4977
  height: "55"
4848
4978
  },
4849
- /* @__PURE__ */ React85__namespace.default.createElement(
4979
+ /* @__PURE__ */ React86__namespace.default.createElement(
4850
4980
  "path",
4851
4981
  {
4852
4982
  fillRule: "evenodd",
@@ -4856,7 +4986,7 @@ var init_VyLogoPride = __esm({
4856
4986
  }
4857
4987
  )
4858
4988
  ),
4859
- /* @__PURE__ */ React85__namespace.default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React85__namespace.default.createElement(
4989
+ /* @__PURE__ */ React86__namespace.default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React86__namespace.default.createElement(
4860
4990
  "path",
4861
4991
  {
4862
4992
  fillRule: "evenodd",
@@ -4864,7 +4994,7 @@ var init_VyLogoPride = __esm({
4864
4994
  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",
4865
4995
  fill: greenColor
4866
4996
  }
4867
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4997
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4868
4998
  "path",
4869
4999
  {
4870
5000
  fillRule: "evenodd",
@@ -4872,7 +5002,7 @@ var init_VyLogoPride = __esm({
4872
5002
  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",
4873
5003
  fill: darkGreenColor
4874
5004
  }
4875
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5005
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4876
5006
  "path",
4877
5007
  {
4878
5008
  fillRule: "evenodd",
@@ -4880,7 +5010,7 @@ var init_VyLogoPride = __esm({
4880
5010
  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",
4881
5011
  fill: redColor
4882
5012
  }
4883
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5013
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4884
5014
  "path",
4885
5015
  {
4886
5016
  fillRule: "evenodd",
@@ -4888,7 +5018,7 @@ var init_VyLogoPride = __esm({
4888
5018
  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",
4889
5019
  fill: orangeColor
4890
5020
  }
4891
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5021
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4892
5022
  "path",
4893
5023
  {
4894
5024
  fillRule: "evenodd",
@@ -4897,7 +5027,7 @@ var init_VyLogoPride = __esm({
4897
5027
  fill: yellowColor
4898
5028
  }
4899
5029
  )),
4900
- /* @__PURE__ */ React85__namespace.default.createElement(
5030
+ /* @__PURE__ */ React86__namespace.default.createElement(
4901
5031
  "path",
4902
5032
  {
4903
5033
  fillRule: "evenodd",
@@ -4919,109 +5049,109 @@ var init_CargonetLogo = __esm({
4919
5049
  }) => {
4920
5050
  const mainColor = "#DF8200";
4921
5051
  const accentColor = colorScheme === "light" ? "#383E42" : "#ffffff";
4922
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 251 52", ...boxProps }, /* @__PURE__ */ React85__namespace.default.createElement("title", null, "Cargonet logo"), /* @__PURE__ */ React85__namespace.default.createElement(
5052
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 251 52", ...boxProps }, /* @__PURE__ */ React86__namespace.default.createElement("title", null, "Cargonet logo"), /* @__PURE__ */ React86__namespace.default.createElement(
4923
5053
  "path",
4924
5054
  {
4925
5055
  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",
4926
5056
  fill: accentColor
4927
5057
  }
4928
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5058
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4929
5059
  "path",
4930
5060
  {
4931
5061
  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",
4932
5062
  fill: accentColor
4933
5063
  }
4934
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5064
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4935
5065
  "path",
4936
5066
  {
4937
5067
  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",
4938
5068
  fill: accentColor
4939
5069
  }
4940
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5070
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4941
5071
  "path",
4942
5072
  {
4943
5073
  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",
4944
5074
  fill: accentColor
4945
5075
  }
4946
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5076
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4947
5077
  "path",
4948
5078
  {
4949
5079
  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",
4950
5080
  fill: accentColor
4951
5081
  }
4952
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5082
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4953
5083
  "path",
4954
5084
  {
4955
5085
  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",
4956
5086
  fill: mainColor
4957
5087
  }
4958
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5088
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4959
5089
  "path",
4960
5090
  {
4961
5091
  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",
4962
5092
  fill: mainColor
4963
5093
  }
4964
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5094
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4965
5095
  "path",
4966
5096
  {
4967
5097
  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",
4968
5098
  fill: mainColor
4969
5099
  }
4970
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5100
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4971
5101
  "path",
4972
5102
  {
4973
5103
  d: "M21.4911 10.2565H31.1579V0.589175H21.4911V10.2565Z",
4974
5104
  fill: mainColor
4975
5105
  }
4976
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5106
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4977
5107
  "path",
4978
5108
  {
4979
5109
  d: "M41.3861 10.8855H31.7757V20.5528H41.3861V10.8855Z",
4980
5110
  fill: mainColor
4981
5111
  }
4982
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5112
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4983
5113
  "path",
4984
5114
  {
4985
5115
  d: "M42.0022 10.2547H51.6126V0.587402H42.0022V10.2547Z",
4986
5116
  fill: mainColor
4987
5117
  }
4988
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5118
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4989
5119
  "path",
4990
5120
  {
4991
5121
  d: "M21.477 30.7758H31.1431V21.1654H21.477V30.7758Z",
4992
5122
  fill: mainColor
4993
5123
  }
4994
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5124
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4995
5125
  "path",
4996
5126
  {
4997
5127
  d: "M11.2124 20.5493H20.8791V10.8826H11.2124V20.5493Z",
4998
5128
  fill: mainColor
4999
5129
  }
5000
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5130
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
5001
5131
  "path",
5002
5132
  {
5003
5133
  d: "M0.910156 30.7911H10.5775V21.1801H0.910156V30.7911Z",
5004
5134
  fill: mainColor
5005
5135
  }
5006
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5136
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
5007
5137
  "path",
5008
5138
  {
5009
5139
  d: "M11.1948 41.0258H20.8615V31.4154H11.1948V41.0258Z",
5010
5140
  fill: mainColor
5011
5141
  }
5012
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5142
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
5013
5143
  "path",
5014
5144
  {
5015
5145
  d: "M31.7669 41.0581H41.4336V31.3908H31.7669V41.0581Z",
5016
5146
  fill: mainColor
5017
5147
  }
5018
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5148
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
5019
5149
  "path",
5020
5150
  {
5021
5151
  d: "M21.4776 51.2277H31.1443V41.656H21.4776V51.2277Z",
5022
5152
  fill: mainColor
5023
5153
  }
5024
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5154
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
5025
5155
  "path",
5026
5156
  {
5027
5157
  d: "M42.0615 51.2283H51.7282V41.6989H42.0615V51.2283Z",
@@ -5040,7 +5170,7 @@ var init_logo = __esm({
5040
5170
  init_CargonetLogo();
5041
5171
  }
5042
5172
  });
5043
- exports.JumpButton = void 0; var texts19;
5173
+ exports.JumpButton = void 0; var texts20;
5044
5174
  var init_JumpButton = __esm({
5045
5175
  "src/media-controller/JumpButton.tsx"() {
5046
5176
  init_src();
@@ -5055,19 +5185,19 @@ var init_JumpButton = __esm({
5055
5185
  variant: "jumpSkip",
5056
5186
  size: size2
5057
5187
  });
5058
- return /* @__PURE__ */ React85__namespace.default.createElement(
5188
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5059
5189
  react.Center,
5060
5190
  {
5061
5191
  as: "button",
5062
5192
  sx: styles3.container,
5063
- "aria-label": direction2 === "forward" ? t2(texts19.forward) : t2(texts19.backward),
5193
+ "aria-label": direction2 === "forward" ? t2(texts20.forward) : t2(texts20.backward),
5064
5194
  disabled: isDisabled,
5065
5195
  ...props
5066
5196
  },
5067
- direction2 === "forward" ? /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.Backward15MediaControllerFill30Icon, { sx: styles3.icon })
5197
+ direction2 === "forward" ? /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.Backward15MediaControllerFill30Icon, { sx: styles3.icon })
5068
5198
  );
5069
5199
  };
5070
- texts19 = createTexts({
5200
+ texts20 = createTexts({
5071
5201
  forward: {
5072
5202
  nb: "15 sekunder frem",
5073
5203
  nn: "15 sekunder fram",
@@ -5083,7 +5213,7 @@ var init_JumpButton = __esm({
5083
5213
  });
5084
5214
  }
5085
5215
  });
5086
- exports.PlayPauseButton = void 0; var texts20;
5216
+ exports.PlayPauseButton = void 0; var texts21;
5087
5217
  var init_PlayPauseButton = __esm({
5088
5218
  "src/media-controller/PlayPauseButton.tsx"() {
5089
5219
  init_src();
@@ -5098,19 +5228,19 @@ var init_PlayPauseButton = __esm({
5098
5228
  variant: "play",
5099
5229
  size: size2
5100
5230
  });
5101
- return /* @__PURE__ */ React85__namespace.default.createElement(
5231
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5102
5232
  react.Center,
5103
5233
  {
5104
5234
  as: "button",
5105
5235
  sx: styles3.container,
5106
- "aria-label": isPlaying ? t2(texts20.pause) : t2(texts20.play),
5236
+ "aria-label": isPlaying ? t2(texts21.pause) : t2(texts21.play),
5107
5237
  disabled: isDisabled,
5108
5238
  ...props
5109
5239
  },
5110
- isPlaying ? /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.PlayMediaControllerFill24Icon, { sx: styles3.icon })
5240
+ isPlaying ? /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.PlayMediaControllerFill24Icon, { sx: styles3.icon })
5111
5241
  );
5112
5242
  };
5113
- texts20 = createTexts({
5243
+ texts21 = createTexts({
5114
5244
  pause: {
5115
5245
  nb: "Pause",
5116
5246
  nn: "Pause",
@@ -5126,7 +5256,7 @@ var init_PlayPauseButton = __esm({
5126
5256
  });
5127
5257
  }
5128
5258
  });
5129
- exports.SkipButton = void 0; var texts21;
5259
+ exports.SkipButton = void 0; var texts22;
5130
5260
  var init_SkipButton = __esm({
5131
5261
  "src/media-controller/SkipButton.tsx"() {
5132
5262
  init_src();
@@ -5141,19 +5271,19 @@ var init_SkipButton = __esm({
5141
5271
  variant: "jumpSkip",
5142
5272
  size: size2
5143
5273
  });
5144
- return /* @__PURE__ */ React85__namespace.default.createElement(
5274
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5145
5275
  react.Center,
5146
5276
  {
5147
5277
  as: "button",
5148
5278
  sx: styles3.container,
5149
- "aria-label": direction2 === "forward" ? t2(texts21.next) : t2(texts21.previous),
5279
+ "aria-label": direction2 === "forward" ? t2(texts22.next) : t2(texts22.previous),
5150
5280
  disabled: isDisabled,
5151
5281
  ...props
5152
5282
  },
5153
- direction2 === "forward" ? /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.PreviousMediaControllerFill30Icon, { sx: styles3.icon })
5283
+ direction2 === "forward" ? /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.PreviousMediaControllerFill30Icon, { sx: styles3.icon })
5154
5284
  );
5155
5285
  };
5156
- texts21 = createTexts({
5286
+ texts22 = createTexts({
5157
5287
  next: {
5158
5288
  nb: "Neste",
5159
5289
  nn: "Neste",
@@ -5187,7 +5317,7 @@ var init_ModalHeader = __esm({
5187
5317
  fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
5188
5318
  textAlign: size2 === "lg" ? "center" : "left"
5189
5319
  };
5190
- return /* @__PURE__ */ React85__namespace.default.createElement(react.ModalHeader, { as: "h1", ...props, ref, ...styles3 });
5320
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.ModalHeader, { as: "h1", ...props, ref, ...styles3 });
5191
5321
  }
5192
5322
  );
5193
5323
  }
@@ -5197,7 +5327,7 @@ var init_Drawer = __esm({
5197
5327
  "src/modal/Drawer.tsx"() {
5198
5328
  init_ModalHeader();
5199
5329
  exports.Drawer = (props) => {
5200
- return /* @__PURE__ */ React85__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React85__namespace.default.createElement(react.Drawer, { ...props }));
5330
+ return /* @__PURE__ */ React86__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React86__namespace.default.createElement(react.Drawer, { ...props }));
5201
5331
  };
5202
5332
  exports.DrawerContent = react.forwardRef(
5203
5333
  ({ children, ...props }, ref) => {
@@ -5214,7 +5344,7 @@ var init_Drawer = __esm({
5214
5344
  });
5215
5345
  const isTopOrBottom = placement === "top" || placement === "bottom";
5216
5346
  const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
5217
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React85__namespace.default.createElement(
5347
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React86__namespace.default.createElement(
5218
5348
  react.DrawerContent,
5219
5349
  {
5220
5350
  ...widthConstraits,
@@ -5223,13 +5353,13 @@ var init_Drawer = __esm({
5223
5353
  ...props,
5224
5354
  ref
5225
5355
  },
5226
- /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { position: "relative" }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React85__namespace.default.createElement(Notch, null), /* @__PURE__ */ React85__namespace.default.createElement(react.Box, null, children)))
5356
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { position: "relative" }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React86__namespace.default.createElement(Notch, null), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, null, children)))
5227
5357
  ));
5228
5358
  }
5229
5359
  );
5230
5360
  Notch = react.forwardRef((props, ref) => {
5231
5361
  const placement = useDrawerContext();
5232
- return /* @__PURE__ */ React85__namespace.default.createElement(
5362
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5233
5363
  react.Box,
5234
5364
  {
5235
5365
  position: "absolute",
@@ -5241,14 +5371,14 @@ var init_Drawer = __esm({
5241
5371
  ...props,
5242
5372
  ref
5243
5373
  },
5244
- /* @__PURE__ */ React85__namespace.default.createElement(
5374
+ /* @__PURE__ */ React86__namespace.default.createElement(
5245
5375
  react.Center,
5246
5376
  {
5247
5377
  background: placement === "bottom" ? "bottom" : "top",
5248
5378
  padding: 2,
5249
5379
  borderRadius: "md"
5250
5380
  },
5251
- /* @__PURE__ */ React85__namespace.default.createElement(
5381
+ /* @__PURE__ */ React86__namespace.default.createElement(
5252
5382
  react.Box,
5253
5383
  {
5254
5384
  width: "2.265rem",
@@ -5260,14 +5390,14 @@ var init_Drawer = __esm({
5260
5390
  )
5261
5391
  );
5262
5392
  });
5263
- DrawerContext = React85__namespace.default.createContext(void 0);
5264
- DrawerProvider = (props) => /* @__PURE__ */ React85__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
5393
+ DrawerContext = React86__namespace.default.createContext(void 0);
5394
+ DrawerProvider = (props) => /* @__PURE__ */ React86__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
5265
5395
  useDrawerContext = () => {
5266
- return React85__namespace.default.useContext(DrawerContext);
5396
+ return React86__namespace.default.useContext(DrawerContext);
5267
5397
  };
5268
5398
  }
5269
5399
  });
5270
- exports.FullScreenDrawer = void 0; var DrawerTopMenu, DrawerCloseButton2, DrawerBackButton, texts22;
5400
+ exports.FullScreenDrawer = void 0; var DrawerTopMenu, DrawerCloseButton2, DrawerBackButton, texts23;
5271
5401
  var init_FullScreenDrawer = __esm({
5272
5402
  "src/modal/FullScreenDrawer.tsx"() {
5273
5403
  init_button();
@@ -5277,13 +5407,13 @@ var init_FullScreenDrawer = __esm({
5277
5407
  children,
5278
5408
  title,
5279
5409
  placement = "bottom",
5280
- leftButton = /* @__PURE__ */ React85__namespace.default.createElement(DrawerBackButton, null),
5281
- rightButton = /* @__PURE__ */ React85__namespace.default.createElement(DrawerCloseButton2, null),
5410
+ leftButton = /* @__PURE__ */ React86__namespace.default.createElement(DrawerBackButton, null),
5411
+ rightButton = /* @__PURE__ */ React86__namespace.default.createElement(DrawerCloseButton2, null),
5282
5412
  isOpen,
5283
5413
  onClose,
5284
5414
  body
5285
5415
  }) => {
5286
- const [isContentBoxScrolled, setContentBoxScrolled] = React85.useState(false);
5416
+ const [isContentBoxScrolled, setContentBoxScrolled] = React86.useState(false);
5287
5417
  const onContentScroll = (e) => {
5288
5418
  const target = e.target;
5289
5419
  if (target.scrollTop <= 0) {
@@ -5292,10 +5422,10 @@ var init_FullScreenDrawer = __esm({
5292
5422
  }
5293
5423
  setContentBoxScrolled(true);
5294
5424
  };
5295
- React85.useEffect(() => {
5425
+ React86.useEffect(() => {
5296
5426
  setContentBoxScrolled(false);
5297
5427
  }, [isOpen]);
5298
- return /* @__PURE__ */ React85__namespace.default.createElement(exports.Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React85__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React85__namespace.default.createElement(
5428
+ return /* @__PURE__ */ React86__namespace.default.createElement(exports.Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React86__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React86__namespace.default.createElement(
5299
5429
  react.DrawerContent,
5300
5430
  {
5301
5431
  height: "100vh",
@@ -5303,7 +5433,7 @@ var init_FullScreenDrawer = __esm({
5303
5433
  backgroundPosition: "top",
5304
5434
  backgroundRepeat: "no-repeat"
5305
5435
  },
5306
- /* @__PURE__ */ React85__namespace.default.createElement(
5436
+ /* @__PURE__ */ React86__namespace.default.createElement(
5307
5437
  DrawerTopMenu,
5308
5438
  {
5309
5439
  isScrolled: isContentBoxScrolled,
@@ -5312,7 +5442,7 @@ var init_FullScreenDrawer = __esm({
5312
5442
  rightButton
5313
5443
  }
5314
5444
  ),
5315
- /* @__PURE__ */ React85__namespace.default.createElement(react.DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
5445
+ /* @__PURE__ */ React86__namespace.default.createElement(react.DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
5316
5446
  ));
5317
5447
  };
5318
5448
  DrawerTopMenu = ({
@@ -5325,7 +5455,7 @@ var init_FullScreenDrawer = __esm({
5325
5455
  "bg.default.light",
5326
5456
  "bg.default.dark"
5327
5457
  );
5328
- return /* @__PURE__ */ React85__namespace.default.createElement(
5458
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5329
5459
  react.Flex,
5330
5460
  {
5331
5461
  width: "100%",
@@ -5338,8 +5468,8 @@ var init_FullScreenDrawer = __esm({
5338
5468
  transition: "box-shadow 0.2s",
5339
5469
  boxShadow: isScrolled ? "md" : void 0
5340
5470
  },
5341
- /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width: "fit-content" }, leftButton)),
5342
- /* @__PURE__ */ React85__namespace.default.createElement(
5471
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width: "fit-content" }, leftButton)),
5472
+ /* @__PURE__ */ React86__namespace.default.createElement(
5343
5473
  react.DrawerHeader,
5344
5474
  {
5345
5475
  as: "h2",
@@ -5352,7 +5482,7 @@ var init_FullScreenDrawer = __esm({
5352
5482
  },
5353
5483
  title
5354
5484
  ),
5355
- /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
5485
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
5356
5486
  );
5357
5487
  };
5358
5488
  DrawerCloseButton2 = () => {
@@ -5362,26 +5492,26 @@ var init_FullScreenDrawer = __esm({
5362
5492
  `(min-width: ${tokens11__namespace.default.size.breakpoint.sm})`
5363
5493
  );
5364
5494
  if (isScreenSizeMinSm) {
5365
- return /* @__PURE__ */ React85__namespace.default.createElement(
5495
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5366
5496
  exports.Button,
5367
5497
  {
5368
5498
  variant: "ghost",
5369
- leftIcon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill24Icon, null),
5499
+ leftIcon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill24Icon, null),
5370
5500
  onClick: onClose,
5371
- "aria-label": t2(texts22.close),
5501
+ "aria-label": t2(texts23.close),
5372
5502
  width: "fit-content",
5373
5503
  marginLeft: "auto"
5374
5504
  },
5375
- t2(texts22.close)
5505
+ t2(texts23.close)
5376
5506
  );
5377
5507
  }
5378
- return /* @__PURE__ */ React85__namespace.default.createElement(
5508
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5379
5509
  exports.IconButton,
5380
5510
  {
5381
5511
  variant: "ghost",
5382
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill30Icon, null),
5512
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill30Icon, null),
5383
5513
  onClick: onClose,
5384
- "aria-label": t2(texts22.close)
5514
+ "aria-label": t2(texts23.close)
5385
5515
  }
5386
5516
  );
5387
5517
  };
@@ -5392,30 +5522,30 @@ var init_FullScreenDrawer = __esm({
5392
5522
  `(min-width: ${tokens11__namespace.default.size.breakpoint.sm})`
5393
5523
  );
5394
5524
  if (isScreenSizeMinSm) {
5395
- return /* @__PURE__ */ React85__namespace.default.createElement(
5525
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5396
5526
  exports.Button,
5397
5527
  {
5398
5528
  variant: "ghost",
5399
- leftIcon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
5529
+ leftIcon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
5400
5530
  onClick: onClose,
5401
- "aria-label": t2(texts22.backAriaLabel),
5531
+ "aria-label": t2(texts23.backAriaLabel),
5402
5532
  width: "fit-content",
5403
5533
  marginLeft: "auto"
5404
5534
  },
5405
- t2(texts22.back)
5535
+ t2(texts23.back)
5406
5536
  );
5407
5537
  }
5408
- return /* @__PURE__ */ React85__namespace.default.createElement(
5538
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5409
5539
  exports.IconButton,
5410
5540
  {
5411
5541
  variant: "ghost",
5412
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowLeftFill30Icon, null),
5542
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowLeftFill30Icon, null),
5413
5543
  onClick: onClose,
5414
- "aria-label": t2(texts22.close)
5544
+ "aria-label": t2(texts23.close)
5415
5545
  }
5416
5546
  );
5417
5547
  };
5418
- texts22 = createTexts({
5548
+ texts23 = createTexts({
5419
5549
  close: {
5420
5550
  nb: "Lukk",
5421
5551
  nn: "Lukk",
@@ -5458,7 +5588,7 @@ var init_SimpleDrawer = __esm({
5458
5588
  body,
5459
5589
  ...props
5460
5590
  }) => {
5461
- return /* @__PURE__ */ React85__namespace.default.createElement(exports.Drawer, { placement, ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React85__namespace.default.createElement(exports.DrawerContent, null, /* @__PURE__ */ React85__namespace.default.createElement(react.DrawerCloseButton, null), title && /* @__PURE__ */ React85__namespace.default.createElement(exports.ModalHeader, null, title), /* @__PURE__ */ React85__namespace.default.createElement(react.DrawerBody, { ...body }, children)));
5591
+ return /* @__PURE__ */ React86__namespace.default.createElement(exports.Drawer, { placement, ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React86__namespace.default.createElement(exports.DrawerContent, null, /* @__PURE__ */ React86__namespace.default.createElement(react.DrawerCloseButton, null), title && /* @__PURE__ */ React86__namespace.default.createElement(exports.ModalHeader, null, title), /* @__PURE__ */ React86__namespace.default.createElement(react.DrawerBody, { ...body }, children)));
5462
5592
  };
5463
5593
  }
5464
5594
  });
@@ -5473,7 +5603,7 @@ var init_modal = __esm({
5473
5603
  init_SimpleDrawer();
5474
5604
  }
5475
5605
  });
5476
- var EXPIRATION_DELAY; exports.Nudge = void 0; var texts23;
5606
+ var EXPIRATION_DELAY; exports.Nudge = void 0; var texts24;
5477
5607
  var init_Nudge = __esm({
5478
5608
  "src/nudge/Nudge.tsx"() {
5479
5609
  init_src();
@@ -5497,7 +5627,7 @@ var init_Nudge = __esm({
5497
5627
  }
5498
5628
  return null;
5499
5629
  }
5500
- return /* @__PURE__ */ React85__namespace.default.createElement(
5630
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5501
5631
  react.Popover,
5502
5632
  {
5503
5633
  arrowSize: 12,
@@ -5505,11 +5635,11 @@ var init_Nudge = __esm({
5505
5635
  defaultIsOpen: true,
5506
5636
  ...props
5507
5637
  },
5508
- /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverAnchor, null, children),
5509
- /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React85__namespace.default.createElement(react.DarkMode, null, /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverArrow, null), /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverBody, { margin: 1 }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { marginRight: 4 }, content), /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React85__namespace.default.createElement(exports.ButtonGroup, null, /* @__PURE__ */ React85__namespace.default.createElement(exports.Button, { variant: "tertiary", size: "xs" }, t2(texts23.close)), /* @__PURE__ */ React85__namespace.default.createElement(exports.Button, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts23.showMe)))))))
5638
+ /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverAnchor, null, children),
5639
+ /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React86__namespace.default.createElement(react.DarkMode, null, /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverArrow, null), /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverBody, { margin: 1 }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { marginRight: 4 }, content), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React86__namespace.default.createElement(exports.ButtonGroup, null, /* @__PURE__ */ React86__namespace.default.createElement(exports.Button, { variant: "tertiary", size: "xs" }, t2(texts24.close)), /* @__PURE__ */ React86__namespace.default.createElement(exports.Button, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts24.showMe)))))))
5510
5640
  );
5511
5641
  };
5512
- texts23 = createTexts({
5642
+ texts24 = createTexts({
5513
5643
  close: {
5514
5644
  nb: "Lukk",
5515
5645
  nn: "Lukk",
@@ -5525,7 +5655,7 @@ var init_Nudge = __esm({
5525
5655
  });
5526
5656
  }
5527
5657
  });
5528
- exports.WizardNudge = void 0; var NextOrCloseButton, texts24;
5658
+ exports.WizardNudge = void 0; var NextOrCloseButton, texts25;
5529
5659
  var init_WizardNudge = __esm({
5530
5660
  "src/nudge/WizardNudge.tsx"() {
5531
5661
  init_src();
@@ -5536,23 +5666,23 @@ var init_WizardNudge = __esm({
5536
5666
  content,
5537
5667
  ...props
5538
5668
  }) => {
5539
- const [currentStep, setCurrentStep] = React85.useState(1);
5669
+ const [currentStep, setCurrentStep] = React86.useState(1);
5540
5670
  const totalSteps = content.length;
5541
5671
  const isLastStep = totalSteps === currentStep;
5542
5672
  const onNext = () => setCurrentStep((prev) => prev + 1);
5543
- return /* @__PURE__ */ React85__namespace.default.createElement(
5673
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5544
5674
  exports.Nudge,
5545
5675
  {
5546
5676
  onClose,
5547
5677
  name,
5548
5678
  content: content[currentStep - 1],
5549
- actions: /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React85__namespace.default.createElement(
5679
+ actions: /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React86__namespace.default.createElement(
5550
5680
  exports.ProgressIndicator,
5551
5681
  {
5552
5682
  activeStep: currentStep,
5553
5683
  numberOfSteps: totalSteps
5554
5684
  }
5555
- ), /* @__PURE__ */ React85__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React85__namespace.default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
5685
+ ), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React86__namespace.default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
5556
5686
  ...props
5557
5687
  },
5558
5688
  children
@@ -5561,19 +5691,19 @@ var init_WizardNudge = __esm({
5561
5691
  NextOrCloseButton = ({ isLastStep, onNext }) => {
5562
5692
  const { onClose } = react.usePopoverContext();
5563
5693
  const { t: t2 } = useTranslation();
5564
- return /* @__PURE__ */ React85__namespace.default.createElement(
5694
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5565
5695
  exports.Button,
5566
5696
  {
5567
5697
  variant: "tertiary",
5568
5698
  size: "xs",
5569
- leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowRightFill18Icon, null),
5699
+ leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowRightFill18Icon, null),
5570
5700
  onClick: isLastStep ? onClose : onNext,
5571
5701
  width: "fit-content"
5572
5702
  },
5573
- t2(isLastStep ? texts24.finish : texts24.nextStep)
5703
+ t2(isLastStep ? texts25.finish : texts25.nextStep)
5574
5704
  );
5575
5705
  };
5576
- texts24 = createTexts({
5706
+ texts25 = createTexts({
5577
5707
  nextStep: {
5578
5708
  nb: "Neste",
5579
5709
  nn: "Neste",
@@ -5597,7 +5727,7 @@ var init_nudge = __esm({
5597
5727
  init_WizardNudge();
5598
5728
  }
5599
5729
  });
5600
- exports.Pagination = void 0; var texts25;
5730
+ exports.Pagination = void 0; var texts26;
5601
5731
  var init_Pagination = __esm({
5602
5732
  "src/pagination/Pagination.tsx"() {
5603
5733
  init_src();
@@ -5644,7 +5774,7 @@ var init_Pagination = __esm({
5644
5774
  }
5645
5775
  }
5646
5776
  return displayPageNumbers.map(
5647
- (pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React85__namespace.default.createElement(react.ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React85__namespace.default.createElement(react.Center, null, "...")) : /* @__PURE__ */ React85__namespace.default.createElement(
5777
+ (pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React86__namespace.default.createElement(react.ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React86__namespace.default.createElement(react.Center, null, "...")) : /* @__PURE__ */ React86__namespace.default.createElement(
5648
5778
  react.Link,
5649
5779
  {
5650
5780
  key: index,
@@ -5661,7 +5791,7 @@ var init_Pagination = __esm({
5661
5791
  )
5662
5792
  );
5663
5793
  };
5664
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React85__namespace.default.createElement(
5794
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React86__namespace.default.createElement(
5665
5795
  react.UnorderedList,
5666
5796
  {
5667
5797
  display: "flex",
@@ -5670,26 +5800,26 @@ var init_Pagination = __esm({
5670
5800
  padding: 0,
5671
5801
  margin: 0
5672
5802
  },
5673
- /* @__PURE__ */ React85__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts25.previousPage) }, /* @__PURE__ */ React85__namespace.default.createElement(
5803
+ /* @__PURE__ */ React86__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts26.previousPage) }, /* @__PURE__ */ React86__namespace.default.createElement(
5674
5804
  exports.TextLink,
5675
5805
  {
5676
5806
  onClick: () => onPageChange(selectedPage - 1),
5677
5807
  sx: hasPreviousPage ? style.link : style.disabled
5678
5808
  },
5679
- /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, { sx: style.icon })
5809
+ /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, { sx: style.icon })
5680
5810
  )),
5681
5811
  renderPaginationButtons(),
5682
- /* @__PURE__ */ React85__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts25.nextPage) }, /* @__PURE__ */ React85__namespace.default.createElement(
5812
+ /* @__PURE__ */ React86__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts26.nextPage) }, /* @__PURE__ */ React86__namespace.default.createElement(
5683
5813
  exports.TextLink,
5684
5814
  {
5685
5815
  onClick: () => onPageChange(selectedPage + 1),
5686
5816
  sx: hasNextPage ? style.link : style.disabled
5687
5817
  },
5688
- /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { sx: style.icon })
5818
+ /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { sx: style.icon })
5689
5819
  ))
5690
5820
  ));
5691
5821
  };
5692
- texts25 = createTexts({
5822
+ texts26 = createTexts({
5693
5823
  previousPage: {
5694
5824
  nb: "Forrige side",
5695
5825
  nn: "F\xF8rre side",
@@ -5718,7 +5848,7 @@ var init_ProgressDot = __esm({
5718
5848
  init_src();
5719
5849
  ProgressDot = ({ isActive }) => {
5720
5850
  const style = react.useMultiStyleConfig("ProgressIndicator");
5721
- return /* @__PURE__ */ React85__namespace.default.createElement(
5851
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5722
5852
  react.Box,
5723
5853
  {
5724
5854
  as: "svg",
@@ -5728,12 +5858,12 @@ var init_ProgressDot = __esm({
5728
5858
  viewBox: "0 0 100 100",
5729
5859
  "aria-current": isActive ? "step" : void 0
5730
5860
  },
5731
- /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "circle", cx: "50", cy: "50", r: "50" })
5861
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "circle", cx: "50", cy: "50", r: "50" })
5732
5862
  );
5733
5863
  };
5734
5864
  }
5735
5865
  });
5736
- exports.ProgressIndicator = void 0; var texts26;
5866
+ exports.ProgressIndicator = void 0; var texts27;
5737
5867
  var init_ProgressIndicator = __esm({
5738
5868
  "src/progress-indicator/ProgressIndicator.tsx"() {
5739
5869
  init_src();
@@ -5744,7 +5874,7 @@ var init_ProgressIndicator = __esm({
5744
5874
  }) => {
5745
5875
  const { t: t2 } = useTranslation();
5746
5876
  const style = react.useMultiStyleConfig("ProgressIndicator");
5747
- return /* @__PURE__ */ React85__namespace.default.createElement(
5877
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5748
5878
  react.Box,
5749
5879
  {
5750
5880
  __css: style.root,
@@ -5752,9 +5882,9 @@ var init_ProgressIndicator = __esm({
5752
5882
  "aria-valuemin": 1,
5753
5883
  "aria-valuemax": numberOfSteps,
5754
5884
  "aria-valuenow": activeStep,
5755
- "aria-valuetext": t2(texts26.stepsOf(activeStep, numberOfSteps))
5885
+ "aria-valuetext": t2(texts27.stepsOf(activeStep, numberOfSteps))
5756
5886
  },
5757
- /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React85__namespace.default.createElement(
5887
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React86__namespace.default.createElement(
5758
5888
  ProgressDot,
5759
5889
  {
5760
5890
  key: i,
@@ -5764,7 +5894,7 @@ var init_ProgressIndicator = __esm({
5764
5894
  )))
5765
5895
  );
5766
5896
  };
5767
- texts26 = createTexts({
5897
+ texts27 = createTexts({
5768
5898
  stepsOf: (activeStep, numberOfSteps) => ({
5769
5899
  nb: `Steg ${activeStep} av ${numberOfSteps}`,
5770
5900
  nn: `Steg ${activeStep} av ${numberOfSteps}`,
@@ -5795,7 +5925,7 @@ var init_SporProvider = __esm({
5795
5925
  }) => {
5796
5926
  const brandCustomizations = exports.brandTheme[brand] ?? {};
5797
5927
  const extendedTheme = deepmerge__default.default(theme3, brandCustomizations);
5798
- return /* @__PURE__ */ React85__namespace.default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React85__namespace.default.createElement(react.ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React85__namespace.default.createElement(react$1.Global, { styles: exports.fontFaces }), children));
5928
+ return /* @__PURE__ */ React86__namespace.default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React86__namespace.default.createElement(react.ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React86__namespace.default.createElement(react$1.Global, { styles: exports.fontFaces }), children));
5799
5929
  };
5800
5930
  }
5801
5931
  });
@@ -5809,7 +5939,7 @@ var init_provider = __esm({
5809
5939
  var StepperContext, StepperProvider, useStepper;
5810
5940
  var init_StepperContext = __esm({
5811
5941
  "src/stepper/StepperContext.tsx"() {
5812
- StepperContext = React85__namespace.default.createContext(null);
5942
+ StepperContext = React86__namespace.default.createContext(null);
5813
5943
  StepperProvider = ({
5814
5944
  activeStep,
5815
5945
  children,
@@ -5817,7 +5947,7 @@ var init_StepperContext = __esm({
5817
5947
  numberOfSteps,
5818
5948
  variant
5819
5949
  }) => {
5820
- return /* @__PURE__ */ React85__namespace.default.createElement(
5950
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5821
5951
  StepperContext.Provider,
5822
5952
  {
5823
5953
  value: { activeStep, onClick, numberOfSteps, variant }
@@ -5826,7 +5956,7 @@ var init_StepperContext = __esm({
5826
5956
  );
5827
5957
  };
5828
5958
  useStepper = () => {
5829
- const context = React85__namespace.default.useContext(StepperContext);
5959
+ const context = React86__namespace.default.useContext(StepperContext);
5830
5960
  if (!context) {
5831
5961
  throw new Error(
5832
5962
  "useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
@@ -5836,7 +5966,7 @@ var init_StepperContext = __esm({
5836
5966
  };
5837
5967
  }
5838
5968
  });
5839
- exports.Stepper = void 0; var texts27;
5969
+ exports.Stepper = void 0; var texts28;
5840
5970
  var init_Stepper = __esm({
5841
5971
  "src/stepper/Stepper.tsx"() {
5842
5972
  init_stepper();
@@ -5860,7 +5990,7 @@ var init_Stepper = __esm({
5860
5990
  const { t: t2 } = useTranslation();
5861
5991
  const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
5862
5992
  const shownHeading = heading || title;
5863
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: style.root }, /* @__PURE__ */ React85__namespace.default.createElement(
5993
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: style.root }, /* @__PURE__ */ React86__namespace.default.createElement(
5864
5994
  StepperProvider,
5865
5995
  {
5866
5996
  onClick,
@@ -5868,7 +5998,7 @@ var init_Stepper = __esm({
5868
5998
  variant,
5869
5999
  numberOfSteps
5870
6000
  },
5871
- /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: style.container }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: style.innerContainer }, /* @__PURE__ */ React85__namespace.default.createElement(
6001
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: style.container }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: style.innerContainer }, /* @__PURE__ */ React86__namespace.default.createElement(
5872
6002
  react.Flex,
5873
6003
  {
5874
6004
  justifyContent: "space-between",
@@ -5876,11 +6006,11 @@ var init_Stepper = __esm({
5876
6006
  gap: 2,
5877
6007
  flex: 1
5878
6008
  },
5879
- /* @__PURE__ */ React85__namespace.default.createElement(
6009
+ /* @__PURE__ */ React86__namespace.default.createElement(
5880
6010
  exports.IconButton,
5881
6011
  {
5882
- "aria-label": t2(texts27.back),
5883
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
6012
+ "aria-label": t2(texts28.back),
6013
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
5884
6014
  variant: "ghost",
5885
6015
  size: "sm",
5886
6016
  visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
@@ -5893,9 +6023,9 @@ var init_Stepper = __esm({
5893
6023
  }
5894
6024
  }
5895
6025
  ),
5896
- shownHeading && /* @__PURE__ */ React85__namespace.default.createElement(exports.Text, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
5897
- /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: style.stepCounter }, t2(texts27.stepsOf(activeStep, numberOfSteps)))
5898
- )), /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React85__namespace.default.createElement(
6026
+ shownHeading && /* @__PURE__ */ React86__namespace.default.createElement(exports.Text, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
6027
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: style.stepCounter }, t2(texts28.stepsOf(activeStep, numberOfSteps)))
6028
+ )), /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React86__namespace.default.createElement(
5899
6029
  exports.StepperStep,
5900
6030
  {
5901
6031
  key: index,
@@ -5908,7 +6038,7 @@ var init_Stepper = __esm({
5908
6038
  ))))
5909
6039
  ));
5910
6040
  };
5911
- texts27 = createTexts({
6041
+ texts28 = createTexts({
5912
6042
  stepsOf: (activeStep, numberOfSteps) => ({
5913
6043
  nb: `Steg ${activeStep}/${numberOfSteps}`,
5914
6044
  nn: `Steg ${activeStep}/${numberOfSteps}`,
@@ -5947,14 +6077,14 @@ var init_StepperStep = __esm({
5947
6077
  );
5948
6078
  const iconColor = react.useColorModeValue("blackAlpha.200", "whiteAlpha.200");
5949
6079
  const isDisabled = state2 !== "active" && isDisabledOverride || state2 === "disabled";
5950
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React85__namespace.default.createElement(
6080
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React86__namespace.default.createElement(
5951
6081
  sporIconReact.DropdownRightFill18Icon,
5952
6082
  {
5953
6083
  marginX: 5,
5954
6084
  display: ["none", null, "block"],
5955
6085
  color: iconColor
5956
6086
  }
5957
- ), isDisabled ? /* @__PURE__ */ React85__namespace.default.createElement(
6087
+ ), isDisabled ? /* @__PURE__ */ React86__namespace.default.createElement(
5958
6088
  exports.Text,
5959
6089
  {
5960
6090
  variant: "xs",
@@ -5964,7 +6094,7 @@ var init_StepperStep = __esm({
5964
6094
  paddingX: 2
5965
6095
  },
5966
6096
  children
5967
- ) : /* @__PURE__ */ React85__namespace.default.createElement(
6097
+ ) : /* @__PURE__ */ React86__namespace.default.createElement(
5968
6098
  exports.Button,
5969
6099
  {
5970
6100
  size: "xs",
@@ -6000,7 +6130,7 @@ exports.Tabs = void 0;
6000
6130
  var init_Tabs = __esm({
6001
6131
  "src/tab/Tabs.tsx"() {
6002
6132
  exports.Tabs = react.forwardRef((props, ref) => {
6003
- return /* @__PURE__ */ React85__namespace.createElement(react.Tabs, { ...props, ref });
6133
+ return /* @__PURE__ */ React86__namespace.createElement(react.Tabs, { ...props, ref });
6004
6134
  });
6005
6135
  }
6006
6136
  });
@@ -6022,7 +6152,7 @@ var init_Table = __esm({
6022
6152
  "src/table/Table.tsx"() {
6023
6153
  exports.Table = react.forwardRef((props, ref) => {
6024
6154
  const { variant, size: size2, colorScheme, children, ...rest } = props;
6025
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React85__namespace.default.createElement(
6155
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React86__namespace.default.createElement(
6026
6156
  react.Table,
6027
6157
  {
6028
6158
  variant,
@@ -6766,16 +6896,16 @@ function defineCssVars(scope, keys2) {
6766
6896
  function defineStyle(styles3) {
6767
6897
  return styles3;
6768
6898
  }
6769
- function defineStyleConfig(config44) {
6770
- return config44;
6899
+ function defineStyleConfig(config45) {
6900
+ return config45;
6771
6901
  }
6772
- function createMultiStyleConfigHelpers(parts20) {
6902
+ function createMultiStyleConfigHelpers(parts21) {
6773
6903
  return {
6774
- definePartsStyle(config44) {
6775
- return config44;
6904
+ definePartsStyle(config45) {
6905
+ return config45;
6776
6906
  },
6777
- defineMultiStyleConfig(config44) {
6778
- return { parts: parts20, ...config44 };
6907
+ defineMultiStyleConfig(config45) {
6908
+ return { parts: parts21, ...config45 };
6779
6909
  }
6780
6910
  };
6781
6911
  }
@@ -8098,7 +8228,7 @@ function anatomy(name, map = {}) {
8098
8228
  "[anatomy] .part(...) should only be called once. Did you mean to use .extend(...) ?"
8099
8229
  );
8100
8230
  }
8101
- function parts20(...values) {
8231
+ function parts21(...values) {
8102
8232
  assert();
8103
8233
  for (const part of values) {
8104
8234
  map[part] = toPart(part);
@@ -8138,7 +8268,7 @@ function anatomy(name, map = {}) {
8138
8268
  }
8139
8269
  const __type = {};
8140
8270
  return {
8141
- parts: parts20,
8271
+ parts: parts21,
8142
8272
  toPart,
8143
8273
  extend,
8144
8274
  selectors,
@@ -11995,6 +12125,12 @@ var init_alert2 = __esm({
11995
12125
  container: {
11996
12126
  backgroundColor: "banana"
11997
12127
  }
12128
+ },
12129
+ service: {
12130
+ container: {
12131
+ backgroundColor: "darkTeal",
12132
+ color: "white"
12133
+ }
11998
12134
  }
11999
12135
  },
12000
12136
  defaultProps: {
@@ -12079,6 +12215,16 @@ var init_alert_expandable = __esm({
12079
12215
  backgroundColor: "pink"
12080
12216
  }
12081
12217
  }
12218
+ },
12219
+ service: {
12220
+ container: {
12221
+ _hover: {
12222
+ outlineColor: "blueGreen"
12223
+ },
12224
+ _active: {
12225
+ backgroundColor: "pine"
12226
+ }
12227
+ }
12082
12228
  }
12083
12229
  },
12084
12230
  defaultProps: {
@@ -12088,6 +12234,63 @@ var init_alert_expandable = __esm({
12088
12234
  alert_expandable_default = config4;
12089
12235
  }
12090
12236
  });
12237
+
12238
+ // src/theme/components/alert-service.ts
12239
+ var parts3, helpers4, config5, alert_service_default;
12240
+ var init_alert_service = __esm({
12241
+ "src/theme/components/alert-service.ts"() {
12242
+ init_dist4();
12243
+ init_dist3();
12244
+ parts3 = anatomy("alertService").parts(
12245
+ "container",
12246
+ "box",
12247
+ "notificationText",
12248
+ "serviceMessageContent"
12249
+ );
12250
+ helpers4 = createMultiStyleConfigHelpers(parts3.keys);
12251
+ config5 = helpers4.defineMultiStyleConfig({
12252
+ baseStyle: {
12253
+ container: {
12254
+ paddingX: 0,
12255
+ paddingY: 2,
12256
+ fontSize: "inherit",
12257
+ transitionProperty: "outline, border-radius",
12258
+ transitionDuration: "fast",
12259
+ borderTopRadius: "none",
12260
+ borderBottomRadius: "18px",
12261
+ _hover: {
12262
+ outline: "2px solid",
12263
+ outlineColor: "blueGreen"
12264
+ },
12265
+ _active: {
12266
+ backgroundColor: "pine",
12267
+ outlineColor: "pine"
12268
+ }
12269
+ },
12270
+ box: {
12271
+ outline: "1px solid",
12272
+ outlineColor: "blueGreen",
12273
+ backgroundColor: "darkTeal",
12274
+ borderBottomRadius: "1.125rem",
12275
+ borderTopRadius: "none"
12276
+ },
12277
+ notificationText: {
12278
+ color: "white",
12279
+ fontWeight: "400",
12280
+ fontSize: "1rem",
12281
+ pr: "0.375rem"
12282
+ },
12283
+ serviceMessageContent: {
12284
+ paddingX: "0.75rem",
12285
+ paddingTop: "0.375rem",
12286
+ paddingBottom: "0.9375rem",
12287
+ color: "white"
12288
+ }
12289
+ }
12290
+ });
12291
+ alert_service_default = config5;
12292
+ }
12293
+ });
12091
12294
  function getColorScheme(colorScheme) {
12092
12295
  let styles3 = colorCombinations[colorScheme];
12093
12296
  if (!styles3 && process.env.NODE_ENV === "development") {
@@ -12096,10 +12299,10 @@ function getColorScheme(colorScheme) {
12096
12299
  }
12097
12300
  return styles3;
12098
12301
  }
12099
- var config5, badge_default, colorCombinations;
12302
+ var config6, badge_default, colorCombinations;
12100
12303
  var init_badge = __esm({
12101
12304
  "src/theme/components/badge.ts"() {
12102
- config5 = react.defineStyleConfig({
12305
+ config6 = react.defineStyleConfig({
12103
12306
  baseStyle: ({ colorScheme }) => ({
12104
12307
  borderStyle: "solid",
12105
12308
  display: "inline-flex",
@@ -12126,7 +12329,7 @@ var init_badge = __esm({
12126
12329
  colorScheme: "grey"
12127
12330
  }
12128
12331
  });
12129
- badge_default = config5;
12332
+ badge_default = config6;
12130
12333
  colorCombinations = {
12131
12334
  yellow: {
12132
12335
  backgroundColor: "banana",
@@ -12289,7 +12492,7 @@ var init_accent_utils = __esm({
12289
12492
  init_brand_utils();
12290
12493
  }
12291
12494
  });
12292
- var config6, button_default;
12495
+ var config7, button_default;
12293
12496
  var init_button2 = __esm({
12294
12497
  "src/theme/components/button.ts"() {
12295
12498
  init_base_utils();
@@ -12299,7 +12502,7 @@ var init_button2 = __esm({
12299
12502
  init_ghost_utils();
12300
12503
  init_surface_utils();
12301
12504
  init_accent_utils();
12302
- config6 = react.defineStyleConfig({
12505
+ config7 = react.defineStyleConfig({
12303
12506
  baseStyle: (props) => ({
12304
12507
  border: 0,
12305
12508
  borderRadius: "xl",
@@ -12413,10 +12616,10 @@ var init_button2 = __esm({
12413
12616
  size: "md"
12414
12617
  }
12415
12618
  });
12416
- button_default = config6;
12619
+ button_default = config7;
12417
12620
  }
12418
12621
  });
12419
- var parts3, helpers4, config7, card_select_default;
12622
+ var parts4, helpers5, config8, card_select_default;
12420
12623
  var init_card_select = __esm({
12421
12624
  "src/theme/components/card-select.ts"() {
12422
12625
  init_dist4();
@@ -12425,9 +12628,9 @@ var init_card_select = __esm({
12425
12628
  init_floating_utils();
12426
12629
  init_focus_utils();
12427
12630
  init_ghost_utils();
12428
- parts3 = anatomy("card-select").parts("trigger", "card");
12429
- helpers4 = createMultiStyleConfigHelpers(parts3.keys);
12430
- config7 = helpers4.defineMultiStyleConfig({
12631
+ parts4 = anatomy("card-select").parts("trigger", "card");
12632
+ helpers5 = createMultiStyleConfigHelpers(parts4.keys);
12633
+ config8 = helpers5.defineMultiStyleConfig({
12431
12634
  baseStyle: (props) => ({
12432
12635
  trigger: {
12433
12636
  appearance: "none",
@@ -12529,18 +12732,18 @@ var init_card_select = __esm({
12529
12732
  }
12530
12733
  }
12531
12734
  });
12532
- card_select_default = config7;
12735
+ card_select_default = config8;
12533
12736
  }
12534
12737
  });
12535
- var helpers5, config8, checkbox_default;
12738
+ var helpers6, config9, checkbox_default;
12536
12739
  var init_checkbox = __esm({
12537
12740
  "src/theme/components/checkbox.ts"() {
12538
12741
  init_dist4();
12539
12742
  init_base_utils();
12540
12743
  init_brand_utils();
12541
12744
  init_focus_utils();
12542
- helpers5 = react.createMultiStyleConfigHelpers(checkboxAnatomy.keys);
12543
- config8 = helpers5.defineMultiStyleConfig({
12745
+ helpers6 = react.createMultiStyleConfigHelpers(checkboxAnatomy.keys);
12746
+ config9 = helpers6.defineMultiStyleConfig({
12544
12747
  baseStyle: (props) => ({
12545
12748
  container: {
12546
12749
  _hover: {
@@ -12611,10 +12814,10 @@ var init_checkbox = __esm({
12611
12814
  }
12612
12815
  })
12613
12816
  });
12614
- checkbox_default = config8;
12817
+ checkbox_default = config9;
12615
12818
  }
12616
12819
  });
12617
- var parts4, helpers6, config9, choice_chip_default;
12820
+ var parts5, helpers7, config10, choice_chip_default;
12618
12821
  var init_choice_chip = __esm({
12619
12822
  "src/theme/components/choice-chip.ts"() {
12620
12823
  init_accent_utils();
@@ -12622,9 +12825,9 @@ var init_choice_chip = __esm({
12622
12825
  init_brand_utils();
12623
12826
  init_floating_utils();
12624
12827
  init_focus_utils();
12625
- parts4 = themeTools.anatomy("choice-chip").parts("container", "icon", "label");
12626
- helpers6 = react.createMultiStyleConfigHelpers(parts4.keys);
12627
- config9 = helpers6.defineMultiStyleConfig({
12828
+ parts5 = themeTools.anatomy("choice-chip").parts("container", "icon", "label");
12829
+ helpers7 = react.createMultiStyleConfigHelpers(parts5.keys);
12830
+ config10 = helpers7.defineMultiStyleConfig({
12628
12831
  baseStyle: (props) => ({
12629
12832
  container: {
12630
12833
  display: "inline-flex",
@@ -12771,16 +12974,16 @@ var init_choice_chip = __esm({
12771
12974
  size: "sm"
12772
12975
  }
12773
12976
  });
12774
- choice_chip_default = config9;
12977
+ choice_chip_default = config10;
12775
12978
  }
12776
12979
  });
12777
- var $size6, config10, close_button_default;
12980
+ var $size6, config11, close_button_default;
12778
12981
  var init_close_button = __esm({
12779
12982
  "src/theme/components/close-button.ts"() {
12780
12983
  init_focus_utils();
12781
12984
  init_ghost_utils();
12782
12985
  $size6 = themeTools.cssVar("close-button-size");
12783
- config10 = react.defineStyleConfig({
12986
+ config11 = react.defineStyleConfig({
12784
12987
  baseStyle: (props) => ({
12785
12988
  w: [$size6.reference],
12786
12989
  h: [$size6.reference],
@@ -12819,15 +13022,15 @@ var init_close_button = __esm({
12819
13022
  size: "md"
12820
13023
  }
12821
13024
  });
12822
- close_button_default = config10;
13025
+ close_button_default = config11;
12823
13026
  }
12824
13027
  });
12825
- var variants13, defaultProps2, config11, code_default;
13028
+ var variants13, defaultProps2, config12, code_default;
12826
13029
  var init_code = __esm({
12827
13030
  "src/theme/components/code.ts"() {
12828
13031
  init_badge();
12829
13032
  ({ variants: variants13, defaultProps: defaultProps2 } = badge_default);
12830
- config11 = react.defineStyleConfig({
13033
+ config12 = react.defineStyleConfig({
12831
13034
  baseStyle: {
12832
13035
  fontFamily: "monospace",
12833
13036
  fontSize: ["mobile.xs", "desktop.xs"],
@@ -12837,7 +13040,7 @@ var init_code = __esm({
12837
13040
  variants: variants13,
12838
13041
  defaultProps: defaultProps2
12839
13042
  });
12840
- code_default = config11;
13043
+ code_default = config12;
12841
13044
  }
12842
13045
  });
12843
13046
  var borders2;
@@ -12880,10 +13083,10 @@ var init_colors = __esm({
12880
13083
  });
12881
13084
 
12882
13085
  // src/theme/foundations/config.ts
12883
- var config12;
13086
+ var config13;
12884
13087
  var init_config = __esm({
12885
13088
  "src/theme/foundations/config.ts"() {
12886
- config12 = {
13089
+ config13 = {
12887
13090
  cssVarPrefix: "spor",
12888
13091
  initialColorMode: "light",
12889
13092
  useSystemColorMode: false
@@ -13148,7 +13351,7 @@ __export(foundations_exports, {
13148
13351
  borders: () => borders2,
13149
13352
  breakpoints: () => breakpoints2,
13150
13353
  colors: () => colors2,
13151
- config: () => config12,
13354
+ config: () => config13,
13152
13355
  fontSizes: () => fontSizes,
13153
13356
  fontWeights: () => fontWeights,
13154
13357
  fonts: () => fonts,
@@ -13181,7 +13384,7 @@ var init_foundations = __esm({
13181
13384
  init_styles();
13182
13385
  }
13183
13386
  });
13184
- var parts5, $arrowBackground, helpers7, config13, datepicker_default;
13387
+ var parts6, $arrowBackground, helpers8, config14, datepicker_default;
13185
13388
  var init_datepicker2 = __esm({
13186
13389
  "src/theme/components/datepicker.ts"() {
13187
13390
  init_foundations();
@@ -13192,7 +13395,7 @@ var init_datepicker2 = __esm({
13192
13395
  init_focus_utils();
13193
13396
  init_ghost_utils();
13194
13397
  init_surface_utils();
13195
- parts5 = themeTools.anatomy("datepicker").parts(
13398
+ parts6 = themeTools.anatomy("datepicker").parts(
13196
13399
  "wrapper",
13197
13400
  "calendarTriggerButton",
13198
13401
  "arrow",
@@ -13206,8 +13409,8 @@ var init_datepicker2 = __esm({
13206
13409
  "cell"
13207
13410
  );
13208
13411
  $arrowBackground = themeTools.cssVar("popper-arrow-bg");
13209
- helpers7 = react.createMultiStyleConfigHelpers(parts5.keys);
13210
- config13 = helpers7.defineMultiStyleConfig({
13412
+ helpers8 = react.createMultiStyleConfigHelpers(parts6.keys);
13413
+ config14 = helpers8.defineMultiStyleConfig({
13211
13414
  baseStyle: (props) => ({
13212
13415
  wrapper: {
13213
13416
  transitionProperty: "box-shadow",
@@ -13371,7 +13574,7 @@ var init_datepicker2 = __esm({
13371
13574
  })
13372
13575
  }
13373
13576
  });
13374
- datepicker_default = config13;
13577
+ datepicker_default = config14;
13375
13578
  }
13376
13579
  });
13377
13580
  var baseStyle43, variantSolid5, variantDashed2, variants14, sizes25, divider_default;
@@ -13454,14 +13657,14 @@ function getSize5(value) {
13454
13657
  dialog: { maxWidth: value }
13455
13658
  };
13456
13659
  }
13457
- var helpers8, config14, drawer_default;
13660
+ var helpers9, config15, drawer_default;
13458
13661
  var init_drawer = __esm({
13459
13662
  "src/theme/components/drawer.ts"() {
13460
13663
  init_dist4();
13461
13664
  init_base_utils();
13462
13665
  init_bg_utils();
13463
- helpers8 = react.createMultiStyleConfigHelpers(modalAnatomy.keys);
13464
- config14 = helpers8.defineMultiStyleConfig({
13666
+ helpers9 = react.createMultiStyleConfigHelpers(modalAnatomy.keys);
13667
+ config15 = helpers9.defineMultiStyleConfig({
13465
13668
  baseStyle: (props) => ({
13466
13669
  overlay: {
13467
13670
  backgroundColor: "blackAlpha.600",
@@ -13523,10 +13726,10 @@ var init_drawer = __esm({
13523
13726
  size: "md"
13524
13727
  }
13525
13728
  });
13526
- drawer_default = config14;
13729
+ drawer_default = config15;
13527
13730
  }
13528
13731
  });
13529
- var parts6, helpers9, config15, fab_default, getPositionProps;
13732
+ var parts7, helpers10, config16, fab_default, getPositionProps;
13530
13733
  var init_fab = __esm({
13531
13734
  "src/theme/components/fab.ts"() {
13532
13735
  init_accent_utils();
@@ -13534,9 +13737,9 @@ var init_fab = __esm({
13534
13737
  init_brand_utils();
13535
13738
  init_focus_utils();
13536
13739
  init_surface_utils();
13537
- parts6 = themeTools.anatomy("fab").parts("container", "icon", "text");
13538
- helpers9 = react.createMultiStyleConfigHelpers(parts6.keys);
13539
- config15 = helpers9.defineMultiStyleConfig({
13740
+ parts7 = themeTools.anatomy("fab").parts("container", "icon", "text");
13741
+ helpers10 = react.createMultiStyleConfigHelpers(parts7.keys);
13742
+ config16 = helpers10.defineMultiStyleConfig({
13540
13743
  baseStyle: (props) => ({
13541
13744
  container: {
13542
13745
  display: "flex",
@@ -13618,7 +13821,7 @@ var init_fab = __esm({
13618
13821
  variant: "brand"
13619
13822
  }
13620
13823
  });
13621
- fab_default = config15;
13824
+ fab_default = config16;
13622
13825
  getPositionProps = (props) => {
13623
13826
  switch (props.placement) {
13624
13827
  case "top left":
@@ -13633,12 +13836,12 @@ var init_fab = __esm({
13633
13836
  };
13634
13837
  }
13635
13838
  });
13636
- var helpers10, config16, form_default;
13839
+ var helpers11, config17, form_default;
13637
13840
  var init_form = __esm({
13638
13841
  "src/theme/components/form.ts"() {
13639
13842
  init_dist4();
13640
- helpers10 = react.createMultiStyleConfigHelpers(formAnatomy.keys);
13641
- config16 = helpers10.defineMultiStyleConfig({
13843
+ helpers11 = react.createMultiStyleConfigHelpers(formAnatomy.keys);
13844
+ config17 = helpers11.defineMultiStyleConfig({
13642
13845
  baseStyle: (props) => ({
13643
13846
  container: {
13644
13847
  width: "100%",
@@ -13658,13 +13861,13 @@ var init_form = __esm({
13658
13861
  }
13659
13862
  })
13660
13863
  });
13661
- form_default = config16;
13864
+ form_default = config17;
13662
13865
  }
13663
13866
  });
13664
- var config17, form_label_default;
13867
+ var config18, form_label_default;
13665
13868
  var init_form_label = __esm({
13666
13869
  "src/theme/components/form-label.ts"() {
13667
- config17 = react.defineStyleConfig({
13870
+ config18 = react.defineStyleConfig({
13668
13871
  baseStyle: {
13669
13872
  fontSize: "mobile.sm",
13670
13873
  marginEnd: 3,
@@ -13677,7 +13880,7 @@ var init_form_label = __esm({
13677
13880
  }
13678
13881
  }
13679
13882
  });
13680
- form_label_default = config17;
13883
+ form_label_default = config18;
13681
13884
  }
13682
13885
  });
13683
13886
 
@@ -13699,7 +13902,7 @@ var init_sr_utils = __esm({
13699
13902
  };
13700
13903
  }
13701
13904
  });
13702
- var parts7, helpers11, config18, info_select_default;
13905
+ var parts8, helpers12, config19, info_select_default;
13703
13906
  var init_info_select = __esm({
13704
13907
  "src/theme/components/info-select.ts"() {
13705
13908
  init_dist4();
@@ -13707,14 +13910,14 @@ var init_info_select = __esm({
13707
13910
  init_floating_utils();
13708
13911
  init_focus_utils();
13709
13912
  init_sr_utils();
13710
- parts7 = anatomy("InfoSelect").parts(
13913
+ parts8 = anatomy("InfoSelect").parts(
13711
13914
  "container",
13712
13915
  "label",
13713
13916
  "button",
13714
13917
  "arrowIcon"
13715
13918
  );
13716
- helpers11 = react.createMultiStyleConfigHelpers(parts7.keys);
13717
- config18 = helpers11.defineMultiStyleConfig({
13919
+ helpers12 = react.createMultiStyleConfigHelpers(parts8.keys);
13920
+ config19 = helpers12.defineMultiStyleConfig({
13718
13921
  baseStyle: (props) => ({
13719
13922
  container: {},
13720
13923
  label: {
@@ -13782,14 +13985,14 @@ var init_info_select = __esm({
13782
13985
  variant: "base"
13783
13986
  }
13784
13987
  });
13785
- info_select_default = config18;
13988
+ info_select_default = config19;
13786
13989
  }
13787
13990
  });
13788
- var parts8, helpers12, config19, travel_tag_default, getDeviationContainerStyle, getDeviationBorderColor, getDeviationIconStyle, deviationIconColor;
13991
+ var parts9, helpers13, config20, travel_tag_default, getDeviationContainerStyle, getDeviationBorderColor, getDeviationIconStyle, deviationIconColor;
13789
13992
  var init_travel_tag = __esm({
13790
13993
  "src/theme/components/travel-tag.ts"() {
13791
13994
  init_focus_utils();
13792
- parts8 = themeTools.anatomy("travel-tag").parts(
13995
+ parts9 = themeTools.anatomy("travel-tag").parts(
13793
13996
  "container",
13794
13997
  "iconContainer",
13795
13998
  "icon",
@@ -13798,8 +14001,8 @@ var init_travel_tag = __esm({
13798
14001
  "description",
13799
14002
  "deviationIcon"
13800
14003
  );
13801
- helpers12 = react.createMultiStyleConfigHelpers(parts8.keys);
13802
- config19 = helpers12.defineMultiStyleConfig({
14004
+ helpers13 = react.createMultiStyleConfigHelpers(parts9.keys);
14005
+ config20 = helpers13.defineMultiStyleConfig({
13803
14006
  baseStyle: (props) => ({
13804
14007
  container: {
13805
14008
  position: "relative",
@@ -13990,7 +14193,7 @@ var init_travel_tag = __esm({
13990
14193
  size: "md"
13991
14194
  }
13992
14195
  });
13993
- travel_tag_default = config19;
14196
+ travel_tag_default = config20;
13994
14197
  getDeviationContainerStyle = (props) => {
13995
14198
  switch (props.deviationLevel) {
13996
14199
  case "critical":
@@ -14033,11 +14236,11 @@ var init_travel_tag = __esm({
14033
14236
  };
14034
14237
  }
14035
14238
  });
14036
- var parts9, helpers13, config20, info_tag_default;
14239
+ var parts10, helpers14, config21, info_tag_default;
14037
14240
  var init_info_tag = __esm({
14038
14241
  "src/theme/components/info-tag.ts"() {
14039
14242
  init_travel_tag();
14040
- parts9 = themeTools.anatomy("info-tag").parts(
14243
+ parts10 = themeTools.anatomy("info-tag").parts(
14041
14244
  "container",
14042
14245
  "iconContainer",
14043
14246
  "icon",
@@ -14045,8 +14248,8 @@ var init_info_tag = __esm({
14045
14248
  "title",
14046
14249
  "description"
14047
14250
  );
14048
- helpers13 = react.createMultiStyleConfigHelpers(parts9.keys);
14049
- config20 = helpers13.defineMultiStyleConfig({
14251
+ helpers14 = react.createMultiStyleConfigHelpers(parts10.keys);
14252
+ config21 = helpers14.defineMultiStyleConfig({
14050
14253
  baseStyle: (props) => ({
14051
14254
  ...travel_tag_default.baseStyle(props),
14052
14255
  iconContainer: {
@@ -14093,7 +14296,7 @@ var init_info_tag = __esm({
14093
14296
  })
14094
14297
  }
14095
14298
  });
14096
- info_tag_default = config20;
14299
+ info_tag_default = config21;
14097
14300
  }
14098
14301
  });
14099
14302
 
@@ -14217,13 +14420,13 @@ var init_input_utils = __esm({
14217
14420
  });
14218
14421
  }
14219
14422
  });
14220
- var helpers14, config21, input_default;
14423
+ var helpers15, config22, input_default;
14221
14424
  var init_input2 = __esm({
14222
14425
  "src/theme/components/input.ts"() {
14223
14426
  init_dist4();
14224
14427
  init_input_utils();
14225
- helpers14 = react.createMultiStyleConfigHelpers(inputAnatomy.keys);
14226
- config21 = helpers14.defineMultiStyleConfig({
14428
+ helpers15 = react.createMultiStyleConfigHelpers(inputAnatomy.keys);
14429
+ config22 = helpers15.defineMultiStyleConfig({
14227
14430
  baseStyle: (props) => ({
14228
14431
  ...inputBaseStyle(props)
14229
14432
  }),
@@ -14243,15 +14446,15 @@ var init_input2 = __esm({
14243
14446
  variant: "base"
14244
14447
  }
14245
14448
  });
14246
- input_default = config21;
14449
+ input_default = config22;
14247
14450
  }
14248
14451
  });
14249
- var parts10, helpers15, config22, line_icon_default;
14452
+ var parts11, helpers16, config23, line_icon_default;
14250
14453
  var init_line_icon = __esm({
14251
14454
  "src/theme/components/line-icon.ts"() {
14252
- parts10 = themeTools.anatomy("line-tag").parts("iconContainer", "icon");
14253
- helpers15 = react.createMultiStyleConfigHelpers(parts10.keys);
14254
- config22 = helpers15.defineMultiStyleConfig({
14455
+ parts11 = themeTools.anatomy("line-tag").parts("iconContainer", "icon");
14456
+ helpers16 = react.createMultiStyleConfigHelpers(parts11.keys);
14457
+ config23 = helpers16.defineMultiStyleConfig({
14255
14458
  baseStyle: {
14256
14459
  iconContainer: {
14257
14460
  display: "flex",
@@ -14368,16 +14571,16 @@ var init_line_icon = __esm({
14368
14571
  size: "md"
14369
14572
  }
14370
14573
  });
14371
- line_icon_default = config22;
14574
+ line_icon_default = config23;
14372
14575
  }
14373
14576
  });
14374
- var config23, link_default;
14577
+ var config24, link_default;
14375
14578
  var init_link2 = __esm({
14376
14579
  "src/theme/components/link.ts"() {
14377
14580
  init_base_utils();
14378
14581
  init_brand_utils();
14379
14582
  init_focus_utils();
14380
- config23 = react.defineStyleConfig({
14583
+ config24 = react.defineStyleConfig({
14381
14584
  baseStyle: (props) => ({
14382
14585
  transitionProperty: "common",
14383
14586
  transitionDuration: "fast",
@@ -14445,7 +14648,7 @@ var init_link2 = __esm({
14445
14648
  variant: "primary"
14446
14649
  }
14447
14650
  });
14448
- link_default = config23;
14651
+ link_default = config24;
14449
14652
  }
14450
14653
  });
14451
14654
 
@@ -14497,7 +14700,7 @@ var init_outline_utils = __esm({
14497
14700
  "src/theme/utils/outline-utils.ts"() {
14498
14701
  }
14499
14702
  });
14500
- var parts11, helpers16, config24, listbox_default;
14703
+ var parts12, helpers17, config25, listbox_default;
14501
14704
  var init_listbox = __esm({
14502
14705
  "src/theme/components/listbox.ts"() {
14503
14706
  init_dist4();
@@ -14506,14 +14709,14 @@ var init_listbox = __esm({
14506
14709
  init_surface_utils();
14507
14710
  init_outline_utils();
14508
14711
  init_floating_utils();
14509
- parts11 = anatomy("ListBox").parts(
14712
+ parts12 = anatomy("ListBox").parts(
14510
14713
  "container",
14511
14714
  "item",
14512
14715
  "label",
14513
14716
  "description"
14514
14717
  );
14515
- helpers16 = react.createMultiStyleConfigHelpers(parts11.keys);
14516
- config24 = helpers16.defineMultiStyleConfig({
14718
+ helpers17 = react.createMultiStyleConfigHelpers(parts12.keys);
14719
+ config25 = helpers17.defineMultiStyleConfig({
14517
14720
  baseStyle: (props) => ({
14518
14721
  container: {
14519
14722
  ...surface("default", props),
@@ -14571,10 +14774,10 @@ var init_listbox = __esm({
14571
14774
  variant: "base"
14572
14775
  }
14573
14776
  });
14574
- listbox_default = config24;
14777
+ listbox_default = config25;
14575
14778
  }
14576
14779
  });
14577
- var parts12, helpers17, config25, media_controller_button_default;
14780
+ var parts13, helpers18, config26, media_controller_button_default;
14578
14781
  var init_media_controller_button = __esm({
14579
14782
  "src/theme/components/media-controller-button.ts"() {
14580
14783
  init_base_utils();
@@ -14582,9 +14785,9 @@ var init_media_controller_button = __esm({
14582
14785
  init_focus_utils();
14583
14786
  init_ghost_utils();
14584
14787
  init_surface_utils();
14585
- parts12 = themeTools.anatomy("media-controller-button").parts("container", "icon");
14586
- helpers17 = react.createMultiStyleConfigHelpers(parts12.keys);
14587
- config25 = helpers17.defineMultiStyleConfig({
14788
+ parts13 = themeTools.anatomy("media-controller-button").parts("container", "icon");
14789
+ helpers18 = react.createMultiStyleConfigHelpers(parts13.keys);
14790
+ config26 = helpers18.defineMultiStyleConfig({
14588
14791
  baseStyle: (props) => ({
14589
14792
  container: {
14590
14793
  fontSize: 30,
@@ -14667,7 +14870,7 @@ var init_media_controller_button = __esm({
14667
14870
  })
14668
14871
  }
14669
14872
  });
14670
- media_controller_button_default = config25;
14873
+ media_controller_button_default = config26;
14671
14874
  }
14672
14875
  });
14673
14876
  function getSize6(value) {
@@ -14687,14 +14890,14 @@ function getSize6(value) {
14687
14890
  dialog: { maxWidth: value }
14688
14891
  };
14689
14892
  }
14690
- var helpers18, config26, modal_default;
14893
+ var helpers19, config27, modal_default;
14691
14894
  var init_modal2 = __esm({
14692
14895
  "src/theme/components/modal.ts"() {
14693
14896
  init_dist4();
14694
14897
  init_base_utils();
14695
14898
  init_bg_utils();
14696
- helpers18 = react.createMultiStyleConfigHelpers(modalAnatomy.keys);
14697
- config26 = helpers18.defineMultiStyleConfig({
14899
+ helpers19 = react.createMultiStyleConfigHelpers(modalAnatomy.keys);
14900
+ config27 = helpers19.defineMultiStyleConfig({
14698
14901
  baseStyle: (props) => ({
14699
14902
  overlay: {
14700
14903
  backgroundColor: "blackAlpha.600",
@@ -14757,23 +14960,23 @@ var init_modal2 = __esm({
14757
14960
  size: "md"
14758
14961
  }
14759
14962
  });
14760
- modal_default = config26;
14963
+ modal_default = config27;
14761
14964
  }
14762
14965
  });
14763
- var parts13, helpers19, config27, numeric_stepper_default;
14966
+ var parts14, helpers20, config28, numeric_stepper_default;
14764
14967
  var init_numeric_stepper = __esm({
14765
14968
  "src/theme/components/numeric-stepper.ts"() {
14766
14969
  init_dist4();
14767
14970
  init_base_utils();
14768
14971
  init_focus_utils();
14769
- parts13 = anatomy("NumericStepper").parts(
14972
+ parts14 = anatomy("NumericStepper").parts(
14770
14973
  "container",
14771
14974
  "button",
14772
14975
  "text",
14773
14976
  "input"
14774
14977
  );
14775
- helpers19 = react.createMultiStyleConfigHelpers(parts13.keys);
14776
- config27 = helpers19.defineMultiStyleConfig({
14978
+ helpers20 = react.createMultiStyleConfigHelpers(parts14.keys);
14979
+ config28 = helpers20.defineMultiStyleConfig({
14777
14980
  baseStyle: (props) => ({
14778
14981
  container: {
14779
14982
  display: "flex",
@@ -14818,23 +15021,23 @@ var init_numeric_stepper = __esm({
14818
15021
  }
14819
15022
  })
14820
15023
  });
14821
- numeric_stepper_default = config27;
15024
+ numeric_stepper_default = config28;
14822
15025
  }
14823
15026
  });
14824
- var parts14, helpers20, config28, commonStyles, pagination_default;
15027
+ var parts15, helpers21, config29, commonStyles, pagination_default;
14825
15028
  var init_pagination2 = __esm({
14826
15029
  "src/theme/components/pagination.ts"() {
14827
15030
  init_ghost_utils();
14828
15031
  init_base_utils();
14829
- parts14 = themeTools.anatomy("Pagination").parts(
15032
+ parts15 = themeTools.anatomy("Pagination").parts(
14830
15033
  "listItem",
14831
15034
  "link",
14832
15035
  "activeButton",
14833
15036
  "disabled",
14834
15037
  "icon"
14835
15038
  );
14836
- helpers20 = react.createMultiStyleConfigHelpers(parts14.keys);
14837
- config28 = helpers20.defineMultiStyleConfig({
15039
+ helpers21 = react.createMultiStyleConfigHelpers(parts15.keys);
15040
+ config29 = helpers21.defineMultiStyleConfig({
14838
15041
  baseStyle: (props) => ({
14839
15042
  activeButton: {
14840
15043
  fontWeight: "bold",
@@ -14890,10 +15093,10 @@ var init_pagination2 = __esm({
14890
15093
  borderRadius: 50,
14891
15094
  fontSize: "xs"
14892
15095
  };
14893
- pagination_default = config28;
15096
+ pagination_default = config29;
14894
15097
  }
14895
15098
  });
14896
- var $popperBg2, $arrowBg3, $arrowShadowColor2, helpers21, config29, popover_default;
15099
+ var $popperBg2, $arrowBg3, $arrowShadowColor2, helpers22, config30, popover_default;
14897
15100
  var init_popover = __esm({
14898
15101
  "src/theme/components/popover.ts"() {
14899
15102
  init_dist4();
@@ -14901,8 +15104,8 @@ var init_popover = __esm({
14901
15104
  $popperBg2 = themeTools.cssVar("popper-bg");
14902
15105
  $arrowBg3 = themeTools.cssVar("popper-arrow-bg");
14903
15106
  $arrowShadowColor2 = themeTools.cssVar("popper-arrow-shadow-color");
14904
- helpers21 = react.createMultiStyleConfigHelpers(popoverAnatomy.keys);
14905
- config29 = helpers21.defineMultiStyleConfig({
15107
+ helpers22 = react.createMultiStyleConfigHelpers(popoverAnatomy.keys);
15108
+ config30 = helpers22.defineMultiStyleConfig({
14906
15109
  baseStyle: (props) => ({
14907
15110
  popper: {
14908
15111
  zIndex: "popover"
@@ -14957,22 +15160,22 @@ var init_popover = __esm({
14957
15160
  }
14958
15161
  }
14959
15162
  });
14960
- popover_default = config29;
15163
+ popover_default = config30;
14961
15164
  }
14962
15165
  });
14963
- var parts15, helpers22, config30, progress_bar_default;
15166
+ var parts16, helpers23, config31, progress_bar_default;
14964
15167
  var init_progress_bar = __esm({
14965
15168
  "src/theme/components/progress-bar.ts"() {
14966
15169
  init_dist4();
14967
15170
  init_dist3();
14968
- parts15 = anatomy("progressBar").parts(
15171
+ parts16 = anatomy("progressBar").parts(
14969
15172
  "container",
14970
15173
  "background",
14971
15174
  "progress",
14972
15175
  "description"
14973
15176
  );
14974
- helpers22 = createMultiStyleConfigHelpers(parts15.keys);
14975
- config30 = helpers22.defineMultiStyleConfig({
15177
+ helpers23 = createMultiStyleConfigHelpers(parts16.keys);
15178
+ config31 = helpers23.defineMultiStyleConfig({
14976
15179
  baseStyle: (props) => ({
14977
15180
  container: {
14978
15181
  minWidth: "100px"
@@ -15004,19 +15207,19 @@ var init_progress_bar = __esm({
15004
15207
  }
15005
15208
  })
15006
15209
  });
15007
- progress_bar_default = config30;
15210
+ progress_bar_default = config31;
15008
15211
  }
15009
15212
  });
15010
- var parts16, helpers23, config31, progress_indicator_default;
15213
+ var parts17, helpers24, config32, progress_indicator_default;
15011
15214
  var init_progress_indicator2 = __esm({
15012
15215
  "src/theme/components/progress-indicator.ts"() {
15013
- parts16 = themeTools.anatomy("progress-indicator").parts(
15216
+ parts17 = themeTools.anatomy("progress-indicator").parts(
15014
15217
  "root",
15015
15218
  "container",
15016
15219
  "progressDot"
15017
15220
  );
15018
- helpers23 = react.createMultiStyleConfigHelpers(parts16.keys);
15019
- config31 = helpers23.defineMultiStyleConfig({
15221
+ helpers24 = react.createMultiStyleConfigHelpers(parts17.keys);
15222
+ config32 = helpers24.defineMultiStyleConfig({
15020
15223
  baseStyle: (props) => ({
15021
15224
  root: {
15022
15225
  width: "100%"
@@ -15047,24 +15250,24 @@ var init_progress_indicator2 = __esm({
15047
15250
  variant: "base"
15048
15251
  }
15049
15252
  });
15050
- progress_indicator_default = config31;
15253
+ progress_indicator_default = config32;
15051
15254
  }
15052
15255
  });
15053
- var parts17, helpers24, config32, radio_card_default;
15256
+ var parts18, helpers25, config33, radio_card_default;
15054
15257
  var init_radio_card = __esm({
15055
15258
  "src/theme/components/radio-card.ts"() {
15056
15259
  init_base_utils();
15057
15260
  init_floating_utils();
15058
15261
  init_outline_utils();
15059
- parts17 = themeTools.anatomy("radio-card").parts(
15262
+ parts18 = themeTools.anatomy("radio-card").parts(
15060
15263
  "container",
15061
15264
  "checked",
15062
15265
  "radioInput",
15063
15266
  "focused",
15064
15267
  "focusedChecked"
15065
15268
  );
15066
- helpers24 = react.createMultiStyleConfigHelpers(parts17.keys);
15067
- config32 = helpers24.defineMultiStyleConfig({
15269
+ helpers25 = react.createMultiStyleConfigHelpers(parts18.keys);
15270
+ config33 = helpers25.defineMultiStyleConfig({
15068
15271
  baseStyle: (props) => ({
15069
15272
  container: {
15070
15273
  overflow: "hidden",
@@ -15180,18 +15383,18 @@ var init_radio_card = __esm({
15180
15383
  })
15181
15384
  }
15182
15385
  });
15183
- radio_card_default = config32;
15386
+ radio_card_default = config33;
15184
15387
  }
15185
15388
  });
15186
- var helpers25, config33, radio_default;
15389
+ var helpers26, config34, radio_default;
15187
15390
  var init_radio = __esm({
15188
15391
  "src/theme/components/radio.ts"() {
15189
15392
  init_dist4();
15190
15393
  init_base_utils();
15191
15394
  init_brand_utils();
15192
15395
  init_focus_utils();
15193
- helpers25 = react.createMultiStyleConfigHelpers(radioAnatomy.keys);
15194
- config33 = helpers25.defineMultiStyleConfig({
15396
+ helpers26 = react.createMultiStyleConfigHelpers(radioAnatomy.keys);
15397
+ config34 = helpers26.defineMultiStyleConfig({
15195
15398
  baseStyle: (props) => ({
15196
15399
  container: {
15197
15400
  _hover: {
@@ -15247,18 +15450,18 @@ var init_radio = __esm({
15247
15450
  }
15248
15451
  })
15249
15452
  });
15250
- radio_default = config33;
15453
+ radio_default = config34;
15251
15454
  }
15252
15455
  });
15253
- var parts18, helpers26, config34, select_default;
15456
+ var parts19, helpers27, config35, select_default;
15254
15457
  var init_select = __esm({
15255
15458
  "src/theme/components/select.ts"() {
15256
15459
  init_dist4();
15257
15460
  init_base_utils();
15258
15461
  init_input_utils();
15259
- parts18 = selectAnatomy.extend("root");
15260
- helpers26 = react.createMultiStyleConfigHelpers(parts18.keys);
15261
- config34 = helpers26.defineMultiStyleConfig({
15462
+ parts19 = selectAnatomy.extend("root");
15463
+ helpers27 = react.createMultiStyleConfigHelpers(parts19.keys);
15464
+ config35 = helpers27.defineMultiStyleConfig({
15262
15465
  baseStyle: (props) => ({
15263
15466
  root: {
15264
15467
  width: "100%",
@@ -15312,7 +15515,7 @@ var init_select = __esm({
15312
15515
  variant: "base"
15313
15516
  }
15314
15517
  });
15315
- select_default = config34;
15518
+ select_default = config35;
15316
15519
  }
15317
15520
  });
15318
15521
 
@@ -15328,7 +15531,7 @@ var init_dist7 = __esm({
15328
15531
  init_dist3();
15329
15532
  }
15330
15533
  });
15331
- var fade, $startColor2, $endColor2, config35, skeleton_default;
15534
+ var fade, $startColor2, $endColor2, config36, skeleton_default;
15332
15535
  var init_skeleton = __esm({
15333
15536
  "src/theme/components/skeleton.ts"() {
15334
15537
  init_dist7();
@@ -15338,7 +15541,7 @@ var init_skeleton = __esm({
15338
15541
  });
15339
15542
  $startColor2 = themeTools.cssVar("skeleton-start-color");
15340
15543
  $endColor2 = themeTools.cssVar("skeleton-end-color");
15341
- config35 = react.defineStyleConfig({
15544
+ config36 = react.defineStyleConfig({
15342
15545
  baseStyle: (props) => {
15343
15546
  const defaultStartColor = themeTools.mode("blackAlpha.300", "whiteAlpha.300")(props);
15344
15547
  const defaultEndColor = themeTools.mode("blackAlpha.100", "whiteAlpha.100")(props);
@@ -15361,16 +15564,16 @@ var init_skeleton = __esm({
15361
15564
  };
15362
15565
  }
15363
15566
  });
15364
- skeleton_default = config35;
15567
+ skeleton_default = config36;
15365
15568
  }
15366
15569
  });
15367
- var parts19, helpers27, config36, stepper_default;
15570
+ var parts20, helpers28, config37, stepper_default;
15368
15571
  var init_stepper2 = __esm({
15369
15572
  "src/theme/components/stepper.ts"() {
15370
15573
  init_base_utils();
15371
15574
  init_brand_utils();
15372
15575
  init_accent_utils();
15373
- parts19 = themeTools.anatomy("stepper").parts(
15576
+ parts20 = themeTools.anatomy("stepper").parts(
15374
15577
  "root",
15375
15578
  "container",
15376
15579
  "innerContainer",
@@ -15382,8 +15585,8 @@ var init_stepper2 = __esm({
15382
15585
  "stepTitle",
15383
15586
  "closeButton"
15384
15587
  );
15385
- helpers27 = react.createMultiStyleConfigHelpers(parts19.keys);
15386
- config36 = helpers27.defineMultiStyleConfig({
15588
+ helpers28 = react.createMultiStyleConfigHelpers(parts20.keys);
15589
+ config37 = helpers28.defineMultiStyleConfig({
15387
15590
  baseStyle: {
15388
15591
  root: {
15389
15592
  display: "flex",
@@ -15452,10 +15655,10 @@ var init_stepper2 = __esm({
15452
15655
  variant: "base"
15453
15656
  }
15454
15657
  });
15455
- stepper_default = config36;
15658
+ stepper_default = config37;
15456
15659
  }
15457
15660
  });
15458
- var $width2, $height3, $diff2, diffValue2, $translateX2, helpers28, config37, switch_default;
15661
+ var $width2, $height3, $diff2, diffValue2, $translateX2, helpers29, config38, switch_default;
15459
15662
  var init_switch = __esm({
15460
15663
  "src/theme/components/switch.ts"() {
15461
15664
  init_dist4();
@@ -15467,8 +15670,8 @@ var init_switch = __esm({
15467
15670
  $diff2 = themeTools.cssVar("switch-track-diff");
15468
15671
  diffValue2 = themeTools.calc.subtract($width2, $height3);
15469
15672
  $translateX2 = themeTools.cssVar("switch-thumb-x");
15470
- helpers28 = react.createMultiStyleConfigHelpers(switchAnatomy.keys);
15471
- config37 = helpers28.defineMultiStyleConfig({
15673
+ helpers29 = react.createMultiStyleConfigHelpers(switchAnatomy.keys);
15674
+ config38 = helpers29.defineMultiStyleConfig({
15472
15675
  baseStyle: (props) => ({
15473
15676
  container: {
15474
15677
  [$diff2.variable]: diffValue2,
@@ -15561,21 +15764,21 @@ var init_switch = __esm({
15561
15764
  size: "md"
15562
15765
  }
15563
15766
  });
15564
- switch_default = config37;
15767
+ switch_default = config38;
15565
15768
  }
15566
15769
  });
15567
- var helpers29, numericStyles2, config38, table_default;
15770
+ var helpers30, numericStyles2, config39, table_default;
15568
15771
  var init_table2 = __esm({
15569
15772
  "src/theme/components/table.ts"() {
15570
15773
  init_dist4();
15571
15774
  init_base_utils();
15572
- helpers29 = react.createMultiStyleConfigHelpers(tableAnatomy.keys);
15775
+ helpers30 = react.createMultiStyleConfigHelpers(tableAnatomy.keys);
15573
15776
  numericStyles2 = {
15574
15777
  "&[data-is-numeric=true]": {
15575
15778
  textAlign: "end"
15576
15779
  }
15577
15780
  };
15578
- config38 = helpers29.defineMultiStyleConfig({
15781
+ config39 = helpers30.defineMultiStyleConfig({
15579
15782
  baseStyle: (props) => ({
15580
15783
  table: {
15581
15784
  borderCollapse: "collapse",
@@ -15721,10 +15924,10 @@ var init_table2 = __esm({
15721
15924
  colorScheme: "grey"
15722
15925
  }
15723
15926
  });
15724
- table_default = config38;
15927
+ table_default = config39;
15725
15928
  }
15726
15929
  });
15727
- var helpers30, config39, tabs_default;
15930
+ var helpers31, config40, tabs_default;
15728
15931
  var init_tabs = __esm({
15729
15932
  "src/theme/components/tabs.ts"() {
15730
15933
  init_dist4();
@@ -15732,8 +15935,8 @@ var init_tabs = __esm({
15732
15935
  init_base_utils();
15733
15936
  init_brand_utils();
15734
15937
  init_focus_utils();
15735
- helpers30 = react.createMultiStyleConfigHelpers(tabsAnatomy.keys);
15736
- config39 = helpers30.defineMultiStyleConfig({
15938
+ helpers31 = react.createMultiStyleConfigHelpers(tabsAnatomy.keys);
15939
+ config40 = helpers31.defineMultiStyleConfig({
15737
15940
  baseStyle: (props) => ({
15738
15941
  root: {
15739
15942
  display: "flex",
@@ -15856,14 +16059,14 @@ var init_tabs = __esm({
15856
16059
  variant: "base"
15857
16060
  }
15858
16061
  });
15859
- tabs_default = config39;
16062
+ tabs_default = config40;
15860
16063
  }
15861
16064
  });
15862
- var config40, textarea_default;
16065
+ var config41, textarea_default;
15863
16066
  var init_textarea = __esm({
15864
16067
  "src/theme/components/textarea.ts"() {
15865
16068
  init_input_utils();
15866
- config40 = react.defineStyleConfig({
16069
+ config41 = react.defineStyleConfig({
15867
16070
  baseStyle: (props) => ({
15868
16071
  ...inputBaseStyle(props).field,
15869
16072
  minHeight: "5rem",
@@ -15891,13 +16094,13 @@ var init_textarea = __esm({
15891
16094
  variant: "base"
15892
16095
  }
15893
16096
  });
15894
- textarea_default = config40;
16097
+ textarea_default = config41;
15895
16098
  }
15896
16099
  });
15897
- var config41, toast_default;
16100
+ var config42, toast_default;
15898
16101
  var init_toast = __esm({
15899
16102
  "src/theme/components/toast.ts"() {
15900
- config41 = react.defineStyleConfig({
16103
+ config42 = react.defineStyleConfig({
15901
16104
  baseStyle: {
15902
16105
  display: "flex",
15903
16106
  alignItems: "center",
@@ -15921,16 +16124,16 @@ var init_toast = __esm({
15921
16124
  }
15922
16125
  }
15923
16126
  });
15924
- toast_default = config41;
16127
+ toast_default = config42;
15925
16128
  }
15926
16129
  });
15927
- var config42, static_card_default, getColorSchemeBaseProps;
16130
+ var config43, static_card_default, getColorSchemeBaseProps;
15928
16131
  var init_static_card = __esm({
15929
16132
  "src/theme/components/static-card.ts"() {
15930
16133
  init_foundations();
15931
16134
  init_focus_utils();
15932
16135
  init_floating_utils();
15933
- config42 = react.defineStyleConfig({
16136
+ config43 = react.defineStyleConfig({
15934
16137
  baseStyle: (props) => ({
15935
16138
  appearance: "none",
15936
16139
  border: "none",
@@ -15943,7 +16146,7 @@ var init_static_card = __esm({
15943
16146
  ...getColorSchemeBaseProps(props)
15944
16147
  })
15945
16148
  });
15946
- static_card_default = config42;
16149
+ static_card_default = config43;
15947
16150
  getColorSchemeBaseProps = (props) => {
15948
16151
  var _a6;
15949
16152
  switch (props.colorScheme) {
@@ -15991,14 +16194,14 @@ var init_static_card = __esm({
15991
16194
  };
15992
16195
  }
15993
16196
  });
15994
- var config43, pressable_card_default;
16197
+ var config44, pressable_card_default;
15995
16198
  var init_pressable_card = __esm({
15996
16199
  "src/theme/components/pressable-card.ts"() {
15997
16200
  init_base_utils();
15998
16201
  init_floating_utils();
15999
16202
  init_focus_utils();
16000
16203
  init_accent_utils();
16001
- config43 = react.defineStyleConfig({
16204
+ config44 = react.defineStyleConfig({
16002
16205
  baseStyle: (props) => ({
16003
16206
  appearance: "none",
16004
16207
  border: "none",
@@ -16062,7 +16265,7 @@ var init_pressable_card = __esm({
16062
16265
  })
16063
16266
  }
16064
16267
  });
16065
- pressable_card_default = config43;
16268
+ pressable_card_default = config44;
16066
16269
  }
16067
16270
  });
16068
16271
 
@@ -16072,6 +16275,7 @@ __export(components_exports, {
16072
16275
  Accordion: () => accordion_default,
16073
16276
  Alert: () => alert_default,
16074
16277
  AlertExpandable: () => alert_expandable_default,
16278
+ AlertService: () => alert_service_default,
16075
16279
  Badge: () => badge_default,
16076
16280
  Breadcrumb: () => breadcrumb_default,
16077
16281
  Button: () => button_default,
@@ -16119,6 +16323,7 @@ var init_components = __esm({
16119
16323
  init_accordion2();
16120
16324
  init_alert2();
16121
16325
  init_alert_expandable();
16326
+ init_alert_service();
16122
16327
  init_badge();
16123
16328
  init_breadcrumb2();
16124
16329
  init_button2();
@@ -16276,22 +16481,22 @@ var init_theme = __esm({
16276
16481
  };
16277
16482
  }
16278
16483
  });
16279
- var BaseToast, ToastIcon, getIcon3, texts28;
16484
+ var BaseToast, ToastIcon, getIcon3, texts29;
16280
16485
  var init_BaseToast = __esm({
16281
16486
  "src/toast/BaseToast.tsx"() {
16282
16487
  init_src();
16283
16488
  BaseToast = ({ children, variant, id }) => {
16284
16489
  const styles3 = react.useStyleConfig("Toast", { variant });
16285
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { sx: styles3, id }, /* @__PURE__ */ React85__namespace.default.createElement(ToastIcon, { variant }), children);
16490
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { sx: styles3, id }, /* @__PURE__ */ React86__namespace.default.createElement(ToastIcon, { variant }), children);
16286
16491
  };
16287
16492
  ToastIcon = ({ variant }) => {
16288
16493
  const Icon = getIcon3(variant);
16289
16494
  const { t: t2 } = useTranslation();
16290
- return /* @__PURE__ */ React85__namespace.default.createElement(
16495
+ return /* @__PURE__ */ React86__namespace.default.createElement(
16291
16496
  Icon,
16292
16497
  {
16293
16498
  flexShrink: 0,
16294
- "aria-label": t2(texts28[variant]),
16499
+ "aria-label": t2(texts29[variant]),
16295
16500
  marginRight: 1,
16296
16501
  marginY: 1.5,
16297
16502
  color: "darkGrey"
@@ -16308,7 +16513,7 @@ var init_BaseToast = __esm({
16308
16513
  return sporIconReact.ErrorOutline24Icon;
16309
16514
  }
16310
16515
  };
16311
- texts28 = createTexts({
16516
+ texts29 = createTexts({
16312
16517
  info: {
16313
16518
  nb: "Informasjon",
16314
16519
  nn: "Informasjon",
@@ -16342,11 +16547,11 @@ var init_ActionToast = __esm({
16342
16547
  buttonText,
16343
16548
  id
16344
16549
  }) => {
16345
- return /* @__PURE__ */ React85__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React85__namespace.default.createElement(exports.Button, { variant: "tertiary", size: "sm", onClick }, buttonText));
16550
+ return /* @__PURE__ */ React86__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React86__namespace.default.createElement(exports.Button, { variant: "tertiary", size: "sm", onClick }, buttonText));
16346
16551
  };
16347
16552
  }
16348
16553
  });
16349
- var ClosableToast, texts29;
16554
+ var ClosableToast, texts30;
16350
16555
  var init_ClosableToast = __esm({
16351
16556
  "src/toast/ClosableToast.tsx"() {
16352
16557
  init_src();
@@ -16359,18 +16564,18 @@ var init_ClosableToast = __esm({
16359
16564
  }) => {
16360
16565
  const styles3 = react.useMultiStyleConfig("Toast", { variant });
16361
16566
  const { t: t2 } = useTranslation();
16362
- return /* @__PURE__ */ React85__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { flexGrow: "1" }, children), /* @__PURE__ */ React85__namespace.default.createElement(
16567
+ return /* @__PURE__ */ React86__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { flexGrow: "1" }, children), /* @__PURE__ */ React86__namespace.default.createElement(
16363
16568
  exports.IconButton,
16364
16569
  {
16365
16570
  sx: styles3.dismissButton,
16366
16571
  variant: "ghost",
16367
- "aria-label": t2(texts29.dismiss),
16368
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
16572
+ "aria-label": t2(texts30.dismiss),
16573
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
16369
16574
  onClick: onClose
16370
16575
  }
16371
16576
  ));
16372
16577
  };
16373
- texts29 = createTexts({
16578
+ texts30 = createTexts({
16374
16579
  dismiss: {
16375
16580
  nb: "Lukk",
16376
16581
  nn: "Lukk",
@@ -16388,7 +16593,7 @@ var init_useToast = __esm({
16388
16593
  init_ClosableToast();
16389
16594
  exports.useToast = () => {
16390
16595
  const toast = react.useToast();
16391
- const wrappedToast = React85.useCallback((opts) => {
16596
+ const wrappedToast = React86.useCallback((opts) => {
16392
16597
  const Toast = getToastComponent(opts);
16393
16598
  toast({
16394
16599
  ...opts,
@@ -16399,7 +16604,7 @@ var init_useToast = __esm({
16399
16604
  };
16400
16605
  getToastComponent = (opts) => {
16401
16606
  if ("isClosable" in opts && opts.isClosable) {
16402
- return ({ onClose, id }) => /* @__PURE__ */ React85__namespace.default.createElement(
16607
+ return ({ onClose, id }) => /* @__PURE__ */ React86__namespace.default.createElement(
16403
16608
  ClosableToast,
16404
16609
  {
16405
16610
  id,
@@ -16415,7 +16620,7 @@ var init_useToast = __esm({
16415
16620
  );
16416
16621
  }
16417
16622
  if ("buttonText" in opts) {
16418
- return ({ id }) => /* @__PURE__ */ React85__namespace.default.createElement(
16623
+ return ({ id }) => /* @__PURE__ */ React86__namespace.default.createElement(
16419
16624
  ActionToast,
16420
16625
  {
16421
16626
  id,
@@ -16426,7 +16631,7 @@ var init_useToast = __esm({
16426
16631
  opts.text
16427
16632
  );
16428
16633
  }
16429
- return ({ id }) => /* @__PURE__ */ React85__namespace.default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
16634
+ return ({ id }) => /* @__PURE__ */ React86__namespace.default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
16430
16635
  };
16431
16636
  }
16432
16637
  });
@@ -16451,7 +16656,7 @@ var init_Tooltip = __esm({
16451
16656
  withCloseButton = false,
16452
16657
  ...props
16453
16658
  }) => {
16454
- return /* @__PURE__ */ React85__namespace.default.createElement(
16659
+ return /* @__PURE__ */ React86__namespace.default.createElement(
16455
16660
  react.Popover,
16456
16661
  {
16457
16662
  onClose,
@@ -16463,8 +16668,8 @@ var init_Tooltip = __esm({
16463
16668
  arrowShadowColor: "none",
16464
16669
  ...props
16465
16670
  },
16466
- /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverTrigger, null, children),
16467
- /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverContent, null, /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverArrow, null), withCloseButton && /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverBody, null, content))
16671
+ /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverTrigger, null, children),
16672
+ /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverContent, null, /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverArrow, null), withCloseButton && /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverBody, null, content))
16468
16673
  );
16469
16674
  };
16470
16675
  }
@@ -16537,8 +16742,8 @@ function useSizes({
16537
16742
  getNodes,
16538
16743
  observeMutation = true
16539
16744
  }) {
16540
- const [sizes26, setSizes] = React85.useState([]);
16541
- const [count, setCount] = React85.useState(0);
16745
+ const [sizes26, setSizes] = React86.useState([]);
16746
+ const [count, setCount] = React86.useState(0);
16542
16747
  useSafeLayoutEffect(() => {
16543
16748
  const elements = getNodes();
16544
16749
  const cleanups = elements.map(
@@ -16586,7 +16791,7 @@ var init_dist9 = __esm({
16586
16791
  "../../node_modules/@chakra-ui/react-use-size/dist/index.mjs"() {
16587
16792
  "use client";
16588
16793
  init_dist8();
16589
- useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React85.useLayoutEffect : React85.useEffect;
16794
+ useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React86.useLayoutEffect : React86.useEffect;
16590
16795
  }
16591
16796
  });
16592
16797
  var init_externals = __esm({