@vygruppen/spor-react 2.3.1 → 2.3.4

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.
Files changed (12) hide show
  1. package/.turbo/turbo-build.log +9 -9
  2. package/CHANGELOG.md +20 -0
  3. package/dist/{CountryCodeSelect-ZOSDJ6DE.mjs → CountryCodeSelect-WGG2Z3VI.mjs} +1 -1
  4. package/dist/{chunk-DSLSJDMJ.mjs → chunk-QXVLVC2K.mjs} +293 -273
  5. package/dist/index.d.ts +71 -12
  6. package/dist/index.js +399 -377
  7. package/dist/index.mjs +1 -1
  8. package/package.json +6 -7
  9. package/src/i18n/index.tsx +100 -9
  10. package/src/input/NumericStepper.tsx +5 -2
  11. package/src/input/PhoneNumberInput.tsx +1 -1
  12. package/src/provider/SporProvider.tsx +1 -1
package/dist/index.js CHANGED
@@ -1,8 +1,7 @@
1
1
  'use strict';
2
2
 
3
- var React48 = require('react');
3
+ var React49 = require('react');
4
4
  var react = require('@chakra-ui/react');
5
- var loboT = require('@leile/lobo-t');
6
5
  var lottieReact = require('lottie-react');
7
6
  var sporLoader = require('@vygruppen/spor-loader');
8
7
  var reactAria = require('react-aria');
@@ -33,7 +32,7 @@ function _interopNamespace(e) {
33
32
  return Object.freeze(n);
34
33
  }
35
34
 
36
- var React48__namespace = /*#__PURE__*/_interopNamespace(React48);
35
+ var React49__namespace = /*#__PURE__*/_interopNamespace(React49);
37
36
  var tokens10__namespace = /*#__PURE__*/_interopNamespace(tokens10);
38
37
 
39
38
  var __create = Object.create;
@@ -71,15 +70,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
71
70
  var AccordionContext, AccordionProvider, useAccordionContext;
72
71
  var init_AccordionContext = __esm({
73
72
  "src/accordion/AccordionContext.tsx"() {
74
- AccordionContext = React48__namespace.default.createContext(null);
73
+ AccordionContext = React49__namespace.default.createContext(null);
75
74
  AccordionProvider = ({
76
75
  size: size2,
77
76
  ...props
78
77
  }) => {
79
- return /* @__PURE__ */ React48__namespace.default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
78
+ return /* @__PURE__ */ React49__namespace.default.createElement(AccordionContext.Provider, { value: { size: size2 }, ...props });
80
79
  };
81
80
  useAccordionContext = () => {
82
- const context = React48__namespace.default.useContext(AccordionContext);
81
+ const context = React49__namespace.default.useContext(AccordionContext);
83
82
  if (context === null) {
84
83
  throw new Error(
85
84
  "useAccordionContext must be used within AccordionProvider"
@@ -95,7 +94,7 @@ var init_Accordion = __esm({
95
94
  init_AccordionContext();
96
95
  exports.Accordion = react.forwardRef((props, ref) => {
97
96
  const defaultIndex = typeof props.defaultIndex === "number" && props.allowMultiple ? [props.defaultIndex] : props.defaultIndex;
98
- return /* @__PURE__ */ React48__namespace.default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React48__namespace.default.createElement(
97
+ return /* @__PURE__ */ React49__namespace.default.createElement(AccordionProvider, { size: props.size }, /* @__PURE__ */ React49__namespace.default.createElement(
99
98
  react.Accordion,
100
99
  {
101
100
  ...props,
@@ -119,7 +118,7 @@ var init_Expandable = __esm({
119
118
  size: size2 = "md",
120
119
  ...rest
121
120
  }) => {
122
- return /* @__PURE__ */ React48__namespace.default.createElement(exports.Accordion, { ...rest, size: size2 }, /* @__PURE__ */ React48__namespace.default.createElement(
121
+ return /* @__PURE__ */ React49__namespace.default.createElement(exports.Accordion, { ...rest, size: size2 }, /* @__PURE__ */ React49__namespace.default.createElement(
123
122
  exports.ExpandableItem,
124
123
  {
125
124
  headingLevel,
@@ -138,7 +137,7 @@ var init_Expandable = __esm({
138
137
  }) => {
139
138
  const { size: size2 } = useAccordionContext();
140
139
  warnAboutMismatchingIcon({ icon: leftIcon, size: size2 });
141
- return /* @__PURE__ */ React48__namespace.default.createElement(react.AccordionItem, { ...rest }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { as: headingLevel }, /* @__PURE__ */ React48__namespace.default.createElement(react.AccordionButton, null, /* @__PURE__ */ React48__namespace.default.createElement(react.Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { mr: 2 }, leftIcon), title), /* @__PURE__ */ React48__namespace.default.createElement(react.AccordionIcon, null))), /* @__PURE__ */ React48__namespace.default.createElement(react.AccordionPanel, null, children));
140
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.AccordionItem, { ...rest }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { as: headingLevel }, /* @__PURE__ */ React49__namespace.default.createElement(react.AccordionButton, null, /* @__PURE__ */ React49__namespace.default.createElement(react.Flex, { alignItems: "center" }, leftIcon && /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { mr: 2 }, leftIcon), title), /* @__PURE__ */ React49__namespace.default.createElement(react.AccordionIcon, null))), /* @__PURE__ */ React49__namespace.default.createElement(react.AccordionPanel, null, children));
142
141
  };
143
142
  warnAboutMismatchingIcon = ({ icon, size: size2 }) => {
144
143
  var _a6, _b5;
@@ -185,10 +184,30 @@ var init_accordion = __esm({
185
184
  init_Expandable();
186
185
  }
187
186
  });
187
+ function LanguageProvider({
188
+ language,
189
+ children
190
+ }) {
191
+ return /* @__PURE__ */ React49__namespace.default.createElement(LanguageContext.Provider, { value: language }, children);
192
+ }
193
+ function useLanguage() {
194
+ const language = React49.useContext(LanguageContext);
195
+ if (!language) {
196
+ throw new Error("Please wrap your application in a LanguageProvider");
197
+ }
198
+ return language;
199
+ }
200
+ function useTranslation() {
201
+ const language = useLanguage();
202
+ const t2 = (text) => {
203
+ return text[language];
204
+ };
205
+ return { t: t2, language };
206
+ }
188
207
  function createTexts(texts24) {
189
208
  return texts24;
190
209
  }
191
- exports.Language = void 0; exports.LanguageProvider = void 0; exports.useTranslation = void 0;
210
+ exports.Language = void 0; var LanguageContext;
192
211
  var init_i18n = __esm({
193
212
  "src/i18n/index.tsx"() {
194
213
  exports.Language = /* @__PURE__ */ ((Language3) => {
@@ -198,14 +217,12 @@ var init_i18n = __esm({
198
217
  Language3["English"] = "en";
199
218
  return Language3;
200
219
  })(exports.Language || {});
201
- ({ LanguageProvider: exports.LanguageProvider, useTranslation: exports.useTranslation } = loboT.initLobot(
202
- "nb" /* NorwegianBokmal */
203
- ));
220
+ LanguageContext = React49.createContext(void 0);
204
221
  }
205
222
  });
206
223
  function useHydrated() {
207
- let [hydrated, setHydrated] = React48.useState(() => !hydrating);
208
- React48.useEffect(function hydrate() {
224
+ let [hydrated, setHydrated] = React49.useState(() => !hydrating);
225
+ React49.useEffect(function hydrate() {
209
226
  hydrating = false;
210
227
  setHydrated(true);
211
228
  }, []);
@@ -223,13 +240,13 @@ var init_ClientOnly = __esm({
223
240
  init_useHydrated();
224
241
  ClientOnly = ({ children, fallback = null }) => {
225
242
  const isHydrated = useHydrated();
226
- return /* @__PURE__ */ React48__namespace.default.createElement(React48__namespace.default.Fragment, null, isHydrated ? children() : fallback);
243
+ return /* @__PURE__ */ React49__namespace.default.createElement(React49__namespace.default.Fragment, null, isHydrated ? children() : fallback);
227
244
  };
228
245
  }
229
246
  });
230
247
  function Lottie({ animationData }) {
231
248
  const { View } = lottieReact.useLottie({ animationData, loop: true });
232
- return /* @__PURE__ */ React48__namespace.default.createElement(React48__namespace.default.Fragment, null, View);
249
+ return /* @__PURE__ */ React49__namespace.default.createElement(React49__namespace.default.Fragment, null, View);
233
250
  }
234
251
  var init_Lottie = __esm({
235
252
  "src/loader/Lottie.tsx"() {
@@ -245,7 +262,7 @@ var init_ColorInlineLoader = __esm({
245
262
  maxWidth,
246
263
  ...props
247
264
  }) => {
248
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React48__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React48__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderColorData }))));
265
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React49__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React49__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderColorData }))));
249
266
  };
250
267
  }
251
268
  });
@@ -260,7 +277,7 @@ var init_ColorSpinner = __esm({
260
277
  maxWidth,
261
278
  ...props
262
279
  }) => {
263
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React48__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React48__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerColorData }))), children && /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { mt: 3, fontWeight: "bold" }, children));
280
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React49__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React49__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerColorData }))), children && /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { mt: 3, fontWeight: "bold" }, children));
264
281
  };
265
282
  }
266
283
  });
@@ -270,7 +287,7 @@ var init_ContentLoader = __esm({
270
287
  init_ClientOnly();
271
288
  init_Lottie();
272
289
  exports.ContentLoader = ({ children, ...props }) => {
273
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { maxWidth: "140px", mx: "auto" }, /* @__PURE__ */ React48__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React48__namespace.default.createElement(Lottie, { animationData: sporLoader.contentLoaderData }))), children && /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { textAlign: "center", fontWeight: "bold" }, children));
290
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { maxWidth: "140px", mx: "auto" }, /* @__PURE__ */ React49__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React49__namespace.default.createElement(Lottie, { animationData: sporLoader.contentLoaderData }))), children && /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { textAlign: "center", fontWeight: "bold" }, children));
274
291
  };
275
292
  }
276
293
  });
@@ -284,7 +301,7 @@ var init_DarkFullScreenLoader = __esm({
284
301
  maxWidth,
285
302
  ...props
286
303
  }) => {
287
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React48__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React48__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderWhiteData }))));
304
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Center, { height: "100%", background: "darkTeal", ...props }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React49__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React49__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderWhiteData }))));
288
305
  };
289
306
  }
290
307
  });
@@ -298,7 +315,7 @@ var init_DarkInlineLoader = __esm({
298
315
  maxWidth,
299
316
  ...props
300
317
  }) => {
301
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React48__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React48__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderDarkData }))));
318
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React49__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React49__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderDarkData }))));
302
319
  };
303
320
  }
304
321
  });
@@ -313,7 +330,7 @@ var init_DarkSpinner = __esm({
313
330
  maxWidth,
314
331
  ...props
315
332
  }) => {
316
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React48__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React48__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerDarkData }))), children && /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { mt: 3, fontWeight: "bold" }, children));
333
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React49__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React49__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerDarkData }))), children && /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { mt: 3, fontWeight: "bold" }, children));
317
334
  };
318
335
  }
319
336
  });
@@ -327,7 +344,7 @@ var init_LightFullScreenLoader = __esm({
327
344
  maxWidth,
328
345
  ...props
329
346
  }) => {
330
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React48__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React48__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderBlackData }))));
347
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Center, { height: "100%", background: "white", ...props }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React49__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React49__namespace.default.createElement(Lottie, { animationData: sporLoader.fullScreenLoaderBlackData }))));
331
348
  };
332
349
  }
333
350
  });
@@ -341,7 +358,7 @@ var init_LightInlineLoader = __esm({
341
358
  maxWidth,
342
359
  ...props
343
360
  }) => {
344
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React48__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React48__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderLightData }))));
361
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Center, { ...props }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React49__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React49__namespace.default.createElement(Lottie, { animationData: sporLoader.inlineLoaderLightData }))));
345
362
  };
346
363
  }
347
364
  });
@@ -356,7 +373,7 @@ var init_LightSpinner = __esm({
356
373
  maxWidth,
357
374
  ...props
358
375
  }) => {
359
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React48__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React48__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerLightData }))), children && /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { mt: 3, fontWeight: "bold" }, children));
376
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Center, { flexDirection: "column", ...props }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { width, maxWidth }, /* @__PURE__ */ React49__namespace.default.createElement(ClientOnly, null, () => /* @__PURE__ */ React49__namespace.default.createElement(Lottie, { animationData: sporLoader.spinnerLightData }))), children && /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { mt: 3, fontWeight: "bold" }, children));
360
377
  };
361
378
  }
362
379
  });
