@northlight/ui 2.14.2 → 2.15.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -41,6 +41,24 @@ import { randomColor } from '@chakra-ui/theme-tools';
41
41
  import { NumericFormat } from 'react-number-format';
42
42
  import InputMask from 'react-input-mask';
43
43
 
44
+ var __defProp$2d = Object.defineProperty;
45
+ var __getOwnPropSymbols$2d = Object.getOwnPropertySymbols;
46
+ var __hasOwnProp$2d = Object.prototype.hasOwnProperty;
47
+ var __propIsEnum$2d = Object.prototype.propertyIsEnumerable;
48
+ var __defNormalProp$2d = (obj, key, value) => key in obj ? __defProp$2d(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
49
+ var __spreadValues$2d = (a, b) => {
50
+ for (var prop in b || (b = {}))
51
+ if (__hasOwnProp$2d.call(b, prop))
52
+ __defNormalProp$2d(a, prop, b[prop]);
53
+ if (__getOwnPropSymbols$2d)
54
+ for (var prop of __getOwnPropSymbols$2d(b)) {
55
+ if (__propIsEnum$2d.call(b, prop))
56
+ __defNormalProp$2d(a, prop, b[prop]);
57
+ }
58
+ return a;
59
+ };
60
+ const Accordion = (props) => /* @__PURE__ */ React.createElement(Accordion$1, __spreadValues$2d({}, props));
61
+
44
62
  var __defProp$2c = Object.defineProperty;
45
63
  var __getOwnPropSymbols$2c = Object.getOwnPropertySymbols;
46
64
  var __hasOwnProp$2c = Object.prototype.hasOwnProperty;
@@ -57,7 +75,7 @@ var __spreadValues$2c = (a, b) => {
57
75
  }
58
76
  return a;
59
77
  };
60
- const Accordion = (props) => /* @__PURE__ */ React.createElement(Accordion$1, __spreadValues$2c({}, props));
78
+ const AccordionButton = (props) => /* @__PURE__ */ React.createElement(AccordionButton$1, __spreadValues$2c({}, props));
61
79
 
62
80
  var __defProp$2b = Object.defineProperty;
63
81
  var __getOwnPropSymbols$2b = Object.getOwnPropertySymbols;
@@ -75,7 +93,7 @@ var __spreadValues$2b = (a, b) => {
75
93
  }
76
94
  return a;
77
95
  };
78
- const AccordionButton = (props) => /* @__PURE__ */ React.createElement(AccordionButton$1, __spreadValues$2b({}, props));
96
+ const AccordionPanel = (props) => /* @__PURE__ */ React.createElement(AccordionPanel$1, __spreadValues$2b({}, props));
79
97
 
80
98
  var __defProp$2a = Object.defineProperty;
81
99
  var __getOwnPropSymbols$2a = Object.getOwnPropertySymbols;
@@ -93,25 +111,7 @@ var __spreadValues$2a = (a, b) => {
93
111
  }
94
112
  return a;
95
113
  };
