@vygruppen/spor-react 10.4.1 → 10.5.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;
@@ -1979,10 +1980,10 @@ var init_PhoneNumberInput = __esm({
1979
1980
  nationalNumber: ""
1980
1981
  }
1981
1982
  });
1982
- return /* @__PURE__ */ React85__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React85__namespace.default.createElement(
1983
- React85.Suspense,
1983
+ return /* @__PURE__ */ React86__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React86__namespace.default.createElement(
1984
+ React86.Suspense,
1984
1985
  {
1985
- fallback: /* @__PURE__ */ React85__namespace.default.createElement(
1986
+ fallback: /* @__PURE__ */ React86__namespace.default.createElement(
1986
1987
  InfoSelect,
1987
1988
  {
1988
1989
  isLabelSrOnly: true,
@@ -1992,10 +1993,10 @@ var init_PhoneNumberInput = __esm({
1992
1993
  value: "+47",
1993
1994
  variant
1994
1995
  },
1995
- /* @__PURE__ */ React85__namespace.default.createElement(reactStately.Item, { key: "+47" }, "+47")
1996
+ /* @__PURE__ */ React86__namespace.default.createElement(reactStately.Item, { key: "+47" }, "+47")
1996
1997
  )
1997
1998
  },
1998
- /* @__PURE__ */ React85__namespace.default.createElement(
1999
+ /* @__PURE__ */ React86__namespace.default.createElement(
1999
2000
  LazyCountryCodeSelect,
2000
2001
  {
2001
2002
  value: value.countryCode,
@@ -2009,7 +2010,7 @@ var init_PhoneNumberInput = __esm({
2009
2010
  variant
2010
2011
  }
2011
2012
  )
2012
- ), /* @__PURE__ */ React85__namespace.default.createElement(
2013
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
2013
2014
  exports.Input,
2014
2015
  {
2015
2016
  ref,
@@ -2045,14 +2046,14 @@ var init_PhoneNumberInput = __esm({
2045
2046
  sv: "Landskod"
2046
2047
  }
2047
2048
  });
2048
- LazyCountryCodeSelect = React85__namespace.default.lazy(() => Promise.resolve().then(() => (init_CountryCodeSelect(), CountryCodeSelect_exports)));
2049
+ LazyCountryCodeSelect = React86__namespace.default.lazy(() => Promise.resolve().then(() => (init_CountryCodeSelect(), CountryCodeSelect_exports)));
2049
2050
  }
2050
2051
  });
2051
2052
  exports.Radio = void 0;
2052
2053
  var init_Radio = __esm({
2053
2054
  "src/input/Radio.tsx"() {
2054
2055
  exports.Radio = react.forwardRef((props, ref) => {
2055
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Radio, { ...props, ref });
2056
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Radio, { ...props, ref });
2056
2057
  });
2057
2058
  }
2058
2059
  });
@@ -2061,7 +2062,7 @@ var init_RadioGroup = __esm({
2061
2062
  "src/input/RadioGroup.tsx"() {
2062
2063
  exports.RadioGroup = react.forwardRef(
2063
2064
  ({ 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));
2065
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.RadioGroup, { ...rest, ref }, /* @__PURE__ */ React86__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
2065
2066
  }
2066
2067
  );
2067
2068
  }
@@ -2076,9 +2077,9 @@ var init_SearchInput = __esm({
2076
2077
  const { t: t2 } = useTranslation();
2077
2078
  const showClearButton = onReset && Boolean(props.value);
2078
2079
  const formControlProps = react.useFormControlContext();
2079
- const autoGeneratedId = React85.useId();
2080
+ const autoGeneratedId = React86.useId();
2080
2081
  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(
2082
+ 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
2083
  react.Input,
2083
2084
  {
2084
2085
  paddingLeft: 7,
@@ -2095,7 +2096,7 @@ var init_SearchInput = __esm({
2095
2096
  placeholder: " ",
2096
2097
  "data-attachable": true
2097
2098
  }
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(
2099
+ ), /* @__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
2100
  react.IconButton,
2100
2101
  {
2101
2102
  variant: "ghost",
@@ -2103,7 +2104,7 @@ var init_SearchInput = __esm({
2103
2104
  size: "sm",
2104
2105
  marginRight: 1,
2105
2106
  "aria-label": t2(texts6.reset),
2106
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
2107
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
2107
2108
  onClick: onReset
2108
2109
  }
2109
2110
  )));
@@ -2130,7 +2131,7 @@ var init_Switch = __esm({
2130
2131
  "src/input/Switch.tsx"() {
2131
2132
  exports.Switch = react.forwardRef(
2132
2133
  ({ size: size2 = "md", as = "div", ...props }, ref) => {
2133
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Switch, { as, size: size2, ...props, ref });
2134
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Switch, { as, size: size2, ...props, ref });
2134
2135
  }
2135
2136
  );
2136
2137
  }
@@ -2202,9 +2203,9 @@ var init_Textarea = __esm({
2202
2203
  remainingProps: { label, ...rest }
2203
2204
  } = getSpacingProps(props);
2204
2205
  const formControlProps = react.useFormControlContext();
2205
- const fallbackId = `textarea-${React85.useId()}`;
2206
+ const fallbackId = `textarea-${React86.useId()}`;
2206
2207
  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));
2208
+ 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
2209
  });
2209
2210
  }
2210
2211
  });
@@ -2238,7 +2239,7 @@ exports.RadioCardGroupContext = void 0; exports.RadioCardGroup = void 0;
2238
2239
  var init_RadioCardGroup = __esm({
2239
2240
  "src/layout/RadioCardGroup.tsx"() {
2240
2241
  init_input();
2241
- exports.RadioCardGroupContext = React85__namespace.default.createContext(null);
2242
+ exports.RadioCardGroupContext = React86__namespace.default.createContext(null);
2242
2243
  exports.RadioCardGroup = ({
2243
2244
  children,
2244
2245
  name,
@@ -2249,14 +2250,14 @@ var init_RadioCardGroup = __esm({
2249
2250
  onChange,
2250
2251
  ...props
2251
2252
  }) => {
2252
- const [selectedValue, setSelectedValue] = React85.useState(
2253
+ const [selectedValue, setSelectedValue] = React86.useState(
2253
2254
  defaultValue || ""
2254
2255
  );
2255
2256
  const handleChange = (value) => {
2256
2257
  setSelectedValue(value);
2257
2258
  onChange && onChange(value);
2258
2259
  };
2259
- return /* @__PURE__ */ React85__namespace.default.createElement(
2260
+ return /* @__PURE__ */ React86__namespace.default.createElement(
2260
2261
  exports.RadioCardGroupContext.Provider,
2261
2262
  {
2262
2263
  value: {
@@ -2267,7 +2268,7 @@ var init_RadioCardGroup = __esm({
2267
2268
  defaultValue: defaultValue || ""
2268
2269
  }
2269
2270
  },
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)
2271
+ /* @__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
2272
  );
2272
2273
  };
2273
2274
  }
@@ -2278,7 +2279,7 @@ var init_RadioCard = __esm({
2278
2279
  init_RadioCardGroup();
2279
2280
  exports.RadioCard = react.forwardRef(
2280
2281
  ({ children, value, isDisabled, ...props }, ref) => {
2281
- const context = React85.useContext(exports.RadioCardGroupContext);
2282
+ const context = React86.useContext(exports.RadioCardGroupContext);
2282
2283
  if (!context) {
2283
2284
  throw new Error(
2284
2285
  "RadioCard components must be wrapped in a RadioCardGroup component"
@@ -2286,10 +2287,10 @@ var init_RadioCard = __esm({
2286
2287
  }
2287
2288
  const { name, selectedValue, onChange, variant } = context;
2288
2289
  const styles3 = react.useMultiStyleConfig("RadioCard", { variant });
2289
- const [isKeyboardUser, setKeyboardUser] = React85.useState(false);
2290
- const [isFocused, setFocus] = React85.useState(false);
2290
+ const [isKeyboardUser, setKeyboardUser] = React86.useState(false);
2291
+ const [isFocused, setFocus] = React86.useState(false);
2291
2292
  const isChecked = selectedValue === value;
2292
- React85.useEffect(() => {
2293
+ React86.useEffect(() => {
2293
2294
  const handleMouseDown = () => setKeyboardUser(false);
2294
2295
  const handleKeyDown = (event) => {
2295
2296
  if (event.key === " ") {
@@ -2305,21 +2306,21 @@ var init_RadioCard = __esm({
2305
2306
  window.removeEventListener("keydown", handleKeyDown);
2306
2307
  };
2307
2308
  }, []);
2308
- React85.useEffect(() => {
2309
+ React86.useEffect(() => {
2309
2310
  if (isKeyboardUser && isChecked) {
2310
2311
  setFocus(true);
2311
2312
  } else {
2312
2313
  setFocus(false);
2313
2314
  }
2314
2315
  }, [isKeyboardUser, isChecked]);
2315
- const inputId = `radio-card-${React85.useId()}`;
2316
- return /* @__PURE__ */ React85__namespace.default.createElement(
2316
+ const inputId = `radio-card-${React86.useId()}`;
2317
+ return /* @__PURE__ */ React86__namespace.default.createElement(
2317
2318
  react.Box,
2318
2319
  {
2319
2320
  onFocus: () => isKeyboardUser && setFocus(true),
2320
2321
  onBlur: () => setFocus(false)
2321
2322
  },
2322
- /* @__PURE__ */ React85__namespace.default.createElement(
2323
+ /* @__PURE__ */ React86__namespace.default.createElement(
2323
2324
  react.chakra.input,
2324
2325
  {
2325
2326
  type: "radio",
@@ -2332,7 +2333,7 @@ var init_RadioCard = __esm({
2332
2333
  __css: styles3.radioInput
2333
2334
  }
2334
2335
  ),
2335
- /* @__PURE__ */ React85__namespace.default.createElement(
2336
+ /* @__PURE__ */ React86__namespace.default.createElement(
2336
2337
  react.Box,
2337
2338
  {
2338
2339
  as: "label",
@@ -2364,7 +2365,7 @@ var init_StaticCard = __esm({
2364
2365
  const styles3 = react.useStyleConfig("StaticCard", {
2365
2366
  colorScheme
2366
2367
  });
2367
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
2368
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
2368
2369
  }
2369
2370
  );
2370
2371
  }
@@ -2377,7 +2378,7 @@ var init_PressableCard = __esm({
2377
2378
  const styles3 = react.useStyleConfig("PressableCard", {
2378
2379
  variant
2379
2380
  });
2380
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
2381
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
2381
2382
  }
2382
2383
  );
2383
2384
  }
@@ -2399,14 +2400,14 @@ var init_Accordion = __esm({
2399
2400
  exports.Accordion = react.forwardRef(
2400
2401
  ({ children, spacing: spacing3 = 2, ...props }, ref) => {
2401
2402
  const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
2402
- return /* @__PURE__ */ React85__namespace.default.createElement(
2403
+ return /* @__PURE__ */ React86__namespace.default.createElement(
2403
2404
  react.Accordion,
2404
2405
  {
2405
2406
  ...props,
2406
2407
  ref,
2407
2408
  defaultIndex
2408
2409
  },
2409
- /* @__PURE__ */ React85__namespace.default.createElement(exports.Stack, { spacing: spacing3 }, children)
2410
+ /* @__PURE__ */ React86__namespace.default.createElement(exports.Stack, { spacing: spacing3 }, children)
2410
2411
  );
2411
2412
  }
2412
2413
  );
@@ -2427,7 +2428,7 @@ var init_Expandable = __esm({
2427
2428
  },
2428
2429
  ...rest
2429
2430
  }) => {
2430
- return /* @__PURE__ */ React85__namespace.default.createElement(
2431
+ return /* @__PURE__ */ React86__namespace.default.createElement(
2431
2432
  exports.Accordion,
2432
2433
  {
2433
2434
  ...rest,
@@ -2435,7 +2436,7 @@ var init_Expandable = __esm({
2435
2436
  defaultIndex: defaultOpen ? 0 : void 0,
2436
2437
  onChange: (expandedIndex) => onChange(expandedIndex === 0)
2437
2438
  },
2438
- /* @__PURE__ */ React85__namespace.default.createElement(
2439
+ /* @__PURE__ */ React86__namespace.default.createElement(
2439
2440
  exports.ExpandableItem,
2440
2441
  {
2441
2442
  headingLevel,
@@ -2454,7 +2455,7 @@ var init_Expandable = __esm({
2454
2455
  ...rest
2455
2456
  }) => {
2456
2457
  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));
2458
+ 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
2459
  };
2459
2460
  warnAboutMismatchingIcon = ({ icon }) => {
2460
2461
  var _a6, _b5;
@@ -2496,10 +2497,10 @@ function LanguageProvider({
2496
2497
  language,
2497
2498
  children
2498
2499
  }) {
2499
- return /* @__PURE__ */ React85__namespace.default.createElement(LanguageContext.Provider, { value: language }, children);
2500
+ return /* @__PURE__ */ React86__namespace.default.createElement(LanguageContext.Provider, { value: language }, children);
2500
2501
  }
2501
2502
  function useLanguage() {
2502
- const language = React85.useContext(LanguageContext);
2503
+ const language = React86.useContext(LanguageContext);
2503
2504
  if (!language) {
2504
2505
  throw new Error("Please wrap your application in a LanguageProvider");
2505
2506
  }
@@ -2512,8 +2513,8 @@ function useTranslation() {
2512
2513
  };
2513
2514
  return { t: t2, language };
2514
2515
  }
2515
- function createTexts(texts30) {
2516
- return texts30;
2516
+ function createTexts(texts31) {
2517
+ return texts31;
2517
2518
  }
2518
2519
  exports.Language = void 0; var LanguageContext;
2519
2520
  var init_i18n = __esm({
@@ -2525,12 +2526,12 @@ var init_i18n = __esm({
2525
2526
  Language3["English"] = "en";
2526
2527
  return Language3;
2527
2528
  })(exports.Language || {});
2528
- LanguageContext = React85.createContext(void 0);
2529
+ LanguageContext = React86.createContext(void 0);
2529
2530
  }
2530
2531
  });
2531
2532
  function useHydrated() {
2532
- let [hydrated, setHydrated] = React85.useState(() => !hydrating);
2533
- React85.useEffect(function hydrate() {
2533
+ let [hydrated, setHydrated] = React86.useState(() => !hydrating);
2534
+ React86.useEffect(function hydrate() {
2534
2535
  hydrating = false;
2535
2536
  setHydrated(true);
2536
2537
  }, []);
@@ -2548,13 +2549,13 @@ var init_ClientOnly = __esm({
2548
2549
  init_useHydrated();
2549
2550
  ClientOnly = ({ children, fallback = null }) => {
2550
2551
  const isHydrated = useHydrated();
2551
- return /* @__PURE__ */ React85__namespace.default.createElement(React85__namespace.default.Fragment, null, isHydrated ? children() : fallback);
2552
+ return /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, isHydrated ? children() : fallback);
2552
2553
  };
2553
2554
  }
2554
2555
  });
2555
2556
  function Lottie({ animationData }) {
2556
2557
  const { View } = lottieReact.useLottie({ animationData, loop: true });
2557
- return /* @__PURE__ */ React85__namespace.default.createElement(React85__namespace.default.Fragment, null, View);
2558
+ return /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, View);
2558
2559
  }
2559
2560
  var init_Lottie = __esm({
2560
2561
  "src/loader/Lottie.tsx"() {
@@ -2570,7 +2571,7 @@ var init_ColorInlineLoader = __esm({
2570
2571
  maxWidth,
2571
2572
  ...props
2572
2573
  }) => {
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 }))));
2574
+ 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
2575
  };
2575
2576
  }
2576
2577
  });
@@ -2585,7 +2586,7 @@ var init_ColorSpinner = __esm({
2585
2586
  maxWidth,
2586
2587
  ...props
2587
2588
  }) => {
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));
2589
+ 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
2590
  };
2590
2591
  }
2591
2592
  });
@@ -2595,7 +2596,7 @@ var init_ContentLoader = __esm({
2595
2596
  init_ClientOnly();
2596
2597
  init_Lottie();
2597
2598
  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));
2599
+ 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
2600
  };
2600
2601
  }
2601
2602
  });
@@ -2609,7 +2610,7 @@ var init_DarkFullScreenLoader = __esm({
2609
2610
  maxWidth,
2610
2611
  ...props
2611
2612
  }) => {
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 }))));
2613
+ 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
2614
  };
2614
2615
  }
2615
2616
  });
@@ -2623,7 +2624,7 @@ var init_DarkInlineLoader = __esm({
2623
2624
  maxWidth,
2624
2625
  ...props
2625
2626
  }) => {
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 }))));
2627
+ 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
2628
  };
2628
2629
  }
2629
2630
  });
@@ -2641,7 +2642,7 @@ var init_DarkSpinner = __esm({
2641
2642
  }) => {
2642
2643
  const { colorMode } = react.useColorMode();
2643
2644
  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));
2645
+ 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
2646
  };
2646
2647
  }
2647
2648
  });
@@ -2655,7 +2656,7 @@ var init_LightFullScreenLoader = __esm({
2655
2656
  maxWidth,
2656
2657
  ...props
2657
2658
  }) => {
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 }))));
2659
+ 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
2660
  };
2660
2661
  }
2661
2662
  });
@@ -2669,7 +2670,7 @@ var init_LightInlineLoader = __esm({
2669
2670
  maxWidth,
2670
2671
  ...props
2671
2672
  }) => {
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 }))));
2673
+ 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
2674
  };
2674
2675
  }
2675
2676
  });
@@ -2684,7 +2685,7 @@ var init_LightSpinner = __esm({
2684
2685
  maxWidth,
2685
2686
  ...props
2686
2687
  }) => {
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));
2688
+ 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
2689
  };
2689
2690
  }
2690
2691
  });
