@vygruppen/spor-react 9.14.1 → 9.16.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
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 React88 = require('react');
4
+ var React87 = 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 React88__namespace = /*#__PURE__*/_interopNamespace(React88);
39
+ var React87__namespace = /*#__PURE__*/_interopNamespace(React87);
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__ */ React88__namespace.default.createElement(react.Divider, { ...props, ref });
79
+ return /* @__PURE__ */ React87__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__ */ React88__namespace.default.createElement(react.Stack, { ...props, direction: flexDirection, ref });
88
+ return /* @__PURE__ */ React87__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__ */ React88__namespace.default.createElement(
126
+ return /* @__PURE__ */ React87__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 = React88.useRef(null);
143
+ const ref = React87.useRef(null);
144
144
  const { dialogProps, titleProps } = reactAria.useDialog(props, ref);
145
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React88__namespace.default.createElement(react.Heading, { as: "h3", ...titleProps }, title), children);
145
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React87__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 = React88.forwardRef(
152
+ Popover = React87.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 = React88.useRef(null);
166
+ const internalRef = React87.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__ */ React88__namespace.default.createElement(
181
+ const popoverBox = /* @__PURE__ */ React87__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__ */ React88__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close }),
188
+ /* @__PURE__ */ React87__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close }),
189
189
  children,
190
- /* @__PURE__ */ React88__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close })
190
+ /* @__PURE__ */ React87__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close })
191
191
  );
192
192
  if (isNonModal) {
193
193
  return popoverBox;
194
194
  }