96
- const AccordionPanel = (props) => /* @__PURE__ */ React.createElement(AccordionPanel$1, __spreadValues$2a({}, props));
97
-
98
- var __defProp$29 = Object.defineProperty;
99
- var __getOwnPropSymbols$29 = Object.getOwnPropertySymbols;
100
- var __hasOwnProp$29 = Object.prototype.hasOwnProperty;
101
- var __propIsEnum$29 = Object.prototype.propertyIsEnumerable;
102
- var __defNormalProp$29 = (obj, key, value) => key in obj ? __defProp$29(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
103
- var __spreadValues$29 = (a, b) => {
104
- for (var prop in b || (b = {}))
105
- if (__hasOwnProp$29.call(b, prop))
106
- __defNormalProp$29(a, prop, b[prop]);
107
- if (__getOwnPropSymbols$29)
108
- for (var prop of __getOwnPropSymbols$29(b)) {
109
- if (__propIsEnum$29.call(b, prop))
110
- __defNormalProp$29(a, prop, b[prop]);
111
- }
112
- return a;
113
- };
114
- const AccordionItem = (props) => /* @__PURE__ */ React.createElement(AccordionItem$1, __spreadValues$29({}, props));
114
+ const AccordionItem = (props) => /* @__PURE__ */ React.createElement(AccordionItem$1, __spreadValues$2a({}, props));
115
115
 
116
116
  const useDebounce = (value, delay) => {
117
117
  const [debouncedValue, setDebouncedValue] = useState(value);
@@ -427,6 +427,24 @@ function getFieldError(name, errors) {
427
427
  return fieldError;
428
428
  }
429
429
 
430
+ var __defProp$29 = Object.defineProperty;
431
+ var __getOwnPropSymbols$29 = Object.getOwnPropertySymbols;
432
+ var __hasOwnProp$29 = Object.prototype.hasOwnProperty;
433
+ var __propIsEnum$29 = Object.prototype.propertyIsEnumerable;
434
+ var __defNormalProp$29 = (obj, key, value) => key in obj ? __defProp$29(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
435
+ var __spreadValues$29 = (a, b) => {
436
+ for (var prop in b || (b = {}))
437
+ if (__hasOwnProp$29.call(b, prop))
438
+ __defNormalProp$29(a, prop, b[prop]);
439
+ if (__getOwnPropSymbols$29)
440
+ for (var prop of __getOwnPropSymbols$29(b)) {
441
+ if (__propIsEnum$29.call(b, prop))
442
+ __defNormalProp$29(a, prop, b[prop]);
443
+ }
444
+ return a;
445
+ };
446
+ const passPropsToChild = (child, styles) => isValidElement(child) ? cloneElement(child, __spreadValues$29({}, styles)) : child;
447
+
430
448
  var __defProp$28 = Object.defineProperty;
431
449
  var __getOwnPropSymbols$28 = Object.getOwnPropertySymbols;
432
450
  var __hasOwnProp$28 = Object.prototype.hasOwnProperty;
@@ -443,27 +461,9 @@ var __spreadValues$28 = (a, b) => {
443
461
  }
444
462
  return a;
445
463
  };
446
- const passPropsToChild = (child, styles) => isValidElement(child) ? cloneElement(child, __spreadValues$28({}, styles)) : child;
447
-
448
- var __defProp$27 = Object.defineProperty;
449
- var __getOwnPropSymbols$27 = Object.getOwnPropertySymbols;
450
- var __hasOwnProp$27 = Object.prototype.hasOwnProperty;
451
- var __propIsEnum$27 = Object.prototype.propertyIsEnumerable;
452
- var __defNormalProp$27 = (obj, key, value) => key in obj ? __defProp$27(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
453
- var __spreadValues$27 = (a, b) => {
454
- for (var prop in b || (b = {}))
455
- if (__hasOwnProp$27.call(b, prop))
456
- __defNormalProp$27(a, prop, b[prop]);
457
- if (__getOwnPropSymbols$27)
458
- for (var prop of __getOwnPropSymbols$27(b)) {
459
- if (__propIsEnum$27.call(b, prop))
460
- __defNormalProp$27(a, prop, b[prop]);
461
- }
462
- return a;
463
- };
464
464
  const getChildrenWithProps = (children, styles, predicate = T) => {
465
465
  const childrenAsArr = Children.toArray(children);
466
- const childrenWithoutFocus = childrenAsArr.map((child, i) => predicate(child, i) ? passPropsToChild(child, __spreadValues$27({}, styles)) : child);
466
+ const childrenWithoutFocus = childrenAsArr.map((child, i) => predicate(child, i) ? passPropsToChild(child, __spreadValues$28({}, styles)) : child);
467
467
  return childrenWithoutFocus;
468
468
  };
469
469
 
@@ -490,79 +490,79 @@ const useCurrentTheme = () => {
490
490
  return theme;
491
491
  };
492
492
 
493
- var __defProp$26 = Object.defineProperty;
493
+ var __defProp$27 = Object.defineProperty;
494
494
  var __defProps$y = Object.defineProperties;
495
495
  var __getOwnPropDescs$y = Object.getOwnPropertyDescriptors;
496
- var __getOwnPropSymbols$26 = Object.getOwnPropertySymbols;
497
- var __hasOwnProp$26 = Object.prototype.hasOwnProperty;
498
- var __propIsEnum$26 = Object.prototype.propertyIsEnumerable;
499
- var __defNormalProp$26 = (obj, key, value) => key in obj ? __defProp$26(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
500
- var __spreadValues$26 = (a, b) => {
496
+ var __getOwnPropSymbols$27 = Object.getOwnPropertySymbols;
497
+ var __hasOwnProp$27 = Object.prototype.hasOwnProperty;
498
+ var __propIsEnum$27 = Object.prototype.propertyIsEnumerable;
499
+ var __defNormalProp$27 = (obj, key, value) => key in obj ? __defProp$27(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
500
+ var __spreadValues$27 = (a, b) => {
501
501
  for (var prop in b || (b = {}))
502
- if (__hasOwnProp$26.call(b, prop))
503
- __defNormalProp$26(a, prop, b[prop]);
504
- if (__getOwnPropSymbols$26)
505
- for (var prop of __getOwnPropSymbols$26(b)) {
506
- if (__propIsEnum$26.call(b, prop))
507
- __defNormalProp$26(a, prop, b[prop]);
502
+ if (__hasOwnProp$27.call(b, prop))
503
+ __defNormalProp$27(a, prop, b[prop]);
504
+ if (__getOwnPropSymbols$27)
505
+ for (var prop of __getOwnPropSymbols$27(b)) {
506
+ if (__propIsEnum$27.call(b, prop))
507
+ __defNormalProp$27(a, prop, b[prop]);
508
508
  }
509
509
  return a;
510
510
  };
511
511
  var __spreadProps$y = (a, b) => __defProps$y(a, __getOwnPropDescs$y(b));
512
512
  const customSelectStyles = {
513
- container: (provided) => __spreadProps$y(__spreadValues$26({}, provided), {
513
+ container: (provided) => __spreadProps$y(__spreadValues$27({}, provided), {
514
514
  width: "100%",
515
515
  color: "text.default"
516
516
  }),
517
- option: (provided, state) => __spreadProps$y(__spreadValues$26({}, provided), {
517
+ option: (provided, state) => __spreadProps$y(__spreadValues$27({}, provided), {
518
518
  background: state.isFocused && "background.select.option-focus",
519
519
  _active: {
520
520
  background: "background.select.option-active"
521
521
  }
522
522
  }),
523
- valueContainer: (provided) => __spreadProps$y(__spreadValues$26({}, provided), {
523
+ valueContainer: (provided) => __spreadProps$y(__spreadValues$27({}, provided), {
524
524
  paddingInlineStart: "padding-inline.select.default"
525
525
  }),
526
- downChevron: (provided) => __spreadProps$y(__spreadValues$26({}, provided), {
526
+ downChevron: (provided) => __spreadProps$y(__spreadValues$27({}, provided), {
527
527
  color: "icon.select.default"
528
528
  }),
529
- placeholder: (provided) => __spreadProps$y(__spreadValues$26({}, provided), {
529
+ placeholder: (provided) => __spreadProps$y(__spreadValues$27({}, provided), {
530
530
  color: "text.select.placeholder"
531
531
  }),
532
532
  multiValue: (provided, state) => {
533
533
  var _a;
534
534
  const background = state.data.isFixed ? "background.select.option-disabled" : (_a = state.data.color) != null ? _a : provided.bgColor;
535
- return __spreadProps$y(__spreadValues$26({}, provided), {
535
+ return __spreadProps$y(__spreadValues$27({}, provided), {
536
536
  bgColor: background,
537
537
  color: getContrastColor(background)
538
538
  });
539
539
  },
540
- menuList: (provided) => __spreadProps$y(__spreadValues$26({}, provided), {
540
+ menuList: (provided) => __spreadProps$y(__spreadValues$27({}, provided), {
541
541
  bgColor: "background.default"
542
542
  })
543
543
  };
544
544
 
545
- var __defProp$25 = Object.defineProperty;
545
+ var __defProp$26 = Object.defineProperty;
546
546
  var __defProps$x = Object.defineProperties;
547
547
  var __getOwnPropDescs$x = Object.getOwnPropertyDescriptors;
548
- var __getOwnPropSymbols$25 = Object.getOwnPropertySymbols;
549
- var __hasOwnProp$25 = Object.prototype.hasOwnProperty;
550
- var __propIsEnum$25 = Object.prototype.propertyIsEnumerable;
551
- var __defNormalProp$25 = (obj, key, value) => key in obj ? __defProp$25(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
552
- var __spreadValues$25 = (a, b) => {
548
+ var __getOwnPropSymbols$26 = Object.getOwnPropertySymbols;
549
+ var __hasOwnProp$26 = Object.prototype.hasOwnProperty;
550
+ var __propIsEnum$26 = Object.prototype.propertyIsEnumerable;
551
+ var __defNormalProp$26 = (obj, key, value) => key in obj ? __defProp$26(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
552
+ var __spreadValues$26 = (a, b) => {
553
553
  for (var prop in b || (b = {}))
554
- if (__hasOwnProp$25.call(b, prop))
555
- __defNormalProp$25(a, prop, b[prop]);
556
- if (__getOwnPropSymbols$25)
557
- for (var prop of __getOwnPropSymbols$25(b)) {
558
- if (__propIsEnum$25.call(b, prop))
559
- __defNormalProp$25(a, prop, b[prop]);
554
+ if (__hasOwnProp$26.call(b, prop))
555
+ __defNormalProp$26(a, prop, b[prop]);
556
+ if (__getOwnPropSymbols$26)
557
+ for (var prop of __getOwnPropSymbols$26(b)) {
558
+ if (__propIsEnum$26.call(b, prop))
559
+ __defNormalProp$26(a, prop, b[prop]);
560
560
  }
561
561
  return a;
562
562
  };
563
563
  var __spreadProps$x = (a, b) => __defProps$x(a, __getOwnPropDescs$x(b));
564
- const tagsInputStyles = (isFocused, borderColor) => __spreadProps$x(__spreadValues$25({}, customSelectStyles), {
565
- container: (provided) => __spreadProps$x(__spreadValues$25({}, provided), {
564
+ const tagsInputStyles = (isFocused, borderColor) => __spreadProps$x(__spreadValues$26({}, customSelectStyles), {
565
+ container: (provided) => __spreadProps$x(__spreadValues$26({}, provided), {
566
566
  w: "full",
567
567
  height: "100%",
568
568
  resize: "vertical",
@@ -575,45 +575,45 @@ const tagsInputStyles = (isFocused, borderColor) => __spreadProps$x(__spreadValu
575
575
  color: "text.default",
576
576
  boxShadow: isFocused ? `0 0 0 1px ${borderColor}` : "none"
577
577
  }),
578
- control: (provided) => __spreadProps$x(__spreadValues$25({}, provided), {
578
+ control: (provided) => __spreadProps$x(__spreadValues$26({}, provided), {
579
579
  minHeight: "20",
580
580
  height: "100%",
581
581
  alignItems: "start"
582
582
  }),
583
- valueContainer: (provided) => __spreadProps$x(__spreadValues$25({}, provided), {
583
+ valueContainer: (provided) => __spreadProps$x(__spreadValues$26({}, provided), {
584
584
  paddingInlineStart: "padding-inline.select.default",
585
585
  overflowY: "auto",
586
586
  maxH: "100%"
587
587
  })
588
588
  });
589
589
 
590
- var __defProp$24 = Object.defineProperty;
590
+ var __defProp$25 = Object.defineProperty;
591
591
  var __defProps$w = Object.defineProperties;
592
592
  var __getOwnPropDescs$w = Object.getOwnPropertyDescriptors;
593
- var __getOwnPropSymbols$24 = Object.getOwnPropertySymbols;
594
- var __hasOwnProp$24 = Object.prototype.hasOwnProperty;
595
- var __propIsEnum$24 = Object.prototype.propertyIsEnumerable;
596
- var __defNormalProp$24 = (obj, key, value) => key in obj ? __defProp$24(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
597
- var __spreadValues$24 = (a, b) => {
593
+ var __getOwnPropSymbols$25 = Object.getOwnPropertySymbols;
594
+ var __hasOwnProp$25 = Object.prototype.hasOwnProperty;
595
+ var __propIsEnum$25 = Object.prototype.propertyIsEnumerable;
596
+ var __defNormalProp$25 = (obj, key, value) => key in obj ? __defProp$25(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
597
+ var __spreadValues$25 = (a, b) => {
598
598
  for (var prop in b || (b = {}))
599
- if (__hasOwnProp$24.call(b, prop))
600
- __defNormalProp$24(a, prop, b[prop]);
601
- if (__getOwnPropSymbols$24)
602
- for (var prop of __getOwnPropSymbols$24(b)) {
603
- if (__propIsEnum$24.call(b, prop))
604
- __defNormalProp$24(a, prop, b[prop]);
599
+ if (__hasOwnProp$25.call(b, prop))
600
+ __defNormalProp$25(a, prop, b[prop]);
601
+ if (__getOwnPropSymbols$25)
602
+ for (var prop of __getOwnPropSymbols$25(b)) {
603
+ if (__propIsEnum$25.call(b, prop))
604
+ __defNormalProp$25(a, prop, b[prop]);
605
605
  }
606
606
  return a;
607
607
  };
608
608
  var __spreadProps$w = (a, b) => __defProps$w(a, __getOwnPropDescs$w(b));
609
- var __objRest$1x = (source, exclude) => {
609
+ var __objRest$1y = (source, exclude) => {
610
610
  var target = {};
611
611
  for (var prop in source)
612
- if (__hasOwnProp$24.call(source, prop) && exclude.indexOf(prop) < 0)
612
+ if (__hasOwnProp$25.call(source, prop) && exclude.indexOf(prop) < 0)
613
613
  target[prop] = source[prop];
614
- if (source != null && __getOwnPropSymbols$24)
615
- for (var prop of __getOwnPropSymbols$24(source)) {
616
- if (exclude.indexOf(prop) < 0 && __propIsEnum$24.call(source, prop))
614
+ if (source != null && __getOwnPropSymbols$25)
615
+ for (var prop of __getOwnPropSymbols$25(source)) {
616
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$25.call(source, prop))
617
617
  target[prop] = source[prop];
618
618
  }
619
619
  return target;
@@ -626,7 +626,7 @@ function TagsInput(_a) {
626
626
  loadingList = () => null,
627
627
  "data-testid": testId,
628
628
  value = []
629
- } = _b, rest = __objRest$1x(_b, [
629
+ } = _b, rest = __objRest$1y(_b, [
630
630
  "options",
631
631
  "onChange",
632
632
  "isLoading",
@@ -694,7 +694,7 @@ function TagsInput(_a) {
694
694
  };
695
695
  return /* @__PURE__ */ React.createElement(Box, { w: "full", "data-testid": testId }, /* @__PURE__ */ React.createElement(
696
696
  CustomSelect,
697
- __spreadValues$24(__spreadProps$w(__spreadValues$24({
697
+ __spreadValues$25(__spreadProps$w(__spreadValues$25({
698
698
  isMulti: true,
699
699
  menuPortalTarget: document.body,
700
700
  placeholder: "Type something and press Enter or comma...",
@@ -727,30 +727,30 @@ function TagsInput(_a) {
727
727
  ));
728
728
  }
729
729
 
730
- var __defProp$23 = Object.defineProperty;
731
- var __getOwnPropSymbols$23 = Object.getOwnPropertySymbols;
732
- var __hasOwnProp$23 = Object.prototype.hasOwnProperty;
733
- var __propIsEnum$23 = Object.prototype.propertyIsEnumerable;
734
- var __defNormalProp$23 = (obj, key, value) => key in obj ? __defProp$23(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
735
- var __spreadValues$23 = (a, b) => {
730
+ var __defProp$24 = Object.defineProperty;
731
+ var __getOwnPropSymbols$24 = Object.getOwnPropertySymbols;
732
+ var __hasOwnProp$24 = Object.prototype.hasOwnProperty;
733
+ var __propIsEnum$24 = Object.prototype.propertyIsEnumerable;
734
+ var __defNormalProp$24 = (obj, key, value) => key in obj ? __defProp$24(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
735
+ var __spreadValues$24 = (a, b) => {
736
736
  for (var prop in b || (b = {}))
737
- if (__hasOwnProp$23.call(b, prop))
738
- __defNormalProp$23(a, prop, b[prop]);
739
- if (__getOwnPropSymbols$23)
740
- for (var prop of __getOwnPropSymbols$23(b)) {
741
- if (__propIsEnum$23.call(b, prop))
742
- __defNormalProp$23(a, prop, b[prop]);
737
+ if (__hasOwnProp$24.call(b, prop))
738
+ __defNormalProp$24(a, prop, b[prop]);
739
+ if (__getOwnPropSymbols$24)
740
+ for (var prop of __getOwnPropSymbols$24(b)) {
741
+ if (__propIsEnum$24.call(b, prop))
742
+ __defNormalProp$24(a, prop, b[prop]);
743
743
  }
744
744
  return a;
745
745
  };
746
- var __objRest$1w = (source, exclude) => {
746
+ var __objRest$1x = (source, exclude) => {
747
747
  var target = {};
748
748
  for (var prop in source)
749
- if (__hasOwnProp$23.call(source, prop) && exclude.indexOf(prop) < 0)
749
+ if (__hasOwnProp$24.call(source, prop) && exclude.indexOf(prop) < 0)
750
750
  target[prop] = source[prop];
751
- if (source != null && __getOwnPropSymbols$23)
752
- for (var prop of __getOwnPropSymbols$23(source)) {
753
- if (exclude.indexOf(prop) < 0 && __propIsEnum$23.call(source, prop))
751
+ if (source != null && __getOwnPropSymbols$24)
752
+ for (var prop of __getOwnPropSymbols$24(source)) {
753
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$24.call(source, prop))
754
754
  target[prop] = source[prop];
755
755
  }
756
756
  return target;
@@ -760,7 +760,7 @@ const OrganizationLogo = (_a) => {
760
760
  name,
761
761
  image,
762
762
  variant = "square"
763
- } = _b, rest = __objRest$1w(_b, [
763
+ } = _b, rest = __objRest$1x(_b, [
764
764
  "name",
765
765
  "image",
766
766
  "variant"
@@ -769,7 +769,7 @@ const OrganizationLogo = (_a) => {
769
769
  const {
770
770
  container,
771
771
  text
772
- } = useMultiStyleConfig("Avatar", __spreadValues$23({ variant, image }, rest));
772
+ } = useMultiStyleConfig("Avatar", __spreadValues$24({ variant, image }, rest));
773
773
  return /* @__PURE__ */ React.createElement(
774
774
  chakra.div,
775
775
  {
@@ -786,30 +786,30 @@ const OrganizationLogo = (_a) => {
786
786
  );
787
787
  };
788
788
 
789
- var __defProp$22 = Object.defineProperty;
790
- var __getOwnPropSymbols$22 = Object.getOwnPropertySymbols;
791
- var __hasOwnProp$22 = Object.prototype.hasOwnProperty;
792
- var __propIsEnum$22 = Object.prototype.propertyIsEnumerable;
793
- var __defNormalProp$22 = (obj, key, value) => key in obj ? __defProp$22(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
794
- var __spreadValues$22 = (a, b) => {
789
+ var __defProp$23 = Object.defineProperty;
790
+ var __getOwnPropSymbols$23 = Object.getOwnPropertySymbols;
791
+ var __hasOwnProp$23 = Object.prototype.hasOwnProperty;
792
+ var __propIsEnum$23 = Object.prototype.propertyIsEnumerable;
793
+ var __defNormalProp$23 = (obj, key, value) => key in obj ? __defProp$23(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
794
+ var __spreadValues$23 = (a, b) => {
795
795
  for (var prop in b || (b = {}))
796
- if (__hasOwnProp$22.call(b, prop))
797
- __defNormalProp$22(a, prop, b[prop]);
798
- if (__getOwnPropSymbols$22)
799
- for (var prop of __getOwnPropSymbols$22(b)) {
800
- if (__propIsEnum$22.call(b, prop))
801
- __defNormalProp$22(a, prop, b[prop]);
796
+ if (__hasOwnProp$23.call(b, prop))
797
+ __defNormalProp$23(a, prop, b[prop]);
798
+ if (__getOwnPropSymbols$23)
799
+ for (var prop of __getOwnPropSymbols$23(b)) {
800
+ if (__propIsEnum$23.call(b, prop))
801
+ __defNormalProp$23(a, prop, b[prop]);
802
802
  }
803
803
  return a;
804
804
  };
805
- var __objRest$1v = (source, exclude) => {
805
+ var __objRest$1w = (source, exclude) => {
806
806
  var target = {};
807
807
  for (var prop in source)
808
- if (__hasOwnProp$22.call(source, prop) && exclude.indexOf(prop) < 0)
808
+ if (__hasOwnProp$23.call(source, prop) && exclude.indexOf(prop) < 0)
809
809
  target[prop] = source[prop];
810
- if (source != null && __getOwnPropSymbols$22)
811
- for (var prop of __getOwnPropSymbols$22(source)) {
812
- if (exclude.indexOf(prop) < 0 && __propIsEnum$22.call(source, prop))
810
+ if (source != null && __getOwnPropSymbols$23)
811
+ for (var prop of __getOwnPropSymbols$23(source)) {
812
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$23.call(source, prop))
813
813
  target[prop] = source[prop];
814
814
  }
815
815
  return target;
@@ -818,13 +818,31 @@ const Alert$1 = (_a) => {
818
818
  var _b = _a, {
819
819
  variant = "success",
820
820
  children
821
- } = _b, rest = __objRest$1v(_b, [
821
+ } = _b, rest = __objRest$1w(_b, [
822
822
  "variant",
823
823
  "children"
824
824
  ]);
825
- return /* @__PURE__ */ React.createElement(Alert$2, __spreadValues$22({ variant }, rest), children);
825
+ return /* @__PURE__ */ React.createElement(Alert$2, __spreadValues$23({ variant }, rest), children);
826
826
  };
827
827
 
828
+ var __defProp$22 = Object.defineProperty;
829
+ var __getOwnPropSymbols$22 = Object.getOwnPropertySymbols;
830
+ var __hasOwnProp$22 = Object.prototype.hasOwnProperty;
831
+ var __propIsEnum$22 = Object.prototype.propertyIsEnumerable;
832
+ var __defNormalProp$22 = (obj, key, value) => key in obj ? __defProp$22(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
833
+ var __spreadValues$22 = (a, b) => {
834
+ for (var prop in b || (b = {}))
835
+ if (__hasOwnProp$22.call(b, prop))
836
+ __defNormalProp$22(a, prop, b[prop]);
837
+ if (__getOwnPropSymbols$22)
838
+ for (var prop of __getOwnPropSymbols$22(b)) {
839
+ if (__propIsEnum$22.call(b, prop))
840
+ __defNormalProp$22(a, prop, b[prop]);
841
+ }
842
+ return a;
843
+ };
844
+ const AspectRatio = (props) => /* @__PURE__ */ React.createElement(AspectRatio$1, __spreadValues$22({}, props));
845
+
828
846
  var __defProp$21 = Object.defineProperty;
829
847
  var __getOwnPropSymbols$21 = Object.getOwnPropertySymbols;
830
848
  var __hasOwnProp$21 = Object.prototype.hasOwnProperty;
@@ -841,32 +859,14 @@ var __spreadValues$21 = (a, b) => {
841
859
  }
842
860
  return a;
843
861
  };
844
- const AspectRatio = (props) => /* @__PURE__ */ React.createElement(AspectRatio$1, __spreadValues$21({}, props));
845
-
846
- var __defProp$20 = Object.defineProperty;
847
- var __getOwnPropSymbols$20 = Object.getOwnPropertySymbols;
848
- var __hasOwnProp$20 = Object.prototype.hasOwnProperty;
849
- var __propIsEnum$20 = Object.prototype.propertyIsEnumerable;
850
- var __defNormalProp$20 = (obj, key, value) => key in obj ? __defProp$20(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
851
- var __spreadValues$20 = (a, b) => {
852
- for (var prop in b || (b = {}))
853
- if (__hasOwnProp$20.call(b, prop))
854
- __defNormalProp$20(a, prop, b[prop]);
855
- if (__getOwnPropSymbols$20)
856
- for (var prop of __getOwnPropSymbols$20(b)) {
857
- if (__propIsEnum$20.call(b, prop))
858
- __defNormalProp$20(a, prop, b[prop]);
859
- }
860
- return a;
861
- };
862
- var __objRest$1u = (source, exclude) => {
862
+ var __objRest$1v = (source, exclude) => {
863
863
  var target = {};
864
864
  for (var prop in source)
865
- if (__hasOwnProp$20.call(source, prop) && exclude.indexOf(prop) < 0)
865
+ if (__hasOwnProp$21.call(source, prop) && exclude.indexOf(prop) < 0)
866
866
  target[prop] = source[prop];
867
- if (source != null && __getOwnPropSymbols$20)
868
- for (var prop of __getOwnPropSymbols$20(source)) {
869
- if (exclude.indexOf(prop) < 0 && __propIsEnum$20.call(source, prop))
867
+ if (source != null && __getOwnPropSymbols$21)
868
+ for (var prop of __getOwnPropSymbols$21(source)) {
869
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$21.call(source, prop))
870
870
  target[prop] = source[prop];
871
871
  }
872
872
  return target;
@@ -877,7 +877,7 @@ const Icon$1 = forwardRef((_a, ref) => {
877
877
  size,
878
878
  color,
879
879
  boxSize
880
- } = _b, rest = __objRest$1u(_b, [
880
+ } = _b, rest = __objRest$1v(_b, [
881
881
  "as",
882
882
  "size",
883
883
  "color",
@@ -887,7 +887,7 @@ const Icon$1 = forwardRef((_a, ref) => {
887
887
  const styles = useStyleConfig("Icon", { size, color, boxSize });
888
888
  return /* @__PURE__ */ React.createElement(
889
889
  Icon$2,
890
- __spreadValues$20({
890
+ __spreadValues$21({
891
891
  ref,
892
892
  sx: styles
893
893
  }, rest),
@@ -902,30 +902,30 @@ const AvatarBadge = ({
902
902
  return /* @__PURE__ */ React.createElement(chakra.span, { sx: badge }, notificationCount > 999 ? "999+" : notificationCount);
903
903
  };
904
904
 
905
- var __defProp$1$ = Object.defineProperty;
906
- var __getOwnPropSymbols$1$ = Object.getOwnPropertySymbols;
907
- var __hasOwnProp$1$ = Object.prototype.hasOwnProperty;
908
- var __propIsEnum$1$ = Object.prototype.propertyIsEnumerable;
909
- var __defNormalProp$1$ = (obj, key, value) => key in obj ? __defProp$1$(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
910
- var __spreadValues$1$ = (a, b) => {
905
+ var __defProp$20 = Object.defineProperty;
906
+ var __getOwnPropSymbols$20 = Object.getOwnPropertySymbols;
907
+ var __hasOwnProp$20 = Object.prototype.hasOwnProperty;
908
+ var __propIsEnum$20 = Object.prototype.propertyIsEnumerable;
909
+ var __defNormalProp$20 = (obj, key, value) => key in obj ? __defProp$20(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
910
+ var __spreadValues$20 = (a, b) => {
911
911
  for (var prop in b || (b = {}))
912
- if (__hasOwnProp$1$.call(b, prop))
913
- __defNormalProp$1$(a, prop, b[prop]);
914
- if (__getOwnPropSymbols$1$)
915
- for (var prop of __getOwnPropSymbols$1$(b)) {
916
- if (__propIsEnum$1$.call(b, prop))
917
- __defNormalProp$1$(a, prop, b[prop]);
912
+ if (__hasOwnProp$20.call(b, prop))
913
+ __defNormalProp$20(a, prop, b[prop]);
914
+ if (__getOwnPropSymbols$20)
915
+ for (var prop of __getOwnPropSymbols$20(b)) {
916
+ if (__propIsEnum$20.call(b, prop))
917
+ __defNormalProp$20(a, prop, b[prop]);
918
918
  }
919
919
  return a;
920
920
  };
921
- var __objRest$1t = (source, exclude) => {
921
+ var __objRest$1u = (source, exclude) => {
922
922
  var target = {};
923
923
  for (var prop in source)
924
- if (__hasOwnProp$1$.call(source, prop) && exclude.indexOf(prop) < 0)
924
+ if (__hasOwnProp$20.call(source, prop) && exclude.indexOf(prop) < 0)
925
925
  target[prop] = source[prop];
926
- if (source != null && __getOwnPropSymbols$1$)
927
- for (var prop of __getOwnPropSymbols$1$(source)) {
928
- if (exclude.indexOf(prop) < 0 && __propIsEnum$1$.call(source, prop))
926
+ if (source != null && __getOwnPropSymbols$20)
927
+ for (var prop of __getOwnPropSymbols$20(source)) {
928
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$20.call(source, prop))
929
929
  target[prop] = source[prop];
930
930
  }
931
931
  return target;
@@ -937,7 +937,7 @@ const Avatar$1 = (_a) => {
937
937
  name,
938
938
  image,
939
939
  size
940
- } = _b, rest = __objRest$1t(_b, [
940
+ } = _b, rest = __objRest$1u(_b, [
941
941
  "variant",
942
942
  "notificationCount",
943
943
  "name",
@@ -950,7 +950,7 @@ const Avatar$1 = (_a) => {
950
950
  size,
951
951
  name
952
952
  });
953
- return /* @__PURE__ */ React.createElement(Box, __spreadValues$1$({ __css: container, "data-testid": "avatar-test-id" }, rest), image ? /* @__PURE__ */ React.createElement(
953
+ return /* @__PURE__ */ React.createElement(Box, __spreadValues$20({ __css: container, "data-testid": "avatar-test-id" }, rest), image ? /* @__PURE__ */ React.createElement(
954
954
  chakra.img,
955
955
  {
956
956
  alt: name,
@@ -967,6 +967,53 @@ const Avatar$1 = (_a) => {
967
967
  ), notificationCount > 0 && /* @__PURE__ */ React.createElement(AvatarBadge, { notificationCount }));
968
968
  };
969
969
 
970
+ var __defProp$1$ = Object.defineProperty;
971
+ var __getOwnPropSymbols$1$ = Object.getOwnPropertySymbols;
972
+ var __hasOwnProp$1$ = Object.prototype.hasOwnProperty;
973
+ var __propIsEnum$1$ = Object.prototype.propertyIsEnumerable;
974
+ var __defNormalProp$1$ = (obj, key, value) => key in obj ? __defProp$1$(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
975
+ var __spreadValues$1$ = (a, b) => {
976
+ for (var prop in b || (b = {}))
977
+ if (__hasOwnProp$1$.call(b, prop))
978
+ __defNormalProp$1$(a, prop, b[prop]);
979
+ if (__getOwnPropSymbols$1$)
980
+ for (var prop of __getOwnPropSymbols$1$(b)) {
981
+ if (__propIsEnum$1$.call(b, prop))
982
+ __defNormalProp$1$(a, prop, b[prop]);
983
+ }
984
+ return a;
985
+ };
986
+ var __objRest$1t = (source, exclude) => {
987
+ var target = {};
988
+ for (var prop in source)
989
+ if (__hasOwnProp$1$.call(source, prop) && exclude.indexOf(prop) < 0)
990
+ target[prop] = source[prop];
991
+ if (source != null && __getOwnPropSymbols$1$)
992
+ for (var prop of __getOwnPropSymbols$1$(source)) {
993
+ if (exclude.indexOf(prop) < 0 && __propIsEnum$1$.call(source, prop))
994
+ target[prop] = source[prop];
995
+ }
996
+ return target;
997
+ };
998
+ const H1$1 = (_a) => {
999
+ var _b = _a, {
1000
+ children,
1001
+ sx = {}
1002
+ } = _b, rest = __objRest$1t(_b, [
1003
+ "children",
1004
+ "sx"
1005
+ ]);
1006
+ const styles = useStyleConfig("H1", { sx });
1007
+ return /* @__PURE__ */ React.createElement(
1008
+ Heading,
1009
+ __spreadValues$1$({
1010
+ as: "h1",
1011
+ sx: styles
1012
+ }, rest),
1013
+ children
1014
+ );
1015
+ };
1016
+
970
1017
  var __defProp$1_ = Object.defineProperty;
971
1018
  var __getOwnPropSymbols$1_ = Object.getOwnPropertySymbols;
972
1019
  var __hasOwnProp$1_ = Object.prototype.hasOwnProperty;
@@ -995,7 +1042,7 @@ var __objRest$1s = (source, exclude) => {
995
1042
  }
996
1043
  return target;
997
1044
  };
998
- const H1$1 = (_a) => {
1045
+ const H2$1 = (_a) => {
999
1046
  var _b = _a, {
1000
1047
  children,
1001
1048
  sx = {}
@@ -1003,11 +1050,11 @@ const H1$1 = (_a) => {
1003
1050
  "children",
1004
1051
  "sx"
1005
1052
  ]);
1006
- const styles = useStyleConfig("H1", { sx });
1053
+ const styles = useStyleConfig("H2", { sx });
1007
1054
  return /* @__PURE__ */ React.createElement(
1008
1055
  Heading,
1009
1056
  __spreadValues$1_({
1010
- as: "h1",
1057
+ as: "h2",
1011
1058
  sx: styles
1012
1059
  }, rest),
1013
1060
  children
@@ -1042,7 +1089,7 @@ var __objRest$1r = (source, exclude) => {
1042
1089
  }
1043
1090
  return target;
1044
1091
  };
1045
- const H2$1 = (_a) => {
1092
+ const H3$1 = (_a) => {
1046
1093
  var _b = _a, {
1047
1094
  children,
1048
1095
  sx = {}
@@ -1050,11 +1097,11 @@ const H2$1 = (_a) => {
1050
1097
  "children",
1051
1098
  "sx"
1052
1099
  ]);
1053
- const styles = useStyleConfig("H2", { sx });
1100
+ const styles = useStyleConfig("H3", { sx });
1054
1101
  return /* @__PURE__ */ React.createElement(
1055
1102
  Heading,
1056
1103
  __spreadValues$1Z({
1057
- as: "h2",
1104
+ as: "h3",
1058
1105
  sx: styles
1059
1106
  }, rest),
1060
1107
  children
@@ -1089,7 +1136,7 @@ var __objRest$1q = (source, exclude) => {
1089
1136
  }
1090
1137
  return target;
1091
1138
  };
1092
- const H3$1 = (_a) => {
1139
+ const H4$1 = (_a) => {
1093
1140
  var _b = _a, {
1094
1141
  children,
1095
1142
  sx = {}
@@ -1097,11 +1144,11 @@ const H3$1 = (_a) => {
1097
1144
  "children",
1098
1145
  "sx"
1099
1146
  ]);
1100
- const styles = useStyleConfig("H3", { sx });
1147
+ const styles = useStyleConfig("H4", { sx });
1101
1148
  return /* @__PURE__ */ React.createElement(
1102
1149
  Heading,
1103
1150
  __spreadValues$1Y({
1104
- as: "h3",
1151
+ as: "h4",
1105
1152
  sx: styles
1106
1153
  }, rest),
1107
1154
  children
@@ -1136,7 +1183,7 @@ var __objRest$1p = (source, exclude) => {
1136
1183
  }
1137
1184
  return target;
1138
1185
  };
1139
- const H4$1 = (_a) => {
1186
+ const H5$1 = (_a) => {
1140
1187
  var _b = _a, {
1141
1188
  children,
1142
1189
  sx = {}
@@ -1144,11 +1191,11 @@ const H4$1 = (_a) => {
1144
1191
  "children",
1145
1192
  "sx"
1146
1193
  ]);
1147
- const styles = useStyleConfig("H4", { sx });
1194
+ const styles = useStyleConfig("H5", { sx });
1148
1195
  return /* @__PURE__ */ React.createElement(
1149
1196
  Heading,
1150
1197
  __spreadValues$1X({
1151
- as: "h4",
1198
+ as: "h5",
1152
1199
  sx: styles
1153
1200
  }, rest),
1154
1201
  children
@@ -1183,7 +1230,7 @@ var __objRest$1o = (source, exclude) => {
1183
1230
  }
1184
1231
  return target;
1185
1232
  };
1186
- const H5$1 = (_a) => {
1233
+ const H6$1 = (_a) => {
1187
1234
  var _b = _a, {
1188
1235
  children,
1189
1236
  sx = {}
@@ -1191,11 +1238,11 @@ const H5$1 = (_a) => {
1191
1238
  "children",
1192
1239
  "sx"
1193
1240
  ]);
1194
- const styles = useStyleConfig("H5", { sx });
1241
+ const styles = useStyleConfig("H6", { sx });
1195
1242
  return /* @__PURE__ */ React.createElement(
1196
1243
  Heading,
1197
1244
  __spreadValues$1W({
1198
- as: "h5",
1245
+ as: "h6",
1199
1246
  sx: styles
1200
1247
  }, rest),
1201
1248
  children
@@ -1230,19 +1277,21 @@ var __objRest$1n = (source, exclude) => {
1230
1277
  }
1231
1278
  return target;
1232
1279
  };
1233
- const H6$1 = (_a) => {
1280
+ const P$1 = (_a) => {
1234
1281
  var _b = _a, {
1235
1282
  children,
1283
+ variant = "16",
1236
1284
  sx = {}
1237
1285
  } = _b, rest = __objRest$1n(_b, [
1238
1286
  "children",
1287
+ "variant",
1239
1288
  "sx"
1240
1289
  ]);
1241
- const styles = useStyleConfig("H6", { sx });
1290
+ const styles = useStyleConfig("P", { variant, sx });
1242
1291
  return /* @__PURE__ */ React.createElement(
1243
- Heading,
1292
+ Text,
1244
1293
  __spreadValues$1V({
1245
- as: "h6",
1294
+ variant,
1246
1295
  sx: styles
1247
1296
  }, rest),
1248
1297
  children
@@ -1277,25 +1326,10 @@ var __objRest$1m = (source, exclude) => {
1277
1326
  }
1278
1327
  return target;
1279
1328
  };
1280
- const P$1 = (_a) => {
1281
- var _b = _a, {
1282
- children,
1283
- variant = "16",
1284
- sx = {}
1285
- } = _b, rest = __objRest$1m(_b, [
1286
- "children",
1287
- "variant",
1288
- "sx"
1289
- ]);
1290
- const styles = useStyleConfig("P", { variant, sx });
1291
- return /* @__PURE__ */ React.createElement(
1292
- Text,
1293
- __spreadValues$1U({
1294
- variant,
1295
- sx: styles
1296
- }, rest),
1297
- children
1298
- );
1329
+ const Blockquote$1 = (_a) => {
1330
+ var _b = _a, { children, sx = {} } = _b, rest = __objRest$1m(_b, ["children", "sx"]);
1331
+ const styles = useStyleConfig("Blockquote", { sx });
1332
+ return /* @__PURE__ */ React.createElement(Text, __spreadValues$1U({ as: "span", sx: styles }, rest), children);
1299
1333
  };
1300
1334
 
1301
1335
  var __defProp$1T = Object.defineProperty;
@@ -1326,10 +1360,23 @@ var __objRest$1l = (source, exclude) => {
1326
1360
  }
1327
1361
  return target;
1328
1362
  };
1329
- const Blockquote$1 = (_a) => {
1330
- var _b = _a, { children, sx = {} } = _b, rest = __objRest$1l(_b, ["children", "sx"]);
1331
- const styles = useStyleConfig("Blockquote", { sx });
1332
- return /* @__PURE__ */ React.createElement(Text, __spreadValues$1T({ as: "span", sx: styles }, rest), children);
1363
+ const Capitalized$1 = (_a) => {
1364
+ var _b = _a, {
1365
+ children,
1366
+ sx = {}
1367
+ } = _b, rest = __objRest$1l(_b, [
1368
+ "children",
1369
+ "sx"
1370
+ ]);
1371
+ const styles = useStyleConfig("Capitalized", { sx });
1372
+ return /* @__PURE__ */ React.createElement(
1373
+ Text,
1374
+ __spreadValues$1T({
1375
+ as: "span",
1376
+ sx: styles
1377
+ }, rest),
1378
+ children
1379
+ );
1333
1380
  };
1334
1381
 
1335
1382
  var __defProp$1S = Object.defineProperty;
@@ -1360,7 +1407,7 @@ var __objRest$1k = (source, exclude) => {
1360
1407
  }
1361
1408
  return target;
1362
1409
  };
1363
- const Capitalized$1 = (_a) => {
1410
+ const Lead$1 = (_a) => {
1364
1411
  var _b = _a, {
1365
1412
  children,
1366
1413
  sx = {}
@@ -1368,7 +1415,7 @@ const Capitalized$1 = (_a) => {
1368
1415
  "children",
1369
1416
  "sx"
1370
1417
  ]);
1371
- const styles = useStyleConfig("Capitalized", { sx });
1418
+ const styles = useStyleConfig("Lead", { sx });
1372
1419
  return /* @__PURE__ */ React.createElement(
1373
1420
  Text,
1374
1421
  __spreadValues$1S({
@@ -1407,7 +1454,7 @@ var __objRest$1j = (source, exclude) => {
1407
1454
  }
1408
1455
  return target;
1409
1456
  };
1410
- const Lead$1 = (_a) => {
1457
+ const Small$1 = (_a) => {
1411
1458
  var _b = _a, {
1412
1459
  children,
1413
1460
  sx = {}
@@ -1415,11 +1462,11 @@ const Lead$1 = (_a) => {
1415
1462
  "children",
1416
1463
  "sx"
1417
1464
  ]);
1418
- const styles = useStyleConfig("Lead", { sx });
1465
+ const styles = useStyleConfig("Small", { sx });
1419
1466
  return /* @__PURE__ */ React.createElement(
1420
1467
  Text,
1421
1468
  __spreadValues$1R({
1422
- as: "span",
1469
+ as: "small",
1423
1470
  sx: styles
1424
1471
  }, rest),
1425
1472
  children
@@ -1454,7 +1501,7 @@ var __objRest$1i = (source, exclude) => {
1454
1501
  }
1455
1502
  return target;
1456
1503
  };
1457
- const Small$1 = (_a) => {
1504
+ const Tiny$1 = (_a) => {
1458
1505
  var _b = _a, {
1459
1506
  children,
1460
1507
  sx = {}
@@ -1462,11 +1509,11 @@ const Small$1 = (_a) => {
1462
1509
  "children",
1463
1510
  "sx"
1464
1511
  ]);
1465
- const styles = useStyleConfig("Small", { sx });
1512
+ const styles = useStyleConfig("Tiny", { sx });
1466
1513
  return /* @__PURE__ */ React.createElement(
1467
1514
  Text,
1468
1515
  __spreadValues$1Q({
1469
- as: "small",
1516
+ as: "span",
1470
1517
  sx: styles
1471
1518
  }, rest),
1472
1519
  children
@@ -1501,24 +1548,27 @@ var __objRest$1h = (source, exclude) => {
1501
1548
  }
1502
1549
  return target;
1503
1550
  };
1504
- const Tiny$1 = (_a) => {
1551
+ const Label$1 = forwardRef$1((_a, ref) => {
1505
1552
  var _b = _a, {
1506
1553
  children,
1554
+ size = "sm",
1507
1555
  sx = {}
1508
1556
  } = _b, rest = __objRest$1h(_b, [
1509
1557
  "children",
1558
+ "size",
1510
1559
  "sx"
1511
1560
  ]);
1512
- const styles = useStyleConfig("Tiny", { sx });
1561
+ const styles = useStyleConfig("Label", { sx, size });
1513
1562
  return /* @__PURE__ */ React.createElement(
1514
- Text,
1563
+ FormLabel$1,
1515
1564
  __spreadValues$1P({
1516
- as: "span",
1517
- sx: styles
1565
+ sx: styles,
1566
+ requiredIndicator: /* @__PURE__ */ React.createElement(VisuallyHidden, null),
1567
+ ref
1518
1568
  }, rest),
1519
1569
  children
1520
1570
  );
1521
- };
1571
+ });
1522
1572
 
1523
1573
  var __defProp$1O = Object.defineProperty;
1524
1574
  var __getOwnPropSymbols$1O = Object.getOwnPropertySymbols;
@@ -1548,27 +1598,21 @@ var __objRest$1g = (source, exclude) => {
1548
1598
  }
1549
1599
  return target;
1550
1600
  };
1551
- const Label$1 = forwardRef$1((_a, ref) => {
1552
- var _b = _a, {
1553
- children,
1554
- size = "sm",
1555
- sx = {}
1556
- } = _b, rest = __objRest$1g(_b, [
1557
- "children",
1558
- "size",
1559
- "sx"
1560
- ]);
1561
- const styles = useStyleConfig("Label", { sx, size });
1562
- return /* @__PURE__ */ React.createElement(
1563
- FormLabel$1,
1564
- __spreadValues$1O({
1565
- sx: styles,
1566
- requiredIndicator: /* @__PURE__ */ React.createElement(VisuallyHidden, null),
1567
- ref
1568
- }, rest),
1569
- children
1570
- );
1571
- });
1601
+ const NumVal$1 = forwardRef$1(
1602
+ (_a, ref) => {
1603
+ var _b = _a, { children, size = "sm", sx = {} } = _b, rest = __objRest$1g(_b, ["children", "size", "sx"]);
1604
+ const styles = useStyleConfig("NumVal", { sx, size });
1605
+ return /* @__PURE__ */ React.createElement(
1606
+ Text,
1607
+ __spreadValues$1O({
1608
+ as: "span",
1609
+ sx: styles,
1610
+ ref
1611
+ }, rest),
1612
+ children
1613
+ );
1614
+ }
1615
+ );
1572
1616
 
1573
1617
  const positiveOrZero = ifElse(gt(0), always(0), identity);
1574
1618
  const EMPTY_RECT = {
@@ -10627,6 +10671,98 @@ const Label = {
10627
10671
  }
10628
10672
  };
10629
10673
 
10674
+ const NumVal = {
10675
+ baseStyle: ({ theme: { sizes: sizing }, sx }) => merge(
10676
+ {
10677
+ color: "inherit",
10678
+ width: "100%",
10679
+ maxWidth: "100%",
10680
+ marginBottom: sizing[0],
10681
+ marginInlineStart: sizing[0],
10682
+ marginEnd: sizing[0],
10683
+ marginInlineEnd: sizing[0]
10684
+ },
10685
+ sx
10686
+ ),
10687
+ sizes: {
10688
+ "2xs": ({ theme, sx }) => {
10689
+ const { tinyMono } = theme.typography.numVal;
10690
+ return merge(
10691
+ {
10692
+ fontFamily: tinyMono.fontFamily,
10693
+ fontWeight: tinyMono.fontWeight,
10694
+ lineHeight: tinyMono.lineHeight,
10695
+ fontSize: tinyMono.fontSize,
10696
+ letterSpacing: tinyMono.letterSpacing,
10697
+ textTransform: tinyMono.textCase,
10698
+ textDecoration: tinyMono.textDecoration
10699
+ },
10700
+ sx
10701
+ );
10702
+ },
10703
+ xs: ({ theme, sx }) => {
10704
+ const { xsMono } = theme.typography.numVal;
10705
+ return merge(
10706
+ {
10707
+ fontFamily: xsMono.fontFamily,
10708
+ fontWeight: xsMono.fontWeight,
10709
+ lineHeight: xsMono.lineHeight,
10710
+ fontSize: xsMono.fontSize,
10711
+ letterSpacing: xsMono.letterSpacing,
10712
+ textTransform: xsMono.textCase,
10713
+ textDecoration: xsMono.textDecoration
10714
+ },
10715
+ sx
10716
+ );
10717
+ },
10718
+ sm: ({ theme, sx }) => {
10719
+ const { smMono } = theme.typography.numVal;
10720
+ return merge(
10721
+ {
10722
+ fontFamily: smMono.fontFamily,
10723
+ fontWeight: smMono.fontWeight,
10724
+ lineHeight: smMono.lineHeight,
10725
+ fontSize: smMono.fontSize,
10726
+ letterSpacing: smMono.letterSpacing,
10727
+ textTransform: smMono.textCase,
10728
+ textDecoration: smMono.textDecoration
10729
+ },
10730
+ sx
10731
+ );
10732
+ },
10733
+ md: ({ theme, sx }) => {
10734
+ const { mdMono } = theme.typography.numVal;
10735
+ return merge(
10736
+ {
10737
+ fontFamily: mdMono.fontFamily,
10738
+ fontWeight: mdMono.fontWeight,
10739
+ lineHeight: mdMono.lineHeight,
10740
+ fontSize: mdMono.fontSize,
10741
+ letterSpacing: mdMono.letterSpacing,
10742
+ textTransform: mdMono.textCase,
10743
+ textDecoration: mdMono.textDecoration
10744
+ },
10745
+ sx
10746
+ );
10747
+ },
10748
+ lg: ({ theme, sx }) => {
10749
+ const { lgMono } = theme.typography.numVal;
10750
+ return merge(
10751
+ {
10752
+ fontFamily: lgMono.fontFamily,
10753
+ fontWeight: lgMono.fontWeight,
10754
+ lineHeight: lgMono.lineHeight,
10755
+ fontSize: lgMono.fontSize,
10756
+ letterSpacing: lgMono.letterSpacing,
10757
+ textTransform: lgMono.textCase,
10758
+ textDecoration: lgMono.textDecoration
10759
+ },
10760
+ sx
10761
+ );
10762
+ }
10763
+ }
10764
+ };
10765
+
10630
10766
  const SplitPane$1 = {
10631
10767
  baseStyle: ({ minLeftWidth, minRightWidth, initialSplit, isOpen }) => ({
10632
10768
  display: "grid",
@@ -10983,6 +11119,7 @@ var components = /*#__PURE__*/Object.freeze({
10983
11119
  Link: Link,
10984
11120
  Modal: Modal,
10985
11121
  NotificationIconButton: NotificationIconButton$1,
11122
+ NumVal: NumVal,
10986
11123
  NumberInput: NumberInput$1,
10987
11124
  P: P,
10988
11125
  PaneDivider: PaneDivider$1,
@@ -12992,5 +13129,5 @@ const StepStack = (_a) => {
12992
13129
  ));
12993
13130
  };
12994
13131
 
12995
- export { Accordion, AccordionButton, AccordionItem, AccordionPanel, Alert$1 as Alert, AspectRatio, AsyncError, Avatar$1 as Avatar, AvatarGroup, Badge, Blinker$1 as Blinker, Blockquote$1 as Blockquote, Button$1 as Button, Capitalized$1 as Capitalized, Carousel$1 as Carousel, Checkbox$1 as Checkbox, CheckboxField, Clickable, ClipboardInput, Collapse, ColorPicker$1 as ColorPicker, ColorPickerField, CustomTheme, DatePicker$1 as DatePicker, DatePickerField, DateRangePicker, DateRangePickerField, DragAndDrop$1 as DragAndDrop, DragHandle, DragItem, Draggable, DropZone, Droppable, EditableText$1 as EditableText, Fade, FastGrid, FastList, Field, FilePicker$1 as FilePicker, FilePickerField, FlipButton$1 as FlipButton, FlipButtonGroup, FlipButtonGroupField, Form, FormLabel, FormattedNumberInput, FormattedNumberInputField, H1$1 as H1, H2$1 as H2, H3$1 as H3, H4$1 as H4, H5$1 as H5, H6$1 as H6, Icon$1 as Icon, IconButton, IntentButton, Label$1 as Label, Lead$1 as Lead, MaskedTextInput, MediatoolThemeProvider, Modal$1 as Modal, ModalBase, MultiFileList, MultiFilePicker, MultiFilePickerField, MultiFileUploader, MultiSort, NotificationIconButton, NumberInput, NumberInputField, OrganizationLogo, OverflowGroup, P$1 as P, PaneDivider, PaneItem, PinInput, ProgressBar, Radio$1 as Radio, RadioGroup, RadioGroupField, ScaleFade, SearchBar, SearchBarField, Select, SelectField, Slide, SlideFade, Small$1 as Small, Sortable, SortableContainer, SortableItem, SortableList, Spinner$1 as Spinner, SplitPane, StatusBlock, StatusPin, Step, StepList, StepPanel, StepStack, Steps, Switch, SwitchField, TabPanel, Table$1 as Table, Tabs, Tag$1 as Tag, TagGroup, TagsInput, TextField, Textarea, TextareaField, Tiny$1 as Tiny, Toast, Toolbox$1 as Toolbox, ToolboxContent, ToolboxFooter, ToolboxHeader, addAlpha, advancedParseFloat, createDebounceFunctionInstance, getChildrenWithProps, getContrastColor, getFieldError, getInitials, getMatchingValue, getShades, highlight, luminosity, ring, statusIconMap, theme, tottTheme, trimFormValues, useArrowFocus, useCurrentTheme, useDebounce, useDidUpdateEffect, useLoadingMessage, useOutsideRectClick, useOverflowGroup, useScreenSize, useScrollToBottom, useSelectCallbacks, useSetValueRefreshed, useToast };
13132
+ export { Accordion, AccordionButton, AccordionItem, AccordionPanel, Alert$1 as Alert, AspectRatio, AsyncError, Avatar$1 as Avatar, AvatarGroup, Badge, Blinker$1 as Blinker, Blockquote$1 as Blockquote, Button$1 as Button, Capitalized$1 as Capitalized, Carousel$1 as Carousel, Checkbox$1 as Checkbox, CheckboxField, Clickable, ClipboardInput, Collapse, ColorPicker$1 as ColorPicker, ColorPickerField, CustomTheme, DatePicker$1 as DatePicker, DatePickerField, DateRangePicker, DateRangePickerField, DragAndDrop$1 as DragAndDrop, DragHandle, DragItem, Draggable, DropZone, Droppable, EditableText$1 as EditableText, Fade, FastGrid, FastList, Field, FilePicker$1 as FilePicker, FilePickerField, FlipButton$1 as FlipButton, FlipButtonGroup, FlipButtonGroupField, Form, FormLabel, FormattedNumberInput, FormattedNumberInputField, H1$1 as H1, H2$1 as H2, H3$1 as H3, H4$1 as H4, H5$1 as H5, H6$1 as H6, Icon$1 as Icon, IconButton, IntentButton, Label$1 as Label, Lead$1 as Lead, MaskedTextInput, MediatoolThemeProvider, Modal$1 as Modal, ModalBase, MultiFileList, MultiFilePicker, MultiFilePickerField, MultiFileUploader, MultiSort, NotificationIconButton, NumVal$1 as NumVal, NumberInput, NumberInputField, OrganizationLogo, OverflowGroup, P$1 as P, PaneDivider, PaneItem, PinInput, ProgressBar, Radio$1 as Radio, RadioGroup, RadioGroupField, ScaleFade, SearchBar, SearchBarField, Select, SelectField, Slide, SlideFade, Small$1 as Small, Sortable, SortableContainer, SortableItem, SortableList, Spinner$1 as Spinner, SplitPane, StatusBlock, StatusPin, Step, StepList, StepPanel, StepStack, Steps, Switch, SwitchField, TabPanel, Table$1 as Table, Tabs, Tag$1 as Tag, TagGroup, TagsInput, TextField, Textarea, TextareaField, Tiny$1 as Tiny, Toast, Toolbox$1 as Toolbox, ToolboxContent, ToolboxFooter, ToolboxHeader, addAlpha, advancedParseFloat, createDebounceFunctionInstance, getChildrenWithProps, getContrastColor, getFieldError, getInitials, getMatchingValue, getShades, highlight, luminosity, ring, statusIconMap, theme, tottTheme, trimFormValues, useArrowFocus, useCurrentTheme, useDebounce, useDidUpdateEffect, useLoadingMessage, useOutsideRectClick, useOverflowGroup, useScreenSize, useScrollToBottom, useSelectCallbacks, useSetValueRefreshed, useToast };
12996
13133
  //# sourceMappingURL=northlight.js.map