@@ -364,11 +381,11 @@ var useRotatingLabel;
364
381
  var init_useRotatingLabel = __esm({
365
382
  "src/loader/useRotatingLabel.tsx"() {
366
383
  useRotatingLabel = ({ label, delay }) => {
367
- const loadingTextArray = React48.useMemo(
384
+ const loadingTextArray = React49.useMemo(
368
385
  () => Array.isArray(label) ? label : [label],
369
386
  [label]
370
387
  );
371
- const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React48.useState(0);
388
+ const [currentLoadingTextIndex, setCurrentLoadingTextIndex] = React49.useState(0);
372
389
  react.useInterval(() => {
373
390
  setCurrentLoadingTextIndex(
374
391
  (prevIndex) => (prevIndex + 1) % loadingTextArray.length
@@ -392,7 +409,7 @@ var init_ProgressBar = __esm({
392
409
  "aria-label": ariaLabel,
393
410
  ...rest
394
411
  }) => {
395
- const { t: t2 } = exports.useTranslation();
412
+ const { t: t2 } = useTranslation();
396
413
  const currentLoadingText = useRotatingLabel({
397
414
  label,
398
415
  delay: labelRotationDelay
@@ -402,7 +419,7 @@ var init_ProgressBar = __esm({
402
419
  value,
403
420
  "aria-label": ariaLabel || t2(texts.label(value))
404
421
  });
405
- return /* @__PURE__ */ React48__namespace.default.createElement(React48__namespace.default.Fragment, null, /* @__PURE__ */ React48__namespace.default.createElement(
422
+ return /* @__PURE__ */ React49__namespace.default.createElement(React49__namespace.default.Fragment, null, /* @__PURE__ */ React49__namespace.default.createElement(
406
423
  react.Box,
407
424
  {
408
425
  ...progressBarProps,
@@ -410,7 +427,7 @@ var init_ProgressBar = __esm({
410
427
  minWidth: "100px",
411
428
  ...rest
412
429
  },
413
- /* @__PURE__ */ React48__namespace.default.createElement(
430
+ /* @__PURE__ */ React49__namespace.default.createElement(
414
431
  react.Flex,
415
432
  {
416
433
  backgroundColor: "coralGreen",
@@ -419,7 +436,7 @@ var init_ProgressBar = __esm({
419
436
  justifyContent: "flex-start",
420
437
  marginX: "auto"
421
438
  },
422
- /* @__PURE__ */ React48__namespace.default.createElement(
439
+ /* @__PURE__ */ React49__namespace.default.createElement(
423
440
  react.Box,
424
441
  {
425
442
  backgroundColor: "greenHaze",
@@ -431,7 +448,7 @@ var init_ProgressBar = __esm({
431
448
  }
432
449
  )
433
450
  ),
434
- currentLoadingText && /* @__PURE__ */ React48__namespace.default.createElement(
451
+ currentLoadingText && /* @__PURE__ */ React49__namespace.default.createElement(
435
452
  react.Text,
436
453
  {
437
454
  textAlign: "center",
@@ -467,7 +484,7 @@ var init_ProgressLoader = __esm({
467
484
  ...rest
468
485
  }) => {
469
486
  var _a6;
470
- const { t: t2 } = exports.useTranslation();
487
+ const { t: t2 } = useTranslation();
471
488
  const currentLoadingText = useRotatingLabel({
472
489
  label,
473
490
  delay: labelRotationDelay
@@ -477,11 +494,11 @@ var init_ProgressLoader = __esm({
477
494
  value,
478
495
  "aria-label": ariaLabel ?? t2(texts2.fallbackLabel(value ?? "?"))
479
496
  });
480
- const pathRef = React48.useRef(null);
497
+ const pathRef = React49.useRef(null);
481
498
  const progressPathLength = ((_a6 = pathRef.current) == null ? void 0 : _a6.getTotalLength()) ?? 0;
482
499
  const progress = (value - 100) / 100 * progressPathLength;
483
- const id = React48.useId();
484
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React48__namespace.default.createElement(
500
+ const id = React49.useId();
501
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { ...progressBarProps, minWidth: "100px", width, ...rest }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 246 78", fill: "none" }, /* @__PURE__ */ React49__namespace.default.createElement(
485
502
  react.Box,
486
503
  {
487
504
  as: "path",
@@ -489,7 +506,7 @@ var init_ProgressLoader = __esm({
489
506
  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",
490
507
  fill: "#FFB466"
491
508
  }
492
- ), /* @__PURE__ */ React48__namespace.default.createElement(
509
+ ), /* @__PURE__ */ React49__namespace.default.createElement(
493
510
  react.Box,
494
511
  {
495
512
  as: "path",
@@ -500,7 +517,7 @@ var init_ProgressLoader = __esm({
500
517
  strokeLinecap: "round",
501
518
  strokeLinejoin: "round"
502
519
  }
503
- ), /* @__PURE__ */ React48__namespace.default.createElement(
520
+ ), /* @__PURE__ */ React49__namespace.default.createElement(
504
521
  react.Box,
505
522
  {
506
523
  as: "path",
@@ -515,7 +532,7 @@ var init_ProgressLoader = __esm({
515
532
  transition: "stroke-dashoffset .2s ease-out",
516
533
  ref: pathRef
517
534
  }
518
- ), /* @__PURE__ */ React48__namespace.default.createElement(
535
+ ), /* @__PURE__ */ React49__namespace.default.createElement(
519
536
  react.Box,
520
537
  {
521
538
  as: "path",
@@ -523,7 +540,7 @@ var init_ProgressLoader = __esm({
523
540
  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",
524
541
  fill: "#688CBA"
525
542
  }
526
- )), currentLoadingText && /* @__PURE__ */ React48__namespace.default.createElement(
543
+ )), currentLoadingText && /* @__PURE__ */ React49__namespace.default.createElement(
527
544
  react.Text,
528
545
  {
529
546
  textAlign: "center",
@@ -547,19 +564,19 @@ var init_ProgressLoader = __esm({
547
564
  exports.Skeleton = void 0;
548
565
  var init_Skeleton = __esm({
549
566
  "src/loader/Skeleton.tsx"() {
550
- exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React48__namespace.default.createElement(react.Skeleton, { ...props, ref }));
567
+ exports.Skeleton = react.forwardRef((props, ref) => /* @__PURE__ */ React49__namespace.default.createElement(react.Skeleton, { ...props, ref }));
551
568
  }
552
569
  });
553
570
  exports.SkeletonCircle = void 0;
554
571
  var init_SkeletonCircle = __esm({
555
572
  "src/loader/SkeletonCircle.tsx"() {
556
- exports.SkeletonCircle = (props) => /* @__PURE__ */ React48__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
573
+ exports.SkeletonCircle = (props) => /* @__PURE__ */ React49__namespace.default.createElement(react.SkeletonCircle, { boxSize: 6, borderRadius: "50%", ...props });
557
574
  }
558
575
  });
559
576
  exports.SkeletonText = void 0;
560
577
  var init_SkeletonText = __esm({
561
578
  "src/loader/SkeletonText.tsx"() {
562
- exports.SkeletonText = (props) => /* @__PURE__ */ React48__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
579
+ exports.SkeletonText = (props) => /* @__PURE__ */ React49__namespace.default.createElement(react.SkeletonText, { boxSize: 6, ...props });
563
580
  }
564
581
  });
565
582
 
@@ -596,7 +613,7 @@ function getLoaderWidth(size2) {
596
613
  }
597
614
  }
598
615
  function useCorrectAriaLabel(props) {
599
- const { t: t2 } = exports.useTranslation();
616
+ const { t: t2 } = useTranslation();
600
617
  if (props.isLoading) {
601
618
  return String(props.loadingText) ?? t2(texts3.loadingText);
602
619
  }
@@ -621,7 +638,7 @@ var init_Button = __esm({
621
638
  const buttonGroup = react.useButtonGroup();
622
639
  const finalVariant = variant ?? (buttonGroup == null ? void 0 : buttonGroup.variant) ?? "primary";
623
640
  const finalSize = size2 ?? (buttonGroup == null ? void 0 : buttonGroup.size) ?? "md";
624
- return /* @__PURE__ */ React48__namespace.default.createElement(
641
+ return /* @__PURE__ */ React49__namespace.default.createElement(
625
642
  react.Button,
626
643
  {
627
644
  size: finalSize,
@@ -631,11 +648,11 @@ var init_Button = __esm({
631
648
  "aria-label": ariaLabel,
632
649
  "aria-busy": isLoading,
633
650
  isDisabled: isDisabled || isLoading,
634
- leftIcon: isLoading && leftIcon ? /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { visibility: isLoading ? "hidden" : "visible", "aria-hidden": "true" }, leftIcon) : leftIcon,
635
- rightIcon: isLoading && rightIcon ? /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { visibility: isLoading ? "hidden" : "visible", "aria-hidden": "true" }, rightIcon) : rightIcon,
651
+ leftIcon: isLoading && leftIcon ? /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { visibility: isLoading ? "hidden" : "visible", "aria-hidden": "true" }, leftIcon) : leftIcon,
652
+ rightIcon: isLoading && rightIcon ? /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { visibility: isLoading ? "hidden" : "visible", "aria-hidden": "true" }, rightIcon) : rightIcon,
636
653
  position: "relative"
637
654
  },
638
- isLoading && /* @__PURE__ */ React48__namespace.default.createElement(
655
+ isLoading && /* @__PURE__ */ React49__namespace.default.createElement(
639
656
  react.Center,
640
657
  {
641
658
  position: "absolute",
@@ -644,7 +661,7 @@ var init_Button = __esm({
644
661
  left: "0",
645
662
  paddingTop: 2
646
663
  },
647
- /* @__PURE__ */ React48__namespace.default.createElement(
664
+ /* @__PURE__ */ React49__namespace.default.createElement(
648
665
  exports.ColorInlineLoader,
649
666
  {
650
667
  maxWidth: getLoaderWidth(finalSize),
@@ -653,7 +670,7 @@ var init_Button = __esm({
653
670
  }
654
671
  )
655
672
  ),
656
- /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { visibility: isLoading ? "hidden" : "visible" }, children)
673
+ /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { visibility: isLoading ? "hidden" : "visible" }, children)
657
674
  );
658
675
  });
659
676
  texts3 = createTexts({
@@ -669,7 +686,7 @@ var init_Button = __esm({
669
686
  exports.ButtonGroup = void 0;
670
687
  var init_ButtonGroup = __esm({
671
688
  "src/button/ButtonGroup.tsx"() {
672
- exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React48__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
689
+ exports.ButtonGroup = react.forwardRef((props, ref) => /* @__PURE__ */ React49__namespace.default.createElement(react.ButtonGroup, { ...props, ref }));
673
690
  }
674
691
  });
675
692
  exports.IconButton = void 0;
@@ -677,12 +694,12 @@ var init_IconButton = __esm({
677
694
  "src/button/IconButton.tsx"() {
678
695
  init_src();
679
696
  exports.IconButton = react.forwardRef(
680
- ({ ...props }, ref) => /* @__PURE__ */ React48__namespace.default.createElement(
697
+ ({ ...props }, ref) => /* @__PURE__ */ React49__namespace.default.createElement(
681
698
  react.IconButton,
682
699
  {
683
700
  title: props["aria-label"],
684
701
  ...props,
685
- spinner: /* @__PURE__ */ React48__namespace.default.createElement(exports.ColorSpinner, { m: 1 }),
702
+ spinner: /* @__PURE__ */ React49__namespace.default.createElement(exports.ColorSpinner, { m: 1 }),
686
703
  ref
687
704
  }
688
705
  )
@@ -696,8 +713,8 @@ var init_CloseButton = __esm({
696
713
  init_IconButton();
697
714
  exports.CloseButton = react.forwardRef(
698
715
  ({ size: size2 = "sm", ...props }, ref) => {
699
- const { t: t2 } = exports.useTranslation();
700
- return /* @__PURE__ */ React48__namespace.default.createElement(
716
+ const { t: t2 } = useTranslation();
717
+ return /* @__PURE__ */ React49__namespace.default.createElement(
701
718
  exports.IconButton,
702
719
  {
703
720
  ref,
@@ -714,11 +731,11 @@ var init_CloseButton = __esm({
714
731
  switch (size2) {
715
732
  case "xs":
716
733
  case "sm":
717
- return /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
734
+ return /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.CloseFill18Icon, null);
718
735
  case "md":
719
- return /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
736
+ return /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.CloseFill24Icon, null);
720
737
  case "lg":
721
- return /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
738
+ return /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.CloseFill30Icon, null);
722
739
  }
723
740
  };
724
741
  texts4 = createTexts({
@@ -743,11 +760,11 @@ var init_FloatingActionButton = __esm({
743
760
  placement = "bottom right",
744
761
  ...props
745
762
  }) => {
746
- const [isTextVisible, setIsTextVisible] = React48__namespace.default.useState(
763
+ const [isTextVisible, setIsTextVisible] = React49__namespace.default.useState(
747
764
  externalIsTextVisible !== void 0 ? externalIsTextVisible : true
748
765
  );
749
766
  const scrollDirection = useScrollDirection();
750
- React48__namespace.default.useEffect(() => {
767
+ React49__namespace.default.useEffect(() => {
751
768
  if (externalIsTextVisible !== void 0) {
752
769
  return;
753
770
  }
@@ -757,7 +774,7 @@ var init_FloatingActionButton = __esm({
757
774
  );
758
775
  return () => window.clearTimeout(id);
759
776
  }, [scrollDirection, externalIsTextVisible]);
760
- React48__namespace.default.useEffect(() => {
777
+ React49__namespace.default.useEffect(() => {
761
778
  setIsTextVisible(!!externalIsTextVisible);
762
779
  }, [externalIsTextVisible]);
763
780
  const style = react.useMultiStyleConfig("FloatingActionButton", {
@@ -765,7 +782,7 @@ var init_FloatingActionButton = __esm({
765
782
  isTextVisible,
766
783
  placement
767
784
  });
768
- return /* @__PURE__ */ React48__namespace.default.createElement(
785
+ return /* @__PURE__ */ React49__namespace.default.createElement(
769
786
  MotionBox,
770
787
  {
771
788
  __css: style.container,
@@ -773,8 +790,8 @@ var init_FloatingActionButton = __esm({
773
790
  "aria-label": children,
774
791
  ...props
775
792
  },
776
- /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
777
- /* @__PURE__ */ React48__namespace.default.createElement(
793
+ /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { __css: style.icon }, icon),
794
+ /* @__PURE__ */ React49__namespace.default.createElement(
778
795
  MotionBox,
779
796
  {
780
797
  animate: isTextVisible ? "show" : "hide",
@@ -798,9 +815,9 @@ var init_FloatingActionButton = __esm({
798
815
  );
799
816
  };
800
817
  useScrollDirection = () => {
801
- const [scrollDirection, setScrollDirection] = React48__namespace.default.useState(null);
802
- const lastScrollPosition = React48__namespace.default.useRef(window.scrollY);
803
- React48__namespace.default.useEffect(() => {
818
+ const [scrollDirection, setScrollDirection] = React49__namespace.default.useState(null);
819
+ const lastScrollPosition = React49__namespace.default.useRef(window.scrollY);
820
+ React49__namespace.default.useEffect(() => {
804
821
  const onScroll = () => {
805
822
  const delta = window.scrollY - lastScrollPosition.current;
806
823
  if (delta === 0) {
@@ -835,8 +852,8 @@ var init_AlertIcon = __esm({
835
852
  init_i18n();
836
853
  AlertIcon = ({ variant }) => {
837
854
  const Icon = getIcon2(variant);
838
- const { t: t2 } = exports.useTranslation();
839
- return /* @__PURE__ */ React48__namespace.default.createElement(
855
+ const { t: t2 } = useTranslation();
856
+ return /* @__PURE__ */ React49__namespace.default.createElement(
840
857
  Icon,
841
858
  {
842
859
  flexShrink: 0,
@@ -899,7 +916,7 @@ var init_BaseAlert = __esm({
899
916
  "src/alert/BaseAlert.tsx"() {
900
917
  BaseAlert = ({ variant, children, ...boxProps }) => {
901
918
  const styles2 = react.useMultiStyleConfig("Alert", { variant });
902
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { sx: styles2.container, ...boxProps }, children);
919
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { sx: styles2.container, ...boxProps }, children);
903
920
  };
904
921
  }
905
922
  });
@@ -918,7 +935,7 @@ var init_ClosableAlert = __esm({
918
935
  }) => {
919
936
  const { isOpen, onClose } = react.useDisclosure({ defaultIsOpen: true });
920
937
  const styles2 = react.useMultiStyleConfig("Alert", { variant });
921
- const { t: t2 } = exports.useTranslation();
938
+ const { t: t2 } = useTranslation();
922
939
  if (!isOpen) {
923
940
  return null;
924
941
  }
@@ -926,17 +943,17 @@ var init_ClosableAlert = __esm({
926
943
  externalOnClose();
927
944
  onClose();
928
945
  };
929
- return /* @__PURE__ */ React48__namespace.default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React48__namespace.default.createElement(
946
+ return /* @__PURE__ */ React49__namespace.default.createElement(BaseAlert, { variant }, /* @__PURE__ */ React49__namespace.default.createElement(
930
947
  exports.IconButton,
931
948
  {
932
949
  variant: "ghost",
933
950
  size: "sm",
934
951
  onClick: handleClose,
935
- icon: /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
952
+ icon: /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
936
953
  "aria-label": t2(texts6.close),
937
954
  sx: styles2.closeButton
938
955
  }
939
- ), /* @__PURE__ */ React48__namespace.default.createElement(AlertIcon, { variant }), children);
956
+ ), /* @__PURE__ */ React49__namespace.default.createElement(AlertIcon, { variant }), children);
940
957
  };
941
958
  texts6 = createTexts({
942
959
  close: {
@@ -962,7 +979,7 @@ var init_ExpandableAlert = __esm({
962
979
  onToggle = () => {
963
980
  }
964
981
  }) => {
965
- return /* @__PURE__ */ React48__namespace.default.createElement(BaseAlert, { variant, paddingX: 0, paddingY: 0, padding: 0 }, /* @__PURE__ */ React48__namespace.default.createElement(
982
+ return /* @__PURE__ */ React49__namespace.default.createElement(BaseAlert, { variant, paddingX: 0, paddingY: 0, padding: 0 }, /* @__PURE__ */ React49__namespace.default.createElement(
966
983
  react.Accordion,
967
984
  {
968
985
  onChange: (expandedIndex) => onToggle(expandedIndex === 0),
@@ -970,14 +987,14 @@ var init_ExpandableAlert = __esm({
970
987
  allowToggle: true,
971
988
  flexGrow: "1"
972
989
  },
973
- /* @__PURE__ */ React48__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React48__namespace.default.createElement(react.AccordionButton, { paddingX: 3, paddingY: 2 }, /* @__PURE__ */ React48__namespace.default.createElement(
990
+ /* @__PURE__ */ React49__namespace.default.createElement(react.AccordionItem, null, /* @__PURE__ */ React49__namespace.default.createElement(react.AccordionButton, { paddingX: 3, paddingY: 2 }, /* @__PURE__ */ React49__namespace.default.createElement(
974
991
  react.Flex,
975
992
  {
976
993
  justifyContent: "space-between",
977
994
  alignItems: "center",
978
995
  flexGrow: "1"
979
996
  },
980
- /* @__PURE__ */ React48__namespace.default.createElement(react.Flex, { as: headingLevel }, /* @__PURE__ */ React48__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React48__namespace.default.createElement(
997
+ /* @__PURE__ */ React49__namespace.default.createElement(react.Flex, { as: headingLevel }, /* @__PURE__ */ React49__namespace.default.createElement(AlertIcon, { variant }), /* @__PURE__ */ React49__namespace.default.createElement(
981
998
  react.Box,
982
999
  {
983
1000
  as: "span",
@@ -991,8 +1008,8 @@ var init_ExpandableAlert = __esm({
991
1008
  },
992
1009
  title
993
1010
  )),
994
- /* @__PURE__ */ React48__namespace.default.createElement(react.AccordionIcon, null)
995
- )), /* @__PURE__ */ React48__namespace.default.createElement(react.AccordionPanel, null, children))
1011
+ /* @__PURE__ */ React49__namespace.default.createElement(react.AccordionIcon, null)
1012
+ )), /* @__PURE__ */ React49__namespace.default.createElement(react.AccordionPanel, null, children))
996
1013
  ));
997
1014
  };
998
1015
  }
@@ -1003,7 +1020,7 @@ var init_StaticAlert = __esm({
1003
1020
  init_AlertIcon();
1004
1021
  init_BaseAlert();
1005
1022
  exports.StaticAlert = ({ children, ...props }) => {
1006
- return /* @__PURE__ */ React48__namespace.default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React48__namespace.default.createElement(AlertIcon, { variant: props.variant }), children);
1023
+ return /* @__PURE__ */ React49__namespace.default.createElement(BaseAlert, { ...props }, /* @__PURE__ */ React49__namespace.default.createElement(AlertIcon, { variant: props.variant }), children);
1007
1024
  };
1008
1025
  }
1009
1026
  });
@@ -1020,7 +1037,7 @@ exports.Divider = void 0;
1020
1037
  var init_Divider = __esm({
1021
1038
  "src/layout/Divider.tsx"() {
1022
1039
  exports.Divider = react.forwardRef((props, ref) => {
1023
- return /* @__PURE__ */ React48__namespace.default.createElement(
1040
+ return /* @__PURE__ */ React49__namespace.default.createElement(
1024
1041
  react.Box,
1025
1042
  {
1026
1043
  as: "hr",
@@ -1041,7 +1058,7 @@ var init_Stack = __esm({
1041
1058
  "src/layout/Stack.tsx"() {
1042
1059
  exports.Stack = react.forwardRef(
1043
1060
  ({ flexDirection, ...props }, ref) => {
1044
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Stack, { ...props, direction: flexDirection, ref });
1061
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Stack, { ...props, direction: flexDirection, ref });
1045
1062
  }
1046
1063
  );
1047
1064
  }
@@ -1062,7 +1079,7 @@ var init_Card = __esm({
1062
1079
  colorScheme,
1063
1080
  size: size2
1064
1081
  });
1065
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { __css: styles2, ...props, ref }, children);
1082
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { __css: styles2, ...props, ref }, children);
1066
1083
  }
1067
1084
  );
1068
1085
  }
@@ -1075,15 +1092,15 @@ var init_card = __esm({
1075
1092
  }
1076
1093
  });
1077
1094
  function $458b0a5536c1a7cf$export$40bfa8c7b0832715(value, defaultValue, onChange) {
1078
- let [stateValue, setStateValue] = (React48.useState)(value || defaultValue);
1079
- let ref = (React48.useRef)(value !== void 0);
1095
+ let [stateValue, setStateValue] = (React49.useState)(value || defaultValue);
1096
+ let ref = (React49.useRef)(value !== void 0);
1080
1097
  let wasControlled = ref.current;
1081
1098
  let isControlled = value !== void 0;
1082
- let stateRef = (React48.useRef)(stateValue);
1099
+ let stateRef = (React49.useRef)(stateValue);
1083
1100
  if (wasControlled !== isControlled)
1084
1101
  console.warn(`WARN: A component changed from ${wasControlled ? "controlled" : "uncontrolled"} to ${isControlled ? "controlled" : "uncontrolled"}.`);
1085
1102
  ref.current = isControlled;
1086
- let setValue = (React48.useCallback)((value2, ...args) => {
1103
+ let setValue = (React49.useCallback)((value2, ...args) => {
1087
1104
  let onChangeCaller = (value3, ...onChangeArgs) => {
1088
1105
  if (onChange) {
1089
1106
  if (!Object.is(stateRef.current, value3))
@@ -1252,7 +1269,7 @@ function $35a22f14a1f04b11$export$66aa2b09de4b1ea5(placeholderValue, granularity
1252
1269
  return date$1;
1253
1270
  }
1254
1271
  function $35a22f14a1f04b11$export$2440da353cedad43(v, granularity) {
1255
- let lastValue = (React48.useRef)(v);
1272
+ let lastValue = (React49.useRef)(v);
1256
1273
  if (v)
1257
1274
  lastValue.current = v;
1258
1275
  v = lastValue.current;
@@ -1275,8 +1292,8 @@ function $ab5bf3f618090389$export$87194bb378cc3ac2(props) {
1275
1292
  let hasTime = granularity === "hour" || granularity === "minute" || granularity === "second";
1276
1293
  var _props_shouldCloseOnSelect;
1277
1294
  let shouldCloseOnSelect = (_props_shouldCloseOnSelect = props.shouldCloseOnSelect) !== null && _props_shouldCloseOnSelect !== void 0 ? _props_shouldCloseOnSelect : true;
1278
- let [selectedDate, setSelectedDate] = (React48.useState)(null);
1279
- let [selectedTime, setSelectedTime] = (React48.useState)(null);
1295
+ let [selectedDate, setSelectedDate] = (React49.useState)(null);
1296
+ let [selectedTime, setSelectedTime] = (React49.useState)(null);
1280
1297
  if (value) {
1281
1298
  selectedDate = value;
1282
1299
  if ("hour" in value)
@@ -1353,23 +1370,23 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
1353
1370
  let timeZone = defaultTimeZone || "UTC";
1354
1371
  if (v && !(granularity in v))
1355
1372
  throw new Error("Invalid granularity " + granularity + " for value " + v.toString());
1356
- let defaultFormatter = (React48.useMemo)(() => new (date.DateFormatter)(locale), [
1373
+ let defaultFormatter = (React49.useMemo)(() => new (date.DateFormatter)(locale), [
1357
1374
  locale
1358
1375
  ]);
1359
- let calendar = (React48.useMemo)(() => createCalendar4(defaultFormatter.resolvedOptions().calendar), [
1376
+ let calendar = (React49.useMemo)(() => createCalendar4(defaultFormatter.resolvedOptions().calendar), [
1360
1377
  createCalendar4,
1361
1378
  defaultFormatter
1362
1379
  ]);
1363
1380
  let [value, setDate] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, props.defaultValue, props.onChange);
1364
- let calendarValue = (React48.useMemo)(() => ($35a22f14a1f04b11$export$61a490a80c552550)(value, calendar), [
1381
+ let calendarValue = (React49.useMemo)(() => ($35a22f14a1f04b11$export$61a490a80c552550)(value, calendar), [
1365
1382
  value,
1366
1383
  calendar
1367
1384
  ]);
1368
- let [placeholderDate, setPlaceholderDate] = (React48.useState)(() => ($35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone));
1385
+ let [placeholderDate, setPlaceholderDate] = (React49.useState)(() => ($35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone));
1369
1386
  let val = calendarValue || placeholderDate;
1370
1387
  let showEra = calendar.identifier === "gregory" && val.era === "BC";
1371
1388
  var _props_maxGranularity;
1372
- let formatOpts = (React48.useMemo)(() => ({
1389
+ let formatOpts = (React49.useMemo)(() => ({
1373
1390
  granularity,
1374
1391
  maxGranularity: (_props_maxGranularity = props.maxGranularity) !== null && _props_maxGranularity !== void 0 ? _props_maxGranularity : "year",
1375
1392
  timeZone: defaultTimeZone,
@@ -1384,24 +1401,24 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
1384
1401
  hideTimeZone,
1385
1402
  showEra
1386
1403
  ]);
1387
- let opts = (React48.useMemo)(() => ($35a22f14a1f04b11$export$7e319ea407e63bc0)({}, formatOpts), [
1404
+ let opts = (React49.useMemo)(() => ($35a22f14a1f04b11$export$7e319ea407e63bc0)({}, formatOpts), [
1388
1405
  formatOpts
1389
1406
  ]);
1390
- let dateFormatter = (React48.useMemo)(() => new (date.DateFormatter)(locale, opts), [
1407
+ let dateFormatter = (React49.useMemo)(() => new (date.DateFormatter)(locale, opts), [
1391
1408
  locale,
1392
1409
  opts
1393
1410
  ]);
1394
- let resolvedOptions = (React48.useMemo)(() => dateFormatter.resolvedOptions(), [
1411
+ let resolvedOptions = (React49.useMemo)(() => dateFormatter.resolvedOptions(), [
1395
1412
  dateFormatter
1396
1413
  ]);
1397
- let allSegments = (React48.useMemo)(() => dateFormatter.formatToParts(/* @__PURE__ */ new Date()).filter((seg) => $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[seg.type]).reduce((p, seg) => (p[seg.type] = true, p), {}), [
1414
+ let allSegments = (React49.useMemo)(() => dateFormatter.formatToParts(/* @__PURE__ */ new Date()).filter((seg) => $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[seg.type]).reduce((p, seg) => (p[seg.type] = true, p), {}), [
1398
1415
  dateFormatter
1399
1416
  ]);
1400
- let [validSegments, setValidSegments] = (React48.useState)(() => props.value || props.defaultValue ? {
1417
+ let [validSegments, setValidSegments] = (React49.useState)(() => props.value || props.defaultValue ? {
1401
1418
  ...allSegments
1402
1419
  } : {});
1403
- let lastCalendarIdentifier = (React48.useRef)(calendar.identifier);
1404
- (React48.useEffect)(() => {
1420
+ let lastCalendarIdentifier = (React49.useRef)(calendar.identifier);
1421
+ (React49.useEffect)(() => {
1405
1422
  if (calendar.identifier !== lastCalendarIdentifier.current) {
1406
1423
  lastCalendarIdentifier.current = calendar.identifier;
1407
1424
  setPlaceholderDate((placeholder) => Object.keys(validSegments).length > 0 ? (date.toCalendar)(placeholder, calendar) : ($35a22f14a1f04b11$export$66aa2b09de4b1ea5)(props.placeholderValue, granularity, calendar, defaultTimeZone));
@@ -1434,11 +1451,11 @@ function $3c0fc76039f1c516$export$60e84778edff6d26(props) {
1434
1451
  } else
1435
1452
  setPlaceholderDate(newValue);
1436
1453
  };
1437
- let dateValue = (React48.useMemo)(() => displayValue.toDate(timeZone), [
1454
+ let dateValue = (React49.useMemo)(() => displayValue.toDate(timeZone), [
1438
1455
  displayValue,
1439
1456
  timeZone
1440
1457
  ]);
1441
- let segments = (React48.useMemo)(() => dateFormatter.formatToParts(dateValue).map((segment) => {
1458
+ let segments = (React49.useMemo)(() => dateFormatter.formatToParts(dateValue).map((segment) => {
1442
1459
  let isEditable = $3c0fc76039f1c516$var$EDITABLE_SEGMENTS[segment.type];
1443
1460
  if (segment.type === "era" && calendar.getEras().length === 1)
1444
1461
  isEditable = false;
@@ -1702,7 +1719,7 @@ function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
1702
1719
  var _props_isDateUnavailable, _props_isDateUnavailable1;
1703
1720
  let overlayState = ($fc909762b330b746$export$61c6a8c84e605fb6)(props);
1704
1721
  let [controlledValue, setControlledValue] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, props.defaultValue || null, props.onChange);
1705
- let [placeholderValue, setPlaceholderValue] = (React48.useState)(() => controlledValue || {
1722
+ let [placeholderValue, setPlaceholderValue] = (React49.useState)(() => controlledValue || {
1706
1723
  start: null,
1707
1724
  end: null
1708
1725
  });
@@ -1726,8 +1743,8 @@ function $93c38a5e28be6249$export$e50a61c1de9f574(props) {
1726
1743
  let hasTime = granularity === "hour" || granularity === "minute" || granularity === "second";
1727
1744
  var _props_shouldCloseOnSelect;
1728
1745
  let shouldCloseOnSelect = (_props_shouldCloseOnSelect = props.shouldCloseOnSelect) !== null && _props_shouldCloseOnSelect !== void 0 ? _props_shouldCloseOnSelect : true;
1729
- let [dateRange, setSelectedDateRange] = (React48.useState)(null);
1730
- let [timeRange, setSelectedTimeRange] = (React48.useState)(null);
1746
+ let [dateRange, setSelectedDateRange] = (React49.useState)(null);
1747
+ let [timeRange, setSelectedTimeRange] = (React49.useState)(null);
1731
1748
  if (value && value.start && value.end) {
1732
1749
  dateRange = value;
1733
1750
  if ("hour" in value.start)
@@ -2339,35 +2356,35 @@ function $f62d864046160412$export$a1d3911297b952d7(date, minValue, isDateUnavail
2339
2356
  return date;
2340
2357
  }
2341
2358
  function $131cf43a05231e1e$export$6d095e787d2b5e1f(props) {
2342
- let defaultFormatter = (React48.useMemo)(() => new (date.DateFormatter)(props.locale), [
2359
+ let defaultFormatter = (React49.useMemo)(() => new (date.DateFormatter)(props.locale), [
2343
2360
  props.locale
2344
2361
  ]);
2345
- let resolvedOptions = (React48.useMemo)(() => defaultFormatter.resolvedOptions(), [
2362
+ let resolvedOptions = (React49.useMemo)(() => defaultFormatter.resolvedOptions(), [
2346
2363
  defaultFormatter
2347
2364
  ]);
2348
2365
  let { locale, createCalendar: createCalendar4, visibleDuration = {
2349
2366
  months: 1
2350
2367
  }, minValue, maxValue, selectionAlignment, isDateUnavailable } = props;
2351
- let calendar = (React48.useMemo)(() => createCalendar4(resolvedOptions.calendar), [
2368
+ let calendar = (React49.useMemo)(() => createCalendar4(resolvedOptions.calendar), [
2352
2369
  createCalendar4,
2353
2370
  resolvedOptions.calendar
2354
2371
  ]);
2355
2372
  let [value, setControlledValue] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(props.value, props.defaultValue, props.onChange);
2356
- let calendarDateValue = (React48.useMemo)(() => value ? (date.toCalendar)((date.toCalendarDate)(value), calendar) : null, [
2373
+ let calendarDateValue = (React49.useMemo)(() => value ? (date.toCalendar)((date.toCalendarDate)(value), calendar) : null, [
2357
2374
  value,
2358
2375
  calendar
2359
2376
  ]);
2360
- let timeZone = (React48.useMemo)(() => value && "timeZone" in value ? value.timeZone : resolvedOptions.timeZone, [
2377
+ let timeZone = (React49.useMemo)(() => value && "timeZone" in value ? value.timeZone : resolvedOptions.timeZone, [
2361
2378
  value,
2362
2379
  resolvedOptions.timeZone
2363
2380
  ]);
2364
- let focusedCalendarDate = (React48.useMemo)(() => props.focusedValue ? ($f62d864046160412$export$4f5203c0d889109e)((date.toCalendar)((date.toCalendarDate)(props.focusedValue), calendar), minValue, maxValue) : void 0, [
2381
+ let focusedCalendarDate = (React49.useMemo)(() => props.focusedValue ? ($f62d864046160412$export$4f5203c0d889109e)((date.toCalendar)((date.toCalendarDate)(props.focusedValue), calendar), minValue, maxValue) : void 0, [
2365
2382
  props.focusedValue,
2366
2383
  calendar,
2367
2384
  minValue,
2368
2385
  maxValue
2369
2386
  ]);
2370
- let defaultFocusedCalendarDate = (React48.useMemo)(() => ($f62d864046160412$export$4f5203c0d889109e)(props.defaultFocusedValue ? (date.toCalendar)((date.toCalendarDate)(props.defaultFocusedValue), calendar) : calendarDateValue || (date.toCalendar)((date.today)(timeZone), calendar), minValue, maxValue), [
2387
+ let defaultFocusedCalendarDate = (React49.useMemo)(() => ($f62d864046160412$export$4f5203c0d889109e)(props.defaultFocusedValue ? (date.toCalendar)((date.toCalendarDate)(props.defaultFocusedValue), calendar) : calendarDateValue || (date.toCalendar)((date.today)(timeZone), calendar), minValue, maxValue), [
2371
2388
  props.defaultFocusedValue,
2372
2389
  calendarDateValue,
2373
2390
  timeZone,
@@ -2376,7 +2393,7 @@ function $131cf43a05231e1e$export$6d095e787d2b5e1f(props) {
2376
2393
  maxValue
2377
2394
  ]);
2378
2395
  let [focusedDate, setFocusedDate] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(focusedCalendarDate, defaultFocusedCalendarDate, props.onFocusChange);
2379
- let [startDate, setStartDate] = (React48.useState)(() => {
2396
+ let [startDate, setStartDate] = (React49.useState)(() => {
2380
2397
  switch (selectionAlignment) {
2381
2398
  case "start":
2382
2399
  return ($f62d864046160412$export$144a00ba6044eb9)(focusedDate, visibleDuration, locale, minValue, maxValue);
@@ -2387,8 +2404,8 @@ function $131cf43a05231e1e$export$6d095e787d2b5e1f(props) {
2387
2404
  return ($f62d864046160412$export$f4a51ff076cc9a09)(focusedDate, visibleDuration, locale, minValue, maxValue);
2388
2405
  }
2389
2406
  });
2390
- let [isFocused, setFocused] = (React48.useState)(props.autoFocus || false);
2391
- let endDate = (React48.useMemo)(() => {
2407
+ let [isFocused, setFocused] = (React49.useState)(props.autoFocus || false);
2408
+ let endDate = (React49.useMemo)(() => {
2392
2409
  let duration = {
2393
2410
  ...visibleDuration
2394
2411
  };
@@ -2401,7 +2418,7 @@ function $131cf43a05231e1e$export$6d095e787d2b5e1f(props) {
2401
2418
  startDate,
2402
2419
  visibleDuration
2403
2420
  ]);
2404
- let lastCalendarIdentifier = (React48.useRef)(calendar.identifier);
2421
+ let lastCalendarIdentifier = (React49.useRef)(calendar.identifier);
2405
2422
  if (calendar.identifier !== lastCalendarIdentifier.current) {
2406
2423
  let newFocusedDate = (date.toCalendar)(focusedDate, calendar);
2407
2424
  setStartDate(($f62d864046160412$export$f4a51ff076cc9a09)(newFocusedDate, visibleDuration, locale, minValue, maxValue));
@@ -2431,7 +2448,7 @@ function $131cf43a05231e1e$export$6d095e787d2b5e1f(props) {
2431
2448
  setControlledValue(newValue);
2432
2449
  }
2433
2450
  }
2434
- let isUnavailable = (React48.useMemo)(() => {
2451
+ let isUnavailable = (React49.useMemo)(() => {
2435
2452
  if (!calendarDateValue)
2436
2453
  return false;
2437
2454
  if (isDateUnavailable && isDateUnavailable(calendarDateValue))
@@ -2618,7 +2635,7 @@ function $9a36b6ba2fb1a7c5$export$9a987164d97ecc90(props) {
2618
2635
  months: 1
2619
2636
  }, minValue, maxValue, ...calendarProps } = props;
2620
2637
  let [value, setValue] = ($458b0a5536c1a7cf$export$40bfa8c7b0832715)(valueProp, defaultValue || null, onChange);
2621
- let [anchorDate, setAnchorDateState] = (React48.useState)(null);
2638
+ let [anchorDate, setAnchorDateState] = (React49.useState)(null);
2622
2639
  let alignment = "center";
2623
2640
  if (value && value.start && value.end) {
2624
2641
  let start = ($f62d864046160412$export$f4a51ff076cc9a09)((date.toCalendarDate)(value.start), visibleDuration, locale, minValue, maxValue);
@@ -2628,15 +2645,15 @@ function $9a36b6ba2fb1a7c5$export$9a987164d97ecc90(props) {
2628
2645
  if (value.end.compare(end) > 0)
2629
2646
  alignment = "start";
2630
2647
  }
2631
- let availableRangeRef = (React48.useRef)(null);
2632
- let [availableRange, setAvailableRange] = (React48.useState)(null);
2633
- let min = (React48.useMemo)(() => {
2648
+ let availableRangeRef = (React49.useRef)(null);
2649
+ let [availableRange, setAvailableRange] = (React49.useState)(null);
2650
+ let min = (React49.useMemo)(() => {
2634
2651
  return (date.maxDate)(minValue, availableRange === null || availableRange === void 0 ? void 0 : availableRange.start);
2635
2652
  }, [
2636
2653
  minValue,
2637
2654
  availableRange
2638
2655
  ]);
2639
- let max = (React48.useMemo)(() => {
2656
+ let max = (React49.useMemo)(() => {
2640
2657
  return (date.minDate)(maxValue, availableRange === null || availableRange === void 0 ? void 0 : availableRange.end);
2641
2658
  }, [
2642
2659
  maxValue,
@@ -2664,7 +2681,7 @@ function $9a36b6ba2fb1a7c5$export$9a987164d97ecc90(props) {
2664
2681
  setAvailableRange(null);
2665
2682
  }
2666
2683
  };
2667
- let lastVisibleRange = (React48.useRef)(calendar.visibleRange);
2684
+ let lastVisibleRange = (React49.useRef)(calendar.visibleRange);
2668
2685
  if (!(date.isEqualDay)(calendar.visibleRange.start, lastVisibleRange.current.start) || !(date.isEqualDay)(calendar.visibleRange.end, lastVisibleRange.current.end)) {
2669
2686
  updateAvailableRange(anchorDate);
2670
2687
  lastVisibleRange.current = calendar.visibleRange;
@@ -2697,9 +2714,9 @@ function $9a36b6ba2fb1a7c5$export$9a987164d97ecc90(props) {
2697
2714
  setAnchorDate(null);
2698
2715
  }
2699
2716
  };
2700
- let [isDragging, setDragging] = (React48.useState)(false);
2717
+ let [isDragging, setDragging] = (React49.useState)(false);
2701
2718
  let { isDateUnavailable } = props;
2702
- let isInvalidSelection = (React48.useMemo)(() => {
2719
+ let isInvalidSelection = (React49.useMemo)(() => {
2703
2720
  if (!value || anchorDate)
2704
2721
  return false;
2705
2722
  if (isDateUnavailable && (isDateUnavailable(value.start) || isDateUnavailable(value.end)))
@@ -2783,7 +2800,7 @@ var init_Badge = __esm({
2783
2800
  "src/typography/Badge.tsx"() {
2784
2801
  exports.Badge = react.forwardRef(
2785
2802
  ({ icon, colorScheme = "grey", children, ...props }, ref) => {
2786
- return /* @__PURE__ */ React48__namespace.default.createElement(
2803
+ return /* @__PURE__ */ React49__namespace.default.createElement(
2787
2804
  react.Badge,
2788
2805
  {
2789
2806
  colorScheme,
@@ -2791,7 +2808,7 @@ var init_Badge = __esm({
2791
2808
  paddingLeft: icon ? 1 : void 0,
2792
2809
  ref
2793
2810
  },
2794
- icon && React48__namespace.default.cloneElement(icon, { marginRight: 1 }),
2811
+ icon && React49__namespace.default.cloneElement(icon, { marginRight: 1 }),
2795
2812
  children
2796
2813
  );
2797
2814
  }
@@ -2801,7 +2818,7 @@ var init_Badge = __esm({
2801
2818
  exports.Code = void 0;
2802
2819
  var init_Code = __esm({
2803
2820
  "src/typography/Code.tsx"() {
2804
- exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */ React48__namespace.default.createElement(react.Code, { ...props, ref }));
2821
+ exports.Code = react.forwardRef((props, ref) => /* @__PURE__ */ React49__namespace.default.createElement(react.Code, { ...props, ref }));
2805
2822
  }
2806
2823
  });
2807
2824
  exports.Heading = void 0;
@@ -2812,7 +2829,7 @@ var init_Heading = __esm({
2812
2829
  as = "h2",
2813
2830
  ...props
2814
2831
  }) => {
2815
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Text, { as, textStyle: variant, ...props });
2832
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Text, { as, textStyle: variant, ...props });
2816
2833
  };
2817
2834
  }
2818
2835
  });
@@ -2821,7 +2838,7 @@ var init_Text = __esm({
2821
2838
  "src/typography/Text.tsx"() {
2822
2839
  exports.Text = react.forwardRef(
2823
2840
  ({ variant = "sm", ...props }, ref) => {
2824
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
2841
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Text, { ...props, textStyle: variant, ref });
2825
2842
  }
2826
2843
  );
2827
2844
  }
@@ -2837,7 +2854,7 @@ var init_typography = __esm({
2837
2854
  }
2838
2855
  });
2839
2856
  function CalendarCell({ state: state2, date: date$1, currentMonth }) {
2840
- const ref = React48.useRef(null);
2857
+ const ref = React49.useRef(null);
2841
2858
  const { cellProps, buttonProps, isSelected, isDisabled, isUnavailable } = reactAria.useCalendarCell({ date: date$1 }, state2, ref);
2842
2859
  const isOutsideMonth = !date.isSameMonth(currentMonth, date$1);
2843
2860
  const styles2 = react.useMultiStyleConfig("Datepicker", {});
@@ -2854,7 +2871,7 @@ function CalendarCell({ state: state2, date: date$1, currentMonth }) {
2854
2871
  if (isOutsideMonth) {
2855
2872
  stateProps["data-unavailable"] = true;
2856
2873
  }
2857
- return /* @__PURE__ */ React48__namespace.default.createElement(
2874
+ return /* @__PURE__ */ React49__namespace.default.createElement(
2858
2875
  react.Box,
2859
2876
  {
2860
2877
  as: "td",
@@ -2877,7 +2894,7 @@ function CalendarCell({ state: state2, date: date$1, currentMonth }) {
2877
2894
  }
2878
2895
  }
2879
2896
  },
2880
- /* @__PURE__ */ React48__namespace.default.createElement(
2897
+ /* @__PURE__ */ React49__namespace.default.createElement(
2881
2898
  react.Box,
2882
2899
  {
2883
2900
  as: "button",
@@ -2901,7 +2918,7 @@ var init_utils = __esm({
2901
2918
  "src/datepicker/utils.ts"() {
2902
2919
  init_src();
2903
2920
  useCurrentLocale = () => {
2904
- const { language } = exports.useTranslation();
2921
+ const { language } = useTranslation();
2905
2922
  switch (language) {
2906
2923
  case "nb":
2907
2924
  return "no";
@@ -2925,7 +2942,7 @@ var init_utils = __esm({
2925
2942
  }
2926
2943
  });
2927
2944
  function CalendarGrid({ state: state2, offset = {} }) {
2928
- const { language } = exports.useTranslation();
2945
+ const { language } = useTranslation();
2929
2946
  const locale = useCurrentLocale();
2930
2947
  const startDate = state2.visibleRange.start.add(offset);
2931
2948
  const endDate = date.endOfMonth(startDate);
@@ -2939,8 +2956,8 @@ function CalendarGrid({ state: state2, offset = {} }) {
2939
2956
  const weeksInMonth = date.getWeeksInMonth(state2.visibleRange.start, locale);
2940
2957
  const weeksInMonthRange = new Array(weeksInMonth).fill(0).map((_, i) => i);
2941
2958
  const styles2 = react.useMultiStyleConfig("Datepicker", {});
2942
- return /* @__PURE__ */ React48__namespace.default.createElement("table", { ...gridProps }, /* @__PURE__ */ React48__namespace.default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React48__namespace.default.createElement("tr", null, weekDays[language].map((day, index2) => {
2943
- return /* @__PURE__ */ React48__namespace.default.createElement(
2959
+ return /* @__PURE__ */ React49__namespace.default.createElement("table", { ...gridProps }, /* @__PURE__ */ React49__namespace.default.createElement("thead", { ...headerProps }, /* @__PURE__ */ React49__namespace.default.createElement("tr", null, weekDays[language].map((day, index2) => {
2960
+ return /* @__PURE__ */ React49__namespace.default.createElement(
2944
2961
  exports.Text,
2945
2962
  {
2946
2963
  as: "th",
@@ -2950,8 +2967,8 @@ function CalendarGrid({ state: state2, offset = {} }) {
2950
2967
  },
2951
2968
  day
2952
2969
  );
2953
- }))), /* @__PURE__ */ React48__namespace.default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React48__namespace.default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
2954
- (date, dayIndex) => date ? /* @__PURE__ */ React48__namespace.default.createElement(
2970
+ }))), /* @__PURE__ */ React49__namespace.default.createElement("tbody", null, weeksInMonthRange.map((weekIndex) => /* @__PURE__ */ React49__namespace.default.createElement("tr", { key: weekIndex }, state2.getDatesInWeek(weekIndex, startDate).map(
2971
+ (date, dayIndex) => date ? /* @__PURE__ */ React49__namespace.default.createElement(
2955
2972
  CalendarCell,
2956
2973
  {
2957
2974
  key: dayIndex,
@@ -2959,7 +2976,7 @@ function CalendarGrid({ state: state2, offset = {} }) {
2959
2976
  date,
2960
2977
  currentMonth: startDate
2961
2978
  }
2962
- ) : /* @__PURE__ */ React48__namespace.default.createElement("td", { key: dayIndex })
2979
+ ) : /* @__PURE__ */ React49__namespace.default.createElement("td", { key: dayIndex })
2963
2980
  )))));
2964
2981
  }
2965
2982
  var weekDays;
@@ -2982,9 +2999,9 @@ function CalendarNavigationButton({
2982
2999
  "aria-label": ariaLabel,
2983
3000
  ...rest
2984
3001
  }) {
2985
- const ref = React48.useRef(null);
3002
+ const ref = React49.useRef(null);
2986
3003
  const { buttonProps } = reactAria.useButton(rest, ref);
2987
- return /* @__PURE__ */ React48__namespace.default.createElement(
3004
+ return /* @__PURE__ */ React49__namespace.default.createElement(
2988
3005
  exports.IconButton,
2989
3006
  {
2990
3007
  ...buttonProps,
@@ -3021,7 +3038,7 @@ function CalendarHeader({
3021
3038
  );
3022
3039
  const areAllOtherYearsDisabled = isPreviousYearDisabled && isNextYearDisabled;
3023
3040
  const isYearPickerVisible = showYearNavigation && !areAllOtherYearsDisabled;
3024
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React48__namespace.default.createElement(
3041
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Flex, { alignItems: "center", paddingBottom: "4", justifyContent: "space-between" }, /* @__PURE__ */ React49__namespace.default.createElement(
3025
3042
  CalendarNavigator,
3026
3043
  {
3027
3044
  title: title ? title : isYearPickerVisible ? monthTitle : monthAndYearTitle,
@@ -3031,7 +3048,7 @@ function CalendarHeader({
3031
3048
  isNextDisabled: !state2.isPreviousVisibleRangeInvalid,
3032
3049
  isPreviousDisabled: !state2.isNextVisibleRangeInvalid
3033
3050
  }
3034
- ), isYearPickerVisible && /* @__PURE__ */ React48__namespace.default.createElement(
3051
+ ), isYearPickerVisible && /* @__PURE__ */ React49__namespace.default.createElement(
3035
3052
  CalendarNavigator,
3036
3053
  {
3037
3054
  title: jsDate.getFullYear().toString(),
@@ -3059,16 +3076,16 @@ var init_CalendarHeader = __esm({
3059
3076
  onNext,
3060
3077
  isNextDisabled
3061
3078
  }) => {
3062
- const { t: t2 } = exports.useTranslation();
3063
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React48__namespace.default.createElement(
3079
+ const { t: t2 } = useTranslation();
3080
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Flex, { alignItems: "center", flexGrow: 1 }, /* @__PURE__ */ React49__namespace.default.createElement(
3064
3081
  CalendarNavigationButton,
3065
3082
  {
3066
3083
  onPress: onPrevious,
3067
3084
  isDisabled: isPreviousDisabled,
3068
- icon: /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
3085
+ icon: /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.ArrowLeftOutline24Icon, null),
3069
3086
  "aria-label": `${t2(texts7.previous)} ${t2(texts7[unit])}`
3070
3087
  }
3071
- ), /* @__PURE__ */ React48__namespace.default.createElement(
3088
+ ), /* @__PURE__ */ React49__namespace.default.createElement(
3072
3089
  exports.Heading,
3073
3090
  {
3074
3091
  as: "div",
@@ -3079,12 +3096,12 @@ var init_CalendarHeader = __esm({
3079
3096
  textAlign: "center"
3080
3097
  },
3081
3098
  capitalize(title)
3082
- ), /* @__PURE__ */ React48__namespace.default.createElement(
3099
+ ), /* @__PURE__ */ React49__namespace.default.createElement(
3083
3100
  CalendarNavigationButton,
3084
3101
  {
3085
3102
  onPress: onNext,
3086
3103
  isDisabled: isNextDisabled,
3087
- icon: /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
3104
+ icon: /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.ArrowRightOutline24Icon, null),
3088
3105
  "aria-label": `${t2(texts7.next)} ${t2(texts7[unit])}`
3089
3106
  }
3090
3107
  ));
@@ -3125,7 +3142,7 @@ function Calendar({ showYearNavigation, ...props }) {
3125
3142
  createCalendar: date.createCalendar
3126
3143
  });
3127
3144
  const { calendarProps } = reactAria.useCalendar(props, state2);
3128
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { ...calendarProps }, /* @__PURE__ */ React48__namespace.default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React48__namespace.default.createElement(CalendarGrid, { state: state2 }));
3145
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { ...calendarProps }, /* @__PURE__ */ React49__namespace.default.createElement(CalendarHeader, { state: state2, showYearNavigation }), /* @__PURE__ */ React49__namespace.default.createElement(CalendarGrid, { state: state2 }));
3129
3146
  }
3130
3147
  var init_Calendar = __esm({
3131
3148
  "src/datepicker/Calendar.tsx"() {
@@ -3140,11 +3157,11 @@ var init_CalendarTriggerButton = __esm({
3140
3157
  "src/datepicker/CalendarTriggerButton.tsx"() {
3141
3158
  init_src();
3142
3159
  CalendarTriggerButton = (props) => {
3143
- const { t: t2 } = exports.useTranslation();
3160
+ const { t: t2 } = useTranslation();
3144
3161
  const styles2 = react.useMultiStyleConfig("Datepicker", {});
3145
- const ref = React48.useRef(null);
3162
+ const ref = React49.useRef(null);
3146
3163
  const { buttonProps } = reactAria.useButton(props, ref);
3147
- return /* @__PURE__ */ React48__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React48__namespace.default.createElement(
3164
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React49__namespace.default.createElement(
3148
3165
  react.Box,
3149
3166
  {
3150
3167
  ref,
@@ -3154,7 +3171,7 @@ var init_CalendarTriggerButton = __esm({
3154
3171
  sx: styles2.calendarTriggerButton,
3155
3172
  ...buttonProps
3156
3173
  },
3157
- /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null)
3174
+ /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, null)
3158
3175
  ));
3159
3176
  };
3160
3177
  texts8 = createTexts({
@@ -3171,13 +3188,13 @@ var DateTimeSegment, isPaddable;
3171
3188
  var init_DateTimeSegment = __esm({
3172
3189
  "src/datepicker/DateTimeSegment.tsx"() {
3173
3190
  DateTimeSegment = ({ segment, state: state2 }) => {
3174
- const ref = React48.useRef(null);
3191
+ const ref = React49.useRef(null);
3175
3192
  const { segmentProps } = reactAria.useDateSegment(segment, state2, ref);
3176
3193
  const styles2 = react.useMultiStyleConfig("Datepicker", {
3177
3194
  isPlaceholder: segment.isPlaceholder,
3178
3195
  isEditable: segment.isEditable
3179
3196
  });
3180
- return /* @__PURE__ */ React48__namespace.default.createElement(
3197
+ return /* @__PURE__ */ React49__namespace.default.createElement(
3181
3198
  react.Box,
3182
3199
  {
3183
3200
  ...segmentProps,
@@ -3221,9 +3238,9 @@ function DateField(props) {
3221
3238
  locale,
3222
3239
  createCalendar: createCalendar2
3223
3240
  });
3224
- const ref = React48.useRef(null);
3241
+ const ref = React49.useRef(null);
3225
3242
  const { fieldProps, labelProps } = reactAria.useDateField(props, state2, ref);
3226
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { minWidth: "6rem" }, props.label && /* @__PURE__ */ React48__namespace.default.createElement(react.FormLabel, { ...props.labelProps, ...labelProps, sx: styles2.inputLabel }, props.label), /* @__PURE__ */ React48__namespace.default.createElement(react.Flex, { ...fieldProps, ref }, state2.segments.map((segment, i) => /* @__PURE__ */ React48__namespace.default.createElement(DateTimeSegment, { key: i, segment, state: state2 }))), /* @__PURE__ */ React48__namespace.default.createElement("input", { type: "hidden", value: (_a6 = state2.value) == null ? void 0 : _a6.toString(), name: props.name }));
3243
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { minWidth: "6rem" }, props.label && /* @__PURE__ */ React49__namespace.default.createElement(react.FormLabel, { ...props.labelProps, ...labelProps, sx: styles2.inputLabel }, props.label), /* @__PURE__ */ React49__namespace.default.createElement(react.Flex, { ...fieldProps, ref }, state2.segments.map((segment, i) => /* @__PURE__ */ React49__namespace.default.createElement(DateTimeSegment, { key: i, segment, state: state2 }))), /* @__PURE__ */ React49__namespace.default.createElement("input", { type: "hidden", value: (_a6 = state2.value) == null ? void 0 : _a6.toString(), name: props.name }));
3227
3244
  }
3228
3245
  var init_DateField = __esm({
3229
3246
  "src/datepicker/DateField.tsx"() {
@@ -3241,7 +3258,7 @@ var init_StyledField = __esm({
3241
3258
  isInvalid: false
3242
3259
  };
3243
3260
  const styles2 = react.useMultiStyleConfig("Datepicker", { variant });
3244
- return /* @__PURE__ */ React48__namespace.default.createElement(
3261
+ return /* @__PURE__ */ React49__namespace.default.createElement(
3245
3262
  react.Box,
3246
3263
  {
3247
3264
  ...otherProps,
@@ -3270,7 +3287,7 @@ function DatePicker({
3270
3287
  isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
3271
3288
  validationState: (formControlProps == null ? void 0 : formControlProps.isInvalid) ? "invalid" : "valid"
3272
3289
  });
3273
- const ref = React48.useRef(null);
3290
+ const ref = React49.useRef(null);
3274
3291
  const {
3275
3292
  groupProps,
3276
3293
  labelProps,
@@ -3295,7 +3312,7 @@ function DatePicker({
3295
3312
  };
3296
3313
  const hasTrigger = responsiveVariant === "with-trigger";
3297
3314
  const styles2 = react.useMultiStyleConfig("Datepicker", {});
3298
- return /* @__PURE__ */ React48__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, /* @__PURE__ */ React48__namespace.default.createElement(
3315
+ return /* @__PURE__ */ React49__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, /* @__PURE__ */ React49__namespace.default.createElement(
3299
3316
  react.Popover,
3300
3317
  {
3301
3318
  ...dialogProps,
@@ -3306,7 +3323,7 @@ function DatePicker({
3306
3323
  closeOnEsc: true,
3307
3324
  returnFocusOnClose: true
3308
3325
  },
3309
- /* @__PURE__ */ React48__namespace.default.createElement(
3326
+ /* @__PURE__ */ React49__namespace.default.createElement(
3310
3327
  react.InputGroup,
3311
3328
  {
3312
3329
  ...groupProps,
@@ -3314,7 +3331,7 @@ function DatePicker({
3314
3331
  width: "auto",
3315
3332
  display: "inline-flex"
3316
3333
  },
3317
- /* @__PURE__ */ React48__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React48__namespace.default.createElement(
3334
+ /* @__PURE__ */ React49__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React49__namespace.default.createElement(
3318
3335
  StyledField,
3319
3336
  {
3320
3337
  variant: responsiveVariant,
@@ -3323,8 +3340,8 @@ function DatePicker({
3323
3340
  paddingX: 3,
3324
3341
  minHeight
3325
3342
  },
3326
- !hasTrigger && /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, { marginRight: 2, alignSelf: "center" }),
3327
- /* @__PURE__ */ React48__namespace.default.createElement(
3343
+ !hasTrigger && /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, { marginRight: 2, alignSelf: "center" }),
3344
+ /* @__PURE__ */ React49__namespace.default.createElement(
3328
3345
  DateField,
3329
3346
  {
3330
3347
  label: props.label,
@@ -3334,18 +3351,18 @@ function DatePicker({
3334
3351
  }
3335
3352
  )
3336
3353
  )),
3337
- hasTrigger && /* @__PURE__ */ React48__namespace.default.createElement(CalendarTriggerButton, { ...buttonProps })
3354
+ hasTrigger && /* @__PURE__ */ React49__namespace.default.createElement(CalendarTriggerButton, { ...buttonProps })
3338
3355
  ),
3339
- /* @__PURE__ */ React48__namespace.default.createElement(exports.FormErrorMessage, { ...errorMessageProps }, errorMessage),
3340
- state2.isOpen && !props.isDisabled && /* @__PURE__ */ React48__namespace.default.createElement(react.Portal, null, /* @__PURE__ */ React48__namespace.default.createElement(
3356
+ /* @__PURE__ */ React49__namespace.default.createElement(exports.FormErrorMessage, { ...errorMessageProps }, errorMessage),
3357
+ state2.isOpen && !props.isDisabled && /* @__PURE__ */ React49__namespace.default.createElement(react.Portal, null, /* @__PURE__ */ React49__namespace.default.createElement(
3341
3358
  react.PopoverContent,
3342
3359
  {
3343
3360
  color: "darkGrey",
3344
3361
  boxShadow: "md",
3345
3362
  sx: styles2.calendar
3346
3363
  },
3347
- /* @__PURE__ */ React48__namespace.default.createElement(react.PopoverArrow, { sx: styles2.arrow }),
3348
- /* @__PURE__ */ React48__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React48__namespace.default.createElement(
3364
+ /* @__PURE__ */ React49__namespace.default.createElement(react.PopoverArrow, { sx: styles2.arrow }),
3365
+ /* @__PURE__ */ React49__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React49__namespace.default.createElement(
3349
3366
  Calendar,
3350
3367
  {
3351
3368
  ...calendarProps,
@@ -3374,9 +3391,9 @@ function RangeCalendar(props) {
3374
3391
  locale,
3375
3392
  createCalendar: date.createCalendar
3376
3393
  });
3377
- const ref = React48.useRef(null);
3394
+ const ref = React49.useRef(null);
3378
3395
  const { calendarProps, title } = reactAria.useRangeCalendar(props, state2, ref);
3379
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { ...calendarProps, ref }, /* @__PURE__ */ React48__namespace.default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React48__namespace.default.createElement(CalendarGrid, { state: state2 }), /* @__PURE__ */ React48__namespace.default.createElement(CalendarGrid, { state: state2, offset: { months: 1 } })));
3396
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { ...calendarProps, ref }, /* @__PURE__ */ React49__namespace.default.createElement(CalendarHeader, { state: state2, title }), /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React49__namespace.default.createElement(CalendarGrid, { state: state2 }), /* @__PURE__ */ React49__namespace.default.createElement(CalendarGrid, { state: state2, offset: { months: 1 } })));
3380
3397
  }
3381
3398
  var init_RangeCalendar = __esm({
3382
3399
  "src/datepicker/RangeCalendar.tsx"() {
@@ -3400,7 +3417,7 @@ function DateRangePicker({
3400
3417
  isRequired: props.isRequired ?? (formControlProps == null ? void 0 : formControlProps.isRequired),
3401
3418
  validationState: formControlProps.isInvalid ? "invalid" : "valid"
3402
3419
  });
3403
- const ref = React48.useRef(null);
3420
+ const ref = React49.useRef(null);
3404
3421
  const {
3405
3422
  groupProps,
3406
3423
  labelProps,
@@ -3427,7 +3444,7 @@ function DateRangePicker({
3427
3444
  }
3428
3445
  };
3429
3446
  const hasTrigger = responsiveVariant === "with-trigger";
3430
- return /* @__PURE__ */ React48__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React48__namespace.default.createElement(react.FormLabel, { ...labelProps, sx: styles2.inputLabel }, props.label), /* @__PURE__ */ React48__namespace.default.createElement(
3447
+ return /* @__PURE__ */ React49__namespace.default.createElement(reactAria.I18nProvider, { locale }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { position: "relative", display: "inline-flex", flexDirection: "column" }, props.label && /* @__PURE__ */ React49__namespace.default.createElement(react.FormLabel, { ...labelProps, sx: styles2.inputLabel }, props.label), /* @__PURE__ */ React49__namespace.default.createElement(
3431
3448
  react.Popover,
3432
3449
  {
3433
3450
  ...dialogProps,
@@ -3437,7 +3454,7 @@ function DateRangePicker({
3437
3454
  closeOnEsc: true,
3438
3455
  returnFocusOnClose: true
3439
3456
  },
3440
- /* @__PURE__ */ React48__namespace.default.createElement(
3457
+ /* @__PURE__ */ React49__namespace.default.createElement(
3441
3458
  react.InputGroup,
3442
3459
  {
3443
3460
  ...groupProps,
@@ -3445,7 +3462,7 @@ function DateRangePicker({
3445
3462
  width: "auto",
3446
3463
  display: "inline-flex"
3447
3464
  },
3448
- /* @__PURE__ */ React48__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React48__namespace.default.createElement(
3465
+ /* @__PURE__ */ React49__namespace.default.createElement(react.PopoverAnchor, null, /* @__PURE__ */ React49__namespace.default.createElement(
3449
3466
  StyledField,
3450
3467
  {
3451
3468
  alignItems: "center",
@@ -3455,8 +3472,8 @@ function DateRangePicker({
3455
3472
  onKeyPress: handleEnterClick,
3456
3473
  minHeight
3457
3474
  },
3458
- !hasTrigger && /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, { mr: 2, alignSelf: "center" }),
3459
- /* @__PURE__ */ React48__namespace.default.createElement(
3475
+ !hasTrigger && /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.CalendarOutline24Icon, { mr: 2, alignSelf: "center" }),
3476
+ /* @__PURE__ */ React49__namespace.default.createElement(
3460
3477
  DateField,
3461
3478
  {
3462
3479
  ...startFieldProps,
@@ -3465,8 +3482,8 @@ function DateRangePicker({
3465
3482
  labelProps
3466
3483
  }
3467
3484
  ),
3468
- /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", px: "2" }, "\u2013"),
3469
- /* @__PURE__ */ React48__namespace.default.createElement(
3485
+ /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { as: "span", "aria-hidden": "true", px: "2" }, "\u2013"),
3486
+ /* @__PURE__ */ React49__namespace.default.createElement(
3470
3487
  DateField,
3471
3488
  {
3472
3489
  ...endFieldProps,
@@ -3476,17 +3493,17 @@ function DateRangePicker({
3476
3493
  }
3477
3494
  )
3478
3495
  )),
3479
- hasTrigger && /* @__PURE__ */ React48__namespace.default.createElement(CalendarTriggerButton, { ...buttonProps })
3496
+ hasTrigger && /* @__PURE__ */ React49__namespace.default.createElement(CalendarTriggerButton, { ...buttonProps })
3480
3497
  ),
3481
- state2.isOpen && /* @__PURE__ */ React48__namespace.default.createElement(react.Portal, null, /* @__PURE__ */ React48__namespace.default.createElement(
3498
+ state2.isOpen && /* @__PURE__ */ React49__namespace.default.createElement(react.Portal, null, /* @__PURE__ */ React49__namespace.default.createElement(
3482
3499
  react.PopoverContent,
3483
3500
  {
3484
3501
  sx: styles2.calendar,
3485
3502
  boxShadow: "md",
3486
3503
  maxWidth: "none"
3487
3504
  },
3488
- /* @__PURE__ */ React48__namespace.default.createElement(react.PopoverArrow, { sx: styles2.arrow }),
3489
- /* @__PURE__ */ React48__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React48__namespace.default.createElement(RangeCalendar, { ...calendarProps }))
3505
+ /* @__PURE__ */ React49__namespace.default.createElement(react.PopoverArrow, { sx: styles2.arrow }),
3506
+ /* @__PURE__ */ React49__namespace.default.createElement(react.PopoverBody, null, /* @__PURE__ */ React49__namespace.default.createElement(RangeCalendar, { ...calendarProps }))
3490
3507
  ))
3491
3508
  )));
3492
3509
  }
@@ -3507,9 +3524,9 @@ var init_TimeField = __esm({
3507
3524
  init_DateTimeSegment();
3508
3525
  init_utils();
3509
3526
  TimeField = ({ state: state2, ...props }) => {
3510
- const ref = React48.useRef(null);
3527
+ const ref = React49.useRef(null);
3511
3528
  const { labelProps, fieldProps } = reactAria.useTimeField(props, state2, ref);
3512
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React48__namespace.default.createElement(
3529
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, null, /* @__PURE__ */ React49__namespace.default.createElement(
3513
3530
  exports.FormLabel,
3514
3531
  {
3515
3532
  ...labelProps,
@@ -3518,7 +3535,7 @@ var init_TimeField = __esm({
3518
3535
  fontSize: "mobile.xs"
3519
3536
  },
3520
3537
  props.label
3521
- ), /* @__PURE__ */ React48__namespace.default.createElement(react.Flex, { ...fieldProps, ref }, state2.segments.map((segment) => /* @__PURE__ */ React48__namespace.default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React48__namespace.default.createElement(
3538
+ ), /* @__PURE__ */ React49__namespace.default.createElement(react.Flex, { ...fieldProps, ref }, state2.segments.map((segment) => /* @__PURE__ */ React49__namespace.default.createElement(DateTimeSegment, { key: segment.type, segment, state: state2 }))), /* @__PURE__ */ React49__namespace.default.createElement(
3522
3539
  "input",
3523
3540
  {
3524
3541
  type: "hidden",
@@ -3549,7 +3566,7 @@ var init_TimePicker = __esm({
3549
3566
  }) => {
3550
3567
  const { isDisabled: isFormControlDisabled, isInvalid: isFormControlInvalid } = react.useFormControlContext() ?? {};
3551
3568
  const isDisabled = isDisabledExternally ?? isFormControlDisabled ?? false;
3552
- const { t: t2 } = exports.useTranslation();
3569
+ const { t: t2 } = useTranslation();
3553
3570
  const locale = useCurrentLocale();
3554
3571
  const label = externalLabel ?? t2(texts9.time);
3555
3572
  const state2 = reactStately.useTimeFieldState({
@@ -3594,7 +3611,7 @@ var init_TimePicker = __esm({
3594
3611
  const ariaLabel = `${inputLabel} \u2013 ${t2(
3595
3612
  texts9.selectedTimeIs(`${(dateTime == null ? void 0 : dateTime.hour) ?? 0} ${(dateTime == null ? void 0 : dateTime.minute) ?? 0}`)
3596
3613
  )}`;
3597
- return /* @__PURE__ */ React48__namespace.default.createElement(
3614
+ return /* @__PURE__ */ React49__namespace.default.createElement(
3598
3615
  StyledField,
3599
3616
  {
3600
3617
  variant: "simple",
@@ -3610,7 +3627,7 @@ var init_TimePicker = __esm({
3610
3627
  "aria-label": ariaLabel,
3611
3628
  ...boxProps
3612
3629
  },
3613
- /* @__PURE__ */ React48__namespace.default.createElement(
3630
+ /* @__PURE__ */ React49__namespace.default.createElement(
3614
3631
  exports.IconButton,
3615
3632
  {
3616
3633
  variant: "ghost",
@@ -3618,14 +3635,14 @@ var init_TimePicker = __esm({
3618
3635
  borderRadius: "xs",
3619
3636
  "aria-label": backwardsLabel,
3620
3637
  title: backwardsLabel,
3621
- icon: /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.DropdownLeftFill24Icon, null),
3638
+ icon: /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.DropdownLeftFill24Icon, null),
3622
3639
  onClick: handleBackwardsClick,
3623
3640
  isDisabled,
3624
3641
  style: isDisabled ? { backgroundColor: "transparent" } : {}
3625
3642
  }
3626
3643
  ),
3627
- /* @__PURE__ */ React48__namespace.default.createElement(TimeField, { label, state: state2, name }),
3628
- /* @__PURE__ */ React48__namespace.default.createElement(
3644
+ /* @__PURE__ */ React49__namespace.default.createElement(TimeField, { label, state: state2, name }),
3645
+ /* @__PURE__ */ React49__namespace.default.createElement(
3629
3646
  exports.IconButton,
3630
3647
  {
3631
3648
  variant: "ghost",
@@ -3633,7 +3650,7 @@ var init_TimePicker = __esm({
3633
3650
  borderRadius: "xs",
3634
3651
  "aria-label": forwardsLabel,
3635
3652
  title: forwardsLabel,
3636
- icon: /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.DropdownRightFill24Icon, null),
3653
+ icon: /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.DropdownRightFill24Icon, null),
3637
3654
  onClick: handleForwardClick,
3638
3655
  isDisabled,
3639
3656
  style: isDisabled ? { backgroundColor: "transparent" } : {}
@@ -3719,7 +3736,7 @@ var init_AttachedInputs = __esm({
3719
3736
  }
3720
3737
  };
3721
3738
  const direction2 = flexDirection === "row" ? "horizontal" : "vertical";
3722
- return /* @__PURE__ */ React48__namespace.default.createElement(
3739
+ return /* @__PURE__ */ React49__namespace.default.createElement(
3723
3740
  react.Flex,
3724
3741
  {
3725
3742
  role: "group",
@@ -3736,9 +3753,9 @@ var Dialog;
3736
3753
  var init_Dialog = __esm({
3737
3754
  "src/input/Dialog.tsx"() {
3738
3755
  Dialog = ({ title, children, ...props }) => {
3739
- const ref = React48.useRef(null);
3756
+ const ref = React49.useRef(null);
3740
3757
  const { dialogProps, titleProps } = reactAria.useDialog(props, ref);
3741
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React48__namespace.default.createElement(react.Heading, { as: "h3", ...titleProps }, title), children);
3758
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { ...dialogProps, ref, outline: "none" }, title && /* @__PURE__ */ React49__namespace.default.createElement(react.Heading, { as: "h3", ...titleProps }, title), children);
3742
3759
  };
3743
3760
  }
3744
3761
  });
@@ -3754,7 +3771,7 @@ var init_Popover = __esm({
3754
3771
  placement = "bottom"
3755
3772
  }) => {
3756
3773
  var _a6;
3757
- const popoverRef = React48.useRef(null);
3774
+ const popoverRef = React49.useRef(null);
3758
3775
  const { popoverProps, underlayProps } = reactAria.usePopover(
3759
3776
  {
3760
3777
  triggerRef,
@@ -3765,23 +3782,23 @@ var init_Popover = __esm({
3765
3782
  },
3766
3783
  state2
3767
3784
  );
3768
- return /* @__PURE__ */ React48__namespace.default.createElement(reactAria.Overlay, null, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { ...underlayProps, position: "fixed", inset: "0" }), /* @__PURE__ */ React48__namespace.default.createElement(
3785
+ return /* @__PURE__ */ React49__namespace.default.createElement(reactAria.Overlay, null, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { ...underlayProps, position: "fixed", inset: "0" }), /* @__PURE__ */ React49__namespace.default.createElement(
3769
3786
  react.Box,
3770
3787
  {
3771
3788
  ...popoverProps,
3772
3789
  ref: popoverRef,
3773
3790
  minWidth: ((_a6 = triggerRef.current) == null ? void 0 : _a6.clientWidth) ?? "auto"
3774
3791
  },
3775
- /* @__PURE__ */ React48__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close }),
3792
+ /* @__PURE__ */ React49__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close }),
3776
3793
  children,
3777
- /* @__PURE__ */ React48__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close })
3794
+ /* @__PURE__ */ React49__namespace.default.createElement(reactAria.DismissButton, { onDismiss: state2.close })
3778
3795
  ));
3779
3796
  };
3780
3797
  }
3781
3798
  });
3782
3799
  function useForceRerender(shouldRerender) {
3783
- const [_, update] = React48.useState(false);
3784
- React48.useEffect(() => {
3800
+ const [_, update] = React49.useState(false);
3801
+ React49.useEffect(() => {
3785
3802
  if (shouldRerender) {
3786
3803
  update((x) => !x);
3787
3804
  }
@@ -3809,7 +3826,7 @@ var init_CardSelect = __esm({
3809
3826
  withChevron = true,
3810
3827
  ...props
3811
3828
  }, externalRef) => {
3812
- const internalRef = React48.useRef(null);
3829
+ const internalRef = React49.useRef(null);
3813
3830
  const triggerRef = externalRef ?? internalRef;
3814
3831
  const state2 = reactStately.useOverlayTriggerState({
3815
3832
  isOpen: externalIsOpen,
@@ -3825,7 +3842,7 @@ var init_CardSelect = __esm({
3825
3842
  const styles2 = react.useMultiStyleConfig("CardSelect", { variant, size: size2 });
3826
3843
  useForceRerender(state2.isOpen);
3827
3844
  const ChevronIcon = size2 === "sm" ? sporIconReact.DropdownDownFill18Icon : sporIconReact.DropdownDownFill24Icon;
3828
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React48__namespace.default.createElement(
3845
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { ...props }, /* @__PURE__ */ React49__namespace.default.createElement(
3829
3846
  react.chakra.button,
3830
3847
  {
3831
3848
  type: "button",
@@ -3835,13 +3852,13 @@ var init_CardSelect = __esm({
3835
3852
  width,
3836
3853
  "data-attachable": true
3837
3854
  },
3838
- /* @__PURE__ */ React48__namespace.default.createElement(react.Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { as: "span" }, label), withChevron ? /* @__PURE__ */ React48__namespace.default.createElement(
3855
+ /* @__PURE__ */ React49__namespace.default.createElement(react.Flex, { gap: 1.5, alignItems: "center" }, icon, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { as: "span" }, label), withChevron ? /* @__PURE__ */ React49__namespace.default.createElement(
3839
3856
  ChevronIcon,
3840
3857
  {
3841
3858
  transform: state2.isOpen ? "rotate(180deg)" : "none"
3842
3859
  }
3843
3860
  ) : null)
3844
- ), state2.isOpen && /* @__PURE__ */ React48__namespace.default.createElement(
3861
+ ), state2.isOpen && /* @__PURE__ */ React49__namespace.default.createElement(
3845
3862
  Popover3,
3846
3863
  {
3847
3864
  state: state2,
@@ -3850,7 +3867,7 @@ var init_CardSelect = __esm({
3850
3867
  crossOffset,
3851
3868
  placement
3852
3869
  },
3853
- /* @__PURE__ */ React48__namespace.default.createElement(
3870
+ /* @__PURE__ */ React49__namespace.default.createElement(
3854
3871
  exports.Card,
3855
3872
  {
3856
3873
  colorScheme: "white",
@@ -3858,7 +3875,7 @@ var init_CardSelect = __esm({
3858
3875
  sx: styles2.card,
3859
3876
  ...overlayProps
3860
3877
  },
3861
- /* @__PURE__ */ React48__namespace.default.createElement(Dialog, { "aria-label": label }, children)
3878
+ /* @__PURE__ */ React49__namespace.default.createElement(Dialog, { "aria-label": label }, children)
3862
3879
  )
3863
3880
  ));
3864
3881
  }
@@ -3869,7 +3886,7 @@ exports.Checkbox = void 0;
3869
3886
  var init_Checkbox = __esm({
3870
3887
  "src/input/Checkbox.tsx"() {
3871
3888
  exports.Checkbox = react.forwardRef((props, ref) => {
3872
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Checkbox, { ...props, ref });
3889
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Checkbox, { ...props, ref });
3873
3890
  });
3874
3891
  }
3875
3892
  });
@@ -3881,7 +3898,7 @@ var init_CheckboxGroup = __esm({
3881
3898
  children,
3882
3899
  ...props
3883
3900
  }) => {
3884
- return /* @__PURE__ */ React48__namespace.default.createElement(react.CheckboxGroup, { ...props }, /* @__PURE__ */ React48__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
3901
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.CheckboxGroup, { ...props }, /* @__PURE__ */ React49__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
3885
3902
  };
3886
3903
  }
3887
3904
  });
@@ -4654,16 +4671,16 @@ var init_ChoiceChip = __esm({
4654
4671
  icon,
4655
4672
  hasLabel: Boolean(children)
4656
4673
  });
4657
- const id = `choice-chip-${React48.useId()}`;
4658
- return /* @__PURE__ */ React48__namespace.default.createElement(
4674
+ const id = `choice-chip-${React49.useId()}`;
4675
+ return /* @__PURE__ */ React49__namespace.default.createElement(
4659
4676
  react.chakra.label,
4660
4677
  {
4661
4678
  htmlFor: id,
4662
4679
  ...getRootProps(),
4663
4680
  "aria-label": String(children)
4664
4681
  },
4665
- /* @__PURE__ */ React48__namespace.default.createElement(react.chakra.input, { ...getInputProps({}, ref), id }),
4666
- /* @__PURE__ */ React48__namespace.default.createElement(
4682
+ /* @__PURE__ */ React49__namespace.default.createElement(react.chakra.input, { ...getInputProps({}, ref), id }),
4683
+ /* @__PURE__ */ React49__namespace.default.createElement(
4667
4684
  react.chakra.div,
4668
4685
  {
4669
4686
  ...getLabelProps(),
@@ -4672,9 +4689,9 @@ var init_ChoiceChip = __esm({
4672
4689
  "data-hover": dataAttr(state2.isHovered),
4673
4690
  "data-focus": dataAttr(state2.isFocused)
4674
4691
  },
4675
- icon && /* @__PURE__ */ React48__namespace.default.createElement(react.chakra.span, { __css: styles2.icon }, state2.isChecked ? icon.checked : icon.default),
4676
- /* @__PURE__ */ React48__namespace.default.createElement(react.chakra.span, { __css: styles2.label, ...getCheckboxProps() }, variant !== "icon" && children),
4677
- variant === "filter" && state2.isChecked && /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.CloseOutline24Icon, { ml: 1.5 })
4692
+ icon && /* @__PURE__ */ React49__namespace.default.createElement(react.chakra.span, { __css: styles2.icon }, state2.isChecked ? icon.checked : icon.default),
4693
+ /* @__PURE__ */ React49__namespace.default.createElement(react.chakra.span, { __css: styles2.label, ...getCheckboxProps() }, variant !== "icon" && children),
4694
+ variant === "filter" && state2.isChecked && /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.CloseOutline24Icon, { ml: 1.5 })
4678
4695
  )
4679
4696
  );
4680
4697
  });
@@ -4760,7 +4777,7 @@ function NumericStepper({
4760
4777
  isDisabled,
4761
4778
  ...boxProps
4762
4779
  }) {
4763
- const { t: t2 } = exports.useTranslation();
4780
+ const { t: t2 } = useTranslation();
4764
4781
  const [value, onChange] = react.useControllableState({
4765
4782
  value: valueProp,
4766
4783
  onChange: onChangeProp,
@@ -4770,16 +4787,16 @@ function NumericStepper({
4770
4787
  const textColor = react.useColorModeValue("darkGrey", "white");
4771
4788
  const backgroundColor = react.useColorModeValue("white", "darkGrey");
4772
4789
  const focusColor = react.useColorModeValue("greenHaze", "azure");
4773
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Flex, { alignItems: "center", ...boxProps }, /* @__PURE__ */ React48__namespace.default.createElement(
4790
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Flex, { alignItems: "center", ...boxProps }, /* @__PURE__ */ React49__namespace.default.createElement(
4774
4791
  VerySmallButton,
4775
4792
  {
4776
- icon: /* @__PURE__ */ React48__namespace.default.createElement(SubtractIcon, { color: "white" }),
4793
+ icon: /* @__PURE__ */ React49__namespace.default.createElement(SubtractIcon, { color: "white" }),
4777
4794
  "aria-label": t2(texts10.decrementButtonAriaLabel),
4778
4795
  onClick: () => onChange(value - 1),
4779
4796
  visibility: value <= minValue ? "hidden" : "visible",
4780
4797
  isDisabled: formControlProps.disabled
4781
4798
  }
4782
- ), /* @__PURE__ */ React48__namespace.default.createElement(
4799
+ ), /* @__PURE__ */ React49__namespace.default.createElement(
4783
4800
  react.chakra.input,
4784
4801
  {
4785
4802
  type: "number",
@@ -4797,7 +4814,10 @@ function NumericStepper({
4797
4814
  textAlign: "center",
4798
4815
  backgroundColor,
4799
4816
  color: textColor,
4800
- transition: "all .1s ease-out",
4817
+ transition: "box-shadow .1s ease-out",
4818
+ visibility: value === 0 ? "hidden" : "visible",
4819
+ "aria-live": "assertive",
4820
+ "aria-label": value.toString(),
4801
4821
  _hover: {
4802
4822
  boxShadow: getBoxShadowString({
4803
4823
  borderColor: "currentColor",
@@ -4825,10 +4845,10 @@ function NumericStepper({
4825
4845
  onChange(numericInput);
4826
4846
  }
4827
4847
  }
4828
- ), /* @__PURE__ */ React48__namespace.default.createElement(
4848
+ ), /* @__PURE__ */ React49__namespace.default.createElement(
4829
4849
  VerySmallButton,
4830
4850
  {
4831
- icon: /* @__PURE__ */ React48__namespace.default.createElement(AddIcon, { color: "white" }),
4851
+ icon: /* @__PURE__ */ React49__namespace.default.createElement(AddIcon, { color: "white" }),
4832
4852
  "aria-label": t2(texts10.incrementButtonAriaLabel),
4833
4853
  onClick: () => onChange(value + 1),
4834
4854
  visibility: value >= maxValue ? "hidden" : "visible",
@@ -4843,7 +4863,7 @@ var init_NumericStepper = __esm({
4843
4863
  init_box_shadow_utils();
4844
4864
  init_focus_utils();
4845
4865
  VerySmallButton = (props) => {
4846
- return /* @__PURE__ */ React48__namespace.default.createElement(
4866
+ return /* @__PURE__ */ React49__namespace.default.createElement(
4847
4867
  exports.IconButton,
4848
4868
  {
4849
4869
  variant: "primary",
@@ -4860,7 +4880,7 @@ var init_NumericStepper = __esm({
4860
4880
  }
4861
4881
  );
4862
4882
  };
4863
- SubtractIcon = (props) => /* @__PURE__ */ React48__namespace.default.createElement(
4883
+ SubtractIcon = (props) => /* @__PURE__ */ React49__namespace.default.createElement(
4864
4884
  react.Box,
4865
4885
  {
4866
4886
  as: "svg",
@@ -4870,7 +4890,7 @@ var init_NumericStepper = __esm({
4870
4890
  stroke: "currentColor",
4871
4891
  ...props
4872
4892
  },
4873
- /* @__PURE__ */ React48__namespace.default.createElement(
4893
+ /* @__PURE__ */ React49__namespace.default.createElement(
4874
4894
  "line",
4875
4895
  {
4876
4896
  x1: "9",
@@ -4882,7 +4902,7 @@ var init_NumericStepper = __esm({
4882
4902
  }
4883
4903
  )
4884
4904
  );
4885
- AddIcon = (props) => /* @__PURE__ */ React48__namespace.default.createElement(
4905
+ AddIcon = (props) => /* @__PURE__ */ React49__namespace.default.createElement(
4886
4906
  react.Box,
4887
4907
  {
4888
4908
  as: "svg",
@@ -4892,7 +4912,7 @@ var init_NumericStepper = __esm({
4892
4912
  stroke: "currentColor",
4893
4913
  ...props
4894
4914
  },
4895
- /* @__PURE__ */ React48__namespace.default.createElement(
4915
+ /* @__PURE__ */ React49__namespace.default.createElement(
4896
4916
  "line",
4897
4917
  {
4898
4918
  x1: "9",
@@ -4903,7 +4923,7 @@ var init_NumericStepper = __esm({
4903
4923
  strokeLinecap: "round"
4904
4924
  }
4905
4925
  ),
4906
- /* @__PURE__ */ React48__namespace.default.createElement(
4926
+ /* @__PURE__ */ React49__namespace.default.createElement(
4907
4927
  "line",
4908
4928
  {
4909
4929
  x1: "15",
@@ -4935,7 +4955,7 @@ exports.FormControl = void 0;
4935
4955
  var init_FormControl = __esm({
4936
4956
  "src/input/FormControl.tsx"() {
4937
4957
  exports.FormControl = react.forwardRef((props, ref) => {
4938
- return /* @__PURE__ */ React48__namespace.default.createElement(react.FormControl, { ...props, ref });
4958
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.FormControl, { ...props, ref });
4939
4959
  });
4940
4960
  }
4941
4961
  });
@@ -4956,7 +4976,7 @@ var init_FormErrorMessage = __esm({
4956
4976
  return null;
4957
4977
  }
4958
4978
  const { ref, ...errorMessageProps } = formControlContext.getErrorMessageProps();
4959
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { position: "relative", ref }, /* @__PURE__ */ React48__namespace.default.createElement(
4979
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { position: "relative", ref }, /* @__PURE__ */ React49__namespace.default.createElement(
4960
4980
  react.Box,
4961
4981
  {
4962
4982
  borderRadius: "xs",
@@ -4974,12 +4994,12 @@ var init_FormErrorMessage = __esm({
4974
4994
  ...errorMessageProps,
4975
4995
  ...boxProps
4976
4996
  },
4977
- /* @__PURE__ */ React48__namespace.default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
4997
+ /* @__PURE__ */ React49__namespace.default.createElement(Arrow, { position: "absolute", top: "-0.25em", left: "1em" }),
4978
4998
  children
4979
4999
  ));
4980
5000
  };
4981
5001
  Arrow = (props) => {
4982
- return /* @__PURE__ */ React48__namespace.default.createElement(
5002
+ return /* @__PURE__ */ React49__namespace.default.createElement(
4983
5003
  react.Box,
4984
5004
  {
4985
5005
  ...props,
@@ -4990,7 +5010,7 @@ var init_FormErrorMessage = __esm({
4990
5010
  fill: "none",
4991
5011
  transform: "rotate(45deg)"
4992
5012
  },
4993
- /* @__PURE__ */ React48__namespace.default.createElement(
5013
+ /* @__PURE__ */ React49__namespace.default.createElement(
4994
5014
  react.Box,
4995
5015
  {
4996
5016
  as: "path",
@@ -5006,21 +5026,21 @@ exports.FormLabel = void 0;
5006
5026
  var init_FormLabel = __esm({
5007
5027
  "src/input/FormLabel.tsx"() {
5008
5028
  exports.FormLabel = react.forwardRef((props, ref) => {
5009
- return /* @__PURE__ */ React48__namespace.default.createElement(react.FormLabel, { ...props, ref });
5029
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.FormLabel, { ...props, ref });
5010
5030
  });
5011
5031
  }
5012
5032
  });
5013
5033
  function SelectItemLabel({ children }) {
5014
5034
  let { labelProps } = useOptionContext();
5015
5035
  const styles2 = react.useMultiStyleConfig("ListBox", {});
5016
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { ...labelProps, sx: styles2.label }, children);
5036
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { ...labelProps, sx: styles2.label }, children);
5017
5037
  }
5018
5038
  function SelectItemDescription({
5019
5039
  children
5020
5040
  }) {
5021
5041
  let { descriptionProps } = useOptionContext();
5022
5042
  const styles2 = react.useMultiStyleConfig("ListBox", {});
5023
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { ...descriptionProps, sx: styles2.description }, children);
5043
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { ...descriptionProps, sx: styles2.description }, children);
5024
5044
  }
5025
5045
  exports.ListBox = void 0; var OptionContext, useOptionContext, Option;
5026
5046
  var init_ListBox = __esm({
@@ -5028,10 +5048,10 @@ var init_ListBox = __esm({
5028
5048
  exports.ListBox = react.forwardRef((props, ref) => {
5029
5049
  const { state: state2, listBoxOptions, ...rest } = props;
5030
5050
  const styles2 = react.useMultiStyleConfig("ListBox", {});
5031
- const internalRef = React48.useRef(null);
5051
+ const internalRef = React49.useRef(null);
5032
5052
  const listBoxRef = ref ?? internalRef;
5033
5053
  const { listBoxProps } = reactAria.useListBox(listBoxOptions, state2, listBoxRef);
5034
- return /* @__PURE__ */ React48__namespace.default.createElement(
5054
+ return /* @__PURE__ */ React49__namespace.default.createElement(
5035
5055
  react.Box,
5036
5056
  {
5037
5057
  as: "ul",
@@ -5040,25 +5060,25 @@ var init_ListBox = __esm({
5040
5060
  ref: listBoxRef,
5041
5061
  ...rest
5042
5062
  },
5043
- Array.from(state2.collection).map((item) => /* @__PURE__ */ React48__namespace.default.createElement(Option, { key: item.key, item, state: state2 }))
5063
+ Array.from(state2.collection).map((item) => /* @__PURE__ */ React49__namespace.default.createElement(Option, { key: item.key, item, state: state2 }))
5044
5064
  );
5045
5065
  });
5046
- OptionContext = React48__namespace.default.createContext({
5066
+ OptionContext = React49__namespace.default.createContext({
5047
5067
  labelProps: {},
5048
5068
  descriptionProps: {}
5049
5069
  });
5050
5070
  useOptionContext = () => {
5051
- return React48.useContext(OptionContext);
5071
+ return React49.useContext(OptionContext);
5052
5072
  };
5053
5073
  Option = ({ item, state: state2 }) => {
5054
- const ref = React48.useRef(null);
5074
+ const ref = React49.useRef(null);
5055
5075
  const styles2 = react.useMultiStyleConfig("ListBox", {});
5056
5076
  const { optionProps, labelProps, descriptionProps } = reactAria.useOption(
5057
5077
  { key: item.key },
5058
5078
  state2,
5059
5079
  ref
5060
5080
  );
5061
- return /* @__PURE__ */ React48__namespace.default.createElement(react.chakra.li, { ...optionProps, ref, sx: styles2.item }, /* @__PURE__ */ React48__namespace.default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, item.rendered));
5081
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.chakra.li, { ...optionProps, ref, sx: styles2.item }, /* @__PURE__ */ React49__namespace.default.createElement(OptionContext.Provider, { value: { labelProps, descriptionProps } }, item.rendered));
5062
5082
  };
5063
5083
  }
5064
5084
  });
@@ -5079,7 +5099,7 @@ function InfoSelect({
5079
5099
  ...props
5080
5100
  };
5081
5101
  const state2 = reactStately.useSelectState(renamedProps);
5082
- const triggerRef = React48.useRef(null);
5102
+ const triggerRef = React49.useRef(null);
5083
5103
  const { labelProps, triggerProps, valueProps, menuProps } = reactAria.useSelect(
5084
5104
  renamedProps,
5085
5105
  state2,
@@ -5090,9 +5110,9 @@ function InfoSelect({
5090
5110
  isLabelSrOnly
5091
5111
  });
5092
5112
  const { buttonProps } = reactAria.useButton(triggerProps, triggerRef);
5093
- const { t: t2 } = exports.useTranslation();
5113
+ const { t: t2 } = useTranslation();
5094
5114
  const formControl = react.useFormControlProps(props);
5095
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { sx: styles2.container }, /* @__PURE__ */ React48__namespace.default.createElement(react.chakra.div, { ...labelProps, sx: styles2.label }, props.label), /* @__PURE__ */ React48__namespace.default.createElement(
5115
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { sx: styles2.container }, /* @__PURE__ */ React49__namespace.default.createElement(react.chakra.div, { ...labelProps, sx: styles2.label }, props.label), /* @__PURE__ */ React49__namespace.default.createElement(
5096
5116
  reactAria.HiddenSelect,
5097
5117
  {
5098
5118
  state: state2,
@@ -5100,7 +5120,7 @@ function InfoSelect({
5100
5120
  label: props.label,
5101
5121
  name: props.name
5102
5122
  }
5103
- ), /* @__PURE__ */ React48__namespace.default.createElement(
5123
+ ), /* @__PURE__ */ React49__namespace.default.createElement(
5104
5124
  react.chakra.button,
5105
5125
  {
5106
5126
  type: "button",
@@ -5113,9 +5133,9 @@ function InfoSelect({
5113
5133
  "aria-invalid": formControl.isInvalid,
5114
5134
  "aria-describedby": formControl["aria-describedby"]
5115
5135
  },
5116
- /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { ...valueProps }, state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts11.selectAnOption)),
5117
- /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { sx: styles2.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.DropdownUpFill24Icon, null) : /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.DropdownDownFill24Icon, null))
5118
- ), state2.isOpen && /* @__PURE__ */ React48__namespace.default.createElement(Popover3, { state: state2, triggerRef }, /* @__PURE__ */ React48__namespace.default.createElement(
5136
+ /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { ...valueProps }, state2.selectedItem ? state2.selectedItem.textValue ?? state2.selectedItem.rendered : placeholder ?? t2(texts11.selectAnOption)),
5137
+ /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { sx: styles2.arrowIcon }, state2.isOpen ? /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.DropdownUpFill24Icon, null) : /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.DropdownDownFill24Icon, null))
5138
+ ), state2.isOpen && /* @__PURE__ */ React49__namespace.default.createElement(Popover3, { state: state2, triggerRef }, /* @__PURE__ */ React49__namespace.default.createElement(
5119
5139
  exports.ListBox,
5120
5140
  {
5121
5141
  listBoxOptions: menuProps,
@@ -5146,9 +5166,9 @@ var init_Input = __esm({
5146
5166
  exports.Input = react.forwardRef(
5147
5167
  ({ label, leftIcon, rightIcon, id, ...props }, ref) => {
5148
5168
  const formControlProps = react.useFormControlContext();
5149
- const fallbackId = `input-${React48.useId()}`;
5169
+ const fallbackId = `input-${React49.useId()}`;
5150
5170
  const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
5151
- return /* @__PURE__ */ React48__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React48__namespace.default.createElement(react.InputLeftElement, null, leftIcon), /* @__PURE__ */ React48__namespace.default.createElement(
5171
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React49__namespace.default.createElement(react.InputLeftElement, null, leftIcon), /* @__PURE__ */ React49__namespace.default.createElement(
5152
5172
  react.Input,
5153
5173
  {
5154
5174
  "data-attachable": true,
@@ -5159,7 +5179,7 @@ var init_Input = __esm({
5159
5179
  ref,
5160
5180
  placeholder: " "
5161
5181
  }
5162
- ), /* @__PURE__ */ React48__namespace.default.createElement(react.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), rightIcon && /* @__PURE__ */ React48__namespace.default.createElement(react.InputRightElement, null, rightIcon));
5182
+ ), /* @__PURE__ */ React49__namespace.default.createElement(react.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), rightIcon && /* @__PURE__ */ React49__namespace.default.createElement(react.InputRightElement, null, rightIcon));
5163
5183
  }
5164
5184
  );
5165
5185
  }
@@ -5168,10 +5188,10 @@ exports.InputLeftElement = void 0; exports.InputRightElement = void 0;
5168
5188
  var init_InputElement = __esm({
5169
5189
  "src/input/InputElement.tsx"() {
5170
5190
  exports.InputLeftElement = react.forwardRef(
5171
- (props, ref) => /* @__PURE__ */ React48__namespace.default.createElement(react.InputLeftElement, { ...props, ref })
5191
+ (props, ref) => /* @__PURE__ */ React49__namespace.default.createElement(react.InputLeftElement, { ...props, ref })
5172
5192
  );
5173
5193
  exports.InputRightElement = react.forwardRef(
5174
- (props, ref) => /* @__PURE__ */ React48__namespace.default.createElement(react.InputRightElement, { ...props, ref })
5194
+ (props, ref) => /* @__PURE__ */ React49__namespace.default.createElement(react.InputRightElement, { ...props, ref })
5175
5195
  );
5176
5196
  }
5177
5197
  });
@@ -5182,7 +5202,7 @@ var init_NativeSelect = __esm({
5182
5202
  exports.NativeSelect = react.forwardRef(
5183
5203
  ({ label, ...props }, ref) => {
5184
5204
  const styles2 = react.useMultiStyleConfig("Select", props);
5185
- return /* @__PURE__ */ React48__namespace.default.createElement(exports.FormControl, null, /* @__PURE__ */ React48__namespace.default.createElement(
5205
+ return /* @__PURE__ */ React49__namespace.default.createElement(exports.FormControl, null, /* @__PURE__ */ React49__namespace.default.createElement(
5186
5206
  react.Select,
5187
5207
  {
5188
5208
  "data-attachable": true,
@@ -5190,7 +5210,7 @@ var init_NativeSelect = __esm({
5190
5210
  rootProps: { __css: styles2.root },
5191
5211
  ref
5192
5212
  }
5193
- ), label && /* @__PURE__ */ React48__namespace.default.createElement(exports.FormLabel, null, label));
5213
+ ), label && /* @__PURE__ */ React49__namespace.default.createElement(exports.FormLabel, null, label));
5194
5214
  }
5195
5215
  );
5196
5216
  }
@@ -5203,11 +5223,11 @@ var init_PasswordInput = __esm({
5203
5223
  exports.PasswordInput = react.forwardRef(
5204
5224
  ({ leftIcon, id, label, ...props }, ref) => {
5205
5225
  const { isOpen: isShowingPassword, onToggle } = react.useDisclosure();
5206
- const { t: t2 } = exports.useTranslation();
5226
+ const { t: t2 } = useTranslation();
5207
5227
  const formControlProps = react.useFormControlContext();
5208
- const autoGeneratedId = `password-input-${React48.useId()}`;
5228
+ const autoGeneratedId = `password-input-${React49.useId()}`;
5209
5229
  const inputId = id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
5210
- return /* @__PURE__ */ React48__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React48__namespace.default.createElement(exports.InputLeftElement, null, leftIcon), /* @__PURE__ */ React48__namespace.default.createElement(
5230
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.InputGroup, { position: "relative" }, leftIcon && /* @__PURE__ */ React49__namespace.default.createElement(exports.InputLeftElement, null, leftIcon), /* @__PURE__ */ React49__namespace.default.createElement(
5211
5231
  react.Input,
5212
5232
  {
5213
5233
  ...props,
@@ -5219,7 +5239,7 @@ var init_PasswordInput = __esm({
5219
5239
  ref,
5220
5240
  "data-attachable": true
5221
5241
  }
5222
- ), /* @__PURE__ */ React48__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React48__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React48__namespace.default.createElement(
5242
+ ), /* @__PURE__ */ React49__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label), /* @__PURE__ */ React49__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React49__namespace.default.createElement(
5223
5243
  react.Button,
5224
5244
  {
5225
5245
  variant: "ghost",
@@ -11875,8 +11895,8 @@ var init_CountryCodeSelect = __esm({
11875
11895
  );
11876
11896
  callingCodes = [...prioritizedCountryCodes, ...sortedCallingCodes];
11877
11897
  CountryCodeSelect = (props) => {
11878
- const { t: t2 } = exports.useTranslation();
11879
- return /* @__PURE__ */ React48__namespace.default.createElement(
11898
+ const { t: t2 } = useTranslation();
11899
+ return /* @__PURE__ */ React49__namespace.default.createElement(
11880
11900
  InfoSelect,
11881
11901
  {
11882
11902
  label: t2(texts13.countryCode),
@@ -11884,7 +11904,7 @@ var init_CountryCodeSelect = __esm({
11884
11904
  items: callingCodes,
11885
11905
  ...props
11886
11906
  },
11887
- (item) => /* @__PURE__ */ React48__namespace.default.createElement(reactStately.Item, { key: item.key }, item.key)
11907
+ (item) => /* @__PURE__ */ React49__namespace.default.createElement(reactStately.Item, { key: item.key }, item.key)
11888
11908
  );
11889
11909
  };
11890
11910
  CountryCodeSelect_default = CountryCodeSelect;
@@ -11905,7 +11925,7 @@ var init_PhoneNumberInput = __esm({
11905
11925
  init_AttachedInputs();
11906
11926
  exports.PhoneNumberInput = react.forwardRef(
11907
11927
  ({ name, value: externalValue, onChange: externalOnChange, ...boxProps }, ref) => {
11908
- const { t: t2 } = exports.useTranslation();
11928
+ const { t: t2 } = useTranslation();
11909
11929
  const [value, onChange] = react.useControllableState({
11910
11930
  value: externalValue,
11911
11931
  onChange: externalOnChange,
@@ -11914,10 +11934,10 @@ var init_PhoneNumberInput = __esm({
11914
11934
  nationalNumber: ""
11915
11935
  }
11916
11936
  });
11917
- return /* @__PURE__ */ React48__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React48__namespace.default.createElement(
11918
- React48.Suspense,
11937
+ return /* @__PURE__ */ React49__namespace.default.createElement(exports.AttachedInputs, { ...boxProps }, /* @__PURE__ */ React49__namespace.default.createElement(
11938
+ React49.Suspense,
11919
11939
  {
11920
- fallback: /* @__PURE__ */ React48__namespace.default.createElement(
11940
+ fallback: /* @__PURE__ */ React49__namespace.default.createElement(
11921
11941
  InfoSelect,
11922
11942
  {
11923
11943
  isLabelSrOnly: true,
@@ -11926,10 +11946,10 @@ var init_PhoneNumberInput = __esm({
11926
11946
  height: "100%",
11927
11947
  value: "+47"
11928
11948
  },
11929
- /* @__PURE__ */ React48__namespace.default.createElement(reactStately.Item, { key: "+47" }, "+47")
11949
+ /* @__PURE__ */ React49__namespace.default.createElement(reactStately.Item, { key: "+47" }, "+47")
11930
11950
  )
11931
11951
  },
11932
- /* @__PURE__ */ React48__namespace.default.createElement(
11952
+ /* @__PURE__ */ React49__namespace.default.createElement(
11933
11953
  LazyCountryCodeSelect,
11934
11954
  {
11935
11955
  value: value.countryCode,
@@ -11942,7 +11962,7 @@ var init_PhoneNumberInput = __esm({
11942
11962
  width: "6.25rem"
11943
11963
  }
11944
11964
  )
11945
- ), /* @__PURE__ */ React48__namespace.default.createElement(
11965
+ ), /* @__PURE__ */ React49__namespace.default.createElement(
11946
11966
  exports.Input,
11947
11967
  {
11948
11968
  ref,
@@ -11971,14 +11991,14 @@ var init_PhoneNumberInput = __esm({
11971
11991
  sv: "Telefonnummer"
11972
11992
  }
11973
11993
  });
11974
- LazyCountryCodeSelect = React48__namespace.default.lazy(() => Promise.resolve().then(() => (init_CountryCodeSelect(), CountryCodeSelect_exports)));
11994
+ LazyCountryCodeSelect = React49__namespace.default.lazy(() => Promise.resolve().then(() => (init_CountryCodeSelect(), CountryCodeSelect_exports)));
11975
11995
  }
11976
11996
  });
11977
11997
  exports.Radio = void 0;
11978
11998
  var init_Radio = __esm({
11979
11999
  "src/input/Radio.tsx"() {
11980
12000
  exports.Radio = react.forwardRef((props, ref) => {
11981
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Radio, { ...props, ref });
12001
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Radio, { ...props, ref });
11982
12002
  });
11983
12003
  }
11984
12004
  });
@@ -11987,7 +12007,7 @@ var init_RadioGroup = __esm({
11987
12007
  "src/input/RadioGroup.tsx"() {
11988
12008
  exports.RadioGroup = react.forwardRef(
11989
12009
  ({ children, direction: direction2 = "row", ...rest }, ref) => {
11990
- return /* @__PURE__ */ React48__namespace.default.createElement(react.RadioGroup, { ...rest, ref }, /* @__PURE__ */ React48__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
12010
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.RadioGroup, { ...rest, ref }, /* @__PURE__ */ React49__namespace.default.createElement(react.Stack, { direction: direction2 }, children));
11991
12011
  }
11992
12012
  );
11993
12013
  }
@@ -11999,12 +12019,12 @@ var init_SearchInput = __esm({
11999
12019
  init_src();
12000
12020
  exports.SearchInput = react.forwardRef(
12001
12021
  ({ label, onReset, ...props }, ref) => {
12002
- const { t: t2 } = exports.useTranslation();
12022
+ const { t: t2 } = useTranslation();
12003
12023
  const showClearButton = onReset && Boolean(props.value);
12004
12024
  const formControlProps = react.useFormControlContext();
12005
- const autoGeneratedId = React48.useId();
12025
+ const autoGeneratedId = React49.useId();
12006
12026
  const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? autoGeneratedId;
12007
- return /* @__PURE__ */ React48__namespace.default.createElement(react.InputGroup, { position: "relative" }, /* @__PURE__ */ React48__namespace.default.createElement(exports.InputLeftElement, null, /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.SearchOutline24Icon, null)), /* @__PURE__ */ React48__namespace.default.createElement(
12027
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.InputGroup, { position: "relative" }, /* @__PURE__ */ React49__namespace.default.createElement(exports.InputLeftElement, null, /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.SearchOutline24Icon, null)), /* @__PURE__ */ React49__namespace.default.createElement(
12008
12028
  react.Input,
12009
12029
  {
12010
12030
  pl: 7,
@@ -12021,7 +12041,7 @@ var init_SearchInput = __esm({
12021
12041
  placeholder: " ",
12022
12042
  "data-attachable": true
12023
12043
  }
12024
- ), /* @__PURE__ */ React48__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts15.label)), showClearButton && /* @__PURE__ */ React48__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React48__namespace.default.createElement(
12044
+ ), /* @__PURE__ */ React49__namespace.default.createElement(exports.FormLabel, { htmlFor: inputId, pointerEvents: "none" }, label ?? t2(texts15.label)), showClearButton && /* @__PURE__ */ React49__namespace.default.createElement(exports.InputRightElement, { width: "fit-content" }, /* @__PURE__ */ React49__namespace.default.createElement(
12025
12045
  react.IconButton,
12026
12046
  {
12027
12047
  variant: "ghost",
@@ -12029,7 +12049,7 @@ var init_SearchInput = __esm({
12029
12049
  size: "sm",
12030
12050
  mr: 1,
12031
12051
  "aria-label": t2(texts15.reset),
12032
- icon: /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
12052
+ icon: /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.CloseOutline24Icon, null),
12033
12053
  onClick: onReset
12034
12054
  }
12035
12055
  )));
@@ -12056,7 +12076,7 @@ var init_Switch = __esm({
12056
12076
  "src/input/Switch.tsx"() {
12057
12077
  exports.Switch = react.forwardRef(
12058
12078
  ({ size: size2 = "md", ...props }, ref) => {
12059
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Switch, { variant: "solid", size: size2, ...props, ref });
12079
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Switch, { variant: "solid", size: size2, ...props, ref });
12060
12080
  }
12061
12081
  );
12062
12082
  }
@@ -12128,9 +12148,9 @@ var init_Textarea = __esm({
12128
12148
  remainingProps: { label, ...rest }
12129
12149
  } = getSpacingProps(props);
12130
12150
  const formControlProps = react.useFormControlContext();
12131
- const fallbackId = `textarea-${React48.useId()}`;
12151
+ const fallbackId = `textarea-${React49.useId()}`;
12132
12152
  const inputId = props.id ?? (formControlProps == null ? void 0 : formControlProps.id) ?? fallbackId;
12133
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { ...spacingProps }, /* @__PURE__ */ React48__namespace.default.createElement(react.FormLabel, { htmlFor: inputId }, label), /* @__PURE__ */ React48__namespace.default.createElement(react.Textarea, { ...rest, id: inputId, ref }));
12153
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { ...spacingProps }, /* @__PURE__ */ React49__namespace.default.createElement(react.FormLabel, { htmlFor: inputId }, label), /* @__PURE__ */ React49__namespace.default.createElement(react.Textarea, { ...rest, id: inputId, ref }));
12134
12154
  });
12135
12155
  }
12136
12156
  });
@@ -12225,7 +12245,7 @@ var init_LineIcon = __esm({
12225
12245
  if (!Icon) {
12226
12246
  return null;
12227
12247
  }
12228
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { sx: { ...styles2.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React48__namespace.default.createElement(Icon, { sx: styles2.icon }));
12248
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { sx: { ...styles2.iconContainer, ...sx }, ...rest }, /* @__PURE__ */ React49__namespace.default.createElement(Icon, { sx: styles2.icon }));
12229
12249
  };
12230
12250
  }
12231
12251
  });
@@ -12240,7 +12260,7 @@ var init_InfoTag = __esm({
12240
12260
  description
12241
12261
  }) => {
12242
12262
  const styles2 = react.useMultiStyleConfig("InfoTag", { variant, size: size2 });
12243
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { sx: styles2.container }, /* @__PURE__ */ React48__namespace.default.createElement(exports.LineIcon, { variant, size: size2, sx: styles2.iconContainer }), /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { sx: styles2.textContainer }, title && /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { as: "span", sx: styles2.title }, title), title && description && " ", description && /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { as: "span", sx: styles2.description }, description)));
12263
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { sx: styles2.container }, /* @__PURE__ */ React49__namespace.default.createElement(exports.LineIcon, { variant, size: size2, sx: styles2.iconContainer }), /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { sx: styles2.textContainer }, title && /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { as: "span", sx: styles2.title }, title), title && description && " ", description && /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { as: "span", sx: styles2.description }, description)));
12244
12264
  };
12245
12265
  }
12246
12266
  });
@@ -12264,7 +12284,7 @@ var init_TravelTag = __esm({
12264
12284
  deviationLevel
12265
12285
  });
12266
12286
  const DeviationLevelIcon = getDeviationLevelIcon({ deviationLevel, size: size2 });
12267
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { sx: styles2.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React48__namespace.default.createElement(exports.LineIcon, { variant, size: size2, sx: styles2.iconContainer }), /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { sx: styles2.textContainer }, title && /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { as: "span", sx: styles2.title }, title), title && description && " ", description && /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { as: "span", sx: styles2.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React48__namespace.default.createElement(DeviationLevelIcon, { sx: styles2.deviationIcon }));
12287
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { sx: styles2.container, "aria-disabled": isDisabled, ref, ...rest }, /* @__PURE__ */ React49__namespace.default.createElement(exports.LineIcon, { variant, size: size2, sx: styles2.iconContainer }), /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { sx: styles2.textContainer }, title && /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { as: "span", sx: styles2.title }, title), title && description && " ", description && /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { as: "span", sx: styles2.description }, description)), DeviationLevelIcon && /* @__PURE__ */ React49__namespace.default.createElement(DeviationLevelIcon, { sx: styles2.deviationIcon }));
12268
12288
  }
12269
12289
  );
12270
12290
  getDeviationLevelIcon = ({
@@ -12301,9 +12321,9 @@ var init_TextLink = __esm({
12301
12321
  exports.TextLink = react.forwardRef(
12302
12322
  ({ children, ...props }, ref) => {
12303
12323
  var _a6;
12304
- const { t: t2 } = exports.useTranslation();
12324
+ const { t: t2 } = useTranslation();
12305
12325
  const isExternal = props.isExternal !== void 0 ? props.isExternal : Boolean((_a6 = props.href) == null ? void 0 : _a6.match(/^https?:\/\//));
12306
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React48__namespace.default.createElement(
12326
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Link, { ...props, ref, isExternal }, children, isExternal && /* @__PURE__ */ React49__namespace.default.createElement(
12307
12327
  sporIconReact.LinkOutOutline24Icon,
12308
12328
  {
12309
12329
  marginLeft: 0.5,
@@ -12335,8 +12355,8 @@ var init_VyLogo = __esm({
12335
12355
  exports.VyLogo = ({ colorScheme, ...boxProps }) => {
12336
12356
  const mainColor = colorScheme === "light" ? "#1d211c" : "#ffffff";
12337
12357
  const accentColor = colorScheme === "light" ? "#138c6e" : "#ffffff";
12338
- const id = React48.useId();
12339
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React48__namespace.default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React48__namespace.default.createElement(
12358
+ const id = React49.useId();
12359
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { as: "svg", viewBox: "0 0 107 54", ...boxProps }, /* @__PURE__ */ React49__namespace.default.createElement("title", null, "Vy logo"), /* @__PURE__ */ React49__namespace.default.createElement(
12340
12360
  "path",
12341
12361
  {
12342
12362
  fillRule: "evenodd",
@@ -12344,7 +12364,7 @@ var init_VyLogo = __esm({
12344
12364
  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",
12345
12365
  fill: mainColor
12346
12366
  }
12347
- ), /* @__PURE__ */ React48__namespace.default.createElement(
12367
+ ), /* @__PURE__ */ React49__namespace.default.createElement(
12348
12368
  "mask",
12349
12369
  {
12350
12370
  id: `${id}-a`,
@@ -12355,7 +12375,7 @@ var init_VyLogo = __esm({
12355
12375
  width: "94",
12356
12376
  height: "54"
12357
12377
  },
12358
- /* @__PURE__ */ React48__namespace.default.createElement(
12378
+ /* @__PURE__ */ React49__namespace.default.createElement(
12359
12379
  "path",
12360
12380
  {
12361
12381
  fillRule: "evenodd",
@@ -12364,7 +12384,7 @@ var init_VyLogo = __esm({
12364
12384
  fill: mainColor
12365
12385
  }
12366
12386
  )
12367
- ), /* @__PURE__ */ React48__namespace.default.createElement(
12387
+ ), /* @__PURE__ */ React49__namespace.default.createElement(
12368
12388
  "g",
12369
12389
  {
12370
12390
  mask: `url(#${id}-a)`,
@@ -12372,9 +12392,9 @@ var init_VyLogo = __esm({
12372
12392
  clipRule: "evenodd",
12373
12393
  fill: mainColor
12374
12394
  },
12375
- /* @__PURE__ */ React48__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" }),
12376
- /* @__PURE__ */ React48__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" })
12377
- ), /* @__PURE__ */ React48__namespace.default.createElement(
12395
+ /* @__PURE__ */ React49__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" }),
12396
+ /* @__PURE__ */ React49__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" })
12397
+ ), /* @__PURE__ */ React49__namespace.default.createElement(
12378
12398
  "path",
12379
12399
  {
12380
12400
  fillRule: "evenodd",
@@ -12382,7 +12402,7 @@ var init_VyLogo = __esm({
12382
12402
  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",
12383
12403
  fill: accentColor
12384
12404
  }
12385
- ), /* @__PURE__ */ React48__namespace.default.createElement(
12405
+ ), /* @__PURE__ */ React49__namespace.default.createElement(
12386
12406
  "path",
12387
12407
  {
12388
12408
  fillRule: "evenodd",
@@ -12390,7 +12410,7 @@ var init_VyLogo = __esm({
12390
12410
  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",
12391
12411
  fill: mainColor
12392
12412
  }
12393
- ), /* @__PURE__ */ React48__namespace.default.createElement(
12413
+ ), /* @__PURE__ */ React49__namespace.default.createElement(
12394
12414
  "mask",
12395
12415
  {
12396
12416
  id: `${id}-b`,
@@ -12401,7 +12421,7 @@ var init_VyLogo = __esm({
12401
12421
  width: "78",
12402
12422
  height: "54"
12403
12423
  },
12404
- /* @__PURE__ */ React48__namespace.default.createElement(
12424
+ /* @__PURE__ */ React49__namespace.default.createElement(
12405
12425
  "path",
12406
12426
  {
12407
12427
  fillRule: "evenodd",
@@ -12410,25 +12430,25 @@ var init_VyLogo = __esm({
12410
12430
  fill: mainColor
12411
12431
  }
12412
12432
  )
12413
- ), /* @__PURE__ */ React48__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React48__namespace.default.createElement(
12433
+ ), /* @__PURE__ */ React49__namespace.default.createElement("g", { mask: `url(#${id}-b)`, fillRule: "evenodd", clipRule: "evenodd" }, /* @__PURE__ */ React49__namespace.default.createElement(
12414
12434
  "path",
12415
12435
  {
12416
12436
  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",
12417
12437
  fill: mainColor
12418
12438
  }
12419
- ), /* @__PURE__ */ React48__namespace.default.createElement(
12439
+ ), /* @__PURE__ */ React49__namespace.default.createElement(
12420
12440
  "path",
12421
12441
  {
12422
12442
  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",
12423
12443
  fill: mainColor
12424
12444
  }
12425
- ), /* @__PURE__ */ React48__namespace.default.createElement(
12445
+ ), /* @__PURE__ */ React49__namespace.default.createElement(
12426
12446
  "path",
12427
12447
  {
12428
12448
  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",
12429
12449
  fill: accentColor
12430
12450
  }
12431
- )), /* @__PURE__ */ React48__namespace.default.createElement(
12451
+ )), /* @__PURE__ */ React49__namespace.default.createElement(
12432
12452
  "path",
12433
12453
  {
12434
12454
  fillRule: "evenodd",
@@ -12450,7 +12470,7 @@ var init_logo = __esm({
12450
12470
  var JumpForwardIcon, JumpBackwardIcon, PlayIcon, PauseIcon, SkipNextIcon, SkipPreviousIcon;
12451
12471
  var init_icons2 = __esm({
12452
12472
  "src/media-controller/icons.tsx"() {
12453
- JumpForwardIcon = (props) => /* @__PURE__ */ React48__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React48__namespace.createElement(
12473
+ JumpForwardIcon = (props) => /* @__PURE__ */ React49__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React49__namespace.createElement(
12454
12474
  "path",
12455
12475
  {
12456
12476
  fillRule: "evenodd",
@@ -12458,7 +12478,7 @@ var init_icons2 = __esm({
12458
12478
  d: "M22.388 7.5C20.567 5.967 18.251 5 15.75 5 9.951 5 5.25 9.701 5.25 15.5S9.951 26 15.75 26s10.5-4.701 10.5-10.5a1 1 0 1 1 2 0c0 6.904-5.596 12.5-12.5 12.5s-12.5-5.596-12.5-12.5S8.846 3 15.75 3c3.206 0 6.11 1.31 8.304 3.3l.206-1.441a1 1 0 0 1 1.98.282L25.617 9.5H21.25a1 1 0 1 1 0-2h1.138Z",
12459
12479
  fill: "currentColor"
12460
12480
  }
12461
- ), /* @__PURE__ */ React48__namespace.createElement(
12481
+ ), /* @__PURE__ */ React49__namespace.createElement(
12462
12482
  "path",
12463
12483
  {
12464
12484
  fillRule: "evenodd",
@@ -12467,7 +12487,7 @@ var init_icons2 = __esm({
12467
12487
  fill: "currentColor"
12468
12488
  }
12469
12489
  ));
12470
- JumpBackwardIcon = (props) => /* @__PURE__ */ React48__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React48__namespace.createElement(
12490
+ JumpBackwardIcon = (props) => /* @__PURE__ */ React49__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 32 30", fill: "none" }, /* @__PURE__ */ React49__namespace.createElement(
12471
12491
  "path",
12472
12492
  {
12473
12493
  fillRule: "evenodd",
@@ -12475,7 +12495,7 @@ var init_icons2 = __esm({
12475
12495
  d: "M9.612 7.5C11.433 5.967 13.749 5 16.25 5c5.799 0 10.5 4.701 10.5 10.5S22.049 26 16.25 26s-10.5-4.701-10.5-10.5a1 1 0 1 0-2 0c0 6.904 5.596 12.5 12.5 12.5s12.5-5.596 12.5-12.5S23.154 3 16.25 3c-3.206 0-6.11 1.31-8.304 3.3L7.74 4.86a1 1 0 0 0-1.98.282L6.383 9.5h4.367a1 1 0 1 0 0-2H9.612Z",
12476
12496
  fill: "currentColor"
12477
12497
  }
12478
- ), /* @__PURE__ */ React48__namespace.createElement(
12498
+ ), /* @__PURE__ */ React49__namespace.createElement(
12479
12499
  "path",
12480
12500
  {
12481
12501
  fillRule: "evenodd",
@@ -12484,7 +12504,7 @@ var init_icons2 = __esm({
12484
12504
  fill: "currentColor"
12485
12505
  }
12486
12506
  ));
12487
- PlayIcon = (props) => /* @__PURE__ */ React48__namespace.createElement(react.Box, { as: "svg", ...props, fill: "none", viewBox: "0 0 60 60" }, /* @__PURE__ */ React48__namespace.createElement(
12507
+ PlayIcon = (props) => /* @__PURE__ */ React49__namespace.createElement(react.Box, { as: "svg", ...props, fill: "none", viewBox: "0 0 60 60" }, /* @__PURE__ */ React49__namespace.createElement(
12488
12508
  "path",
12489
12509
  {
12490
12510
  fillRule: "evenodd",
@@ -12493,7 +12513,7 @@ var init_icons2 = __esm({
12493
12513
  fill: "currentColor"
12494
12514
  }
12495
12515
  ));
12496
- PauseIcon = (props) => /* @__PURE__ */ React48__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 60 60", fill: "none" }, /* @__PURE__ */ React48__namespace.createElement(
12516
+ PauseIcon = (props) => /* @__PURE__ */ React49__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 60 60", fill: "none" }, /* @__PURE__ */ React49__namespace.createElement(
12497
12517
  "path",
12498
12518
  {
12499
12519
  fillRule: "evenodd",
@@ -12502,7 +12522,7 @@ var init_icons2 = __esm({
12502
12522
  fill: "currentColor"
12503
12523
  }
12504
12524
  ));
12505
- SkipNextIcon = (props) => /* @__PURE__ */ React48__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React48__namespace.createElement(
12525
+ SkipNextIcon = (props) => /* @__PURE__ */ React49__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React49__namespace.createElement(
12506
12526
  "path",
12507
12527
  {
12508
12528
  fillRule: "evenodd",
@@ -12511,7 +12531,7 @@ var init_icons2 = __esm({
12511
12531
  fill: "currentColor"
12512
12532
  }
12513
12533
  ));
12514
- SkipPreviousIcon = (props) => /* @__PURE__ */ React48__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React48__namespace.createElement(
12534
+ SkipPreviousIcon = (props) => /* @__PURE__ */ React49__namespace.createElement(react.Box, { as: "svg", ...props, viewBox: "0 0 30 30", fill: "none" }, /* @__PURE__ */ React49__namespace.createElement(
12515
12535
  "path",
12516
12536
  {
12517
12537
  fillRule: "evenodd",
@@ -12533,12 +12553,12 @@ var init_JumpButton = __esm({
12533
12553
  size: size2 = "sm",
12534
12554
  ...props
12535
12555
  }) => {
12536
- const { t: t2 } = exports.useTranslation();
12556
+ const { t: t2 } = useTranslation();
12537
12557
  const styles2 = react.useMultiStyleConfig("MediaControllerButton", {
12538
12558
  variant: "jumpSkip",
12539
12559
  size: size2
12540
12560
  });
12541
- return /* @__PURE__ */ React48__namespace.default.createElement(
12561
+ return /* @__PURE__ */ React49__namespace.default.createElement(
12542
12562
  react.Center,
12543
12563
  {
12544
12564
  as: "button",
@@ -12547,7 +12567,7 @@ var init_JumpButton = __esm({
12547
12567
  disabled: isDisabled,
12548
12568
  ...props
12549
12569
  },
12550
- direction2 === "forward" ? /* @__PURE__ */ React48__namespace.default.createElement(JumpForwardIcon, { sx: styles2.icon }) : /* @__PURE__ */ React48__namespace.default.createElement(JumpBackwardIcon, { sx: styles2.icon })
12570
+ direction2 === "forward" ? /* @__PURE__ */ React49__namespace.default.createElement(JumpForwardIcon, { sx: styles2.icon }) : /* @__PURE__ */ React49__namespace.default.createElement(JumpBackwardIcon, { sx: styles2.icon })
12551
12571
  );
12552
12572
  };
12553
12573
  texts17 = createTexts({
@@ -12577,12 +12597,12 @@ var init_PlayPauseButton = __esm({
12577
12597
  isDisabled,
12578
12598
  ...props
12579
12599
  }) => {
12580
- const { t: t2 } = exports.useTranslation();
12600
+ const { t: t2 } = useTranslation();
12581
12601
  const styles2 = react.useMultiStyleConfig("MediaControllerButton", {
12582
12602
  variant: "play",
12583
12603
  size: size2
12584
12604
  });
12585
- return /* @__PURE__ */ React48__namespace.default.createElement(
12605
+ return /* @__PURE__ */ React49__namespace.default.createElement(
12586
12606
  react.Center,
12587
12607
  {
12588
12608
  as: "button",
@@ -12591,7 +12611,7 @@ var init_PlayPauseButton = __esm({
12591
12611
  disabled: isDisabled,
12592
12612
  ...props
12593
12613
  },
12594
- isPlaying ? /* @__PURE__ */ React48__namespace.default.createElement(PauseIcon, { sx: styles2.icon }) : /* @__PURE__ */ React48__namespace.default.createElement(PlayIcon, { sx: styles2.icon })
12614
+ isPlaying ? /* @__PURE__ */ React49__namespace.default.createElement(PauseIcon, { sx: styles2.icon }) : /* @__PURE__ */ React49__namespace.default.createElement(PlayIcon, { sx: styles2.icon })
12595
12615
  );
12596
12616
  };
12597
12617
  texts18 = createTexts({
@@ -12621,12 +12641,12 @@ var init_SkipButton = __esm({
12621
12641
  size: size2 = "sm",
12622
12642
  ...props
12623
12643
  }) => {
12624
- const { t: t2 } = exports.useTranslation();
12644
+ const { t: t2 } = useTranslation();
12625
12645
  const styles2 = react.useMultiStyleConfig("MediaControllerButton", {
12626
12646
  variant: "jumpSkip",
12627
12647
  size: size2
12628
12648
  });
12629
- return /* @__PURE__ */ React48__namespace.default.createElement(
12649
+ return /* @__PURE__ */ React49__namespace.default.createElement(
12630
12650
  react.Center,
12631
12651
  {
12632
12652
  as: "button",
@@ -12635,7 +12655,7 @@ var init_SkipButton = __esm({
12635
12655
  disabled: isDisabled,
12636
12656
  ...props
12637
12657
  },
12638
- direction2 === "forward" ? /* @__PURE__ */ React48__namespace.default.createElement(SkipNextIcon, { sx: styles2.icon }) : /* @__PURE__ */ React48__namespace.default.createElement(SkipPreviousIcon, { sx: styles2.icon })
12658
+ direction2 === "forward" ? /* @__PURE__ */ React49__namespace.default.createElement(SkipNextIcon, { sx: styles2.icon }) : /* @__PURE__ */ React49__namespace.default.createElement(SkipPreviousIcon, { sx: styles2.icon })
12639
12659
  );
12640
12660
  };
12641
12661
  texts19 = createTexts({
@@ -12672,7 +12692,7 @@ var init_ModalHeader = __esm({
12672
12692
  fontSize: size2 === "lg" ? ["mobile.lg", "desktop.lg"] : ["mobile.md", "desktop.md"],
12673
12693
  textAlign: size2 === "lg" ? "center" : "left"
12674
12694
  };
12675
- return /* @__PURE__ */ React48__namespace.default.createElement(react.ModalHeader, { ...props, ref, ...styles2 });
12695
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.ModalHeader, { ...props, ref, ...styles2 });
12676
12696
  }
12677
12697
  );
12678
12698
  }
@@ -12682,7 +12702,7 @@ var init_Drawer = __esm({
12682
12702
  "src/modal/Drawer.tsx"() {
12683
12703
  init_ModalHeader();
12684
12704
  exports.Drawer = (props) => {
12685
- return /* @__PURE__ */ React48__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React48__namespace.default.createElement(react.Drawer, { ...props }));
12705
+ return /* @__PURE__ */ React49__namespace.default.createElement(DrawerProvider, { placement: props.placement }, /* @__PURE__ */ React49__namespace.default.createElement(react.Drawer, { ...props }));
12686
12706
  };
12687
12707
  exports.DrawerContent = react.forwardRef(
12688
12708
  ({ children, ...props }, ref) => {
@@ -12699,7 +12719,7 @@ var init_Drawer = __esm({
12699
12719
  });
12700
12720
  const isTopOrBottom = placement === "top" || placement === "bottom";
12701
12721
  const widthConstraits = isTopOrBottom ? { width: ["100%", "37.5rem"], mx: "auto" } : {};
12702
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React48__namespace.default.createElement(
12722
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { ...handlers }, /* @__PURE__ */ React49__namespace.default.createElement(
12703
12723
  react.DrawerContent,
12704
12724
  {
12705
12725
  ...widthConstraits,
@@ -12708,13 +12728,13 @@ var init_Drawer = __esm({
12708
12728
  ...props,
12709
12729
  ref
12710
12730
  },
12711
- /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { position: "relative" }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React48__namespace.default.createElement(Notch, null), /* @__PURE__ */ React48__namespace.default.createElement(react.Box, null, children)))
12731
+ /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { position: "relative" }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { maxHeight: "100vh", maxWidth: "100vw", overflow: "auto" }, isTopOrBottom && /* @__PURE__ */ React49__namespace.default.createElement(Notch, null), /* @__PURE__ */ React49__namespace.default.createElement(react.Box, null, children)))
12712
12732
  ));
12713
12733
  }
12714
12734
  );
12715
12735
  Notch = react.forwardRef((props, ref) => {
12716
12736
  const placement = useDrawerContext();
12717
- return /* @__PURE__ */ React48__namespace.default.createElement(
12737
+ return /* @__PURE__ */ React49__namespace.default.createElement(
12718
12738
  react.Box,
12719
12739
  {
12720
12740
  position: "absolute",
@@ -12726,14 +12746,14 @@ var init_Drawer = __esm({
12726
12746
  ...props,
12727
12747
  ref
12728
12748
  },
12729
- /* @__PURE__ */ React48__namespace.default.createElement(
12749
+ /* @__PURE__ */ React49__namespace.default.createElement(
12730
12750
  react.Center,
12731
12751
  {
12732
12752
  background: `linear-gradient(to ${placement === "bottom" ? "bottom" : "top"}, white 0%, white 60%, transparent)`,
12733
12753
  padding: 2,
12734
12754
  borderRadius: "md"
12735
12755
  },
12736
- /* @__PURE__ */ React48__namespace.default.createElement(
12756
+ /* @__PURE__ */ React49__namespace.default.createElement(
12737
12757
  react.Box,
12738
12758
  {
12739
12759
  width: "2.265rem",
@@ -12745,10 +12765,10 @@ var init_Drawer = __esm({
12745
12765
  )
12746
12766
  );
12747
12767
  });
12748
- DrawerContext = React48__namespace.default.createContext(void 0);
12749
- DrawerProvider = (props) => /* @__PURE__ */ React48__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
12768
+ DrawerContext = React49__namespace.default.createContext(void 0);
12769
+ DrawerProvider = (props) => /* @__PURE__ */ React49__namespace.default.createElement(DrawerContext.Provider, { value: props.placement }, props.children);
12750
12770
  useDrawerContext = () => {
12751
- return React48__namespace.default.useContext(DrawerContext);
12771
+ return React49__namespace.default.useContext(DrawerContext);
12752
12772
  };
12753
12773
  }
12754
12774
  });
@@ -12766,7 +12786,7 @@ var init_SimpleDrawer = __esm({
12766
12786
  title,
12767
12787
  ...props
12768
12788
  }) => {
12769
- return /* @__PURE__ */ React48__namespace.default.createElement(exports.Drawer, { placement, ...props }, /* @__PURE__ */ React48__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React48__namespace.default.createElement(exports.DrawerContent, null, /* @__PURE__ */ React48__namespace.default.createElement(react.DrawerCloseButton, null), title && /* @__PURE__ */ React48__namespace.default.createElement(exports.ModalHeader, null, title), /* @__PURE__ */ React48__namespace.default.createElement(react.DrawerBody, null, children)));
12789
+ return /* @__PURE__ */ React49__namespace.default.createElement(exports.Drawer, { placement, ...props }, /* @__PURE__ */ React49__namespace.default.createElement(react.DrawerOverlay, null), /* @__PURE__ */ React49__namespace.default.createElement(exports.DrawerContent, null, /* @__PURE__ */ React49__namespace.default.createElement(react.DrawerCloseButton, null), title && /* @__PURE__ */ React49__namespace.default.createElement(exports.ModalHeader, null, title), /* @__PURE__ */ React49__namespace.default.createElement(react.DrawerBody, null, children)));
12770
12790
  };
12771
12791
  }
12772
12792
  });
@@ -12785,16 +12805,16 @@ var init_PopoverWizardBody = __esm({
12785
12805
  "src/popover/PopoverWizardBody.tsx"() {
12786
12806
  init_src();
12787
12807
  exports.PopoverWizardBody = ({ children }) => {
12788
- const [currentStep, setCurrentStep] = React48__namespace.useState(1);
12789
- const totalSteps = React48__namespace.Children.count(children);
12808
+ const [currentStep, setCurrentStep] = React49__namespace.useState(1);
12809
+ const totalSteps = React49__namespace.Children.count(children);
12790
12810
  const { isOpen } = react.usePopoverContext();
12791
- React48__namespace.useEffect(() => {
12811
+ React49__namespace.useEffect(() => {
12792
12812
  if (!isOpen && currentStep > 1) {
12793
12813
  const id = setTimeout(() => setCurrentStep(1), 500);
12794
12814
  return () => clearTimeout(id);
12795
12815
  }
12796
12816
  }, [isOpen, currentStep]);
12797
- return /* @__PURE__ */ React48__namespace.createElement(react.PopoverBody, null, /* @__PURE__ */ React48__namespace.createElement(exports.Stack, { spacing: 1.5 }, /* @__PURE__ */ React48__namespace.createElement(react.Box, null, React48__namespace.Children.toArray(children)[currentStep - 1]), /* @__PURE__ */ React48__namespace.createElement(react.Flex, { gap: 3 }, /* @__PURE__ */ React48__namespace.createElement(StepIndicator, { totalSteps, currentStep }), /* @__PURE__ */ React48__namespace.createElement(
12817
+ return /* @__PURE__ */ React49__namespace.createElement(react.PopoverBody, null, /* @__PURE__ */ React49__namespace.createElement(exports.Stack, { spacing: 1.5 }, /* @__PURE__ */ React49__namespace.createElement(react.Box, null, React49__namespace.Children.toArray(children)[currentStep - 1]), /* @__PURE__ */ React49__namespace.createElement(react.Flex, { gap: 3 }, /* @__PURE__ */ React49__namespace.createElement(StepIndicator, { totalSteps, currentStep }), /* @__PURE__ */ React49__namespace.createElement(
12798
12818
  NextStepButton,
12799
12819
  {
12800
12820
  isLastStep: totalSteps === currentStep,
@@ -12804,7 +12824,7 @@ var init_PopoverWizardBody = __esm({
12804
12824
  };
12805
12825
  StepIndicator = ({ totalSteps, currentStep }) => {
12806
12826
  const steps = createRange(1, totalSteps);
12807
- return /* @__PURE__ */ React48__namespace.createElement(react.Flex, { gap: 1, alignItems: "center" }, steps.map((step) => /* @__PURE__ */ React48__namespace.createElement(
12827
+ return /* @__PURE__ */ React49__namespace.createElement(react.Flex, { gap: 1, alignItems: "center" }, steps.map((step) => /* @__PURE__ */ React49__namespace.createElement(
12808
12828
  react.Box,
12809
12829
  {
12810
12830
  key: step,
@@ -12822,14 +12842,14 @@ var init_PopoverWizardBody = __esm({
12822
12842
  };
12823
12843
  NextStepButton = ({ isLastStep, onNext }) => {
12824
12844
  const { onClose } = react.usePopoverContext();
12825
- const { t: t2 } = exports.useTranslation();
12826
- return /* @__PURE__ */ React48__namespace.createElement(
12845
+ const { t: t2 } = useTranslation();
12846
+ return /* @__PURE__ */ React49__namespace.createElement(
12827
12847
  exports.Button,
12828
12848
  {
12829
12849
  variant: "additional",
12830
12850
  size: "sm",
12831
12851
  color: "white",
12832
- leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React48__namespace.createElement(sporIconReact.ArrowRightFill18Icon, null),
12852
+ leftIcon: isLastStep ? void 0 : /* @__PURE__ */ React49__namespace.createElement(sporIconReact.ArrowRightFill18Icon, null),
12833
12853
  onClick: isLastStep ? onClose : onNext
12834
12854
  },
12835
12855
  t2(isLastStep ? texts20.finish : texts20.nextStep)
@@ -12866,7 +12886,7 @@ var init_SimplePopover = __esm({
12866
12886
  borderRadius,
12867
12887
  ...props
12868
12888
  }) => {
12869
- return /* @__PURE__ */ React48__namespace.default.createElement(react.DarkMode, null, /* @__PURE__ */ React48__namespace.default.createElement(
12889
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.DarkMode, null, /* @__PURE__ */ React49__namespace.default.createElement(
12870
12890
  react.Popover,
12871
12891
  {
12872
12892
  onClose,
@@ -12878,8 +12898,8 @@ var init_SimplePopover = __esm({
12878
12898
  arrowShadowColor: "none",
12879
12899
  ...props
12880
12900
  },
12881
- triggerElement && /* @__PURE__ */ React48__namespace.default.createElement(react.PopoverTrigger, null, triggerElement),
12882
- /* @__PURE__ */ React48__namespace.default.createElement(react.PopoverContent, { borderRadius }, /* @__PURE__ */ React48__namespace.default.createElement(react.PopoverArrow, null), withCloseButton && /* @__PURE__ */ React48__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React48__namespace.default.createElement(react.PopoverBody, null, children))
12901
+ triggerElement && /* @__PURE__ */ React49__namespace.default.createElement(react.PopoverTrigger, null, triggerElement),
12902
+ /* @__PURE__ */ React49__namespace.default.createElement(react.PopoverContent, { borderRadius }, /* @__PURE__ */ React49__namespace.default.createElement(react.PopoverArrow, null), withCloseButton && /* @__PURE__ */ React49__namespace.default.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React49__namespace.default.createElement(react.PopoverBody, null, children))
12883
12903
  ));
12884
12904
  };
12885
12905
  }
@@ -12893,7 +12913,7 @@ var init_WizardPopover = __esm({
12893
12913
  triggerElement,
12894
12914
  withCloseButton = false
12895
12915
  }) => {
12896
- return /* @__PURE__ */ React48__namespace.createElement(react.DarkMode, null, /* @__PURE__ */ React48__namespace.createElement(react.Popover, { size: "lg" }, /* @__PURE__ */ React48__namespace.createElement(react.PopoverTrigger, null, triggerElement), /* @__PURE__ */ React48__namespace.createElement(react.PopoverContent, null, /* @__PURE__ */ React48__namespace.createElement(react.PopoverArrow, null), withCloseButton && /* @__PURE__ */ React48__namespace.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React48__namespace.createElement(exports.PopoverWizardBody, null, children))));
12916
+ return /* @__PURE__ */ React49__namespace.createElement(react.DarkMode, null, /* @__PURE__ */ React49__namespace.createElement(react.Popover, { size: "lg" }, /* @__PURE__ */ React49__namespace.createElement(react.PopoverTrigger, null, triggerElement), /* @__PURE__ */ React49__namespace.createElement(react.PopoverContent, null, /* @__PURE__ */ React49__namespace.createElement(react.PopoverArrow, null), withCloseButton && /* @__PURE__ */ React49__namespace.createElement(react.PopoverCloseButton, null), /* @__PURE__ */ React49__namespace.createElement(exports.PopoverWizardBody, null, children))));
12897
12917
  };
12898
12918
  }
12899
12919
  });
@@ -12915,7 +12935,7 @@ var init_SporProvider = __esm({
12915
12935
  children,
12916
12936
  ...props
12917
12937
  }) => {
12918
- return /* @__PURE__ */ React48__namespace.default.createElement(exports.LanguageProvider, { value: language }, /* @__PURE__ */ React48__namespace.default.createElement(react.ChakraProvider, { theme: theme3, ...props }, /* @__PURE__ */ React48__namespace.default.createElement(react$1.Global, { styles: exports.fontFaces }), /* @__PURE__ */ React48__namespace.default.createElement(
12938
+ return /* @__PURE__ */ React49__namespace.default.createElement(LanguageProvider, { language }, /* @__PURE__ */ React49__namespace.default.createElement(react.ChakraProvider, { theme: theme3, ...props }, /* @__PURE__ */ React49__namespace.default.createElement(react$1.Global, { styles: exports.fontFaces }), /* @__PURE__ */ React49__namespace.default.createElement(
12919
12939
  react$1.Global,
12920
12940
  {
12921
12941
  styles: `
@@ -12937,7 +12957,7 @@ var init_provider = __esm({
12937
12957
  var StepperContext, StepperProvider, useStepper;
12938
12958
  var init_StepperContext = __esm({
12939
12959
  "src/stepper/StepperContext.tsx"() {
12940
- StepperContext = React48__namespace.default.createContext(null);
12960
+ StepperContext = React49__namespace.default.createContext(null);
12941
12961
  StepperProvider = ({
12942
12962
  activeStep,
12943
12963
  children,
@@ -12945,7 +12965,7 @@ var init_StepperContext = __esm({
12945
12965
  colorScheme,
12946
12966
  numberOfSteps
12947
12967
  }) => {
12948
- return /* @__PURE__ */ React48__namespace.default.createElement(
12968
+ return /* @__PURE__ */ React49__namespace.default.createElement(
12949
12969
  StepperContext.Provider,
12950
12970
  {
12951
12971
  value: { activeStep, onClick, colorScheme, numberOfSteps }
@@ -12954,7 +12974,7 @@ var init_StepperContext = __esm({
12954
12974
  );
12955
12975
  };
12956
12976
  useStepper = () => {
12957
- const context = React48__namespace.default.useContext(StepperContext);
12977
+ const context = React49__namespace.default.useContext(StepperContext);
12958
12978
  if (!context) {
12959
12979
  throw new Error(
12960
12980
  "useStepper must be used within a StepperProvider. Most likely, you forgot to wrap your StepperStep in a Stepper component"
@@ -12981,8 +13001,8 @@ var init_Stepper = __esm({
12981
13001
  const style = react.useMultiStyleConfig("Stepper", { colorScheme });
12982
13002
  const numberOfSteps = steps.length;
12983
13003
  const activeStep = Number(activeStepAsStringOrNumber);
12984
- const { t: t2 } = exports.useTranslation();
12985
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { __css: style.root }, /* @__PURE__ */ React48__namespace.default.createElement(
13004
+ const { t: t2 } = useTranslation();
13005
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { __css: style.root }, /* @__PURE__ */ React49__namespace.default.createElement(
12986
13006
  StepperProvider,
12987
13007
  {
12988
13008
  onClick,
@@ -12990,24 +13010,24 @@ var init_Stepper = __esm({
12990
13010
  colorScheme,
12991
13011
  numberOfSteps
12992
13012
  },
12993
- /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { __css: style.container }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { __css: style.innerContainer }, /* @__PURE__ */ React48__namespace.default.createElement(react.HStack, null, activeStep > 1 && /* @__PURE__ */ React48__namespace.default.createElement(
13013
+ /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { __css: style.container }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { __css: style.innerContainer }, /* @__PURE__ */ React49__namespace.default.createElement(react.HStack, null, activeStep > 1 && /* @__PURE__ */ React49__namespace.default.createElement(
12994
13014
  exports.IconButton,
12995
13015
  {
12996
13016
  "aria-label": t2(texts21.back),
12997
- icon: /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.DropdownLeftFill24Icon, null),
13017
+ icon: /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.DropdownLeftFill24Icon, null),
12998
13018
  variant: "ghost",
12999
13019
  size: "sm",
13000
13020
  onClick: () => onClick(activeStep - 1),
13001
13021
  __css: style.backButton
13002
13022
  }
13003
- ), /* @__PURE__ */ React48__namespace.default.createElement(
13023
+ ), /* @__PURE__ */ React49__namespace.default.createElement(
13004
13024
  exports.SimplePopover,
13005
13025
  {
13006
- triggerElement: /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { as: "button", __css: style.stepCounter }, t2(texts21.stepsOf(activeStep, numberOfSteps))),
13026
+ triggerElement: /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { as: "button", __css: style.stepCounter }, t2(texts21.stepsOf(activeStep, numberOfSteps))),
13007
13027
  borderRadius: "xs"
13008
13028
  },
13009
- steps.map((step, index2) => /* @__PURE__ */ React48__namespace.default.createElement(exports.StepperStep, { key: step, stepNumber: index2 + 1 }, step))
13010
- )), title && /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { as: "h3", __css: style.title }, title)), /* @__PURE__ */ React48__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", "flex"] }, steps.map((step, index2) => /* @__PURE__ */ React48__namespace.default.createElement(exports.StepperStep, { key: index2, stepNumber: index2 + 1 }, step))))
13029
+ steps.map((step, index2) => /* @__PURE__ */ React49__namespace.default.createElement(exports.StepperStep, { key: step, stepNumber: index2 + 1 }, step))
13030
+ )), title && /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { as: "h3", __css: style.title }, title)), /* @__PURE__ */ React49__namespace.default.createElement(react.Flex, { justifyContent: "center", display: ["none", "flex"] }, steps.map((step, index2) => /* @__PURE__ */ React49__namespace.default.createElement(exports.StepperStep, { key: index2, stepNumber: index2 + 1 }, step))))
13011
13031
  ));
13012
13032
  };
13013
13033
  texts21 = createTexts({
@@ -13038,7 +13058,7 @@ var init_StepperStep = __esm({
13038
13058
  variant,
13039
13059
  colorScheme
13040
13060
  });
13041
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { __css: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { mx: 5, display: ["none", "block"] }), /* @__PURE__ */ React48__namespace.default.createElement(
13061
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { __css: style.stepContainer }, stepNumber > 1 && /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.DropdownRightFill18Icon, { mx: 5, display: ["none", "block"] }), /* @__PURE__ */ React49__namespace.default.createElement(
13042
13062
  react.Flex,
13043
13063
  {
13044
13064
  __css: style.stepButton,
@@ -13048,8 +13068,8 @@ var init_StepperStep = __esm({
13048
13068
  disabled: variant === "disabled" || variant === "active",
13049
13069
  onClick: () => onClick(stepNumber)
13050
13070
  },
13051
- /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { __css: style.stepNumber }, stepNumber),
13052
- /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { __css: style.stepTitle }, children)
13071
+ /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { __css: style.stepNumber }, stepNumber),
13072
+ /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { __css: style.stepTitle }, children)
13053
13073
  ));
13054
13074
  };
13055
13075
  getVariant = (stepNumber, activeStep) => {
@@ -13075,7 +13095,7 @@ exports.Tabs = void 0;
13075
13095
  var init_Tabs = __esm({
13076
13096
  "src/tab/Tabs.tsx"() {
13077
13097
  exports.Tabs = react.forwardRef((props, ref) => {
13078
- return /* @__PURE__ */ React48__namespace.createElement(react.Tabs, { ...props, ref });
13098
+ return /* @__PURE__ */ React49__namespace.createElement(react.Tabs, { ...props, ref });
13079
13099
  });
13080
13100
  }
13081
13101
  });
@@ -13097,7 +13117,7 @@ var init_Table = __esm({
13097
13117
  "src/table/Table.tsx"() {
13098
13118
  exports.Table = react.forwardRef((props, ref) => {
13099
13119
  const { variant, size: size2, colorScheme, children, ...rest } = props;
13100
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { overflowX: "auto" }, /* @__PURE__ */ React48__namespace.default.createElement(
13120
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { ...rest, ...getStyleProps(props) }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { overflowX: "auto" }, /* @__PURE__ */ React49__namespace.default.createElement(
13101
13121
  react.Table,
13102
13122
  {
13103
13123
  variant,
@@ -22550,12 +22570,12 @@ var init_BaseToast = __esm({
22550
22570
  init_src();
22551
22571
  BaseToast = ({ children, variant, id }) => {
22552
22572
  const styles2 = react.useStyleConfig("Toast", { variant });
22553
- return /* @__PURE__ */ React48__namespace.default.createElement(react.Flex, { sx: styles2, id }, /* @__PURE__ */ React48__namespace.default.createElement(ToastIcon, { variant }), children);
22573
+ return /* @__PURE__ */ React49__namespace.default.createElement(react.Flex, { sx: styles2, id }, /* @__PURE__ */ React49__namespace.default.createElement(ToastIcon, { variant }), children);
22554
22574
  };
22555
22575
  ToastIcon = ({ variant }) => {
22556
22576
  const Icon = getIcon3(variant);
22557
- const { t: t2 } = exports.useTranslation();
22558
- return /* @__PURE__ */ React48__namespace.default.createElement(
22577
+ const { t: t2 } = useTranslation();
22578
+ return /* @__PURE__ */ React49__namespace.default.createElement(
22559
22579
  Icon,
22560
22580
  {
22561
22581
  flexShrink: 0,
@@ -22610,7 +22630,7 @@ var init_ActionToast = __esm({
22610
22630
  buttonText,
22611
22631
  id
22612
22632
  }) => {
22613
- return /* @__PURE__ */ React48__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React48__namespace.default.createElement(exports.Button, { variant: "additional", size: "sm", onClick }, buttonText));
22633
+ return /* @__PURE__ */ React49__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { marginRight: 2, flexGrow: "1" }, children), /* @__PURE__ */ React49__namespace.default.createElement(exports.Button, { variant: "additional", size: "sm", onClick }, buttonText));
22614
22634
  };
22615
22635
  }
22616
22636
  });
@@ -22626,14 +22646,14 @@ var init_ClosableToast = __esm({
22626
22646
  id
22627
22647
  }) => {
22628
22648
  const styles2 = react.useMultiStyleConfig("Toast", { variant });
22629
- const { t: t2 } = exports.useTranslation();
22630
- return /* @__PURE__ */ React48__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React48__namespace.default.createElement(react.Box, { flexGrow: "1" }, children), /* @__PURE__ */ React48__namespace.default.createElement(
22649
+ const { t: t2 } = useTranslation();
22650
+ return /* @__PURE__ */ React49__namespace.default.createElement(BaseToast, { variant, id }, /* @__PURE__ */ React49__namespace.default.createElement(react.Box, { flexGrow: "1" }, children), /* @__PURE__ */ React49__namespace.default.createElement(
22631
22651
  exports.IconButton,
22632
22652
  {
22633
22653
  sx: styles2.dismissButton,
22634
22654
  variant: "ghost",
22635
22655
  "aria-label": t2(texts23.dismiss),
22636
- icon: /* @__PURE__ */ React48__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
22656
+ icon: /* @__PURE__ */ React49__namespace.default.createElement(sporIconReact.CloseFill18Icon, null),
22637
22657
  onClick: onClose
22638
22658
  }
22639
22659
  ));
@@ -22656,7 +22676,7 @@ var init_useToast = __esm({
22656
22676
  init_ClosableToast();
22657
22677
  exports.useToast = () => {
22658
22678
  const toast = react.useToast();
22659
- const wrappedToast = React48.useCallback((opts) => {
22679
+ const wrappedToast = React49.useCallback((opts) => {
22660
22680
  const Toast = getToastComponent(opts);
22661
22681
  toast({
22662
22682
  ...opts,
@@ -22667,7 +22687,7 @@ var init_useToast = __esm({
22667
22687
  };
22668
22688
  getToastComponent = (opts) => {
22669
22689
  if ("isClosable" in opts && opts.isClosable) {
22670
- return ({ onClose, id }) => /* @__PURE__ */ React48__namespace.default.createElement(
22690
+ return ({ onClose, id }) => /* @__PURE__ */ React49__namespace.default.createElement(
22671
22691
  ClosableToast,
22672
22692
  {
22673
22693
  id,
@@ -22683,7 +22703,7 @@ var init_useToast = __esm({
22683
22703
  );
22684
22704
  }
22685
22705
  if ("buttonText" in opts) {
22686
- return ({ id }) => /* @__PURE__ */ React48__namespace.default.createElement(
22706
+ return ({ id }) => /* @__PURE__ */ React49__namespace.default.createElement(
22687
22707
  ActionToast,
22688
22708
  {
22689
22709
  id,
@@ -22694,7 +22714,7 @@ var init_useToast = __esm({
22694
22714
  opts.text
22695
22715
  );
22696
22716
  }
22697
- return ({ id }) => /* @__PURE__ */ React48__namespace.default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
22717
+ return ({ id }) => /* @__PURE__ */ React49__namespace.default.createElement(BaseToast, { id, variant: opts.variant }, opts.text);
22698
22718
  };
22699
22719
  }
22700
22720
  });
@@ -23048,7 +23068,9 @@ exports.DatePicker = DatePicker;
23048
23068
  exports.DateRangePicker = DateRangePicker;
23049
23069
  exports.DrawerHeader = exports.ModalHeader;
23050
23070
  exports.InfoSelect = InfoSelect;
23071
+ exports.LanguageProvider = LanguageProvider;
23051
23072
  exports.NumericStepper = NumericStepper;
23052
23073
  exports.SelectItemDescription = SelectItemDescription;
23053
23074
  exports.SelectItemLabel = SelectItemLabel;
23054
23075
  exports.createTexts = createTexts;
23076
+ exports.useTranslation = useTranslation;