195
- return /* @__PURE__ */ React88__namespace.default.createElement(reactAria.Overlay, null, hasBackdrop && /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { ...underlayProps, position: "fixed", inset: "0" }), popoverBox);
195
+ return /* @__PURE__ */ React87__namespace.default.createElement(reactAria.Overlay, null, hasBackdrop && /* @__PURE__ */ React87__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] = React88.useState(false);
202
- React88.useEffect(() => {
201
+ const [_, update] = React87.useState(false);
202
+ React87.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 = React88.useRef(null);
231
+ const internalRef = React87.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__ */ React88__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React88__namespace.default.createElement(
250
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React87__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__ */ React88__namespace.default.createElement(react.Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React88__namespace.default.createElement(
262
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "span", display: props["aria-label"] ? "none" : "inline" }, label), withChevron ? /* @__PURE__ */ React87__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__ */ React88__namespace.default.createElement(
268
+ ), state2.isOpen && /* @__PURE__ */ React87__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__ */ React88__namespace.default.createElement(
277
+ /* @__PURE__ */ React87__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__ */ React88__namespace.default.createElement(Dialog, { "aria-label": label }, children)
287
+ /* @__PURE__ */ React87__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__ */ React88__namespace.default.createElement(react.Checkbox, { ...props, ref });
298
+ return /* @__PURE__ */ React87__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__ */ React88__namespace.default.createElement(react.CheckboxGroup, { ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
310
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.CheckboxGroup, { ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
311
311
  };
312
312
  }
313
313
  });
@@ -1088,16 +1088,16 @@ var init_ChoiceChip = __esm({
1088
1088
  icon,
1089
1089
  hasLabel: Boolean(children)
1090
1090
  });
1091
- const id = `choice-chip-${React88.useId()}`;
1092
- return /* @__PURE__ */ React88__namespace.default.createElement(
1091
+ const id = `choice-chip-${React87.useId()}`;
1092
+ return /* @__PURE__ */ React87__namespace.default.createElement(
1093
1093
  react.chakra.label,
1094
1094
  {
1095
1095
  htmlFor: id,
1096
1096
  ...getRootProps(),
1097
1097
  "aria-label": String(children)
1098
1098
  },
1099
- /* @__PURE__ */ React88__namespace.default.createElement(react.chakra.input, { ...getInputProps({}, ref), id, disabled: isDisabled }),
1100
- /* @__PURE__ */ React88__namespace.default.createElement(
1099
+ /* @__PURE__ */ React87__namespace.default.createElement(react.chakra.input, { ...getInputProps({}, ref), id, disabled: isDisabled }),
1100
+ /* @__PURE__ */ React87__namespace.default.createElement(
1101
1101
  react.chakra.div,
1102
1102
  {
1103
1103
  ...getLabelProps(),
@@ -1108,9 +1108,9 @@ var init_ChoiceChip = __esm({
1108
1108
  "data-active": dataAttr(state2.isActive),
1109
1109
  "data-disabled": dataAttr(state2.isDisabled)
1110
1110
  },
1111
- icon && /* @__PURE__ */ React88__namespace.default.createElement(react.chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
1112
- /* @__PURE__ */ React88__namespace.default.createElement(react.chakra.span, { __css: styles3.label, ...getCheckboxProps() }, chipType !== "icon" && children),
1113
- chipType === "filter" && state2.isChecked && /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CloseOutline24Icon, { marginLeft: 1.5 })
1111
+ icon && /* @__PURE__ */ React87__namespace.default.createElement(react.chakra.span, { __css: styles3.icon }, state2.isChecked ? icon.checked : icon.default),
1112
+ /* @__PURE__ */ React87__namespace.default.createElement(react.chakra.span, { __css: styles3.label, ...getCheckboxProps() }, chipType !== "icon" && children),
1113
+ chipType === "filter" && state2.isChecked && /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseOutline24Icon, { marginLeft: 1.5 })
1114
1114
  )
1115
1115
  );
1116
1116
  });
@@ -1143,16 +1143,16 @@ function Combobox({
1143
1143
  ...rest
1144
1144
  }) {
1145
1145
  const { contains: contains2 } = reactAria.useFilter({ sensitivity: "base" });
1146
- const fallbackInputRef = React88.useRef(null);
1146
+ const fallbackInputRef = React87.useRef(null);
1147
1147
  const inputRef = externalInputRef ?? fallbackInputRef;
1148
- const listBoxRef = React88.useRef(null);
1149
- const popoverRef = React88.useRef(null);
1148
+ const listBoxRef = React87.useRef(null);
1149
+ const popoverRef = React87.useRef(null);
1150
+ const listboxId = `${React87.useId()}-listbox`;
1150
1151
  const inputWidth = useInputWidth(inputRef);
1151
1152
  const state2 = reactStately.useComboBoxState({
1152
1153
  allowsEmptyCollection: Boolean(emptyContent),
1153
1154
  defaultFilter: contains2,
1154
1155
  shouldCloseOnBlur: true,
1155
- label,
1156
1156
  ...rest
1157
1157
  });
1158
1158
  const comboBoxProps = {
@@ -1180,21 +1180,26 @@ function Combobox({
1180
1180
  ...rest,
1181
1181
  inputRef,
1182
1182
  listBoxRef,
1183
- popoverRef
1183
+ popoverRef,
1184
+ label
1184
1185
  },
1185
1186
  state2
1186
1187
  );
1187
- return /* @__PURE__ */ React88__namespace.default.createElement(React88__namespace.default.Fragment, null, /* @__PURE__ */ React88__namespace.default.createElement(
1188
+ return /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, /* @__PURE__ */ React87__namespace.default.createElement(
1188
1189
  exports.Input,
1189
1190
  {
1190
1191
  ...styleProps(comboBoxProps),
1191
1192
  "aria-haspopup": "listbox",
1192
1193
  ref: inputRef,
1194
+ role: "combobox",
1193
1195
  label,
1196
+ "aria-expanded": state2.isOpen,
1197
+ "aria-autocomplete": "list",
1198
+ "aria-controls": listboxId,
1194
1199
  borderBottomLeftRadius: state2.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
1195
1200
  borderBottomRightRadius: state2.isOpen && !isLoading ? 0 : borderBottomRightRadius,
1196
1201
  ...inputProps,
1197
- rightIcon: isLoading ? /* @__PURE__ */ React88__namespace.default.createElement(
1202
+ rightIcon: isLoading ? /* @__PURE__ */ React87__namespace.default.createElement(
1198
1203
  exports.ColorSpinner,
1199
1204
  {
1200
1205
  width: "1.5rem",
@@ -1209,7 +1214,7 @@ function Combobox({
1209
1214
  }
1210
1215
  ) : rightIcon
1211
1216
  }
1212
- ), state2.isOpen && !isLoading && /* @__PURE__ */ React88__namespace.default.createElement(
1217
+ ), /* @__PURE__ */ React87__namespace.default.createElement("span", { "aria-hidden": "true", "data-trigger": "multiselect" }), state2.isOpen && !isLoading && /* @__PURE__ */ React87__namespace.default.createElement(
1213
1218
  Popover,
1214
1219
  {
1215
1220
  state: state2,
@@ -1221,11 +1226,12 @@ function Combobox({
1221
1226
  hasBackdrop: false,
1222
1227
  containerPadding: 0
1223
1228
  },
1224
- /* @__PURE__ */ React88__namespace.default.createElement(
1229
+ /* @__PURE__ */ React87__namespace.default.createElement(
1225
1230
  ListBox,
1226
1231
  {
1227
1232
  ...listBoxProps,
1228
1233
  state: state2,
1234
+ id: listboxId,
1229
1235
  listBoxRef,
1230
1236
  emptyContent,
1231
1237
  maxWidth: inputWidth
@@ -1245,8 +1251,8 @@ var init_Combobox = __esm({
1245
1251
  init_src();
1246
1252
  init_Popover();
1247
1253
  useInputWidth = (inputRef) => {
1248
- const [inputWidth, setInputWidth] = React88.useState("auto");
1249
- React88.useEffect(() => {
1254
+ const [inputWidth, setInputWidth] = React87.useState("auto");
1255
+ React87.useEffect(() => {
1250
1256
  const onResize = debounce(() => {
1251
1257
  if (inputRef.current) {
1252
1258
  setInputWidth(`${inputRef.current.offsetWidth}px`);
@@ -1273,7 +1279,7 @@ exports.FormControl = void 0;
1273
1279
  var init_FormControl = __esm({
1274
1280
  "src/input/FormControl.tsx"() {
1275
1281
  exports.FormControl = react.forwardRef((props, ref) => {
1276
- return /* @__PURE__ */ React88__namespace.default.createElement(react.FormControl, { ...props, ref });
1282
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.FormControl, { ...props, ref });
1277
1283
  });
1278
1284
  }
1279
1285
  });
@@ -1294,7 +1300,7 @@ var init_FormErrorMessage = __esm({
1294
1300
  return null;
1295
1301
  }
1296
1302
  const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
1297
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { position: "relative", ref }, /* @__PURE__ */ React88__namespace.default.createElement(
1303
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { position: "relative", ref }, /* @__PURE__ */ React87__namespace.default.createElement(
1298
1304
  react.Box,
1299
1305
  {
1300
1306
  borderRadius: "xs",
@@ -1312,12 +1318,12 @@ var init_FormErrorMessage = __esm({
1312
1318
  ...errorMessageProps,
1313
1319
  ...boxProps
1314
1320
  },
1315
- /* @__PURE__ */ React88__namespace.default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
1321
+ /* @__PURE__ */ React87__namespace.default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
1316
1322
  children
1317
1323
  ));
1318
1324
  };
1319
1325
  Arrow = (props) => {
1320
- return /* @__PURE__ */ React88__namespace.default.createElement(
1326
+ return /* @__PURE__ */ React87__namespace.default.createElement(
1321
1327
  react.Box,
1322
1328
  {
1323
1329
  ...props,
@@ -1328,7 +1334,7 @@ var init_FormErrorMessage = __esm({
1328
1334
  fill: "none",
1329
1335
  transform: "rotate(45deg)"
1330
1336
  },
1331
- /* @__PURE__ */ React88__namespace.default.createElement(
1337
+ /* @__PURE__ */ React87__namespace.default.createElement(
1332
1338
  react.Box,
1333
1339
  {
1334
1340
  as: "path",
@@ -1344,7 +1350,7 @@ exports.FormLabel = void 0;
1344
1350
  var init_FormLabel = __esm({
1345
1351
  "src/input/FormLabel.tsx"() {
1346
1352
  exports.FormLabel = react.forwardRef((props, ref) => {
1347
- return /* @__PURE__ */ React88__namespace.default.createElement(react.FormLabel, { ...props, ref });
1353
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.FormLabel, { ...props, ref });
1348
1354
  });
1349
1355
  }
1350
1356
  });
@@ -1357,7 +1363,7 @@ function ListBox({
1357
1363
  }) {
1358
1364
  const { listBoxProps } = reactAria.useListBox(props, state2, listBoxRef);
1359
1365
  const styles3 = react.useMultiStyleConfig("ListBox", {});
1360
- return /* @__PURE__ */ React88__namespace.default.createElement(
1366
+ return /* @__PURE__ */ React87__namespace.default.createElement(
1361
1367
  react.List,
1362
1368
  {
1363
1369
  ...listBoxProps,
@@ -1368,26 +1374,27 @@ function ListBox({
1368
1374
  },
1369
1375
  state2.collection.size === 0 && props.emptyContent,
1370
1376
  Array.from(state2.collection).map(
1371
- (item) => item.type === "section" ? /* @__PURE__ */ React88__namespace.default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React88__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
1377
+ (item) => item.type === "section" ? /* @__PURE__ */ React87__namespace.default.createElement(ListBoxSection, { key: item.key, section: item, state: state2 }) : /* @__PURE__ */ React87__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
1372
1378
  )
1373
1379
  );
1374
1380
  }
1375
1381
  function ItemLabel({ children }) {
1376
1382
  let { labelProps } = useOptionContext();
1377
1383
  const styles3 = react.useMultiStyleConfig("ListBox", {});
1378
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { ...labelProps, sx: styles3.label }, children);
1384
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...labelProps, sx: styles3.label }, children);
1379
1385
  }
1380
1386
  function ItemDescription({ children }) {
1381
1387
  let { descriptionProps } = useOptionContext();
1382
1388
  const styles3 = react.useMultiStyleConfig("ListBox", {});
1383
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { ...descriptionProps, sx: styles3.description }, children);
1389
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...descriptionProps, sx: styles3.description }, children);
1384
1390
  }
1385
1391
  function Option({ item, state: state2 }) {
1386
- const ref = React88.useRef(null);
1392
+ const ref = React87.useRef(null);
1387
1393
  const {
1388
1394
  optionProps,
1389
1395
  isSelected,
1390
1396
  isDisabled,
1397
+ isFocusVisible,
1391
1398
  isFocused,
1392
1399
  labelProps,
1393
1400
  descriptionProps
@@ -1403,7 +1410,10 @@ function Option({ item, state: state2 }) {
1403
1410
  if (isFocused) {
1404
1411
  dataFields["data-focus"] = true;
1405
1412
  }
1406
- React88.useEffect(() => {
1413
+ if (isFocusVisible) {
1414
+ dataFields["data-focus-visible"] = true;
1415
+ }
1416
+ React87.useEffect(() => {
1407
1417
  var _a6;
1408
1418
  (_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
1409
1419
  "touchend",
@@ -1413,7 +1423,7 @@ function Option({ item, state: state2 }) {
1413
1423
  { passive: false, once: true }
1414
1424
  );
1415
1425
  }, []);
1416
- return /* @__PURE__ */ React88__namespace.default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React88__namespace.default.createElement(react.ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
1426
+ return /* @__PURE__ */ React87__namespace.default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, /* @__PURE__ */ React87__namespace.default.createElement(react.ListItem, { ...optionProps, ...dataFields, ref, sx: styles3.item }, item.rendered));
1417
1427
  }
1418
1428
  function ListBoxSection({ section, state: state2 }) {
1419
1429
  const { itemProps, headingProps, groupProps } = reactAria.useListBoxSection({
@@ -1422,7 +1432,7 @@ function ListBoxSection({ section, state: state2 }) {
1422
1432
  });
1423
1433
  const isFirstSection = section.key === state2.collection.getFirstKey();
1424
1434
  const titleColor = react.useColorModeValue("darkGrey", "white");
1425
- return /* @__PURE__ */ React88__namespace.default.createElement(react.ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React88__namespace.default.createElement(
1435
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React87__namespace.default.createElement(
1426
1436
  react.Box,
1427
1437
  {
1428
1438
  fontSize: "mobile.xs",
@@ -1435,19 +1445,19 @@ function ListBoxSection({ section, state: state2 }) {
1435
1445
  ...headingProps
1436
1446
  },
1437
1447
  section.rendered
1438
- ), /* @__PURE__ */ React88__namespace.default.createElement(react.List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
1439
- (item) => /* @__PURE__ */ React88__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
1448
+ ), /* @__PURE__ */ React87__namespace.default.createElement(react.List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
1449
+ (item) => /* @__PURE__ */ React87__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
1440
1450
  )));
1441
1451
  }
1442
1452
  var OptionContext, useOptionContext;
1443
1453
  var init_ListBox = __esm({
1444
1454
  "src/input/ListBox.tsx"() {
1445
- OptionContext = React88__namespace.default.createContext({
1455
+ OptionContext = React87__namespace.default.createContext({
1446
1456
  labelProps: {},
1447
1457
  descriptionProps: {}
1448
1458
  });
1449
1459
  useOptionContext = () => {
1450
- return React88.useContext(OptionContext);
1460
+ return React87.useContext(OptionContext);
1451
1461
  };
1452
1462
  }
1453
1463
  });
@@ -1467,8 +1477,8 @@ function InfoSelect({
1467
1477
  ...props
1468
1478
  };
1469
1479
  const state2 = reactStately.useSelectState(renamedProps);
1470
- const triggerRef = React88.useRef(null);
1471
- const listboxRef = React88.useRef(null);
1480
+ const triggerRef = React87.useRef(null);
1481
+ const listboxRef = React87.useRef(null);
1472
1482
  const { labelProps, triggerProps, valueProps, menuProps } = reactAria.useSelect(
1473
1483
  renamedProps,
1474
1484
  state2,
@@ -1485,7 +1495,7 @@ function InfoSelect({
1485
1495
  const { t: t2 } = useTranslation();
1486
1496
  const formControl = react.useFormControlProps(props);
1487
1497
  const hasChosenValue = state2.selectedItem !== null;
1488
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React88__namespace.default.createElement(
1498
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React87__namespace.default.createElement(
1489
1499
  reactAria.HiddenSelect,
1490
1500
  {
1491
1501
  state: state2,
@@ -1493,7 +1503,7 @@ function InfoSelect({
1493
1503
  label: props.label,
1494
1504
  name: props.name
1495
1505
  }
1496
- ), /* @__PURE__ */ React88__namespace.default.createElement(
1506
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
1497
1507
  react.chakra.button,
1498
1508
  {
1499
1509
  type: "button",
@@ -1504,7 +1514,7 @@ function InfoSelect({
1504
1514
  "aria-invalid": formControl.isInvalid,
1505
1515
  "aria-describedby": formControl["aria-describedby"]
1506
1516
  },
1507
- /* @__PURE__ */ React88__namespace.default.createElement(react.chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React88__namespace.default.createElement(
1517
+ /* @__PURE__ */ React87__namespace.default.createElement(react.chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React87__namespace.default.createElement(
1508
1518
  react.chakra.div,
1509
1519
  {
1510
1520
  ...labelProps,
@@ -1518,7 +1528,7 @@ function InfoSelect({
1518
1528
  }
1519
1529
  },
1520
1530
  props.label
1521
- ), /* @__PURE__ */ React88__namespace.default.createElement(
1531
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
1522
1532
  react.Box,
1523
1533
  {
1524
1534
  ...valueProps,
@@ -1530,15 +1540,15 @@ function InfoSelect({
1530
1540
  },
1531
1541
  state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts.selectAnOption)
1532
1542
  )),
1533
- /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.DropdownUpFill24Icon, null) : /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.DropdownDownFill24Icon, null))
1534
- ), state2.isOpen && /* @__PURE__ */ React88__namespace.default.createElement(
1543
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownUpFill24Icon, null) : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownDownFill24Icon, null))
1544
+ ), state2.isOpen && /* @__PURE__ */ React87__namespace.default.createElement(
1535
1545
  Popover,
1536
1546
  {
1537
1547
  state: state2,
1538
1548
  triggerRef,
1539
1549
  containerPadding: 0
1540
1550
  },
1541
- /* @__PURE__ */ React88__namespace.default.createElement(
1551
+ /* @__PURE__ */ React87__namespace.default.createElement(
1542
1552
  ListBox,
1543
1553
  {
1544
1554
  ...menuProps,
@@ -1572,9 +1582,9 @@ var init_Input = __esm({
1572
1582
  exports.Input = react.forwardRef(
1573
1583
  ({ label, leftIcon, rightIcon, id, size: size2, ...props }, ref) => {
1574
1584
  const formControlProps = react.useFormControlContext();
1575
- const fallbackId = `input-${React88.useId()}`;
1585
+ const fallbackId = `input-${React87.useId()}`;
1576
1586
  const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
1577
- return /* @__PURE__ */ React88__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React88__namespace.default.createElement(react.InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React88__namespace.default.createElement(
1587
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React87__namespace.default.createElement(react.InputLeftElement, { pointerEvents: "none" }, leftIcon), /* @__PURE__ */ React87__namespace.default.createElement(
1578
1588
  react.Input,
1579
1589
  {
1580
1590
  "data-attachable": true,
@@ -1582,10 +1592,11 @@ var init_Input = __esm({
1582
1592
  paddingRight: rightIcon ? 7 : void 0,
1583
1593
  ...props,
1584
1594
  id: inputId,
1595
+ "aria-labelledby": inputId,
1585
1596
  ref,
1586
1597
  placeholder: " "
1587
1598
  }
1588
- ), /* @__PURE__ */ React88__namespace.default.createElement(react.FormLabel, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React88__namespace.default.createElement(react.InputRightElement, { pointerEvents: "none" }, rightIcon));
1599
+ ), /* @__PURE__ */ React87__namespace.default.createElement(react.FormLabel, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React87__namespace.default.createElement(react.InputRightElement, { pointerEvents: "none" }, rightIcon));
1589
1600
  }
1590
1601
  );
1591
1602
  }
@@ -1594,10 +1605,10 @@ exports.InputLeftElement = void 0; exports.InputRightElement = void 0;
1594
1605
  var init_InputElement = __esm({
1595
1606
  "src/input/InputElement.tsx"() {
1596
1607
  exports.InputLeftElement = react.forwardRef(
1597
- (props, ref) => /* @__PURE__ */ React88__namespace.default.createElement(react.InputLeftElement, { ...props, ref })
1608
+ (props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.InputLeftElement, { ...props, ref })
1598
1609
  );
1599
1610
  exports.InputRightElement = react.forwardRef(
1600
- (props, ref) => /* @__PURE__ */ React88__namespace.default.createElement(react.InputRightElement, { ...props, ref })
1611
+ (props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.InputRightElement, { ...props, ref })
1601
1612
  );
1602
1613
  }
1603
1614
  });
@@ -1608,7 +1619,7 @@ var init_NativeSelect = __esm({
1608
1619
  exports.NativeSelect = react.forwardRef(
1609
1620
  ({ label, ...props }, ref) => {
1610
1621
  const styles3 = react.useMultiStyleConfig("Select", props);
1611
- return /* @__PURE__ */ React88__namespace.default.createElement(exports.FormControl, null, /* @__PURE__ */ React88__namespace.default.createElement(
1622
+ return /* @__PURE__ */ React87__namespace.default.createElement(exports.FormControl, null, /* @__PURE__ */ React87__namespace.default.createElement(
1612
1623
  react.Select,
1613
1624
  {
1614
1625
  "data-attachable": true,
@@ -1616,7 +1627,7 @@ var init_NativeSelect = __esm({
1616
1627
  rootProps: { __css: styles3.root },
1617
1628
  ref
1618
1629
  }
1619
- ), label && /* @__PURE__ */ React88__namespace.default.createElement(exports.FormLabel, null, label));
1630
+ ), label && /* @__PURE__ */ React87__namespace.default.createElement(exports.FormLabel, null, label));
1620
1631
  }
1621
1632
  );
1622
1633
  }
@@ -1644,17 +1655,17 @@ function NumericStepper({
1644
1655
  });
1645
1656
  const formControlProps = react.useFormControl({ id: idProp, isDisabled });
1646
1657
  const clampedStepSize = Math.max(Math.min(stepSize, 10), 1);
1647
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React88__namespace.default.createElement(
1658
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React87__namespace.default.createElement(
1648
1659
  VerySmallButton,
1649
1660
  {
1650
- icon: /* @__PURE__ */ React88__namespace.default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
1661
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
1651
1662
  "aria-label": t2(texts2.decrementButtonAriaLabel(clampedStepSize)),
1652
1663
  onClick: () => onChange(Math.max(value - clampedStepSize, minValue)),
1653
1664
  visibility: value <= minValue ? "hidden" : "visible",
1654
1665
  isDisabled: formControlProps.disabled,
1655
1666
  id: value <= minValue ? void 0 : formControlProps.id
1656
1667
  }
1657
- ), withInput ? /* @__PURE__ */ React88__namespace.default.createElement(
1668
+ ), withInput ? /* @__PURE__ */ React87__namespace.default.createElement(
1658
1669
  react.chakra.input,
1659
1670
  {
1660
1671
  type: "number",
@@ -1677,7 +1688,7 @@ function NumericStepper({
1677
1688
  onChange(Math.max(Math.min(numericInput, maxValue), minValue));
1678
1689
  }
1679
1690
  }
1680
- ) : /* @__PURE__ */ React88__namespace.default.createElement(
1691
+ ) : /* @__PURE__ */ React87__namespace.default.createElement(
1681
1692
  react.chakra.text,
1682
1693
  {
1683
1694
  sx: styles3.text,
@@ -1685,10 +1696,10 @@ function NumericStepper({
1685
1696
  "aria-label": value.toString()
1686
1697
  },
1687
1698
  value
1688
- ), /* @__PURE__ */ React88__namespace.default.createElement(
1699
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
1689
1700
  VerySmallButton,
1690
1701
  {
1691
- icon: /* @__PURE__ */ React88__namespace.default.createElement(AddIcon, { stepLabel: clampedStepSize }),
1702
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(AddIcon, { stepLabel: clampedStepSize }),
1692
1703
  "aria-label": t2(texts2.incrementButtonAriaLabel(clampedStepSize)),
1693
1704
  onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
1694
1705
  visibility: value >= maxValue ? "hidden" : "visible",
@@ -1703,9 +1714,9 @@ var init_NumericStepper = __esm({
1703
1714
  init_src();
1704
1715
  VerySmallButton = (props) => {
1705
1716
  const styles3 = react.useMultiStyleConfig("NumericStepper", {});
1706
- return /* @__PURE__ */ React88__namespace.default.createElement(exports.IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
1717
+ return /* @__PURE__ */ React87__namespace.default.createElement(exports.IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
1707
1718
  };
1708
- SubtractIcon = (props) => /* @__PURE__ */ React88__namespace.default.createElement(React88__namespace.default.Fragment, null, /* @__PURE__ */ React88__namespace.default.createElement(
1719
+ SubtractIcon = (props) => /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, /* @__PURE__ */ React87__namespace.default.createElement(
1709
1720
  react.Box,
1710
1721
  {
1711
1722
  as: "svg",
@@ -1715,7 +1726,7 @@ var init_NumericStepper = __esm({
1715
1726
  stroke: "currentColor",
1716
1727
  ...props
1717
1728
  },
1718
- /* @__PURE__ */ React88__namespace.default.createElement(
1729
+ /* @__PURE__ */ React87__namespace.default.createElement(
1719
1730
  "line",
1720
1731
  {
1721
1732
  x1: "9",
@@ -1726,8 +1737,8 @@ var init_NumericStepper = __esm({
1726
1737
  strokeLinecap: "round"
1727
1738
  }
1728
1739
  )
1729
- ), props.stepLabel > 1 && /* @__PURE__ */ React88__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
1730
- AddIcon = (props) => /* @__PURE__ */ React88__namespace.default.createElement(React88__namespace.default.Fragment, null, /* @__PURE__ */ React88__namespace.default.createElement(
1740
+ ), props.stepLabel > 1 && /* @__PURE__ */ React87__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
1741
+ AddIcon = (props) => /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, /* @__PURE__ */ React87__namespace.default.createElement(
1731
1742
  react.Box,
1732
1743
  {
1733
1744
  as: "svg",
@@ -1737,7 +1748,7 @@ var init_NumericStepper = __esm({
1737
1748
  stroke: "currentColor",
1738
1749
  ...props
1739
1750
  },
1740
- /* @__PURE__ */ React88__namespace.default.createElement(
1751
+ /* @__PURE__ */ React87__namespace.default.createElement(
1741
1752
  "line",
1742
1753
  {
1743
1754
  x1: "9",
@@ -1748,7 +1759,7 @@ var init_NumericStepper = __esm({
1748
1759
  strokeLinecap: "round"
1749
1760
  }
1750
1761
  ),
1751
- /* @__PURE__ */ React88__namespace.default.createElement(
1762
+ /* @__PURE__ */ React87__namespace.default.createElement(
1752
1763
  "line",
1753
1764
  {
1754
1765
  x1: "15",
@@ -1759,7 +1770,7 @@ var init_NumericStepper = __esm({
1759
1770
  strokeLinecap: "round"
1760
1771
  }
1761
1772
  )
1762
- ), props.stepLabel > 1 && /* @__PURE__ */ React88__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
1773
+ ), props.stepLabel > 1 && /* @__PURE__ */ React87__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
1763
1774
  texts2 = createTexts({
1764
1775
  decrementButtonAriaLabel(stepSize) {
1765
1776
  return {
@@ -1790,9 +1801,9 @@ var init_PasswordInput = __esm({
1790
1801
  const { isOpen: isShowingPassword, onToggle } = react.useDisclosure();
1791
1802
  const { t: t2 } = useTranslation();
1792
1803
  const formControlProps = react.useFormControlContext();
1793
- const autoGeneratedId = `password-input-${React88.useId()}`;
1804
+ const autoGeneratedId = `password-input-${React87.useId()}`;
1794
1805
  const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
1795
- return /* @__PURE__ */ React88__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React88__namespace.default.createElement(exports.InputLeftElement, null, leftIcon), /* @__PURE__ */ React88__namespace.default.createElement(
1806
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React87__namespace.default.createElement(exports.InputLeftElement, null, leftIcon), /* @__PURE__ */ React87__namespace.default.createElement(
1796
1807
  react.Input,
1797
1808
  {
1798
1809
  ...props,
@@ -1804,7 +1815,7 @@ var init_PasswordInput = __esm({
1804
1815
  ref,
1805
1816
  "data-attachable": true
1806
1817
  }
1807
- ), /* @__PURE__ */ React88__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React88__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React88__namespace.default.createElement(
1818
+ ), /* @__PURE__ */ React87__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React87__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React87__namespace.default.createElement(
1808
1819
  react.Button,
1809
1820
  {
1810
1821
  variant: "ghost",
@@ -1861,7 +1872,7 @@ var init_CountryCodeSelect = __esm({
1861
1872
  callingCodes = [...prioritizedCountryCodes, ...sortedCallingCodes];
1862
1873
  CountryCodeSelect = (props) => {
1863
1874
  const { t: t2 } = useTranslation();
1864
- return /* @__PURE__ */ React88__namespace.default.createElement(
1875
+ return /* @__PURE__ */ React87__namespace.default.createElement(
1865
1876
  InfoSelect,
1866
1877
  {
1867
1878
  label: t2(texts4.countryCode),
@@ -1869,7 +1880,7 @@ var init_CountryCodeSelect = __esm({
1869
1880
  items: callingCodes,
1870
1881
  ...props
1871
1882
  },
1872
- (item) => /* @__PURE__ */ React88__namespace.default.createElement(reactStately.Item, { key: item.key }, item.key)
1883
+ (item) => /* @__PURE__ */ React87__namespace.default.createElement(reactStately.Item, { key: item.key }, item.key)
1873
1884
  );
1874
1885
  };
1875
1886
  CountryCodeSelect_default = CountryCodeSelect;
@@ -1906,10 +1917,10 @@ var init_PhoneNumberInput = __esm({
1906
1917
  nationalNumber: ""
1907
1918
  }
1908
1919
  });
1909
- return /* @__PURE__ */ React88__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React88__namespace.default.createElement(
1910
- React88.Suspense,
1920
+ return /* @__PURE__ */ React87__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React87__namespace.default.createElement(
1921
+ React87.Suspense,
1911
1922
  {
1912
- fallback: /* @__PURE__ */ React88__namespace.default.createElement(
1923
+ fallback: /* @__PURE__ */ React87__namespace.default.createElement(
1913
1924
  InfoSelect,
1914
1925
  {
1915
1926
  isLabelSrOnly: true,
@@ -1918,10 +1929,10 @@ var init_PhoneNumberInput = __esm({
1918
1929
  height: "100%",
1919
1930
  value: "+47"
1920
1931
  },
1921
- /* @__PURE__ */ React88__namespace.default.createElement(reactStately.Item, { key: "+47" }, "+47")
1932
+ /* @__PURE__ */ React87__namespace.default.createElement(reactStately.Item, { key: "+47" }, "+47")
1922
1933
  )
1923
1934
  },
1924
- /* @__PURE__ */ React88__namespace.default.createElement(
1935
+ /* @__PURE__ */ React87__namespace.default.createElement(
1925
1936
  LazyCountryCodeSelect,
1926
1937
  {
1927
1938
  value: value.countryCode,
@@ -1934,7 +1945,7 @@ var init_PhoneNumberInput = __esm({
1934
1945
  width: "6.25rem"
1935
1946
  }
1936
1947
  )
1937
- ), /* @__PURE__ */ React88__namespace.default.createElement(
1948
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
1938
1949
  exports.Input,
1939
1950
  {
1940
1951
  ref,
@@ -1969,14 +1980,14 @@ var init_PhoneNumberInput = __esm({
1969
1980
  sv: "Landskod"
1970
1981
  }
1971
1982
  });
1972
- LazyCountryCodeSelect = React88__namespace.default.lazy(() => Promise.resolve().then(() => (init_CountryCodeSelect(), CountryCodeSelect_exports)));
1983
+ LazyCountryCodeSelect = React87__namespace.default.lazy(() => Promise.resolve().then(() => (init_CountryCodeSelect(), CountryCodeSelect_exports)));
1973
1984
  }
1974
1985
  });
1975
1986
  exports.Radio = void 0;
1976
1987
  var init_Radio = __esm({
1977
1988
  "src/input/Radio.tsx"() {
1978
1989
  exports.Radio = react.forwardRef((props, ref) => {
1979
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Radio, { ...props, ref });
1990
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Radio, { ...props, ref });
1980
1991
  });
1981
1992
  }
1982
1993
  });
@@ -1985,7 +1996,7 @@ var init_RadioGroup = __esm({
1985
1996
  "src/input/RadioGroup.tsx"() {
1986
1997
  exports.RadioGroup = react.forwardRef(
1987
1998
  ({ children, direction: direction2 = "row", ...rest }, ref) => {
1988
- return /* @__PURE__ */ React88__namespace.default.createElement(react.RadioGroup, { ...rest, ref }, /* @__PURE__ */ React88__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
1999
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.RadioGroup, { ...rest, ref }, /* @__PURE__ */ React87__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
1989
2000
  }
1990
2001
  );
1991
2002
  }
@@ -2000,9 +2011,9 @@ var init_SearchInput = __esm({
2000
2011
  const { t: t2 } = useTranslation();
2001
2012
  const showClearButton = onReset && Boolean(props.value);
2002
2013
  const formControlProps = react.useFormControlContext();
2003
- const autoGeneratedId = React88.useId();
2014
+ const autoGeneratedId = React87.useId();
2004
2015
  const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
2005
- return /* @__PURE__ */ React88__namespace.default.createElement(react.InputGroup, { position: "relative" }, /* @__PURE__ */ React88__namespace.default.createElement(exports.InputLeftElement, null, /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.SearchOutline24Icon, null)), /* @__PURE__ */ React88__namespace.default.createElement(
2016
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.InputGroup, { position: "relative" }, /* @__PURE__ */ React87__namespace.default.createElement(exports.InputLeftElement, null, /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.SearchOutline24Icon, null)), /* @__PURE__ */ React87__namespace.default.createElement(
2006
2017
  react.Input,
2007
2018
  {
2008
2019
  paddingLeft: 7,
@@ -2019,7 +2030,7 @@ var init_SearchInput = __esm({
2019
2030
  placeholder: " ",
2020
2031
  "data-attachable": true
2021
2032
  }
2022
- ), /* @__PURE__ */ React88__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts6.label)), showClearButton && /* @__PURE__ */ React88__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React88__namespace.default.createElement(
2033
+ ), /* @__PURE__ */ React87__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts6.label)), showClearButton && /* @__PURE__ */ React87__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React87__namespace.default.createElement(
2023
2034
  react.IconButton,
2024
2035
  {
2025
2036
  variant: "ghost",
@@ -2027,7 +2038,7 @@ var init_SearchInput = __esm({
2027
2038
  size: "sm",
2028
2039
  marginRight: 1,
2029
2040
  "aria-label": t2(texts6.reset),
2030
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
2041
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
2031
2042
  onClick: onReset
2032
2043
  }
2033
2044
  )));
@@ -2054,7 +2065,7 @@ var init_Switch = __esm({
2054
2065
  "src/input/Switch.tsx"() {
2055
2066
  exports.Switch = react.forwardRef(
2056
2067
  ({ size: size2 = "md", ...props }, ref) => {
2057
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Switch, { size: size2, ...props, ref });
2068
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Switch, { size: size2, ...props, ref });
2058
2069
  }
2059
2070
  );
2060
2071
  }
@@ -2126,9 +2137,9 @@ var init_Textarea = __esm({
2126
2137
  remainingProps: { label, ...rest }
2127
2138
  } = getSpacingProps(props);
2128
2139
  const formControlProps = react.useFormControlContext();
2129
- const fallbackId = `textarea-${React88.useId()}`;
2140
+ const fallbackId = `textarea-${React87.useId()}`;
2130
2141
  const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
2131
- return /* @__PURE__ */ React88__namespace.default.createElement(react.InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React88__namespace.default.createElement(react.Textarea, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React88__namespace.default.createElement(react.FormLabel, { htmlFor: inputId, id: `${inputId}-label` }, label));
2142
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.InputGroup, { position: "relative", ...spacingProps }, /* @__PURE__ */ React87__namespace.default.createElement(react.Textarea, { ...rest, id: inputId, ref, placeholder: " " }), label && /* @__PURE__ */ React87__namespace.default.createElement(react.FormLabel, { htmlFor: inputId, id: `${inputId}-label` }, label));
2132
2143
  });
2133
2144
  }
2134
2145
  });
@@ -2162,7 +2173,7 @@ exports.RadioCardGroupContext = void 0; exports.RadioCardGroup = void 0;
2162
2173
  var init_RadioCardGroup = __esm({
2163
2174
  "src/layout/RadioCardGroup.tsx"() {
2164
2175
  init_input();
2165
- exports.RadioCardGroupContext = React88__namespace.default.createContext(null);
2176
+ exports.RadioCardGroupContext = React87__namespace.default.createContext(null);
2166
2177
  exports.RadioCardGroup = ({
2167
2178
  children,
2168
2179
  name,
@@ -2173,14 +2184,14 @@ var init_RadioCardGroup = __esm({
2173
2184
  onChange,
2174
2185
  ...props
2175
2186
  }) => {
2176
- const [selectedValue, setSelectedValue] = React88.useState(
2187
+ const [selectedValue, setSelectedValue] = React87.useState(
2177
2188
  defaultValue || ""
2178
2189
  );
2179
2190
  const handleChange = (value) => {
2180
2191
  setSelectedValue(value);
2181
2192
  onChange && onChange(value);
2182
2193
  };
2183
- return /* @__PURE__ */ React88__namespace.default.createElement(
2194
+ return /* @__PURE__ */ React87__namespace.default.createElement(
2184
2195
  exports.RadioCardGroupContext.Provider,
2185
2196
  {
2186
2197
  value: {
@@ -2191,7 +2202,7 @@ var init_RadioCardGroup = __esm({
2191
2202
  defaultValue: defaultValue || ""
2192
2203
  }
2193
2204
  },
2194
- /* @__PURE__ */ React88__namespace.default.createElement(react.Stack, { as: "fieldset", direction: direction2, ...props }, groupLabel && /* @__PURE__ */ React88__namespace.default.createElement(exports.FormLabel, { as: "legend", id: groupLabel }, groupLabel), children)
2205
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Stack, { as: "fieldset", direction: direction2, ...props }, groupLabel && /* @__PURE__ */ React87__namespace.default.createElement(exports.FormLabel, { as: "legend", id: groupLabel }, groupLabel), children)
2195
2206
  );
2196
2207
  };
2197
2208
  }
@@ -2202,7 +2213,7 @@ var init_RadioCard = __esm({
2202
2213
  init_RadioCardGroup();
2203
2214
  exports.RadioCard = react.forwardRef(
2204
2215
  ({ children, value, isDisabled, ...props }, ref) => {
2205
- const context = React88.useContext(exports.RadioCardGroupContext);
2216
+ const context = React87.useContext(exports.RadioCardGroupContext);
2206
2217
  if (!context) {
2207
2218
  throw new Error(
2208
2219
  "RadioCard components must be wrapped in a RadioCardGroup component"
@@ -2210,10 +2221,10 @@ var init_RadioCard = __esm({
2210
2221
  }
2211
2222
  const { name, selectedValue, onChange, variant } = context;
2212
2223
  const styles3 = react.useMultiStyleConfig("RadioCard", { variant });
2213
- const [isKeyboardUser, setKeyboardUser] = React88.useState(false);
2214
- const [isFocused, setFocus] = React88.useState(false);
2224
+ const [isKeyboardUser, setKeyboardUser] = React87.useState(false);
2225
+ const [isFocused, setFocus] = React87.useState(false);
2215
2226
  const isChecked = selectedValue === value;
2216
- React88.useEffect(() => {
2227
+ React87.useEffect(() => {
2217
2228
  const handleMouseDown = () => setKeyboardUser(false);
2218
2229
  const handleKeyDown = (event) => {
2219
2230
  if (event.key === " ") {
@@ -2229,21 +2240,21 @@ var init_RadioCard = __esm({
2229
2240
  window.removeEventListener("keydown", handleKeyDown);
2230
2241
  };
2231
2242
  }, []);
2232
- React88.useEffect(() => {
2243
+ React87.useEffect(() => {
2233
2244
  if (isKeyboardUser && isChecked) {
2234
2245
  setFocus(true);
2235
2246
  } else {
2236
2247
  setFocus(false);
2237
2248
  }
2238
2249
  }, [isKeyboardUser, isChecked]);
2239
- const inputId = `radio-card-${React88.useId()}`;
2240
- return /* @__PURE__ */ React88__namespace.default.createElement(
2250
+ const inputId = `radio-card-${React87.useId()}`;
2251
+ return /* @__PURE__ */ React87__namespace.default.createElement(
2241
2252
  react.Box,
2242
2253
  {
2243
2254
  onFocus: () => isKeyboardUser && setFocus(true),
2244
2255
  onBlur: () => setFocus(false)
2245
2256
  },
2246
- /* @__PURE__ */ React88__namespace.default.createElement(
2257
+ /* @__PURE__ */ React87__namespace.default.createElement(
2247
2258
  react.chakra.input,
2248
2259
  {
2249
2260
  type: "radio",
@@ -2256,7 +2267,7 @@ var init_RadioCard = __esm({
2256
2267
  __css: styles3.radioInput
2257
2268
  }
2258
2269
  ),
2259
- /* @__PURE__ */ React88__namespace.default.createElement(
2270
+ /* @__PURE__ */ React87__namespace.default.createElement(
2260
2271
  react.Box,
2261
2272
  {
2262
2273
  as: "label",
@@ -2288,7 +2299,7 @@ var init_StaticCard = __esm({
2288
2299
  const styles3 = react.useStyleConfig("StaticCard", {
2289
2300
  colorScheme
2290
2301
  });
2291
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
2302
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
2292
2303
  }
2293
2304
  );
2294
2305
  }
@@ -2301,7 +2312,7 @@ var init_PressableCard = __esm({
2301
2312
  const styles3 = react.useStyleConfig("PressableCard", {
2302
2313
  variant
2303
2314
  });
2304
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
2315
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
2305
2316
  }
2306
2317
  );
2307
2318
  }
@@ -2319,15 +2330,15 @@ var init_layout = __esm({
2319
2330
  var AccordionContext, AccordionProvider, useAccordionContext;
2320
2331
  var init_AccordionContext = __esm({
2321
2332
  "src/accordion/AccordionContext.tsx"() {
2322
- AccordionContext = React88__namespace.default.createContext(null);
2333
+ AccordionContext = React87__namespace.default.createContext(null);
2323
2334
  AccordionProvider = ({
2324
2335
  size: size2,
2325
2336
  ...props
2326
2337
  }) => {
2327
- return /* @__PURE__ */ React88__namespace.default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
2338
+ return /* @__PURE__ */ React87__namespace.default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
2328
2339
  };
2329
2340
  useAccordionContext = () => {
2330
- const context = React88__namespace.default.useContext(AccordionContext);
2341
+ const context = React87__namespace.default.useContext(AccordionContext);
2331
2342
  if (context === null) {
2332
2343
  throw new Error(
2333
2344
  "useAccordionContext must be used within AccordionProvider"
@@ -2345,14 +2356,14 @@ var init_Accordion = __esm({
2345
2356
  exports.Accordion = react.forwardRef(
2346
2357
  ({ children, spacing: spacing3 = 2, ...props }, ref) => {
2347
2358
  const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
2348
- return /* @__PURE__ */ React88__namespace.default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React88__namespace.default.createElement(
2359
+ return /* @__PURE__ */ React87__namespace.default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React87__namespace.default.createElement(
2349
2360
  react.Accordion,
2350
2361
  {
2351
2362
  ...props,
2352
2363
  ref,
2353
2364
  defaultIndex
2354
2365
  },
2355
- /* @__PURE__ */ React88__namespace.default.createElement(exports.Stack, { spacing: spacing3 }, children)
2366
+ /* @__PURE__ */ React87__namespace.default.createElement(exports.Stack, { spacing: spacing3 }, children)
2356
2367
  ));
2357
2368
  }
2358
2369
  );
@@ -2375,7 +2386,7 @@ var init_Expandable = __esm({
2375
2386
  },
2376
2387
  ...rest
2377
2388
  }) => {
2378
- return /* @__PURE__ */ React88__namespace.default.createElement(
2389
+ return /* @__PURE__ */ React87__namespace.default.createElement(
2379
2390
  exports.Accordion,
2380
2391
  {
2381
2392
  ...rest,
@@ -2385,7 +2396,7 @@ var init_Expandable = __esm({
2385
2396
  size: size2,
2386
2397
  onChange: (expandedIndex) => onChange(expandedIndex === 0)
2387
2398
  },
2388
- /* @__PURE__ */ React88__namespace.default.createElement(
2399
+ /* @__PURE__ */ React87__namespace.default.createElement(
2389
2400
  exports.ExpandableItem,
2390
2401
  {
2391
2402
  headingLevel,
@@ -2405,7 +2416,7 @@ var init_Expandable = __esm({
2405
2416
  }) => {
2406
2417
  const { size: size2 } = useAccordionContext();
2407
2418
  warnAboutMismatchingIcon({ icon: leftIcon, size: size2 });
2408
- return /* @__PURE__ */ React88__namespace.default.createElement(react.AccordionItem, { ...rest }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: headingLevel }, /* @__PURE__ */ React88__namespace.default.createElement(react.AccordionButton, null, /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React88__namespace.default.createElement(react.AccordionIcon, null))), /* @__PURE__ */ React88__namespace.default.createElement(react.AccordionPanel, null, children));
2419
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionItem, { ...rest }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: headingLevel }, /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionButton, null, /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { marginRight: 1 }, leftIcon), title), /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionIcon, null))), /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionPanel, null, children));
2409
2420
  };
2410
2421
  warnAboutMismatchingIcon = ({ icon, size: size2 }) => {
2411
2422
  var _a6, _b5;
@@ -2456,10 +2467,10 @@ function LanguageProvider({
2456
2467
  language,
2457
2468
  children
2458
2469
  }) {
2459
- return /* @__PURE__ */ React88__namespace.default.createElement(LanguageContext.Provider, { value: language }, children);
2470
+ return /* @__PURE__ */ React87__namespace.default.createElement(LanguageContext.Provider, { value: language }, children);
2460
2471
  }
2461
2472
  function useLanguage() {
2462
- const language = React88.useContext(LanguageContext);
2473
+ const language = React87.useContext(LanguageContext);
2463
2474
  if (!language) {
2464
2475
  throw new Error("Please wrap your application in a LanguageProvider");
2465
2476
  }
@@ -2485,12 +2496,12 @@ var init_i18n = __esm({
2485
2496
  Language3["English"] = "en";
2486
2497
  return Language3;
2487
2498
  })(exports.Language || {});
2488
- LanguageContext = React88.createContext(void 0);
2499
+ LanguageContext = React87.createContext(void 0);
2489
2500
  }
2490
2501
  });
2491
2502
  function useHydrated() {
2492
- let [hydrated, setHydrated] = React88.useState(() => !hydrating);
2493
- React88.useEffect(function hydrate() {
2503
+ let [hydrated, setHydrated] = React87.useState(() => !hydrating);
2504
+ React87.useEffect(function hydrate() {
2494
2505
  hydrating = false;
2495
2506
  setHydrated(true);
2496
2507
  }, []);
@@ -2508,106 +2519,29 @@ var init_ClientOnly = __esm({
2508
2519
  init_useHydrated();
2509
2520
  ClientOnly = ({ children, fallback = null }) => {
2510
2521
  const isHydrated = useHydrated();
2511
- return /* @__PURE__ */ React88__namespace.default.createElement(React88__namespace.default.Fragment, null, isHydrated ? children() : fallback);
2522
+ return /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, isHydrated ? children() : fallback);
2512
2523
  };
2513
2524
  }
2514
2525
  });
2515
2526
  function Lottie({ animationData }) {
2516
2527
  const { View } = lottieReact.useLottie({ animationData, loop: true });
2517
- return /* @__PURE__ */ React88__namespace.default.createElement(React88__namespace.default.Fragment, null, View);
2528
+ return /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, View);
2518
2529
  }
2519
2530
  var init_Lottie = __esm({
2520
2531
  "src/loader/Lottie.tsx"() {
2521
2532
  }
2522
2533
  });
2523
- var PrideContext; exports.PrideProvider = void 0; exports.usePride = void 0;
2524
- var init_PrideProvider = __esm({
2525
- "src/pride/PrideProvider.tsx"() {
2526
- PrideContext = React88.createContext(void 0);
2527
- exports.PrideProvider = ({
2528
- children
2529
- }) => {
2530
- const isBrowser2 = typeof window !== "undefined";
2531
- const key = "spor__isPride";
2532
- const [isPride, setIsPride] = React88.useState(() => {
2533
- if (isBrowser2) {
2534
- const savedState = localStorage.getItem(key);
2535
- return savedState ? JSON.parse(savedState) : true;
2536
- }
2537
- return true;
2538
- });
2539
- const togglePride = () => {
2540
- setIsPride((prev) => {
2541
- const newState = !prev;
2542
- if (isBrowser2) {
2543
- localStorage.setItem(key, JSON.stringify(newState));
2544
- }
2545
- return newState;
2546
- });
2547
- };
2548
- React88.useEffect(() => {
2549
- if (isBrowser2) {
2550
- const savedState = localStorage.getItem(key);
2551
- if (savedState) {
2552
- setIsPride(JSON.parse(savedState));
2553
- }
2554
- }
2555
- }, [isBrowser2]);
2556
- return /* @__PURE__ */ React88__namespace.default.createElement(PrideContext.Provider, { value: { isPride, togglePride } }, children);
2557
- };
2558
- exports.usePride = () => {
2559
- const context = React88.useContext(PrideContext);
2560
- if (context === void 0) {
2561
- throw new Error("usePride must be used within a PrideProvider");
2562
- }
2563
- return context;
2564
- };
2565
- }
2566
- });
2567
- exports.TogglePride = void 0;
2568
- var init_TogglePride = __esm({
2569
- "src/pride/TogglePride.tsx"() {
2570
- init_PrideProvider();
2571
- init_input();
2572
- exports.TogglePride = ({ label }) => {
2573
- const { isPride, togglePride } = exports.usePride();
2574
- return /* @__PURE__ */ React88__namespace.default.createElement(exports.FormControl, { display: "flex", alignItems: "center", gap: 3 }, /* @__PURE__ */ React88__namespace.default.createElement(exports.FormLabel, { margin: "0" }, label), /* @__PURE__ */ React88__namespace.default.createElement(
2575
- exports.Switch,
2576
- {
2577
- size: "sm",
2578
- onChange: () => togglePride(),
2579
- defaultChecked: isPride
2580
- }
2581
- ));
2582
- };
2583
- }
2584
- });
2585
-
2586
- // src/pride/index.tsx
2587
- var init_pride = __esm({
2588
- "src/pride/index.tsx"() {
2589
- init_PrideProvider();
2590
- init_TogglePride();
2591
- }
2592
- });
2593
2534
  exports.ColorInlineLoader = void 0;
2594
2535
  var init_ColorInlineLoader = __esm({
2595
2536
  "src/loader/ColorInlineLoader.tsx"() {
2596
2537
  init_ClientOnly();
2597
2538
  init_Lottie();
2598
- init_pride();
2599
2539
  exports.ColorInlineLoader = ({
2600
2540
  width,
2601
2541
  maxWidth,
2602
2542
  ...props
2603
2543
  }) => {
2604
- const { isPride } = exports.usePride();
2605
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React88__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React88__namespace.default.createElement(
2606
- Lottie,
2607
- {
2608
- animationData: isPride ? sporLoader.inlineLoaderColorPrideData : sporLoader.inlineLoaderColorData
2609
- }
2610
- ))));
2544
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderColorData }))));
2611
2545
  };
2612
2546
  }
2613
2547
  });
@@ -2616,20 +2550,13 @@ var init_ColorSpinner = __esm({
2616
2550
  "src/loader/ColorSpinner.tsx"() {
2617
2551
  init_ClientOnly();
2618
2552
  init_Lottie();
2619
- init_PrideProvider();
2620
2553
  exports.ColorSpinner = ({
2621
2554
  children,
2622
2555
  width,
2623
2556
  maxWidth,
2624
2557
  ...props
2625
2558
  }) => {
2626
- const { isPride } = exports.usePride();
2627
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React88__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React88__namespace.default.createElement(
2628
- Lottie,
2629
- {
2630
- animationData: isPride ? sporLoader.spinnerColorPrideData : sporLoader.spinnerColorData
2631
- }
2632
- ))), children && /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
2559
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerColorData }))), children && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
2633
2560
  };
2634
2561
  }
2635
2562
  });
@@ -2638,15 +2565,8 @@ var init_ContentLoader = __esm({
2638
2565
  "src/loader/ContentLoader.tsx"() {
2639
2566
  init_ClientOnly();
2640
2567
  init_Lottie();
2641
- init_PrideProvider();
2642
2568
  exports.ContentLoader = ({ children, ...props }) => {
2643
- const { isPride } = exports.usePride();
2644
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React88__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React88__namespace.default.createElement(
2645
- Lottie,
2646
- {
2647
- animationData: isPride ? sporLoader.contentLoaderPrideData : sporLoader.contentLoaderData
2648
- }
2649
- ))), children && /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { textAlign: "center", fontWeight: "bold" }, children));
2569
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { maxWidth: "140px", marginX: "auto" }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: sporLoader.contentLoaderData }))), children && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { textAlign: "center", fontWeight: "bold" }, children));
2650
2570
  };
2651
2571
  }
2652
2572
  });
@@ -2660,7 +2580,7 @@ var init_DarkFullScreenLoader = __esm({
2660
2580
  maxWidth,
2661
2581
  ...props
2662
2582
  }) => {
2663
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React88__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React88__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderWhiteData }))));
2583
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderWhiteData }))));
2664
2584
  };
2665
2585
  }
2666
2586
  });
@@ -2669,19 +2589,12 @@ var init_DarkInlineLoader = __esm({
2669
2589
  "src/loader/DarkInlineLoader.tsx"() {
2670
2590
  init_ClientOnly();
2671
2591
  init_Lottie();
2672
- init_PrideProvider();
2673
2592
  exports.DarkInlineLoader = ({
2674
2593
  width,
2675
2594
  maxWidth,
2676
2595
  ...props
2677
2596
  }) => {
2678
- const { isPride } = exports.usePride();
2679
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React88__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React88__namespace.default.createElement(
2680
- Lottie,
2681
- {
2682
- animationData: isPride ? sporLoader.inlineLoaderColorPrideData : sporLoader.inlineLoaderDarkData
2683
- }
2684
- ))));
2597
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderDarkData }))));
2685
2598
  };
2686
2599
  }
2687
2600
  });
@@ -2699,7 +2612,7 @@ var init_DarkSpinner = __esm({
2699
2612
  }) => {
2700
2613
  const { colorMode } = react.useColorMode();
2701
2614
  const spinnerData = colorMode === "dark" ? sporLoader.spinnerLightData : sporLoader.spinnerDarkData;
2702
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React88__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React88__namespace.default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
2615
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: spinnerData }))), children && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
2703
2616
  };
2704
2617
  }
2705
2618
  });
@@ -2708,19 +2621,12 @@ var init_LightFullScreenLoader = __esm({
2708
2621
  "src/loader/LightFullScreenLoader.tsx"() {
2709
2622
  init_ClientOnly();
2710
2623
  init_Lottie();
2711
- init_pride();
2712
2624
  exports.LightFullScreenLoader = ({
2713
2625
  width,
2714
2626
  maxWidth,
2715
2627
  ...props
2716
2628
  }) => {
2717
- const { isPride } = exports.usePride();
2718
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React88__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React88__namespace.default.createElement(
2719
- Lottie,
2720
- {
2721
- animationData: isPride ? sporLoader.vyLogoPrideData : sporLoader.fullScreenLoaderBlackData
2722
- }
2723
- ))));
2629
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderBlackData }))));
2724
2630
  };
2725
2631
  }
2726
2632
  });
@@ -2729,19 +2635,12 @@ var init_LightInlineLoader = __esm({
2729
2635
  "src/loader/LightInlineLoader.tsx"() {
2730
2636
  init_ClientOnly();
2731
2637
  init_Lottie();
2732
- init_PrideProvider();
2733
2638
  exports.LightInlineLoader = ({
2734
2639
  width,
2735
2640
  maxWidth,
2736
2641
  ...props
2737
2642
  }) => {
2738
- const { isPride } = exports.usePride();
2739
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React88__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React88__namespace.default.createElement(
2740
- Lottie,
2741
- {
2742
- animationData: isPride ? sporLoader.inlineLoaderColorPrideData : sporLoader.inlineLoaderLightData
2743
- }
2744
- ))));
2643
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderLightData }))));
2745
2644
  };
2746
2645
  }
2747
2646
  });
@@ -2756,7 +2655,7 @@ var init_LightSpinner = __esm({
2756
2655
  maxWidth,
2757
2656
  ...props
2758
2657
  }) => {
2759
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React88__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React88__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerLightData }))), children && /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
2658
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React87__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React87__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerLightData }))), children && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { marginTop: 3, fontWeight: "bold" }, children));
2760
2659
  };
2761
2660
  }
2762
2661
  });
@@ -2764,11 +2663,11 @@ var useRotatingLabel;
2764
2663
  var init_useRotatingLabel = __esm({
2765
2664
  "src/loader/useRotatingLabel.tsx"() {
2766
2665
  useRotatingLabel = ({ label, delay }) => {
2767
- const loadingTextArray = React88.useMemo(
2666
+ const loadingTextArray = React87.useMemo(
2768
2667
  () => Array.isArray(label) ? label : [label],
2769
2668
  [label]
2770
2669
  );
2771
- const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React88.useState(0);
2670
+ const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React87.useState(0);
2772
2671
  react.useInterval(() => {
2773
2672
  setCurrentLoadingTextIndex(
2774
2673
  (prevIndex) => (prevIndex + 1) % loadingTextArray.length
@@ -2803,7 +2702,7 @@ var init_ProgressBar = __esm({
2803
2702
  "aria-label": ariaLabel || t2(texts7.label(value))
2804
2703
  });
2805
2704
  const styles3 = react.useMultiStyleConfig("ProgressBar", {});
2806
- return /* @__PURE__ */ React88__namespace.default.createElement(React88__namespace.default.Fragment, null, /* @__PURE__ */ React88__namespace.default.createElement(
2705
+ return /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, /* @__PURE__ */ React87__namespace.default.createElement(
2807
2706
  react.Box,
2808
2707
  {
2809
2708
  ...progressBarProps,
@@ -2811,8 +2710,8 @@ var init_ProgressBar = __esm({
2811
2710
  __css: styles3.container,
2812
2711
  ...rest
2813
2712
  },
2814
- /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { width, __css: styles3.background }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { __css: styles3.progress, height, width: `${value}%` })),
2815
- currentLoadingText && /* @__PURE__ */ React88__namespace.default.createElement(react.Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
2713
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, __css: styles3.background }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3.progress, height, width: `${value}%` })),
2714
+ currentLoadingText && /* @__PURE__ */ React87__namespace.default.createElement(react.Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
2816
2715
  ));
2817
2716
  };
2818
2717
  texts7 = createTexts({
@@ -2849,11 +2748,11 @@ var init_ProgressLoader = __esm({
2849
2748
  value,
2850
2749
  "aria-label": ariaLabel ?? t2(texts8.fallbackLabel(value ?? "?"))
2851
2750
  });
2852
- const pathRef = React88.useRef(null);
2751
+ const pathRef = React87.useRef(null);
2853
2752
  const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
2854
2753
  const progress = (value - 100) / 100 * progressPathLength;
2855
- const id = React88.useId();
2856
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React88__namespace.default.createElement(
2754
+ const id = React87.useId();
2755
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React87__namespace.default.createElement(
2857
2756
  react.Box,
2858
2757
  {
2859
2758
  as: "path",
@@ -2861,7 +2760,7 @@ var init_ProgressLoader = __esm({
2861
2760
  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",
2862
2761
  fill: "#FFB466"
2863
2762
  }
2864
- ), /* @__PURE__ */ React88__namespace.default.createElement(
2763
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
2865
2764
  react.Box,
2866
2765
  {
2867
2766
  as: "path",
@@ -2872,7 +2771,7 @@ var init_ProgressLoader = __esm({
2872
2771
  strokeLinecap: "round",
2873
2772
  strokeLinejoin: "round"
2874
2773
  }
2875
- ), /* @__PURE__ */ React88__namespace.default.createElement(
2774
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
2876
2775
  react.Box,
2877
2776
  {
2878
2777
  as: "path",
@@ -2887,7 +2786,7 @@ var init_ProgressLoader = __esm({
2887
2786
  transition: "stroke-dashoffset .2s ease-out",
2888
2787
  ref: pathRef
2889
2788
  }
2890
- ), /* @__PURE__ */ React88__namespace.default.createElement(
2789
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
2891
2790
  react.Box,
2892
2791
  {
2893
2792
  as: "path",
@@ -2895,7 +2794,7 @@ var init_ProgressLoader = __esm({
2895
2794
  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",
2896
2795
  fill: "#688CBA"
2897
2796
  }
2898
- )), currentLoadingText && /* @__PURE__ */ React88__namespace.default.createElement(
2797
+ )), currentLoadingText && /* @__PURE__ */ React87__namespace.default.createElement(
2899
2798
  react.Text,
2900
2799
  {
2901
2800
  textAlign: "center",
@@ -2919,19 +2818,19 @@ var init_ProgressLoader = __esm({
2919
2818
  exports.Skeleton = void 0;
2920
2819
  var init_Skeleton = __esm({
2921
2820
  "src/loader/Skeleton.tsx"() {
2922
- exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React88__namespace.default.createElement(react.Skeleton, { ...props, ref }));
2821
+ exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.Skeleton, { ...props, ref }));
2923
2822
  }
2924
2823
  });
2925
2824
  exports.SkeletonCircle = void 0;
2926
2825
  var init_SkeletonCircle = __esm({
2927
2826
  "src/loader/SkeletonCircle.tsx"() {
2928
- exports.SkeletonCircle = (props) => /* @__PURE__ */ React88__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
2827
+ exports.SkeletonCircle = (props) => /* @__PURE__ */ React87__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
2929
2828
  }
2930
2829
  });
2931
2830
  exports.SkeletonText = void 0;
2932
2831
  var init_SkeletonText = __esm({
2933
2832
  "src/loader/SkeletonText.tsx"() {
2934
- exports.SkeletonText = (props) => /* @__PURE__ */ React88__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
2833
+ exports.SkeletonText = (props) => /* @__PURE__ */ React87__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
2935
2834
  }
2936
2835
  });
2937
2836
 
@@ -3006,7 +2905,7 @@ var init_Button = __esm({
3006
2905
  if (fontWeight) {
3007
2906
  styles3.fontWeight = fontWeight;
3008
2907
  }
3009
- return /* @__PURE__ */ React88__namespace.default.createElement(
2908
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3010
2909
  react.Box,
3011
2910
  {
3012
2911
  ...rest,
@@ -3020,7 +2919,7 @@ var init_Button = __esm({
3020
2919
  position: "relative",
3021
2920
  fontFamily: "Vy Sans"
3022
2921
  },
3023
- isLoading && /* @__PURE__ */ React88__namespace.default.createElement(react.Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React88__namespace.default.createElement(
2922
+ isLoading && /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React87__namespace.default.createElement(
3024
2923
  exports.ColorInlineLoader,
3025
2924
  {
3026
2925
  maxWidth: getLoaderWidth(finalSize),
@@ -3029,7 +2928,7 @@ var init_Button = __esm({
3029
2928
  marginY: 2
3030
2929
  }
3031
2930
  )),
3032
- /* @__PURE__ */ React88__namespace.default.createElement(
2931
+ /* @__PURE__ */ React87__namespace.default.createElement(
3033
2932
  react.Flex,
3034
2933
  {
3035
2934
  gap: 1,
@@ -3039,7 +2938,7 @@ var init_Button = __esm({
3039
2938
  visibility: isLoading ? "hidden" : "visible",
3040
2939
  "aria-hidden": isLoading
3041
2940
  },
3042
- /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React88__namespace.default.createElement(
2941
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React87__namespace.default.createElement(
3043
2942
  react.Box,
3044
2943
  {
3045
2944
  visibility: isLoading ? "hidden" : "visible",
@@ -3065,7 +2964,7 @@ var init_Button = __esm({
3065
2964
  exports.ButtonGroup = void 0;
3066
2965
  var init_ButtonGroup = __esm({
3067
2966
  "src/button/ButtonGroup.tsx"() {
3068
- exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React88__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
2967
+ exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
3069
2968
  }
3070
2969
  });
3071
2970
  exports.IconButton = void 0;
@@ -3073,12 +2972,12 @@ var init_IconButton = __esm({
3073
2972
  "src/button/IconButton.tsx"() {
3074
2973
  init_src();
3075
2974
  exports.IconButton = react.forwardRef(
3076
- ({ ...props }, ref) => /* @__PURE__ */ React88__namespace.default.createElement(
2975
+ ({ ...props }, ref) => /* @__PURE__ */ React87__namespace.default.createElement(
3077
2976
  react.IconButton,
3078
2977
  {
3079
2978
  title: props["aria-label"],
3080
2979
  ...props,
3081
- spinner: /* @__PURE__ */ React88__namespace.default.createElement(exports.ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
2980
+ spinner: /* @__PURE__ */ React87__namespace.default.createElement(exports.ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
3082
2981
  ref
3083
2982
  }
3084
2983
  )
@@ -3093,7 +2992,7 @@ var init_CloseButton = __esm({
3093
2992
  exports.CloseButton = react.forwardRef(
3094
2993
  ({ size: size2 = "sm", ...props }, ref) => {
3095
2994
  const { t: t2 } = useTranslation();
3096
- return /* @__PURE__ */ React88__namespace.default.createElement(
2995
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3097
2996
  exports.IconButton,
3098
2997
  {
3099
2998
  ref,
@@ -3110,11 +3009,11 @@ var init_CloseButton = __esm({
3110
3009
  switch (size2) {
3111
3010
  case "xs":
3112
3011
  case "sm":
3113
- return /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
3012
+ return /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
3114
3013
  case "md":
3115
- return /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
3014
+ return /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
3116
3015
  case "lg":
3117
- return /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
3016
+ return /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
3118
3017
  }
3119
3018
  };
3120
3019
  texts10 = createTexts({
@@ -3141,11 +3040,11 @@ var init_FloatingActionButton = __esm({
3141
3040
  placement = "bottom right",
3142
3041
  ...props
3143
3042
  }, ref) => {
3144
- const [isTextVisible, setIsTextVisible] = React88__namespace.default.useState(
3043
+ const [isTextVisible, setIsTextVisible] = React87__namespace.default.useState(
3145
3044
  externalIsTextVisible !== void 0 ? externalIsTextVisible : false
3146
3045
  );
3147
3046
  const scrollDirection = useScrollDirection();
3148
- React88.useEffect(() => {
3047
+ React87.useEffect(() => {
3149
3048
  if (externalIsTextVisible !== void 0) {
3150
3049
  return;
3151
3050
  }
@@ -3155,7 +3054,7 @@ var init_FloatingActionButton = __esm({
3155
3054
  );
3156
3055
  return () => window.clearTimeout(id);
3157
3056
  }, [scrollDirection, externalIsTextVisible]);
3158
- React88.useEffect(() => {
3057
+ React87.useEffect(() => {
3159
3058
  setIsTextVisible(!!externalIsTextVisible);
3160
3059
  }, [externalIsTextVisible]);
3161
3060
  const style = react.useMultiStyleConfig("FloatingActionButton", {
@@ -3163,7 +3062,7 @@ var init_FloatingActionButton = __esm({
3163
3062
  isTextVisible,
3164
3063
  placement
3165
3064
  });
3166
- return /* @__PURE__ */ React88__namespace.default.createElement(
3065
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3167
3066
  MotionBox,
3168
3067
  {
3169
3068
  __css: style.container,
@@ -3171,8 +3070,8 @@ var init_FloatingActionButton = __esm({
3171
3070
  ref,
3172
3071
  ...props
3173
3072
  },
3174
- /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
3175
- /* @__PURE__ */ React88__namespace.default.createElement(
3073
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
3074
+ /* @__PURE__ */ React87__namespace.default.createElement(
3176
3075
  MotionBox,
3177
3076
  {
3178
3077
  animate: isTextVisible ? "show" : "hide",
@@ -3197,11 +3096,11 @@ var init_FloatingActionButton = __esm({
3197
3096
  }
3198
3097
  );
3199
3098
  useScrollDirection = () => {
3200
- const [scrollDirection, setScrollDirection] = React88__namespace.default.useState(null);
3201
- const lastScrollPosition = React88__namespace.default.useRef(
3099
+ const [scrollDirection, setScrollDirection] = React87__namespace.default.useState(null);
3100
+ const lastScrollPosition = React87__namespace.default.useRef(
3202
3101
  typeof window !== "undefined" ? window.scrollY : 0
3203
3102
  );
3204
- React88__namespace.default.useEffect(() => {
3103
+ React87__namespace.default.useEffect(() => {
3205
3104
  const onScroll = () => {
3206
3105
  const delta = window.scrollY - lastScrollPosition.current;
3207
3106
  if (delta === 0) {
@@ -3237,7 +3136,7 @@ var init_AlertIcon = __esm({
3237
3136
  AlertIcon = ({ variant }) => {
3238
3137
  const Icon = getIcon2(variant);
3239
3138
  const { t: t2 } = useTranslation();
3240
- return /* @__PURE__ */ React88__namespace.default.createElement(
3139
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3241
3140
  Icon,
3242
3141
  {
3243
3142
  flexShrink: 0,
@@ -3304,7 +3203,7 @@ var init_BaseAlert = __esm({
3304
3203
  ...boxProps
3305
3204
  }) => {
3306
3205
  const styles3 = react.useMultiStyleConfig("Alert", { variant });
3307
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { __css: styles3.container, ...boxProps }, children);
3206
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3.container, ...boxProps }, children);
3308
3207
  };
3309
3208
  }
3310
3209
  });
@@ -3332,17 +3231,17 @@ var init_ClosableAlert = __esm({
3332
3231
  externalOnClose();
3333
3232
  onClose();
3334
3233
  };
3335
- return /* @__PURE__ */ React88__namespace.default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React88__namespace.default.createElement(
3234
+ return /* @__PURE__ */ React87__namespace.default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React87__namespace.default.createElement(
3336
3235
  exports.IconButton,
3337
3236
  {
3338
3237
  variant: "ghost",
3339
3238
  size: "sm",
3340
3239
  onClick: handleClose,
3341
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
3240
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
3342
3241
  "aria-label": t2(texts12.close),
3343
3242
  sx: styles3.closeButton
3344
3243
  }
3345
- ), /* @__PURE__ */ React88__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { marginRight: 1 }, children)));
3244
+ ), /* @__PURE__ */ React87__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { marginRight: 1 }, children)));
3346
3245
  };
3347
3246
  texts12 = createTexts({
3348
3247
  close: {
@@ -3370,7 +3269,7 @@ var init_ExpandableAlert = __esm({
3370
3269
  ...boxProps
3371
3270
  }) => {
3372
3271
  const styles3 = react.useMultiStyleConfig("AlertExpandable", { variant });
3373
- return /* @__PURE__ */ React88__namespace.default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React88__namespace.default.createElement(
3272
+ return /* @__PURE__ */ React87__namespace.default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React87__namespace.default.createElement(
3374
3273
  react.Accordion,
3375
3274
  {
3376
3275
  onChange: (expandedIndex) => onToggle(expandedIndex === 0),
@@ -3378,14 +3277,14 @@ var init_ExpandableAlert = __esm({
3378
3277
  allowToggle: true,
3379
3278
  flexGrow: "1"
3380
3279
  },
3381
- /* @__PURE__ */ React88__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React88__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React88__namespace.default.createElement(
3280
+ /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React87__namespace.default.createElement(
3382
3281
  react.Flex,
3383
3282
  {
3384
3283
  justifyContent: "space-between",
3385
3284
  alignItems: "center",
3386
3285
  flexGrow: "1"
3387
3286
  },
3388
- /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React88__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React88__namespace.default.createElement(
3287
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React87__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React87__namespace.default.createElement(
3389
3288
  react.Box,
3390
3289
  {
3391
3290
  as: "span",
@@ -3400,8 +3299,8 @@ var init_ExpandableAlert = __esm({
3400
3299
  },
3401
3300
  title
3402
3301
  )),
3403
- /* @__PURE__ */ React88__namespace.default.createElement(react.AccordionIcon, { color: "darkGrey" })
3404
- )), /* @__PURE__ */ React88__namespace.default.createElement(react.AccordionPanel, null, children))
3302
+ /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionIcon, { color: "darkGrey" })
3303
+ )), /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionPanel, null, children))
3405
3304
  ));
3406
3305
  };
3407
3306
  }
@@ -3416,7 +3315,7 @@ var init_StaticAlert = __esm({
3416
3315
  title,
3417
3316
  ...props
3418
3317
  }) => {
3419
- return /* @__PURE__ */ React88__namespace.default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React88__namespace.default.createElement(AlertIcon, { variant: props.variant }), /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React88__namespace.default.createElement(react.Box, null, children)));
3318
+ return /* @__PURE__ */ React87__namespace.default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React87__namespace.default.createElement(AlertIcon, { variant: props.variant }), /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { direction: "column", gap: title ? 2 : void 0, textAlign: "left" }, title && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { fontWeight: "bold" }, title), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, null, children)));
3420
3319
  };
3421
3320
  }
3422
3321
  });
@@ -3434,10 +3333,10 @@ var init_Breadcrumb = __esm({
3434
3333
  "src/breadcrumb/Breadcrumb.tsx"() {
3435
3334
  exports.Breadcrumb = (props) => {
3436
3335
  const iconColor = react.useColorModeValue("blackAlpha.400", "whiteAlpha.400");
3437
- return /* @__PURE__ */ React88__namespace.default.createElement(
3336
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3438
3337
  react.Breadcrumb,
3439
3338
  {
3440
- separator: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { color: iconColor }),
3339
+ separator: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { color: iconColor }),
3441
3340
  ...props
3442
3341
  }
3443
3342
  );
@@ -3465,7 +3364,7 @@ var init_Card = __esm({
3465
3364
  colorScheme,
3466
3365
  size: size2
3467
3366
  });
3468
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
3367
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
3469
3368
  }
3470
3369
  );
3471
3370
  }
@@ -3482,7 +3381,7 @@ var init_Badge = __esm({
3482
3381
  "src/typography/Badge.tsx"() {
3483
3382
  exports.Badge = react.forwardRef(
3484
3383
  ({ icon, colorScheme = "grey", children, ...props }, ref) => {
3485
- return /* @__PURE__ */ React88__namespace.default.createElement(
3384
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3486
3385
  react.Badge,
3487
3386
  {
3488
3387
  colorScheme,
@@ -3490,7 +3389,7 @@ var init_Badge = __esm({
3490
3389
  paddingLeft: icon ? 1 : void 0,
3491
3390
  ref
3492
3391
  },
3493
- icon && React88__namespace.default.cloneElement(icon, { marginRight: 1 }),
3392
+ icon && React87__namespace.default.cloneElement(icon, { marginRight: 1 }),
3494
3393
  children
3495
3394
  );
3496
3395
  }
@@ -3500,7 +3399,7 @@ var init_Badge = __esm({
3500
3399
  exports.Code = void 0;
3501
3400
  var init_Code = __esm({
3502
3401
  "src/typography/Code.tsx"() {
3503
- exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */ React88__namespace.default.createElement(react.Code, { ...props, ref }));
3402
+ exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.Code, { ...props, ref }));
3504
3403
  }
3505
3404
  });
3506
3405
  exports.Heading = void 0;
@@ -3516,7 +3415,7 @@ var init_Heading = __esm({
3516
3415
  }) => {
3517
3416
  const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
3518
3417
  const color2 = react.useColorModeValue("text.primary.light", "text.primary.dark");
3519
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Text, { as, textStyle: variant, id, color: color2, ...props });
3418
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Text, { as, textStyle: variant, id, color: color2, ...props });
3520
3419
  };
3521
3420
  }
3522
3421
  });
@@ -3525,7 +3424,7 @@ var init_Text = __esm({
3525
3424
  "src/typography/Text.tsx"() {
3526
3425
  exports.Text = react.forwardRef(
3527
3426
  ({ variant = "sm", ...props }, ref) => {
3528
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
3427
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
3529
3428
  }
3530
3429
  );
3531
3430
  }
@@ -3546,7 +3445,7 @@ function CalendarCell({
3546
3445
  currentMonth,
3547
3446
  variant
3548
3447
  }) {
3549
- const ref = React88.useRef(null);
3448
+ const ref = React87.useRef(null);
3550
3449
  const {
3551
3450
  cellProps,
3552
3451
  buttonProps,
@@ -3570,7 +3469,7 @@ function CalendarCell({
3570
3469
  if (isOutsideMonth) {
3571
3470
  stateProps["data-unavailable"] = true;
3572
3471
  }
3573
- React88.useEffect(() => {
3472
+ React87.useEffect(() => {
3574
3473
  var _a6;
3575
3474
  (_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
3576
3475
  "touchend",
@@ -3580,7 +3479,7 @@ function CalendarCell({
3580
3479
  { passive: false, once: true }
3581
3480
  );
3582
3481
  }, []);
3583
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React88__namespace.default.createElement(
3482
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React87__namespace.default.createElement(
3584
3483
  react.Box,
3585
3484
  {
3586
3485
  as: "button",
@@ -3646,8 +3545,8 @@ function CalendarGrid({
3646
3545
  const weeksInMonth = date.getWeeksInMonth(state2.visibleRange.start, locale);
3647
3546
  const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
3648
3547
  const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
3649
- return /* @__PURE__ */ React88__namespace.default.createElement("table", { ...gridProps }, /* @__PURE__ */ React88__namespace.default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React88__namespace.default.createElement("tr", null, weekDays[language].map((day, index) => {
3650
- return /* @__PURE__ */ React88__namespace.default.createElement(
3548
+ return /* @__PURE__ */ React87__namespace.default.createElement("table", { ...gridProps }, /* @__PURE__ */ React87__namespace.default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React87__namespace.default.createElement("tr", null, weekDays[language].map((day, index) => {
3549
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3651
3550
  exports.Text,
3652
3551
  {
3653
3552
  as: "th",
@@ -3657,8 +3556,8 @@ function CalendarGrid({
3657
3556
  },
3658
3557
  day
3659
3558
  );
3660
- }))), /* @__PURE__ */ React88__namespace.default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React88__namespace.default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
3661
- (date, dayIndex) => date ? /* @__PURE__ */ React88__namespace.default.createElement(
3559
+ }))), /* @__PURE__ */ React87__namespace.default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React87__namespace.default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
3560
+ (date, dayIndex) => date ? /* @__PURE__ */ React87__namespace.default.createElement(
3662
3561
  CalendarCell,
3663
3562
  {
3664
3563
  variant,
@@ -3667,7 +3566,7 @@ function CalendarGrid({
3667
3566
  date,
3668
3567
  currentMonth: startDate
3669
3568
  }
3670
- ) : /* @__PURE__ */ React88__namespace.default.createElement("td", { key: dayIndex })
3569
+ ) : /* @__PURE__ */ React87__namespace.default.createElement("td", { key: dayIndex })
3671
3570
  )))));
3672
3571
  }
3673
3572
  var weekDays;
@@ -3690,9 +3589,9 @@ function CalendarNavigationButton({
3690
3589
  "aria-label": ariaLabel,
3691
3590
  ...rest
3692
3591
  }) {
3693
- const ref = React88.useRef(null);
3592
+ const ref = React87.useRef(null);
3694
3593
  const { buttonProps } = reactAria.useButton(rest, ref);
3695
- return /* @__PURE__ */ React88__namespace.default.createElement(
3594
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3696
3595
  exports.IconButton,
3697
3596
  {
3698
3597
  ...buttonProps,
@@ -3729,7 +3628,7 @@ function CalendarHeader({
3729
3628
  );
3730
3629
  const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
3731
3630
  const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
3732
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React88__namespace.default.createElement(
3631
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React87__namespace.default.createElement(
3733
3632
  CalendarNavigator,
3734
3633
  {
3735
3634
  title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
@@ -3739,7 +3638,7 @@ function CalendarHeader({
3739
3638
  isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
3740
3639
  isPreviousDisabled: !state2.isNextVisibleRangeInvalid
3741
3640
  }
3742
- ), isYearPickerVisible && /* @__PURE__ */ React88__namespace.default.createElement(
3641
+ ), isYearPickerVisible && /* @__PURE__ */ React87__namespace.default.createElement(
3743
3642
  CalendarNavigator,
3744
3643
  {
3745
3644
  title: jsDate.getFullYear().toString(),
@@ -3767,15 +3666,15 @@ var init_CalendarHeader = __esm({
3767
3666
  isNextDisabled
3768
3667
  }) => {
3769
3668
  const { t: t2 } = useTranslation();
3770
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React88__namespace.default.createElement(
3669
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React87__namespace.default.createElement(
3771
3670
  CalendarNavigationButton,
3772
3671
  {
3773
3672
  onPress: onPrevious,
3774
3673
  isDisabled: isPreviousDisabled,
3775
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
3674
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
3776
3675
  "aria-label": `${t2(texts13.previous)} ${t2(texts13[unit])}`
3777
3676
  }
3778
- ), /* @__PURE__ */ React88__namespace.default.createElement(
3677
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
3779
3678
  react.Box,
3780
3679
  {
3781
3680
  role: "heading",
@@ -3785,12 +3684,12 @@ var init_CalendarHeader = __esm({
3785
3684
  textAlign: "center"
3786
3685
  },
3787
3686
  capitalize(title)
3788
- ), /* @__PURE__ */ React88__namespace.default.createElement(
3687
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
3789
3688
  CalendarNavigationButton,
3790
3689
  {
3791
3690
  onPress: onNext,
3792
3691
  isDisabled: isNextDisabled,
3793
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
3692
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
3794
3693
  "aria-label": `${t2(texts13.next)} ${t2(texts13[unit])}`
3795
3694
  }
3796
3695
  ));
@@ -3838,7 +3737,7 @@ function Calendar({
3838
3737
  const { calendarProps } = reactAria.useCalendar(props, state2);
3839
3738
  const calendarAriaLabel = calendarProps["aria-label"];
3840
3739
  const ariaLabel = t2(texts14.calendar) + (calendarAriaLabel ? ` ${calendarAriaLabel}` : "");
3841
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React88__namespace.default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React88__namespace.default.createElement(CalendarGrid, { variant, state: state2 }));
3740
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...calendarProps, "aria-label": ariaLabel }, /* @__PURE__ */ React87__namespace.default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React87__namespace.default.createElement(CalendarGrid, { variant, state: state2 }));
3842
3741
  }
3843
3742
  var texts14;
3844
3743
  var init_Calendar = __esm({
@@ -3872,7 +3771,7 @@ var init_CalendarTriggerButton = __esm({
3872
3771
  onPress(event);
3873
3772
  }
3874
3773
  };
3875
- return /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React88__namespace.default.createElement(
3774
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React87__namespace.default.createElement(
3876
3775
  react.Box,
3877
3776
  {
3878
3777
  ref,
@@ -3883,7 +3782,7 @@ var init_CalendarTriggerButton = __esm({
3883
3782
  ...filteredButtonProps,
3884
3783
  onKeyUp: handleOnPress
3885
3784
  },
3886
- /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null)
3785
+ /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null)
3887
3786
  ));
3888
3787
  }
3889
3788
  );
@@ -3900,9 +3799,9 @@ var init_CalendarTriggerButton = __esm({
3900
3799
  var DateTimeSegment, isPaddable;
3901
3800
  var init_DateTimeSegment = __esm({
3902
3801
  "src/datepicker/DateTimeSegment.tsx"() {
3903
- DateTimeSegment = React88.forwardRef(
3802
+ DateTimeSegment = React87.forwardRef(
3904
3803
  ({ segment, state: state2 }, externalRef) => {
3905
- const internalRef = React88.useRef(null);
3804
+ const internalRef = React87.useRef(null);
3906
3805
  const ref = externalRef ?? internalRef;
3907
3806
  const { segmentProps } = reactAria.useDateSegment(
3908
3807
  segment,
@@ -3913,7 +3812,7 @@ var init_DateTimeSegment = __esm({
3913
3812
  isPlaceholder: segment.isPlaceholder,
3914
3813
  isEditable: segment.isEditable
3915
3814
  });
3916
- return /* @__PURE__ */ React88__namespace.default.createElement(
3815
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3917
3816
  react.Box,
3918
3817
  {
3919
3818
  ...segmentProps,
@@ -3948,7 +3847,7 @@ var init_DateField = __esm({
3948
3847
  "src/datepicker/DateField.tsx"() {
3949
3848
  init_DateTimeSegment();
3950
3849
  init_utils();
3951
- DateField = React88.forwardRef(
3850
+ DateField = React87.forwardRef(
3952
3851
  (props, externalRef) => {
3953
3852
  var _a6;
3954
3853
  const locale = useCurrentLocale();
@@ -3958,14 +3857,14 @@ var init_DateField = __esm({
3958
3857
  locale,
3959
3858
  createCalendar: createCalendar2
3960
3859
  });
3961
- const internalRef = React88.useRef(null);
3860
+ const internalRef = React87.useRef(null);
3962
3861
  const ref = externalRef ?? internalRef;
3963
3862
  const { fieldProps, labelProps } = reactAria.useDateField(
3964
3863
  props,
3965
3864
  state2,
3966
3865
  ref
3967
3866
  );
3968
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React88__namespace.default.createElement(
3867
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React87__namespace.default.createElement(
3969
3868
  react.FormLabel,
3970
3869
  {
3971
3870
  ...props.labelProps,
@@ -3975,7 +3874,7 @@ var init_DateField = __esm({
3975
3874
  paddingTop: "2px"
3976
3875
  },
3977
3876
  props.label
3978
- ), /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React88__namespace.default.createElement(DateTimeSegment, { key: i, segment, state: state2 }))), /* @__PURE__ */ React88__namespace.default.createElement(
3877
+ ), /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment, i) => /* @__PURE__ */ React87__namespace.default.createElement(DateTimeSegment, { key: i, segment, state: state2 }))), /* @__PURE__ */ React87__namespace.default.createElement(
3979
3878
  "input",
3980
3879
  {
3981
3880
  type: "hidden",
@@ -3996,7 +3895,7 @@ var init_StyledField = __esm({
3996
3895
  isInvalid: false
3997
3896
  };
3998
3897
  const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
3999
- return /* @__PURE__ */ React88__namespace.default.createElement(
3898
+ return /* @__PURE__ */ React87__namespace.default.createElement(
4000
3899
  react.Box,
4001
3900
  {
4002
3901
  ...otherProps,
@@ -4019,7 +3918,7 @@ var init_DatePicker = __esm({
4019
3918
  init_DateField();
4020
3919
  init_StyledField();
4021
3920
  init_utils();
4022
- exports.DatePicker = React88.forwardRef(
3921
+ exports.DatePicker = React87.forwardRef(
4023
3922
  ({
4024
3923
  variant,
4025
3924
  errorMessage,
@@ -4037,7 +3936,7 @@ var init_DatePicker = __esm({
4037
3936
  isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
4038
3937
  validationState: (formControlProps == null ? void 0 : formControlProps.isInvalid) ? "invalid" : "valid"
4039
3938
  });
4040
- const internalRef = React88.useRef(null);
3939
+ const internalRef = React87.useRef(null);
4041
3940
  const ref = externalRef ?? internalRef;
4042
3941
  const {
4043
3942
  groupProps,
@@ -4057,7 +3956,7 @@ var init_DatePicker = __esm({
4057
3956
  const onFieldClick = () => {
4058
3957
  state2.setOpen(true);
4059
3958
  };
4060
- const popoverContent = /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React88__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React88__namespace.default.createElement(
3959
+ const popoverContent = /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverContent, { color: "darkGrey", sx: styles3.calendarPopover }, /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React87__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React87__namespace.default.createElement(
4061
3960
  Calendar,
4062
3961
  {
4063
3962
  ...calendarProps,
@@ -4065,7 +3964,7 @@ var init_DatePicker = __esm({
4065
3964
  showYearNavigation
4066
3965
  }
4067
3966
  ))));
4068
- return /* @__PURE__ */ React88__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React88__namespace.default.createElement(
3967
+ return /* @__PURE__ */ React87__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React87__namespace.default.createElement(
4069
3968
  react.Box,
4070
3969
  {
4071
3970
  position: "relative",
@@ -4073,7 +3972,7 @@ var init_DatePicker = __esm({
4073
3972
  flexDirection: "column",
4074
3973
  width
4075
3974
  },
4076
- /* @__PURE__ */ React88__namespace.default.createElement(
3975
+ /* @__PURE__ */ React87__namespace.default.createElement(
4077
3976
  react.Popover,
4078
3977
  {
4079
3978
  ...dialogProps,
@@ -4082,7 +3981,7 @@ var init_DatePicker = __esm({
4082
3981
  onClose: state2.close,
4083
3982
  flip: false
4084
3983
  },
4085
- /* @__PURE__ */ React88__namespace.default.createElement(react.InputGroup, { ...groupProps, display: "inline-flex" }, /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React88__namespace.default.createElement(
3984
+ /* @__PURE__ */ React87__namespace.default.createElement(react.InputGroup, { ...groupProps, display: "inline-flex" }, /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React87__namespace.default.createElement(
4086
3985
  StyledField,
4087
3986
  {
4088
3987
  variant,
@@ -4090,7 +3989,7 @@ var init_DatePicker = __esm({
4090
3989
  paddingX: 3,
4091
3990
  minHeight
4092
3991
  },
4093
- /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React88__namespace.default.createElement(
3992
+ /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React87__namespace.default.createElement(
4094
3993
  CalendarTriggerButton,
4095
3994
  {
4096
3995
  variant,
@@ -4098,7 +3997,7 @@ var init_DatePicker = __esm({
4098
3997
  ...buttonProps
4099
3998
  }
4100
3999
  )),
4101
- /* @__PURE__ */ React88__namespace.default.createElement(
4000
+ /* @__PURE__ */ React87__namespace.default.createElement(
4102
4001
  DateField,
4103
4002
  {
4104
4003
  label: props.label,
@@ -4108,8 +4007,8 @@ var init_DatePicker = __esm({
4108
4007
  }
4109
4008
  )
4110
4009
  ))),
4111
- /* @__PURE__ */ React88__namespace.default.createElement(exports.FormErrorMessage, { ...errorMessageProps }, errorMessage),
4112
- state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React88__namespace.default.createElement(react.Portal, null, popoverContent),
4010
+ /* @__PURE__ */ React87__namespace.default.createElement(exports.FormErrorMessage, { ...errorMessageProps }, errorMessage),
4011
+ state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React87__namespace.default.createElement(react.Portal, null, popoverContent),
4113
4012
  state2.isOpen && !props.isDisabled && !withPortal && popoverContent
4114
4013
  )
4115
4014
  ));
@@ -4125,9 +4024,9 @@ function RangeCalendar(props) {
4125
4024
  locale,
4126
4025
  createCalendar: date.createCalendar
4127
4026
  });
4128
- const ref = React88.useRef(null);
4027
+ const ref = React87.useRef(null);
4129
4028
  const { calendarProps, title } = reactAria.useRangeCalendar(props, state2, ref);
4130
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { ...calendarProps, ref }, /* @__PURE__ */ React88__namespace.default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React88__namespace.default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React88__namespace.default.createElement(
4029
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...calendarProps, ref }, /* @__PURE__ */ React87__namespace.default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React87__namespace.default.createElement(CalendarGrid, { variant: props.variant, state: state2 }), /* @__PURE__ */ React87__namespace.default.createElement(
4131
4030
  CalendarGrid,
4132
4031
  {
4133
4032
  variant: props.variant,
@@ -4158,7 +4057,7 @@ function DateRangePicker({
4158
4057
  isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
4159
4058
  validationState: formControlProps.isInvalid ? "invalid" : "valid"
4160
4059
  });
4161
- const ref = React88.useRef(null);
4060
+ const ref = React87.useRef(null);
4162
4061
  const {
4163
4062
  groupProps,
4164
4063
  labelProps,
@@ -4179,8 +4078,8 @@ function DateRangePicker({
4179
4078
  const onFieldClick = () => {
4180
4079
  state2.setOpen(true);
4181
4080
  };
4182
- const popoverContent = /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React88__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React88__namespace.default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
4183
- return /* @__PURE__ */ React88__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React88__namespace.default.createElement(react.FormLabel, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React88__namespace.default.createElement(
4081
+ const popoverContent = /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverContent, { sx: styles3.calendarPopover, maxWidth: "none" }, /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverArrow, { sx: styles3.arrow }), /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React87__namespace.default.createElement(react.FocusLock, null, /* @__PURE__ */ React87__namespace.default.createElement(RangeCalendar, { variant: "base", ...calendarProps }))));
4082
+ return /* @__PURE__ */ React87__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React87__namespace.default.createElement(react.FormLabel, { ...labelProps, sx: styles3.inputLabel }, props.label), /* @__PURE__ */ React87__namespace.default.createElement(
4184
4083
  react.Popover,
4185
4084
  {
4186
4085
  ...dialogProps,
@@ -4189,7 +4088,7 @@ function DateRangePicker({
4189
4088
  onClose: state2.close,
4190
4089
  flip: false
4191
4090
  },
4192
- /* @__PURE__ */ React88__namespace.default.createElement(react.InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React88__namespace.default.createElement(
4091
+ /* @__PURE__ */ React87__namespace.default.createElement(react.InputGroup, { ...groupProps, width: "auto", display: "inline-flex" }, /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React87__namespace.default.createElement(
4193
4092
  StyledField,
4194
4093
  {
4195
4094
  alignItems: "center",
@@ -4199,7 +4098,7 @@ function DateRangePicker({
4199
4098
  onKeyPress: handleEnterClick,
4200
4099
  minHeight
4201
4100
  },
4202
- variant && /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React88__namespace.default.createElement(
4101
+ variant && /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React87__namespace.default.createElement(
4203
4102
  CalendarTriggerButton,
4204
4103
  {
4205
4104
  paddingLeft: 1,
@@ -4209,7 +4108,7 @@ function DateRangePicker({
4209
4108
  ...buttonProps
4210
4109
  }
4211
4110
  )),
4212
- /* @__PURE__ */ React88__namespace.default.createElement(
4111
+ /* @__PURE__ */ React87__namespace.default.createElement(
4213
4112
  DateField,
4214
4113
  {
4215
4114
  ...startFieldProps,
@@ -4218,8 +4117,8 @@ function DateRangePicker({
4218
4117
  labelProps
4219
4118
  }
4220
4119
  ),
4221
- /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
4222
- /* @__PURE__ */ React88__namespace.default.createElement(
4120
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
4121
+ /* @__PURE__ */ React87__namespace.default.createElement(
4223
4122
  DateField,
4224
4123
  {
4225
4124
  ...endFieldProps,
@@ -4229,7 +4128,7 @@ function DateRangePicker({
4229
4128
  }
4230
4129
  )
4231
4130
  ))),
4232
- state2.isOpen && withPortal && /* @__PURE__ */ React88__namespace.default.createElement(react.Portal, null, popoverContent),
4131
+ state2.isOpen && withPortal && /* @__PURE__ */ React87__namespace.default.createElement(react.Portal, null, popoverContent),
4233
4132
  state2.isOpen && !withPortal && popoverContent
4234
4133
  )));
4235
4134
  }
@@ -4249,9 +4148,9 @@ var init_TimeField = __esm({
4249
4148
  init_DateTimeSegment();
4250
4149
  init_utils();
4251
4150
  TimeField = ({ state: state2, ...props }) => {
4252
- const ref = React88.useRef(null);
4151
+ const ref = React87.useRef(null);
4253
4152
  const { labelProps, fieldProps } = reactAria.useTimeField(props, state2, ref);
4254
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React88__namespace.default.createElement(
4153
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React87__namespace.default.createElement(
4255
4154
  exports.FormLabel,
4256
4155
  {
4257
4156
  ...labelProps,
@@ -4263,7 +4162,7 @@ var init_TimeField = __esm({
4263
4162
  paddingTop: "2px"
4264
4163
  },
4265
4164
  props.label
4266
- ), /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React88__namespace.default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React88__namespace.default.createElement(
4165
+ ), /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { ...fieldProps, ref, paddingTop: "3", paddingBottom: "0.5" }, state2.segments.map((segment) => /* @__PURE__ */ React87__namespace.default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React87__namespace.default.createElement(
4267
4166
  "input",
4268
4167
  {
4269
4168
  type: "hidden",
@@ -4339,7 +4238,7 @@ var init_TimePicker = __esm({
4339
4238
  const ariaLabel = `${inputLabel} \u2013 ${t2(
4340
4239
  texts16.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
4341
4240
  )}`;
4342
- return /* @__PURE__ */ React88__namespace.default.createElement(
4241
+ return /* @__PURE__ */ React87__namespace.default.createElement(
4343
4242
  StyledField,
4344
4243
  {
4345
4244
  variant: "base",
@@ -4355,7 +4254,7 @@ var init_TimePicker = __esm({
4355
4254
  "aria-label": ariaLabel,
4356
4255
  ...boxProps
4357
4256
  },
4358
- /* @__PURE__ */ React88__namespace.default.createElement(
4257
+ /* @__PURE__ */ React87__namespace.default.createElement(
4359
4258
  exports.IconButton,
4360
4259
  {
4361
4260
  variant: "ghost",
@@ -4363,14 +4262,14 @@ var init_TimePicker = __esm({
4363
4262
  borderRadius: "xs",
4364
4263
  "aria-label": backwardsLabel,
4365
4264
  title: backwardsLabel,
4366
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, null),
4265
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, null),
4367
4266
  onClick: handleBackwardsClick,
4368
4267
  isDisabled,
4369
4268
  style: isDisabled ? { backgroundColor: "transparent" } : {}
4370
4269
  }
4371
4270
  ),
4372
- /* @__PURE__ */ React88__namespace.default.createElement(TimeField, { label, state: state2, name }),
4373
- /* @__PURE__ */ React88__namespace.default.createElement(
4271
+ /* @__PURE__ */ React87__namespace.default.createElement(TimeField, { label, state: state2, name }),
4272
+ /* @__PURE__ */ React87__namespace.default.createElement(
4374
4273
  exports.IconButton,
4375
4274
  {
4376
4275
  variant: "ghost",
@@ -4378,7 +4277,7 @@ var init_TimePicker = __esm({
4378
4277
  borderRadius: "xs",
4379
4278
  "aria-label": forwardsLabel,
4380
4279
  title: forwardsLabel,
4381
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, null),
4280
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, null),
4382
4281
  onClick: handleForwardClick,
4383
4282
  isDisabled,
4384
4283
  style: isDisabled ? { backgroundColor: "transparent" } : {}
@@ -4500,7 +4399,7 @@ var init_LineIcon = __esm({
4500
4399
  if (!Icon) {
4501
4400
  return null;
4502
4401
  }
4503
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React88__namespace.default.createElement(Icon, { sx: styles3.icon }));
4402
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React87__namespace.default.createElement(Icon, { sx: styles3.icon }));
4504
4403
  };
4505
4404
  }
4506
4405
  });
@@ -4520,7 +4419,7 @@ var init_InfoTag = __esm({
4520
4419
  size: size2,
4521
4420
  ...customProps
4522
4421
  });
4523
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React88__namespace.default.createElement(
4422
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React87__namespace.default.createElement(
4524
4423
  exports.LineIcon,
4525
4424
  {
4526
4425
  variant,
@@ -4528,7 +4427,7 @@ var init_InfoTag = __esm({
4528
4427
  sx: styles3.iconContainer,
4529
4428
  ...customProps
4530
4429
  }
4531
- ), /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "span", sx: styles3.description }, description)));
4430
+ ), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "span", sx: styles3.description }, description)));
4532
4431
  };
4533
4432
  }
4534
4433
  });
@@ -4554,7 +4453,7 @@ var init_TravelTag = __esm({
4554
4453
  backgroundColor: variant === "custom" ? rest.backgroundColor : void 0
4555
4454
  });
4556
4455
  const DeviationLevelIcon = getDeviationLevelIcon({ deviationLevel, size: size2 });
4557
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React88__namespace.default.createElement(
4456
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React87__namespace.default.createElement(
4558
4457
  exports.LineIcon,
4559
4458
  {
4560
4459
  variant,
@@ -4562,7 +4461,7 @@ var init_TravelTag = __esm({
4562
4461
  sx: styles3.iconContainer,
4563
4462
  ...rest
4564
4463
  }
4565
- ), /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React88__namespace.default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
4464
+ ), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.textContainer }, title && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "span", sx: styles3.title }, title), title && description && " ", description && /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "span", sx: styles3.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React87__namespace.default.createElement(DeviationLevelIcon, { sx: styles3.deviationIcon }));
4566
4465
  }
4567
4466
  );
4568
4467
  getDeviationLevelIcon = ({
@@ -4601,7 +4500,7 @@ var init_TextLink = __esm({
4601
4500
  var _a6;
4602
4501
  const { t: t2 } = useTranslation();
4603
4502
  const isExternal = props.isExternal !== void 0 ? props.isExternal : Boolean((_a6 = props.href) == null ? void 0 : _a6.match(/^https?:\/\//));
4604
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React88__namespace.default.createElement(
4503
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React87__namespace.default.createElement(
4605
4504
  sporIconReact.LinkOutOutline24Icon,
4606
4505
  {
4607
4506
  marginLeft: 0.5,
@@ -4631,6 +4530,117 @@ var init_list = __esm({
4631
4530
  "src/list/index.tsx"() {
4632
4531
  }
4633
4532
  });
4533
+ exports.VyLogo = void 0;
4534
+ var init_VyLogo = __esm({
4535
+ "src/logo/VyLogo.tsx"() {
4536
+ exports.VyLogo = ({ colorScheme, ...boxProps }) => {
4537
+ const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
4538
+ const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
4539
+ const id = React87.useId();
4540
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React87__namespace.default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React87__namespace.default.createElement(
4541
+ "path",
4542
+ {
4543
+ fillRule: "evenodd",
4544
+ clipRule: "evenodd",
4545
+ 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",
4546
+ fill: mainColor
4547
+ }
4548
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4549
+ "mask",
4550
+ {
4551
+ id: `${id}-a`,
4552
+ style: { maskType: "alpha" },
4553
+ maskUnits: "userSpaceOnUse",
4554
+ x: "0",
4555
+ y: "0",
4556
+ width: "94",
4557
+ height: "54"
4558
+ },
4559
+ /* @__PURE__ */ React87__namespace.default.createElement(
4560
+ "path",
4561
+ {
4562
+ fillRule: "evenodd",
4563
+ clipRule: "evenodd",
4564
+ d: "M0 .03h93.26v53.65H0V.03Z",
4565
+ fill: mainColor
4566
+ }
4567
+ )
4568
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4569
+ "g",
4570
+ {
4571
+ mask: `url(#${id}-a)`,
4572
+ fillRule: "evenodd",
4573
+ clipRule: "evenodd",
4574
+ fill: mainColor
4575
+ },
4576
+ /* @__PURE__ */ React87__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" }),
4577
+ /* @__PURE__ */ React87__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" })
4578
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4579
+ "path",
4580
+ {
4581
+ fillRule: "evenodd",
4582
+ clipRule: "evenodd",
4583
+ 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",
4584
+ fill: accentColor
4585
+ }
4586
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4587
+ "path",
4588
+ {
4589
+ fillRule: "evenodd",
4590
+ clipRule: "evenodd",
4591
+ 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",
4592
+ fill: mainColor
4593
+ }
4594
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4595
+ "mask",
4596
+ {
4597
+ id: `${id}-b`,
4598
+ style: { maskType: "alpha" },
4599
+ maskUnits: "userSpaceOnUse",
4600
+ x: "29",
4601
+ y: "0",
4602
+ width: "78",
4603
+ height: "54"
4604
+ },
4605
+ /* @__PURE__ */ React87__namespace.default.createElement(
4606
+ "path",
4607
+ {
4608
+ fillRule: "evenodd",
4609
+ clipRule: "evenodd",
4610
+ d: "M29.55.04H106v53.64H29.55V.04Z",
4611
+ fill: mainColor
4612
+ }
4613
+ )
4614
+ ), /* @__PURE__ */ React87__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React87__namespace.default.createElement(
4615
+ "path",
4616
+ {
4617
+ 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",
4618
+ fill: mainColor
4619
+ }
4620
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4621
+ "path",
4622
+ {
4623
+ 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",
4624
+ fill: mainColor
4625
+ }
4626
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4627
+ "path",
4628
+ {
4629
+ 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",
4630
+ fill: accentColor
4631
+ }
4632
+ )), /* @__PURE__ */ React87__namespace.default.createElement(
4633
+ "path",
4634
+ {
4635
+ fillRule: "evenodd",
4636
+ clipRule: "evenodd",
4637
+ d: "M26.55 50.33a9.09 9.09 0 0 1-1.24-2.7c-.44-1.54-12.46-42.5-12.46-42.5C11.82 1.56 10.2.07 7.22.07H5.4a.04.04 0 0 0 0 .08C7.67.5 9 2.04 9.9 5.13l12.46 42.5c.65 2.28 1.53 3.74 2.5 4.65.7-.4 1.29-1.05 1.69-1.95Z",
4638
+ fill: mainColor
4639
+ }
4640
+ ));
4641
+ };
4642
+ }
4643
+ });
4634
4644
  exports.VyLogoPride = void 0;
4635
4645
  var init_VyLogoPride = __esm({
4636
4646
  "src/logo/VyLogoPride.tsx"() {
@@ -4644,8 +4654,8 @@ var init_VyLogoPride = __esm({
4644
4654
  const redColor = colorScheme === "light" ? "#EA3323" : "#ffffff";
4645
4655
  const orangeColor = colorScheme === "light" ? "#F09436" : "#ffffff";
4646
4656
  const yellowColor = colorScheme === "light" ? "#FFFF54" : "#ffffff";
4647
- const id = React88.useId();
4648
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React88__namespace.default.createElement("title", null, "Vy logo pride"), /* @__PURE__ */ React88__namespace.default.createElement(
4657
+ const id = React87.useId();
4658
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React87__namespace.default.createElement("title", null, "Vy logo pride"), /* @__PURE__ */ React87__namespace.default.createElement(
4649
4659
  "svg",
4650
4660
  {
4651
4661
  width: "108",
@@ -4654,7 +4664,7 @@ var init_VyLogoPride = __esm({
4654
4664
  fill: "none",
4655
4665
  xmlns: "http://www.w3.org/2000/svg"
4656
4666
  },
4657
- /* @__PURE__ */ React88__namespace.default.createElement(
4667
+ /* @__PURE__ */ React87__namespace.default.createElement(
4658
4668
  "path",
4659
4669
  {
4660
4670
  fillRule: "evenodd",
@@ -4663,7 +4673,7 @@ var init_VyLogoPride = __esm({
4663
4673
  fill: pinkColor
4664
4674
  }
4665
4675
  ),
4666
- /* @__PURE__ */ React88__namespace.default.createElement(
4676
+ /* @__PURE__ */ React87__namespace.default.createElement(
4667
4677
  "mask",
4668
4678
  {
4669
4679
  id: `${id}-a-pride`,
@@ -4674,7 +4684,7 @@ var init_VyLogoPride = __esm({
4674
4684
  width: "95",
4675
4685
  height: "55"
4676
4686
  },
4677
- /* @__PURE__ */ React88__namespace.default.createElement(
4687
+ /* @__PURE__ */ React87__namespace.default.createElement(
4678
4688
  "path",
4679
4689
  {
4680
4690
  fillRule: "evenodd",
@@ -4684,7 +4694,7 @@ var init_VyLogoPride = __esm({
4684
4694
  }
4685
4695
  )
4686
4696
  ),
4687
- /* @__PURE__ */ React88__namespace.default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React88__namespace.default.createElement(
4697
+ /* @__PURE__ */ React87__namespace.default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React87__namespace.default.createElement(
4688
4698
  "path",
4689
4699
  {
4690
4700
  fillRule: "evenodd",
@@ -4692,7 +4702,7 @@ var init_VyLogoPride = __esm({
4692
4702
  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",
4693
4703
  fill: purpleColor
4694
4704
  }
4695
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4705
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4696
4706
  "path",
4697
4707
  {
4698
4708
  fillRule: "evenodd",
@@ -4700,7 +4710,7 @@ var init_VyLogoPride = __esm({
4700
4710
  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",
4701
4711
  fill: darkPurpleColor
4702
4712
  }
4703
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4713
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4704
4714
  "path",
4705
4715
  {
4706
4716
  fillRule: "evenodd",
@@ -4708,7 +4718,7 @@ var init_VyLogoPride = __esm({
4708
4718
  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",
4709
4719
  fill: greenColor
4710
4720
  }
4711
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4721
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4712
4722
  "path",
4713
4723
  {
4714
4724
  fillRule: "evenodd",
@@ -4716,7 +4726,7 @@ var init_VyLogoPride = __esm({
4716
4726
  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",
4717
4727
  fill: darkGreenColor
4718
4728
  }
4719
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4729
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4720
4730
  "path",
4721
4731
  {
4722
4732
  fillRule: "evenodd",
@@ -4725,7 +4735,7 @@ var init_VyLogoPride = __esm({
4725
4735
  fill: darkPurpleColor
4726
4736
  }
4727
4737
  )),
4728
- /* @__PURE__ */ React88__namespace.default.createElement(
4738
+ /* @__PURE__ */ React87__namespace.default.createElement(
4729
4739
  "path",
4730
4740
  {
4731
4741
  fillRule: "evenodd",
@@ -4734,7 +4744,7 @@ var init_VyLogoPride = __esm({
4734
4744
  fill: blueColor
4735
4745
  }
4736
4746
  ),
4737
- /* @__PURE__ */ React88__namespace.default.createElement(
4747
+ /* @__PURE__ */ React87__namespace.default.createElement(
4738
4748
  "path",
4739
4749
  {
4740
4750
  fillRule: "evenodd",
@@ -4743,7 +4753,7 @@ var init_VyLogoPride = __esm({
4743
4753
  fill: blueColor
4744
4754
  }
4745
4755
  ),
4746
- /* @__PURE__ */ React88__namespace.default.createElement(
4756
+ /* @__PURE__ */ React87__namespace.default.createElement(
4747
4757
  "path",
4748
4758
  {
4749
4759
  fillRule: "evenodd",
@@ -4752,7 +4762,7 @@ var init_VyLogoPride = __esm({
4752
4762
  fill: greenColor
4753
4763
  }
4754
4764
  ),
4755
- /* @__PURE__ */ React88__namespace.default.createElement(
4765
+ /* @__PURE__ */ React87__namespace.default.createElement(
4756
4766
  "mask",
4757
4767
  {
4758
4768
  id: `${id}-b-pride`,
@@ -4763,7 +4773,7 @@ var init_VyLogoPride = __esm({
4763
4773
  width: "78",
4764
4774
  height: "55"
4765
4775
  },
4766
- /* @__PURE__ */ React88__namespace.default.createElement(
4776
+ /* @__PURE__ */ React87__namespace.default.createElement(
4767
4777
  "path",
4768
4778
  {
4769
4779
  fillRule: "evenodd",
@@ -4773,7 +4783,7 @@ var init_VyLogoPride = __esm({
4773
4783
  }
4774
4784
  )
4775
4785
  ),
4776
- /* @__PURE__ */ React88__namespace.default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React88__namespace.default.createElement(
4786
+ /* @__PURE__ */ React87__namespace.default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React87__namespace.default.createElement(
4777
4787
  "path",
4778
4788
  {
4779
4789
  fillRule: "evenodd",
@@ -4781,7 +4791,7 @@ var init_VyLogoPride = __esm({
4781
4791
  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",
4782
4792
  fill: greenColor
4783
4793
  }
4784
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4794
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4785
4795
  "path",
4786
4796
  {
4787
4797
  fillRule: "evenodd",
@@ -4789,7 +4799,7 @@ var init_VyLogoPride = __esm({
4789
4799
  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",
4790
4800
  fill: darkGreenColor
4791
4801
  }
4792
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4802
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4793
4803
  "path",
4794
4804
  {
4795
4805
  fillRule: "evenodd",
@@ -4797,7 +4807,7 @@ var init_VyLogoPride = __esm({
4797
4807
  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",
4798
4808
  fill: redColor
4799
4809
  }
4800
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4810
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4801
4811
  "path",
4802
4812
  {
4803
4813
  fillRule: "evenodd",
@@ -4805,7 +4815,7 @@ var init_VyLogoPride = __esm({
4805
4815
  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",
4806
4816
  fill: orangeColor
4807
4817
  }
4808
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4818
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4809
4819
  "path",
4810
4820
  {
4811
4821
  fillRule: "evenodd",
@@ -4814,7 +4824,7 @@ var init_VyLogoPride = __esm({
4814
4824
  fill: yellowColor
4815
4825
  }
4816
4826
  )),
4817
- /* @__PURE__ */ React88__namespace.default.createElement(
4827
+ /* @__PURE__ */ React87__namespace.default.createElement(
4818
4828
  "path",
4819
4829
  {
4820
4830
  fillRule: "evenodd",
@@ -4827,135 +4837,6 @@ var init_VyLogoPride = __esm({
4827
4837
  };
4828
4838
  }
4829
4839
  });
4830
- exports.VyLogoDefault = void 0;
4831
- var init_VyLogoDefault = __esm({
4832
- "src/logo/VyLogoDefault.tsx"() {
4833
- exports.VyLogoDefault = ({
4834
- colorScheme,
4835
- ...boxProps
4836
- }) => {
4837
- const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
4838
- const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
4839
- const id = React88.useId();
4840
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React88__namespace.default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React88__namespace.default.createElement(
4841
- "path",
4842
- {
4843
- fillRule: "evenodd",
4844
- clipRule: "evenodd",
4845
- 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",
4846
- fill: mainColor
4847
- }
4848
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4849
- "mask",
4850
- {
4851
- id: `${id}-a`,
4852
- style: { maskType: "alpha" },
4853
- maskUnits: "userSpaceOnUse",
4854
- x: "0",
4855
- y: "0",
4856
- width: "94",
4857
- height: "54"
4858
- },
4859
- /* @__PURE__ */ React88__namespace.default.createElement(
4860
- "path",
4861
- {
4862
- fillRule: "evenodd",
4863
- clipRule: "evenodd",
4864
- d: "M0 .03h93.26v53.65H0V.03Z",
4865
- fill: mainColor
4866
- }
4867
- )
4868
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4869
- "g",
4870
- {
4871
- mask: `url(#${id}-a)`,
4872
- fillRule: "evenodd",
4873
- clipRule: "evenodd",
4874
- fill: mainColor
4875
- },
4876
- /* @__PURE__ */ React88__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" }),
4877
- /* @__PURE__ */ React88__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" })
4878
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4879
- "path",
4880
- {
4881
- fillRule: "evenodd",
4882
- clipRule: "evenodd",
4883
- 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",
4884
- fill: accentColor
4885
- }
4886
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4887
- "path",
4888
- {
4889
- fillRule: "evenodd",
4890
- clipRule: "evenodd",
4891
- 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",
4892
- fill: mainColor
4893
- }
4894
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4895
- "mask",
4896
- {
4897
- id: `${id}-b`,
4898
- style: { maskType: "alpha" },
4899
- maskUnits: "userSpaceOnUse",
4900
- x: "29",
4901
- y: "0",
4902
- width: "78",
4903
- height: "54"
4904
- },
4905
- /* @__PURE__ */ React88__namespace.default.createElement(
4906
- "path",
4907
- {
4908
- fillRule: "evenodd",
4909
- clipRule: "evenodd",
4910
- d: "M29.55.04H106v53.64H29.55V.04Z",
4911
- fill: mainColor
4912
- }
4913
- )
4914
- ), /* @__PURE__ */ React88__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React88__namespace.default.createElement(
4915
- "path",
4916
- {
4917
- 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",
4918
- fill: mainColor
4919
- }
4920
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4921
- "path",
4922
- {
4923
- 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",
4924
- fill: mainColor
4925
- }
4926
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4927
- "path",
4928
- {
4929
- 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",
4930
- fill: accentColor
4931
- }
4932
- )), /* @__PURE__ */ React88__namespace.default.createElement(
4933
- "path",
4934
- {
4935
- fillRule: "evenodd",
4936
- clipRule: "evenodd",
4937
- d: "M26.55 50.33a9.09 9.09 0 0 1-1.24-2.7c-.44-1.54-12.46-42.5-12.46-42.5C11.82 1.56 10.2.07 7.22.07H5.4a.04.04 0 0 0 0 .08C7.67.5 9 2.04 9.9 5.13l12.46 42.5c.65 2.28 1.53 3.74 2.5 4.65.7-.4 1.29-1.05 1.69-1.95Z",
4938
- fill: mainColor
4939
- }
4940
- ));
4941
- };
4942
- }
4943
- });
4944
- exports.VyLogo = void 0;
4945
- var init_VyLogo = __esm({
4946
- "src/logo/VyLogo.tsx"() {
4947
- init_pride();
4948
- init_VyLogoPride();
4949
- init_VyLogoDefault();
4950
- exports.VyLogo = ({ colorScheme, ...boxProps }) => {
4951
- const { isPride } = exports.usePride();
4952
- if (isPride) {
4953
- return /* @__PURE__ */ React88__namespace.default.createElement(exports.VyLogoPride, { colorScheme, ...boxProps });
4954
- }
4955
- return /* @__PURE__ */ React88__namespace.default.createElement(exports.VyLogoDefault, { colorScheme, ...boxProps });
4956
- };
4957
- }
4958
- });
4959
4840
  exports.CargonetLogo = void 0;
4960
4841
  var init_CargonetLogo = __esm({
4961
4842
  "src/logo/CargonetLogo.tsx"() {
@@ -4965,109 +4846,109 @@ var init_CargonetLogo = __esm({
4965
4846
  }) => {
4966
4847
  const mainColor = "#DF8200";
4967
4848
  const accentColor = colorScheme === "light" ? "#383E42" : "#ffffff";
4968
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 251 52", ...boxProps }, /* @__PURE__ */ React88__namespace.default.createElement("title", null, "Cargonet logo"), /* @__PURE__ */ React88__namespace.default.createElement(
4849
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 251 52", ...boxProps }, /* @__PURE__ */ React87__namespace.default.createElement("title", null, "Cargonet logo"), /* @__PURE__ */ React87__namespace.default.createElement(
4969
4850
  "path",
4970
4851
  {
4971
4852
  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",
4972
4853
  fill: accentColor
4973
4854
  }
4974
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4855
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4975
4856
  "path",
4976
4857
  {
4977
4858
  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",
4978
4859
  fill: accentColor
4979
4860
  }
4980
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4861
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4981
4862
  "path",
4982
4863
  {
4983
4864
  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",
4984
4865
  fill: accentColor
4985
4866
  }
4986
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4867
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4987
4868
  "path",
4988
4869
  {
4989
4870
  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",
4990
4871
  fill: accentColor
4991
4872
  }
4992
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4873
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4993
4874
  "path",
4994
4875
  {
4995
4876
  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",
4996
4877
  fill: accentColor
4997
4878
  }
4998
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4879
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4999
4880
  "path",
5000
4881
  {
5001
4882
  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",
5002
4883
  fill: mainColor
5003
4884
  }
5004
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4885
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5005
4886
  "path",
5006
4887
  {
5007
4888
  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",
5008
4889
  fill: mainColor
5009
4890
  }
5010
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4891
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5011
4892
  "path",
5012
4893
  {
5013
4894
  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",
5014
4895
  fill: mainColor
5015
4896
  }
5016
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4897
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5017
4898
  "path",
5018
4899
  {
5019
4900
  d: "M21.4911 10.2565H31.1579V0.589175H21.4911V10.2565Z",
5020
4901
  fill: mainColor
5021
4902
  }
5022
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4903
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5023
4904
  "path",
5024
4905
  {
5025
4906
  d: "M41.3861 10.8855H31.7757V20.5528H41.3861V10.8855Z",
5026
4907
  fill: mainColor
5027
4908
  }
5028
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4909
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5029
4910
  "path",
5030
4911
  {
5031
4912
  d: "M42.0022 10.2547H51.6126V0.587402H42.0022V10.2547Z",
5032
4913
  fill: mainColor
5033
4914
  }
5034
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4915
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5035
4916
  "path",
5036
4917
  {
5037
4918
  d: "M21.477 30.7758H31.1431V21.1654H21.477V30.7758Z",
5038
4919
  fill: mainColor
5039
4920
  }
5040
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4921
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5041
4922
  "path",
5042
4923
  {
5043
4924
  d: "M11.2124 20.5493H20.8791V10.8826H11.2124V20.5493Z",
5044
4925
  fill: mainColor
5045
4926
  }
5046
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4927
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5047
4928
  "path",
5048
4929
  {
5049
4930
  d: "M0.910156 30.7911H10.5775V21.1801H0.910156V30.7911Z",
5050
4931
  fill: mainColor
5051
4932
  }
5052
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4933
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5053
4934
  "path",
5054
4935
  {
5055
4936
  d: "M11.1948 41.0258H20.8615V31.4154H11.1948V41.0258Z",
5056
4937
  fill: mainColor
5057
4938
  }
5058
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4939
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5059
4940
  "path",
5060
4941
  {
5061
4942
  d: "M31.7669 41.0581H41.4336V31.3908H31.7669V41.0581Z",
5062
4943
  fill: mainColor
5063
4944
  }
5064
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4945
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5065
4946
  "path",
5066
4947
  {
5067
4948
  d: "M21.4776 51.2277H31.1443V41.656H21.4776V51.2277Z",
5068
4949
  fill: mainColor
5069
4950
  }
5070
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4951
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5071
4952
  "path",
5072
4953
  {
5073
4954
  d: "M42.0615 51.2283H51.7282V41.6989H42.0615V51.2283Z",
@@ -5083,7 +4964,6 @@ var init_logo = __esm({
5083
4964
  "src/logo/index.tsx"() {
5084
4965
  init_VyLogo();
5085
4966
  init_VyLogoPride();
5086
- init_VyLogoDefault();
5087
4967
  init_CargonetLogo();
5088
4968
  }
5089
4969
  });
@@ -5102,7 +4982,7 @@ var init_JumpButton = __esm({
5102
4982
  variant: "jumpSkip",
5103
4983
  size: size2
5104
4984
  });
5105
- return /* @__PURE__ */ React88__namespace.default.createElement(
4985
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5106
4986
  react.Center,
5107
4987
  {
5108
4988
  as: "button",
@@ -5111,7 +4991,7 @@ var init_JumpButton = __esm({
5111
4991
  disabled: isDisabled,
5112
4992
  ...props
5113
4993
  },
5114
- direction2 === "forward" ? /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.Backward15MediaControllerFill30Icon, { sx: styles3.icon })
4994
+ direction2 === "forward" ? /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.Backward15MediaControllerFill30Icon, { sx: styles3.icon })
5115
4995
  );
5116
4996
  };
5117
4997
  texts18 = createTexts({
@@ -5145,7 +5025,7 @@ var init_PlayPauseButton = __esm({
5145
5025
  variant: "play",
5146
5026
  size: size2
5147
5027
  });
5148
- return /* @__PURE__ */ React88__namespace.default.createElement(
5028
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5149
5029
  react.Center,
5150
5030
  {
5151
5031
  as: "button",
@@ -5154,7 +5034,7 @@ var init_PlayPauseButton = __esm({
5154
5034
  disabled: isDisabled,
5155
5035
  ...props
5156
5036
  },
5157
- isPlaying ? /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.PlayMediaControllerFill24Icon, { sx: styles3.icon })
5037
+ isPlaying ? /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.PlayMediaControllerFill24Icon, { sx: styles3.icon })
5158
5038
  );
5159
5039
  };
5160
5040
  texts19 = createTexts({
@@ -5188,7 +5068,7 @@ var init_SkipButton = __esm({
5188
5068
  variant: "jumpSkip",
5189
5069
  size: size2
5190
5070
  });
5191
- return /* @__PURE__ */ React88__namespace.default.createElement(
5071
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5192
5072
  react.Center,
5193
5073
  {
5194
5074
  as: "button",
@@ -5197,7 +5077,7 @@ var init_SkipButton = __esm({
5197
5077
  disabled: isDisabled,
5198
5078
  ...props
5199
5079
  },
5200
- direction2 === "forward" ? /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.PreviousMediaControllerFill30Icon, { sx: styles3.icon })
5080
+ direction2 === "forward" ? /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.PreviousMediaControllerFill30Icon, { sx: styles3.icon })
5201
5081
  );
5202
5082
  };
5203
5083
  texts20 = createTexts({
@@ -5234,7 +5114,7 @@ var init_ModalHeader = __esm({
5234
5114
  fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
5235
5115
  textAlign: size2 === "lg" ? "center" : "left"
5236
5116
  };
5237
- return /* @__PURE__ */ React88__namespace.default.createElement(react.ModalHeader, { ...props, ref, ...styles3 });
5117
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.ModalHeader, { ...props, ref, ...styles3 });
5238
5118
  }
5239
5119
  );
5240
5120
  }
@@ -5244,7 +5124,7 @@ var init_Drawer = __esm({
5244
5124
  "src/modal/Drawer.tsx"() {
5245
5125
  init_ModalHeader();
5246
5126
  exports.Drawer = (props) => {
5247
- return /* @__PURE__ */ React88__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React88__namespace.default.createElement(react.Drawer, { ...props }));
5127
+ return /* @__PURE__ */ React87__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React87__namespace.default.createElement(react.Drawer, { ...props }));
5248
5128
  };
5249
5129
  exports.DrawerContent = react.forwardRef(
5250
5130
  ({ children, ...props }, ref) => {
@@ -5261,7 +5141,7 @@ var init_Drawer = __esm({
5261
5141
  });
5262
5142
  const isTopOrBottom = placement === "top" || placement === "bottom";
5263
5143
  const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
5264
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React88__namespace.default.createElement(
5144
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React87__namespace.default.createElement(
5265
5145
  react.DrawerContent,
5266
5146
  {
5267
5147
  ...widthConstraits,
@@ -5270,13 +5150,13 @@ var init_Drawer = __esm({
5270
5150
  ...props,
5271
5151
  ref
5272
5152
  },
5273
- /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { position: "relative" }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React88__namespace.default.createElement(Notch, null), /* @__PURE__ */ React88__namespace.default.createElement(react.Box, null, children)))
5153
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { position: "relative" }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React87__namespace.default.createElement(Notch, null), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, null, children)))
5274
5154
  ));
5275
5155
  }
5276
5156
  );
5277
5157
  Notch = react.forwardRef((props, ref) => {
5278
5158
  const placement = useDrawerContext();
5279
- return /* @__PURE__ */ React88__namespace.default.createElement(
5159
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5280
5160
  react.Box,
5281
5161
  {
5282
5162
  position: "absolute",
@@ -5288,14 +5168,14 @@ var init_Drawer = __esm({
5288
5168
  ...props,
5289
5169
  ref
5290
5170
  },
5291
- /* @__PURE__ */ React88__namespace.default.createElement(
5171
+ /* @__PURE__ */ React87__namespace.default.createElement(
5292
5172
  react.Center,
5293
5173
  {
5294
5174
  background: placement === "bottom" ? "bottom" : "top",
5295
5175
  padding: 2,
5296
5176
  borderRadius: "md"
5297
5177
  },
5298
- /* @__PURE__ */ React88__namespace.default.createElement(
5178
+ /* @__PURE__ */ React87__namespace.default.createElement(
5299
5179
  react.Box,
5300
5180
  {
5301
5181
  width: "2.265rem",
@@ -5307,10 +5187,10 @@ var init_Drawer = __esm({
5307
5187
  )
5308
5188
  );
5309
5189
  });
5310
- DrawerContext = React88__namespace.default.createContext(void 0);
5311
- DrawerProvider = (props) => /* @__PURE__ */ React88__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
5190
+ DrawerContext = React87__namespace.default.createContext(void 0);
5191
+ DrawerProvider = (props) => /* @__PURE__ */ React87__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
5312
5192
  useDrawerContext = () => {
5313
- return React88__namespace.default.useContext(DrawerContext);
5193
+ return React87__namespace.default.useContext(DrawerContext);
5314
5194
  };
5315
5195
  }
5316
5196
  });
@@ -5324,13 +5204,13 @@ var init_FullScreenDrawer = __esm({
5324
5204
  children,
5325
5205
  title,
5326
5206
  placement = "bottom",
5327
- leftButton = /* @__PURE__ */ React88__namespace.default.createElement(DrawerBackButton, null),
5328
- rightButton = /* @__PURE__ */ React88__namespace.default.createElement(DrawerCloseButton2, null),
5207
+ leftButton = /* @__PURE__ */ React87__namespace.default.createElement(DrawerBackButton, null),
5208
+ rightButton = /* @__PURE__ */ React87__namespace.default.createElement(DrawerCloseButton2, null),
5329
5209
  isOpen,
5330
5210
  onClose,
5331
5211
  body
5332
5212
  }) => {
5333
- const [isContentBoxScrolled, setContentBoxScrolled] = React88.useState(false);
5213
+ const [isContentBoxScrolled, setContentBoxScrolled] = React87.useState(false);
5334
5214
  const onContentScroll = (e) => {
5335
5215
  const target = e.target;
5336
5216
  if (target.scrollTop <= 0) {
@@ -5339,10 +5219,10 @@ var init_FullScreenDrawer = __esm({
5339
5219
  }
5340
5220
  setContentBoxScrolled(true);
5341
5221
  };
5342
- React88.useEffect(() => {
5222
+ React87.useEffect(() => {
5343
5223
  setContentBoxScrolled(false);
5344
5224
  }, [isOpen]);
5345
- return /* @__PURE__ */ React88__namespace.default.createElement(exports.Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React88__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React88__namespace.default.createElement(
5225
+ return /* @__PURE__ */ React87__namespace.default.createElement(exports.Drawer, { isOpen, onClose, placement, size: "full" }, /* @__PURE__ */ React87__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React87__namespace.default.createElement(
5346
5226
  react.DrawerContent,
5347
5227
  {
5348
5228
  height: "100vh",
@@ -5350,7 +5230,7 @@ var init_FullScreenDrawer = __esm({
5350
5230
  backgroundPosition: "top",
5351
5231
  backgroundRepeat: "no-repeat"
5352
5232
  },
5353
- /* @__PURE__ */ React88__namespace.default.createElement(
5233
+ /* @__PURE__ */ React87__namespace.default.createElement(
5354
5234
  DrawerTopMenu,
5355
5235
  {
5356
5236
  isScrolled: isContentBoxScrolled,
@@ -5359,7 +5239,7 @@ var init_FullScreenDrawer = __esm({
5359
5239
  rightButton
5360
5240
  }
5361
5241
  ),
5362
- /* @__PURE__ */ React88__namespace.default.createElement(react.DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
5242
+ /* @__PURE__ */ React87__namespace.default.createElement(react.DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
5363
5243
  ));
5364
5244
  };
5365
5245
  DrawerTopMenu = ({
@@ -5372,7 +5252,7 @@ var init_FullScreenDrawer = __esm({
5372
5252
  "bg.default.light",
5373
5253
  "bg.default.dark"
5374
5254
  );
5375
- return /* @__PURE__ */ React88__namespace.default.createElement(
5255
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5376
5256
  react.Flex,
5377
5257
  {
5378
5258
  width: "100%",
@@ -5385,8 +5265,8 @@ var init_FullScreenDrawer = __esm({
5385
5265
  transition: "box-shadow 0.2s",
5386
5266
  boxShadow: isScrolled ? "md" : void 0
5387
5267
  },
5388
- /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { width: "fit-content" }, leftButton)),
5389
- /* @__PURE__ */ React88__namespace.default.createElement(
5268
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width: "fit-content" }, leftButton)),
5269
+ /* @__PURE__ */ React87__namespace.default.createElement(
5390
5270
  react.DrawerHeader,
5391
5271
  {
5392
5272
  as: "h2",
@@ -5399,7 +5279,7 @@ var init_FullScreenDrawer = __esm({
5399
5279
  },
5400
5280
  title
5401
5281
  ),
5402
- /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
5282
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
5403
5283
  );
5404
5284
  };
5405
5285
  DrawerCloseButton2 = () => {
@@ -5409,11 +5289,11 @@ var init_FullScreenDrawer = __esm({
5409
5289
  `(min-width: ${tokens11__namespace.default.size.breakpoint.sm})`
5410
5290
  );
5411
5291
  if (isScreenSizeMinSm) {
5412
- return /* @__PURE__ */ React88__namespace.default.createElement(
5292
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5413
5293
  exports.Button,
5414
5294
  {
5415
5295
  variant: "ghost",
5416
- leftIcon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CloseFill24Icon, null),
5296
+ leftIcon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill24Icon, null),
5417
5297
  onClick: onClose,
5418
5298
  "aria-label": t2(texts21.close),
5419
5299
  width: "fit-content",
@@ -5422,11 +5302,11 @@ var init_FullScreenDrawer = __esm({
5422
5302
  t2(texts21.close)
5423
5303
  );
5424
5304
  }
5425
- return /* @__PURE__ */ React88__namespace.default.createElement(
5305
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5426
5306
  exports.IconButton,
5427
5307
  {
5428
5308
  variant: "ghost",
5429
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CloseFill30Icon, null),
5309
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill30Icon, null),
5430
5310
  onClick: onClose,
5431
5311
  "aria-label": t2(texts21.close)
5432
5312
  }
@@ -5439,11 +5319,11 @@ var init_FullScreenDrawer = __esm({
5439
5319
  `(min-width: ${tokens11__namespace.default.size.breakpoint.sm})`
5440
5320
  );
5441
5321
  if (isScreenSizeMinSm) {
5442
- return /* @__PURE__ */ React88__namespace.default.createElement(
5322
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5443
5323
  exports.Button,
5444
5324
  {
5445
5325
  variant: "ghost",
5446
- leftIcon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
5326
+ leftIcon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
5447
5327
  onClick: onClose,
5448
5328
  "aria-label": t2(texts21.backAriaLabel),
5449
5329
  width: "fit-content",
@@ -5452,11 +5332,11 @@ var init_FullScreenDrawer = __esm({
5452
5332
  t2(texts21.back)
5453
5333
  );
5454
5334
  }
5455
- return /* @__PURE__ */ React88__namespace.default.createElement(
5335
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5456
5336
  exports.IconButton,
5457
5337
  {
5458
5338
  variant: "ghost",
5459
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.ArrowLeftFill30Icon, null),
5339
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowLeftFill30Icon, null),
5460
5340
  onClick: onClose,
5461
5341
  "aria-label": t2(texts21.close)
5462
5342
  }
@@ -5505,7 +5385,7 @@ var init_SimpleDrawer = __esm({
5505
5385
  body,
5506
5386
  ...props
5507
5387
  }) => {
5508
- return /* @__PURE__ */ React88__namespace.default.createElement(exports.Drawer, { placement, ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React88__namespace.default.createElement(exports.DrawerContent, null, /* @__PURE__ */ React88__namespace.default.createElement(react.DrawerCloseButton, null), title && /* @__PURE__ */ React88__namespace.default.createElement(exports.ModalHeader, null, title), /* @__PURE__ */ React88__namespace.default.createElement(react.DrawerBody, { ...body }, children)));
5388
+ return /* @__PURE__ */ React87__namespace.default.createElement(exports.Drawer, { placement, ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React87__namespace.default.createElement(exports.DrawerContent, null, /* @__PURE__ */ React87__namespace.default.createElement(react.DrawerCloseButton, null), title && /* @__PURE__ */ React87__namespace.default.createElement(exports.ModalHeader, null, title), /* @__PURE__ */ React87__namespace.default.createElement(react.DrawerBody, { ...body }, children)));
5509
5389
  };
5510
5390
  }
5511
5391
  });
@@ -5544,7 +5424,7 @@ var init_Nudge = __esm({
5544
5424
  }
5545
5425
  return null;
5546
5426
  }
5547
- return /* @__PURE__ */ React88__namespace.default.createElement(
5427
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5548
5428
  react.Popover,
5549
5429
  {
5550
5430
  arrowSize: 12,
@@ -5552,8 +5432,8 @@ var init_Nudge = __esm({
5552
5432
  defaultIsOpen: true,
5553
5433
  ...props
5554
5434
  },
5555
- /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverAnchor, null, children),
5556
- /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React88__namespace.default.createElement(react.DarkMode, null, /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverArrow, null), /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverBody, { margin: 1 }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { marginRight: 4 }, content), /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React88__namespace.default.createElement(exports.ButtonGroup, null, /* @__PURE__ */ React88__namespace.default.createElement(exports.Button, { variant: "tertiary", size: "xs" }, t2(texts22.close)), /* @__PURE__ */ React88__namespace.default.createElement(exports.Button, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts22.showMe)))))))
5435
+ /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverAnchor, null, children),
5436
+ /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverContent, { borderRadius: "sm" }, /* @__PURE__ */ React87__namespace.default.createElement(react.DarkMode, null, /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverArrow, null), /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverBody, { margin: 1 }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { marginRight: 4 }, content), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { marginTop: 1.5 }, actions ?? /* @__PURE__ */ React87__namespace.default.createElement(exports.ButtonGroup, null, /* @__PURE__ */ React87__namespace.default.createElement(exports.Button, { variant: "tertiary", size: "xs" }, t2(texts22.close)), /* @__PURE__ */ React87__namespace.default.createElement(exports.Button, { variant: "secondary", size: "xs", fontWeight: "bold" }, t2(texts22.showMe)))))))
5557
5437
  );
5558
5438
  };
5559
5439
  texts22 = createTexts({
@@ -5583,23 +5463,23 @@ var init_WizardNudge = __esm({
5583
5463
  content,
5584
5464
  ...props
5585
5465
  }) => {
5586
- const [currentStep, setCurrentStep] = React88.useState(1);
5466
+ const [currentStep, setCurrentStep] = React87.useState(1);
5587
5467
  const totalSteps = content.length;
5588
5468
  const isLastStep = totalSteps === currentStep;
5589
5469
  const onNext = () => setCurrentStep((prev) => prev + 1);
5590
- return /* @__PURE__ */ React88__namespace.default.createElement(
5470
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5591
5471
  exports.Nudge,
5592
5472
  {
5593
5473
  onClose,
5594
5474
  name,
5595
5475
  content: content[currentStep - 1],
5596
- actions: /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React88__namespace.default.createElement(
5476
+ actions: /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React87__namespace.default.createElement(
5597
5477
  exports.ProgressIndicator,
5598
5478
  {
5599
5479
  activeStep: currentStep,
5600
5480
  numberOfSteps: totalSteps
5601
5481
  }
5602
- ), /* @__PURE__ */ React88__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React88__namespace.default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
5482
+ ), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React87__namespace.default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
5603
5483
  ...props
5604
5484
  },
5605
5485
  children
@@ -5608,12 +5488,12 @@ var init_WizardNudge = __esm({
5608
5488
  NextOrCloseButton = ({ isLastStep, onNext }) => {
5609
5489
  const { onClose } = react.usePopoverContext();
5610
5490
  const { t: t2 } = useTranslation();
5611
- return /* @__PURE__ */ React88__namespace.default.createElement(
5491
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5612
5492
  exports.Button,
5613
5493
  {
5614
5494
  variant: "tertiary",
5615
5495
  size: "xs",
5616
- leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.ArrowRightFill18Icon, null),
5496
+ leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowRightFill18Icon, null),
5617
5497
  onClick: isLastStep ? onClose : onNext,
5618
5498
  width: "fit-content"
5619
5499
  },
@@ -5691,7 +5571,7 @@ var init_Pagination = __esm({
5691
5571
  }
5692
5572
  }
5693
5573
  return displayPageNumbers.map(
5694
- (pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React88__namespace.default.createElement(react.ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React88__namespace.default.createElement(react.Center, null, "...")) : /* @__PURE__ */ React88__namespace.default.createElement(
5574
+ (pageNumber, index) => pageNumber === "..." ? /* @__PURE__ */ React87__namespace.default.createElement(react.ListItem, { key: index, sx: style.listItem }, /* @__PURE__ */ React87__namespace.default.createElement(react.Center, null, "...")) : /* @__PURE__ */ React87__namespace.default.createElement(
5695
5575
  react.Link,
5696
5576
  {
5697
5577
  key: index,
@@ -5708,7 +5588,7 @@ var init_Pagination = __esm({
5708
5588
  )
5709
5589
  );
5710
5590
  };
5711
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React88__namespace.default.createElement(
5591
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React87__namespace.default.createElement(
5712
5592
  react.UnorderedList,
5713
5593
  {
5714
5594
  display: "flex",
@@ -5717,22 +5597,22 @@ var init_Pagination = __esm({
5717
5597
  padding: 0,
5718
5598
  margin: 0
5719
5599
  },
5720
- /* @__PURE__ */ React88__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts24.previousPage) }, /* @__PURE__ */ React88__namespace.default.createElement(
5600
+ /* @__PURE__ */ React87__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts24.previousPage) }, /* @__PURE__ */ React87__namespace.default.createElement(
5721
5601
  exports.TextLink,
5722
5602
  {
5723
5603
  onClick: () => onPageChange(selectedPage - 1),
5724
5604
  sx: hasPreviousPage ? style.link : style.disabled
5725
5605
  },
5726
- /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, { sx: style.icon })
5606
+ /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, { sx: style.icon })
5727
5607
  )),
5728
5608
  renderPaginationButtons(),
5729
- /* @__PURE__ */ React88__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts24.nextPage) }, /* @__PURE__ */ React88__namespace.default.createElement(
5609
+ /* @__PURE__ */ React87__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts24.nextPage) }, /* @__PURE__ */ React87__namespace.default.createElement(
5730
5610
  exports.TextLink,
5731
5611
  {
5732
5612
  onClick: () => onPageChange(selectedPage + 1),
5733
5613
  sx: hasNextPage ? style.link : style.disabled
5734
5614
  },
5735
- /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { sx: style.icon })
5615
+ /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { sx: style.icon })
5736
5616
  ))
5737
5617
  ));
5738
5618
  };
@@ -5765,7 +5645,7 @@ var init_ProgressDot = __esm({
5765
5645
  init_src();
5766
5646
  ProgressDot = ({ isActive }) => {
5767
5647
  const style = react.useMultiStyleConfig("ProgressIndicator");
5768
- return /* @__PURE__ */ React88__namespace.default.createElement(
5648
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5769
5649
  react.Box,
5770
5650
  {
5771
5651
  as: "svg",
@@ -5775,7 +5655,7 @@ var init_ProgressDot = __esm({
5775
5655
  viewBox: "0 0 100 100",
5776
5656
  "aria-current": isActive ? "step" : void 0
5777
5657
  },
5778
- /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "circle", cx: "50", cy: "50", r: "50" })
5658
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "circle", cx: "50", cy: "50", r: "50" })
5779
5659
  );
5780
5660
  };
5781
5661
  }
@@ -5791,7 +5671,7 @@ var init_ProgressIndicator = __esm({
5791
5671
  }) => {
5792
5672
  const { t: t2 } = useTranslation();
5793
5673
  const style = react.useMultiStyleConfig("ProgressIndicator");
5794
- return /* @__PURE__ */ React88__namespace.default.createElement(
5674
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5795
5675
  react.Box,
5796
5676
  {
5797
5677
  __css: style.root,
@@ -5801,7 +5681,7 @@ var init_ProgressIndicator = __esm({
5801
5681
  "aria-valuenow": activeStep,
5802
5682
  "aria-valuetext": t2(texts25.stepsOf(activeStep, numberOfSteps))
5803
5683
  },
5804
- /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React88__namespace.default.createElement(
5684
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React87__namespace.default.createElement(
5805
5685
  ProgressDot,
5806
5686
  {
5807
5687
  key: i,
@@ -5833,7 +5713,6 @@ var init_SporProvider = __esm({
5833
5713
  "src/provider/SporProvider.tsx"() {
5834
5714
  init_src();
5835
5715
  init_src();
5836
- init_PrideProvider();
5837
5716
  exports.SporProvider = ({
5838
5717
  theme: theme3 = exports.theme,
5839
5718
  language = "nb" /* NorwegianBokmal */,
@@ -5843,7 +5722,7 @@ var init_SporProvider = __esm({
5843
5722
  }) => {
5844
5723
  const brandCustomizations = exports.brandTheme[brand] ?? {};
5845
5724
  const extendedTheme = deepmerge__default.default(theme3, brandCustomizations);
5846
- return /* @__PURE__ */ React88__namespace.default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React88__namespace.default.createElement(exports.PrideProvider, null, /* @__PURE__ */ React88__namespace.default.createElement(react.ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React88__namespace.default.createElement(react$1.Global, { styles: exports.fontFaces }), children)));
5725
+ return /* @__PURE__ */ React87__namespace.default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React87__namespace.default.createElement(react.ChakraProvider, { theme: extendedTheme, ...props }, /* @__PURE__ */ React87__namespace.default.createElement(react$1.Global, { styles: exports.fontFaces }), children));
5847
5726
  };
5848
5727
  }
5849
5728
  });
@@ -5852,13 +5731,12 @@ var init_SporProvider = __esm({
5852
5731
  var init_provider = __esm({
5853
5732
  "src/provider/index.tsx"() {
5854
5733
  init_SporProvider();
5855
- init_PrideProvider();
5856
5734
  }
5857
5735
  });
5858
5736
  var StepperContext, StepperProvider, useStepper;
5859
5737
  var init_StepperContext = __esm({
5860
5738
  "src/stepper/StepperContext.tsx"() {
5861
- StepperContext = React88__namespace.default.createContext(null);
5739
+ StepperContext = React87__namespace.default.createContext(null);
5862
5740
  StepperProvider = ({
5863
5741
  activeStep,
5864
5742
  children,
@@ -5866,7 +5744,7 @@ var init_StepperContext = __esm({
5866
5744
  numberOfSteps,
5867
5745
  variant
5868
5746
  }) => {
5869
- return /* @__PURE__ */ React88__namespace.default.createElement(
5747
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5870
5748
  StepperContext.Provider,
5871
5749
  {
5872
5750
  value: { activeStep, onClick, numberOfSteps, variant }
@@ -5875,7 +5753,7 @@ var init_StepperContext = __esm({
5875
5753
  );
5876
5754
  };
5877
5755
  useStepper = () => {
5878
- const context = React88__namespace.default.useContext(StepperContext);
5756
+ const context = React87__namespace.default.useContext(StepperContext);
5879
5757
  if (!context) {
5880
5758
  throw new Error(
5881
5759
  "useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
@@ -5909,7 +5787,7 @@ var init_Stepper = __esm({
5909
5787
  const { t: t2 } = useTranslation();
5910
5788
  const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
5911
5789
  const shownHeading = heading || title;
5912
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { sx: style.root }, /* @__PURE__ */ React88__namespace.default.createElement(
5790
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: style.root }, /* @__PURE__ */ React87__namespace.default.createElement(
5913
5791
  StepperProvider,
5914
5792
  {
5915
5793
  onClick,
@@ -5917,7 +5795,7 @@ var init_Stepper = __esm({
5917
5795
  variant,
5918
5796
  numberOfSteps
5919
5797
  },
5920
- /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { sx: style.container }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { sx: style.innerContainer }, /* @__PURE__ */ React88__namespace.default.createElement(
5798
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: style.container }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: style.innerContainer }, /* @__PURE__ */ React87__namespace.default.createElement(
5921
5799
  react.Flex,
5922
5800
  {
5923
5801
  justifyContent: "space-between",
@@ -5925,11 +5803,11 @@ var init_Stepper = __esm({
5925
5803
  gap: 2,
5926
5804
  flex: 1
5927
5805
  },
5928
- /* @__PURE__ */ React88__namespace.default.createElement(
5806
+ /* @__PURE__ */ React87__namespace.default.createElement(
5929
5807
  exports.IconButton,
5930
5808
  {
5931
5809
  "aria-label": t2(texts26.back),
5932
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
5810
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
5933
5811
  variant: "ghost",
5934
5812
  size: "sm",
5935
5813
  visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
@@ -5942,9 +5820,9 @@ var init_Stepper = __esm({
5942
5820
  }
5943
5821
  }
5944
5822
  ),
5945
- shownHeading && /* @__PURE__ */ React88__namespace.default.createElement(exports.Text, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
5946
- /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { sx: style.stepCounter }, t2(texts26.stepsOf(activeStep, numberOfSteps)))
5947
- )), /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React88__namespace.default.createElement(
5823
+ shownHeading && /* @__PURE__ */ React87__namespace.default.createElement(exports.Text, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
5824
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: style.stepCounter }, t2(texts26.stepsOf(activeStep, numberOfSteps)))
5825
+ )), /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React87__namespace.default.createElement(
5948
5826
  exports.StepperStep,
5949
5827
  {
5950
5828
  key: index,
@@ -5996,14 +5874,14 @@ var init_StepperStep = __esm({
5996
5874
  );
5997
5875
  const iconColor = react.useColorModeValue("blackAlpha.200", "whiteAlpha.200");
5998
5876
  const isDisabled = state2 !== "active" && isDisabledOverride || state2 === "disabled";
5999
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React88__namespace.default.createElement(
5877
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React87__namespace.default.createElement(
6000
5878
  sporIconReact.DropdownRightFill18Icon,
6001
5879
  {
6002
5880
  marginX: 5,
6003
5881
  display: ["none", null, "block"],
6004
5882
  color: iconColor
6005
5883
  }
6006
- ), isDisabled ? /* @__PURE__ */ React88__namespace.default.createElement(
5884
+ ), isDisabled ? /* @__PURE__ */ React87__namespace.default.createElement(
6007
5885
  exports.Text,
6008
5886
  {
6009
5887
  variant: "xs",
@@ -6013,7 +5891,7 @@ var init_StepperStep = __esm({
6013
5891
  paddingX: 2
6014
5892
  },
6015
5893
  children
6016
- ) : /* @__PURE__ */ React88__namespace.default.createElement(
5894
+ ) : /* @__PURE__ */ React87__namespace.default.createElement(
6017
5895
  exports.Button,
6018
5896
  {
6019
5897
  size: "xs",
@@ -6049,7 +5927,7 @@ exports.Tabs = void 0;
6049
5927
  var init_Tabs = __esm({
6050
5928
  "src/tab/Tabs.tsx"() {
6051
5929
  exports.Tabs = react.forwardRef((props, ref) => {
6052
- return /* @__PURE__ */ React88__namespace.createElement(react.Tabs, { ...props, ref });
5930
+ return /* @__PURE__ */ React87__namespace.createElement(react.Tabs, { ...props, ref });
6053
5931
  });
6054
5932
  }
6055
5933
  });
@@ -6071,7 +5949,7 @@ var init_Table = __esm({
6071
5949
  "src/table/Table.tsx"() {
6072
5950
  exports.Table = react.forwardRef((props, ref) => {
6073
5951
  const { variant, size: size2, colorScheme, children, ...rest } = props;
6074
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React88__namespace.default.createElement(
5952
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { overflowX: "auto", role: "region" }, /* @__PURE__ */ React87__namespace.default.createElement(
6075
5953
  react.Table,
6076
5954
  {
6077
5955
  variant,
@@ -14653,6 +14531,29 @@ var init_list2 = __esm({
14653
14531
  });
14654
14532
  }
14655
14533
  });
14534
+ function outlineBorder(state2, props) {
14535
+ switch (state2) {
14536
+ case "error":
14537
+ return {
14538
+ outlineColor: themeTools.mode("outline.error.light", "outline.error.dark")(props)
14539
+ };
14540
+ case "focus":
14541
+ return {
14542
+ outlineColor: themeTools.mode("outline.focus.light", "outline.focus.dark")(props)
14543
+ };
14544
+ default:
14545
+ return {
14546
+ outlineColor: themeTools.mode(
14547
+ "outline.default.light",
14548
+ "outline.default.dark"
14549
+ )(props)
14550
+ };
14551
+ }
14552
+ }
14553
+ var init_outline_utils = __esm({
14554
+ "src/theme/utils/outline-utils.ts"() {
14555
+ }
14556
+ });
14656
14557
  var parts11, helpers16, config25, listbox_default;
14657
14558
  var init_listbox = __esm({
14658
14559
  "src/theme/components/listbox.ts"() {
@@ -14660,6 +14561,7 @@ var init_listbox = __esm({
14660
14561
  init_base_utils();
14661
14562
  init_ghost_utils();
14662
14563
  init_surface_utils();
14564
+ init_outline_utils();
14663
14565
  parts11 = anatomy("ListBox").parts(
14664
14566
  "container",
14665
14567
  "item",
@@ -14691,12 +14593,12 @@ var init_listbox = __esm({
14691
14593
  _active: {
14692
14594
  ...ghostBackground("active", props)
14693
14595
  },
14596
+ _focusVisible: {
14597
+ ...outlineBorder("focus", props)
14598
+ },
14694
14599
  _hover: {
14695
14600
  ...ghostBackground("hover", props)
14696
14601
  },
14697
- _focus: {
14698
- ...ghostBackground("selected", props)
14699
- },
14700
14602
  _selected: {
14701
14603
  ...ghostBackground("active", props)
14702
14604
  }
@@ -15190,29 +15092,6 @@ var init_progress_indicator2 = __esm({
15190
15092
  progress_indicator_default = config32;
15191
15093
  }
15192
15094
  });
15193
- function outlineBorder(state2, props) {
15194
- switch (state2) {
15195
- case "error":
15196
- return {
15197
- outlineColor: themeTools.mode("outline.error.light", "outline.error.dark")(props)
15198
- };
15199
- case "focus":
15200
- return {
15201
- outlineColor: themeTools.mode("outline.focus.light", "outline.focus.dark")(props)
15202
- };
15203
- default:
15204
- return {
15205
- outlineColor: themeTools.mode(
15206
- "outline.default.light",
15207
- "outline.default.dark"
15208
- )(props)
15209
- };
15210
- }
15211
- }
15212
- var init_outline_utils = __esm({
15213
- "src/theme/utils/outline-utils.ts"() {
15214
- }
15215
- });
15216
15095
  var parts17, helpers24, config33, radio_card_default;
15217
15096
  var init_radio_card = __esm({
15218
15097
  "src/theme/components/radio-card.ts"() {
@@ -16422,12 +16301,12 @@ var init_BaseToast = __esm({
16422
16301
  init_src();
16423
16302
  BaseToast = ({ children, variant, id }) => {
16424
16303
  const styles3 = react.useStyleConfig("Toast", { variant });
16425
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { sx: styles3, id }, /* @__PURE__ */ React88__namespace.default.createElement(ToastIcon, { variant }), children);
16304
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { sx: styles3, id }, /* @__PURE__ */ React87__namespace.default.createElement(ToastIcon, { variant }), children);
16426
16305
  };
16427
16306
  ToastIcon = ({ variant }) => {
16428
16307
  const Icon = getIcon3(variant);
16429
16308
  const { t: t2 } = useTranslation();
16430
- return /* @__PURE__ */ React88__namespace.default.createElement(
16309
+ return /* @__PURE__ */ React87__namespace.default.createElement(
16431
16310
  Icon,
16432
16311
  {
16433
16312
  flexShrink: 0,
@@ -16482,7 +16361,7 @@ var init_ActionToast = __esm({
16482
16361
  buttonText,
16483
16362
  id
16484
16363
  }) => {
16485
- return /* @__PURE__ */ React88__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React88__namespace.default.createElement(exports.Button, { variant: "tertiary", size: "sm", onClick }, buttonText));
16364
+ return /* @__PURE__ */ React87__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React87__namespace.default.createElement(exports.Button, { variant: "tertiary", size: "sm", onClick }, buttonText));
16486
16365
  };
16487
16366
  }
16488
16367
  });
@@ -16499,13 +16378,13 @@ var init_ClosableToast = __esm({
16499
16378
  }) => {
16500
16379
  const styles3 = react.useMultiStyleConfig("Toast", { variant });
16501
16380
  const { t: t2 } = useTranslation();
16502
- return /* @__PURE__ */ React88__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { flexGrow: "1" }, children), /* @__PURE__ */ React88__namespace.default.createElement(
16381
+ return /* @__PURE__ */ React87__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { flexGrow: "1" }, children), /* @__PURE__ */ React87__namespace.default.createElement(
16503
16382
  exports.IconButton,
16504
16383
  {
16505
16384
  sx: styles3.dismissButton,
16506
16385
  variant: "ghost",
16507
16386
  "aria-label": t2(texts28.dismiss),
16508
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
16387
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
16509
16388
  onClick: onClose
16510
16389
  }
16511
16390
  ));
@@ -16528,7 +16407,7 @@ var init_useToast = __esm({
16528
16407
  init_ClosableToast();
16529
16408
  exports.useToast = () => {
16530
16409
  const toast = react.useToast();
16531
- const wrappedToast = React88.useCallback((opts) => {
16410
+ const wrappedToast = React87.useCallback((opts) => {
16532
16411
  const Toast = getToastComponent(opts);
16533
16412
  toast({
16534
16413
  ...opts,
@@ -16539,7 +16418,7 @@ var init_useToast = __esm({
16539
16418
  };
16540
16419
  getToastComponent = (opts) => {
16541
16420
  if ("isClosable" in opts && opts.isClosable) {
16542
- return ({ onClose, id }) => /* @__PURE__ */ React88__namespace.default.createElement(
16421
+ return ({ onClose, id }) => /* @__PURE__ */ React87__namespace.default.createElement(
16543
16422
  ClosableToast,
16544
16423
  {
16545
16424
  id,
@@ -16555,7 +16434,7 @@ var init_useToast = __esm({
16555
16434
  );
16556
16435
  }
16557
16436
  if ("buttonText" in opts) {
16558
- return ({ id }) => /* @__PURE__ */ React88__namespace.default.createElement(
16437
+ return ({ id }) => /* @__PURE__ */ React87__namespace.default.createElement(
16559
16438
  ActionToast,
16560
16439
  {
16561
16440
  id,
@@ -16566,7 +16445,7 @@ var init_useToast = __esm({
16566
16445
  opts.text
16567
16446
  );
16568
16447
  }
16569
- return ({ id }) => /* @__PURE__ */ React88__namespace.default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
16448
+ return ({ id }) => /* @__PURE__ */ React87__namespace.default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
16570
16449
  };
16571
16450
  }
16572
16451
  });
@@ -16591,7 +16470,7 @@ var init_Tooltip = __esm({
16591
16470
  withCloseButton = false,
16592
16471
  ...props
16593
16472
  }) => {
16594
- return /* @__PURE__ */ React88__namespace.default.createElement(
16473
+ return /* @__PURE__ */ React87__namespace.default.createElement(
16595
16474
  react.Popover,
16596
16475
  {
16597
16476
  onClose,
@@ -16603,8 +16482,8 @@ var init_Tooltip = __esm({
16603
16482
  arrowShadowColor: "none",
16604
16483
  ...props
16605
16484
  },
16606
- /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverTrigger, null, children),
16607
- /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverContent, null, /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverArrow, null), withCloseButton && /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverBody, null, content))
16485
+ /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverTrigger, null, children),
16486
+ /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverContent, null, /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverArrow, null), withCloseButton && /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverBody, null, content))
16608
16487
  );
16609
16488
  };
16610
16489
  }
@@ -16677,8 +16556,8 @@ function useSizes({
16677
16556
  getNodes,
16678
16557
  observeMutation = true
16679
16558
  }) {
16680
- const [sizes26, setSizes] = React88.useState([]);
16681
- const [count, setCount] = React88.useState(0);
16559
+ const [sizes26, setSizes] = React87.useState([]);
16560
+ const [count, setCount] = React87.useState(0);
16682
16561
  useSafeLayoutEffect(() => {
16683
16562
  const elements = getNodes();
16684
16563
  const cleanups = elements.map(
@@ -16726,7 +16605,7 @@ var init_dist9 = __esm({
16726
16605
  "../../node_modules/@chakra-ui/react-use-size/dist/index.mjs"() {
16727
16606
  "use client";
16728
16607
  init_dist8();
16729
- useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React88.useLayoutEffect : React88.useEffect;
16608
+ useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React87.useLayoutEffect : React87.useEffect;
16730
16609
  }
16731
16610
  });
16732
16611
  var init_externals = __esm({
@@ -16781,7 +16660,6 @@ var init_src = __esm({
16781
16660
  init_modal();
16782
16661
  init_nudge();
16783
16662
  init_pagination();
16784
- init_pride();
16785
16663
  init_progress_indicator();
16786
16664
  init_provider();
16787
16665
  init_stepper();