@vygruppen/spor-react 9.14.0 → 9.15.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,10 +1143,10 @@ 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
1150
  const inputWidth = useInputWidth(inputRef);
1151
1151
  const state2 = reactStately.useComboBoxState({
1152
1152
  allowsEmptyCollection: Boolean(emptyContent),
@@ -1184,7 +1184,7 @@ function Combobox({
1184
1184
  },
1185
1185
  state2
1186
1186
  );
1187
- return /* @__PURE__ */ React88__namespace.default.createElement(React88__namespace.default.Fragment, null, /* @__PURE__ */ React88__namespace.default.createElement(
1187
+ return /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, /* @__PURE__ */ React87__namespace.default.createElement(
1188
1188
  exports.Input,
1189
1189
  {
1190
1190
  ...styleProps(comboBoxProps),
@@ -1194,7 +1194,7 @@ function Combobox({
1194
1194
  borderBottomLeftRadius: state2.isOpen && !isLoading ? 0 : borderBottomLeftRadius,
1195
1195
  borderBottomRightRadius: state2.isOpen && !isLoading ? 0 : borderBottomRightRadius,
1196
1196
  ...inputProps,
1197
- rightIcon: isLoading ? /* @__PURE__ */ React88__namespace.default.createElement(
1197
+ rightIcon: isLoading ? /* @__PURE__ */ React87__namespace.default.createElement(
1198
1198
  exports.ColorSpinner,
1199
1199
  {
1200
1200
  width: "1.5rem",
@@ -1209,7 +1209,7 @@ function Combobox({
1209
1209
  }
1210
1210
  ) : rightIcon
1211
1211
  }
1212
- ), state2.isOpen && !isLoading && /* @__PURE__ */ React88__namespace.default.createElement(
1212
+ ), state2.isOpen && !isLoading && /* @__PURE__ */ React87__namespace.default.createElement(
1213
1213
  Popover,
1214
1214
  {
1215
1215
  state: state2,
@@ -1221,7 +1221,7 @@ function Combobox({
1221
1221
  hasBackdrop: false,
1222
1222
  containerPadding: 0
1223
1223
  },
1224
- /* @__PURE__ */ React88__namespace.default.createElement(
1224
+ /* @__PURE__ */ React87__namespace.default.createElement(
1225
1225
  ListBox,
1226
1226
  {
1227
1227
  ...listBoxProps,
@@ -1245,8 +1245,8 @@ var init_Combobox = __esm({
1245
1245
  init_src();
1246
1246
  init_Popover();
1247
1247
  useInputWidth = (inputRef) => {
1248
- const [inputWidth, setInputWidth] = React88.useState("auto");
1249
- React88.useEffect(() => {
1248
+ const [inputWidth, setInputWidth] = React87.useState("auto");
1249
+ React87.useEffect(() => {
1250
1250
  const onResize = debounce(() => {
1251
1251
  if (inputRef.current) {
1252
1252
  setInputWidth(`${inputRef.current.offsetWidth}px`);
@@ -1273,7 +1273,7 @@ exports.FormControl = void 0;
1273
1273
  var init_FormControl = __esm({
1274
1274
  "src/input/FormControl.tsx"() {
1275
1275
  exports.FormControl = react.forwardRef((props, ref) => {
1276
- return /* @__PURE__ */ React88__namespace.default.createElement(react.FormControl, { ...props, ref });
1276
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.FormControl, { ...props, ref });
1277
1277
  });
1278
1278
  }
1279
1279
  });
@@ -1294,7 +1294,7 @@ var init_FormErrorMessage = __esm({
1294
1294
  return null;
1295
1295
  }
1296
1296
  const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
1297
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { position: "relative", ref }, /* @__PURE__ */ React88__namespace.default.createElement(
1297
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { position: "relative", ref }, /* @__PURE__ */ React87__namespace.default.createElement(
1298
1298
  react.Box,
1299
1299
  {
1300
1300
  borderRadius: "xs",
@@ -1312,12 +1312,12 @@ var init_FormErrorMessage = __esm({
1312
1312
  ...errorMessageProps,
1313
1313
  ...boxProps
1314
1314
  },
1315
- /* @__PURE__ */ React88__namespace.default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
1315
+ /* @__PURE__ */ React87__namespace.default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
1316
1316
  children
1317
1317
  ));
1318
1318
  };
1319
1319
  Arrow = (props) => {
1320
- return /* @__PURE__ */ React88__namespace.default.createElement(
1320
+ return /* @__PURE__ */ React87__namespace.default.createElement(
1321
1321
  react.Box,
1322
1322
  {
1323
1323
  ...props,
@@ -1328,7 +1328,7 @@ var init_FormErrorMessage = __esm({
1328
1328
  fill: "none",
1329
1329
  transform: "rotate(45deg)"
1330
1330
  },
1331
- /* @__PURE__ */ React88__namespace.default.createElement(
1331
+ /* @__PURE__ */ React87__namespace.default.createElement(
1332
1332
  react.Box,
1333
1333
  {
1334
1334
  as: "path",
@@ -1344,7 +1344,7 @@ exports.FormLabel = void 0;
1344
1344
  var init_FormLabel = __esm({
1345
1345
  "src/input/FormLabel.tsx"() {
1346
1346
  exports.FormLabel = react.forwardRef((props, ref) => {
1347
- return /* @__PURE__ */ React88__namespace.default.createElement(react.FormLabel, { ...props, ref });
1347
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.FormLabel, { ...props, ref });
1348
1348
  });
1349
1349
  }
1350
1350
  });
@@ -1357,7 +1357,7 @@ function ListBox({
1357
1357
  }) {
1358
1358
  const { listBoxProps } = reactAria.useListBox(props, state2, listBoxRef);
1359
1359
  const styles3 = react.useMultiStyleConfig("ListBox", {});
1360
- return /* @__PURE__ */ React88__namespace.default.createElement(
1360
+ return /* @__PURE__ */ React87__namespace.default.createElement(
1361
1361
  react.List,
1362
1362
  {
1363
1363
  ...listBoxProps,
@@ -1368,22 +1368,22 @@ function ListBox({
1368
1368
  },
1369
1369
  state2.collection.size === 0 && props.emptyContent,
1370
1370
  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 })
1371
+ (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
1372
  )
1373
1373
  );
1374
1374
  }
1375
1375
  function ItemLabel({ children }) {
1376
1376
  let { labelProps } = useOptionContext();
1377
1377
  const styles3 = react.useMultiStyleConfig("ListBox", {});
1378
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { ...labelProps, sx: styles3.label }, children);
1378
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...labelProps, sx: styles3.label }, children);
1379
1379
  }
1380
1380
  function ItemDescription({ children }) {
1381
1381
  let { descriptionProps } = useOptionContext();
1382
1382
  const styles3 = react.useMultiStyleConfig("ListBox", {});
1383
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { ...descriptionProps, sx: styles3.description }, children);
1383
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...descriptionProps, sx: styles3.description }, children);
1384
1384
  }
1385
1385
  function Option({ item, state: state2 }) {
1386
- const ref = React88.useRef(null);
1386
+ const ref = React87.useRef(null);
1387
1387
  const {
1388
1388
  optionProps,
1389
1389
  isSelected,
@@ -1403,7 +1403,7 @@ function Option({ item, state: state2 }) {
1403
1403
  if (isFocused) {
1404
1404
  dataFields["data-focus"] = true;
1405
1405
  }
1406
- React88.useEffect(() => {
1406
+ React87.useEffect(() => {
1407
1407
  var _a6;
1408
1408
  (_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
1409
1409
  "touchend",
@@ -1413,7 +1413,7 @@ function Option({ item, state: state2 }) {
1413
1413
  { passive: false, once: true }
1414
1414
  );
1415
1415
  }, []);
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));
1416
+ 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
1417
  }
1418
1418
  function ListBoxSection({ section, state: state2 }) {
1419
1419
  const { itemProps, headingProps, groupProps } = reactAria.useListBoxSection({
@@ -1422,7 +1422,7 @@ function ListBoxSection({ section, state: state2 }) {
1422
1422
  });
1423
1423
  const isFirstSection = section.key === state2.collection.getFirstKey();
1424
1424
  const titleColor = react.useColorModeValue("darkGrey", "white");
1425
- return /* @__PURE__ */ React88__namespace.default.createElement(react.ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React88__namespace.default.createElement(
1425
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.ListItem, { ...itemProps }, section.rendered && /* @__PURE__ */ React87__namespace.default.createElement(
1426
1426
  react.Box,
1427
1427
  {
1428
1428
  fontSize: "mobile.xs",
@@ -1435,19 +1435,19 @@ function ListBoxSection({ section, state: state2 }) {
1435
1435
  ...headingProps
1436
1436
  },
1437
1437
  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 })
1438
+ ), /* @__PURE__ */ React87__namespace.default.createElement(react.List, { ...groupProps, padding: 0, listStyleType: "none" }, Array.from(state2.collection.getChildren(section.key)).map(
1439
+ (item) => /* @__PURE__ */ React87__namespace.default.createElement(Option, { key: item.key, item, state: state2 })
1440
1440
  )));
1441
1441
  }
1442
1442
  var OptionContext, useOptionContext;
1443
1443
  var init_ListBox = __esm({
1444
1444
  "src/input/ListBox.tsx"() {
1445
- OptionContext = React88__namespace.default.createContext({
1445
+ OptionContext = React87__namespace.default.createContext({
1446
1446
  labelProps: {},
1447
1447
  descriptionProps: {}
1448
1448
  });
1449
1449
  useOptionContext = () => {
1450
- return React88.useContext(OptionContext);
1450
+ return React87.useContext(OptionContext);
1451
1451
  };
1452
1452
  }
1453
1453
  });
@@ -1467,8 +1467,8 @@ function InfoSelect({
1467
1467
  ...props
1468
1468
  };
1469
1469
  const state2 = reactStately.useSelectState(renamedProps);
1470
- const triggerRef = React88.useRef(null);
1471
- const listboxRef = React88.useRef(null);
1470
+ const triggerRef = React87.useRef(null);
1471
+ const listboxRef = React87.useRef(null);
1472
1472
  const { labelProps, triggerProps, valueProps, menuProps } = reactAria.useSelect(
1473
1473
  renamedProps,
1474
1474
  state2,
@@ -1485,7 +1485,7 @@ function InfoSelect({
1485
1485
  const { t: t2 } = useTranslation();
1486
1486
  const formControl = react.useFormControlProps(props);
1487
1487
  const hasChosenValue = state2.selectedItem !== null;
1488
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React88__namespace.default.createElement(
1488
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React87__namespace.default.createElement(
1489
1489
  reactAria.HiddenSelect,
1490
1490
  {
1491
1491
  state: state2,
@@ -1493,7 +1493,7 @@ function InfoSelect({
1493
1493
  label: props.label,
1494
1494
  name: props.name
1495
1495
  }
1496
- ), /* @__PURE__ */ React88__namespace.default.createElement(
1496
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
1497
1497
  react.chakra.button,
1498
1498
  {
1499
1499
  type: "button",
@@ -1504,7 +1504,7 @@ function InfoSelect({
1504
1504
  "aria-invalid": formControl.isInvalid,
1505
1505
  "aria-describedby": formControl["aria-describedby"]
1506
1506
  },
1507
- /* @__PURE__ */ React88__namespace.default.createElement(react.chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React88__namespace.default.createElement(
1507
+ /* @__PURE__ */ React87__namespace.default.createElement(react.chakra.div, { sx: styles3.innerButton }, /* @__PURE__ */ React87__namespace.default.createElement(
1508
1508
  react.chakra.div,
1509
1509
  {
1510
1510
  ...labelProps,
@@ -1518,27 +1518,27 @@ function InfoSelect({
1518
1518
  }
1519
1519
  },
1520
1520
  props.label
1521
- ), /* @__PURE__ */ React88__namespace.default.createElement(
1521
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
1522
1522
  react.Box,
1523
1523
  {
1524
1524
  ...valueProps,
1525
- h: !hasChosenValue ? "0px" : "18px",
1525
+ h: isLabelSrOnly ? "" : !hasChosenValue ? "0px" : "18px",
1526
1526
  hidden: !hasChosenValue,
1527
- transform: "scale(1) translateY(-10px)",
1527
+ transform: isLabelSrOnly ? "" : "scale(1) translateY(-10px)",
1528
1528
  transitionProperty: "var(--spor-transition-property-common)",
1529
1529
  transitionDuration: "var(--spor-transition-duration-normal)"
1530
1530
  },
1531
1531
  state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts.selectAnOption)
1532
1532
  )),
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(
1533
+ /* @__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))
1534
+ ), state2.isOpen && /* @__PURE__ */ React87__namespace.default.createElement(
1535
1535
  Popover,
1536
1536
  {
1537
1537
  state: state2,
1538
1538
  triggerRef,
1539
1539
  containerPadding: 0
1540
1540
  },
1541
- /* @__PURE__ */ React88__namespace.default.createElement(
1541
+ /* @__PURE__ */ React87__namespace.default.createElement(
1542
1542
  ListBox,
1543
1543
  {
1544
1544
  ...menuProps,
@@ -1572,9 +1572,9 @@ var init_Input = __esm({
1572
1572
  exports.Input = react.forwardRef(
1573
1573
  ({ label, leftIcon, rightIcon, id, size: size2, ...props }, ref) => {
1574
1574
  const formControlProps = react.useFormControlContext();
1575
- const fallbackId = `input-${React88.useId()}`;
1575
+ const fallbackId = `input-${React87.useId()}`;
1576
1576
  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(
1577
+ 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
1578
  react.Input,
1579
1579
  {
1580
1580
  "data-attachable": true,
@@ -1585,7 +1585,7 @@ var init_Input = __esm({
1585
1585
  ref,
1586
1586
  placeholder: " "
1587
1587
  }
1588
- ), /* @__PURE__ */ React88__namespace.default.createElement(react.FormLabel, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React88__namespace.default.createElement(react.InputRightElement, { pointerEvents: "none" }, rightIcon));
1588
+ ), /* @__PURE__ */ React87__namespace.default.createElement(react.FormLabel, { htmlFor: inputId }, label), rightIcon && /* @__PURE__ */ React87__namespace.default.createElement(react.InputRightElement, { pointerEvents: "none" }, rightIcon));
1589
1589
  }
1590
1590
  );
1591
1591
  }
@@ -1594,10 +1594,10 @@ exports.InputLeftElement = void 0; exports.InputRightElement = void 0;
1594
1594
  var init_InputElement = __esm({
1595
1595
  "src/input/InputElement.tsx"() {
1596
1596
  exports.InputLeftElement = react.forwardRef(
1597
- (props, ref) => /* @__PURE__ */ React88__namespace.default.createElement(react.InputLeftElement, { ...props, ref })
1597
+ (props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.InputLeftElement, { ...props, ref })
1598
1598
  );
1599
1599
  exports.InputRightElement = react.forwardRef(
1600
- (props, ref) => /* @__PURE__ */ React88__namespace.default.createElement(react.InputRightElement, { ...props, ref })
1600
+ (props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.InputRightElement, { ...props, ref })
1601
1601
  );
1602
1602
  }
1603
1603
  });
@@ -1608,7 +1608,7 @@ var init_NativeSelect = __esm({
1608
1608
  exports.NativeSelect = react.forwardRef(
1609
1609
  ({ label, ...props }, ref) => {
1610
1610
  const styles3 = react.useMultiStyleConfig("Select", props);
1611
- return /* @__PURE__ */ React88__namespace.default.createElement(exports.FormControl, null, /* @__PURE__ */ React88__namespace.default.createElement(
1611
+ return /* @__PURE__ */ React87__namespace.default.createElement(exports.FormControl, null, /* @__PURE__ */ React87__namespace.default.createElement(
1612
1612
  react.Select,
1613
1613
  {
1614
1614
  "data-attachable": true,
@@ -1616,7 +1616,7 @@ var init_NativeSelect = __esm({
1616
1616
  rootProps: { __css: styles3.root },
1617
1617
  ref
1618
1618
  }
1619
- ), label && /* @__PURE__ */ React88__namespace.default.createElement(exports.FormLabel, null, label));
1619
+ ), label && /* @__PURE__ */ React87__namespace.default.createElement(exports.FormLabel, null, label));
1620
1620
  }
1621
1621
  );
1622
1622
  }
@@ -1644,17 +1644,17 @@ function NumericStepper({
1644
1644
  });
1645
1645
  const formControlProps = react.useFormControl({ id: idProp, isDisabled });
1646
1646
  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(
1647
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { __css: styles3.container, ...boxProps }, /* @__PURE__ */ React87__namespace.default.createElement(
1648
1648
  VerySmallButton,
1649
1649
  {
1650
- icon: /* @__PURE__ */ React88__namespace.default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
1650
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(SubtractIcon, { stepLabel: clampedStepSize }),
1651
1651
  "aria-label": t2(texts2.decrementButtonAriaLabel(clampedStepSize)),
1652
1652
  onClick: () => onChange(Math.max(value - clampedStepSize, minValue)),
1653
1653
  visibility: value <= minValue ? "hidden" : "visible",
1654
1654
  isDisabled: formControlProps.disabled,
1655
1655
  id: value <= minValue ? void 0 : formControlProps.id
1656
1656
  }
1657
- ), withInput ? /* @__PURE__ */ React88__namespace.default.createElement(
1657
+ ), withInput ? /* @__PURE__ */ React87__namespace.default.createElement(
1658
1658
  react.chakra.input,
1659
1659
  {
1660
1660
  type: "number",
@@ -1677,7 +1677,7 @@ function NumericStepper({
1677
1677
  onChange(Math.max(Math.min(numericInput, maxValue), minValue));
1678
1678
  }
1679
1679
  }
1680
- ) : /* @__PURE__ */ React88__namespace.default.createElement(
1680
+ ) : /* @__PURE__ */ React87__namespace.default.createElement(
1681
1681
  react.chakra.text,
1682
1682
  {
1683
1683
  sx: styles3.text,
@@ -1685,10 +1685,10 @@ function NumericStepper({
1685
1685
  "aria-label": value.toString()
1686
1686
  },
1687
1687
  value
1688
- ), /* @__PURE__ */ React88__namespace.default.createElement(
1688
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
1689
1689
  VerySmallButton,
1690
1690
  {
1691
- icon: /* @__PURE__ */ React88__namespace.default.createElement(AddIcon, { stepLabel: clampedStepSize }),
1691
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(AddIcon, { stepLabel: clampedStepSize }),
1692
1692
  "aria-label": t2(texts2.incrementButtonAriaLabel(clampedStepSize)),
1693
1693
  onClick: () => onChange(Math.min(value + clampedStepSize, maxValue)),
1694
1694
  visibility: value >= maxValue ? "hidden" : "visible",
@@ -1703,9 +1703,9 @@ var init_NumericStepper = __esm({
1703
1703
  init_src();
1704
1704
  VerySmallButton = (props) => {
1705
1705
  const styles3 = react.useMultiStyleConfig("NumericStepper", {});
1706
- return /* @__PURE__ */ React88__namespace.default.createElement(exports.IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
1706
+ return /* @__PURE__ */ React87__namespace.default.createElement(exports.IconButton, { variant: "primary", size: "xs", sx: styles3.button, ...props });
1707
1707
  };
1708
- SubtractIcon = (props) => /* @__PURE__ */ React88__namespace.default.createElement(React88__namespace.default.Fragment, null, /* @__PURE__ */ React88__namespace.default.createElement(
1708
+ SubtractIcon = (props) => /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, /* @__PURE__ */ React87__namespace.default.createElement(
1709
1709
  react.Box,
1710
1710
  {
1711
1711
  as: "svg",
@@ -1715,7 +1715,7 @@ var init_NumericStepper = __esm({
1715
1715
  stroke: "currentColor",
1716
1716
  ...props
1717
1717
  },
1718
- /* @__PURE__ */ React88__namespace.default.createElement(
1718
+ /* @__PURE__ */ React87__namespace.default.createElement(
1719
1719
  "line",
1720
1720
  {
1721
1721
  x1: "9",
@@ -1726,8 +1726,8 @@ var init_NumericStepper = __esm({
1726
1726
  strokeLinecap: "round"
1727
1727
  }
1728
1728
  )
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(
1729
+ ), props.stepLabel > 1 && /* @__PURE__ */ React87__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
1730
+ AddIcon = (props) => /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, /* @__PURE__ */ React87__namespace.default.createElement(
1731
1731
  react.Box,
1732
1732
  {
1733
1733
  as: "svg",
@@ -1737,7 +1737,7 @@ var init_NumericStepper = __esm({
1737
1737
  stroke: "currentColor",
1738
1738
  ...props
1739
1739
  },
1740
- /* @__PURE__ */ React88__namespace.default.createElement(
1740
+ /* @__PURE__ */ React87__namespace.default.createElement(
1741
1741
  "line",
1742
1742
  {
1743
1743
  x1: "9",
@@ -1748,7 +1748,7 @@ var init_NumericStepper = __esm({
1748
1748
  strokeLinecap: "round"
1749
1749
  }
1750
1750
  ),
1751
- /* @__PURE__ */ React88__namespace.default.createElement(
1751
+ /* @__PURE__ */ React87__namespace.default.createElement(
1752
1752
  "line",
1753
1753
  {
1754
1754
  x1: "15",
@@ -1759,7 +1759,7 @@ var init_NumericStepper = __esm({
1759
1759
  strokeLinecap: "round"
1760
1760
  }
1761
1761
  )
1762
- ), props.stepLabel > 1 && /* @__PURE__ */ React88__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
1762
+ ), props.stepLabel > 1 && /* @__PURE__ */ React87__namespace.default.createElement(react.chakra.span, { paddingRight: "1" }, props.stepLabel.toString()));
1763
1763
  texts2 = createTexts({
1764
1764
  decrementButtonAriaLabel(stepSize) {
1765
1765
  return {
@@ -1790,9 +1790,9 @@ var init_PasswordInput = __esm({
1790
1790
  const { isOpen: isShowingPassword, onToggle } = react.useDisclosure();
1791
1791
  const { t: t2 } = useTranslation();
1792
1792
  const formControlProps = react.useFormControlContext();
1793
- const autoGeneratedId = `password-input-${React88.useId()}`;
1793
+ const autoGeneratedId = `password-input-${React87.useId()}`;
1794
1794
  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(
1795
+ 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
1796
  react.Input,
1797
1797
  {
1798
1798
  ...props,
@@ -1804,7 +1804,7 @@ var init_PasswordInput = __esm({
1804
1804
  ref,
1805
1805
  "data-attachable": true
1806
1806
  }
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(
1807
+ ), /* @__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
1808
  react.Button,
1809
1809
  {
1810
1810
  variant: "ghost",
@@ -1861,7 +1861,7 @@ var init_CountryCodeSelect = __esm({
1861
1861
  callingCodes = [...prioritizedCountryCodes, ...sortedCallingCodes];
1862
1862
  CountryCodeSelect = (props) => {
1863
1863
  const { t: t2 } = useTranslation();
1864
- return /* @__PURE__ */ React88__namespace.default.createElement(
1864
+ return /* @__PURE__ */ React87__namespace.default.createElement(
1865
1865
  InfoSelect,
1866
1866
  {
1867
1867
  label: t2(texts4.countryCode),
@@ -1869,7 +1869,7 @@ var init_CountryCodeSelect = __esm({
1869
1869
  items: callingCodes,
1870
1870
  ...props
1871
1871
  },
1872
- (item) => /* @__PURE__ */ React88__namespace.default.createElement(reactStately.Item, { key: item.key }, item.key)
1872
+ (item) => /* @__PURE__ */ React87__namespace.default.createElement(reactStately.Item, { key: item.key }, item.key)
1873
1873
  );
1874
1874
  };
1875
1875
  CountryCodeSelect_default = CountryCodeSelect;
@@ -1906,10 +1906,10 @@ var init_PhoneNumberInput = __esm({
1906
1906
  nationalNumber: ""
1907
1907
  }
1908
1908
  });
1909
- return /* @__PURE__ */ React88__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React88__namespace.default.createElement(
1910
- React88.Suspense,
1909
+ return /* @__PURE__ */ React87__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React87__namespace.default.createElement(
1910
+ React87.Suspense,
1911
1911
  {
1912
- fallback: /* @__PURE__ */ React88__namespace.default.createElement(
1912
+ fallback: /* @__PURE__ */ React87__namespace.default.createElement(
1913
1913
  InfoSelect,
1914
1914
  {
1915
1915
  isLabelSrOnly: true,
@@ -1918,10 +1918,10 @@ var init_PhoneNumberInput = __esm({
1918
1918
  height: "100%",
1919
1919
  value: "+47"
1920
1920
  },
1921
- /* @__PURE__ */ React88__namespace.default.createElement(reactStately.Item, { key: "+47" }, "+47")
1921
+ /* @__PURE__ */ React87__namespace.default.createElement(reactStately.Item, { key: "+47" }, "+47")
1922
1922
  )
1923
1923
  },
1924
- /* @__PURE__ */ React88__namespace.default.createElement(
1924
+ /* @__PURE__ */ React87__namespace.default.createElement(
1925
1925
  LazyCountryCodeSelect,
1926
1926
  {
1927
1927
  value: value.countryCode,
@@ -1934,7 +1934,7 @@ var init_PhoneNumberInput = __esm({
1934
1934
  width: "6.25rem"
1935
1935
  }
1936
1936
  )
1937
- ), /* @__PURE__ */ React88__namespace.default.createElement(
1937
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
1938
1938
  exports.Input,
1939
1939
  {
1940
1940
  ref,
@@ -1969,14 +1969,14 @@ var init_PhoneNumberInput = __esm({
1969
1969
  sv: "Landskod"
1970
1970
  }
1971
1971
  });
1972
- LazyCountryCodeSelect = React88__namespace.default.lazy(() => Promise.resolve().then(() => (init_CountryCodeSelect(), CountryCodeSelect_exports)));
1972
+ LazyCountryCodeSelect = React87__namespace.default.lazy(() => Promise.resolve().then(() => (init_CountryCodeSelect(), CountryCodeSelect_exports)));
1973
1973
  }
1974
1974
  });
1975
1975
  exports.Radio = void 0;
1976
1976
  var init_Radio = __esm({
1977
1977
  "src/input/Radio.tsx"() {
1978
1978
  exports.Radio = react.forwardRef((props, ref) => {
1979
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Radio, { ...props, ref });
1979
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Radio, { ...props, ref });
1980
1980
  });
1981
1981
  }
1982
1982
  });
@@ -1985,7 +1985,7 @@ var init_RadioGroup = __esm({
1985
1985
  "src/input/RadioGroup.tsx"() {
1986
1986
  exports.RadioGroup = react.forwardRef(
1987
1987
  ({ 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));
1988
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.RadioGroup, { ...rest, ref }, /* @__PURE__ */ React87__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
1989
1989
  }
1990
1990
  );
1991
1991
  }
@@ -2000,9 +2000,9 @@ var init_SearchInput = __esm({
2000
2000
  const { t: t2 } = useTranslation();
2001
2001
  const showClearButton = onReset && Boolean(props.value);
2002
2002
  const formControlProps = react.useFormControlContext();
2003
- const autoGeneratedId = React88.useId();
2003
+ const autoGeneratedId = React87.useId();
2004
2004
  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(
2005
+ 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
2006
  react.Input,
2007
2007
  {
2008
2008
  paddingLeft: 7,
@@ -2019,7 +2019,7 @@ var init_SearchInput = __esm({
2019
2019
  placeholder: " ",
2020
2020
  "data-attachable": true
2021
2021
  }
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(
2022
+ ), /* @__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
2023
  react.IconButton,
2024
2024
  {
2025
2025
  variant: "ghost",
@@ -2027,7 +2027,7 @@ var init_SearchInput = __esm({
2027
2027
  size: "sm",
2028
2028
  marginRight: 1,
2029
2029
  "aria-label": t2(texts6.reset),
2030
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
2030
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
2031
2031
  onClick: onReset
2032
2032
  }
2033
2033
  )));
@@ -2054,7 +2054,7 @@ var init_Switch = __esm({
2054
2054
  "src/input/Switch.tsx"() {
2055
2055
  exports.Switch = react.forwardRef(
2056
2056
  ({ size: size2 = "md", ...props }, ref) => {
2057
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Switch, { size: size2, ...props, ref });
2057
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Switch, { size: size2, ...props, ref });
2058
2058
  }
2059
2059
  );
2060
2060
  }
@@ -2126,9 +2126,9 @@ var init_Textarea = __esm({
2126
2126
  remainingProps: { label, ...rest }
2127
2127
  } = getSpacingProps(props);
2128
2128
  const formControlProps = react.useFormControlContext();
2129
- const fallbackId = `textarea-${React88.useId()}`;
2129
+ const fallbackId = `textarea-${React87.useId()}`;
2130
2130
  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));
2131
+ 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
2132
  });
2133
2133
  }
2134
2134
  });
@@ -2162,7 +2162,7 @@ exports.RadioCardGroupContext = void 0; exports.RadioCardGroup = void 0;
2162
2162
  var init_RadioCardGroup = __esm({
2163
2163
  "src/layout/RadioCardGroup.tsx"() {
2164
2164
  init_input();
2165
- exports.RadioCardGroupContext = React88__namespace.default.createContext(null);
2165
+ exports.RadioCardGroupContext = React87__namespace.default.createContext(null);
2166
2166
  exports.RadioCardGroup = ({
2167
2167
  children,
2168
2168
  name,
@@ -2173,14 +2173,14 @@ var init_RadioCardGroup = __esm({
2173
2173
  onChange,
2174
2174
  ...props
2175
2175
  }) => {
2176
- const [selectedValue, setSelectedValue] = React88.useState(
2176
+ const [selectedValue, setSelectedValue] = React87.useState(
2177
2177
  defaultValue || ""
2178
2178
  );
2179
2179
  const handleChange = (value) => {
2180
2180
  setSelectedValue(value);
2181
2181
  onChange && onChange(value);
2182
2182
  };
2183
- return /* @__PURE__ */ React88__namespace.default.createElement(
2183
+ return /* @__PURE__ */ React87__namespace.default.createElement(
2184
2184
  exports.RadioCardGroupContext.Provider,
2185
2185
  {
2186
2186
  value: {
@@ -2191,7 +2191,7 @@ var init_RadioCardGroup = __esm({
2191
2191
  defaultValue: defaultValue || ""
2192
2192
  }
2193
2193
  },
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)
2194
+ /* @__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
2195
  );
2196
2196
  };
2197
2197
  }
@@ -2202,7 +2202,7 @@ var init_RadioCard = __esm({
2202
2202
  init_RadioCardGroup();
2203
2203
  exports.RadioCard = react.forwardRef(
2204
2204
  ({ children, value, isDisabled, ...props }, ref) => {
2205
- const context = React88.useContext(exports.RadioCardGroupContext);
2205
+ const context = React87.useContext(exports.RadioCardGroupContext);
2206
2206
  if (!context) {
2207
2207
  throw new Error(
2208
2208
  "RadioCard components must be wrapped in a RadioCardGroup component"
@@ -2210,10 +2210,10 @@ var init_RadioCard = __esm({
2210
2210
  }
2211
2211
  const { name, selectedValue, onChange, variant } = context;
2212
2212
  const styles3 = react.useMultiStyleConfig("RadioCard", { variant });
2213
- const [isKeyboardUser, setKeyboardUser] = React88.useState(false);
2214
- const [isFocused, setFocus] = React88.useState(false);
2213
+ const [isKeyboardUser, setKeyboardUser] = React87.useState(false);
2214
+ const [isFocused, setFocus] = React87.useState(false);
2215
2215
  const isChecked = selectedValue === value;
2216
- React88.useEffect(() => {
2216
+ React87.useEffect(() => {
2217
2217
  const handleMouseDown = () => setKeyboardUser(false);
2218
2218
  const handleKeyDown = (event) => {
2219
2219
  if (event.key === " ") {
@@ -2229,21 +2229,21 @@ var init_RadioCard = __esm({
2229
2229
  window.removeEventListener("keydown", handleKeyDown);
2230
2230
  };
2231
2231
  }, []);
2232
- React88.useEffect(() => {
2232
+ React87.useEffect(() => {
2233
2233
  if (isKeyboardUser && isChecked) {
2234
2234
  setFocus(true);
2235
2235
  } else {
2236
2236
  setFocus(false);
2237
2237
  }
2238
2238
  }, [isKeyboardUser, isChecked]);
2239
- const inputId = `radio-card-${React88.useId()}`;
2240
- return /* @__PURE__ */ React88__namespace.default.createElement(
2239
+ const inputId = `radio-card-${React87.useId()}`;
2240
+ return /* @__PURE__ */ React87__namespace.default.createElement(
2241
2241
  react.Box,
2242
2242
  {
2243
2243
  onFocus: () => isKeyboardUser && setFocus(true),
2244
2244
  onBlur: () => setFocus(false)
2245
2245
  },
2246
- /* @__PURE__ */ React88__namespace.default.createElement(
2246
+ /* @__PURE__ */ React87__namespace.default.createElement(
2247
2247
  react.chakra.input,
2248
2248
  {
2249
2249
  type: "radio",
@@ -2256,7 +2256,7 @@ var init_RadioCard = __esm({
2256
2256
  __css: styles3.radioInput
2257
2257
  }
2258
2258
  ),
2259
- /* @__PURE__ */ React88__namespace.default.createElement(
2259
+ /* @__PURE__ */ React87__namespace.default.createElement(
2260
2260
  react.Box,
2261
2261
  {
2262
2262
  as: "label",
@@ -2288,7 +2288,7 @@ var init_StaticCard = __esm({
2288
2288
  const styles3 = react.useStyleConfig("StaticCard", {
2289
2289
  colorScheme
2290
2290
  });
2291
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
2291
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
2292
2292
  }
2293
2293
  );
2294
2294
  }
@@ -2301,7 +2301,7 @@ var init_PressableCard = __esm({
2301
2301
  const styles3 = react.useStyleConfig("PressableCard", {
2302
2302
  variant
2303
2303
  });
2304
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
2304
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
2305
2305
  }
2306
2306
  );
2307
2307
  }
@@ -2319,15 +2319,15 @@ var init_layout = __esm({
2319
2319
  var AccordionContext, AccordionProvider, useAccordionContext;
2320
2320
  var init_AccordionContext = __esm({
2321
2321
  "src/accordion/AccordionContext.tsx"() {
2322
- AccordionContext = React88__namespace.default.createContext(null);
2322
+ AccordionContext = React87__namespace.default.createContext(null);
2323
2323
  AccordionProvider = ({
2324
2324
  size: size2,
2325
2325
  ...props
2326
2326
  }) => {
2327
- return /* @__PURE__ */ React88__namespace.default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
2327
+ return /* @__PURE__ */ React87__namespace.default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
2328
2328
  };
2329
2329
  useAccordionContext = () => {
2330
- const context = React88__namespace.default.useContext(AccordionContext);
2330
+ const context = React87__namespace.default.useContext(AccordionContext);
2331
2331
  if (context === null) {
2332
2332
  throw new Error(
2333
2333
  "useAccordionContext must be used within AccordionProvider"
@@ -2345,14 +2345,14 @@ var init_Accordion = __esm({
2345
2345
  exports.Accordion = react.forwardRef(
2346
2346
  ({ children, spacing: spacing3 = 2, ...props }, ref) => {
2347
2347
  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(
2348
+ return /* @__PURE__ */ React87__namespace.default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React87__namespace.default.createElement(
2349
2349
  react.Accordion,
2350
2350
  {
2351
2351
  ...props,
2352
2352
  ref,
2353
2353
  defaultIndex
2354
2354
  },
2355
- /* @__PURE__ */ React88__namespace.default.createElement(exports.Stack, { spacing: spacing3 }, children)
2355
+ /* @__PURE__ */ React87__namespace.default.createElement(exports.Stack, { spacing: spacing3 }, children)
2356
2356
  ));
2357
2357
  }
2358
2358
  );
@@ -2375,7 +2375,7 @@ var init_Expandable = __esm({
2375
2375
  },
2376
2376
  ...rest
2377
2377
  }) => {
2378
- return /* @__PURE__ */ React88__namespace.default.createElement(
2378
+ return /* @__PURE__ */ React87__namespace.default.createElement(
2379
2379
  exports.Accordion,
2380
2380
  {
2381
2381
  ...rest,
@@ -2385,7 +2385,7 @@ var init_Expandable = __esm({
2385
2385
  size: size2,
2386
2386
  onChange: (expandedIndex) => onChange(expandedIndex === 0)
2387
2387
  },
2388
- /* @__PURE__ */ React88__namespace.default.createElement(
2388
+ /* @__PURE__ */ React87__namespace.default.createElement(
2389
2389
  exports.ExpandableItem,
2390
2390
  {
2391
2391
  headingLevel,
@@ -2405,7 +2405,7 @@ var init_Expandable = __esm({
2405
2405
  }) => {
2406
2406
  const { size: size2 } = useAccordionContext();
2407
2407
  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));
2408
+ 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
2409
  };
2410
2410
  warnAboutMismatchingIcon = ({ icon, size: size2 }) => {
2411
2411
  var _a6, _b5;
@@ -2456,10 +2456,10 @@ function LanguageProvider({
2456
2456
  language,
2457
2457
  children
2458
2458
  }) {
2459
- return /* @__PURE__ */ React88__namespace.default.createElement(LanguageContext.Provider, { value: language }, children);
2459
+ return /* @__PURE__ */ React87__namespace.default.createElement(LanguageContext.Provider, { value: language }, children);
2460
2460
  }
2461
2461
  function useLanguage() {
2462
- const language = React88.useContext(LanguageContext);
2462
+ const language = React87.useContext(LanguageContext);
2463
2463
  if (!language) {
2464
2464
  throw new Error("Please wrap your application in a LanguageProvider");
2465
2465
  }
@@ -2485,12 +2485,12 @@ var init_i18n = __esm({
2485
2485
  Language3["English"] = "en";
2486
2486
  return Language3;
2487
2487
  })(exports.Language || {});
2488
- LanguageContext = React88.createContext(void 0);
2488
+ LanguageContext = React87.createContext(void 0);
2489
2489
  }
2490
2490
  });
2491
2491
  function useHydrated() {
2492
- let [hydrated, setHydrated] = React88.useState(() => !hydrating);
2493
- React88.useEffect(function hydrate() {
2492
+ let [hydrated, setHydrated] = React87.useState(() => !hydrating);
2493
+ React87.useEffect(function hydrate() {
2494
2494
  hydrating = false;
2495
2495
  setHydrated(true);
2496
2496
  }, []);
@@ -2508,106 +2508,29 @@ var init_ClientOnly = __esm({
2508
2508
  init_useHydrated();
2509
2509
  ClientOnly = ({ children, fallback = null }) => {
2510
2510
  const isHydrated = useHydrated();
2511
- return /* @__PURE__ */ React88__namespace.default.createElement(React88__namespace.default.Fragment, null, isHydrated ? children() : fallback);
2511
+ return /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, isHydrated ? children() : fallback);
2512
2512
  };
2513
2513
  }
2514
2514
  });
2515
2515
  function Lottie({ animationData }) {
2516
2516
  const { View } = lottieReact.useLottie({ animationData, loop: true });
2517
- return /* @__PURE__ */ React88__namespace.default.createElement(React88__namespace.default.Fragment, null, View);
2517
+ return /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, View);
2518
2518
  }
2519
2519
  var init_Lottie = __esm({
2520
2520
  "src/loader/Lottie.tsx"() {
2521
2521
  }
2522
2522
  });
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
2523
  exports.ColorInlineLoader = void 0;
2594
2524
  var init_ColorInlineLoader = __esm({
2595
2525
  "src/loader/ColorInlineLoader.tsx"() {
2596
2526
  init_ClientOnly();
2597
2527
  init_Lottie();
2598
- init_pride();
2599
2528
  exports.ColorInlineLoader = ({
2600
2529
  width,
2601
2530
  maxWidth,
2602
2531
  ...props
2603
2532
  }) => {
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
- ))));
2533
+ 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
2534
  };
2612
2535
  }
2613
2536
  });
@@ -2616,20 +2539,13 @@ var init_ColorSpinner = __esm({
2616
2539
  "src/loader/ColorSpinner.tsx"() {
2617
2540
  init_ClientOnly();
2618
2541
  init_Lottie();
2619
- init_PrideProvider();
2620
2542
  exports.ColorSpinner = ({
2621
2543
  children,
2622
2544
  width,
2623
2545
  maxWidth,
2624
2546
  ...props
2625
2547
  }) => {
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));
2548
+ 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
2549
  };
2634
2550
  }
2635
2551
  });
@@ -2638,15 +2554,8 @@ var init_ContentLoader = __esm({
2638
2554
  "src/loader/ContentLoader.tsx"() {
2639
2555
  init_ClientOnly();
2640
2556
  init_Lottie();
2641
- init_PrideProvider();
2642
2557
  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));
2558
+ 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
2559
  };
2651
2560
  }
2652
2561
  });
@@ -2660,7 +2569,7 @@ var init_DarkFullScreenLoader = __esm({
2660
2569
  maxWidth,
2661
2570
  ...props
2662
2571
  }) => {
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 }))));
2572
+ 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
2573
  };
2665
2574
  }
2666
2575
  });
@@ -2669,19 +2578,12 @@ var init_DarkInlineLoader = __esm({
2669
2578
  "src/loader/DarkInlineLoader.tsx"() {
2670
2579
  init_ClientOnly();
2671
2580
  init_Lottie();
2672
- init_PrideProvider();
2673
2581
  exports.DarkInlineLoader = ({
2674
2582
  width,
2675
2583
  maxWidth,
2676
2584
  ...props
2677
2585
  }) => {
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
- ))));
2586
+ 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
2587
  };
2686
2588
  }
2687
2589
  });
@@ -2699,7 +2601,7 @@ var init_DarkSpinner = __esm({
2699
2601
  }) => {
2700
2602
  const { colorMode } = react.useColorMode();
2701
2603
  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));
2604
+ 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
2605
  };
2704
2606
  }
2705
2607
  });
@@ -2708,19 +2610,12 @@ var init_LightFullScreenLoader = __esm({
2708
2610
  "src/loader/LightFullScreenLoader.tsx"() {
2709
2611
  init_ClientOnly();
2710
2612
  init_Lottie();
2711
- init_pride();
2712
2613
  exports.LightFullScreenLoader = ({
2713
2614
  width,
2714
2615
  maxWidth,
2715
2616
  ...props
2716
2617
  }) => {
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
- ))));
2618
+ 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
2619
  };
2725
2620
  }
2726
2621
  });
@@ -2729,19 +2624,12 @@ var init_LightInlineLoader = __esm({
2729
2624
  "src/loader/LightInlineLoader.tsx"() {
2730
2625
  init_ClientOnly();
2731
2626
  init_Lottie();
2732
- init_PrideProvider();
2733
2627
  exports.LightInlineLoader = ({
2734
2628
  width,
2735
2629
  maxWidth,
2736
2630
  ...props
2737
2631
  }) => {
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
- ))));
2632
+ 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
2633
  };
2746
2634
  }
2747
2635
  });
@@ -2756,7 +2644,7 @@ var init_LightSpinner = __esm({
2756
2644
  maxWidth,
2757
2645
  ...props
2758
2646
  }) => {
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));
2647
+ 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
2648
  };
2761
2649
  }
2762
2650
  });
@@ -2764,11 +2652,11 @@ var useRotatingLabel;
2764
2652
  var init_useRotatingLabel = __esm({
2765
2653
  "src/loader/useRotatingLabel.tsx"() {
2766
2654
  useRotatingLabel = ({ label, delay }) => {
2767
- const loadingTextArray = React88.useMemo(
2655
+ const loadingTextArray = React87.useMemo(
2768
2656
  () => Array.isArray(label) ? label : [label],
2769
2657
  [label]
2770
2658
  );
2771
- const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React88.useState(0);
2659
+ const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React87.useState(0);
2772
2660
  react.useInterval(() => {
2773
2661
  setCurrentLoadingTextIndex(
2774
2662
  (prevIndex) => (prevIndex + 1) % loadingTextArray.length
@@ -2803,7 +2691,7 @@ var init_ProgressBar = __esm({
2803
2691
  "aria-label": ariaLabel || t2(texts7.label(value))
2804
2692
  });
2805
2693
  const styles3 = react.useMultiStyleConfig("ProgressBar", {});
2806
- return /* @__PURE__ */ React88__namespace.default.createElement(React88__namespace.default.Fragment, null, /* @__PURE__ */ React88__namespace.default.createElement(
2694
+ return /* @__PURE__ */ React87__namespace.default.createElement(React87__namespace.default.Fragment, null, /* @__PURE__ */ React87__namespace.default.createElement(
2807
2695
  react.Box,
2808
2696
  {
2809
2697
  ...progressBarProps,
@@ -2811,8 +2699,8 @@ var init_ProgressBar = __esm({
2811
2699
  __css: styles3.container,
2812
2700
  ...rest
2813
2701
  },
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)
2702
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width, __css: styles3.background }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3.progress, height, width: `${value}%` })),
2703
+ currentLoadingText && /* @__PURE__ */ React87__namespace.default.createElement(react.Text, { sx: styles3.description, ...labelProps }, currentLoadingText)
2816
2704
  ));
2817
2705
  };
2818
2706
  texts7 = createTexts({
@@ -2849,11 +2737,11 @@ var init_ProgressLoader = __esm({
2849
2737
  value,
2850
2738
  "aria-label": ariaLabel ?? t2(texts8.fallbackLabel(value ?? "?"))
2851
2739
  });
2852
- const pathRef = React88.useRef(null);
2740
+ const pathRef = React87.useRef(null);
2853
2741
  const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
2854
2742
  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(
2743
+ const id = React87.useId();
2744
+ 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
2745
  react.Box,
2858
2746
  {
2859
2747
  as: "path",
@@ -2861,7 +2749,7 @@ var init_ProgressLoader = __esm({
2861
2749
  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
2750
  fill: "#FFB466"
2863
2751
  }
2864
- ), /* @__PURE__ */ React88__namespace.default.createElement(
2752
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
2865
2753
  react.Box,
2866
2754
  {
2867
2755
  as: "path",
@@ -2872,7 +2760,7 @@ var init_ProgressLoader = __esm({
2872
2760
  strokeLinecap: "round",
2873
2761
  strokeLinejoin: "round"
2874
2762
  }
2875
- ), /* @__PURE__ */ React88__namespace.default.createElement(
2763
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
2876
2764
  react.Box,
2877
2765
  {
2878
2766
  as: "path",
@@ -2887,7 +2775,7 @@ var init_ProgressLoader = __esm({
2887
2775
  transition: "stroke-dashoffset .2s ease-out",
2888
2776
  ref: pathRef
2889
2777
  }
2890
- ), /* @__PURE__ */ React88__namespace.default.createElement(
2778
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
2891
2779
  react.Box,
2892
2780
  {
2893
2781
  as: "path",
@@ -2895,7 +2783,7 @@ var init_ProgressLoader = __esm({
2895
2783
  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
2784
  fill: "#688CBA"
2897
2785
  }
2898
- )), currentLoadingText && /* @__PURE__ */ React88__namespace.default.createElement(
2786
+ )), currentLoadingText && /* @__PURE__ */ React87__namespace.default.createElement(
2899
2787
  react.Text,
2900
2788
  {
2901
2789
  textAlign: "center",
@@ -2919,19 +2807,19 @@ var init_ProgressLoader = __esm({
2919
2807
  exports.Skeleton = void 0;
2920
2808
  var init_Skeleton = __esm({
2921
2809
  "src/loader/Skeleton.tsx"() {
2922
- exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React88__namespace.default.createElement(react.Skeleton, { ...props, ref }));
2810
+ exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.Skeleton, { ...props, ref }));
2923
2811
  }
2924
2812
  });
2925
2813
  exports.SkeletonCircle = void 0;
2926
2814
  var init_SkeletonCircle = __esm({
2927
2815
  "src/loader/SkeletonCircle.tsx"() {
2928
- exports.SkeletonCircle = (props) => /* @__PURE__ */ React88__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
2816
+ exports.SkeletonCircle = (props) => /* @__PURE__ */ React87__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
2929
2817
  }
2930
2818
  });
2931
2819
  exports.SkeletonText = void 0;
2932
2820
  var init_SkeletonText = __esm({
2933
2821
  "src/loader/SkeletonText.tsx"() {
2934
- exports.SkeletonText = (props) => /* @__PURE__ */ React88__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
2822
+ exports.SkeletonText = (props) => /* @__PURE__ */ React87__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
2935
2823
  }
2936
2824
  });
2937
2825
 
@@ -3006,7 +2894,7 @@ var init_Button = __esm({
3006
2894
  if (fontWeight) {
3007
2895
  styles3.fontWeight = fontWeight;
3008
2896
  }
3009
- return /* @__PURE__ */ React88__namespace.default.createElement(
2897
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3010
2898
  react.Box,
3011
2899
  {
3012
2900
  ...rest,
@@ -3020,7 +2908,7 @@ var init_Button = __esm({
3020
2908
  position: "relative",
3021
2909
  fontFamily: "Vy Sans"
3022
2910
  },
3023
- isLoading && /* @__PURE__ */ React88__namespace.default.createElement(react.Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React88__namespace.default.createElement(
2911
+ isLoading && /* @__PURE__ */ React87__namespace.default.createElement(react.Center, { position: "absolute", right: 0, left: 0, top: 1, bottom: 0 }, /* @__PURE__ */ React87__namespace.default.createElement(
3024
2912
  exports.ColorInlineLoader,
3025
2913
  {
3026
2914
  maxWidth: getLoaderWidth(finalSize),
@@ -3029,7 +2917,7 @@ var init_Button = __esm({
3029
2917
  marginY: 2
3030
2918
  }
3031
2919
  )),
3032
- /* @__PURE__ */ React88__namespace.default.createElement(
2920
+ /* @__PURE__ */ React87__namespace.default.createElement(
3033
2921
  react.Flex,
3034
2922
  {
3035
2923
  gap: 1,
@@ -3039,7 +2927,7 @@ var init_Button = __esm({
3039
2927
  visibility: isLoading ? "hidden" : "visible",
3040
2928
  "aria-hidden": isLoading
3041
2929
  },
3042
- /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React88__namespace.default.createElement(
2930
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { gap: 1, alignItems: "center" }, leftIcon, /* @__PURE__ */ React87__namespace.default.createElement(
3043
2931
  react.Box,
3044
2932
  {
3045
2933
  visibility: isLoading ? "hidden" : "visible",
@@ -3065,7 +2953,7 @@ var init_Button = __esm({
3065
2953
  exports.ButtonGroup = void 0;
3066
2954
  var init_ButtonGroup = __esm({
3067
2955
  "src/button/ButtonGroup.tsx"() {
3068
- exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React88__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
2956
+ exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
3069
2957
  }
3070
2958
  });
3071
2959
  exports.IconButton = void 0;
@@ -3073,12 +2961,12 @@ var init_IconButton = __esm({
3073
2961
  "src/button/IconButton.tsx"() {
3074
2962
  init_src();
3075
2963
  exports.IconButton = react.forwardRef(
3076
- ({ ...props }, ref) => /* @__PURE__ */ React88__namespace.default.createElement(
2964
+ ({ ...props }, ref) => /* @__PURE__ */ React87__namespace.default.createElement(
3077
2965
  react.IconButton,
3078
2966
  {
3079
2967
  title: props["aria-label"],
3080
2968
  ...props,
3081
- spinner: /* @__PURE__ */ React88__namespace.default.createElement(exports.ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
2969
+ spinner: /* @__PURE__ */ React87__namespace.default.createElement(exports.ColorSpinner, { width: "80%", height: "80%", marginX: 1, marginTop: 1 }),
3082
2970
  ref
3083
2971
  }
3084
2972
  )
@@ -3093,7 +2981,7 @@ var init_CloseButton = __esm({
3093
2981
  exports.CloseButton = react.forwardRef(
3094
2982
  ({ size: size2 = "sm", ...props }, ref) => {
3095
2983
  const { t: t2 } = useTranslation();
3096
- return /* @__PURE__ */ React88__namespace.default.createElement(
2984
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3097
2985
  exports.IconButton,
3098
2986
  {
3099
2987
  ref,
@@ -3110,11 +2998,11 @@ var init_CloseButton = __esm({
3110
2998
  switch (size2) {
3111
2999
  case "xs":
3112
3000
  case "sm":
3113
- return /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
3001
+ return /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
3114
3002
  case "md":
3115
- return /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
3003
+ return /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
3116
3004
  case "lg":
3117
- return /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
3005
+ return /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
3118
3006
  }
3119
3007
  };
3120
3008
  texts10 = createTexts({
@@ -3141,11 +3029,11 @@ var init_FloatingActionButton = __esm({
3141
3029
  placement = "bottom right",
3142
3030
  ...props
3143
3031
  }, ref) => {
3144
- const [isTextVisible, setIsTextVisible] = React88__namespace.default.useState(
3032
+ const [isTextVisible, setIsTextVisible] = React87__namespace.default.useState(
3145
3033
  externalIsTextVisible !== void 0 ? externalIsTextVisible : false
3146
3034
  );
3147
3035
  const scrollDirection = useScrollDirection();
3148
- React88.useEffect(() => {
3036
+ React87.useEffect(() => {
3149
3037
  if (externalIsTextVisible !== void 0) {
3150
3038
  return;
3151
3039
  }
@@ -3155,7 +3043,7 @@ var init_FloatingActionButton = __esm({
3155
3043
  );
3156
3044
  return () => window.clearTimeout(id);
3157
3045
  }, [scrollDirection, externalIsTextVisible]);
3158
- React88.useEffect(() => {
3046
+ React87.useEffect(() => {
3159
3047
  setIsTextVisible(!!externalIsTextVisible);
3160
3048
  }, [externalIsTextVisible]);
3161
3049
  const style = react.useMultiStyleConfig("FloatingActionButton", {
@@ -3163,7 +3051,7 @@ var init_FloatingActionButton = __esm({
3163
3051
  isTextVisible,
3164
3052
  placement
3165
3053
  });
3166
- return /* @__PURE__ */ React88__namespace.default.createElement(
3054
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3167
3055
  MotionBox,
3168
3056
  {
3169
3057
  __css: style.container,
@@ -3171,8 +3059,8 @@ var init_FloatingActionButton = __esm({
3171
3059
  ref,
3172
3060
  ...props
3173
3061
  },
3174
- /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
3175
- /* @__PURE__ */ React88__namespace.default.createElement(
3062
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
3063
+ /* @__PURE__ */ React87__namespace.default.createElement(
3176
3064
  MotionBox,
3177
3065
  {
3178
3066
  animate: isTextVisible ? "show" : "hide",
@@ -3197,11 +3085,11 @@ var init_FloatingActionButton = __esm({
3197
3085
  }
3198
3086
  );
3199
3087
  useScrollDirection = () => {
3200
- const [scrollDirection, setScrollDirection] = React88__namespace.default.useState(null);
3201
- const lastScrollPosition = React88__namespace.default.useRef(
3088
+ const [scrollDirection, setScrollDirection] = React87__namespace.default.useState(null);
3089
+ const lastScrollPosition = React87__namespace.default.useRef(
3202
3090
  typeof window !== "undefined" ? window.scrollY : 0
3203
3091
  );
3204
- React88__namespace.default.useEffect(() => {
3092
+ React87__namespace.default.useEffect(() => {
3205
3093
  const onScroll = () => {
3206
3094
  const delta = window.scrollY - lastScrollPosition.current;
3207
3095
  if (delta === 0) {
@@ -3237,7 +3125,7 @@ var init_AlertIcon = __esm({
3237
3125
  AlertIcon = ({ variant }) => {
3238
3126
  const Icon = getIcon2(variant);
3239
3127
  const { t: t2 } = useTranslation();
3240
- return /* @__PURE__ */ React88__namespace.default.createElement(
3128
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3241
3129
  Icon,
3242
3130
  {
3243
3131
  flexShrink: 0,
@@ -3304,7 +3192,7 @@ var init_BaseAlert = __esm({
3304
3192
  ...boxProps
3305
3193
  }) => {
3306
3194
  const styles3 = react.useMultiStyleConfig("Alert", { variant });
3307
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { __css: styles3.container, ...boxProps }, children);
3195
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3.container, ...boxProps }, children);
3308
3196
  };
3309
3197
  }
3310
3198
  });
@@ -3332,17 +3220,17 @@ var init_ClosableAlert = __esm({
3332
3220
  externalOnClose();
3333
3221
  onClose();
3334
3222
  };
3335
- return /* @__PURE__ */ React88__namespace.default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React88__namespace.default.createElement(
3223
+ return /* @__PURE__ */ React87__namespace.default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React87__namespace.default.createElement(
3336
3224
  exports.IconButton,
3337
3225
  {
3338
3226
  variant: "ghost",
3339
3227
  size: "sm",
3340
3228
  onClick: handleClose,
3341
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
3229
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
3342
3230
  "aria-label": t2(texts12.close),
3343
3231
  sx: styles3.closeButton
3344
3232
  }
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)));
3233
+ ), /* @__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
3234
  };
3347
3235
  texts12 = createTexts({
3348
3236
  close: {
@@ -3370,7 +3258,7 @@ var init_ExpandableAlert = __esm({
3370
3258
  ...boxProps
3371
3259
  }) => {
3372
3260
  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(
3261
+ return /* @__PURE__ */ React87__namespace.default.createElement(BaseAlert, { variant, ...boxProps, paddingX: 0, paddingY: 0 }, /* @__PURE__ */ React87__namespace.default.createElement(
3374
3262
  react.Accordion,
3375
3263
  {
3376
3264
  onChange: (expandedIndex) => onToggle(expandedIndex === 0),
@@ -3378,14 +3266,14 @@ var init_ExpandableAlert = __esm({
3378
3266
  allowToggle: true,
3379
3267
  flexGrow: "1"
3380
3268
  },
3381
- /* @__PURE__ */ React88__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React88__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React88__namespace.default.createElement(
3269
+ /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionButton, { sx: styles3.container }, /* @__PURE__ */ React87__namespace.default.createElement(
3382
3270
  react.Flex,
3383
3271
  {
3384
3272
  justifyContent: "space-between",
3385
3273
  alignItems: "center",
3386
3274
  flexGrow: "1"
3387
3275
  },
3388
- /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React88__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React88__namespace.default.createElement(
3276
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { as: headingLevel, alignItems: "center" }, /* @__PURE__ */ React87__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React87__namespace.default.createElement(
3389
3277
  react.Box,
3390
3278
  {
3391
3279
  as: "span",
@@ -3400,8 +3288,8 @@ var init_ExpandableAlert = __esm({
3400
3288
  },
3401
3289
  title
3402
3290
  )),
3403
- /* @__PURE__ */ React88__namespace.default.createElement(react.AccordionIcon, { color: "darkGrey" })
3404
- )), /* @__PURE__ */ React88__namespace.default.createElement(react.AccordionPanel, null, children))
3291
+ /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionIcon, { color: "darkGrey" })
3292
+ )), /* @__PURE__ */ React87__namespace.default.createElement(react.AccordionPanel, null, children))
3405
3293
  ));
3406
3294
  };
3407
3295
  }
@@ -3416,7 +3304,7 @@ var init_StaticAlert = __esm({
3416
3304
  title,
3417
3305
  ...props
3418
3306
  }) => {
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)));
3307
+ 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
3308
  };
3421
3309
  }
3422
3310
  });
@@ -3434,10 +3322,10 @@ var init_Breadcrumb = __esm({
3434
3322
  "src/breadcrumb/Breadcrumb.tsx"() {
3435
3323
  exports.Breadcrumb = (props) => {
3436
3324
  const iconColor = react.useColorModeValue("blackAlpha.400", "whiteAlpha.400");
3437
- return /* @__PURE__ */ React88__namespace.default.createElement(
3325
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3438
3326
  react.Breadcrumb,
3439
3327
  {
3440
- separator: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { color: iconColor }),
3328
+ separator: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { color: iconColor }),
3441
3329
  ...props
3442
3330
  }
3443
3331
  );
@@ -3465,7 +3353,7 @@ var init_Card = __esm({
3465
3353
  colorScheme,
3466
3354
  size: size2
3467
3355
  });
3468
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
3356
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: styles3, ...props, ref }, children);
3469
3357
  }
3470
3358
  );
3471
3359
  }
@@ -3482,7 +3370,7 @@ var init_Badge = __esm({
3482
3370
  "src/typography/Badge.tsx"() {
3483
3371
  exports.Badge = react.forwardRef(
3484
3372
  ({ icon, colorScheme = "grey", children, ...props }, ref) => {
3485
- return /* @__PURE__ */ React88__namespace.default.createElement(
3373
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3486
3374
  react.Badge,
3487
3375
  {
3488
3376
  colorScheme,
@@ -3490,7 +3378,7 @@ var init_Badge = __esm({
3490
3378
  paddingLeft: icon ? 1 : void 0,
3491
3379
  ref
3492
3380
  },
3493
- icon && React88__namespace.default.cloneElement(icon, { marginRight: 1 }),
3381
+ icon && React87__namespace.default.cloneElement(icon, { marginRight: 1 }),
3494
3382
  children
3495
3383
  );
3496
3384
  }
@@ -3500,7 +3388,7 @@ var init_Badge = __esm({
3500
3388
  exports.Code = void 0;
3501
3389
  var init_Code = __esm({
3502
3390
  "src/typography/Code.tsx"() {
3503
- exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */ React88__namespace.default.createElement(react.Code, { ...props, ref }));
3391
+ exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */ React87__namespace.default.createElement(react.Code, { ...props, ref }));
3504
3392
  }
3505
3393
  });
3506
3394
  exports.Heading = void 0;
@@ -3516,7 +3404,7 @@ var init_Heading = __esm({
3516
3404
  }) => {
3517
3405
  const id = externalId ?? (autoId && typeof props.children === "string") ? slugify(props.children) : void 0;
3518
3406
  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 });
3407
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Text, { as, textStyle: variant, id, color: color2, ...props });
3520
3408
  };
3521
3409
  }
3522
3410
  });
@@ -3525,7 +3413,7 @@ var init_Text = __esm({
3525
3413
  "src/typography/Text.tsx"() {
3526
3414
  exports.Text = react.forwardRef(
3527
3415
  ({ variant = "sm", ...props }, ref) => {
3528
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
3416
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
3529
3417
  }
3530
3418
  );
3531
3419
  }
@@ -3546,7 +3434,7 @@ function CalendarCell({
3546
3434
  currentMonth,
3547
3435
  variant
3548
3436
  }) {
3549
- const ref = React88.useRef(null);
3437
+ const ref = React87.useRef(null);
3550
3438
  const {
3551
3439
  cellProps,
3552
3440
  buttonProps,
@@ -3570,7 +3458,7 @@ function CalendarCell({
3570
3458
  if (isOutsideMonth) {
3571
3459
  stateProps["data-unavailable"] = true;
3572
3460
  }
3573
- React88.useEffect(() => {
3461
+ React87.useEffect(() => {
3574
3462
  var _a6;
3575
3463
  (_a6 = ref == null ? void 0 : ref.current) == null ? void 0 : _a6.addEventListener(
3576
3464
  "touchend",
@@ -3580,7 +3468,7 @@ function CalendarCell({
3580
3468
  { passive: false, once: true }
3581
3469
  );
3582
3470
  }, []);
3583
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React88__namespace.default.createElement(
3471
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "td", ...cellProps, textAlign: "center", sx: styles3.cell }, /* @__PURE__ */ React87__namespace.default.createElement(
3584
3472
  react.Box,
3585
3473
  {
3586
3474
  as: "button",
@@ -3646,8 +3534,8 @@ function CalendarGrid({
3646
3534
  const weeksInMonth = date.getWeeksInMonth(state2.visibleRange.start, locale);
3647
3535
  const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
3648
3536
  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(
3537
+ 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) => {
3538
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3651
3539
  exports.Text,
3652
3540
  {
3653
3541
  as: "th",
@@ -3657,8 +3545,8 @@ function CalendarGrid({
3657
3545
  },
3658
3546
  day
3659
3547
  );
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(
3548
+ }))), /* @__PURE__ */ React87__namespace.default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React87__namespace.default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
3549
+ (date, dayIndex) => date ? /* @__PURE__ */ React87__namespace.default.createElement(
3662
3550
  CalendarCell,
3663
3551
  {
3664
3552
  variant,
@@ -3667,7 +3555,7 @@ function CalendarGrid({
3667
3555
  date,
3668
3556
  currentMonth: startDate
3669
3557
  }
3670
- ) : /* @__PURE__ */ React88__namespace.default.createElement("td", { key: dayIndex })
3558
+ ) : /* @__PURE__ */ React87__namespace.default.createElement("td", { key: dayIndex })
3671
3559
  )))));
3672
3560
  }
3673
3561
  var weekDays;
@@ -3690,9 +3578,9 @@ function CalendarNavigationButton({
3690
3578
  "aria-label": ariaLabel,
3691
3579
  ...rest
3692
3580
  }) {
3693
- const ref = React88.useRef(null);
3581
+ const ref = React87.useRef(null);
3694
3582
  const { buttonProps } = reactAria.useButton(rest, ref);
3695
- return /* @__PURE__ */ React88__namespace.default.createElement(
3583
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3696
3584
  exports.IconButton,
3697
3585
  {
3698
3586
  ...buttonProps,
@@ -3729,7 +3617,7 @@ function CalendarHeader({
3729
3617
  );
3730
3618
  const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
3731
3619
  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(
3620
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React87__namespace.default.createElement(
3733
3621
  CalendarNavigator,
3734
3622
  {
3735
3623
  title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
@@ -3739,7 +3627,7 @@ function CalendarHeader({
3739
3627
  isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
3740
3628
  isPreviousDisabled: !state2.isNextVisibleRangeInvalid
3741
3629
  }
3742
- ), isYearPickerVisible && /* @__PURE__ */ React88__namespace.default.createElement(
3630
+ ), isYearPickerVisible && /* @__PURE__ */ React87__namespace.default.createElement(
3743
3631
  CalendarNavigator,
3744
3632
  {
3745
3633
  title: jsDate.getFullYear().toString(),
@@ -3767,15 +3655,15 @@ var init_CalendarHeader = __esm({
3767
3655
  isNextDisabled
3768
3656
  }) => {
3769
3657
  const { t: t2 } = useTranslation();
3770
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React88__namespace.default.createElement(
3658
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React87__namespace.default.createElement(
3771
3659
  CalendarNavigationButton,
3772
3660
  {
3773
3661
  onPress: onPrevious,
3774
3662
  isDisabled: isPreviousDisabled,
3775
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
3663
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
3776
3664
  "aria-label": `${t2(texts13.previous)} ${t2(texts13[unit])}`
3777
3665
  }
3778
- ), /* @__PURE__ */ React88__namespace.default.createElement(
3666
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
3779
3667
  react.Box,
3780
3668
  {
3781
3669
  role: "heading",
@@ -3785,12 +3673,12 @@ var init_CalendarHeader = __esm({
3785
3673
  textAlign: "center"
3786
3674
  },
3787
3675
  capitalize(title)
3788
- ), /* @__PURE__ */ React88__namespace.default.createElement(
3676
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
3789
3677
  CalendarNavigationButton,
3790
3678
  {
3791
3679
  onPress: onNext,
3792
3680
  isDisabled: isNextDisabled,
3793
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
3681
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
3794
3682
  "aria-label": `${t2(texts13.next)} ${t2(texts13[unit])}`
3795
3683
  }
3796
3684
  ));
@@ -3838,7 +3726,7 @@ function Calendar({
3838
3726
  const { calendarProps } = reactAria.useCalendar(props, state2);
3839
3727
  const calendarAriaLabel = calendarProps["aria-label"];
3840
3728
  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 }));
3729
+ 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
3730
  }
3843
3731
  var texts14;
3844
3732
  var init_Calendar = __esm({
@@ -3872,7 +3760,7 @@ var init_CalendarTriggerButton = __esm({
3872
3760
  onPress(event);
3873
3761
  }
3874
3762
  };
3875
- return /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React88__namespace.default.createElement(
3763
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React87__namespace.default.createElement(
3876
3764
  react.Box,
3877
3765
  {
3878
3766
  ref,
@@ -3883,7 +3771,7 @@ var init_CalendarTriggerButton = __esm({
3883
3771
  ...filteredButtonProps,
3884
3772
  onKeyUp: handleOnPress
3885
3773
  },
3886
- /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null)
3774
+ /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null)
3887
3775
  ));
3888
3776
  }
3889
3777
  );
@@ -3900,9 +3788,9 @@ var init_CalendarTriggerButton = __esm({
3900
3788
  var DateTimeSegment, isPaddable;
3901
3789
  var init_DateTimeSegment = __esm({
3902
3790
  "src/datepicker/DateTimeSegment.tsx"() {
3903
- DateTimeSegment = React88.forwardRef(
3791
+ DateTimeSegment = React87.forwardRef(
3904
3792
  ({ segment, state: state2 }, externalRef) => {
3905
- const internalRef = React88.useRef(null);
3793
+ const internalRef = React87.useRef(null);
3906
3794
  const ref = externalRef ?? internalRef;
3907
3795
  const { segmentProps } = reactAria.useDateSegment(
3908
3796
  segment,
@@ -3913,7 +3801,7 @@ var init_DateTimeSegment = __esm({
3913
3801
  isPlaceholder: segment.isPlaceholder,
3914
3802
  isEditable: segment.isEditable
3915
3803
  });
3916
- return /* @__PURE__ */ React88__namespace.default.createElement(
3804
+ return /* @__PURE__ */ React87__namespace.default.createElement(
3917
3805
  react.Box,
3918
3806
  {
3919
3807
  ...segmentProps,
@@ -3948,7 +3836,7 @@ var init_DateField = __esm({
3948
3836
  "src/datepicker/DateField.tsx"() {
3949
3837
  init_DateTimeSegment();
3950
3838
  init_utils();
3951
- DateField = React88.forwardRef(
3839
+ DateField = React87.forwardRef(
3952
3840
  (props, externalRef) => {
3953
3841
  var _a6;
3954
3842
  const locale = useCurrentLocale();
@@ -3958,14 +3846,14 @@ var init_DateField = __esm({
3958
3846
  locale,
3959
3847
  createCalendar: createCalendar2
3960
3848
  });
3961
- const internalRef = React88.useRef(null);
3849
+ const internalRef = React87.useRef(null);
3962
3850
  const ref = externalRef ?? internalRef;
3963
3851
  const { fieldProps, labelProps } = reactAria.useDateField(
3964
3852
  props,
3965
3853
  state2,
3966
3854
  ref
3967
3855
  );
3968
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React88__namespace.default.createElement(
3856
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { minWidth: "6rem", width: "100%" }, props.label && /* @__PURE__ */ React87__namespace.default.createElement(
3969
3857
  react.FormLabel,
3970
3858
  {
3971
3859
  ...props.labelProps,
@@ -3975,7 +3863,7 @@ var init_DateField = __esm({
3975
3863
  paddingTop: "2px"
3976
3864
  },
3977
3865
  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(
3866
+ ), /* @__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
3867
  "input",
3980
3868
  {
3981
3869
  type: "hidden",
@@ -3996,7 +3884,7 @@ var init_StyledField = __esm({
3996
3884
  isInvalid: false
3997
3885
  };
3998
3886
  const styles3 = react.useMultiStyleConfig("Datepicker", { variant });
3999
- return /* @__PURE__ */ React88__namespace.default.createElement(
3887
+ return /* @__PURE__ */ React87__namespace.default.createElement(
4000
3888
  react.Box,
4001
3889
  {
4002
3890
  ...otherProps,
@@ -4019,7 +3907,7 @@ var init_DatePicker = __esm({
4019
3907
  init_DateField();
4020
3908
  init_StyledField();
4021
3909
  init_utils();
4022
- exports.DatePicker = React88.forwardRef(
3910
+ exports.DatePicker = React87.forwardRef(
4023
3911
  ({
4024
3912
  variant,
4025
3913
  errorMessage,
@@ -4037,7 +3925,7 @@ var init_DatePicker = __esm({
4037
3925
  isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
4038
3926
  validationState: (formControlProps == null ? void 0 : formControlProps.isInvalid) ? "invalid" : "valid"
4039
3927
  });
4040
- const internalRef = React88.useRef(null);
3928
+ const internalRef = React87.useRef(null);
4041
3929
  const ref = externalRef ?? internalRef;
4042
3930
  const {
4043
3931
  groupProps,
@@ -4057,7 +3945,7 @@ var init_DatePicker = __esm({
4057
3945
  const onFieldClick = () => {
4058
3946
  state2.setOpen(true);
4059
3947
  };
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(
3948
+ 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
3949
  Calendar,
4062
3950
  {
4063
3951
  ...calendarProps,
@@ -4065,7 +3953,7 @@ var init_DatePicker = __esm({
4065
3953
  showYearNavigation
4066
3954
  }
4067
3955
  ))));
4068
- return /* @__PURE__ */ React88__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React88__namespace.default.createElement(
3956
+ return /* @__PURE__ */ React87__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React87__namespace.default.createElement(
4069
3957
  react.Box,
4070
3958
  {
4071
3959
  position: "relative",
@@ -4073,7 +3961,7 @@ var init_DatePicker = __esm({
4073
3961
  flexDirection: "column",
4074
3962
  width
4075
3963
  },
4076
- /* @__PURE__ */ React88__namespace.default.createElement(
3964
+ /* @__PURE__ */ React87__namespace.default.createElement(
4077
3965
  react.Popover,
4078
3966
  {
4079
3967
  ...dialogProps,
@@ -4082,7 +3970,7 @@ var init_DatePicker = __esm({
4082
3970
  onClose: state2.close,
4083
3971
  flip: false
4084
3972
  },
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(
3973
+ /* @__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
3974
  StyledField,
4087
3975
  {
4088
3976
  variant,
@@ -4090,7 +3978,7 @@ var init_DatePicker = __esm({
4090
3978
  paddingX: 3,
4091
3979
  minHeight
4092
3980
  },
4093
- /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React88__namespace.default.createElement(
3981
+ /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React87__namespace.default.createElement(
4094
3982
  CalendarTriggerButton,
4095
3983
  {
4096
3984
  variant,
@@ -4098,7 +3986,7 @@ var init_DatePicker = __esm({
4098
3986
  ...buttonProps
4099
3987
  }
4100
3988
  )),
4101
- /* @__PURE__ */ React88__namespace.default.createElement(
3989
+ /* @__PURE__ */ React87__namespace.default.createElement(
4102
3990
  DateField,
4103
3991
  {
4104
3992
  label: props.label,
@@ -4108,8 +3996,8 @@ var init_DatePicker = __esm({
4108
3996
  }
4109
3997
  )
4110
3998
  ))),
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),
3999
+ /* @__PURE__ */ React87__namespace.default.createElement(exports.FormErrorMessage, { ...errorMessageProps }, errorMessage),
4000
+ state2.isOpen && !props.isDisabled && withPortal && /* @__PURE__ */ React87__namespace.default.createElement(react.Portal, null, popoverContent),
4113
4001
  state2.isOpen && !props.isDisabled && !withPortal && popoverContent
4114
4002
  )
4115
4003
  ));
@@ -4125,9 +4013,9 @@ function RangeCalendar(props) {
4125
4013
  locale,
4126
4014
  createCalendar: date.createCalendar
4127
4015
  });
4128
- const ref = React88.useRef(null);
4016
+ const ref = React87.useRef(null);
4129
4017
  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(
4018
+ 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
4019
  CalendarGrid,
4132
4020
  {
4133
4021
  variant: props.variant,
@@ -4158,7 +4046,7 @@ function DateRangePicker({
4158
4046
  isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
4159
4047
  validationState: formControlProps.isInvalid ? "invalid" : "valid"
4160
4048
  });
4161
- const ref = React88.useRef(null);
4049
+ const ref = React87.useRef(null);
4162
4050
  const {
4163
4051
  groupProps,
4164
4052
  labelProps,
@@ -4179,8 +4067,8 @@ function DateRangePicker({
4179
4067
  const onFieldClick = () => {
4180
4068
  state2.setOpen(true);
4181
4069
  };
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(
4070
+ 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 }))));
4071
+ 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
4072
  react.Popover,
4185
4073
  {
4186
4074
  ...dialogProps,
@@ -4189,7 +4077,7 @@ function DateRangePicker({
4189
4077
  onClose: state2.close,
4190
4078
  flip: false
4191
4079
  },
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(
4080
+ /* @__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
4081
  StyledField,
4194
4082
  {
4195
4083
  alignItems: "center",
@@ -4199,7 +4087,7 @@ function DateRangePicker({
4199
4087
  onKeyPress: handleEnterClick,
4200
4088
  minHeight
4201
4089
  },
4202
- variant && /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React88__namespace.default.createElement(
4090
+ variant && /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverTrigger, null, /* @__PURE__ */ React87__namespace.default.createElement(
4203
4091
  CalendarTriggerButton,
4204
4092
  {
4205
4093
  paddingLeft: 1,
@@ -4209,7 +4097,7 @@ function DateRangePicker({
4209
4097
  ...buttonProps
4210
4098
  }
4211
4099
  )),
4212
- /* @__PURE__ */ React88__namespace.default.createElement(
4100
+ /* @__PURE__ */ React87__namespace.default.createElement(
4213
4101
  DateField,
4214
4102
  {
4215
4103
  ...startFieldProps,
@@ -4218,8 +4106,8 @@ function DateRangePicker({
4218
4106
  labelProps
4219
4107
  }
4220
4108
  ),
4221
- /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
4222
- /* @__PURE__ */ React88__namespace.default.createElement(
4109
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", paddingRight: "2" }, "\u2013"),
4110
+ /* @__PURE__ */ React87__namespace.default.createElement(
4223
4111
  DateField,
4224
4112
  {
4225
4113
  ...endFieldProps,
@@ -4229,7 +4117,7 @@ function DateRangePicker({
4229
4117
  }
4230
4118
  )
4231
4119
  ))),
4232
- state2.isOpen && withPortal && /* @__PURE__ */ React88__namespace.default.createElement(react.Portal, null, popoverContent),
4120
+ state2.isOpen && withPortal && /* @__PURE__ */ React87__namespace.default.createElement(react.Portal, null, popoverContent),
4233
4121
  state2.isOpen && !withPortal && popoverContent
4234
4122
  )));
4235
4123
  }
@@ -4249,9 +4137,9 @@ var init_TimeField = __esm({
4249
4137
  init_DateTimeSegment();
4250
4138
  init_utils();
4251
4139
  TimeField = ({ state: state2, ...props }) => {
4252
- const ref = React88.useRef(null);
4140
+ const ref = React87.useRef(null);
4253
4141
  const { labelProps, fieldProps } = reactAria.useTimeField(props, state2, ref);
4254
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React88__namespace.default.createElement(
4142
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React87__namespace.default.createElement(
4255
4143
  exports.FormLabel,
4256
4144
  {
4257
4145
  ...labelProps,
@@ -4263,7 +4151,7 @@ var init_TimeField = __esm({
4263
4151
  paddingTop: "2px"
4264
4152
  },
4265
4153
  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(
4154
+ ), /* @__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
4155
  "input",
4268
4156
  {
4269
4157
  type: "hidden",
@@ -4339,7 +4227,7 @@ var init_TimePicker = __esm({
4339
4227
  const ariaLabel = `${inputLabel} \u2013 ${t2(
4340
4228
  texts16.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
4341
4229
  )}`;
4342
- return /* @__PURE__ */ React88__namespace.default.createElement(
4230
+ return /* @__PURE__ */ React87__namespace.default.createElement(
4343
4231
  StyledField,
4344
4232
  {
4345
4233
  variant: "base",
@@ -4355,7 +4243,7 @@ var init_TimePicker = __esm({
4355
4243
  "aria-label": ariaLabel,
4356
4244
  ...boxProps
4357
4245
  },
4358
- /* @__PURE__ */ React88__namespace.default.createElement(
4246
+ /* @__PURE__ */ React87__namespace.default.createElement(
4359
4247
  exports.IconButton,
4360
4248
  {
4361
4249
  variant: "ghost",
@@ -4363,14 +4251,14 @@ var init_TimePicker = __esm({
4363
4251
  borderRadius: "xs",
4364
4252
  "aria-label": backwardsLabel,
4365
4253
  title: backwardsLabel,
4366
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, null),
4254
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, null),
4367
4255
  onClick: handleBackwardsClick,
4368
4256
  isDisabled,
4369
4257
  style: isDisabled ? { backgroundColor: "transparent" } : {}
4370
4258
  }
4371
4259
  ),
4372
- /* @__PURE__ */ React88__namespace.default.createElement(TimeField, { label, state: state2, name }),
4373
- /* @__PURE__ */ React88__namespace.default.createElement(
4260
+ /* @__PURE__ */ React87__namespace.default.createElement(TimeField, { label, state: state2, name }),
4261
+ /* @__PURE__ */ React87__namespace.default.createElement(
4374
4262
  exports.IconButton,
4375
4263
  {
4376
4264
  variant: "ghost",
@@ -4378,7 +4266,7 @@ var init_TimePicker = __esm({
4378
4266
  borderRadius: "xs",
4379
4267
  "aria-label": forwardsLabel,
4380
4268
  title: forwardsLabel,
4381
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, null),
4269
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, null),
4382
4270
  onClick: handleForwardClick,
4383
4271
  isDisabled,
4384
4272
  style: isDisabled ? { backgroundColor: "transparent" } : {}
@@ -4500,7 +4388,7 @@ var init_LineIcon = __esm({
4500
4388
  if (!Icon) {
4501
4389
  return null;
4502
4390
  }
4503
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React88__namespace.default.createElement(Icon, { sx: styles3.icon }));
4391
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: { ...styles3.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React87__namespace.default.createElement(Icon, { sx: styles3.icon }));
4504
4392
  };
4505
4393
  }
4506
4394
  });
@@ -4520,7 +4408,7 @@ var init_InfoTag = __esm({
4520
4408
  size: size2,
4521
4409
  ...customProps
4522
4410
  });
4523
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React88__namespace.default.createElement(
4411
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.container }, /* @__PURE__ */ React87__namespace.default.createElement(
4524
4412
  exports.LineIcon,
4525
4413
  {
4526
4414
  variant,
@@ -4528,7 +4416,7 @@ var init_InfoTag = __esm({
4528
4416
  sx: styles3.iconContainer,
4529
4417
  ...customProps
4530
4418
  }
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)));
4419
+ ), /* @__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
4420
  };
4533
4421
  }
4534
4422
  });
@@ -4554,7 +4442,7 @@ var init_TravelTag = __esm({
4554
4442
  backgroundColor: variant === "custom" ? rest.backgroundColor : void 0
4555
4443
  });
4556
4444
  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(
4445
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: styles3.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React87__namespace.default.createElement(
4558
4446
  exports.LineIcon,
4559
4447
  {
4560
4448
  variant,
@@ -4562,7 +4450,7 @@ var init_TravelTag = __esm({
4562
4450
  sx: styles3.iconContainer,
4563
4451
  ...rest
4564
4452
  }
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 }));
4453
+ ), /* @__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
4454
  }
4567
4455
  );
4568
4456
  getDeviationLevelIcon = ({
@@ -4601,7 +4489,7 @@ var init_TextLink = __esm({
4601
4489
  var _a6;
4602
4490
  const { t: t2 } = useTranslation();
4603
4491
  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(
4492
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React87__namespace.default.createElement(
4605
4493
  sporIconReact.LinkOutOutline24Icon,
4606
4494
  {
4607
4495
  marginLeft: 0.5,
@@ -4631,6 +4519,117 @@ var init_list = __esm({
4631
4519
  "src/list/index.tsx"() {
4632
4520
  }
4633
4521
  });
4522
+ exports.VyLogo = void 0;
4523
+ var init_VyLogo = __esm({
4524
+ "src/logo/VyLogo.tsx"() {
4525
+ exports.VyLogo = ({ colorScheme, ...boxProps }) => {
4526
+ const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
4527
+ const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
4528
+ const id = React87.useId();
4529
+ 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(
4530
+ "path",
4531
+ {
4532
+ fillRule: "evenodd",
4533
+ clipRule: "evenodd",
4534
+ 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",
4535
+ fill: mainColor
4536
+ }
4537
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4538
+ "mask",
4539
+ {
4540
+ id: `${id}-a`,
4541
+ style: { maskType: "alpha" },
4542
+ maskUnits: "userSpaceOnUse",
4543
+ x: "0",
4544
+ y: "0",
4545
+ width: "94",
4546
+ height: "54"
4547
+ },
4548
+ /* @__PURE__ */ React87__namespace.default.createElement(
4549
+ "path",
4550
+ {
4551
+ fillRule: "evenodd",
4552
+ clipRule: "evenodd",
4553
+ d: "M0 .03h93.26v53.65H0V.03Z",
4554
+ fill: mainColor
4555
+ }
4556
+ )
4557
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4558
+ "g",
4559
+ {
4560
+ mask: `url(#${id}-a)`,
4561
+ fillRule: "evenodd",
4562
+ clipRule: "evenodd",
4563
+ fill: mainColor
4564
+ },
4565
+ /* @__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" }),
4566
+ /* @__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" })
4567
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4568
+ "path",
4569
+ {
4570
+ fillRule: "evenodd",
4571
+ clipRule: "evenodd",
4572
+ 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",
4573
+ fill: accentColor
4574
+ }
4575
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4576
+ "path",
4577
+ {
4578
+ fillRule: "evenodd",
4579
+ clipRule: "evenodd",
4580
+ 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",
4581
+ fill: mainColor
4582
+ }
4583
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4584
+ "mask",
4585
+ {
4586
+ id: `${id}-b`,
4587
+ style: { maskType: "alpha" },
4588
+ maskUnits: "userSpaceOnUse",
4589
+ x: "29",
4590
+ y: "0",
4591
+ width: "78",
4592
+ height: "54"
4593
+ },
4594
+ /* @__PURE__ */ React87__namespace.default.createElement(
4595
+ "path",
4596
+ {
4597
+ fillRule: "evenodd",
4598
+ clipRule: "evenodd",
4599
+ d: "M29.55.04H106v53.64H29.55V.04Z",
4600
+ fill: mainColor
4601
+ }
4602
+ )
4603
+ ), /* @__PURE__ */ React87__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React87__namespace.default.createElement(
4604
+ "path",
4605
+ {
4606
+ 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",
4607
+ fill: mainColor
4608
+ }
4609
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4610
+ "path",
4611
+ {
4612
+ 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",
4613
+ fill: mainColor
4614
+ }
4615
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4616
+ "path",
4617
+ {
4618
+ 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",
4619
+ fill: accentColor
4620
+ }
4621
+ )), /* @__PURE__ */ React87__namespace.default.createElement(
4622
+ "path",
4623
+ {
4624
+ fillRule: "evenodd",
4625
+ clipRule: "evenodd",
4626
+ 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",
4627
+ fill: mainColor
4628
+ }
4629
+ ));
4630
+ };
4631
+ }
4632
+ });
4634
4633
  exports.VyLogoPride = void 0;
4635
4634
  var init_VyLogoPride = __esm({
4636
4635
  "src/logo/VyLogoPride.tsx"() {
@@ -4644,8 +4643,8 @@ var init_VyLogoPride = __esm({
4644
4643
  const redColor = colorScheme === "light" ? "#EA3323" : "#ffffff";
4645
4644
  const orangeColor = colorScheme === "light" ? "#F09436" : "#ffffff";
4646
4645
  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(
4646
+ const id = React87.useId();
4647
+ 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
4648
  "svg",
4650
4649
  {
4651
4650
  width: "108",
@@ -4654,7 +4653,7 @@ var init_VyLogoPride = __esm({
4654
4653
  fill: "none",
4655
4654
  xmlns: "http://www.w3.org/2000/svg"
4656
4655
  },
4657
- /* @__PURE__ */ React88__namespace.default.createElement(
4656
+ /* @__PURE__ */ React87__namespace.default.createElement(
4658
4657
  "path",
4659
4658
  {
4660
4659
  fillRule: "evenodd",
@@ -4663,7 +4662,7 @@ var init_VyLogoPride = __esm({
4663
4662
  fill: pinkColor
4664
4663
  }
4665
4664
  ),
4666
- /* @__PURE__ */ React88__namespace.default.createElement(
4665
+ /* @__PURE__ */ React87__namespace.default.createElement(
4667
4666
  "mask",
4668
4667
  {
4669
4668
  id: `${id}-a-pride`,
@@ -4674,7 +4673,7 @@ var init_VyLogoPride = __esm({
4674
4673
  width: "95",
4675
4674
  height: "55"
4676
4675
  },
4677
- /* @__PURE__ */ React88__namespace.default.createElement(
4676
+ /* @__PURE__ */ React87__namespace.default.createElement(
4678
4677
  "path",
4679
4678
  {
4680
4679
  fillRule: "evenodd",
@@ -4684,7 +4683,7 @@ var init_VyLogoPride = __esm({
4684
4683
  }
4685
4684
  )
4686
4685
  ),
4687
- /* @__PURE__ */ React88__namespace.default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React88__namespace.default.createElement(
4686
+ /* @__PURE__ */ React87__namespace.default.createElement("g", { mask: `url(#${id}-a-pride)` }, /* @__PURE__ */ React87__namespace.default.createElement(
4688
4687
  "path",
4689
4688
  {
4690
4689
  fillRule: "evenodd",
@@ -4692,7 +4691,7 @@ var init_VyLogoPride = __esm({
4692
4691
  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
4692
  fill: purpleColor
4694
4693
  }
4695
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4694
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4696
4695
  "path",
4697
4696
  {
4698
4697
  fillRule: "evenodd",
@@ -4700,7 +4699,7 @@ var init_VyLogoPride = __esm({
4700
4699
  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
4700
  fill: darkPurpleColor
4702
4701
  }
4703
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4702
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4704
4703
  "path",
4705
4704
  {
4706
4705
  fillRule: "evenodd",
@@ -4708,7 +4707,7 @@ var init_VyLogoPride = __esm({
4708
4707
  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
4708
  fill: greenColor
4710
4709
  }
4711
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4710
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4712
4711
  "path",
4713
4712
  {
4714
4713
  fillRule: "evenodd",
@@ -4716,7 +4715,7 @@ var init_VyLogoPride = __esm({
4716
4715
  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
4716
  fill: darkGreenColor
4718
4717
  }
4719
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4718
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4720
4719
  "path",
4721
4720
  {
4722
4721
  fillRule: "evenodd",
@@ -4725,7 +4724,7 @@ var init_VyLogoPride = __esm({
4725
4724
  fill: darkPurpleColor
4726
4725
  }
4727
4726
  )),
4728
- /* @__PURE__ */ React88__namespace.default.createElement(
4727
+ /* @__PURE__ */ React87__namespace.default.createElement(
4729
4728
  "path",
4730
4729
  {
4731
4730
  fillRule: "evenodd",
@@ -4734,7 +4733,7 @@ var init_VyLogoPride = __esm({
4734
4733
  fill: blueColor
4735
4734
  }
4736
4735
  ),
4737
- /* @__PURE__ */ React88__namespace.default.createElement(
4736
+ /* @__PURE__ */ React87__namespace.default.createElement(
4738
4737
  "path",
4739
4738
  {
4740
4739
  fillRule: "evenodd",
@@ -4743,7 +4742,7 @@ var init_VyLogoPride = __esm({
4743
4742
  fill: blueColor
4744
4743
  }
4745
4744
  ),
4746
- /* @__PURE__ */ React88__namespace.default.createElement(
4745
+ /* @__PURE__ */ React87__namespace.default.createElement(
4747
4746
  "path",
4748
4747
  {
4749
4748
  fillRule: "evenodd",
@@ -4752,7 +4751,7 @@ var init_VyLogoPride = __esm({
4752
4751
  fill: greenColor
4753
4752
  }
4754
4753
  ),
4755
- /* @__PURE__ */ React88__namespace.default.createElement(
4754
+ /* @__PURE__ */ React87__namespace.default.createElement(
4756
4755
  "mask",
4757
4756
  {
4758
4757
  id: `${id}-b-pride`,
@@ -4763,7 +4762,7 @@ var init_VyLogoPride = __esm({
4763
4762
  width: "78",
4764
4763
  height: "55"
4765
4764
  },
4766
- /* @__PURE__ */ React88__namespace.default.createElement(
4765
+ /* @__PURE__ */ React87__namespace.default.createElement(
4767
4766
  "path",
4768
4767
  {
4769
4768
  fillRule: "evenodd",
@@ -4773,7 +4772,7 @@ var init_VyLogoPride = __esm({
4773
4772
  }
4774
4773
  )
4775
4774
  ),
4776
- /* @__PURE__ */ React88__namespace.default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React88__namespace.default.createElement(
4775
+ /* @__PURE__ */ React87__namespace.default.createElement("g", { mask: `url(#${id}-b-pride)` }, /* @__PURE__ */ React87__namespace.default.createElement(
4777
4776
  "path",
4778
4777
  {
4779
4778
  fillRule: "evenodd",
@@ -4781,7 +4780,7 @@ var init_VyLogoPride = __esm({
4781
4780
  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
4781
  fill: greenColor
4783
4782
  }
4784
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4783
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4785
4784
  "path",
4786
4785
  {
4787
4786
  fillRule: "evenodd",
@@ -4789,7 +4788,7 @@ var init_VyLogoPride = __esm({
4789
4788
  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
4789
  fill: darkGreenColor
4791
4790
  }
4792
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4791
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4793
4792
  "path",
4794
4793
  {
4795
4794
  fillRule: "evenodd",
@@ -4797,7 +4796,7 @@ var init_VyLogoPride = __esm({
4797
4796
  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
4797
  fill: redColor
4799
4798
  }
4800
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4799
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4801
4800
  "path",
4802
4801
  {
4803
4802
  fillRule: "evenodd",
@@ -4805,7 +4804,7 @@ var init_VyLogoPride = __esm({
4805
4804
  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
4805
  fill: orangeColor
4807
4806
  }
4808
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4807
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4809
4808
  "path",
4810
4809
  {
4811
4810
  fillRule: "evenodd",
@@ -4814,7 +4813,7 @@ var init_VyLogoPride = __esm({
4814
4813
  fill: yellowColor
4815
4814
  }
4816
4815
  )),
4817
- /* @__PURE__ */ React88__namespace.default.createElement(
4816
+ /* @__PURE__ */ React87__namespace.default.createElement(
4818
4817
  "path",
4819
4818
  {
4820
4819
  fillRule: "evenodd",
@@ -4827,135 +4826,6 @@ var init_VyLogoPride = __esm({
4827
4826
  };
4828
4827
  }
4829
4828
  });
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
4829
  exports.CargonetLogo = void 0;
4960
4830
  var init_CargonetLogo = __esm({
4961
4831
  "src/logo/CargonetLogo.tsx"() {
@@ -4965,109 +4835,109 @@ var init_CargonetLogo = __esm({
4965
4835
  }) => {
4966
4836
  const mainColor = "#DF8200";
4967
4837
  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(
4838
+ 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
4839
  "path",
4970
4840
  {
4971
4841
  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
4842
  fill: accentColor
4973
4843
  }
4974
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4844
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4975
4845
  "path",
4976
4846
  {
4977
4847
  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
4848
  fill: accentColor
4979
4849
  }
4980
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4850
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4981
4851
  "path",
4982
4852
  {
4983
4853
  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
4854
  fill: accentColor
4985
4855
  }
4986
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4856
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4987
4857
  "path",
4988
4858
  {
4989
4859
  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
4860
  fill: accentColor
4991
4861
  }
4992
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4862
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4993
4863
  "path",
4994
4864
  {
4995
4865
  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
4866
  fill: accentColor
4997
4867
  }
4998
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4868
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
4999
4869
  "path",
5000
4870
  {
5001
4871
  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
4872
  fill: mainColor
5003
4873
  }
5004
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4874
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5005
4875
  "path",
5006
4876
  {
5007
4877
  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
4878
  fill: mainColor
5009
4879
  }
5010
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4880
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5011
4881
  "path",
5012
4882
  {
5013
4883
  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
4884
  fill: mainColor
5015
4885
  }
5016
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4886
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5017
4887
  "path",
5018
4888
  {
5019
4889
  d: "M21.4911 10.2565H31.1579V0.589175H21.4911V10.2565Z",
5020
4890
  fill: mainColor
5021
4891
  }
5022
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4892
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5023
4893
  "path",
5024
4894
  {
5025
4895
  d: "M41.3861 10.8855H31.7757V20.5528H41.3861V10.8855Z",
5026
4896
  fill: mainColor
5027
4897
  }
5028
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4898
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5029
4899
  "path",
5030
4900
  {
5031
4901
  d: "M42.0022 10.2547H51.6126V0.587402H42.0022V10.2547Z",
5032
4902
  fill: mainColor
5033
4903
  }
5034
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4904
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5035
4905
  "path",
5036
4906
  {
5037
4907
  d: "M21.477 30.7758H31.1431V21.1654H21.477V30.7758Z",
5038
4908
  fill: mainColor
5039
4909
  }
5040
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4910
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5041
4911
  "path",
5042
4912
  {
5043
4913
  d: "M11.2124 20.5493H20.8791V10.8826H11.2124V20.5493Z",
5044
4914
  fill: mainColor
5045
4915
  }
5046
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4916
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5047
4917
  "path",
5048
4918
  {
5049
4919
  d: "M0.910156 30.7911H10.5775V21.1801H0.910156V30.7911Z",
5050
4920
  fill: mainColor
5051
4921
  }
5052
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4922
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5053
4923
  "path",
5054
4924
  {
5055
4925
  d: "M11.1948 41.0258H20.8615V31.4154H11.1948V41.0258Z",
5056
4926
  fill: mainColor
5057
4927
  }
5058
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4928
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5059
4929
  "path",
5060
4930
  {
5061
4931
  d: "M31.7669 41.0581H41.4336V31.3908H31.7669V41.0581Z",
5062
4932
  fill: mainColor
5063
4933
  }
5064
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4934
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5065
4935
  "path",
5066
4936
  {
5067
4937
  d: "M21.4776 51.2277H31.1443V41.656H21.4776V51.2277Z",
5068
4938
  fill: mainColor
5069
4939
  }
5070
- ), /* @__PURE__ */ React88__namespace.default.createElement(
4940
+ ), /* @__PURE__ */ React87__namespace.default.createElement(
5071
4941
  "path",
5072
4942
  {
5073
4943
  d: "M42.0615 51.2283H51.7282V41.6989H42.0615V51.2283Z",
@@ -5083,7 +4953,6 @@ var init_logo = __esm({
5083
4953
  "src/logo/index.tsx"() {
5084
4954
  init_VyLogo();
5085
4955
  init_VyLogoPride();
5086
- init_VyLogoDefault();
5087
4956
  init_CargonetLogo();
5088
4957
  }
5089
4958
  });
@@ -5102,7 +4971,7 @@ var init_JumpButton = __esm({
5102
4971
  variant: "jumpSkip",
5103
4972
  size: size2
5104
4973
  });
5105
- return /* @__PURE__ */ React88__namespace.default.createElement(
4974
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5106
4975
  react.Center,
5107
4976
  {
5108
4977
  as: "button",
@@ -5111,7 +4980,7 @@ var init_JumpButton = __esm({
5111
4980
  disabled: isDisabled,
5112
4981
  ...props
5113
4982
  },
5114
- direction2 === "forward" ? /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.Backward15MediaControllerFill30Icon, { sx: styles3.icon })
4983
+ direction2 === "forward" ? /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.Forward15MediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.Backward15MediaControllerFill30Icon, { sx: styles3.icon })
5115
4984
  );
5116
4985
  };
5117
4986
  texts18 = createTexts({
@@ -5145,7 +5014,7 @@ var init_PlayPauseButton = __esm({
5145
5014
  variant: "play",
5146
5015
  size: size2
5147
5016
  });
5148
- return /* @__PURE__ */ React88__namespace.default.createElement(
5017
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5149
5018
  react.Center,
5150
5019
  {
5151
5020
  as: "button",
@@ -5154,7 +5023,7 @@ var init_PlayPauseButton = __esm({
5154
5023
  disabled: isDisabled,
5155
5024
  ...props
5156
5025
  },
5157
- isPlaying ? /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.PlayMediaControllerFill24Icon, { sx: styles3.icon })
5026
+ isPlaying ? /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.PauseMediaControllerFill24Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.PlayMediaControllerFill24Icon, { sx: styles3.icon })
5158
5027
  );
5159
5028
  };
5160
5029
  texts19 = createTexts({
@@ -5188,7 +5057,7 @@ var init_SkipButton = __esm({
5188
5057
  variant: "jumpSkip",
5189
5058
  size: size2
5190
5059
  });
5191
- return /* @__PURE__ */ React88__namespace.default.createElement(
5060
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5192
5061
  react.Center,
5193
5062
  {
5194
5063
  as: "button",
@@ -5197,7 +5066,7 @@ var init_SkipButton = __esm({
5197
5066
  disabled: isDisabled,
5198
5067
  ...props
5199
5068
  },
5200
- direction2 === "forward" ? /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.PreviousMediaControllerFill30Icon, { sx: styles3.icon })
5069
+ direction2 === "forward" ? /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.NextMediaControllerFill30Icon, { sx: styles3.icon }) : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.PreviousMediaControllerFill30Icon, { sx: styles3.icon })
5201
5070
  );
5202
5071
  };
5203
5072
  texts20 = createTexts({
@@ -5234,7 +5103,7 @@ var init_ModalHeader = __esm({
5234
5103
  fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
5235
5104
  textAlign: size2 === "lg" ? "center" : "left"
5236
5105
  };
5237
- return /* @__PURE__ */ React88__namespace.default.createElement(react.ModalHeader, { ...props, ref, ...styles3 });
5106
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.ModalHeader, { ...props, ref, ...styles3 });
5238
5107
  }
5239
5108
  );
5240
5109
  }
@@ -5244,7 +5113,7 @@ var init_Drawer = __esm({
5244
5113
  "src/modal/Drawer.tsx"() {
5245
5114
  init_ModalHeader();
5246
5115
  exports.Drawer = (props) => {
5247
- return /* @__PURE__ */ React88__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React88__namespace.default.createElement(react.Drawer, { ...props }));
5116
+ return /* @__PURE__ */ React87__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React87__namespace.default.createElement(react.Drawer, { ...props }));
5248
5117
  };
5249
5118
  exports.DrawerContent = react.forwardRef(
5250
5119
  ({ children, ...props }, ref) => {
@@ -5261,7 +5130,7 @@ var init_Drawer = __esm({
5261
5130
  });
5262
5131
  const isTopOrBottom = placement === "top" || placement === "bottom";
5263
5132
  const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
5264
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React88__namespace.default.createElement(
5133
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React87__namespace.default.createElement(
5265
5134
  react.DrawerContent,
5266
5135
  {
5267
5136
  ...widthConstraits,
@@ -5270,13 +5139,13 @@ var init_Drawer = __esm({
5270
5139
  ...props,
5271
5140
  ref
5272
5141
  },
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)))
5142
+ /* @__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
5143
  ));
5275
5144
  }
5276
5145
  );
5277
5146
  Notch = react.forwardRef((props, ref) => {
5278
5147
  const placement = useDrawerContext();
5279
- return /* @__PURE__ */ React88__namespace.default.createElement(
5148
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5280
5149
  react.Box,
5281
5150
  {
5282
5151
  position: "absolute",
@@ -5288,14 +5157,14 @@ var init_Drawer = __esm({
5288
5157
  ...props,
5289
5158
  ref
5290
5159
  },
5291
- /* @__PURE__ */ React88__namespace.default.createElement(
5160
+ /* @__PURE__ */ React87__namespace.default.createElement(
5292
5161
  react.Center,
5293
5162
  {
5294
5163
  background: placement === "bottom" ? "bottom" : "top",
5295
5164
  padding: 2,
5296
5165
  borderRadius: "md"
5297
5166
  },
5298
- /* @__PURE__ */ React88__namespace.default.createElement(
5167
+ /* @__PURE__ */ React87__namespace.default.createElement(
5299
5168
  react.Box,
5300
5169
  {
5301
5170
  width: "2.265rem",
@@ -5307,10 +5176,10 @@ var init_Drawer = __esm({
5307
5176
  )
5308
5177
  );
5309
5178
  });
5310
- DrawerContext = React88__namespace.default.createContext(void 0);
5311
- DrawerProvider = (props) => /* @__PURE__ */ React88__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
5179
+ DrawerContext = React87__namespace.default.createContext(void 0);
5180
+ DrawerProvider = (props) => /* @__PURE__ */ React87__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
5312
5181
  useDrawerContext = () => {
5313
- return React88__namespace.default.useContext(DrawerContext);
5182
+ return React87__namespace.default.useContext(DrawerContext);
5314
5183
  };
5315
5184
  }
5316
5185
  });
@@ -5324,13 +5193,13 @@ var init_FullScreenDrawer = __esm({
5324
5193
  children,
5325
5194
  title,
5326
5195
  placement = "bottom",
5327
- leftButton = /* @__PURE__ */ React88__namespace.default.createElement(DrawerBackButton, null),
5328
- rightButton = /* @__PURE__ */ React88__namespace.default.createElement(DrawerCloseButton2, null),
5196
+ leftButton = /* @__PURE__ */ React87__namespace.default.createElement(DrawerBackButton, null),
5197
+ rightButton = /* @__PURE__ */ React87__namespace.default.createElement(DrawerCloseButton2, null),
5329
5198
  isOpen,
5330
5199
  onClose,
5331
5200
  body
5332
5201
  }) => {
5333
- const [isContentBoxScrolled, setContentBoxScrolled] = React88.useState(false);
5202
+ const [isContentBoxScrolled, setContentBoxScrolled] = React87.useState(false);
5334
5203
  const onContentScroll = (e) => {
5335
5204
  const target = e.target;
5336
5205
  if (target.scrollTop <= 0) {
@@ -5339,10 +5208,10 @@ var init_FullScreenDrawer = __esm({
5339
5208
  }
5340
5209
  setContentBoxScrolled(true);
5341
5210
  };
5342
- React88.useEffect(() => {
5211
+ React87.useEffect(() => {
5343
5212
  setContentBoxScrolled(false);
5344
5213
  }, [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(
5214
+ 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
5215
  react.DrawerContent,
5347
5216
  {
5348
5217
  height: "100vh",
@@ -5350,7 +5219,7 @@ var init_FullScreenDrawer = __esm({
5350
5219
  backgroundPosition: "top",
5351
5220
  backgroundRepeat: "no-repeat"
5352
5221
  },
5353
- /* @__PURE__ */ React88__namespace.default.createElement(
5222
+ /* @__PURE__ */ React87__namespace.default.createElement(
5354
5223
  DrawerTopMenu,
5355
5224
  {
5356
5225
  isScrolled: isContentBoxScrolled,
@@ -5359,7 +5228,7 @@ var init_FullScreenDrawer = __esm({
5359
5228
  rightButton
5360
5229
  }
5361
5230
  ),
5362
- /* @__PURE__ */ React88__namespace.default.createElement(react.DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
5231
+ /* @__PURE__ */ React87__namespace.default.createElement(react.DrawerBody, { overflow: "auto", onScroll: onContentScroll, ...body }, children)
5363
5232
  ));
5364
5233
  };
5365
5234
  DrawerTopMenu = ({
@@ -5372,7 +5241,7 @@ var init_FullScreenDrawer = __esm({
5372
5241
  "bg.default.light",
5373
5242
  "bg.default.dark"
5374
5243
  );
5375
- return /* @__PURE__ */ React88__namespace.default.createElement(
5244
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5376
5245
  react.Flex,
5377
5246
  {
5378
5247
  width: "100%",
@@ -5385,8 +5254,8 @@ var init_FullScreenDrawer = __esm({
5385
5254
  transition: "box-shadow 0.2s",
5386
5255
  boxShadow: isScrolled ? "md" : void 0
5387
5256
  },
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(
5257
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width: "fit-content" }, leftButton)),
5258
+ /* @__PURE__ */ React87__namespace.default.createElement(
5390
5259
  react.DrawerHeader,
5391
5260
  {
5392
5261
  as: "h2",
@@ -5399,7 +5268,7 @@ var init_FullScreenDrawer = __esm({
5399
5268
  },
5400
5269
  title
5401
5270
  ),
5402
- /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
5271
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { flex: "1" }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { width: "fit-content", marginLeft: "auto" }, rightButton))
5403
5272
  );
5404
5273
  };
5405
5274
  DrawerCloseButton2 = () => {
@@ -5409,11 +5278,11 @@ var init_FullScreenDrawer = __esm({
5409
5278
  `(min-width: ${tokens11__namespace.default.size.breakpoint.sm})`
5410
5279
  );
5411
5280
  if (isScreenSizeMinSm) {
5412
- return /* @__PURE__ */ React88__namespace.default.createElement(
5281
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5413
5282
  exports.Button,
5414
5283
  {
5415
5284
  variant: "ghost",
5416
- leftIcon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CloseFill24Icon, null),
5285
+ leftIcon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill24Icon, null),
5417
5286
  onClick: onClose,
5418
5287
  "aria-label": t2(texts21.close),
5419
5288
  width: "fit-content",
@@ -5422,11 +5291,11 @@ var init_FullScreenDrawer = __esm({
5422
5291
  t2(texts21.close)
5423
5292
  );
5424
5293
  }
5425
- return /* @__PURE__ */ React88__namespace.default.createElement(
5294
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5426
5295
  exports.IconButton,
5427
5296
  {
5428
5297
  variant: "ghost",
5429
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CloseFill30Icon, null),
5298
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill30Icon, null),
5430
5299
  onClick: onClose,
5431
5300
  "aria-label": t2(texts21.close)
5432
5301
  }
@@ -5439,11 +5308,11 @@ var init_FullScreenDrawer = __esm({
5439
5308
  `(min-width: ${tokens11__namespace.default.size.breakpoint.sm})`
5440
5309
  );
5441
5310
  if (isScreenSizeMinSm) {
5442
- return /* @__PURE__ */ React88__namespace.default.createElement(
5311
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5443
5312
  exports.Button,
5444
5313
  {
5445
5314
  variant: "ghost",
5446
- leftIcon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
5315
+ leftIcon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
5447
5316
  onClick: onClose,
5448
5317
  "aria-label": t2(texts21.backAriaLabel),
5449
5318
  width: "fit-content",
@@ -5452,11 +5321,11 @@ var init_FullScreenDrawer = __esm({
5452
5321
  t2(texts21.back)
5453
5322
  );
5454
5323
  }
5455
- return /* @__PURE__ */ React88__namespace.default.createElement(
5324
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5456
5325
  exports.IconButton,
5457
5326
  {
5458
5327
  variant: "ghost",
5459
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.ArrowLeftFill30Icon, null),
5328
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowLeftFill30Icon, null),
5460
5329
  onClick: onClose,
5461
5330
  "aria-label": t2(texts21.close)
5462
5331
  }
@@ -5505,7 +5374,7 @@ var init_SimpleDrawer = __esm({
5505
5374
  body,
5506
5375
  ...props
5507
5376
  }) => {
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)));
5377
+ 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
5378
  };
5510
5379
  }
5511
5380
  });
@@ -5544,7 +5413,7 @@ var init_Nudge = __esm({
5544
5413
  }
5545
5414
  return null;
5546
5415
  }
5547
- return /* @__PURE__ */ React88__namespace.default.createElement(
5416
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5548
5417
  react.Popover,
5549
5418
  {
5550
5419
  arrowSize: 12,
@@ -5552,8 +5421,8 @@ var init_Nudge = __esm({
5552
5421
  defaultIsOpen: true,
5553
5422
  ...props
5554
5423
  },
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)))))))
5424
+ /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverAnchor, null, children),
5425
+ /* @__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
5426
  );
5558
5427
  };
5559
5428
  texts22 = createTexts({
@@ -5583,23 +5452,23 @@ var init_WizardNudge = __esm({
5583
5452
  content,
5584
5453
  ...props
5585
5454
  }) => {
5586
- const [currentStep, setCurrentStep] = React88.useState(1);
5455
+ const [currentStep, setCurrentStep] = React87.useState(1);
5587
5456
  const totalSteps = content.length;
5588
5457
  const isLastStep = totalSteps === currentStep;
5589
5458
  const onNext = () => setCurrentStep((prev) => prev + 1);
5590
- return /* @__PURE__ */ React88__namespace.default.createElement(
5459
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5591
5460
  exports.Nudge,
5592
5461
  {
5593
5462
  onClose,
5594
5463
  name,
5595
5464
  content: content[currentStep - 1],
5596
- actions: /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React88__namespace.default.createElement(
5465
+ actions: /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { gap: 3, alignItems: "center" }, /* @__PURE__ */ React87__namespace.default.createElement(
5597
5466
  exports.ProgressIndicator,
5598
5467
  {
5599
5468
  activeStep: currentStep,
5600
5469
  numberOfSteps: totalSteps
5601
5470
  }
5602
- ), /* @__PURE__ */ React88__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React88__namespace.default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
5471
+ ), /* @__PURE__ */ React87__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React87__namespace.default.createElement(NextOrCloseButton, { isLastStep, onNext }))),
5603
5472
  ...props
5604
5473
  },
5605
5474
  children
@@ -5608,12 +5477,12 @@ var init_WizardNudge = __esm({
5608
5477
  NextOrCloseButton = ({ isLastStep, onNext }) => {
5609
5478
  const { onClose } = react.usePopoverContext();
5610
5479
  const { t: t2 } = useTranslation();
5611
- return /* @__PURE__ */ React88__namespace.default.createElement(
5480
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5612
5481
  exports.Button,
5613
5482
  {
5614
5483
  variant: "tertiary",
5615
5484
  size: "xs",
5616
- leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.ArrowRightFill18Icon, null),
5485
+ leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowRightFill18Icon, null),
5617
5486
  onClick: isLastStep ? onClose : onNext,
5618
5487
  width: "fit-content"
5619
5488
  },
@@ -5691,7 +5560,7 @@ var init_Pagination = __esm({
5691
5560
  }
5692
5561
  }
5693
5562
  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(
5563
+ (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
5564
  react.Link,
5696
5565
  {
5697
5566
  key: index,
@@ -5708,7 +5577,7 @@ var init_Pagination = __esm({
5708
5577
  )
5709
5578
  );
5710
5579
  };
5711
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React88__namespace.default.createElement(
5580
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { as: "nav", "aria-label": "pagination" }, /* @__PURE__ */ React87__namespace.default.createElement(
5712
5581
  react.UnorderedList,
5713
5582
  {
5714
5583
  display: "flex",
@@ -5717,22 +5586,22 @@ var init_Pagination = __esm({
5717
5586
  padding: 0,
5718
5587
  margin: 0
5719
5588
  },
5720
- /* @__PURE__ */ React88__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts24.previousPage) }, /* @__PURE__ */ React88__namespace.default.createElement(
5589
+ /* @__PURE__ */ React87__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts24.previousPage) }, /* @__PURE__ */ React87__namespace.default.createElement(
5721
5590
  exports.TextLink,
5722
5591
  {
5723
5592
  onClick: () => onPageChange(selectedPage - 1),
5724
5593
  sx: hasPreviousPage ? style.link : style.disabled
5725
5594
  },
5726
- /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, { sx: style.icon })
5595
+ /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownLeftFill18Icon, { sx: style.icon })
5727
5596
  )),
5728
5597
  renderPaginationButtons(),
5729
- /* @__PURE__ */ React88__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts24.nextPage) }, /* @__PURE__ */ React88__namespace.default.createElement(
5598
+ /* @__PURE__ */ React87__namespace.default.createElement(react.ListItem, { "aria-label": t2(texts24.nextPage) }, /* @__PURE__ */ React87__namespace.default.createElement(
5730
5599
  exports.TextLink,
5731
5600
  {
5732
5601
  onClick: () => onPageChange(selectedPage + 1),
5733
5602
  sx: hasNextPage ? style.link : style.disabled
5734
5603
  },
5735
- /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { sx: style.icon })
5604
+ /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { sx: style.icon })
5736
5605
  ))
5737
5606
  ));
5738
5607
  };
@@ -5765,7 +5634,7 @@ var init_ProgressDot = __esm({
5765
5634
  init_src();
5766
5635
  ProgressDot = ({ isActive }) => {
5767
5636
  const style = react.useMultiStyleConfig("ProgressIndicator");
5768
- return /* @__PURE__ */ React88__namespace.default.createElement(
5637
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5769
5638
  react.Box,
5770
5639
  {
5771
5640
  as: "svg",
@@ -5775,7 +5644,7 @@ var init_ProgressDot = __esm({
5775
5644
  viewBox: "0 0 100 100",
5776
5645
  "aria-current": isActive ? "step" : void 0
5777
5646
  },
5778
- /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { as: "circle", cx: "50", cy: "50", r: "50" })
5647
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { as: "circle", cx: "50", cy: "50", r: "50" })
5779
5648
  );
5780
5649
  };
5781
5650
  }
@@ -5791,7 +5660,7 @@ var init_ProgressIndicator = __esm({
5791
5660
  }) => {
5792
5661
  const { t: t2 } = useTranslation();
5793
5662
  const style = react.useMultiStyleConfig("ProgressIndicator");
5794
- return /* @__PURE__ */ React88__namespace.default.createElement(
5663
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5795
5664
  react.Box,
5796
5665
  {
5797
5666
  __css: style.root,
@@ -5801,7 +5670,7 @@ var init_ProgressIndicator = __esm({
5801
5670
  "aria-valuenow": activeStep,
5802
5671
  "aria-valuetext": t2(texts25.stepsOf(activeStep, numberOfSteps))
5803
5672
  },
5804
- /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React88__namespace.default.createElement(
5673
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { __css: style.container }, Array.from({ length: numberOfSteps }, (_, i) => /* @__PURE__ */ React87__namespace.default.createElement(
5805
5674
  ProgressDot,
5806
5675
  {
5807
5676
  key: i,
@@ -5833,7 +5702,6 @@ var init_SporProvider = __esm({
5833
5702
  "src/provider/SporProvider.tsx"() {
5834
5703
  init_src();
5835
5704
  init_src();
5836
- init_PrideProvider();
5837
5705
  exports.SporProvider = ({
5838
5706
  theme: theme3 = exports.theme,
5839
5707
  language = "nb" /* NorwegianBokmal */,
@@ -5843,7 +5711,7 @@ var init_SporProvider = __esm({
5843
5711
  }) => {
5844
5712
  const brandCustomizations = exports.brandTheme[brand] ?? {};
5845
5713
  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)));
5714
+ 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
5715
  };
5848
5716
  }
5849
5717
  });
@@ -5852,13 +5720,12 @@ var init_SporProvider = __esm({
5852
5720
  var init_provider = __esm({
5853
5721
  "src/provider/index.tsx"() {
5854
5722
  init_SporProvider();
5855
- init_PrideProvider();
5856
5723
  }
5857
5724
  });
5858
5725
  var StepperContext, StepperProvider, useStepper;
5859
5726
  var init_StepperContext = __esm({
5860
5727
  "src/stepper/StepperContext.tsx"() {
5861
- StepperContext = React88__namespace.default.createContext(null);
5728
+ StepperContext = React87__namespace.default.createContext(null);
5862
5729
  StepperProvider = ({
5863
5730
  activeStep,
5864
5731
  children,
@@ -5866,7 +5733,7 @@ var init_StepperContext = __esm({
5866
5733
  numberOfSteps,
5867
5734
  variant
5868
5735
  }) => {
5869
- return /* @__PURE__ */ React88__namespace.default.createElement(
5736
+ return /* @__PURE__ */ React87__namespace.default.createElement(
5870
5737
  StepperContext.Provider,
5871
5738
  {
5872
5739
  value: { activeStep, onClick, numberOfSteps, variant }
@@ -5875,7 +5742,7 @@ var init_StepperContext = __esm({
5875
5742
  );
5876
5743
  };
5877
5744
  useStepper = () => {
5878
- const context = React88__namespace.default.useContext(StepperContext);
5745
+ const context = React87__namespace.default.useContext(StepperContext);
5879
5746
  if (!context) {
5880
5747
  throw new Error(
5881
5748
  "useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
@@ -5909,7 +5776,7 @@ var init_Stepper = __esm({
5909
5776
  const { t: t2 } = useTranslation();
5910
5777
  const hideBackButtonOnFirstStep = activeStep === 1 && !onBackButtonClick;
5911
5778
  const shownHeading = heading || title;
5912
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { sx: style.root }, /* @__PURE__ */ React88__namespace.default.createElement(
5779
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: style.root }, /* @__PURE__ */ React87__namespace.default.createElement(
5913
5780
  StepperProvider,
5914
5781
  {
5915
5782
  onClick,
@@ -5917,7 +5784,7 @@ var init_Stepper = __esm({
5917
5784
  variant,
5918
5785
  numberOfSteps
5919
5786
  },
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(
5787
+ /* @__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
5788
  react.Flex,
5922
5789
  {
5923
5790
  justifyContent: "space-between",
@@ -5925,11 +5792,11 @@ var init_Stepper = __esm({
5925
5792
  gap: 2,
5926
5793
  flex: 1
5927
5794
  },
5928
- /* @__PURE__ */ React88__namespace.default.createElement(
5795
+ /* @__PURE__ */ React87__namespace.default.createElement(
5929
5796
  exports.IconButton,
5930
5797
  {
5931
5798
  "aria-label": t2(texts26.back),
5932
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
5799
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.ArrowLeftFill24Icon, null),
5933
5800
  variant: "ghost",
5934
5801
  size: "sm",
5935
5802
  visibility: hideBackButtonOnFirstStep ? "hidden" : "visible",
@@ -5942,9 +5809,9 @@ var init_Stepper = __esm({
5942
5809
  }
5943
5810
  }
5944
5811
  ),
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(
5812
+ shownHeading && /* @__PURE__ */ React87__namespace.default.createElement(exports.Text, { flex: 1, variant: "sm", as: headingLevel, sx: style.title }, shownHeading),
5813
+ /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: style.stepCounter }, t2(texts26.stepsOf(activeStep, numberOfSteps)))
5814
+ )), /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", null, "flex"] }, steps.map((step, index) => /* @__PURE__ */ React87__namespace.default.createElement(
5948
5815
  exports.StepperStep,
5949
5816
  {
5950
5817
  key: index,
@@ -5996,14 +5863,14 @@ var init_StepperStep = __esm({
5996
5863
  );
5997
5864
  const iconColor = react.useColorModeValue("blackAlpha.200", "whiteAlpha.200");
5998
5865
  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(
5866
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { sx: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React87__namespace.default.createElement(
6000
5867
  sporIconReact.DropdownRightFill18Icon,
6001
5868
  {
6002
5869
  marginX: 5,
6003
5870
  display: ["none", null, "block"],
6004
5871
  color: iconColor
6005
5872
  }
6006
- ), isDisabled ? /* @__PURE__ */ React88__namespace.default.createElement(
5873
+ ), isDisabled ? /* @__PURE__ */ React87__namespace.default.createElement(
6007
5874
  exports.Text,
6008
5875
  {
6009
5876
  variant: "xs",
@@ -6013,7 +5880,7 @@ var init_StepperStep = __esm({
6013
5880
  paddingX: 2
6014
5881
  },
6015
5882
  children
6016
- ) : /* @__PURE__ */ React88__namespace.default.createElement(
5883
+ ) : /* @__PURE__ */ React87__namespace.default.createElement(
6017
5884
  exports.Button,
6018
5885
  {
6019
5886
  size: "xs",
@@ -6049,7 +5916,7 @@ exports.Tabs = void 0;
6049
5916
  var init_Tabs = __esm({
6050
5917
  "src/tab/Tabs.tsx"() {
6051
5918
  exports.Tabs = react.forwardRef((props, ref) => {
6052
- return /* @__PURE__ */ React88__namespace.createElement(react.Tabs, { ...props, ref });
5919
+ return /* @__PURE__ */ React87__namespace.createElement(react.Tabs, { ...props, ref });
6053
5920
  });
6054
5921
  }
6055
5922
  });
@@ -6071,7 +5938,7 @@ var init_Table = __esm({
6071
5938
  "src/table/Table.tsx"() {
6072
5939
  exports.Table = react.forwardRef((props, ref) => {
6073
5940
  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(
5941
+ 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
5942
  react.Table,
6076
5943
  {
6077
5944
  variant,
@@ -13990,7 +13857,6 @@ var init_info_select = __esm({
13990
13857
  justifyContent: "space-between",
13991
13858
  alignItems: "center",
13992
13859
  fontSize: "mobile.md",
13993
- h: 8,
13994
13860
  ...baseBorder("default", props),
13995
13861
  _hover: {
13996
13862
  ...baseBorder("hover", props)
@@ -16423,12 +16289,12 @@ var init_BaseToast = __esm({
16423
16289
  init_src();
16424
16290
  BaseToast = ({ children, variant, id }) => {
16425
16291
  const styles3 = react.useStyleConfig("Toast", { variant });
16426
- return /* @__PURE__ */ React88__namespace.default.createElement(react.Flex, { sx: styles3, id }, /* @__PURE__ */ React88__namespace.default.createElement(ToastIcon, { variant }), children);
16292
+ return /* @__PURE__ */ React87__namespace.default.createElement(react.Flex, { sx: styles3, id }, /* @__PURE__ */ React87__namespace.default.createElement(ToastIcon, { variant }), children);
16427
16293
  };
16428
16294
  ToastIcon = ({ variant }) => {
16429
16295
  const Icon = getIcon3(variant);
16430
16296
  const { t: t2 } = useTranslation();
16431
- return /* @__PURE__ */ React88__namespace.default.createElement(
16297
+ return /* @__PURE__ */ React87__namespace.default.createElement(
16432
16298
  Icon,
16433
16299
  {
16434
16300
  flexShrink: 0,
@@ -16483,7 +16349,7 @@ var init_ActionToast = __esm({
16483
16349
  buttonText,
16484
16350
  id
16485
16351
  }) => {
16486
- 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));
16352
+ 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));
16487
16353
  };
16488
16354
  }
16489
16355
  });
@@ -16500,13 +16366,13 @@ var init_ClosableToast = __esm({
16500
16366
  }) => {
16501
16367
  const styles3 = react.useMultiStyleConfig("Toast", { variant });
16502
16368
  const { t: t2 } = useTranslation();
16503
- return /* @__PURE__ */ React88__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React88__namespace.default.createElement(react.Box, { flexGrow: "1" }, children), /* @__PURE__ */ React88__namespace.default.createElement(
16369
+ return /* @__PURE__ */ React87__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React87__namespace.default.createElement(react.Box, { flexGrow: "1" }, children), /* @__PURE__ */ React87__namespace.default.createElement(
16504
16370
  exports.IconButton,
16505
16371
  {
16506
16372
  sx: styles3.dismissButton,
16507
16373
  variant: "ghost",
16508
16374
  "aria-label": t2(texts28.dismiss),
16509
- icon: /* @__PURE__ */ React88__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
16375
+ icon: /* @__PURE__ */ React87__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
16510
16376
  onClick: onClose
16511
16377
  }
16512
16378
  ));
@@ -16529,7 +16395,7 @@ var init_useToast = __esm({
16529
16395
  init_ClosableToast();
16530
16396
  exports.useToast = () => {
16531
16397
  const toast = react.useToast();
16532
- const wrappedToast = React88.useCallback((opts) => {
16398
+ const wrappedToast = React87.useCallback((opts) => {
16533
16399
  const Toast = getToastComponent(opts);
16534
16400
  toast({
16535
16401
  ...opts,
@@ -16540,7 +16406,7 @@ var init_useToast = __esm({
16540
16406
  };
16541
16407
  getToastComponent = (opts) => {
16542
16408
  if ("isClosable" in opts && opts.isClosable) {
16543
- return ({ onClose, id }) => /* @__PURE__ */ React88__namespace.default.createElement(
16409
+ return ({ onClose, id }) => /* @__PURE__ */ React87__namespace.default.createElement(
16544
16410
  ClosableToast,
16545
16411
  {
16546
16412
  id,
@@ -16556,7 +16422,7 @@ var init_useToast = __esm({
16556
16422
  );
16557
16423
  }
16558
16424
  if ("buttonText" in opts) {
16559
- return ({ id }) => /* @__PURE__ */ React88__namespace.default.createElement(
16425
+ return ({ id }) => /* @__PURE__ */ React87__namespace.default.createElement(
16560
16426
  ActionToast,
16561
16427
  {
16562
16428
  id,
@@ -16567,7 +16433,7 @@ var init_useToast = __esm({
16567
16433
  opts.text
16568
16434
  );
16569
16435
  }
16570
- return ({ id }) => /* @__PURE__ */ React88__namespace.default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
16436
+ return ({ id }) => /* @__PURE__ */ React87__namespace.default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
16571
16437
  };
16572
16438
  }
16573
16439
  });
@@ -16592,7 +16458,7 @@ var init_Tooltip = __esm({
16592
16458
  withCloseButton = false,
16593
16459
  ...props
16594
16460
  }) => {
16595
- return /* @__PURE__ */ React88__namespace.default.createElement(
16461
+ return /* @__PURE__ */ React87__namespace.default.createElement(
16596
16462
  react.Popover,
16597
16463
  {
16598
16464
  onClose,
@@ -16604,8 +16470,8 @@ var init_Tooltip = __esm({
16604
16470
  arrowShadowColor: "none",
16605
16471
  ...props
16606
16472
  },
16607
- /* @__PURE__ */ React88__namespace.default.createElement(react.PopoverTrigger, null, children),
16608
- /* @__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))
16473
+ /* @__PURE__ */ React87__namespace.default.createElement(react.PopoverTrigger, null, children),
16474
+ /* @__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))
16609
16475
  );
16610
16476
  };
16611
16477
  }
@@ -16678,8 +16544,8 @@ function useSizes({
16678
16544
  getNodes,
16679
16545
  observeMutation = true
16680
16546
  }) {
16681
- const [sizes26, setSizes] = React88.useState([]);
16682
- const [count, setCount] = React88.useState(0);
16547
+ const [sizes26, setSizes] = React87.useState([]);
16548
+ const [count, setCount] = React87.useState(0);
16683
16549
  useSafeLayoutEffect(() => {
16684
16550
  const elements = getNodes();
16685
16551
  const cleanups = elements.map(
@@ -16727,7 +16593,7 @@ var init_dist9 = __esm({
16727
16593
  "../../node_modules/@chakra-ui/react-use-size/dist/index.mjs"() {
16728
16594
  "use client";
16729
16595
  init_dist8();
16730
- useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React88.useLayoutEffect : React88.useEffect;
16596
+ useSafeLayoutEffect = Boolean(globalThis == null ? void 0 : globalThis.document) ? React87.useLayoutEffect : React87.useEffect;
16731
16597
  }
16732
16598
  });
16733
16599
  var init_externals = __esm({
@@ -16782,7 +16648,6 @@ var init_src = __esm({
16782
16648
  init_modal();
16783
16649
  init_nudge();
16784
16650
  init_pagination();
16785
- init_pride();
16786
16651
  init_progress_indicator();
16787
16652
  init_provider();
16788
16653
  init_stepper();