@@ -2692,11 +2693,11 @@ var useRotatingLabel;
2692
2693
  var init_useRotatingLabel = __esm({
2693
2694
  "src/loader/useRotatingLabel.tsx"() {
2694
2695
  useRotatingLabel = ({ label, delay }) => {
2695
- const loadingTextArray = React85.useMemo(
2696
+ const loadingTextArray = React86.useMemo(
2696
2697
  () => Array.isArray(label) ? label : [label],
2697
2698
  [label]
2698
2699
  );
2699
- const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React85.useState(0);
2700
+ const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React86.useState(0);
2700
2701
  react.useInterval(() => {
2701
2702
  setCurrentLoadingTextIndex(
2702
2703
  (prevIndex) => (prevIndex + 1) % loadingTextArray.length
@@ -2731,7 +2732,7 @@ var init_ProgressBar = __esm({
2731
2732
  "aria-label": ariaLabel || t2(texts7.label(value))
2732
2733
  });
2733
2734
  const styles3 = react.useMultiStyleConfig("ProgressBar", {});
2734
- return /* @__PURE__ */ React85__namespace.default.createElement(React85__namespace.default.Fragment, null, /* @__PURE__ */ React85__namespace.default.createElement(
2735
+ return /* @__PURE__ */ React86__namespace.default.createElement(React86__namespace.default.Fragment, null, /* @__PURE__ */ React86__namespace.default.createElement(
2735
2736
  react.Box,
2736
2737
  {
2737
2738
  ...progressBarProps,
@@ -2739,8 +2740,8 @@ var init_ProgressBar = __esm({
2739
2740
  __css: styles3.container,
2740
2741
  ...rest
2741
2742
  },
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)
2743
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width, __css: styles3.background }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: styles3.progress, height, width: `${value}%` })),
2744
+ currentLoadingText && /* @__PURE__ */ React86__namespace.default.createElement(react.Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
2744
2745
  ));
2745
2746
  };
2746
2747
  texts7 = createTexts({
@@ -2777,11 +2778,11 @@ var init_ProgressLoader = __esm({
2777
2778
  value,
2778
2779
  "aria-label": ariaLabel ?? t2(texts8.fallbackLabel(value ?? "?"))
2779
2780
  });
2780
- const pathRef = React85.useRef(null);
2781
+ const pathRef = React86.useRef(null);
2781
2782
  const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
2782
2783
  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(
2784
+ const id = React86.useId();
2785
+ 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
2786
  react.Box,
2786
2787
  {
2787
2788
  as: "path",
@@ -2789,7 +2790,7 @@ var init_ProgressLoader = __esm({
2789
2790
  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
2791
  fill: "#FFB466"
2791
2792
  }
2792
- ), /* @__PURE__ */ React85__namespace.default.createElement(
2793
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
2793
2794
  react.Box,
2794
2795
  {
2795
2796
  as: "path",
@@ -2800,7 +2801,7 @@ var init_ProgressLoader = __esm({
2800
2801
  strokeLinecap: "round",
2801
2802
  strokeLinejoin: "round"
2802
2803
  }
2803
- ), /* @__PURE__ */ React85__namespace.default.createElement(
2804
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
2804
2805
  react.Box,
2805
2806
  {
2806
2807
  as: "path",
@@ -2815,7 +2816,7 @@ var init_ProgressLoader = __esm({
2815
2816
  transition: "stroke-dashoffset .2s ease-out",
2816
2817
  ref: pathRef
2817
2818
  }
2818
- ), /* @__PURE__ */ React85__namespace.default.createElement(
2819
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
2819
2820
  react.Box,
2820
2821
  {
2821
2822
  as: "path",
@@ -2823,7 +2824,7 @@ var init_ProgressLoader = __esm({
2823
2824
  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
2825
  fill: "#688CBA"
2825
2826
  }
2826
- )), currentLoadingText && /* @__PURE__ */ React85__namespace.default.createElement(
2827
+ )), currentLoadingText && /* @__PURE__ */ React86__namespace.default.createElement(
2827
2828
  react.Text,
2828
2829
  {
2829
2830
  textAlign: "center",
@@ -2847,19 +2848,19 @@ var init_ProgressLoader = __esm({
2847
2848
  exports.Skeleton = void 0;
2848
2849
  var init_Skeleton = __esm({
2849
2850
  "src/loader/Skeleton.tsx"() {
2850
- exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React85__namespace.default.createElement(react.Skeleton, { ...props, ref }));
2851
+ exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React86__namespace.default.createElement(react.Skeleton, { ...props, ref }));
2851
2852
  }
2852
2853
  });
2853
2854
  exports.SkeletonCircle = void 0;
2854
2855
  var init_SkeletonCircle = __esm({
2855
2856
  "src/loader/SkeletonCircle.tsx"() {
2856
- exports.SkeletonCircle = (props) => /* @__PURE__ */ React85__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
2857
+ exports.SkeletonCircle = (props) => /* @__PURE__ */ React86__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
2857
2858
  }
2858
2859
  });
2859
2860
  exports.SkeletonText = void 0;
2860
2861
  var init_SkeletonText = __esm({
2861
2862
  "src/loader/SkeletonText.tsx"() {
2862
- exports.SkeletonText = (props) => /* @__PURE__ */ React85__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
2863
+ exports.SkeletonText = (props) => /* @__PURE__ */ React86__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
2863
2864
  }
2864
2865
  });
2865
2866
 
@@ -2934,7 +2935,7 @@ var init_Button = __esm({
2934
2935
  if (fontWeight) {
2935
2936
  styles3.fontWeight = fontWeight;
2936
2937
  }
2937
- return /* @__PURE__ */ React85__namespace.default.createElement(
2938
+ return /* @__PURE__ */ React86__namespace.default.createElement(
2938
2939
  react.Box,
2939
2940
  {
2940
2941
  ...rest,
@@ -2948,7 +2949,7 @@ var init_Button = __esm({
2948
2949
  position: "relative",
2949
2950
  fontFamily: "Vy Sans"
2950
2951
  },
2951
- isLoading && /* @__PURE__ */ React85__namespace.default.createElement(react.Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React85__namespace.default.createElement(
2952
+ isLoading && /* @__PURE__ */ React86__namespace.default.createElement(react.Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React86__namespace.default.createElement(
2952
2953
  exports.ColorInlineLoader,
2953
2954
  {
2954
2955
  maxWidth: getLoaderWidth(finalSize),
@@ -2957,7 +2958,7 @@ var init_Button = __esm({
2957
2958
  marginY: 2
2958
2959
  }
2959
2960
  )),
2960
- /* @__PURE__ */ React85__namespace.default.createElement(
2961
+ /* @__PURE__ */ React86__namespace.default.createElement(
2961
2962
  react.Flex,
2962
2963
  {
2963
2964
  gap: 1,
@@ -2967,7 +2968,7 @@ var init_Button = __esm({
2967
2968
  visibility: isLoading ? "hidden" : "visible",
2968
2969
  "aria-hidden": isLoading
2969
2970
  },
2970
- /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React85__namespace.default.createElement(
2971
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React86__namespace.default.createElement(
2971
2972
  react.Box,
2972
2973
  {
2973
2974
  visibility: isLoading ? "hidden" : "visible",
@@ -2993,7 +2994,7 @@ var init_Button = __esm({
2993
2994
  exports.ButtonGroup = void 0;
2994
2995
  var init_ButtonGroup = __esm({
2995
2996
  "src/button/ButtonGroup.tsx"() {
2996
- exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React85__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
2997
+ exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React86__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
2997
2998
  }
2998
2999
  });
2999
3000
  exports.IconButton = void 0;
@@ -3001,12 +3002,12 @@ var init_IconButton = __esm({
3001
3002
  "src/button/IconButton.tsx"() {
3002
3003
  init_src();
3003
3004
  exports.IconButton = react.forwardRef(
3004
- ({ ...props }, ref) => /* @__PURE__ */ React85__namespace.default.createElement(
3005
+ ({ ...props }, ref) => /* @__PURE__ */ React86__namespace.default.createElement(
3005
3006
  react.IconButton,
3006
3007
  {
3007
3008
  title: props["aria-label"],
3008
3009
  ...props,
3009
- spinner: /* @__PURE__ */ React85__namespace.default.createElement(exports.ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
3010
+ spinner: /* @__PURE__ */ React86__namespace.default.createElement(exports.ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
3010
3011
  ref
3011
3012
  }
3012
3013
  )
@@ -3021,7 +3022,7 @@ var init_CloseButton = __esm({
3021
3022
  exports.CloseButton = react.forwardRef(
3022
3023
  ({ size: size2 = "sm", ...props }, ref) => {
3023
3024
  const { t: t2 } = useTranslation();
3024
- return /* @__PURE__ */ React85__namespace.default.createElement(
3025
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3025
3026
  exports.IconButton,
3026
3027
  {
3027
3028
  ref,
@@ -3038,11 +3039,11 @@ var init_CloseButton = __esm({
3038
3039
  switch (size2) {
3039
3040
  case "xs":
3040
3041
  case "sm":
3041
- return /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
3042
+ return /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
3042
3043
  case "md":
3043
- return /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
3044
+ return /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
3044
3045
  case "lg":
3045
- return /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
3046
+ return /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
3046
3047
  }
3047
3048
  };
3048
3049
  texts10 = createTexts({
@@ -3069,11 +3070,11 @@ var init_FloatingActionButton = __esm({
3069
3070
  placement = "bottom right",
3070
3071
  ...props
3071
3072
  }, ref) => {
3072
- const [isTextVisible, setIsTextVisible] = React85__namespace.default.useState(
3073
+ const [isTextVisible, setIsTextVisible] = React86__namespace.default.useState(
3073
3074
  externalIsTextVisible !== void 0 ? externalIsTextVisible : false
3074
3075
  );
3075
3076
  const scrollDirection = useScrollDirection();
3076
- React85.useEffect(() => {
3077
+ React86.useEffect(() => {
3077
3078
  if (externalIsTextVisible !== void 0) {
3078
3079
  return;
3079
3080
  }
@@ -3083,7 +3084,7 @@ var init_FloatingActionButton = __esm({
3083
3084
  );
3084
3085
  return () => window.clearTimeout(id);
3085
3086
  }, [scrollDirection, externalIsTextVisible]);
3086
- React85.useEffect(() => {
3087
+ React86.useEffect(() => {
3087
3088
  setIsTextVisible(!!externalIsTextVisible);
3088
3089
  }, [externalIsTextVisible]);
3089
3090
  const style = react.useMultiStyleConfig("FloatingActionButton", {
@@ -3091,7 +3092,7 @@ var init_FloatingActionButton = __esm({
3091
3092
  isTextVisible,
3092
3093
  placement
3093
3094
  });
3094
- return /* @__PURE__ */ React85__namespace.default.createElement(
3095
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3095
3096
  MotionBox,
3096
3097
  {
3097
3098
  __css: style.container,
@@ -3099,8 +3100,8 @@ var init_FloatingActionButton = __esm({
3099
3100
  ref,
3100
3101
  ...props
3101
3102
  },
3102
- /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
3103
- /* @__PURE__ */ React85__namespace.default.createElement(
3103
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
3104
+ /* @__PURE__ */ React86__namespace.default.createElement(
3104
3105
  MotionBox,
3105
3106
  {
3106
3107
  animate: isTextVisible ? "show" : "hide",
@@ -3125,11 +3126,11 @@ var init_FloatingActionButton = __esm({
3125
3126
  }
3126
3127
  );
3127
3128
  useScrollDirection = () => {
3128
- const [scrollDirection, setScrollDirection] = React85__namespace.default.useState(null);
3129
- const lastScrollPosition = React85__namespace.default.useRef(
3129
+ const [scrollDirection, setScrollDirection] = React86__namespace.default.useState(null);
3130
+ const lastScrollPosition = React86__namespace.default.useRef(
3130
3131
  typeof window !== "undefined" ? window.scrollY : 0
3131
3132
  );
3132
- React85__namespace.default.useEffect(() => {
3133
+ React86__namespace.default.useEffect(() => {
3133
3134
  const onScroll = () => {
3134
3135
  const delta = window.scrollY - lastScrollPosition.current;
3135
3136
  if (delta === 0) {
@@ -3165,7 +3166,7 @@ var init_AlertIcon = __esm({
3165
3166
  AlertIcon = ({ variant }) => {
3166
3167
  const Icon = getIcon2(variant);
3167
3168
  const { t: t2 } = useTranslation();
3168
- return /* @__PURE__ */ React85__namespace.default.createElement(
3169
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3169
3170
  Icon,
3170
3171
  {
3171
3172
  flexShrink: 0,
@@ -3187,6 +3188,8 @@ var init_AlertIcon = __esm({
3187
3188
  return sporIconReact.AltTransportOutline24Icon;
3188
3189
  case "error":
3189
3190
  return sporIconReact.ErrorOutline24Icon;
3191
+ case "service":
3192
+ return sporIconReact.WarningFill24Icon;
3190
3193
  }
3191
3194
  };
3192
3195
  texts11 = createTexts({
@@ -3219,6 +3222,12 @@ var init_AlertIcon = __esm({
3219
3222
  nn: "Alternativ transport",
3220
3223
  sv: "Alternativ transport",
3221
3224
  en: "Alternative transport"
3225
+ },
3226
+ service: {
3227
+ nb: "Driftsmelding",
3228
+ nn: "Driftsmelding",
3229
+ sv: "Servicemeddelande",
3230
+ en: "Service message"
3222
3231
  }
3223
3232
  });
3224
3233
  }
@@ -3232,7 +3241,7 @@ var init_BaseAlert = __esm({
3232
3241
  ...boxProps
3233
3242
  }) => {
3234
3243
  const styles3 = react.useMultiStyleConfig("Alert", { variant });
3235
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { __css: styles3.container, ...boxProps }, children);
3244
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: styles3.container, ...boxProps }, children);
3236
3245
  };
3237
3246
  }
3238
3247
  });
@@ -3260,17 +3269,17 @@ var init_ClosableAlert = __esm({
3260
3269
  externalOnClose();
3261
3270
  onClose();
3262
3271
  };
3263
- return /* @__PURE__ */ React85__namespace.default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React85__namespace.default.createElement(
3272
+ return /* @__PURE__ */ React86__namespace.default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React86__namespace.default.createElement(
3264
3273
  exports.IconButton,
3265
3274
  {
3266
3275
  variant: "ghost",
3267
3276
  size: "sm",
3268
3277
  onClick: handleClose,
3269
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
3278
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
3270
3279
  "aria-label": t2(texts12.close),
3271
3280
  sx: styles3.closeButton
3272
3281
  }
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)));
3282
+ ), /* @__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
3283
  };
3275
3284
  texts12 = createTexts({
3276
3285
  close: {
@@ -3298,7 +3307,7 @@ var init_ExpandableAlert = __esm({
3298
3307
  ...boxProps
3299
3308
  }) => {
3300
3309
  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(
3310
+ return /* @__PURE__ */ React86__namespace.default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React86__namespace.default.createElement(
3302
3311
  react.Accordion,
3303
3312
  {
3304
3313
  onChange: (expandedIndex) => onToggle(expandedIndex === 0),
@@ -3306,14 +3315,14 @@ var init_ExpandableAlert = __esm({
3306
3315
  allowToggle: true,
3307
3316
  flexGrow: "1"
3308
3317
  },
3309
- /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React85__namespace.default.createElement(
3318
+ /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React86__namespace.default.createElement(
3310
3319
  react.Flex,
3311
3320
  {
3312
3321
  justifyContent: "space-between",
3313
3322
  alignItems: "center",
3314
3323
  flexGrow: "1"
3315
3324
  },
3316
- /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React85__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React85__namespace.default.createElement(
3325
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React86__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React86__namespace.default.createElement(
3317
3326
  react.Box,
3318
3327
  {
3319
3328
  as: "span",
@@ -3324,12 +3333,17 @@ var init_ExpandableAlert = __esm({
3324
3333
  WebkitLineClamp: "1",
3325
3334
  WebkitBoxOrient: "vertical"
3326
3335
  },
3327
- color: "darkGrey"
3336
+ color: variant === "service" ? "white" : "darkGrey"
3328
3337
  },
3329
3338
  title
3330
3339
  )),
3331
- /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionIcon, { color: "darkGrey" })
3332
- )), /* @__PURE__ */ React85__namespace.default.createElement(react.AccordionPanel, null, children))
3340
+ /* @__PURE__ */ React86__namespace.default.createElement(
3341
+ react.AccordionIcon,
3342
+ {
3343
+ color: variant === "service" ? "white" : "darkGrey"
3344
+ }
3345
+ )
3346
+ )), /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionPanel, { color: variant === "service" ? "white" : "darkGrey" }, children))
3333
3347
  ));
3334
3348
  };
3335
3349
  }
@@ -3344,10 +3358,118 @@ var init_StaticAlert = __esm({
3344
3358
  title,
3345
3359
  ...props
3346
3360
  }) => {
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)));
3361
+ 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
3362
  };
3349
3363
  }
3350
3364
  });
3365
+ exports.ServiceAlert = void 0; var texts13;
3366
+ var init_ServiceAlert = __esm({
3367
+ "src/alert/ServiceAlert.tsx"() {
3368
+ init_AlertIcon();
3369
+ init_BaseAlert();
3370
+ init_i18n();
3371
+ exports.ServiceAlert = ({
3372
+ variant,
3373
+ children,
3374
+ title,
3375
+ notification,
3376
+ contentWidth = "container.md",
3377
+ headingLevel = "h3",
3378
+ defaultOpen = false,
3379
+ onToggle = () => {
3380
+ },
3381
+ ...boxProps
3382
+ }) => {
3383
+ variant = "service";
3384
+ const { t: t2 } = useTranslation();
3385
+ const styles3 = react.useMultiStyleConfig("AlertService");
3386
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { flexDirection: "column", sx: styles3.box }, /* @__PURE__ */ React86__namespace.default.createElement(
3387
+ BaseAlert,
3388
+ {
3389
+ variant,
3390
+ ...boxProps,
3391
+ paddingX: 0,
3392
+ paddingY: 0,
3393
+ sx: styles3.box
3394
+ },
3395
+ /* @__PURE__ */ React86__namespace.default.createElement(
3396
+ react.Accordion,
3397
+ {
3398
+ onChange: (expandedIndex) => onToggle(expandedIndex === 0),
3399
+ defaultIndex: defaultOpen ? 0 : -1,
3400
+ allowToggle: true,
3401
+ flexGrow: "1"
3402
+ },
3403
+ /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React86__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React86__namespace.default.createElement(
3404
+ react.Stack,
3405
+ {
3406
+ flexDirection: "row",
3407
+ justifyContent: "center",
3408
+ width: "100%",
3409
+ paddingX: "12px"
3410
+ },
3411
+ /* @__PURE__ */ React86__namespace.default.createElement(
3412
+ react.Flex,
3413
+ {
3414
+ justifyContent: "space-between",
3415
+ alignItems: "center",
3416
+ flexGrow: "1",
3417
+ maxWidth: contentWidth
3418
+ },
3419
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React86__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React86__namespace.default.createElement(
3420
+ react.Box,
3421
+ {
3422
+ as: "span",
3423
+ sx: {
3424
+ // Truncate the title to one line
3425
+ display: "-webkit-box",
3426
+ overflow: "hidden",
3427
+ WebkitLineClamp: "1",
3428
+ WebkitBoxOrient: "vertical"
3429
+ },
3430
+ color: "white"
3431
+ },
3432
+ title
3433
+ )),
3434
+ /* @__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" }))
3435
+ )
3436
+ )), /* @__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(
3437
+ react.Flex,
3438
+ {
3439
+ justifyContent: "space-between",
3440
+ alignItems: "center",
3441
+ flexGrow: "1",
3442
+ maxWidth: contentWidth,
3443
+ flexFlow: "column",
3444
+ gap: 2,
3445
+ sx: {
3446
+ p: {
3447
+ padding: "0.8rem 0",
3448
+ borderBottom: "0.08rem solid rgba(255, 255, 255, 0.4)"
3449
+ },
3450
+ "p:last-child": {
3451
+ borderBottom: "none"
3452
+ }
3453
+ }
3454
+ },
3455
+ children
3456
+ ))))
3457
+ )
3458
+ ));
3459
+ };
3460
+ texts13 = createTexts({
3461
+ notification: (notification) => {
3462
+ const numNotification = Number(notification);
3463
+ return {
3464
+ nb: `${numNotification} varsel`,
3465
+ nn: `${numNotification} varsel`,
3466
+ sv: `${numNotification} ${numNotification > 1 ? "underr\xE4ttelser" : "underr\xE4ttelse"}`,
3467
+ en: `${numNotification} ${numNotification > 1 ? "notifications" : "notification"}`
3468
+ };
3469
+ }
3470
+ });
3471
+ }
3472
+ });
3351
3473
 
3352
3474
  // src/alert/index.tsx
3353
3475
  var init_alert = __esm({
@@ -3355,6 +3477,7 @@ var init_alert = __esm({
3355
3477
  init_ClosableAlert();
3356
3478
  init_ExpandableAlert();
3357
3479
  init_StaticAlert();
3480
+ init_ServiceAlert();
3358
3481
  }
3359
3482
  });
3360
3483
  exports.Breadcrumb = void 0; exports.BreadcrumbItem = void 0; exports.BreadcrumbLink = void 0;
@@ -3362,10 +3485,10 @@ var init_Breadcrumb = __esm({
3362
3485
  "src/breadcrumb/Breadcrumb.tsx"() {
3363
3486
  exports.Breadcrumb = (props) => {
3364
3487
  const iconColor = react.useColorModeValue("blackAlpha.400", "whiteAlpha.400");
3365
- return /* @__PURE__ */ React85__namespace.default.createElement(
3488
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3366
3489
  react.Breadcrumb,
3367
3490
  {
3368
- separator: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { color: iconColor }),
3491
+ separator: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { color: iconColor }),
3369
3492
  ...props
3370
3493
  }
3371
3494
  );
@@ -3386,7 +3509,7 @@ var init_Badge = __esm({
3386
3509
  "src/typography/Badge.tsx"() {
3387
3510
  exports.Badge = react.forwardRef(
3388
3511
  ({ icon, colorScheme = "grey", children, ...props }, ref) => {
3389
- return /* @__PURE__ */ React85__namespace.default.createElement(
3512
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3390
3513
  react.Badge,
3391
3514
  {
3392
3515
  colorScheme,
@@ -3394,7 +3517,7 @@ var init_Badge = __esm({
3394
3517
  paddingLeft: icon ? 1 : void 0,
3395
3518
  ref
3396
3519
  },
3397
- icon && React85__namespace.default.cloneElement(icon, { marginRight: 1 }),
3520
+ icon && React86__namespace.default.cloneElement(icon, { marginRight: 1 }),
3398
3521
  children
3399
3522
  );
3400
3523
  }
@@ -3404,7 +3527,7 @@ var init_Badge = __esm({
3404
3527
  exports.Code = void 0;
3405
3528
  var init_Code = __esm({
3406
3529
  "src/typography/Code.tsx"() {
3407
- exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */ React85__namespace.default.createElement(react.Code, { ...props, ref }));
3530
+ exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */ React86__namespace.default.createElement(react.Code, { ...props, ref }));
3408
3531
  }
3409
3532
  });
3410
3533
  exports.Heading = void 0;
@@ -3420,7 +3543,7 @@ var init_Heading = __esm({
3420
3543
  }) => {
3421
3544
  const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
3422
3545
  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 });
3546
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Text, { as, textStyle: variant, id, color: color2, ...props });
3424
3547
  };
3425
3548
  }
3426
3549
  });
@@ -3429,7 +3552,7 @@ var init_Text = __esm({
3429
3552
  "src/typography/Text.tsx"() {
3430
3553
  exports.Text = react.forwardRef(
3431
3554
  ({ variant = "sm", ...props }, ref) => {
3432
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
3555
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
3433
3556
  }
3434
3557
  );
3435
3558
  }
@@ -3450,7 +3573,7 @@ function CalendarCell({
3450
3573
  currentMonth,
3451
3574
  variant
3452
3575
  }) {
3453
- const ref = React85.useRef(null);
3576
+ const ref = React86.useRef(null);
3454
3577
  const {
3455
3578
  cellProps,
3456
3579
  buttonProps,
@@ -3474,7 +3597,7 @@ function CalendarCell({
3474
3597
  if (isOutsideMonth) {
3475
3598
  stateProps["data-unavailable"] = true;
3476
3599
  }
3477
- React85.useEffect(() => {
3600
+ React86.useEffect(() => {
3478
3601
  var _a6;
3479
3602
  (_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
3480
3603
  "touchend",
@@ -3484,7 +3607,7 @@ function CalendarCell({
3484
3607
  { passive: false, once: true }
3485
3608
  );
3486
3609
  }, []);
3487
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React85__namespace.default.createElement(
3610
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React86__namespace.default.createElement(
3488
3611
  react.Box,
3489
3612
  {
3490
3613
  as: "button",
@@ -3550,8 +3673,8 @@ function CalendarGrid({
3550
3673
  const weeksInMonth = date.getWeeksInMonth(state2.visibleRange.start, locale);
3551
3674
  const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
3552
3675
  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(
3676
+ 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) => {
3677
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3555
3678
  exports.Text,
3556
3679
  {
3557
3680
  as: "th",
@@ -3561,8 +3684,8 @@ function CalendarGrid({
3561
3684
  },
3562
3685
  day
3563
3686
  );
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(
3687
+ }))), /* @__PURE__ */ React86__namespace.default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React86__namespace.default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
3688
+ (date, dayIndex) => date ? /* @__PURE__ */ React86__namespace.default.createElement(
3566
3689
  CalendarCell,
3567
3690
  {
3568
3691
  variant,
@@ -3571,7 +3694,7 @@ function CalendarGrid({
3571
3694
  date,
3572
3695
  currentMonth: startDate
3573
3696
  }
3574
- ) : /* @__PURE__ */ React85__namespace.default.createElement("td", { key: dayIndex })
3697
+ ) : /* @__PURE__ */ React86__namespace.default.createElement("td", { key: dayIndex })
3575
3698
  )))));
3576
3699
  }
3577
3700
  var weekDays;
@@ -3594,9 +3717,9 @@ function CalendarNavigationButton({
3594
3717
  "aria-label": ariaLabel,
3595
3718
  ...rest
3596
3719
  }) {
3597
- const ref = React85.useRef(null);
3720
+ const ref = React86.useRef(null);
3598
3721
  const { buttonProps } = reactAria.useButton(rest, ref);
3599
- return /* @__PURE__ */ React85__namespace.default.createElement(
3722
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3600
3723
  exports.IconButton,
3601
3724
  {
3602
3725
  ...buttonProps,
@@ -3633,7 +3756,7 @@ function CalendarHeader({
3633
3756
  );
3634
3757
  const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
3635
3758
  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(
3759
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React86__namespace.default.createElement(
3637
3760
  CalendarNavigator,
3638
3761
  {
3639
3762
  title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
@@ -3643,7 +3766,7 @@ function CalendarHeader({
3643
3766
  isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
3644
3767
  isPreviousDisabled: !state2.isNextVisibleRangeInvalid
3645
3768
  }
3646
- ), isYearPickerVisible && /* @__PURE__ */ React85__namespace.default.createElement(
3769
+ ), isYearPickerVisible && /* @__PURE__ */ React86__namespace.default.createElement(
3647
3770
  CalendarNavigator,
3648
3771
  {
3649
3772
  title: jsDate.getFullYear().toString(),
@@ -3655,7 +3778,7 @@ function CalendarHeader({
3655
3778
  }
3656
3779
  ));
3657
3780
  }
3658
- var capitalize, CalendarNavigator, texts13;
3781
+ var capitalize, CalendarNavigator, texts14;
3659
3782
  var init_CalendarHeader = __esm({
3660
3783
  "src/datepicker/CalendarHeader.tsx"() {
3661
3784
  init_i18n();
@@ -3671,15 +3794,15 @@ var init_CalendarHeader = __esm({
3671
3794
  isNextDisabled
3672
3795
  }) => {
3673
3796
  const { t: t2 } = useTranslation();
3674
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React85__namespace.default.createElement(
3797
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React86__namespace.default.createElement(
3675
3798
  CalendarNavigationButton,
3676
3799
  {
3677
3800
  onPress: onPrevious,
3678
3801
  isDisabled: isPreviousDisabled,
3679
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
3680
- "aria-label": `${t2(texts13.previous)} ${t2(texts13[unit])}`
3802
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
3803
+ "aria-label": `${t2(texts14.previous)} ${t2(texts14[unit])}`
3681
3804
  }
3682
- ), /* @__PURE__ */ React85__namespace.default.createElement(
3805
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
3683
3806
  react.Box,
3684
3807
  {
3685
3808
  role: "heading",
@@ -3689,17 +3812,17 @@ var init_CalendarHeader = __esm({
3689
3812
  textAlign: "center"
3690
3813
  },
3691
3814
  capitalize(title)
3692
- ), /* @__PURE__ */ React85__namespace.default.createElement(
3815
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
3693
3816
  CalendarNavigationButton,
3694
3817
  {
3695
3818
  onPress: onNext,
3696
3819
  isDisabled: isNextDisabled,
3697
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
3698
- "aria-label": `${t2(texts13.next)} ${t2(texts13[unit])}`
3820
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
3821
+ "aria-label": `${t2(texts14.next)} ${t2(texts14[unit])}`
3699
3822
  }
3700
3823
  ));
3701
3824
  };
3702
- texts13 = createTexts({
3825
+ texts14 = createTexts({
3703
3826
  previous: {
3704
3827
  nb: "Forrige",
3705
3828
  nn: "Forrige",
@@ -3741,17 +3864,17 @@ function Calendar({
3741
3864
  });
3742
3865
  const { calendarProps } = reactAria.useCalendar(props, state2);
3743
3866
  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 }));
3867
+ const ariaLabel = t2(texts15.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
3868
+ 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
3869
  }
3747
- var texts14;
3870
+ var texts15;
3748
3871
  var init_Calendar = __esm({
3749
3872
  "src/datepicker/Calendar.tsx"() {
3750
3873
  init_i18n();
3751
3874
  init_CalendarGrid();
3752
3875
  init_CalendarHeader();
3753
3876
  init_utils();
3754
- texts14 = createTexts({
3877
+ texts15 = createTexts({
3755
3878
  calendar: {
3756
3879
  nb: "Kalender",
3757
3880
  nn: "Kalender",
@@ -3761,7 +3884,7 @@ var init_Calendar = __esm({
3761
3884
  });
3762
3885
  }
3763
3886
  });
3764
- var CalendarTriggerButton, texts15;
3887
+ var CalendarTriggerButton, texts16;
3765
3888
  var init_CalendarTriggerButton = __esm({
3766
3889
  "src/datepicker/CalendarTriggerButton.tsx"() {
3767
3890
  init_src();
@@ -3776,13 +3899,13 @@ var init_CalendarTriggerButton = __esm({
3776
3899
  onPress == null ? void 0 : onPress(event);
3777
3900
  }
3778
3901
  };
3779
- return /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React85__namespace.default.createElement(
3902
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React86__namespace.default.createElement(
3780
3903
  exports.IconButton,
3781
3904
  {
3782
3905
  ref,
3783
3906
  role: "button",
3784
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null),
3785
- "aria-label": t2(texts15.openCalendar),
3907
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null),
3908
+ "aria-label": t2(texts16.openCalendar),
3786
3909
  sx: styles3.calendarTriggerButton,
3787
3910
  variant: "ghost",
3788
3911
  ...filteredButtonProps,
@@ -3793,7 +3916,7 @@ var init_CalendarTriggerButton = __esm({
3793
3916
  ));
3794
3917
  }
3795
3918
  );
3796
- texts15 = createTexts({
3919
+ texts16 = createTexts({
3797
3920
  openCalendar: {
3798
3921
  nb: "\xC5pne kalender",
3799
3922
  nn: "\xC5pne kalendar",
@@ -3806,9 +3929,9 @@ var init_CalendarTriggerButton = __esm({
3806
3929
  var DateTimeSegment, isPaddable;
3807
3930
  var init_DateTimeSegment = __esm({
3808
3931
  "src/datepicker/DateTimeSegment.tsx"() {
3809
- DateTimeSegment = React85.forwardRef(
3932
+ DateTimeSegment = React86.forwardRef(
3810
3933
  ({ segment, state: state2, ariaLabel, ariaDescription }, externalRef) => {
3811
- const internalRef = React85.useRef(null);
3934
+ const internalRef = React86.useRef(null);
3812
3935
  const ref = externalRef ?? internalRef;
3813
3936
  const { segmentProps } = reactAria.useDateSegment(
3814
3937
  segment,
@@ -3819,7 +3942,7 @@ var init_DateTimeSegment = __esm({
3819
3942
  isPlaceholder: segment.isPlaceholder,
3820
3943
  isEditable: segment.isEditable
3821
3944
  });
3822
- return /* @__PURE__ */ React85__namespace.default.createElement(
3945
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3823
3946
  react.Box,
3824
3947
  {
3825
3948
  ...segmentProps,
@@ -3851,13 +3974,13 @@ function createCalendar2(identifier) {
3851
3974
  throw new Error(`Unsupported calendar ${identifier}`);
3852
3975
  }
3853
3976
  }
3854
- var DateField, texts16, getAriaLabel;
3977
+ var DateField, texts17, getAriaLabel;
3855
3978
  var init_DateField = __esm({
3856
3979
  "src/datepicker/DateField.tsx"() {
3857
3980
  init_DateTimeSegment();
3858
3981
  init_utils();
3859
3982
  init_i18n();
3860
- DateField = React85.forwardRef(
3983
+ DateField = React86.forwardRef(
3861
3984
  ({ labelId, ...props }, externalRef) => {
3862
3985
  var _a6;
3863
3986
  const locale = useCurrentLocale();
@@ -3868,14 +3991,14 @@ var init_DateField = __esm({
3868
3991
  createCalendar: createCalendar2
3869
3992
  });
3870
3993
  const { t: t2 } = useTranslation();
3871
- const internalRef = React85.useRef(null);
3994
+ const internalRef = React86.useRef(null);
3872
3995
  const ref = externalRef ?? internalRef;
3873
3996
  const { fieldProps } = reactAria.useDateField(
3874
3997
  props,
3875
3998
  state2,
3876
3999
  ref
3877
4000
  );
3878
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React85__namespace.default.createElement(
4001
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React86__namespace.default.createElement(
3879
4002
  react.FormLabel,
3880
4003
  {
3881
4004
  sx: styles3.inputLabel,
@@ -3884,7 +4007,7 @@ var init_DateField = __esm({
3884
4007
  id: labelId
3885
4008
  },
3886
4009
  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(
4010
+ ), /* @__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
4011
  DateTimeSegment,
3889
4012
  {
3890
4013
  key: i,
@@ -3893,7 +4016,7 @@ var init_DateField = __esm({
3893
4016
  ariaLabel: labelId,
3894
4017
  state: state2
3895
4018
  }
3896
- ))), /* @__PURE__ */ React85__namespace.default.createElement(
4019
+ ))), /* @__PURE__ */ React86__namespace.default.createElement(
3897
4020
  "input",
3898
4021
  {
3899
4022
  type: "hidden",
@@ -3903,7 +4026,7 @@ var init_DateField = __esm({
3903
4026
  ));
3904
4027
  }
3905
4028
  );
3906
- texts16 = createTexts({
4029
+ texts17 = createTexts({
3907
4030
  day: {
3908
4031
  nb: "Velg dag",
3909
4032
  nn: "Vel dag",
@@ -3926,13 +4049,13 @@ var init_DateField = __esm({
3926
4049
  getAriaLabel = (segmentType) => {
3927
4050
  switch (segmentType) {
3928
4051
  case "day":
3929
- return texts16.day;
4052
+ return texts17.day;
3930
4053
  case "month":
3931
- return texts16.month;
4054
+ return texts17.month;
3932
4055
  case "year":
3933
- return texts16.year;
4056
+ return texts17.year;
3934
4057
  default:
3935
- return texts16.day;
4058
+ return texts17.day;
3936
4059
  }
3937
4060
  };
3938
4061
  }
@@ -3946,7 +4069,7 @@ var init_StyledField = __esm({
3946
4069
  isInvalid: false
3947
4070
  };
3948
4071
  const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
3949
- return /* @__PURE__ */ React85__namespace.default.createElement(
4072
+ return /* @__PURE__ */ React86__namespace.default.createElement(
3950
4073
  react.Box,
3951
4074
  {
3952
4075
  ...otherProps,
@@ -3971,7 +4094,7 @@ var init_DatePicker = __esm({
3971
4094
  init_DateField();
3972
4095
  init_StyledField();
3973
4096
  init_utils();
3974
- exports.DatePicker = React85.forwardRef(
4097
+ exports.DatePicker = React86.forwardRef(
3975
4098
  ({
3976
4099
  variant,
3977
4100
  errorMessage,
@@ -3989,7 +4112,7 @@ var init_DatePicker = __esm({
3989
4112
  isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
3990
4113
  validationState: (formControlProps == null ? void 0 : formControlProps.isInvalid) ? "invalid" : "valid"
3991
4114
  });
3992
- const internalRef = React85.useRef(null);
4115
+ const internalRef = React86.useRef(null);
3993
4116
  const ref = externalRef ?? internalRef;
3994
4117
  const {
3995
4118
  labelProps,
@@ -4003,14 +4126,14 @@ var init_DatePicker = __esm({
4003
4126
  state2,
4004
4127
  ref
4005
4128
  );
4006
- const labelId = `label-${React85.useId()}`;
4007
- const inputGroupId = `input-group-${React85.useId()}`;
4129
+ const labelId = `label-${React86.useId()}`;
4130
+ const inputGroupId = `input-group-${React86.useId()}`;
4008
4131
  const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
4009
4132
  const locale = useCurrentLocale();
4010
4133
  const onFieldClick = () => {
4011
4134
  state2.setOpen(true);
4012
4135
  };
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(
4136
+ 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
4137
  Calendar,
4015
4138
  {
4016
4139
  ...calendarProps,
@@ -4018,7 +4141,7 @@ var init_DatePicker = __esm({
4018
4141
  showYearNavigation
4019
4142
  }
4020
4143
  ))));
4021
- return /* @__PURE__ */ React85__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React85__namespace.default.createElement(
4144
+ return /* @__PURE__ */ React86__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React86__namespace.default.createElement(
4022
4145
  react.Box,
4023
4146
  {
4024
4147
  position: "relative",
@@ -4026,7 +4149,7 @@ var init_DatePicker = __esm({
4026
4149
  flexDirection: "column",
4027
4150
  width
4028
4151
  },
4029
- /* @__PURE__ */ React85__namespace.default.createElement(
4152
+ /* @__PURE__ */ React86__namespace.default.createElement(
4030
4153
  react.Popover,
4031
4154
  {
4032
4155
  ...dialogProps,
@@ -4035,14 +4158,14 @@ var init_DatePicker = __esm({
4035
4158
  onClose: state2.close,
4036
4159
  flip: false
4037
4160
  },
4038
- /* @__PURE__ */ React85__namespace.default.createElement(
4161
+ /* @__PURE__ */ React86__namespace.default.createElement(
4039
4162
  react.InputGroup,
4040
4163
  {
4041
4164
  display: "inline-flex",
4042
4165
  id: inputGroupId,
4043
4166
  "aria-labelledby": labelId
4044
4167
  },
4045
- /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React85__namespace.default.createElement(
4168
+ /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React86__namespace.default.createElement(
4046
4169
  StyledField,
4047
4170
  {
4048
4171
  variant,
@@ -4052,7 +4175,7 @@ var init_DatePicker = __esm({
4052
4175
  isDisabled: props.isDisabled,
4053
4176
  ariaLabelledby: labelId
4054
4177
  },
4055
- /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React85__namespace.default.createElement(
4178
+ /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React86__namespace.default.createElement(
4056
4179
  CalendarTriggerButton,
4057
4180
  {
4058
4181
  variant,
@@ -4062,7 +4185,7 @@ var init_DatePicker = __esm({
4062
4185
  ...buttonProps
4063
4186
  }
4064
4187
  )),
4065
- /* @__PURE__ */ React85__namespace.default.createElement(
4188
+ /* @__PURE__ */ React86__namespace.default.createElement(
4066
4189
  DateField,
4067
4190
  {
4068
4191
  label: props.label,
@@ -4074,8 +4197,8 @@ var init_DatePicker = __esm({
4074
4197
  )
4075
4198
  ))
4076
4199
  ),
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),
4200
+ /* @__PURE__ */ React86__namespace.default.createElement(exports.FormErrorMessage, { ...errorMessageProps }, errorMessage),
4201
+ state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React86__namespace.default.createElement(react.Portal, null, popoverContent),
4079
4202
  state2.isOpen && !props.isDisabled && !withPortal && popoverContent
4080
4203
  )
4081
4204
  ));
@@ -4091,9 +4214,9 @@ function RangeCalendar(props) {
4091
4214
  locale,
4092
4215
  createCalendar: date.createCalendar
4093
4216
  });
4094
- const ref = React85.useRef(null);
4217
+ const ref = React86.useRef(null);
4095
4218
  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(
4219
+ 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
4220
  CalendarGrid,
4098
4221
  {
4099
4222
  variant: props.variant,
@@ -4124,7 +4247,7 @@ function DateRangePicker({
4124
4247
  isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
4125
4248
  validationState: formControlProps.isInvalid ? "invalid" : "valid"
4126
4249
  });
4127
- const ref = React85.useRef(null);
4250
+ const ref = React86.useRef(null);
4128
4251
  const {
4129
4252
  groupProps,
4130
4253
  labelProps,
@@ -4145,8 +4268,8 @@ function DateRangePicker({
4145
4268
  const onFieldClick = () => {
4146
4269
  state2.setOpen(true);
4147
4270
  };
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(
4271
+ 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 }))));
4272
+ 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
4273
  react.Popover,
4151
4274
  {
4152
4275
  ...dialogProps,
@@ -4155,7 +4278,7 @@ function DateRangePicker({
4155
4278
  onClose: state2.close,
4156
4279
  flip: false
4157
4280
  },
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(
4281
+ /* @__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
4282
  StyledField,
4160
4283
  {
4161
4284
  alignItems: "center",
@@ -4165,7 +4288,7 @@ function DateRangePicker({
4165
4288
  onKeyPress: handleEnterClick,
4166
4289
  minHeight
4167
4290
  },
4168
- variant && /* @__PURE__ */ React85__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React85__namespace.default.createElement(
4291
+ variant && /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React86__namespace.default.createElement(
4169
4292
  CalendarTriggerButton,
4170
4293
  {
4171
4294
  paddingLeft: 1,
@@ -4175,7 +4298,7 @@ function DateRangePicker({
4175
4298
  ...buttonProps
4176
4299
  }
4177
4300
  )),
4178
- /* @__PURE__ */ React85__namespace.default.createElement(
4301
+ /* @__PURE__ */ React86__namespace.default.createElement(
4179
4302
  DateField,
4180
4303
  {
4181
4304
  ...startFieldProps,
@@ -4184,8 +4307,8 @@ function DateRangePicker({
4184
4307
  labelProps
4185
4308
  }
4186
4309
  ),
4187
- /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
4188
- /* @__PURE__ */ React85__namespace.default.createElement(
4310
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
4311
+ /* @__PURE__ */ React86__namespace.default.createElement(
4189
4312
  DateField,
4190
4313
  {
4191
4314
  ...endFieldProps,
@@ -4195,7 +4318,7 @@ function DateRangePicker({
4195
4318
  }
4196
4319
  )
4197
4320
  ))),
4198
- state2.isOpen && withPortal && /* @__PURE__ */ React85__namespace.default.createElement(react.Portal, null, popoverContent),
4321
+ state2.isOpen && withPortal && /* @__PURE__ */ React86__namespace.default.createElement(react.Portal, null, popoverContent),
4199
4322
  state2.isOpen && !withPortal && popoverContent
4200
4323
  )));
4201
4324
  }
@@ -4215,9 +4338,9 @@ var init_TimeField = __esm({
4215
4338
  init_DateTimeSegment();
4216
4339
  init_utils();
4217
4340
  TimeField = ({ state: state2, ...props }) => {
4218
- const ref = React85.useRef(null);
4341
+ const ref = React86.useRef(null);
4219
4342
  const { labelProps, fieldProps } = reactAria.useTimeField(props, state2, ref);
4220
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React85__namespace.default.createElement(
4343
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React86__namespace.default.createElement(
4221
4344
  exports.FormLabel,
4222
4345
  {
4223
4346
  ...labelProps,
@@ -4229,7 +4352,7 @@ var init_TimeField = __esm({
4229
4352
  paddingTop: "2px"
4230
4353
  },
4231
4354
  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(
4355
+ ), /* @__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
4356
  "input",
4234
4357
  {
4235
4358
  type: "hidden",
@@ -4240,7 +4363,7 @@ var init_TimeField = __esm({
4240
4363
  };
4241
4364
  }
4242
4365
  });
4243
- exports.TimePicker = void 0; var texts17;
4366
+ exports.TimePicker = void 0; var texts18;
4244
4367
  var init_TimePicker = __esm({
4245
4368
  "src/datepicker/TimePicker.tsx"() {
4246
4369
  init_src();
@@ -4262,7 +4385,7 @@ var init_TimePicker = __esm({
4262
4385
  const isDisabled = isDisabledExternally ?? isFormControlDisabled ?? false;
4263
4386
  const { t: t2 } = useTranslation();
4264
4387
  const locale = useCurrentLocale();
4265
- const label = externalLabel ?? t2(texts17.time);
4388
+ const label = externalLabel ?? t2(texts18.time);
4266
4389
  const state2 = reactStately.useTimeFieldState({
4267
4390
  value,
4268
4391
  defaultValue,
@@ -4295,17 +4418,17 @@ var init_TimePicker = __esm({
4295
4418
  })
4296
4419
  );
4297
4420
  };
4298
- const backwardsLabel = `${t2(texts17.backwards)} ${minuteInterval} ${t2(
4299
- texts17.minutes
4421
+ const backwardsLabel = `${t2(texts18.backwards)} ${minuteInterval} ${t2(
4422
+ texts18.minutes
4300
4423
  )}`;
4301
- const forwardsLabel = `${t2(texts17.forwards)} ${minuteInterval} ${t2(
4302
- texts17.minutes
4424
+ const forwardsLabel = `${t2(texts18.forwards)} ${minuteInterval} ${t2(
4425
+ texts18.minutes
4303
4426
  )}`;
4304
- const inputLabel = label ?? t2(texts17.time);
4427
+ const inputLabel = label ?? t2(texts18.time);
4305
4428
  const ariaLabel = `${inputLabel} \u2013 ${t2(
4306
- texts17.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
4429
+ texts18.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
4307
4430
  )}`;
4308
- return /* @__PURE__ */ React85__namespace.default.createElement(
4431
+ return /* @__PURE__ */ React86__namespace.default.createElement(
4309
4432
  StyledField,
4310
4433
  {
4311
4434
  variant: "base",
@@ -4321,7 +4444,7 @@ var init_TimePicker = __esm({
4321
4444
  "aria-label": ariaLabel,
4322
4445
  ...boxProps
4323
4446
  },
4324
- /* @__PURE__ */ React85__namespace.default.createElement(
4447
+ /* @__PURE__ */ React86__namespace.default.createElement(
4325
4448
  exports.IconButton,
4326
4449
  {
4327
4450
  variant: "ghost",
@@ -4329,14 +4452,14 @@ var init_TimePicker = __esm({
4329
4452
  borderRadius: "xs",
4330
4453
  "aria-label": backwardsLabel,
4331
4454
  title: backwardsLabel,
4332
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, null),
4455
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, null),
4333
4456
  onClick: handleBackwardsClick,
4334
4457
  isDisabled,
4335
4458
  style: isDisabled ? { backgroundColor: "transparent" } : {}
4336
4459
  }
4337
4460
  ),
4338
- /* @__PURE__ */ React85__namespace.default.createElement(TimeField, { label, state: state2, name }),
4339
- /* @__PURE__ */ React85__namespace.default.createElement(
4461
+ /* @__PURE__ */ React86__namespace.default.createElement(TimeField, { label, state: state2, name }),
4462
+ /* @__PURE__ */ React86__namespace.default.createElement(
4340
4463
  exports.IconButton,
4341
4464
  {
4342
4465
  variant: "ghost",
@@ -4344,7 +4467,7 @@ var init_TimePicker = __esm({
4344
4467
  borderRadius: "xs",
4345
4468
  "aria-label": forwardsLabel,
4346
4469
  title: forwardsLabel,
4347
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, null),
4470
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, null),
4348
4471
  onClick: handleForwardClick,
4349
4472
  isDisabled,
4350
4473
  style: isDisabled ? { backgroundColor: "transparent" } : {}
@@ -4352,7 +4475,7 @@ var init_TimePicker = __esm({
4352
4475
  )
4353
4476
  );
4354
4477
  };
4355
- texts17 = createTexts({
4478
+ texts18 = createTexts({
4356
4479
  selectedTimeIs: (time) => ({
4357
4480
  nb: `Valgt tidspunkt er ${time}`,
4358
4481
  nn: `Valt tidspunkt er ${time}`,
@@ -4466,7 +4589,7 @@ var init_LineIcon = __esm({
4466
4589
  if (!Icon) {
4467
4590
  return null;
4468
4591
  }
4469
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: { ...styles3.iconContainer, ...sx } }, /* @__PURE__ */ React85__namespace.default.createElement(Icon, { sx: styles3.icon }));
4592
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: { ...styles3.iconContainer, ...sx } }, /* @__PURE__ */ React86__namespace.default.createElement(Icon, { sx: styles3.icon }));
4470
4593
  };
4471
4594
  }
4472
4595
  });
@@ -4486,7 +4609,7 @@ var init_InfoTag = __esm({
4486
4609
  size: size2,
4487
4610
  ...customProps
4488
4611
  });
4489
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React85__namespace.default.createElement(
4612
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React86__namespace.default.createElement(
4490
4613
  exports.LineIcon,
4491
4614
  {
4492
4615
  variant,
@@ -4494,7 +4617,7 @@ var init_InfoTag = __esm({
4494
4617
  sx: styles3.iconContainer,
4495
4618
  ...customProps
4496
4619
  }
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)));
4620
+ ), /* @__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
4621
  };
4499
4622
  }
4500
4623
  });
@@ -4523,7 +4646,7 @@ var init_TravelTag = __esm({
4523
4646
  backgroundColor: variant === "custom" ? backgroundColor : void 0
4524
4647
  });
4525
4648
  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(
4649
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React86__namespace.default.createElement(
4527
4650
  exports.LineIcon,
4528
4651
  {
4529
4652
  variant,
@@ -4534,7 +4657,7 @@ var init_TravelTag = __esm({
4534
4657
  customIconVariant,
4535
4658
  ...rest
4536
4659
  }
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 }));
4660
+ ), /* @__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
4661
  }
4539
4662
  );
4540
4663
  getDeviationLevelIcon = ({
@@ -4564,7 +4687,7 @@ var init_linjetag = __esm({
4564
4687
  init_TravelTag();
4565
4688
  }
4566
4689
  });
4567
- exports.TextLink = void 0; var texts18;
4690
+ exports.TextLink = void 0; var texts19;
4568
4691
  var init_TextLink = __esm({
4569
4692
  "src/link/TextLink.tsx"() {
4570
4693
  init_src();
@@ -4573,16 +4696,16 @@ var init_TextLink = __esm({
4573
4696
  var _a6;
4574
4697
  const { t: t2 } = useTranslation();
4575
4698
  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(
4699
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React86__namespace.default.createElement(
4577
4700
  sporIconReact.LinkOutOutline24Icon,
4578
4701
  {
4579
4702
  marginLeft: 0.5,
4580
- "aria-label": t2(texts18.externalLink)
4703
+ "aria-label": t2(texts19.externalLink)
4581
4704
  }
4582
4705
  ));
4583
4706
  }
4584
4707
  );
4585
- texts18 = createTexts({
4708
+ texts19 = createTexts({
4586
4709
  externalLink: {
4587
4710
  nb: "Ekstern lenke",
4588
4711
  nn: "Ekstern lenke",
@@ -4609,8 +4732,8 @@ var init_VyLogo = __esm({
4609
4732
  exports.VyLogo = ({ colorScheme, ...boxProps }) => {
4610
4733
  const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
4611
4734
  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(
4735
+ const id = React86.useId();
4736
+ 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
4737
  "path",
4615
4738
  {
4616
4739
  fillRule: "evenodd",
@@ -4618,7 +4741,7 @@ var init_VyLogo = __esm({
4618
4741
  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
4742
  fill: mainColor
4620
4743
  }
4621
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4744
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4622
4745
  "mask",
4623
4746
  {
4624
4747
  id: `${id}-a`,
@@ -4629,7 +4752,7 @@ var init_VyLogo = __esm({
4629
4752
  width: "94",
4630
4753
  height: "54"
4631
4754
  },
4632
- /* @__PURE__ */ React85__namespace.default.createElement(
4755
+ /* @__PURE__ */ React86__namespace.default.createElement(
4633
4756
  "path",
4634
4757
  {
4635
4758
  fillRule: "evenodd",
@@ -4638,7 +4761,7 @@ var init_VyLogo = __esm({
4638
4761
  fill: mainColor
4639
4762
  }
4640
4763
  )
4641
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4764
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4642
4765
  "g",
4643
4766
  {
4644
4767
  mask: `url(#${id}-a)`,
@@ -4646,9 +4769,9 @@ var init_VyLogo = __esm({
4646
4769
  clipRule: "evenodd",
4647
4770
  fill: mainColor
4648
4771
  },
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(
4772
+ /* @__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" }),
4773
+ /* @__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" })
4774
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4652
4775
  "path",
4653
4776
  {
4654
4777
  fillRule: "evenodd",
@@ -4656,7 +4779,7 @@ var init_VyLogo = __esm({
4656
4779
  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
4780
  fill: accentColor
4658
4781
  }
4659
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4782
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4660
4783
  "path",
4661
4784
  {
4662
4785
  fillRule: "evenodd",
@@ -4664,7 +4787,7 @@ var init_VyLogo = __esm({
4664
4787
  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
4788
  fill: mainColor
4666
4789
  }
4667
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4790
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4668
4791
  "mask",
4669
4792
  {
4670
4793
  id: `${id}-b`,
@@ -4675,7 +4798,7 @@ var init_VyLogo = __esm({
4675
4798
  width: "78",
4676
4799
  height: "54"
4677
4800
  },
4678
- /* @__PURE__ */ React85__namespace.default.createElement(
4801
+ /* @__PURE__ */ React86__namespace.default.createElement(
4679
4802
  "path",
4680
4803
  {
4681
4804
  fillRule: "evenodd",
@@ -4684,25 +4807,25 @@ var init_VyLogo = __esm({
4684
4807
  fill: mainColor
4685
4808
  }
4686
4809
  )
4687
- ), /* @__PURE__ */ React85__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React85__namespace.default.createElement(
4810
+ ), /* @__PURE__ */ React86__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React86__namespace.default.createElement(
4688
4811
  "path",
4689
4812
  {
4690
4813
  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
4814
  fill: mainColor
4692
4815
  }
4693
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4816
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4694
4817
  "path",
4695
4818
  {
4696
4819
  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
4820
  fill: mainColor
4698
4821
  }
4699
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4822
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4700
4823
  "path",
4701
4824
  {
4702
4825
  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
4826
  fill: accentColor
4704
4827
  }
4705
- )), /* @__PURE__ */ React85__namespace.default.createElement(
4828
+ )), /* @__PURE__ */ React86__namespace.default.createElement(
4706
4829
  "path",
4707
4830
  {
4708
4831
  fillRule: "evenodd",
@@ -4727,8 +4850,8 @@ var init_VyLogoPride = __esm({
4727
4850
  const redColor = colorScheme === "light" ? "#EA3323" : "#ffffff";
4728
4851
  const orangeColor = colorScheme === "light" ? "#F09436" : "#ffffff";
4729
4852
  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(
4853
+ const id = React86.useId();
4854
+ 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
4855
  "svg",
4733
4856
  {
4734
4857
  width: "108",
@@ -4737,7 +4860,7 @@ var init_VyLogoPride = __esm({
4737
4860
  fill: "none",
4738
4861
  xmlns: "http://www.w3.org/2000/svg"
4739
4862
  },
4740
- /* @__PURE__ */ React85__namespace.default.createElement(
4863
+ /* @__PURE__ */ React86__namespace.default.createElement(
4741
4864
  "path",
4742
4865
  {
4743
4866
  fillRule: "evenodd",
@@ -4746,7 +4869,7 @@ var init_VyLogoPride = __esm({
4746
4869
  fill: pinkColor
4747
4870
  }
4748
4871
  ),
4749
- /* @__PURE__ */ React85__namespace.default.createElement(
4872
+ /* @__PURE__ */ React86__namespace.default.createElement(
4750
4873
  "mask",
4751
4874
  {
4752
4875
  id: `${id}-a-pride`,
@@ -4757,7 +4880,7 @@ var init_VyLogoPride = __esm({
4757
4880
  width: "95",
4758
4881
  height: "55"
4759
4882
  },
4760
- /* @__PURE__ */ React85__namespace.default.createElement(
4883
+ /* @__PURE__ */ React86__namespace.default.createElement(
4761
4884
  "path",
4762
4885
  {
4763
4886
  fillRule: "evenodd",
@@ -4767,7 +4890,7 @@ var init_VyLogoPride = __esm({
4767
4890
  }
4768
4891
  )
4769
4892
  ),
4770
- /* @__PURE__ */ React85__namespace.default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React85__namespace.default.createElement(
4893
+ /* @__PURE__ */ React86__namespace.default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React86__namespace.default.createElement(
4771
4894
  "path",
4772
4895
  {
4773
4896
  fillRule: "evenodd",
@@ -4775,7 +4898,7 @@ var init_VyLogoPride = __esm({
4775
4898
  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
4899
  fill: purpleColor
4777
4900
  }
4778
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4901
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4779
4902
  "path",
4780
4903
  {
4781
4904
  fillRule: "evenodd",
@@ -4783,7 +4906,7 @@ var init_VyLogoPride = __esm({
4783
4906
  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
4907
  fill: darkPurpleColor
4785
4908
  }
4786
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4909
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4787
4910
  "path",
4788
4911
  {
4789
4912
  fillRule: "evenodd",
@@ -4791,7 +4914,7 @@ var init_VyLogoPride = __esm({
4791
4914
  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
4915
  fill: greenColor
4793
4916
  }
4794
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4917
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4795
4918
  "path",
4796
4919
  {
4797
4920
  fillRule: "evenodd",
@@ -4799,7 +4922,7 @@ var init_VyLogoPride = __esm({
4799
4922
  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
4923
  fill: darkGreenColor
4801
4924
  }
4802
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4925
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4803
4926
  "path",
4804
4927
  {
4805
4928
  fillRule: "evenodd",
@@ -4808,7 +4931,7 @@ var init_VyLogoPride = __esm({
4808
4931
  fill: darkPurpleColor
4809
4932
  }
4810
4933
  )),
4811
- /* @__PURE__ */ React85__namespace.default.createElement(
4934
+ /* @__PURE__ */ React86__namespace.default.createElement(
4812
4935
  "path",
4813
4936
  {
4814
4937
  fillRule: "evenodd",
@@ -4817,7 +4940,7 @@ var init_VyLogoPride = __esm({
4817
4940
  fill: blueColor
4818
4941
  }
4819
4942
  ),
4820
- /* @__PURE__ */ React85__namespace.default.createElement(
4943
+ /* @__PURE__ */ React86__namespace.default.createElement(
4821
4944
  "path",
4822
4945
  {
4823
4946
  fillRule: "evenodd",
@@ -4826,7 +4949,7 @@ var init_VyLogoPride = __esm({
4826
4949
  fill: blueColor
4827
4950
  }
4828
4951
  ),
4829
- /* @__PURE__ */ React85__namespace.default.createElement(
4952
+ /* @__PURE__ */ React86__namespace.default.createElement(
4830
4953
  "path",
4831
4954
  {
4832
4955
  fillRule: "evenodd",
@@ -4835,7 +4958,7 @@ var init_VyLogoPride = __esm({
4835
4958
  fill: greenColor
4836
4959
  }
4837
4960
  ),
4838
- /* @__PURE__ */ React85__namespace.default.createElement(
4961
+ /* @__PURE__ */ React86__namespace.default.createElement(
4839
4962
  "mask",
4840
4963
  {
4841
4964
  id: `${id}-b-pride`,
@@ -4846,7 +4969,7 @@ var init_VyLogoPride = __esm({
4846
4969
  width: "78",
4847
4970
  height: "55"
4848
4971
  },
4849
- /* @__PURE__ */ React85__namespace.default.createElement(
4972
+ /* @__PURE__ */ React86__namespace.default.createElement(
4850
4973
  "path",
4851
4974
  {
4852
4975
  fillRule: "evenodd",
@@ -4856,7 +4979,7 @@ var init_VyLogoPride = __esm({
4856
4979
  }
4857
4980
  )
4858
4981
  ),
4859
- /* @__PURE__ */ React85__namespace.default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React85__namespace.default.createElement(
4982
+ /* @__PURE__ */ React86__namespace.default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React86__namespace.default.createElement(
4860
4983
  "path",
4861
4984
  {
4862
4985
  fillRule: "evenodd",
@@ -4864,7 +4987,7 @@ var init_VyLogoPride = __esm({
4864
4987
  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
4988
  fill: greenColor
4866
4989
  }
4867
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4990
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4868
4991
  "path",
4869
4992
  {
4870
4993
  fillRule: "evenodd",
@@ -4872,7 +4995,7 @@ var init_VyLogoPride = __esm({
4872
4995
  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
4996
  fill: darkGreenColor
4874
4997
  }
4875
- ), /* @__PURE__ */ React85__namespace.default.createElement(
4998
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4876
4999
  "path",
4877
5000
  {
4878
5001
  fillRule: "evenodd",
@@ -4880,7 +5003,7 @@ var init_VyLogoPride = __esm({
4880
5003
  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
5004
  fill: redColor
4882
5005
  }
4883
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5006
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4884
5007
  "path",
4885
5008
  {
4886
5009
  fillRule: "evenodd",
@@ -4888,7 +5011,7 @@ var init_VyLogoPride = __esm({
4888
5011
  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
5012
  fill: orangeColor
4890
5013
  }
4891
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5014
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4892
5015
  "path",
4893
5016
  {
4894
5017
  fillRule: "evenodd",
@@ -4897,7 +5020,7 @@ var init_VyLogoPride = __esm({
4897
5020
  fill: yellowColor
4898
5021
  }
4899
5022
  )),
4900
- /* @__PURE__ */ React85__namespace.default.createElement(
5023
+ /* @__PURE__ */ React86__namespace.default.createElement(
4901
5024
  "path",
4902
5025
  {
4903
5026
  fillRule: "evenodd",
@@ -4919,109 +5042,109 @@ var init_CargonetLogo = __esm({
4919
5042
  }) => {
4920
5043
  const mainColor = "#DF8200";
4921
5044
  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(
5045
+ 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
5046
  "path",
4924
5047
  {
4925
5048
  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
5049
  fill: accentColor
4927
5050
  }
4928
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5051
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4929
5052
  "path",
4930
5053
  {
4931
5054
  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
5055
  fill: accentColor
4933
5056
  }
4934
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5057
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4935
5058
  "path",
4936
5059
  {
4937
5060
  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
5061
  fill: accentColor
4939
5062
  }
4940
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5063
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4941
5064
  "path",
4942
5065
  {
4943
5066
  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
5067
  fill: accentColor
4945
5068
  }
4946
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5069
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4947
5070
  "path",
4948
5071
  {
4949
5072
  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
5073
  fill: accentColor
4951
5074
  }
4952
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5075
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4953
5076
  "path",
4954
5077
  {
4955
5078
  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
5079
  fill: mainColor
4957
5080
  }
4958
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5081
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4959
5082
  "path",
4960
5083
  {
4961
5084
  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
5085
  fill: mainColor
4963
5086
  }
4964
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5087
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4965
5088
  "path",
4966
5089
  {
4967
5090
  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
5091
  fill: mainColor
4969
5092
  }
4970
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5093
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4971
5094
  "path",
4972
5095
  {
4973
5096
  d: "M21.4911 10.2565H31.1579V0.589175H21.4911V10.2565Z",
4974
5097
  fill: mainColor
4975
5098
  }
4976
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5099
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4977
5100
  "path",
4978
5101
  {
4979
5102
  d: "M41.3861 10.8855H31.7757V20.5528H41.3861V10.8855Z",
4980
5103
  fill: mainColor
4981
5104
  }
4982
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5105
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4983
5106
  "path",
4984
5107
  {
4985
5108
  d: "M42.0022 10.2547H51.6126V0.587402H42.0022V10.2547Z",
4986
5109
  fill: mainColor
4987
5110
  }
4988
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5111
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4989
5112
  "path",
4990
5113
  {
4991
5114
  d: "M21.477 30.7758H31.1431V21.1654H21.477V30.7758Z",
4992
5115
  fill: mainColor
4993
5116
  }
4994
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5117
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
4995
5118
  "path",
4996
5119
  {
4997
5120
  d: "M11.2124 20.5493H20.8791V10.8826H11.2124V20.5493Z",
4998
5121
  fill: mainColor
4999
5122
  }
5000
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5123
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
5001
5124
  "path",
5002
5125
  {
5003
5126
  d: "M0.910156 30.7911H10.5775V21.1801H0.910156V30.7911Z",
5004
5127
  fill: mainColor
5005
5128
  }
5006
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5129
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
5007
5130
  "path",
5008
5131
  {
5009
5132
  d: "M11.1948 41.0258H20.8615V31.4154H11.1948V41.0258Z",
5010
5133
  fill: mainColor
5011
5134
  }
5012
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5135
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
5013
5136
  "path",
5014
5137
  {
5015
5138
  d: "M31.7669 41.0581H41.4336V31.3908H31.7669V41.0581Z",
5016
5139
  fill: mainColor
5017
5140
  }
5018
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5141
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
5019
5142
  "path",
5020
5143
  {
5021
5144
  d: "M21.4776 51.2277H31.1443V41.656H21.4776V51.2277Z",
5022
5145
  fill: mainColor
5023
5146
  }
5024
- ), /* @__PURE__ */ React85__namespace.default.createElement(
5147
+ ), /* @__PURE__ */ React86__namespace.default.createElement(
5025
5148
  "path",
5026
5149
  {
5027
5150
  d: "M42.0615 51.2283H51.7282V41.6989H42.0615V51.2283Z",
@@ -5040,7 +5163,7 @@ var init_logo = __esm({
5040
5163
  init_CargonetLogo();
5041
5164
  }
5042
5165
  });
5043
- exports.JumpButton = void 0; var texts19;
5166
+ exports.JumpButton = void 0; var texts20;
5044
5167
  var init_JumpButton = __esm({
5045
5168
  "src/media-controller/JumpButton.tsx"() {
5046
5169
  init_src();
@@ -5055,19 +5178,19 @@ var init_JumpButton = __esm({
5055
5178
  variant: "jumpSkip",
5056
5179
  size: size2
5057
5180
  });
5058
- return /* @__PURE__ */ React85__namespace.default.createElement(
5181
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5059
5182
  react.Center,
5060
5183
  {
5061
5184
  as: "button",
5062
5185
  sx: styles3.container,
5063
- "aria-label": direction2 === "forward" ? t2(texts19.forward) : t2(texts19.backward),
5186
+ "aria-label": direction2 === "forward" ? t2(texts20.forward) : t2(texts20.backward),
5064
5187
  disabled: isDisabled,
5065
5188
  ...props
5066
5189
  },
5067
- direction2 === "forward" ? /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.Backward15MediaControllerFill30Icon, { sx: styles3.icon })
5190
+ direction2 === "forward" ? /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.Backward15MediaControllerFill30Icon, { sx: styles3.icon })
5068
5191
  );
5069
5192
  };
5070
- texts19 = createTexts({
5193
+ texts20 = createTexts({
5071
5194
  forward: {
5072
5195
  nb: "15 sekunder frem",
5073
5196
  nn: "15 sekunder fram",
@@ -5083,7 +5206,7 @@ var init_JumpButton = __esm({
5083
5206
  });
5084
5207
  }
5085
5208
  });
5086
- exports.PlayPauseButton = void 0; var texts20;
5209
+ exports.PlayPauseButton = void 0; var texts21;
5087
5210
  var init_PlayPauseButton = __esm({
5088
5211
  "src/media-controller/PlayPauseButton.tsx"() {
5089
5212
  init_src();
@@ -5098,19 +5221,19 @@ var init_PlayPauseButton = __esm({
5098
5221
  variant: "play",
5099
5222
  size: size2
5100
5223
  });
5101
- return /* @__PURE__ */ React85__namespace.default.createElement(
5224
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5102
5225
  react.Center,
5103
5226
  {
5104
5227
  as: "button",
5105
5228
  sx: styles3.container,
5106
- "aria-label": isPlaying ? t2(texts20.pause) : t2(texts20.play),
5229
+ "aria-label": isPlaying ? t2(texts21.pause) : t2(texts21.play),
5107
5230
  disabled: isDisabled,
5108
5231
  ...props
5109
5232
  },
5110
- isPlaying ? /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.PlayMediaControllerFill24Icon, { sx: styles3.icon })
5233
+ isPlaying ? /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.PlayMediaControllerFill24Icon, { sx: styles3.icon })
5111
5234
  );
5112
5235
  };
5113
- texts20 = createTexts({
5236
+ texts21 = createTexts({
5114
5237
  pause: {
5115
5238
  nb: "Pause",
5116
5239
  nn: "Pause",
@@ -5126,7 +5249,7 @@ var init_PlayPauseButton = __esm({
5126
5249
  });
5127
5250
  }
5128
5251
  });
5129
- exports.SkipButton = void 0; var texts21;
5252
+ exports.SkipButton = void 0; var texts22;
5130
5253
  var init_SkipButton = __esm({
5131
5254
  "src/media-controller/SkipButton.tsx"() {
5132
5255
  init_src();
@@ -5141,19 +5264,19 @@ var init_SkipButton = __esm({
5141
5264
  variant: "jumpSkip",
5142
5265
  size: size2
5143
5266
  });
5144
- return /* @__PURE__ */ React85__namespace.default.createElement(
5267
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5145
5268
  react.Center,
5146
5269
  {
5147
5270
  as: "button",
5148
5271
  sx: styles3.container,
5149
- "aria-label": direction2 === "forward" ? t2(texts21.next) : t2(texts21.previous),
5272
+ "aria-label": direction2 === "forward" ? t2(texts22.next) : t2(texts22.previous),
5150
5273
  disabled: isDisabled,
5151
5274
  ...props
5152
5275
  },
5153
- direction2 === "forward" ? /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.PreviousMediaControllerFill30Icon, { sx: styles3.icon })
5276
+ direction2 === "forward" ? /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.PreviousMediaControllerFill30Icon, { sx: styles3.icon })
5154
5277
  );
5155
5278
  };
5156
- texts21 = createTexts({
5279
+ texts22 = createTexts({
5157
5280
  next: {
5158
5281
  nb: "Neste",
5159
5282
  nn: "Neste",
@@ -5187,7 +5310,7 @@ var init_ModalHeader = __esm({
5187
5310
  fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
5188
5311
  textAlign: size2 === "lg" ? "center" : "left"
5189
5312
  };
5190
- return /* @__PURE__ */ React85__namespace.default.createElement(react.ModalHeader, { as: "h1", ...props, ref, ...styles3 });
5313
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.ModalHeader, { as: "h1", ...props, ref, ...styles3 });
5191
5314
  }
5192
5315
  );
5193
5316
  }
@@ -5197,7 +5320,7 @@ var init_Drawer = __esm({
5197
5320
  "src/modal/Drawer.tsx"() {
5198
5321
  init_ModalHeader();
5199
5322
  exports.Drawer = (props) => {
5200
- return /* @__PURE__ */ React85__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React85__namespace.default.createElement(react.Drawer, { ...props }));
5323
+ return /* @__PURE__ */ React86__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React86__namespace.default.createElement(react.Drawer, { ...props }));
5201
5324
  };
5202
5325
  exports.DrawerContent = react.forwardRef(
5203
5326
  ({ children, ...props }, ref) => {
@@ -5214,7 +5337,7 @@ var init_Drawer = __esm({
5214
5337
  });
5215
5338
  const isTopOrBottom = placement === "top" || placement === "bottom";
5216
5339
  const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
5217
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React85__namespace.default.createElement(
5340
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React86__namespace.default.createElement(
5218
5341
  react.DrawerContent,
5219
5342
  {
5220
5343
  ...widthConstraits,
@@ -5223,13 +5346,13 @@ var init_Drawer = __esm({
5223
5346
  ...props,
5224
5347
  ref
5225
5348
  },
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)))
5349
+ /* @__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
5350
  ));
5228
5351
  }
5229
5352
  );
5230
5353
  Notch = react.forwardRef((props, ref) => {
5231
5354
  const placement = useDrawerContext();
5232
- return /* @__PURE__ */ React85__namespace.default.createElement(
5355
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5233
5356
  react.Box,
5234
5357
  {
5235
5358
  position: "absolute",
@@ -5241,14 +5364,14 @@ var init_Drawer = __esm({
5241
5364
  ...props,
5242
5365
  ref
5243
5366
  },
5244
- /* @__PURE__ */ React85__namespace.default.createElement(
5367
+ /* @__PURE__ */ React86__namespace.default.createElement(
5245
5368
  react.Center,
5246
5369
  {
5247
5370
  background: placement === "bottom" ? "bottom" : "top",
5248
5371
  padding: 2,
5249
5372
  borderRadius: "md"
5250
5373
  },
5251
- /* @__PURE__ */ React85__namespace.default.createElement(
5374
+ /* @__PURE__ */ React86__namespace.default.createElement(
5252
5375
  react.Box,
5253
5376
  {
5254
5377
  width: "2.265rem",
@@ -5260,14 +5383,14 @@ var init_Drawer = __esm({
5260
5383
  )
5261
5384
  );
5262
5385
  });
5263
- DrawerContext = React85__namespace.default.createContext(void 0);
5264
- DrawerProvider = (props) => /* @__PURE__ */ React85__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
5386
+ DrawerContext = React86__namespace.default.createContext(void 0);
5387
+ DrawerProvider = (props) => /* @__PURE__ */ React86__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
5265
5388
  useDrawerContext = () => {
5266
- return React85__namespace.default.useContext(DrawerContext);
5389
+ return React86__namespace.default.useContext(DrawerContext);
5267
5390
  };
5268
5391
  }
5269
5392
  });
5270
- exports.FullScreenDrawer = void 0; var DrawerTopMenu, DrawerCloseButton2, DrawerBackButton, texts22;
5393
+ exports.FullScreenDrawer = void 0; var DrawerTopMenu, DrawerCloseButton2, DrawerBackButton, texts23;
5271
5394
  var init_FullScreenDrawer = __esm({
5272
5395
  "src/modal/FullScreenDrawer.tsx"() {
5273
5396
  init_button();
@@ -5277,13 +5400,13 @@ var init_FullScreenDrawer = __esm({
5277
5400
  children,
5278
5401
  title,
5279
5402
  placement = "bottom",
5280
- leftButton = /* @__PURE__ */ React85__namespace.default.createElement(DrawerBackButton, null),
5281
- rightButton = /* @__PURE__ */ React85__namespace.default.createElement(DrawerCloseButton2, null),
5403
+ leftButton = /* @__PURE__ */ React86__namespace.default.createElement(DrawerBackButton, null),
5404
+ rightButton = /* @__PURE__ */ React86__namespace.default.createElement(DrawerCloseButton2, null),
5282
5405
  isOpen,
5283
5406
  onClose,
5284
5407
  body
5285
5408
  }) => {
5286
- const [isContentBoxScrolled, setContentBoxScrolled] = React85.useState(false);
5409
+ const [isContentBoxScrolled, setContentBoxScrolled] = React86.useState(false);
5287
5410
  const onContentScroll = (e) => {
5288
5411
  const target = e.target;
5289
5412
  if (target.scrollTop <= 0) {
@@ -5292,10 +5415,10 @@ var init_FullScreenDrawer = __esm({
5292
5415
  }
5293
5416
  setContentBoxScrolled(true);
5294
5417
  };
5295
- React85.useEffect(() => {
5418
+ React86.useEffect(() => {
5296
5419
  setContentBoxScrolled(false);
5297
5420
  }, [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(
5421
+ 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
5422
  react.DrawerContent,
5300
5423
  {
5301
5424
  height: "100vh",
@@ -5303,7 +5426,7 @@ var init_FullScreenDrawer = __esm({
5303
5426
  backgroundPosition: "top",
5304
5427
  backgroundRepeat: "no-repeat"
5305
5428
  },
5306
- /* @__PURE__ */ React85__namespace.default.createElement(
5429
+ /* @__PURE__ */ React86__namespace.default.createElement(
5307
5430
  DrawerTopMenu,
5308
5431
  {
5309
5432
  isScrolled: isContentBoxScrolled,
@@ -5312,7 +5435,7 @@ var init_FullScreenDrawer = __esm({
5312
5435
  rightButton
5313
5436
  }
5314
5437
  ),
5315
- /* @__PURE__ */ React85__namespace.default.createElement(react.DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
5438
+ /* @__PURE__ */ React86__namespace.default.createElement(react.DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
5316
5439
  ));
5317
5440
  };
5318
5441
  DrawerTopMenu = ({
@@ -5325,7 +5448,7 @@ var init_FullScreenDrawer = __esm({
5325
5448
  "bg.default.light",
5326
5449
  "bg.default.dark"
5327
5450
  );
5328
- return /* @__PURE__ */ React85__namespace.default.createElement(
5451
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5329
5452
  react.Flex,
5330
5453
  {
5331
5454
  width: "100%",
@@ -5338,8 +5461,8 @@ var init_FullScreenDrawer = __esm({
5338
5461
  transition: "box-shadow 0.2s",
5339
5462
  boxShadow: isScrolled ? "md" : void 0
5340
5463
  },
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(
5464
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width: "fit-content" }, leftButton)),
5465
+ /* @__PURE__ */ React86__namespace.default.createElement(
5343
5466
  react.DrawerHeader,
5344
5467
  {
5345
5468
  as: "h2",
@@ -5352,7 +5475,7 @@ var init_FullScreenDrawer = __esm({
5352
5475
  },
5353
5476
  title
5354
5477
  ),
5355
- /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
5478
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
5356
5479
  );
5357
5480
  };
5358
5481
  DrawerCloseButton2 = () => {
@@ -5362,26 +5485,26 @@ var init_FullScreenDrawer = __esm({
5362
5485
  `(min-width: ${tokens11__namespace.default.size.breakpoint.sm})`
5363
5486
  );
5364
5487
  if (isScreenSizeMinSm) {
5365
- return /* @__PURE__ */ React85__namespace.default.createElement(
5488
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5366
5489
  exports.Button,
5367
5490
  {
5368
5491
  variant: "ghost",
5369
- leftIcon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill24Icon, null),
5492
+ leftIcon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill24Icon, null),
5370
5493
  onClick: onClose,
5371
- "aria-label": t2(texts22.close),
5494
+ "aria-label": t2(texts23.close),
5372
5495
  width: "fit-content",
5373
5496
  marginLeft: "auto"
5374
5497
  },
5375
- t2(texts22.close)
5498
+ t2(texts23.close)
5376
5499
  );
5377
5500
  }
5378
- return /* @__PURE__ */ React85__namespace.default.createElement(
5501
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5379
5502
  exports.IconButton,
5380
5503
  {
5381
5504
  variant: "ghost",
5382
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill30Icon, null),
5505
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill30Icon, null),
5383
5506
  onClick: onClose,
5384
- "aria-label": t2(texts22.close)
5507
+ "aria-label": t2(texts23.close)
5385
5508
  }
5386
5509
  );
5387
5510
  };
@@ -5392,30 +5515,30 @@ var init_FullScreenDrawer = __esm({
5392
5515
  `(min-width: ${tokens11__namespace.default.size.breakpoint.sm})`
5393
5516
  );
5394
5517
  if (isScreenSizeMinSm) {
5395
- return /* @__PURE__ */ React85__namespace.default.createElement(
5518
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5396
5519
  exports.Button,
5397
5520
  {
5398
5521
  variant: "ghost",
5399
- leftIcon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
5522
+ leftIcon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
5400
5523
  onClick: onClose,
5401
- "aria-label": t2(texts22.backAriaLabel),
5524
+ "aria-label": t2(texts23.backAriaLabel),
5402
5525
  width: "fit-content",
5403
5526
  marginLeft: "auto"
5404
5527
  },
5405
- t2(texts22.back)
5528
+ t2(texts23.back)
5406
5529
  );
5407
5530
  }
5408
- return /* @__PURE__ */ React85__namespace.default.createElement(
5531
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5409
5532
  exports.IconButton,
5410
5533
  {
5411
5534
  variant: "ghost",
5412
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowLeftFill30Icon, null),
5535
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowLeftFill30Icon, null),
5413
5536
  onClick: onClose,
5414
- "aria-label": t2(texts22.close)
5537
+ "aria-label": t2(texts23.close)
5415
5538
  }
5416
5539
  );
5417
5540
  };
5418
- texts22 = createTexts({
5541
+ texts23 = createTexts({
5419
5542
  close: {
5420
5543
  nb: "Lukk",
5421
5544
  nn: "Lukk",
@@ -5458,7 +5581,7 @@ var init_SimpleDrawer = __esm({
5458
5581
  body,
5459
5582
  ...props
5460
5583
  }) => {
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)));
5584
+ 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
5585
  };
5463
5586
  }
5464
5587
  });
@@ -5473,7 +5596,7 @@ var init_modal = __esm({
5473
5596
  init_SimpleDrawer();
5474
5597
  }
5475
5598
  });
5476
- var EXPIRATION_DELAY; exports.Nudge = void 0; var texts23;
5599
+ var EXPIRATION_DELAY; exports.Nudge = void 0; var texts24;
5477
5600
  var init_Nudge = __esm({
5478
5601
  "src/nudge/Nudge.tsx"() {
5479
5602
  init_src();
@@ -5497,7 +5620,7 @@ var init_Nudge = __esm({
5497
5620
  }
5498
5621
  return null;
5499
5622
  }
5500
- return /* @__PURE__ */ React85__namespace.default.createElement(
5623
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5501
5624
  react.Popover,
5502
5625
  {
5503
5626
  arrowSize: 12,
@@ -5505,11 +5628,11 @@ var init_Nudge = __esm({
5505
5628
  defaultIsOpen: true,
5506
5629
  ...props
5507
5630
  },
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)))))))
5631
+ /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverAnchor, null, children),
5632
+ /* @__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
5633
  );
5511
5634
  };
5512
- texts23 = createTexts({
5635
+ texts24 = createTexts({
5513
5636
  close: {
5514
5637
  nb: "Lukk",
5515
5638
  nn: "Lukk",
@@ -5525,7 +5648,7 @@ var init_Nudge = __esm({
5525
5648
  });
5526
5649
  }
5527
5650
  });
5528
- exports.WizardNudge = void 0; var NextOrCloseButton, texts24;
5651
+ exports.WizardNudge = void 0; var NextOrCloseButton, texts25;
5529
5652
  var init_WizardNudge = __esm({
5530
5653
  "src/nudge/WizardNudge.tsx"() {
5531
5654
  init_src();
@@ -5536,23 +5659,23 @@ var init_WizardNudge = __esm({
5536
5659
  content,
5537
5660
  ...props
5538
5661
  }) => {
5539
- const [currentStep, setCurrentStep] = React85.useState(1);
5662
+ const [currentStep, setCurrentStep] = React86.useState(1);
5540
5663
  const totalSteps = content.length;
5541
5664
  const isLastStep = totalSteps === currentStep;
5542
5665
  const onNext = () => setCurrentStep((prev) => prev + 1);
5543
- return /* @__PURE__ */ React85__namespace.default.createElement(
5666
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5544
5667
  exports.Nudge,
5545
5668
  {
5546
5669
  onClose,
5547
5670
  name,
5548
5671
  content: content[currentStep - 1],
5549
- actions: /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React85__namespace.default.createElement(
5672
+ actions: /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React86__namespace.default.createElement(
5550
5673
  exports.ProgressIndicator,
5551
5674
  {
5552
5675
  activeStep: currentStep,
5553
5676
  numberOfSteps: totalSteps
5554
5677
  }
5555
- ), /* @__PURE__ */ React85__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React85__namespace.default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
5678
+ ), /* @__PURE__ */ React86__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React86__namespace.default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
5556
5679
  ...props
5557
5680
  },
5558
5681
  children
@@ -5561,19 +5684,19 @@ var init_WizardNudge = __esm({
5561
5684
  NextOrCloseButton = ({ isLastStep, onNext }) => {
5562
5685
  const { onClose } = react.usePopoverContext();
5563
5686
  const { t: t2 } = useTranslation();
5564
- return /* @__PURE__ */ React85__namespace.default.createElement(
5687
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5565
5688
  exports.Button,
5566
5689
  {
5567
5690
  variant: "tertiary",
5568
5691
  size: "xs",
5569
- leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowRightFill18Icon, null),
5692
+ leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowRightFill18Icon, null),
5570
5693
  onClick: isLastStep ? onClose : onNext,
5571
5694
  width: "fit-content"
5572
5695
  },
5573
- t2(isLastStep ? texts24.finish : texts24.nextStep)
5696
+ t2(isLastStep ? texts25.finish : texts25.nextStep)
5574
5697
  );
5575
5698
  };
5576
- texts24 = createTexts({
5699
+ texts25 = createTexts({
5577
5700
  nextStep: {
5578
5701
  nb: "Neste",
5579
5702
  nn: "Neste",
@@ -5597,7 +5720,7 @@ var init_nudge = __esm({
5597
5720
  init_WizardNudge();
5598
5721
  }
5599
5722
  });
5600
- exports.Pagination = void 0; var texts25;
5723
+ exports.Pagination = void 0; var texts26;
5601
5724
  var init_Pagination = __esm({
5602
5725
  "src/pagination/Pagination.tsx"() {
5603
5726
  init_src();
@@ -5644,7 +5767,7 @@ var init_Pagination = __esm({
5644
5767
  }
5645
5768
  }
5646
5769
  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(
5770
+ (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
5771
  react.Link,
5649
5772
  {
5650
5773
  key: index,
@@ -5661,7 +5784,7 @@ var init_Pagination = __esm({
5661
5784
  )
5662
5785
  );
5663
5786
  };
5664
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React85__namespace.default.createElement(
5787
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React86__namespace.default.createElement(
5665
5788
  react.UnorderedList,
5666
5789
  {
5667
5790
  display: "flex",
@@ -5670,26 +5793,26 @@ var init_Pagination = __esm({
5670
5793
  padding: 0,
5671
5794
  margin: 0
5672
5795
  },
5673
- /* @__PURE__ */ React85__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts25.previousPage) }, /* @__PURE__ */ React85__namespace.default.createElement(
5796
+ /* @__PURE__ */ React86__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts26.previousPage) }, /* @__PURE__ */ React86__namespace.default.createElement(
5674
5797
  exports.TextLink,
5675
5798
  {
5676
5799
  onClick: () => onPageChange(selectedPage - 1),
5677
5800
  sx: hasPreviousPage ? style.link : style.disabled
5678
5801
  },
5679
- /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, { sx: style.icon })
5802
+ /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, { sx: style.icon })
5680
5803
  )),
5681
5804
  renderPaginationButtons(),
5682
- /* @__PURE__ */ React85__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts25.nextPage) }, /* @__PURE__ */ React85__namespace.default.createElement(
5805
+ /* @__PURE__ */ React86__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts26.nextPage) }, /* @__PURE__ */ React86__namespace.default.createElement(
5683
5806
  exports.TextLink,
5684
5807
  {
5685
5808
  onClick: () => onPageChange(selectedPage + 1),
5686
5809
  sx: hasNextPage ? style.link : style.disabled
5687
5810
  },
5688
- /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { sx: style.icon })
5811
+ /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { sx: style.icon })
5689
5812
  ))
5690
5813
  ));
5691
5814
  };
5692
- texts25 = createTexts({
5815
+ texts26 = createTexts({
5693
5816
  previousPage: {
5694
5817
  nb: "Forrige side",
5695
5818
  nn: "F\xF8rre side",
@@ -5718,7 +5841,7 @@ var init_ProgressDot = __esm({
5718
5841
  init_src();
5719
5842
  ProgressDot = ({ isActive }) => {
5720
5843
  const style = react.useMultiStyleConfig("ProgressIndicator");
5721
- return /* @__PURE__ */ React85__namespace.default.createElement(
5844
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5722
5845
  react.Box,
5723
5846
  {
5724
5847
  as: "svg",
@@ -5728,12 +5851,12 @@ var init_ProgressDot = __esm({
5728
5851
  viewBox: "0 0 100 100",
5729
5852
  "aria-current": isActive ? "step" : void 0
5730
5853
  },
5731
- /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { as: "circle", cx: "50", cy: "50", r: "50" })
5854
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { as: "circle", cx: "50", cy: "50", r: "50" })
5732
5855
  );
5733
5856
  };
5734
5857
  }
5735
5858
  });
5736
- exports.ProgressIndicator = void 0; var texts26;
5859
+ exports.ProgressIndicator = void 0; var texts27;
5737
5860
  var init_ProgressIndicator = __esm({
5738
5861
  "src/progress-indicator/ProgressIndicator.tsx"() {
5739
5862
  init_src();
@@ -5744,7 +5867,7 @@ var init_ProgressIndicator = __esm({
5744
5867
  }) => {
5745
5868
  const { t: t2 } = useTranslation();
5746
5869
  const style = react.useMultiStyleConfig("ProgressIndicator");
5747
- return /* @__PURE__ */ React85__namespace.default.createElement(
5870
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5748
5871
  react.Box,
5749
5872
  {
5750
5873
  __css: style.root,
@@ -5752,9 +5875,9 @@ var init_ProgressIndicator = __esm({
5752
5875
  "aria-valuemin": 1,
5753
5876
  "aria-valuemax": numberOfSteps,
5754
5877
  "aria-valuenow": activeStep,
5755
- "aria-valuetext": t2(texts26.stepsOf(activeStep, numberOfSteps))
5878
+ "aria-valuetext": t2(texts27.stepsOf(activeStep, numberOfSteps))
5756
5879
  },
5757
- /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React85__namespace.default.createElement(
5880
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React86__namespace.default.createElement(
5758
5881
  ProgressDot,
5759
5882
  {
5760
5883
  key: i,
@@ -5764,7 +5887,7 @@ var init_ProgressIndicator = __esm({
5764
5887
  )))
5765
5888
  );
5766
5889
  };
5767
- texts26 = createTexts({
5890
+ texts27 = createTexts({
5768
5891
  stepsOf: (activeStep, numberOfSteps) => ({
5769
5892
  nb: `Steg ${activeStep} av ${numberOfSteps}`,
5770
5893
  nn: `Steg ${activeStep} av ${numberOfSteps}`,
@@ -5795,7 +5918,7 @@ var init_SporProvider = __esm({
5795
5918
  }) => {
5796
5919
  const brandCustomizations = exports.brandTheme[brand] ?? {};
5797
5920
  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));
5921
+ 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
5922
  };
5800
5923
  }
5801
5924
  });
@@ -5809,7 +5932,7 @@ var init_provider = __esm({
5809
5932
  var StepperContext, StepperProvider, useStepper;
5810
5933
  var init_StepperContext = __esm({
5811
5934
  "src/stepper/StepperContext.tsx"() {
5812
- StepperContext = React85__namespace.default.createContext(null);
5935
+ StepperContext = React86__namespace.default.createContext(null);
5813
5936
  StepperProvider = ({
5814
5937
  activeStep,
5815
5938
  children,
@@ -5817,7 +5940,7 @@ var init_StepperContext = __esm({
5817
5940
  numberOfSteps,
5818
5941
  variant
5819
5942
  }) => {
5820
- return /* @__PURE__ */ React85__namespace.default.createElement(
5943
+ return /* @__PURE__ */ React86__namespace.default.createElement(
5821
5944
  StepperContext.Provider,
5822
5945
  {
5823
5946
  value: { activeStep, onClick, numberOfSteps, variant }
@@ -5826,7 +5949,7 @@ var init_StepperContext = __esm({
5826
5949
  );
5827
5950
  };
5828
5951
  useStepper = () => {
5829
- const context = React85__namespace.default.useContext(StepperContext);
5952
+ const context = React86__namespace.default.useContext(StepperContext);
5830
5953
  if (!context) {
5831
5954
  throw new Error(
5832
5955
  "useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
@@ -5836,7 +5959,7 @@ var init_StepperContext = __esm({
5836
5959
  };
5837
5960
  }
5838
5961
  });
5839
- exports.Stepper = void 0; var texts27;
5962
+ exports.Stepper = void 0; var texts28;
5840
5963
  var init_Stepper = __esm({
5841
5964
  "src/stepper/Stepper.tsx"() {
5842
5965
  init_stepper();
@@ -5860,7 +5983,7 @@ var init_Stepper = __esm({
5860
5983
  const { t: t2 } = useTranslation();
5861
5984
  const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
5862
5985
  const shownHeading = heading || title;
5863
- return /* @__PURE__ */ React85__namespace.default.createElement(react.Box, { sx: style.root }, /* @__PURE__ */ React85__namespace.default.createElement(
5986
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: style.root }, /* @__PURE__ */ React86__namespace.default.createElement(
5864
5987
  StepperProvider,
5865
5988
  {
5866
5989
  onClick,
@@ -5868,7 +5991,7 @@ var init_Stepper = __esm({
5868
5991
  variant,
5869
5992
  numberOfSteps
5870
5993
  },
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(
5994
+ /* @__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
5995
  react.Flex,
5873
5996
  {
5874
5997
  justifyContent: "space-between",
@@ -5876,11 +5999,11 @@ var init_Stepper = __esm({
5876
5999
  gap: 2,
5877
6000
  flex: 1
5878
6001
  },
5879
- /* @__PURE__ */ React85__namespace.default.createElement(
6002
+ /* @__PURE__ */ React86__namespace.default.createElement(
5880
6003
  exports.IconButton,
5881
6004
  {
5882
- "aria-label": t2(texts27.back),
5883
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
6005
+ "aria-label": t2(texts28.back),
6006
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
5884
6007
  variant: "ghost",
5885
6008
  size: "sm",
5886
6009
  visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
@@ -5893,9 +6016,9 @@ var init_Stepper = __esm({
5893
6016
  }
5894
6017
  }
5895
6018
  ),
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(
6019
+ shownHeading && /* @__PURE__ */ React86__namespace.default.createElement(exports.Text, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
6020
+ /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: style.stepCounter }, t2(texts28.stepsOf(activeStep, numberOfSteps)))
6021
+ )), /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React86__namespace.default.createElement(
5899
6022
  exports.StepperStep,
5900
6023
  {
5901
6024
  key: index,
@@ -5908,7 +6031,7 @@ var init_Stepper = __esm({
5908
6031
  ))))
5909
6032
  ));
5910
6033
  };
5911
- texts27 = createTexts({
6034
+ texts28 = createTexts({
5912
6035
  stepsOf: (activeStep, numberOfSteps) => ({
5913
6036
  nb: `Steg ${activeStep}/${numberOfSteps}`,
5914
6037
  nn: `Steg ${activeStep}/${numberOfSteps}`,
@@ -5947,14 +6070,14 @@ var init_StepperStep = __esm({
5947
6070
  );
5948
6071
  const iconColor = react.useColorModeValue("blackAlpha.200", "whiteAlpha.200");
5949
6072
  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(
6073
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React86__namespace.default.createElement(
5951
6074
  sporIconReact.DropdownRightFill18Icon,
5952
6075
  {
5953
6076
  marginX: 5,
5954
6077
  display: ["none", null, "block"],
5955
6078
  color: iconColor
5956
6079
  }
5957
- ), isDisabled ? /* @__PURE__ */ React85__namespace.default.createElement(
6080
+ ), isDisabled ? /* @__PURE__ */ React86__namespace.default.createElement(
5958
6081
  exports.Text,
5959
6082
  {
5960
6083
  variant: "xs",
@@ -5964,7 +6087,7 @@ var init_StepperStep = __esm({
5964
6087
  paddingX: 2
5965
6088
  },
5966
6089
  children
5967
- ) : /* @__PURE__ */ React85__namespace.default.createElement(
6090
+ ) : /* @__PURE__ */ React86__namespace.default.createElement(
5968
6091
  exports.Button,
5969
6092
  {
5970
6093
  size: "xs",
@@ -6000,7 +6123,7 @@ exports.Tabs = void 0;
6000
6123
  var init_Tabs = __esm({
6001
6124
  "src/tab/Tabs.tsx"() {
6002
6125
  exports.Tabs = react.forwardRef((props, ref) => {
6003
- return /* @__PURE__ */ React85__namespace.createElement(react.Tabs, { ...props, ref });
6126
+ return /* @__PURE__ */ React86__namespace.createElement(react.Tabs, { ...props, ref });
6004
6127
  });
6005
6128
  }
6006
6129
  });
@@ -6022,7 +6145,7 @@ var init_Table = __esm({
6022
6145
  "src/table/Table.tsx"() {
6023
6146
  exports.Table = react.forwardRef((props, ref) => {
6024
6147
  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(
6148
+ 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
6149
  react.Table,
6027
6150
  {
6028
6151
  variant,
@@ -6766,16 +6889,16 @@ function defineCssVars(scope, keys2) {
6766
6889
  function defineStyle(styles3) {
6767
6890
  return styles3;
6768
6891
  }
6769
- function defineStyleConfig(config44) {
6770
- return config44;
6892
+ function defineStyleConfig(config45) {
6893
+ return config45;
6771
6894
  }
6772
- function createMultiStyleConfigHelpers(parts20) {
6895
+ function createMultiStyleConfigHelpers(parts21) {
6773
6896
  return {
6774
- definePartsStyle(config44) {
6775
- return config44;
6897
+ definePartsStyle(config45) {
6898
+ return config45;
6776
6899
  },
6777
- defineMultiStyleConfig(config44) {
6778
- return { parts: parts20, ...config44 };
6900
+ defineMultiStyleConfig(config45) {
6901
+ return { parts: parts21, ...config45 };
6779
6902
  }
6780
6903
  };
6781
6904
  }
@@ -8098,7 +8221,7 @@ function anatomy(name, map = {}) {
8098
8221
  "[anatomy] .part(...) should only be called once. Did you mean to use .extend(...) ?"
8099
8222
  );
8100
8223
  }
8101
- function parts20(...values) {
8224
+ function parts21(...values) {
8102
8225
  assert();
8103
8226
  for (const part of values) {
8104
8227
  map[part] = toPart(part);
@@ -8138,7 +8261,7 @@ function anatomy(name, map = {}) {
8138
8261
  }
8139
8262
  const __type = {};
8140
8263
  return {
8141
- parts: parts20,
8264
+ parts: parts21,
8142
8265
  toPart,
8143
8266
  extend,
8144
8267
  selectors,
@@ -11995,6 +12118,12 @@ var init_alert2 = __esm({
11995
12118
  container: {
11996
12119
  backgroundColor: "banana"
11997
12120
  }
12121
+ },
12122
+ service: {
12123
+ container: {
12124
+ backgroundColor: "darkTeal",
12125
+ color: "white"
12126
+ }
11998
12127
  }
11999
12128
  },
12000
12129
  defaultProps: {
@@ -12079,6 +12208,16 @@ var init_alert_expandable = __esm({
12079
12208
  backgroundColor: "pink"
12080
12209
  }
12081
12210
  }
12211
+ },
12212
+ service: {
12213
+ container: {
12214
+ _hover: {
12215
+ outlineColor: "blueGreen"
12216
+ },
12217
+ _active: {
12218
+ backgroundColor: "pine"
12219
+ }
12220
+ }
12082
12221
  }
12083
12222
  },
12084
12223
  defaultProps: {
@@ -12088,6 +12227,63 @@ var init_alert_expandable = __esm({
12088
12227
  alert_expandable_default = config4;
12089
12228
  }
12090
12229
  });
12230
+
12231
+ // src/theme/components/alert-service.ts
12232
+ var parts3, helpers4, config5, alert_service_default;
12233
+ var init_alert_service = __esm({
12234
+ "src/theme/components/alert-service.ts"() {
12235
+ init_dist4();
12236
+ init_dist3();
12237
+ parts3 = anatomy("alertService").parts(
12238
+ "container",
12239
+ "box",
12240
+ "notificationText",
12241
+ "serviceMessageContent"
12242
+ );
12243
+ helpers4 = createMultiStyleConfigHelpers(parts3.keys);
12244
+ config5 = helpers4.defineMultiStyleConfig({
12245
+ baseStyle: {
12246
+ container: {
12247
+ paddingX: 0,
12248
+ paddingY: 2,
12249
+ fontSize: "inherit",
12250
+ transitionProperty: "outline, border-radius",
12251
+ transitionDuration: "fast",
12252
+ borderTopRadius: "none",
12253
+ borderBottomRadius: "18px",
12254
+ _hover: {
12255
+ outline: "2px solid",
12256
+ outlineColor: "blueGreen"
12257
+ },
12258
+ _active: {
12259
+ backgroundColor: "pine",
12260
+ outlineColor: "pine"
12261
+ }
12262
+ },
12263
+ box: {
12264
+ outline: "1px solid",
12265
+ outlineColor: "blueGreen",
12266
+ backgroundColor: "darkTeal",
12267
+ borderBottomRadius: "1.125rem",
12268
+ borderTopRadius: "none"
12269
+ },
12270
+ notificationText: {
12271
+ color: "white",
12272
+ fontWeight: "400",
12273
+ fontSize: "1rem",
12274
+ pr: "0.375rem"
12275
+ },
12276
+ serviceMessageContent: {
12277
+ paddingX: "0.75rem",
12278
+ paddingTop: "0.375rem",
12279
+ paddingBottom: "0.9375rem",
12280
+ color: "white"
12281
+ }
12282
+ }
12283
+ });
12284
+ alert_service_default = config5;
12285
+ }
12286
+ });
12091
12287
  function getColorScheme(colorScheme) {
12092
12288
  let styles3 = colorCombinations[colorScheme];
12093
12289
  if (!styles3 && process.env.NODE_ENV === "development") {
@@ -12096,10 +12292,10 @@ function getColorScheme(colorScheme) {
12096
12292
  }
12097
12293
  return styles3;
12098
12294
  }
12099
- var config5, badge_default, colorCombinations;
12295
+ var config6, badge_default, colorCombinations;
12100
12296
  var init_badge = __esm({
12101
12297
  "src/theme/components/badge.ts"() {
12102
- config5 = react.defineStyleConfig({
12298
+ config6 = react.defineStyleConfig({
12103
12299
  baseStyle: ({ colorScheme }) => ({
12104
12300
  borderStyle: "solid",
12105
12301
  display: "inline-flex",
@@ -12126,7 +12322,7 @@ var init_badge = __esm({
12126
12322
  colorScheme: "grey"
12127
12323
  }
12128
12324
  });
12129
- badge_default = config5;
12325
+ badge_default = config6;
12130
12326
  colorCombinations = {
12131
12327
  yellow: {
12132
12328
  backgroundColor: "banana",
@@ -12289,7 +12485,7 @@ var init_accent_utils = __esm({
12289
12485
  init_brand_utils();
12290
12486
  }
12291
12487
  });
12292
- var config6, button_default;
12488
+ var config7, button_default;
12293
12489
  var init_button2 = __esm({
12294
12490
  "src/theme/components/button.ts"() {
12295
12491
  init_base_utils();
@@ -12299,7 +12495,7 @@ var init_button2 = __esm({
12299
12495
  init_ghost_utils();
12300
12496
  init_surface_utils();
12301
12497
  init_accent_utils();
12302
- config6 = react.defineStyleConfig({
12498
+ config7 = react.defineStyleConfig({
12303
12499
  baseStyle: (props) => ({
12304
12500
  border: 0,
12305
12501
  borderRadius: "xl",
@@ -12413,10 +12609,10 @@ var init_button2 = __esm({
12413
12609
  size: "md"
12414
12610
  }
12415
12611
  });
12416
- button_default = config6;
12612
+ button_default = config7;
12417
12613
  }
12418
12614
  });
12419
- var parts3, helpers4, config7, card_select_default;
12615
+ var parts4, helpers5, config8, card_select_default;
12420
12616
  var init_card_select = __esm({
12421
12617
  "src/theme/components/card-select.ts"() {
12422
12618
  init_dist4();
@@ -12425,9 +12621,9 @@ var init_card_select = __esm({
12425
12621
  init_floating_utils();
12426
12622
  init_focus_utils();
12427
12623
  init_ghost_utils();
12428
- parts3 = anatomy("card-select").parts("trigger", "card");
12429
- helpers4 = createMultiStyleConfigHelpers(parts3.keys);
12430
- config7 = helpers4.defineMultiStyleConfig({
12624
+ parts4 = anatomy("card-select").parts("trigger", "card");
12625
+ helpers5 = createMultiStyleConfigHelpers(parts4.keys);
12626
+ config8 = helpers5.defineMultiStyleConfig({
12431
12627
  baseStyle: (props) => ({
12432
12628
  trigger: {
12433
12629
  appearance: "none",
@@ -12529,18 +12725,18 @@ var init_card_select = __esm({
12529
12725
  }
12530
12726
  }
12531
12727
  });
12532
- card_select_default = config7;
12728
+ card_select_default = config8;
12533
12729
  }
12534
12730
  });
12535
- var helpers5, config8, checkbox_default;
12731
+ var helpers6, config9, checkbox_default;
12536
12732
  var init_checkbox = __esm({
12537
12733
  "src/theme/components/checkbox.ts"() {
12538
12734
  init_dist4();
12539
12735
  init_base_utils();
12540
12736
  init_brand_utils();
12541
12737
  init_focus_utils();
12542
- helpers5 = react.createMultiStyleConfigHelpers(checkboxAnatomy.keys);
12543
- config8 = helpers5.defineMultiStyleConfig({
12738
+ helpers6 = react.createMultiStyleConfigHelpers(checkboxAnatomy.keys);
12739
+ config9 = helpers6.defineMultiStyleConfig({
12544
12740
  baseStyle: (props) => ({
12545
12741
  container: {
12546
12742
  _hover: {
@@ -12611,10 +12807,10 @@ var init_checkbox = __esm({
12611
12807
  }
12612
12808
  })
12613
12809
  });
12614
- checkbox_default = config8;
12810
+ checkbox_default = config9;
12615
12811
  }
12616
12812
  });
12617
- var parts4, helpers6, config9, choice_chip_default;
12813
+ var parts5, helpers7, config10, choice_chip_default;
12618
12814
  var init_choice_chip = __esm({
12619
12815
  "src/theme/components/choice-chip.ts"() {
12620
12816
  init_accent_utils();
@@ -12622,9 +12818,9 @@ var init_choice_chip = __esm({
12622
12818
  init_brand_utils();
12623
12819
  init_floating_utils();
12624
12820
  init_focus_utils();
12625
- parts4 = themeTools.anatomy("choice-chip").parts("container", "icon", "label");
12626
- helpers6 = react.createMultiStyleConfigHelpers(parts4.keys);
12627
- config9 = helpers6.defineMultiStyleConfig({
12821
+ parts5 = themeTools.anatomy("choice-chip").parts("container", "icon", "label");
12822
+ helpers7 = react.createMultiStyleConfigHelpers(parts5.keys);
12823
+ config10 = helpers7.defineMultiStyleConfig({
12628
12824
  baseStyle: (props) => ({
12629
12825
  container: {
12630
12826
  display: "inline-flex",
@@ -12771,16 +12967,16 @@ var init_choice_chip = __esm({
12771
12967
  size: "sm"
12772
12968
  }
12773
12969
  });
12774
- choice_chip_default = config9;
12970
+ choice_chip_default = config10;
12775
12971
  }
12776
12972
  });
12777
- var $size6, config10, close_button_default;
12973
+ var $size6, config11, close_button_default;
12778
12974
  var init_close_button = __esm({
12779
12975
  "src/theme/components/close-button.ts"() {
12780
12976
  init_focus_utils();
12781
12977
  init_ghost_utils();
12782
12978
  $size6 = themeTools.cssVar("close-button-size");
12783
- config10 = react.defineStyleConfig({
12979
+ config11 = react.defineStyleConfig({
12784
12980
  baseStyle: (props) => ({
12785
12981
  w: [$size6.reference],
12786
12982
  h: [$size6.reference],
@@ -12819,15 +13015,15 @@ var init_close_button = __esm({
12819
13015
  size: "md"
12820
13016
  }
12821
13017
  });
12822
- close_button_default = config10;
13018
+ close_button_default = config11;
12823
13019
  }
12824
13020
  });
12825
- var variants13, defaultProps2, config11, code_default;
13021
+ var variants13, defaultProps2, config12, code_default;
12826
13022
  var init_code = __esm({
12827
13023
  "src/theme/components/code.ts"() {
12828
13024
  init_badge();
12829
13025
  ({ variants: variants13, defaultProps: defaultProps2 } = badge_default);
12830
- config11 = react.defineStyleConfig({
13026
+ config12 = react.defineStyleConfig({
12831
13027
  baseStyle: {
12832
13028
  fontFamily: "monospace",
12833
13029
  fontSize: ["mobile.xs", "desktop.xs"],
@@ -12837,7 +13033,7 @@ var init_code = __esm({
12837
13033
  variants: variants13,
12838
13034
  defaultProps: defaultProps2
12839
13035
  });
12840
- code_default = config11;
13036
+ code_default = config12;
12841
13037
  }
12842
13038
  });
12843
13039
  var borders2;
@@ -12880,10 +13076,10 @@ var init_colors = __esm({
12880
13076
  });
12881
13077
 
12882
13078
  // src/theme/foundations/config.ts
12883
- var config12;
13079
+ var config13;
12884
13080
  var init_config = __esm({
12885
13081
  "src/theme/foundations/config.ts"() {
12886
- config12 = {
13082
+ config13 = {
12887
13083
  cssVarPrefix: "spor",
12888
13084
  initialColorMode: "light",
12889
13085
  useSystemColorMode: false
@@ -13148,7 +13344,7 @@ __export(foundations_exports, {
13148
13344
  borders: () => borders2,
13149
13345
  breakpoints: () => breakpoints2,
13150
13346
  colors: () => colors2,
13151
- config: () => config12,
13347
+ config: () => config13,
13152
13348
  fontSizes: () => fontSizes,
13153
13349
  fontWeights: () => fontWeights,
13154
13350
  fonts: () => fonts,
@@ -13181,7 +13377,7 @@ var init_foundations = __esm({
13181
13377
  init_styles();
13182
13378
  }
13183
13379
  });
13184
- var parts5, $arrowBackground, helpers7, config13, datepicker_default;
13380
+ var parts6, $arrowBackground, helpers8, config14, datepicker_default;
13185
13381
  var init_datepicker2 = __esm({
13186
13382
  "src/theme/components/datepicker.ts"() {
13187
13383
  init_foundations();
@@ -13192,7 +13388,7 @@ var init_datepicker2 = __esm({
13192
13388
  init_focus_utils();
13193
13389
  init_ghost_utils();
13194
13390
  init_surface_utils();
13195
- parts5 = themeTools.anatomy("datepicker").parts(
13391
+ parts6 = themeTools.anatomy("datepicker").parts(
13196
13392
  "wrapper",
13197
13393
  "calendarTriggerButton",
13198
13394
  "arrow",
@@ -13206,8 +13402,8 @@ var init_datepicker2 = __esm({
13206
13402
  "cell"
13207
13403
  );
13208
13404
  $arrowBackground = themeTools.cssVar("popper-arrow-bg");
13209
- helpers7 = react.createMultiStyleConfigHelpers(parts5.keys);
13210
- config13 = helpers7.defineMultiStyleConfig({
13405
+ helpers8 = react.createMultiStyleConfigHelpers(parts6.keys);
13406
+ config14 = helpers8.defineMultiStyleConfig({
13211
13407
  baseStyle: (props) => ({
13212
13408
  wrapper: {
13213
13409
  transitionProperty: "box-shadow",
@@ -13371,7 +13567,7 @@ var init_datepicker2 = __esm({
13371
13567
  })
13372
13568
  }
13373
13569
  });
13374
- datepicker_default = config13;
13570
+ datepicker_default = config14;
13375
13571
  }
13376
13572
  });
13377
13573
  var baseStyle43, variantSolid5, variantDashed2, variants14, sizes25, divider_default;
@@ -13454,14 +13650,14 @@ function getSize5(value) {
13454
13650
  dialog: { maxWidth: value }
13455
13651
  };
13456
13652
  }
13457
- var helpers8, config14, drawer_default;
13653
+ var helpers9, config15, drawer_default;
13458
13654
  var init_drawer = __esm({
13459
13655
  "src/theme/components/drawer.ts"() {
13460
13656
  init_dist4();
13461
13657
  init_base_utils();
13462
13658
  init_bg_utils();
13463
- helpers8 = react.createMultiStyleConfigHelpers(modalAnatomy.keys);
13464
- config14 = helpers8.defineMultiStyleConfig({
13659
+ helpers9 = react.createMultiStyleConfigHelpers(modalAnatomy.keys);
13660
+ config15 = helpers9.defineMultiStyleConfig({
13465
13661
  baseStyle: (props) => ({
13466
13662
  overlay: {
13467
13663
  backgroundColor: "blackAlpha.600",
@@ -13523,10 +13719,10 @@ var init_drawer = __esm({
13523
13719
  size: "md"
13524
13720
  }
13525
13721
  });
13526
- drawer_default = config14;
13722
+ drawer_default = config15;
13527
13723
  }
13528
13724
  });
13529
- var parts6, helpers9, config15, fab_default, getPositionProps;
13725
+ var parts7, helpers10, config16, fab_default, getPositionProps;
13530
13726
  var init_fab = __esm({
13531
13727
  "src/theme/components/fab.ts"() {
13532
13728
  init_accent_utils();
@@ -13534,9 +13730,9 @@ var init_fab = __esm({
13534
13730
  init_brand_utils();
13535
13731
  init_focus_utils();
13536
13732
  init_surface_utils();
13537
- parts6 = themeTools.anatomy("fab").parts("container", "icon", "text");
13538
- helpers9 = react.createMultiStyleConfigHelpers(parts6.keys);
13539
- config15 = helpers9.defineMultiStyleConfig({
13733
+ parts7 = themeTools.anatomy("fab").parts("container", "icon", "text");
13734
+ helpers10 = react.createMultiStyleConfigHelpers(parts7.keys);
13735
+ config16 = helpers10.defineMultiStyleConfig({
13540
13736
  baseStyle: (props) => ({
13541
13737
  container: {
13542
13738
  display: "flex",
@@ -13618,7 +13814,7 @@ var init_fab = __esm({
13618
13814
  variant: "brand"
13619
13815
  }
13620
13816
  });
13621
- fab_default = config15;
13817
+ fab_default = config16;
13622
13818
  getPositionProps = (props) => {
13623
13819
  switch (props.placement) {
13624
13820
  case "top left":
@@ -13633,12 +13829,12 @@ var init_fab = __esm({
13633
13829
  };
13634
13830
  }
13635
13831
  });
13636
- var helpers10, config16, form_default;
13832
+ var helpers11, config17, form_default;
13637
13833
  var init_form = __esm({
13638
13834
  "src/theme/components/form.ts"() {
13639
13835
  init_dist4();
13640
- helpers10 = react.createMultiStyleConfigHelpers(formAnatomy.keys);
13641
- config16 = helpers10.defineMultiStyleConfig({
13836
+ helpers11 = react.createMultiStyleConfigHelpers(formAnatomy.keys);
13837
+ config17 = helpers11.defineMultiStyleConfig({
13642
13838
  baseStyle: (props) => ({
13643
13839
  container: {
13644
13840
  width: "100%",
@@ -13658,13 +13854,13 @@ var init_form = __esm({
13658
13854
  }
13659
13855
  })
13660
13856
  });
13661
- form_default = config16;
13857
+ form_default = config17;
13662
13858
  }
13663
13859
  });
13664
- var config17, form_label_default;
13860
+ var config18, form_label_default;
13665
13861
  var init_form_label = __esm({
13666
13862
  "src/theme/components/form-label.ts"() {
13667
- config17 = react.defineStyleConfig({
13863
+ config18 = react.defineStyleConfig({
13668
13864
  baseStyle: {
13669
13865
  fontSize: "mobile.sm",
13670
13866
  marginEnd: 3,
@@ -13677,7 +13873,7 @@ var init_form_label = __esm({
13677
13873
  }
13678
13874
  }
13679
13875
  });
13680
- form_label_default = config17;
13876
+ form_label_default = config18;
13681
13877
  }
13682
13878
  });
13683
13879
 
@@ -13699,7 +13895,7 @@ var init_sr_utils = __esm({
13699
13895
  };
13700
13896
  }
13701
13897
  });
13702
- var parts7, helpers11, config18, info_select_default;
13898
+ var parts8, helpers12, config19, info_select_default;
13703
13899
  var init_info_select = __esm({
13704
13900
  "src/theme/components/info-select.ts"() {
13705
13901
  init_dist4();
@@ -13707,14 +13903,14 @@ var init_info_select = __esm({
13707
13903
  init_floating_utils();
13708
13904
  init_focus_utils();
13709
13905
  init_sr_utils();
13710
- parts7 = anatomy("InfoSelect").parts(
13906
+ parts8 = anatomy("InfoSelect").parts(
13711
13907
  "container",
13712
13908
  "label",
13713
13909
  "button",
13714
13910
  "arrowIcon"
13715
13911
  );
13716
- helpers11 = react.createMultiStyleConfigHelpers(parts7.keys);
13717
- config18 = helpers11.defineMultiStyleConfig({
13912
+ helpers12 = react.createMultiStyleConfigHelpers(parts8.keys);
13913
+ config19 = helpers12.defineMultiStyleConfig({
13718
13914
  baseStyle: (props) => ({
13719
13915
  container: {},
13720
13916
  label: {
@@ -13782,14 +13978,14 @@ var init_info_select = __esm({
13782
13978
  variant: "base"
13783
13979
  }
13784
13980
  });
13785
- info_select_default = config18;
13981
+ info_select_default = config19;
13786
13982
  }
13787
13983
  });
13788
- var parts8, helpers12, config19, travel_tag_default, getDeviationContainerStyle, getDeviationBorderColor, getDeviationIconStyle, deviationIconColor;
13984
+ var parts9, helpers13, config20, travel_tag_default, getDeviationContainerStyle, getDeviationBorderColor, getDeviationIconStyle, deviationIconColor;
13789
13985
  var init_travel_tag = __esm({
13790
13986
  "src/theme/components/travel-tag.ts"() {
13791
13987
  init_focus_utils();
13792
- parts8 = themeTools.anatomy("travel-tag").parts(
13988
+ parts9 = themeTools.anatomy("travel-tag").parts(
13793
13989
  "container",
13794
13990
  "iconContainer",
13795
13991
  "icon",
@@ -13798,8 +13994,8 @@ var init_travel_tag = __esm({
13798
13994
  "description",
13799
13995
  "deviationIcon"
13800
13996
  );
13801
- helpers12 = react.createMultiStyleConfigHelpers(parts8.keys);
13802
- config19 = helpers12.defineMultiStyleConfig({
13997
+ helpers13 = react.createMultiStyleConfigHelpers(parts9.keys);
13998
+ config20 = helpers13.defineMultiStyleConfig({
13803
13999
  baseStyle: (props) => ({
13804
14000
  container: {
13805
14001
  position: "relative",
@@ -13990,7 +14186,7 @@ var init_travel_tag = __esm({
13990
14186
  size: "md"
13991
14187
  }
13992
14188
  });
13993
- travel_tag_default = config19;
14189
+ travel_tag_default = config20;
13994
14190
  getDeviationContainerStyle = (props) => {
13995
14191
  switch (props.deviationLevel) {
13996
14192
  case "critical":
@@ -14033,11 +14229,11 @@ var init_travel_tag = __esm({
14033
14229
  };
14034
14230
  }
14035
14231
  });
14036
- var parts9, helpers13, config20, info_tag_default;
14232
+ var parts10, helpers14, config21, info_tag_default;
14037
14233
  var init_info_tag = __esm({
14038
14234
  "src/theme/components/info-tag.ts"() {
14039
14235
  init_travel_tag();
14040
- parts9 = themeTools.anatomy("info-tag").parts(
14236
+ parts10 = themeTools.anatomy("info-tag").parts(
14041
14237
  "container",
14042
14238
  "iconContainer",
14043
14239
  "icon",
@@ -14045,8 +14241,8 @@ var init_info_tag = __esm({
14045
14241
  "title",
14046
14242
  "description"
14047
14243
  );
14048
- helpers13 = react.createMultiStyleConfigHelpers(parts9.keys);
14049
- config20 = helpers13.defineMultiStyleConfig({
14244
+ helpers14 = react.createMultiStyleConfigHelpers(parts10.keys);
14245
+ config21 = helpers14.defineMultiStyleConfig({
14050
14246
  baseStyle: (props) => ({
14051
14247
  ...travel_tag_default.baseStyle(props),
14052
14248
  iconContainer: {
@@ -14093,7 +14289,7 @@ var init_info_tag = __esm({
14093
14289
  })
14094
14290
  }
14095
14291
  });
14096
- info_tag_default = config20;
14292
+ info_tag_default = config21;
14097
14293
  }
14098
14294
  });
14099
14295
 
@@ -14217,13 +14413,13 @@ var init_input_utils = __esm({
14217
14413
  });
14218
14414
  }
14219
14415
  });
14220
- var helpers14, config21, input_default;
14416
+ var helpers15, config22, input_default;
14221
14417
  var init_input2 = __esm({
14222
14418
  "src/theme/components/input.ts"() {
14223
14419
  init_dist4();
14224
14420
  init_input_utils();
14225
- helpers14 = react.createMultiStyleConfigHelpers(inputAnatomy.keys);
14226
- config21 = helpers14.defineMultiStyleConfig({
14421
+ helpers15 = react.createMultiStyleConfigHelpers(inputAnatomy.keys);
14422
+ config22 = helpers15.defineMultiStyleConfig({
14227
14423
  baseStyle: (props) => ({
14228
14424
  ...inputBaseStyle(props)
14229
14425
  }),
@@ -14243,15 +14439,15 @@ var init_input2 = __esm({
14243
14439
  variant: "base"
14244
14440
  }
14245
14441
  });
14246
- input_default = config21;
14442
+ input_default = config22;
14247
14443
  }
14248
14444
  });
14249
- var parts10, helpers15, config22, line_icon_default;
14445
+ var parts11, helpers16, config23, line_icon_default;
14250
14446
  var init_line_icon = __esm({
14251
14447
  "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({
14448
+ parts11 = themeTools.anatomy("line-tag").parts("iconContainer", "icon");
14449
+ helpers16 = react.createMultiStyleConfigHelpers(parts11.keys);
14450
+ config23 = helpers16.defineMultiStyleConfig({
14255
14451
  baseStyle: {
14256
14452
  iconContainer: {
14257
14453
  display: "flex",
@@ -14368,16 +14564,16 @@ var init_line_icon = __esm({
14368
14564
  size: "md"
14369
14565
  }
14370
14566
  });
14371
- line_icon_default = config22;
14567
+ line_icon_default = config23;
14372
14568
  }
14373
14569
  });
14374
- var config23, link_default;
14570
+ var config24, link_default;
14375
14571
  var init_link2 = __esm({
14376
14572
  "src/theme/components/link.ts"() {
14377
14573
  init_base_utils();
14378
14574
  init_brand_utils();
14379
14575
  init_focus_utils();
14380
- config23 = react.defineStyleConfig({
14576
+ config24 = react.defineStyleConfig({
14381
14577
  baseStyle: (props) => ({
14382
14578
  transitionProperty: "common",
14383
14579
  transitionDuration: "fast",
@@ -14445,7 +14641,7 @@ var init_link2 = __esm({
14445
14641
  variant: "primary"
14446
14642
  }
14447
14643
  });
14448
- link_default = config23;
14644
+ link_default = config24;
14449
14645
  }
14450
14646
  });
14451
14647
 
@@ -14497,7 +14693,7 @@ var init_outline_utils = __esm({
14497
14693
  "src/theme/utils/outline-utils.ts"() {
14498
14694
  }
14499
14695
  });
14500
- var parts11, helpers16, config24, listbox_default;
14696
+ var parts12, helpers17, config25, listbox_default;
14501
14697
  var init_listbox = __esm({
14502
14698
  "src/theme/components/listbox.ts"() {
14503
14699
  init_dist4();
@@ -14506,14 +14702,14 @@ var init_listbox = __esm({
14506
14702
  init_surface_utils();
14507
14703
  init_outline_utils();
14508
14704
  init_floating_utils();
14509
- parts11 = anatomy("ListBox").parts(
14705
+ parts12 = anatomy("ListBox").parts(
14510
14706
  "container",
14511
14707
  "item",
14512
14708
  "label",
14513
14709
  "description"
14514
14710
  );
14515
- helpers16 = react.createMultiStyleConfigHelpers(parts11.keys);
14516
- config24 = helpers16.defineMultiStyleConfig({
14711
+ helpers17 = react.createMultiStyleConfigHelpers(parts12.keys);
14712
+ config25 = helpers17.defineMultiStyleConfig({
14517
14713
  baseStyle: (props) => ({
14518
14714
  container: {
14519
14715
  ...surface("default", props),
@@ -14571,10 +14767,10 @@ var init_listbox = __esm({
14571
14767
  variant: "base"
14572
14768
  }
14573
14769
  });
14574
- listbox_default = config24;
14770
+ listbox_default = config25;
14575
14771
  }
14576
14772
  });
14577
- var parts12, helpers17, config25, media_controller_button_default;
14773
+ var parts13, helpers18, config26, media_controller_button_default;
14578
14774
  var init_media_controller_button = __esm({
14579
14775
  "src/theme/components/media-controller-button.ts"() {
14580
14776
  init_base_utils();
@@ -14582,9 +14778,9 @@ var init_media_controller_button = __esm({
14582
14778
  init_focus_utils();
14583
14779
  init_ghost_utils();
14584
14780
  init_surface_utils();
14585
- parts12 = themeTools.anatomy("media-controller-button").parts("container", "icon");
14586
- helpers17 = react.createMultiStyleConfigHelpers(parts12.keys);
14587
- config25 = helpers17.defineMultiStyleConfig({
14781
+ parts13 = themeTools.anatomy("media-controller-button").parts("container", "icon");
14782
+ helpers18 = react.createMultiStyleConfigHelpers(parts13.keys);
14783
+ config26 = helpers18.defineMultiStyleConfig({
14588
14784
  baseStyle: (props) => ({
14589
14785
  container: {
14590
14786
  fontSize: 30,
@@ -14667,7 +14863,7 @@ var init_media_controller_button = __esm({
14667
14863
  })
14668
14864
  }
14669
14865
  });
14670
- media_controller_button_default = config25;
14866
+ media_controller_button_default = config26;
14671
14867
  }
14672
14868
  });
14673
14869
  function getSize6(value) {
@@ -14687,14 +14883,14 @@ function getSize6(value) {
14687
14883
  dialog: { maxWidth: value }
14688
14884
  };
14689
14885
  }
14690
- var helpers18, config26, modal_default;
14886
+ var helpers19, config27, modal_default;
14691
14887
  var init_modal2 = __esm({
14692
14888
  "src/theme/components/modal.ts"() {
14693
14889
  init_dist4();
14694
14890
  init_base_utils();
14695
14891
  init_bg_utils();
14696
- helpers18 = react.createMultiStyleConfigHelpers(modalAnatomy.keys);
14697
- config26 = helpers18.defineMultiStyleConfig({
14892
+ helpers19 = react.createMultiStyleConfigHelpers(modalAnatomy.keys);
14893
+ config27 = helpers19.defineMultiStyleConfig({
14698
14894
  baseStyle: (props) => ({
14699
14895
  overlay: {
14700
14896
  backgroundColor: "blackAlpha.600",
@@ -14757,23 +14953,23 @@ var init_modal2 = __esm({
14757
14953
  size: "md"
14758
14954
  }
14759
14955
  });
14760
- modal_default = config26;
14956
+ modal_default = config27;
14761
14957
  }
14762
14958
  });
14763
- var parts13, helpers19, config27, numeric_stepper_default;
14959
+ var parts14, helpers20, config28, numeric_stepper_default;
14764
14960
  var init_numeric_stepper = __esm({
14765
14961
  "src/theme/components/numeric-stepper.ts"() {
14766
14962
  init_dist4();
14767
14963
  init_base_utils();
14768
14964
  init_focus_utils();
14769
- parts13 = anatomy("NumericStepper").parts(
14965
+ parts14 = anatomy("NumericStepper").parts(
14770
14966
  "container",
14771
14967
  "button",
14772
14968
  "text",
14773
14969
  "input"
14774
14970
  );
14775
- helpers19 = react.createMultiStyleConfigHelpers(parts13.keys);
14776
- config27 = helpers19.defineMultiStyleConfig({
14971
+ helpers20 = react.createMultiStyleConfigHelpers(parts14.keys);
14972
+ config28 = helpers20.defineMultiStyleConfig({
14777
14973
  baseStyle: (props) => ({
14778
14974
  container: {
14779
14975
  display: "flex",
@@ -14818,23 +15014,23 @@ var init_numeric_stepper = __esm({
14818
15014
  }
14819
15015
  })
14820
15016
  });
14821
- numeric_stepper_default = config27;
15017
+ numeric_stepper_default = config28;
14822
15018
  }
14823
15019
  });
14824
- var parts14, helpers20, config28, commonStyles, pagination_default;
15020
+ var parts15, helpers21, config29, commonStyles, pagination_default;
14825
15021
  var init_pagination2 = __esm({
14826
15022
  "src/theme/components/pagination.ts"() {
14827
15023
  init_ghost_utils();
14828
15024
  init_base_utils();
14829
- parts14 = themeTools.anatomy("Pagination").parts(
15025
+ parts15 = themeTools.anatomy("Pagination").parts(
14830
15026
  "listItem",
14831
15027
  "link",
14832
15028
  "activeButton",
14833
15029
  "disabled",
14834
15030
  "icon"
14835
15031
  );
14836
- helpers20 = react.createMultiStyleConfigHelpers(parts14.keys);
14837
- config28 = helpers20.defineMultiStyleConfig({
15032
+ helpers21 = react.createMultiStyleConfigHelpers(parts15.keys);
15033
+ config29 = helpers21.defineMultiStyleConfig({
14838
15034
  baseStyle: (props) => ({
14839
15035
  activeButton: {
14840
15036
  fontWeight: "bold",
@@ -14890,10 +15086,10 @@ var init_pagination2 = __esm({
14890
15086
  borderRadius: 50,
14891
15087
  fontSize: "xs"
14892
15088
  };
14893
- pagination_default = config28;
15089
+ pagination_default = config29;
14894
15090
  }
14895
15091
  });
14896
- var $popperBg2, $arrowBg3, $arrowShadowColor2, helpers21, config29, popover_default;
15092
+ var $popperBg2, $arrowBg3, $arrowShadowColor2, helpers22, config30, popover_default;
14897
15093
  var init_popover = __esm({
14898
15094
  "src/theme/components/popover.ts"() {
14899
15095
  init_dist4();
@@ -14901,8 +15097,8 @@ var init_popover = __esm({
14901
15097
  $popperBg2 = themeTools.cssVar("popper-bg");
14902
15098
  $arrowBg3 = themeTools.cssVar("popper-arrow-bg");
14903
15099
  $arrowShadowColor2 = themeTools.cssVar("popper-arrow-shadow-color");
14904
- helpers21 = react.createMultiStyleConfigHelpers(popoverAnatomy.keys);
14905
- config29 = helpers21.defineMultiStyleConfig({
15100
+ helpers22 = react.createMultiStyleConfigHelpers(popoverAnatomy.keys);
15101
+ config30 = helpers22.defineMultiStyleConfig({
14906
15102
  baseStyle: (props) => ({
14907
15103
  popper: {
14908
15104
  zIndex: "popover"
@@ -14957,22 +15153,22 @@ var init_popover = __esm({
14957
15153
  }
14958
15154
  }
14959
15155
  });
14960
- popover_default = config29;
15156
+ popover_default = config30;
14961
15157
  }
14962
15158
  });
14963
- var parts15, helpers22, config30, progress_bar_default;
15159
+ var parts16, helpers23, config31, progress_bar_default;
14964
15160
  var init_progress_bar = __esm({
14965
15161
  "src/theme/components/progress-bar.ts"() {
14966
15162
  init_dist4();
14967
15163
  init_dist3();
14968
- parts15 = anatomy("progressBar").parts(
15164
+ parts16 = anatomy("progressBar").parts(
14969
15165
  "container",
14970
15166
  "background",
14971
15167
  "progress",
14972
15168
  "description"
14973
15169
  );
14974
- helpers22 = createMultiStyleConfigHelpers(parts15.keys);
14975
- config30 = helpers22.defineMultiStyleConfig({
15170
+ helpers23 = createMultiStyleConfigHelpers(parts16.keys);
15171
+ config31 = helpers23.defineMultiStyleConfig({
14976
15172
  baseStyle: (props) => ({
14977
15173
  container: {
14978
15174
  minWidth: "100px"
@@ -15004,19 +15200,19 @@ var init_progress_bar = __esm({
15004
15200
  }
15005
15201
  })
15006
15202
  });
15007
- progress_bar_default = config30;
15203
+ progress_bar_default = config31;
15008
15204
  }
15009
15205
  });
15010
- var parts16, helpers23, config31, progress_indicator_default;
15206
+ var parts17, helpers24, config32, progress_indicator_default;
15011
15207
  var init_progress_indicator2 = __esm({
15012
15208
  "src/theme/components/progress-indicator.ts"() {
15013
- parts16 = themeTools.anatomy("progress-indicator").parts(
15209
+ parts17 = themeTools.anatomy("progress-indicator").parts(
15014
15210
  "root",
15015
15211
  "container",
15016
15212
  "progressDot"
15017
15213
  );
15018
- helpers23 = react.createMultiStyleConfigHelpers(parts16.keys);
15019
- config31 = helpers23.defineMultiStyleConfig({
15214
+ helpers24 = react.createMultiStyleConfigHelpers(parts17.keys);
15215
+ config32 = helpers24.defineMultiStyleConfig({
15020
15216
  baseStyle: (props) => ({
15021
15217
  root: {
15022
15218
  width: "100%"
@@ -15047,24 +15243,24 @@ var init_progress_indicator2 = __esm({
15047
15243
  variant: "base"
15048
15244
  }
15049
15245
  });
15050
- progress_indicator_default = config31;
15246
+ progress_indicator_default = config32;
15051
15247
  }
15052
15248
  });
15053
- var parts17, helpers24, config32, radio_card_default;
15249
+ var parts18, helpers25, config33, radio_card_default;
15054
15250
  var init_radio_card = __esm({
15055
15251
  "src/theme/components/radio-card.ts"() {
15056
15252
  init_base_utils();
15057
15253
  init_floating_utils();
15058
15254
  init_outline_utils();
15059
- parts17 = themeTools.anatomy("radio-card").parts(
15255
+ parts18 = themeTools.anatomy("radio-card").parts(
15060
15256
  "container",
15061
15257
  "checked",
15062
15258
  "radioInput",
15063
15259
  "focused",
15064
15260
  "focusedChecked"
15065
15261
  );
15066
- helpers24 = react.createMultiStyleConfigHelpers(parts17.keys);
15067
- config32 = helpers24.defineMultiStyleConfig({
15262
+ helpers25 = react.createMultiStyleConfigHelpers(parts18.keys);
15263
+ config33 = helpers25.defineMultiStyleConfig({
15068
15264
  baseStyle: (props) => ({
15069
15265
  container: {
15070
15266
  overflow: "hidden",
@@ -15180,18 +15376,18 @@ var init_radio_card = __esm({
15180
15376
  })
15181
15377
  }
15182
15378
  });
15183
- radio_card_default = config32;
15379
+ radio_card_default = config33;
15184
15380
  }
15185
15381
  });
15186
- var helpers25, config33, radio_default;
15382
+ var helpers26, config34, radio_default;
15187
15383
  var init_radio = __esm({
15188
15384
  "src/theme/components/radio.ts"() {
15189
15385
  init_dist4();
15190
15386
  init_base_utils();
15191
15387
  init_brand_utils();
15192
15388
  init_focus_utils();
15193
- helpers25 = react.createMultiStyleConfigHelpers(radioAnatomy.keys);
15194
- config33 = helpers25.defineMultiStyleConfig({
15389
+ helpers26 = react.createMultiStyleConfigHelpers(radioAnatomy.keys);
15390
+ config34 = helpers26.defineMultiStyleConfig({
15195
15391
  baseStyle: (props) => ({
15196
15392
  container: {
15197
15393
  _hover: {
@@ -15247,18 +15443,18 @@ var init_radio = __esm({
15247
15443
  }
15248
15444
  })
15249
15445
  });
15250
- radio_default = config33;
15446
+ radio_default = config34;
15251
15447
  }
15252
15448
  });
15253
- var parts18, helpers26, config34, select_default;
15449
+ var parts19, helpers27, config35, select_default;
15254
15450
  var init_select = __esm({
15255
15451
  "src/theme/components/select.ts"() {
15256
15452
  init_dist4();
15257
15453
  init_base_utils();
15258
15454
  init_input_utils();
15259
- parts18 = selectAnatomy.extend("root");
15260
- helpers26 = react.createMultiStyleConfigHelpers(parts18.keys);
15261
- config34 = helpers26.defineMultiStyleConfig({
15455
+ parts19 = selectAnatomy.extend("root");
15456
+ helpers27 = react.createMultiStyleConfigHelpers(parts19.keys);
15457
+ config35 = helpers27.defineMultiStyleConfig({
15262
15458
  baseStyle: (props) => ({
15263
15459
  root: {
15264
15460
  width: "100%",
@@ -15312,7 +15508,7 @@ var init_select = __esm({
15312
15508
  variant: "base"
15313
15509
  }
15314
15510
  });
15315
- select_default = config34;
15511
+ select_default = config35;
15316
15512
  }
15317
15513
  });
15318
15514
 
@@ -15328,7 +15524,7 @@ var init_dist7 = __esm({
15328
15524
  init_dist3();
15329
15525
  }
15330
15526
  });
15331
- var fade, $startColor2, $endColor2, config35, skeleton_default;
15527
+ var fade, $startColor2, $endColor2, config36, skeleton_default;
15332
15528
  var init_skeleton = __esm({
15333
15529
  "src/theme/components/skeleton.ts"() {
15334
15530
  init_dist7();
@@ -15338,7 +15534,7 @@ var init_skeleton = __esm({
15338
15534
  });
15339
15535
  $startColor2 = themeTools.cssVar("skeleton-start-color");
15340
15536
  $endColor2 = themeTools.cssVar("skeleton-end-color");
15341
- config35 = react.defineStyleConfig({
15537
+ config36 = react.defineStyleConfig({
15342
15538
  baseStyle: (props) => {
15343
15539
  const defaultStartColor = themeTools.mode("blackAlpha.300", "whiteAlpha.300")(props);
15344
15540
  const defaultEndColor = themeTools.mode("blackAlpha.100", "whiteAlpha.100")(props);
@@ -15361,16 +15557,16 @@ var init_skeleton = __esm({
15361
15557
  };
15362
15558
  }
15363
15559
  });
15364
- skeleton_default = config35;
15560
+ skeleton_default = config36;
15365
15561
  }
15366
15562
  });
15367
- var parts19, helpers27, config36, stepper_default;
15563
+ var parts20, helpers28, config37, stepper_default;
15368
15564
  var init_stepper2 = __esm({
15369
15565
  "src/theme/components/stepper.ts"() {
15370
15566
  init_base_utils();
15371
15567
  init_brand_utils();
15372
15568
  init_accent_utils();
15373
- parts19 = themeTools.anatomy("stepper").parts(
15569
+ parts20 = themeTools.anatomy("stepper").parts(
15374
15570
  "root",
15375
15571
  "container",
15376
15572
  "innerContainer",
@@ -15382,8 +15578,8 @@ var init_stepper2 = __esm({
15382
15578
  "stepTitle",
15383
15579
  "closeButton"
15384
15580
  );
15385
- helpers27 = react.createMultiStyleConfigHelpers(parts19.keys);
15386
- config36 = helpers27.defineMultiStyleConfig({
15581
+ helpers28 = react.createMultiStyleConfigHelpers(parts20.keys);
15582
+ config37 = helpers28.defineMultiStyleConfig({
15387
15583
  baseStyle: {
15388
15584
  root: {
15389
15585
  display: "flex",
@@ -15452,10 +15648,10 @@ var init_stepper2 = __esm({
15452
15648
  variant: "base"
15453
15649
  }
15454
15650
  });
15455
- stepper_default = config36;
15651
+ stepper_default = config37;
15456
15652
  }
15457
15653
  });
15458
- var $width2, $height3, $diff2, diffValue2, $translateX2, helpers28, config37, switch_default;
15654
+ var $width2, $height3, $diff2, diffValue2, $translateX2, helpers29, config38, switch_default;
15459
15655
  var init_switch = __esm({
15460
15656
  "src/theme/components/switch.ts"() {
15461
15657
  init_dist4();
@@ -15467,8 +15663,8 @@ var init_switch = __esm({
15467
15663
  $diff2 = themeTools.cssVar("switch-track-diff");
15468
15664
  diffValue2 = themeTools.calc.subtract($width2, $height3);
15469
15665
  $translateX2 = themeTools.cssVar("switch-thumb-x");
15470
- helpers28 = react.createMultiStyleConfigHelpers(switchAnatomy.keys);
15471
- config37 = helpers28.defineMultiStyleConfig({
15666
+ helpers29 = react.createMultiStyleConfigHelpers(switchAnatomy.keys);
15667
+ config38 = helpers29.defineMultiStyleConfig({
15472
15668
  baseStyle: (props) => ({
15473
15669
  container: {
15474
15670
  [$diff2.variable]: diffValue2,
@@ -15561,21 +15757,21 @@ var init_switch = __esm({
15561
15757
  size: "md"
15562
15758
  }
15563
15759
  });
15564
- switch_default = config37;
15760
+ switch_default = config38;
15565
15761
  }
15566
15762
  });
15567
- var helpers29, numericStyles2, config38, table_default;
15763
+ var helpers30, numericStyles2, config39, table_default;
15568
15764
  var init_table2 = __esm({
15569
15765
  "src/theme/components/table.ts"() {
15570
15766
  init_dist4();
15571
15767
  init_base_utils();
15572
- helpers29 = react.createMultiStyleConfigHelpers(tableAnatomy.keys);
15768
+ helpers30 = react.createMultiStyleConfigHelpers(tableAnatomy.keys);
15573
15769
  numericStyles2 = {
15574
15770
  "&[data-is-numeric=true]": {
15575
15771
  textAlign: "end"
15576
15772
  }
15577
15773
  };
15578
- config38 = helpers29.defineMultiStyleConfig({
15774
+ config39 = helpers30.defineMultiStyleConfig({
15579
15775
  baseStyle: (props) => ({
15580
15776
  table: {
15581
15777
  borderCollapse: "collapse",
@@ -15721,10 +15917,10 @@ var init_table2 = __esm({
15721
15917
  colorScheme: "grey"
15722
15918
  }
15723
15919
  });
15724
- table_default = config38;
15920
+ table_default = config39;
15725
15921
  }
15726
15922
  });
15727
- var helpers30, config39, tabs_default;
15923
+ var helpers31, config40, tabs_default;
15728
15924
  var init_tabs = __esm({
15729
15925
  "src/theme/components/tabs.ts"() {
15730
15926
  init_dist4();
@@ -15732,8 +15928,8 @@ var init_tabs = __esm({
15732
15928
  init_base_utils();
15733
15929
  init_brand_utils();
15734
15930
  init_focus_utils();
15735
- helpers30 = react.createMultiStyleConfigHelpers(tabsAnatomy.keys);
15736
- config39 = helpers30.defineMultiStyleConfig({
15931
+ helpers31 = react.createMultiStyleConfigHelpers(tabsAnatomy.keys);
15932
+ config40 = helpers31.defineMultiStyleConfig({
15737
15933
  baseStyle: (props) => ({
15738
15934
  root: {
15739
15935
  display: "flex",
@@ -15856,14 +16052,14 @@ var init_tabs = __esm({
15856
16052
  variant: "base"
15857
16053
  }
15858
16054
  });
15859
- tabs_default = config39;
16055
+ tabs_default = config40;
15860
16056
  }
15861
16057
  });
15862
- var config40, textarea_default;
16058
+ var config41, textarea_default;
15863
16059
  var init_textarea = __esm({
15864
16060
  "src/theme/components/textarea.ts"() {
15865
16061
  init_input_utils();
15866
- config40 = react.defineStyleConfig({
16062
+ config41 = react.defineStyleConfig({
15867
16063
  baseStyle: (props) => ({
15868
16064
  ...inputBaseStyle(props).field,
15869
16065
  minHeight: "5rem",
@@ -15891,13 +16087,13 @@ var init_textarea = __esm({
15891
16087
  variant: "base"
15892
16088
  }
15893
16089
  });
15894
- textarea_default = config40;
16090
+ textarea_default = config41;
15895
16091
  }
15896
16092
  });
15897
- var config41, toast_default;
16093
+ var config42, toast_default;
15898
16094
  var init_toast = __esm({
15899
16095
  "src/theme/components/toast.ts"() {
15900
- config41 = react.defineStyleConfig({
16096
+ config42 = react.defineStyleConfig({
15901
16097
  baseStyle: {
15902
16098
  display: "flex",
15903
16099
  alignItems: "center",
@@ -15921,16 +16117,16 @@ var init_toast = __esm({
15921
16117
  }
15922
16118
  }
15923
16119
  });
15924
- toast_default = config41;
16120
+ toast_default = config42;
15925
16121
  }
15926
16122
  });
15927
- var config42, static_card_default, getColorSchemeBaseProps;
16123
+ var config43, static_card_default, getColorSchemeBaseProps;
15928
16124
  var init_static_card = __esm({
15929
16125
  "src/theme/components/static-card.ts"() {
15930
16126
  init_foundations();
15931
16127
  init_focus_utils();
15932
16128
  init_floating_utils();
15933
- config42 = react.defineStyleConfig({
16129
+ config43 = react.defineStyleConfig({
15934
16130
  baseStyle: (props) => ({
15935
16131
  appearance: "none",
15936
16132
  border: "none",
@@ -15943,7 +16139,7 @@ var init_static_card = __esm({
15943
16139
  ...getColorSchemeBaseProps(props)
15944
16140
  })
15945
16141
  });
15946
- static_card_default = config42;
16142
+ static_card_default = config43;
15947
16143
  getColorSchemeBaseProps = (props) => {
15948
16144
  var _a6;
15949
16145
  switch (props.colorScheme) {
@@ -15991,14 +16187,14 @@ var init_static_card = __esm({
15991
16187
  };
15992
16188
  }
15993
16189
  });
15994
- var config43, pressable_card_default;
16190
+ var config44, pressable_card_default;
15995
16191
  var init_pressable_card = __esm({
15996
16192
  "src/theme/components/pressable-card.ts"() {
15997
16193
  init_base_utils();
15998
16194
  init_floating_utils();
15999
16195
  init_focus_utils();
16000
16196
  init_accent_utils();
16001
- config43 = react.defineStyleConfig({
16197
+ config44 = react.defineStyleConfig({
16002
16198
  baseStyle: (props) => ({
16003
16199
  appearance: "none",
16004
16200
  border: "none",
@@ -16062,7 +16258,7 @@ var init_pressable_card = __esm({
16062
16258
  })
16063
16259
  }
16064
16260
  });
16065
- pressable_card_default = config43;
16261
+ pressable_card_default = config44;
16066
16262
  }
16067
16263
  });
16068
16264
 
@@ -16072,6 +16268,7 @@ __export(components_exports, {
16072
16268
  Accordion: () => accordion_default,
16073
16269
  Alert: () => alert_default,
16074
16270
  AlertExpandable: () => alert_expandable_default,
16271
+ AlertService: () => alert_service_default,
16075
16272
  Badge: () => badge_default,
16076
16273
  Breadcrumb: () => breadcrumb_default,
16077
16274
  Button: () => button_default,
@@ -16119,6 +16316,7 @@ var init_components = __esm({
16119
16316
  init_accordion2();
16120
16317
  init_alert2();
16121
16318
  init_alert_expandable();
16319
+ init_alert_service();
16122
16320
  init_badge();
16123
16321
  init_breadcrumb2();
16124
16322
  init_button2();
@@ -16276,22 +16474,22 @@ var init_theme = __esm({
16276
16474
  };
16277
16475
  }
16278
16476
  });
16279
- var BaseToast, ToastIcon, getIcon3, texts28;
16477
+ var BaseToast, ToastIcon, getIcon3, texts29;
16280
16478
  var init_BaseToast = __esm({
16281
16479
  "src/toast/BaseToast.tsx"() {
16282
16480
  init_src();
16283
16481
  BaseToast = ({ children, variant, id }) => {
16284
16482
  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);
16483
+ return /* @__PURE__ */ React86__namespace.default.createElement(react.Flex, { sx: styles3, id }, /* @__PURE__ */ React86__namespace.default.createElement(ToastIcon, { variant }), children);
16286
16484
  };
16287
16485
  ToastIcon = ({ variant }) => {
16288
16486
  const Icon = getIcon3(variant);
16289
16487
  const { t: t2 } = useTranslation();
16290
- return /* @__PURE__ */ React85__namespace.default.createElement(
16488
+ return /* @__PURE__ */ React86__namespace.default.createElement(
16291
16489
  Icon,
16292
16490
  {
16293
16491
  flexShrink: 0,
16294
- "aria-label": t2(texts28[variant]),
16492
+ "aria-label": t2(texts29[variant]),
16295
16493
  marginRight: 1,
16296
16494
  marginY: 1.5,
16297
16495
  color: "darkGrey"
@@ -16308,7 +16506,7 @@ var init_BaseToast = __esm({
16308
16506
  return sporIconReact.ErrorOutline24Icon;
16309
16507
  }
16310
16508
  };
16311
- texts28 = createTexts({
16509
+ texts29 = createTexts({
16312
16510
  info: {
16313
16511
  nb: "Informasjon",
16314
16512
  nn: "Informasjon",
@@ -16342,11 +16540,11 @@ var init_ActionToast = __esm({
16342
16540
  buttonText,
16343
16541
  id
16344
16542
  }) => {
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));
16543
+ 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
16544
  };
16347
16545
  }
16348
16546
  });
16349
- var ClosableToast, texts29;
16547
+ var ClosableToast, texts30;
16350
16548
  var init_ClosableToast = __esm({
16351
16549
  "src/toast/ClosableToast.tsx"() {
16352
16550
  init_src();
@@ -16359,18 +16557,18 @@ var init_ClosableToast = __esm({
16359
16557
  }) => {
16360
16558
  const styles3 = react.useMultiStyleConfig("Toast", { variant });
16361
16559
  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(
16560
+ 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
16561
  exports.IconButton,
16364
16562
  {
16365
16563
  sx: styles3.dismissButton,
16366
16564
  variant: "ghost",
16367
- "aria-label": t2(texts29.dismiss),
16368
- icon: /* @__PURE__ */ React85__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
16565
+ "aria-label": t2(texts30.dismiss),
16566
+ icon: /* @__PURE__ */ React86__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
16369
16567
  onClick: onClose
16370
16568
  }
16371
16569
  ));
16372
16570
  };
16373
- texts29 = createTexts({
16571
+ texts30 = createTexts({
16374
16572
  dismiss: {
16375
16573
  nb: "Lukk",
16376
16574
  nn: "Lukk",
@@ -16388,7 +16586,7 @@ var init_useToast = __esm({
16388
16586
  init_ClosableToast();
16389
16587
  exports.useToast = () => {
16390
16588
  const toast = react.useToast();
16391
- const wrappedToast = React85.useCallback((opts) => {
16589
+ const wrappedToast = React86.useCallback((opts) => {
16392
16590
  const Toast = getToastComponent(opts);
16393
16591
  toast({
16394
16592
  ...opts,
@@ -16399,7 +16597,7 @@ var init_useToast = __esm({
16399
16597
  };
16400
16598
  getToastComponent = (opts) => {
16401
16599
  if ("isClosable" in opts && opts.isClosable) {
16402
- return ({ onClose, id }) => /* @__PURE__ */ React85__namespace.default.createElement(
16600
+ return ({ onClose, id }) => /* @__PURE__ */ React86__namespace.default.createElement(
16403
16601
  ClosableToast,
16404
16602
  {
16405
16603
  id,
@@ -16415,7 +16613,7 @@ var init_useToast = __esm({
16415
16613
  );
16416
16614
  }
16417
16615
  if ("buttonText" in opts) {
16418
- return ({ id }) => /* @__PURE__ */ React85__namespace.default.createElement(
16616
+ return ({ id }) => /* @__PURE__ */ React86__namespace.default.createElement(
16419
16617
  ActionToast,
16420
16618
  {
16421
16619
  id,
@@ -16426,7 +16624,7 @@ var init_useToast = __esm({
16426
16624
  opts.text
16427
16625
  );
16428
16626
  }
16429
- return ({ id }) => /* @__PURE__ */ React85__namespace.default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
16627
+ return ({ id }) => /* @__PURE__ */ React86__namespace.default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
16430
16628
  };
16431
16629
  }
16432
16630
  });
@@ -16451,7 +16649,7 @@ var init_Tooltip = __esm({
16451
16649
  withCloseButton = false,
16452
16650
  ...props
16453
16651
  }) => {
16454
- return /* @__PURE__ */ React85__namespace.default.createElement(
16652
+ return /* @__PURE__ */ React86__namespace.default.createElement(
16455
16653
  react.Popover,
16456
16654
  {
16457
16655
  onClose,
@@ -16463,8 +16661,8 @@ var init_Tooltip = __esm({
16463
16661
  arrowShadowColor: "none",
16464
16662
  ...props
16465
16663
  },
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))
16664
+ /* @__PURE__ */ React86__namespace.default.createElement(react.PopoverTrigger, null, children),
16665
+ /* @__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
16666
  );
16469
16667
  };
16470
16668
  }
@@ -16537,8 +16735,8 @@ function useSizes({
16537
16735
  getNodes,
16538
16736
  observeMutation = true
16539
16737
  }) {
16540
- const [sizes26, setSizes] = React85.useState([]);
16541
- const [count, setCount] = React85.useState(0);
16738
+ const [sizes26, setSizes] = React86.useState([]);
16739
+ const [count, setCount] = React86.useState(0);
16542
16740
  useSafeLayoutEffect(() => {
16543
16741
  const elements = getNodes();
16544
16742
  const cleanups = elements.map(
@@ -16586,7 +16784,7 @@ var init_dist9 = __esm({
16586
16784
  "../../node_modules/@chakra-ui/react-use-size/dist/index.mjs"() {
16587
16785
  "use client";
16588
16786
  init_dist8();
16589
- useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React85.useLayoutEffect : React85.useEffect;
16787
+ useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React86.useLayoutEffect : React86.useEffect;
16590
16788
  }
16591
16789
  });
16592
16790
  var init_externals = __esm({