@aivenio/aquarium 1.7.0 → 1.8.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.
Files changed (43) hide show
  1. package/dist/_variables.scss +1 -1
  2. package/dist/_variables_timescale.scss +1 -1
  3. package/dist/atoms.cjs +109 -94
  4. package/dist/atoms.mjs +108 -94
  5. package/dist/src/common/Link/Link.d.ts +3 -0
  6. package/dist/src/common/Link/Link.js +19 -0
  7. package/dist/src/common/Popover/Popover.js +2 -2
  8. package/dist/src/common/index.d.ts +1 -0
  9. package/dist/src/common/index.js +2 -1
  10. package/dist/src/components/Avatar/Avatar.js +2 -1
  11. package/dist/src/components/Badge/Badge.js +2 -1
  12. package/dist/src/components/Button/Button.js +3 -2
  13. package/dist/src/components/Checkbox/Checkbox.js +3 -1
  14. package/dist/src/components/CheckboxGroup/CheckboxGroup.js +2 -1
  15. package/dist/src/components/Chip/Chip.js +2 -1
  16. package/dist/src/components/Combobox/Combobox.d.ts +1 -1
  17. package/dist/src/components/Combobox/Combobox.js +6 -4
  18. package/dist/src/components/DropdownMenu/DropdownMenu.js +5 -1
  19. package/dist/src/components/Link/Link.d.ts +5 -0
  20. package/dist/src/components/Link/Link.js +4 -0
  21. package/dist/src/components/NativeSelect/NativeSelect.js +3 -1
  22. package/dist/src/components/ProgressBar/ProgressBar.js +4 -2
  23. package/dist/src/components/RadioButton/RadioButton.js +3 -1
  24. package/dist/src/components/RadioButtonGroup/RadioButtonGroup.js +2 -1
  25. package/dist/src/components/Select/Select.js +2 -1
  26. package/dist/src/components/Stepper/Stepper.js +2 -1
  27. package/dist/src/components/Switch/Switch.js +3 -1
  28. package/dist/src/components/SwitchGroup/SwitchGroup.js +2 -1
  29. package/dist/src/components/Textarea/Textarea.js +3 -1
  30. package/dist/src/components/Timeline/Timeline.js +2 -1
  31. package/dist/src/components/index.d.ts +1 -0
  32. package/dist/src/components/index.js +2 -1
  33. package/dist/src/utils/constants.d.ts +2 -0
  34. package/dist/src/utils/constants.js +4 -2
  35. package/dist/src/utils/form/HelperText/HelperText.js +2 -1
  36. package/dist/styles.css +19 -16
  37. package/dist/styles_timescaledb.css +19 -16
  38. package/dist/system.cjs +370 -322
  39. package/dist/system.mjs +337 -290
  40. package/dist/tailwind.config.js +1 -1
  41. package/dist/tsconfig.module.tsbuildinfo +1 -1
  42. package/dist/types/tailwindGenerated.d.ts +1 -1
  43. package/package.json +1 -1
package/dist/system.mjs CHANGED
@@ -1587,6 +1587,7 @@ __export(components_exports, {
1587
1587
  Input: () => Input2,
1588
1588
  InputBase: () => InputBase,
1589
1589
  LineClamp: () => LineClamp,
1590
+ Link: () => Link2,
1590
1591
  List: () => List,
1591
1592
  ListItem: () => ListItem,
1592
1593
  Modal: () => Modal2,
@@ -2935,6 +2936,21 @@ var Arrow = (props) => {
2935
2936
  }, props));
2936
2937
  };
2937
2938
 
2939
+ // src/utils/constants.ts
2940
+ var getCommonInputStyles = ({ readOnly, valid }) => tw(
2941
+ "block w-full rounded-sm disabled:cursor-not-allowed disabled:border-grey-20 disabled:bg-grey-5 typography-small text-grey-70 disabled:text-grey-40 placeholder:text-grey-40 focus:outline-none",
2942
+ {
2943
+ "px-3 py-3": !readOnly,
2944
+ "border-none resize-none cursor-default": readOnly,
2945
+ "border border-error-50": !valid && !readOnly,
2946
+ "border border-grey-20 hover:border-grey-50 focus:border-info-70": valid && !readOnly
2947
+ }
2948
+ );
2949
+ var ghostButtonStyle = tw(
2950
+ "text-primary-80 active:text-primary-70 focus-visible:text-grey-90 hover:text-primary-70 disabled:text-primary-40"
2951
+ );
2952
+ var linkStyle = classNames(ghostButtonStyle, tw("visited:text-primary-80"));
2953
+
2938
2954
  // src/components/Button/Button.tsx
2939
2955
  var import_chevronDown2 = __toESM(require_chevronDown());
2940
2956
  var import_loading = __toESM(require_loading());
@@ -2947,9 +2963,7 @@ var COLOR_CLASSNAMES = {
2947
2963
  "focus-visible:ring-2 focus-visible:ring-grey-50 focus-visible:text-grey-80",
2948
2964
  "hover:ring-grey-50 hover:text-grey-80 disabled:text-grey-30 disabled:bg-grey-0 disabled:ring-grey-20"
2949
2965
  ),
2950
- "ghost": tw(
2951
- "text-primary-80 active:text-primary-70 focus-visible:text-grey-90 hover:text-primary-70 disabled:text-primary-40"
2952
- ),
2966
+ "ghost": ghostButtonStyle,
2953
2967
  "secondary-ghost": tw(
2954
2968
  "text-grey-60 active:text-grey-50 focus-visible:text-grey-80 hover:text-grey-80 disabled:text-grey-30"
2955
2969
  )
@@ -3500,6 +3514,7 @@ var AvatarSkeleton = () => /* @__PURE__ */ React15.createElement(Skeleton, {
3500
3514
  className: tw("rounded-full")
3501
3515
  });
3502
3516
  Avatar.Skeleton = AvatarSkeleton;
3517
+ Avatar.Skeleton.displayName = "Avatar.Skeleton";
3503
3518
 
3504
3519
  // src/components/Badge/Badge.tsx
3505
3520
  import React16 from "react";
@@ -3540,6 +3555,7 @@ var createBadge = (type, displayName) => {
3540
3555
  display: "inline-block",
3541
3556
  className: tw(type === "tab" ? "rounded" : "rounded-full")
3542
3557
  });
3558
+ Component.Skeleton.displayName = `${displayName}.Skeleton`;
3543
3559
  return Component;
3544
3560
  };
3545
3561
  var Badge = createBadge("default", "Badge");
@@ -3834,6 +3850,7 @@ var ChipSkeleton = ({ dense = false, width = dense ? 34 : 56 }) => /* @__PURE__
3834
3850
  height: dense ? 20 : 28
3835
3851
  });
3836
3852
  Chip2.Skeleton = ChipSkeleton;
3853
+ Chip2.Skeleton.displayName = "Chip.Skeleton";
3837
3854
  var StatusChip = React21.forwardRef(
3838
3855
  (_a, ref) => {
3839
3856
  var _b = _a, { UNSAFE_icon: icon, text, dense = false, status } = _b, rest = __objRest(_b, ["UNSAFE_icon", "text", "dense", "status"]);
@@ -4429,6 +4446,7 @@ var Checkbox2 = React29.forwardRef(
4429
4446
  }))) : null;
4430
4447
  }
4431
4448
  );
4449
+ Checkbox2.displayName = "Checkbox";
4432
4450
  var CheckboxSkeleton = () => /* @__PURE__ */ React29.createElement("div", {
4433
4451
  className: tw("flex gap-3")
4434
4452
  }, /* @__PURE__ */ React29.createElement(Skeleton, {
@@ -4439,6 +4457,7 @@ var CheckboxSkeleton = () => /* @__PURE__ */ React29.createElement("div", {
4439
4457
  width: 150
4440
4458
  }));
4441
4459
  Checkbox2.Skeleton = CheckboxSkeleton;
4460
+ Checkbox2.Skeleton.displayName = "Checkbox.Skeleton";
4442
4461
 
4443
4462
  // src/components/CheckboxGroup/CheckboxGroup.tsx
4444
4463
  import React36, { useState as useState3 } from "react";
@@ -4600,6 +4619,7 @@ var Skeleton2 = ({ className, children }) => /* @__PURE__ */ React34.createEleme
4600
4619
  className: classNames3(className, "h-[25px]")
4601
4620
  }, children);
4602
4621
  HelperText.Skeleton = Skeleton2;
4622
+ HelperText.Skeleton.displayName = "HelperText.Skeleton";
4603
4623
 
4604
4624
  // src/utils/form/Label/Label.tsx
4605
4625
  var import_questionMark = __toESM(require_questionMark());
@@ -4785,6 +4805,7 @@ var CheckboxGroupSkeleton = ({ options = 2 }) => {
4785
4805
  }))));
4786
4806
  };
4787
4807
  CheckboxGroup.Skeleton = CheckboxGroupSkeleton;
4808
+ CheckboxGroup.Skeleton.displayName = "CheckboxGroup.Skeleton";
4788
4809
 
4789
4810
  // src/components/ChoiceChip/ChoiceChip.tsx
4790
4811
  import React37, { useState as useState4 } from "react";
@@ -4838,7 +4859,7 @@ var PopoverPanel = React38.forwardRef((_a, ref) => {
4838
4859
  className: classNames(
4839
4860
  className,
4840
4861
  tw(
4841
- "rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20 overflow-y-auto"
4862
+ "rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20"
4842
4863
  )
4843
4864
  )
4844
4865
  }, props), children);
@@ -5044,10 +5065,10 @@ var ComboboxBase = (_a) => {
5044
5065
  highlighted: index === highlightedIndex
5045
5066
  }, getItemProps({ item, index, disabled: isOptionDisabled(item, index) })), renderOption(item))))));
5046
5067
  };
5047
- var ComboboxSkeleton = () => /* @__PURE__ */ React40.createElement(Skeleton, {
5068
+ var ComboboxBaseSkeleton = () => /* @__PURE__ */ React40.createElement(Skeleton, {
5048
5069
  height: 38
5049
5070
  });
5050
- ComboboxBase.Skeleton = ComboboxSkeleton;
5071
+ ComboboxBase.Skeleton = ComboboxBaseSkeleton;
5051
5072
  var Combobox = (_a) => {
5052
5073
  var _b = _a, {
5053
5074
  options,
@@ -5074,7 +5095,9 @@ var Combobox = (_a) => {
5074
5095
  valid: props.valid
5075
5096
  })));
5076
5097
  };
5077
- Combobox.Skeleton = () => /* @__PURE__ */ React40.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React40.createElement(ComboboxBase.Skeleton, null));
5098
+ var ComboboxSkeleton = () => /* @__PURE__ */ React40.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React40.createElement(ComboboxBase.Skeleton, null));
5099
+ Combobox.Skeleton = ComboboxSkeleton;
5100
+ Combobox.Skeleton.displayName = "Combobox.Skeleton";
5078
5101
 
5079
5102
  // src/components/Container/Container.tsx
5080
5103
  import React41 from "react";
@@ -5960,17 +5983,6 @@ import omit8 from "lodash/omit";
5960
5983
  import toString from "lodash/toString";
5961
5984
  import uniqueId3 from "lodash/uniqueId";
5962
5985
 
5963
- // src/utils/constants.ts
5964
- var getCommonInputStyles = ({ readOnly, valid }) => tw(
5965
- "block w-full rounded-sm disabled:cursor-not-allowed disabled:border-grey-20 disabled:bg-grey-5 typography-small text-grey-70 disabled:text-grey-40 placeholder:text-grey-40 focus:outline-none",
5966
- {
5967
- "px-3 py-3": !readOnly,
5968
- "border-none resize-none cursor-default": readOnly,
5969
- "border border-error-50": !valid && !readOnly,
5970
- "border border-grey-20 hover:border-grey-50 focus:border-info-70": valid && !readOnly
5971
- }
5972
- );
5973
-
5974
5986
  // src/utils/form/InputAdornment/InputAdornment.tsx
5975
5987
  import React56 from "react";
5976
5988
  var import_cross4 = __toESM(require_cross());
@@ -6275,9 +6287,13 @@ var DropdownMenu3 = (_a) => {
6275
6287
  var MenuTrigger = () => null;
6276
6288
  var MenuItems = () => null;
6277
6289
  DropdownMenu3.Trigger = MenuTrigger;
6290
+ DropdownMenu3.Trigger.displayName = "DropdownMenu.Trigger";
6278
6291
  DropdownMenu3.Items = MenuItems;
6292
+ DropdownMenu3.Items.displayName = "DropdownMenu.Items";
6279
6293
  DropdownMenu3.Item = Item4;
6294
+ DropdownMenu3.Item.displayName = "DropdownMenu.Item";
6280
6295
  DropdownMenu3.Section = Section;
6296
+ DropdownMenu3.Section.displayName = "DropdownMenu.Section";
6281
6297
  var TriggerWrapper = (_a) => {
6282
6298
  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
6283
6299
  const ref = React59.useRef(null);
@@ -6592,24 +6608,39 @@ var LineClamp = ({ lines, children, expandLabel, collapseLabel }) => {
6592
6608
  }, clamped ? expandLabel : collapseLabel));
6593
6609
  };
6594
6610
 
6595
- // src/components/List/List.tsx
6611
+ // src/components/Link/Link.tsx
6612
+ import React65 from "react";
6613
+
6614
+ // src/common/Link/Link.tsx
6596
6615
  import React64 from "react";
6597
- var List = ({ items, renderItem, container = React64.Fragment }) => {
6616
+ var Link = (_a) => {
6617
+ var _b = _a, { children, className } = _b, props = __objRest(_b, ["children", "className"]);
6618
+ return /* @__PURE__ */ React64.createElement("a", __spreadValues({
6619
+ className: classNames(className, linkStyle)
6620
+ }, props), children);
6621
+ };
6622
+
6623
+ // src/components/Link/Link.tsx
6624
+ var Link2 = (props) => /* @__PURE__ */ React65.createElement(Link, __spreadValues({}, props));
6625
+
6626
+ // src/components/List/List.tsx
6627
+ import React66 from "react";
6628
+ var List = ({ items, renderItem, container = React66.Fragment }) => {
6598
6629
  const Component = container;
6599
- return /* @__PURE__ */ React64.createElement(Component, null, items.map(renderItem));
6630
+ return /* @__PURE__ */ React66.createElement(Component, null, items.map(renderItem));
6600
6631
  };
6601
6632
 
6602
6633
  // src/components/ListItem/ListItem.tsx
6603
- import React65 from "react";
6634
+ import React67 from "react";
6604
6635
  var ListItem = ({ name, icon, active = false }) => {
6605
- return /* @__PURE__ */ React65.createElement(Flexbox, {
6636
+ return /* @__PURE__ */ React67.createElement(Flexbox, {
6606
6637
  alignItems: "center"
6607
- }, /* @__PURE__ */ React65.createElement(Typography2, {
6638
+ }, /* @__PURE__ */ React67.createElement(Typography2, {
6608
6639
  variant: active ? "small-strong" : "small",
6609
6640
  color: "grey-70",
6610
6641
  htmlTag: "span",
6611
6642
  className: `px-4 py-2 rounded-full ${active ? "bg-grey-5" : "hover:bg-grey-0"}`
6612
- }, /* @__PURE__ */ React65.createElement("img", {
6643
+ }, /* @__PURE__ */ React67.createElement("img", {
6613
6644
  src: icon,
6614
6645
  alt: name,
6615
6646
  className: "inline mr-4",
@@ -6619,7 +6650,7 @@ var ListItem = ({ name, icon, active = false }) => {
6619
6650
  };
6620
6651
 
6621
6652
  // src/components/Modal/Modal.tsx
6622
- import React67 from "react";
6653
+ import React69 from "react";
6623
6654
  import { useDialog as useDialog2 } from "@react-aria/dialog";
6624
6655
  import { FocusScope as FocusScope3 } from "@react-aria/focus";
6625
6656
  import { Overlay as Overlay2, useModalOverlay as useModalOverlay2 } from "@react-aria/overlays";
@@ -6629,18 +6660,18 @@ import castArray from "lodash/castArray";
6629
6660
  import omit10 from "lodash/omit";
6630
6661
 
6631
6662
  // src/components/Tabs/Tabs.tsx
6632
- import React66, { useEffect as useEffect5, useLayoutEffect as useLayoutEffect2, useRef as useRef6, useState as useState7 } from "react";
6663
+ import React68, { useEffect as useEffect5, useLayoutEffect as useLayoutEffect2, useRef as useRef6, useState as useState7 } from "react";
6633
6664
  import isNumber4 from "lodash/isNumber";
6634
6665
  import kebabCase from "lodash/kebabCase";
6635
6666
  var import_chevronLeft2 = __toESM(require_chevronLeft());
6636
6667
  var import_chevronRight2 = __toESM(require_chevronRight());
6637
6668
  var import_warningSign3 = __toESM(require_warningSign());
6638
6669
  var isTabComponent = (c) => {
6639
- return React66.isValidElement(c) && (c.type === Tab || c.type === ModalTab);
6670
+ return React68.isValidElement(c) && (c.type === Tab || c.type === ModalTab);
6640
6671
  };
6641
- var Tab = React66.forwardRef(
6672
+ var Tab = React68.forwardRef(
6642
6673
  ({ className, id, title, children }, ref) => {
6643
- return /* @__PURE__ */ React66.createElement("div", {
6674
+ return /* @__PURE__ */ React68.createElement("div", {
6644
6675
  ref,
6645
6676
  id: `${id != null ? id : kebabCase(title)}-panel`,
6646
6677
  className,
@@ -6652,14 +6683,14 @@ var Tab = React66.forwardRef(
6652
6683
  );
6653
6684
  var TabContainer = (_a) => {
6654
6685
  var _b = _a, { className, children } = _b, rest = __objRest(_b, ["className", "children"]);
6655
- return /* @__PURE__ */ React66.createElement("div", __spreadProps(__spreadValues({}, rest), {
6686
+ return /* @__PURE__ */ React68.createElement("div", __spreadProps(__spreadValues({}, rest), {
6656
6687
  className: classNames("py-6 z-0", className)
6657
6688
  }), children);
6658
6689
  };
6659
6690
  var ModalTab = Tab;
6660
6691
  var ModalTabContainer = TabContainer;
6661
6692
  var asTabItem = (Component, displayName, { defaultUnderlineHidden } = {}) => {
6662
- const Tab2 = React66.forwardRef(
6693
+ const Tab2 = React68.forwardRef(
6663
6694
  (_a, ref) => {
6664
6695
  var _b = _a, {
6665
6696
  id,
@@ -6689,17 +6720,17 @@ var asTabItem = (Component, displayName, { defaultUnderlineHidden } = {}) => {
6689
6720
  const _id = id != null ? id : kebabCase(title);
6690
6721
  let statusIcon = void 0;
6691
6722
  if (status === "warning") {
6692
- statusIcon = /* @__PURE__ */ React66.createElement(InlineIcon, {
6723
+ statusIcon = /* @__PURE__ */ React68.createElement(InlineIcon, {
6693
6724
  icon: import_warningSign3.default,
6694
6725
  color: "warning-80"
6695
6726
  });
6696
6727
  } else if (status === "error") {
6697
- statusIcon = /* @__PURE__ */ React66.createElement(InlineIcon, {
6728
+ statusIcon = /* @__PURE__ */ React68.createElement(InlineIcon, {
6698
6729
  icon: import_warningSign3.default,
6699
6730
  color: "error-50"
6700
6731
  });
6701
6732
  }
6702
- const tab = /* @__PURE__ */ React66.createElement(Component, __spreadValues({
6733
+ const tab = /* @__PURE__ */ React68.createElement(Component, __spreadValues({
6703
6734
  ref,
6704
6735
  id: `${_id}-tab`,
6705
6736
  onClick: () => !disabled && onSelected(value != null ? value : index),
@@ -6716,24 +6747,24 @@ var asTabItem = (Component, displayName, { defaultUnderlineHidden } = {}) => {
6716
6747
  "aria-selected": selected,
6717
6748
  "aria-controls": `${_id}-panel`,
6718
6749
  tabIndex: disabled ? void 0 : 0
6719
- }, rest), /* @__PURE__ */ React66.createElement(Typography2, {
6750
+ }, rest), /* @__PURE__ */ React68.createElement(Typography2, {
6720
6751
  htmlTag: "div",
6721
6752
  variant: "small",
6722
6753
  color: selected ? "primary-80" : disabled ? "grey-20" : "current",
6723
6754
  className: tw("inline-flex items-center gap-3")
6724
- }, /* @__PURE__ */ React66.createElement("span", {
6755
+ }, /* @__PURE__ */ React68.createElement("span", {
6725
6756
  className: tw("whitespace-nowrap")
6726
- }, title), isNumber4(badge) && /* @__PURE__ */ React66.createElement(Typography2, {
6757
+ }, title), isNumber4(badge) && /* @__PURE__ */ React68.createElement(Typography2, {
6727
6758
  htmlTag: "span",
6728
6759
  variant: "small",
6729
6760
  color: selected ? "primary-80" : "grey-5",
6730
6761
  className: "leading-none"
6731
- }, /* @__PURE__ */ React66.createElement(TabBadge, {
6762
+ }, /* @__PURE__ */ React68.createElement(TabBadge, {
6732
6763
  kind: "filled",
6733
6764
  value: badge,
6734
6765
  textClassname: classNames({ "text-white": selected, "text-grey-50": !selected })
6735
6766
  })), statusIcon));
6736
- return tooltip ? /* @__PURE__ */ React66.createElement(Tooltip, {
6767
+ return tooltip ? /* @__PURE__ */ React68.createElement(Tooltip, {
6737
6768
  content: tooltip
6738
6769
  }, tab) : tab;
6739
6770
  }
@@ -6747,7 +6778,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
6747
6778
  const Tabs2 = (props) => {
6748
6779
  var _a, _b;
6749
6780
  const { className, value, defaultValue, onChange, children } = props;
6750
- const childArr = React66.Children.toArray(children);
6781
+ const childArr = React68.Children.toArray(children);
6751
6782
  const firstTab = childArr[0];
6752
6783
  const firstTabValue = isTabComponent(firstTab) ? firstTab.props.value : -1;
6753
6784
  const [selected, setSelected] = useState7((_b = (_a = value != null ? value : defaultValue) != null ? _a : firstTabValue) != null ? _b : 0);
@@ -6760,7 +6791,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
6760
6791
  var _a2, _b2;
6761
6792
  const container = containerRef.current;
6762
6793
  const tabs = tabsRef.current;
6763
- const values = React66.Children.map(
6794
+ const values = React68.Children.map(
6764
6795
  children,
6765
6796
  (tab, i) => {
6766
6797
  var _a3;
@@ -6801,7 +6832,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
6801
6832
  updateCarets();
6802
6833
  setSelected(value);
6803
6834
  revealSelectedTab({ smooth: value !== selected });
6804
- }, [value, React66.Children.count(children)]);
6835
+ }, [value, React68.Children.count(children)]);
6805
6836
  useLayoutEffect2(() => {
6806
6837
  var _a2;
6807
6838
  updateCarets();
@@ -6865,27 +6896,27 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
6865
6896
  const handleSelected = (key) => {
6866
6897
  (onChange != null ? onChange : setSelected)(key);
6867
6898
  };
6868
- React66.Children.forEach(children, (c) => {
6899
+ React68.Children.forEach(children, (c) => {
6869
6900
  if (c && !isTabComponent(c)) {
6870
6901
  throw new Error("<Tabs> can only have <Tabs.Tab> components as children");
6871
6902
  }
6872
6903
  });
6873
- return /* @__PURE__ */ React66.createElement("div", {
6904
+ return /* @__PURE__ */ React68.createElement("div", {
6874
6905
  ref: parentRef,
6875
6906
  className: classNames(tw("h-full"), className)
6876
- }, /* @__PURE__ */ React66.createElement("div", {
6907
+ }, /* @__PURE__ */ React68.createElement("div", {
6877
6908
  className: tw("relative flex items-center h-full border-b-2 border-grey-10")
6878
- }, /* @__PURE__ */ React66.createElement("div", {
6909
+ }, /* @__PURE__ */ React68.createElement("div", {
6879
6910
  ref: containerRef,
6880
6911
  className: tw("overflow-y-auto scrollbar-hide h-full mb-[-2px]")
6881
- }, /* @__PURE__ */ React66.createElement("div", {
6912
+ }, /* @__PURE__ */ React68.createElement("div", {
6882
6913
  ref: tabsRef,
6883
6914
  role: "tablist",
6884
6915
  "aria-label": "tabs",
6885
6916
  className: tw("inline-flex items-center cursor-pointer font-normal h-full")
6886
- }, React66.Children.map(
6917
+ }, React68.Children.map(
6887
6918
  children,
6888
- (tab, index) => tab ? /* @__PURE__ */ React66.createElement(TabItemComponent, __spreadProps(__spreadValues({
6919
+ (tab, index) => tab ? /* @__PURE__ */ React68.createElement(TabItemComponent, __spreadProps(__spreadValues({
6889
6920
  key: tab.props.value
6890
6921
  }, tab.props), {
6891
6922
  index,
@@ -6893,20 +6924,20 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
6893
6924
  onKeyDown: handleKeyDown,
6894
6925
  onSelected: handleSelected
6895
6926
  })) : void 0
6896
- ))), leftCaret && /* @__PURE__ */ React66.createElement("div", {
6927
+ ))), leftCaret && /* @__PURE__ */ React68.createElement("div", {
6897
6928
  className: tw("absolute left-0 bg-gradient-to-r from-white via-white z-20 py-3 pr-4")
6898
- }, /* @__PURE__ */ React66.createElement("div", {
6929
+ }, /* @__PURE__ */ React68.createElement("div", {
6899
6930
  onClick: () => handleScrollToNext("left"),
6900
6931
  className: tw("hover:bg-grey-0 p-2 leading-none cursor-pointer")
6901
- }, /* @__PURE__ */ React66.createElement(InlineIcon, {
6932
+ }, /* @__PURE__ */ React68.createElement(InlineIcon, {
6902
6933
  icon: import_chevronLeft2.default
6903
- }))), rightCaret && /* @__PURE__ */ React66.createElement("div", {
6934
+ }))), rightCaret && /* @__PURE__ */ React68.createElement("div", {
6904
6935
  onClick: () => handleScrollToNext("right"),
6905
6936
  className: tw("absolute right-0 bg-gradient-to-l from-white via-white z-20 py-3 pl-4")
6906
- }, /* @__PURE__ */ React66.createElement("div", {
6937
+ }, /* @__PURE__ */ React68.createElement("div", {
6907
6938
  onClick: () => handleScrollToNext("right"),
6908
6939
  className: tw("hover:bg-grey-0 p-2 leading-none cursor-pointer")
6909
- }, /* @__PURE__ */ React66.createElement(InlineIcon, {
6940
+ }, /* @__PURE__ */ React68.createElement(InlineIcon, {
6910
6941
  icon: import_chevronRight2.default
6911
6942
  })))), renderChildren(children, selected, props));
6912
6943
  };
@@ -6914,7 +6945,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
6914
6945
  Tabs2.Tab = TabComponent;
6915
6946
  return Tabs2;
6916
6947
  };
6917
- var Tabs = createTabsComponent(Tab, TabItem, "Tabs", (children, selected) => /* @__PURE__ */ React66.createElement(TabContainer, null, children.find(
6948
+ var Tabs = createTabsComponent(Tab, TabItem, "Tabs", (children, selected) => /* @__PURE__ */ React68.createElement(TabContainer, null, children.find(
6918
6949
  (node, index) => (node == null ? void 0 : node.props.value) === selected || index === selected
6919
6950
  )));
6920
6951
 
@@ -6931,7 +6962,7 @@ var Modal2 = ({
6931
6962
  secondaryActions,
6932
6963
  size
6933
6964
  }) => {
6934
- const ref = React67.useRef(null);
6965
+ const ref = React69.useRef(null);
6935
6966
  const state = useOverlayTriggerState4({ isOpen: open });
6936
6967
  const { modalProps, underlayProps } = useModalOverlay2({ isDismissable: false }, state, ref);
6937
6968
  const labelledBy = useId2();
@@ -6943,35 +6974,35 @@ var Modal2 = ({
6943
6974
  if (!open) {
6944
6975
  return null;
6945
6976
  }
6946
- return /* @__PURE__ */ React67.createElement(Overlay2, null, /* @__PURE__ */ React67.createElement(Modal, {
6977
+ return /* @__PURE__ */ React69.createElement(Overlay2, null, /* @__PURE__ */ React69.createElement(Modal, {
6947
6978
  open: state.isOpen
6948
- }, /* @__PURE__ */ React67.createElement(Modal.BackDrop, __spreadValues({}, underlayProps)), /* @__PURE__ */ React67.createElement(FocusScope3, {
6979
+ }, /* @__PURE__ */ React69.createElement(Modal.BackDrop, __spreadValues({}, underlayProps)), /* @__PURE__ */ React69.createElement(FocusScope3, {
6949
6980
  contain: true,
6950
6981
  restoreFocus: true,
6951
6982
  autoFocus: true
6952
- }, /* @__PURE__ */ React67.createElement(Modal.Dialog, __spreadValues(__spreadValues({
6983
+ }, /* @__PURE__ */ React69.createElement(Modal.Dialog, __spreadValues(__spreadValues({
6953
6984
  ref,
6954
6985
  size
6955
- }, modalProps), dialogProps), /* @__PURE__ */ React67.createElement(Modal.CloseButtonContainer, null, /* @__PURE__ */ React67.createElement(IconButton, {
6986
+ }, modalProps), dialogProps), /* @__PURE__ */ React69.createElement(Modal.CloseButtonContainer, null, /* @__PURE__ */ React69.createElement(IconButton, {
6956
6987
  "aria-label": "Close",
6957
6988
  icon: import_cross5.default,
6958
6989
  onClick: onClose
6959
- })), headerImage !== void 0 && /* @__PURE__ */ React67.createElement(Modal.HeaderImage, {
6990
+ })), headerImage !== void 0 && /* @__PURE__ */ React69.createElement(Modal.HeaderImage, {
6960
6991
  backgroundImage: headerImage
6961
- }), /* @__PURE__ */ React67.createElement(Modal.Header, {
6992
+ }), /* @__PURE__ */ React69.createElement(Modal.Header, {
6962
6993
  className: tw({ "pb-3": isComponentType(children, ModalTabs) })
6963
- }, /* @__PURE__ */ React67.createElement(Modal.TitleContainer, null, /* @__PURE__ */ React67.createElement(Modal.Title, {
6994
+ }, /* @__PURE__ */ React69.createElement(Modal.TitleContainer, null, /* @__PURE__ */ React69.createElement(Modal.Title, {
6964
6995
  id: labelledBy
6965
- }, title), subtitle && /* @__PURE__ */ React67.createElement(Modal.Subtitle, null, subtitle))), isComponentType(children, ModalTabs) ? React67.cloneElement(children, { className: tw("[&>div:first-child]:px-5 grow") }) : /* @__PURE__ */ React67.createElement(Modal.Body, {
6996
+ }, title), subtitle && /* @__PURE__ */ React69.createElement(Modal.Subtitle, null, subtitle))), isComponentType(children, ModalTabs) ? React69.cloneElement(children, { className: tw("[&>div:first-child]:px-5 grow") }) : /* @__PURE__ */ React69.createElement(Modal.Body, {
6966
6997
  id: describedBy,
6967
6998
  tabIndex: 0,
6968
6999
  noFooter: !(secondaryActions || primaryAction)
6969
- }, children), (secondaryActions || primaryAction) && /* @__PURE__ */ React67.createElement(Modal.Footer, null, /* @__PURE__ */ React67.createElement(Modal.Actions, null, secondaryActions && castArray(secondaryActions).filter(Boolean).map((_a) => {
7000
+ }, children), (secondaryActions || primaryAction) && /* @__PURE__ */ React69.createElement(Modal.Footer, null, /* @__PURE__ */ React69.createElement(Modal.Actions, null, secondaryActions && castArray(secondaryActions).filter(Boolean).map((_a) => {
6970
7001
  var _b = _a, { text } = _b, action = __objRest(_b, ["text"]);
6971
- return /* @__PURE__ */ React67.createElement(SecondaryButton, __spreadValues({
7002
+ return /* @__PURE__ */ React69.createElement(SecondaryButton, __spreadValues({
6972
7003
  key: text
6973
7004
  }, action), text);
6974
- }), primaryAction && /* @__PURE__ */ React67.createElement(PrimaryButton, __spreadValues({
7005
+ }), primaryAction && /* @__PURE__ */ React69.createElement(PrimaryButton, __spreadValues({
6975
7006
  key: primaryAction.text
6976
7007
  }, omit10(primaryAction, "text")), primaryAction.text)))))));
6977
7008
  };
@@ -6979,24 +7010,24 @@ var ModalTabs = createTabsComponent(
6979
7010
  ModalTab,
6980
7011
  TabItem,
6981
7012
  "ModalTabs",
6982
- (children, selected, props) => /* @__PURE__ */ React67.createElement(Modal.Body, {
7013
+ (children, selected, props) => /* @__PURE__ */ React69.createElement(Modal.Body, {
6983
7014
  maxHeight: props.maxHeight
6984
- }, /* @__PURE__ */ React67.createElement(ModalTabContainer, null, children.find(
7015
+ }, /* @__PURE__ */ React69.createElement(ModalTabContainer, null, children.find(
6985
7016
  (node, index) => (node == null ? void 0 : node.props.value) === selected || index === selected
6986
7017
  )))
6987
7018
  );
6988
7019
 
6989
7020
  // src/components/MultiInput/MultiInput.tsx
6990
- import React69, { useEffect as useEffect6, useRef as useRef7, useState as useState8 } from "react";
7021
+ import React71, { useEffect as useEffect6, useRef as useRef7, useState as useState8 } from "react";
6991
7022
  import castArray2 from "lodash/castArray";
6992
7023
  import identity from "lodash/identity";
6993
7024
  import omit11 from "lodash/omit";
6994
7025
  import uniqueId4 from "lodash/uniqueId";
6995
7026
 
6996
7027
  // src/components/MultiInput/InputChip.tsx
6997
- import React68 from "react";
7028
+ import React70 from "react";
6998
7029
  var import_smallCross = __toESM(require_smallCross());
6999
- var InputChip = React68.forwardRef(
7030
+ var InputChip = React70.forwardRef(
7000
7031
  (_a, ref) => {
7001
7032
  var _b = _a, { invalid = false, disabled, readOnly, className, onClick: _onClick, children } = _b, props = __objRest(_b, ["invalid", "disabled", "readOnly", "className", "onClick", "children"]);
7002
7033
  const onClick = (e) => {
@@ -7004,7 +7035,7 @@ var InputChip = React68.forwardRef(
7004
7035
  _onClick == null ? void 0 : _onClick(e);
7005
7036
  }
7006
7037
  };
7007
- return /* @__PURE__ */ React68.createElement("div", __spreadValues({
7038
+ return /* @__PURE__ */ React70.createElement("div", __spreadValues({
7008
7039
  ref,
7009
7040
  role: "button",
7010
7041
  className: classNames(className, "inline-flex align-middle mx-1 px-2 py-1 items-center rounded-sm break-all", {
@@ -7014,10 +7045,10 @@ var InputChip = React68.forwardRef(
7014
7045
  "bg-grey-5 pointer-events-none": disabled
7015
7046
  }),
7016
7047
  onClick
7017
- }, props), /* @__PURE__ */ React68.createElement(Typography2, {
7048
+ }, props), /* @__PURE__ */ React70.createElement(Typography2, {
7018
7049
  variant: "small",
7019
7050
  color: invalid ? "error-80" : disabled ? "grey-40" : "grey-70"
7020
- }, children), !readOnly && /* @__PURE__ */ React68.createElement("div", null, /* @__PURE__ */ React68.createElement(Icon, {
7051
+ }, children), !readOnly && /* @__PURE__ */ React70.createElement("div", null, /* @__PURE__ */ React70.createElement(Icon, {
7021
7052
  icon: import_smallCross.default,
7022
7053
  className: tw("ml-2", {
7023
7054
  "text-error-70": invalid,
@@ -7158,7 +7189,7 @@ var MultiInputBase = (_a) => {
7158
7189
  };
7159
7190
  const renderChips = () => items == null ? void 0 : items.map((item, index) => {
7160
7191
  var _a3;
7161
- return /* @__PURE__ */ React69.createElement(InputChip, {
7192
+ return /* @__PURE__ */ React71.createElement(InputChip, {
7162
7193
  key: `${itemToString(item)}.${index}`,
7163
7194
  invalid: !((_a3 = isItemValid == null ? void 0 : isItemValid(item, index)) != null ? _a3 : true),
7164
7195
  readOnly,
@@ -7169,11 +7200,11 @@ var MultiInputBase = (_a) => {
7169
7200
  }
7170
7201
  }, itemToString(item));
7171
7202
  });
7172
- return /* @__PURE__ */ React69.createElement("div", null, /* @__PURE__ */ React69.createElement(Select.InputContainer, {
7203
+ return /* @__PURE__ */ React71.createElement("div", null, /* @__PURE__ */ React71.createElement(Select.InputContainer, {
7173
7204
  variant: disabled ? "disabled" : valid === false ? "error" : readOnly ? "readOnly" : hasFocus ? "focused" : "default"
7174
- }, /* @__PURE__ */ React69.createElement("div", {
7205
+ }, /* @__PURE__ */ React71.createElement("div", {
7175
7206
  className: "grow inline-flex flex-row flex-wrap gap-y-2"
7176
- }, inline && renderChips(), /* @__PURE__ */ React69.createElement(Select.Input, __spreadProps(__spreadValues({
7207
+ }, inline && renderChips(), /* @__PURE__ */ React71.createElement(Select.Input, __spreadProps(__spreadValues({
7177
7208
  ref: inputRef,
7178
7209
  id: id != null ? id : name,
7179
7210
  name,
@@ -7191,11 +7222,11 @@ var MultiInputBase = (_a) => {
7191
7222
  onFocus: handleFocus,
7192
7223
  onBlur: handleBlur,
7193
7224
  autoComplete: "off"
7194
- }))), endAdornment && /* @__PURE__ */ React69.createElement(InputAdornment, null, endAdornment)), !inline && /* @__PURE__ */ React69.createElement("div", {
7225
+ }))), endAdornment && /* @__PURE__ */ React71.createElement(InputAdornment, null, endAdornment)), !inline && /* @__PURE__ */ React71.createElement("div", {
7195
7226
  className: tw("flex flex-row flex-wrap gap-y-2 mt-2")
7196
7227
  }, renderChips()));
7197
7228
  };
7198
- var BaseMultiInputSkeleton = () => /* @__PURE__ */ React69.createElement(Skeleton, {
7229
+ var BaseMultiInputSkeleton = () => /* @__PURE__ */ React71.createElement(Skeleton, {
7199
7230
  height: 38
7200
7231
  });
7201
7232
  MultiInputBase.Skeleton = BaseMultiInputSkeleton;
@@ -7212,14 +7243,14 @@ var MultiInput = (props) => {
7212
7243
  const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
7213
7244
  const labelControlProps = getLabelControlProps(props);
7214
7245
  const baseProps = omit11(props, Object.keys(labelControlProps));
7215
- return /* @__PURE__ */ React69.createElement(LabelControl, __spreadProps(__spreadValues({
7246
+ return /* @__PURE__ */ React71.createElement(LabelControl, __spreadProps(__spreadValues({
7216
7247
  id: `${id.current}-label`,
7217
7248
  htmlFor: `${id.current}-input`,
7218
7249
  messageId: errorMessageId
7219
7250
  }, labelControlProps), {
7220
7251
  length: value.length,
7221
7252
  maxLength
7222
- }), /* @__PURE__ */ React69.createElement(MultiInputBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
7253
+ }), /* @__PURE__ */ React71.createElement(MultiInputBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
7223
7254
  id: `${id.current}-input`,
7224
7255
  onChange: (value2) => {
7225
7256
  var _a2;
@@ -7231,12 +7262,12 @@ var MultiInput = (props) => {
7231
7262
  valid: props.valid
7232
7263
  })));
7233
7264
  };
7234
- var MultiInputSkeleton = () => /* @__PURE__ */ React69.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React69.createElement(MultiInputBase.Skeleton, null));
7265
+ var MultiInputSkeleton = () => /* @__PURE__ */ React71.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React71.createElement(MultiInputBase.Skeleton, null));
7235
7266
  MultiInput.Skeleton = MultiInputSkeleton;
7236
7267
  MultiInput.Skeleton.displayName = "MultiInput.Skeleton";
7237
7268
 
7238
7269
  // src/components/MultiSelect/MultiSelect.tsx
7239
- import React70, { useRef as useRef8, useState as useState9 } from "react";
7270
+ import React72, { useRef as useRef8, useState as useState9 } from "react";
7240
7271
  import { useOverlayPosition as useOverlayPosition5 } from "@react-aria/overlays";
7241
7272
  import { useCombobox as useCombobox2, useMultipleSelection } from "downshift";
7242
7273
  import isNil from "lodash/isNil";
@@ -7364,7 +7395,7 @@ var MultiSelectBase = (_a) => {
7364
7395
  });
7365
7396
  const inputProps = getInputProps(getDropdownProps({ disabled: disabled || readOnly }));
7366
7397
  const renderChips = () => {
7367
- return selectedItems.map((selectedItem, index) => /* @__PURE__ */ React70.createElement(InputChip, __spreadProps(__spreadValues({
7398
+ return selectedItems.map((selectedItem, index) => /* @__PURE__ */ React72.createElement(InputChip, __spreadProps(__spreadValues({
7368
7399
  key: `${itemToString(selectedItem)}.chip`,
7369
7400
  className: tw("mx-0"),
7370
7401
  disabled,
@@ -7380,14 +7411,14 @@ var MultiSelectBase = (_a) => {
7380
7411
  const hasNoResults = options.length === 0 || filteredOptions.length === 0;
7381
7412
  const width = (_a2 = targetRef.current) == null ? void 0 : _a2.offsetWidth;
7382
7413
  const style = isOpen ? __spreadProps(__spreadValues({}, overlayProps.style), { width }) : { display: "none" };
7383
- return /* @__PURE__ */ React70.createElement("div", {
7414
+ return /* @__PURE__ */ React72.createElement("div", {
7384
7415
  className: tw("relative")
7385
- }, /* @__PURE__ */ React70.createElement(Select.InputContainer, {
7416
+ }, /* @__PURE__ */ React72.createElement(Select.InputContainer, {
7386
7417
  ref: targetRef,
7387
7418
  variant: disabled ? "disabled" : !valid ? "error" : readOnly ? "readOnly" : hasFocus ? "focused" : "default"
7388
- }, /* @__PURE__ */ React70.createElement("div", {
7419
+ }, /* @__PURE__ */ React72.createElement("div", {
7389
7420
  className: "grow inline-flex flex-row flex-wrap gap-2"
7390
- }, !hideChips && inline && renderChips(), /* @__PURE__ */ React70.createElement(Select.Input, __spreadProps(__spreadValues(__spreadValues({
7421
+ }, !hideChips && inline && renderChips(), /* @__PURE__ */ React72.createElement(Select.Input, __spreadProps(__spreadValues(__spreadValues({
7391
7422
  id,
7392
7423
  name,
7393
7424
  placeholder: selectedItems.length === 0 && !readOnly ? placeholder : "",
@@ -7408,12 +7439,12 @@ var MultiSelectBase = (_a) => {
7408
7439
  setFocus(false);
7409
7440
  (_a3 = inputProps.onBlur) == null ? void 0 : _a3.call(inputProps, e);
7410
7441
  }
7411
- }))), !readOnly && /* @__PURE__ */ React70.createElement(Select.Toggle, __spreadValues({
7442
+ }))), !readOnly && /* @__PURE__ */ React72.createElement(Select.Toggle, __spreadValues({
7412
7443
  hasFocus,
7413
7444
  isOpen
7414
- }, getToggleButtonProps({ disabled })))), !hideChips && !inline && /* @__PURE__ */ React70.createElement("div", {
7445
+ }, getToggleButtonProps({ disabled })))), !hideChips && !inline && /* @__PURE__ */ React72.createElement("div", {
7415
7446
  className: tw("flex flex-row flex-wrap gap-2 mt-2")
7416
- }, renderChips()), /* @__PURE__ */ React70.createElement(PopoverWrapper, __spreadProps(__spreadValues({
7447
+ }, renderChips()), /* @__PURE__ */ React72.createElement(PopoverWrapper, __spreadProps(__spreadValues({
7417
7448
  isOpen: true,
7418
7449
  isDismissable: true,
7419
7450
  autoFocus: true
@@ -7421,15 +7452,15 @@ var MultiSelectBase = (_a) => {
7421
7452
  style,
7422
7453
  onClose: closeMenu,
7423
7454
  className: tw("overflow-y-auto")
7424
- }), /* @__PURE__ */ React70.createElement(Select.Menu, {
7455
+ }), /* @__PURE__ */ React72.createElement(Select.Menu, {
7425
7456
  maxHeight
7426
- }, isOpen && hasNoResults && /* @__PURE__ */ React70.createElement(Select.NoResults, null, noResults), isOpen && filteredOptions.map((item, index) => /* @__PURE__ */ React70.createElement(Select.Item, __spreadValues({
7457
+ }, isOpen && hasNoResults && /* @__PURE__ */ React72.createElement(Select.NoResults, null, noResults), isOpen && filteredOptions.map((item, index) => /* @__PURE__ */ React72.createElement(Select.Item, __spreadValues({
7427
7458
  key: itemToString(item),
7428
7459
  highlighted: index === highlightedIndex,
7429
7460
  selected: selectedItems.includes(item)
7430
7461
  }, getItemProps({ item, index, disabled: isOptionDisabled(item, index) })), renderOption(item))))));
7431
7462
  };
7432
- var MultiSelectBaseSkeleton = () => /* @__PURE__ */ React70.createElement(Skeleton, {
7463
+ var MultiSelectBaseSkeleton = () => /* @__PURE__ */ React72.createElement(Skeleton, {
7433
7464
  height: 38
7434
7465
  });
7435
7466
  MultiSelectBase.Skeleton = MultiSelectBaseSkeleton;
@@ -7447,11 +7478,11 @@ var MultiSelect = (_a) => {
7447
7478
  const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
7448
7479
  const labelControlProps = getLabelControlProps(props);
7449
7480
  const baseProps = omit12(props, Object.keys(labelControlProps));
7450
- return /* @__PURE__ */ React70.createElement(LabelControl, __spreadValues({
7481
+ return /* @__PURE__ */ React72.createElement(LabelControl, __spreadValues({
7451
7482
  id: `${id.current}-label`,
7452
7483
  htmlFor: `${id.current}-input`,
7453
7484
  messageId: errorMessageId
7454
- }, labelControlProps), /* @__PURE__ */ React70.createElement(MultiSelectBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
7485
+ }, labelControlProps), /* @__PURE__ */ React72.createElement(MultiSelectBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
7455
7486
  id: id.current,
7456
7487
  options,
7457
7488
  noResults,
@@ -7459,16 +7490,16 @@ var MultiSelect = (_a) => {
7459
7490
  valid: props.valid
7460
7491
  })));
7461
7492
  };
7462
- var MultiSelectSkeleton = () => /* @__PURE__ */ React70.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React70.createElement(MultiSelectBase.Skeleton, null));
7493
+ var MultiSelectSkeleton = () => /* @__PURE__ */ React72.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React72.createElement(MultiSelectBase.Skeleton, null));
7463
7494
  MultiSelect.Skeleton = MultiSelectSkeleton;
7464
7495
  MultiSelect.Skeleton.displayName = "MultiSelect.Skeleton";
7465
7496
 
7466
7497
  // src/components/NativeSelect/NativeSelect.tsx
7467
- import React71, { useRef as useRef9 } from "react";
7498
+ import React73, { useRef as useRef9 } from "react";
7468
7499
  import omit13 from "lodash/omit";
7469
7500
  import uniqueId6 from "lodash/uniqueId";
7470
7501
  var import_caretDown = __toESM(require_caretDown());
7471
- var NativeSelectBase = React71.forwardRef(
7502
+ var NativeSelectBase = React73.forwardRef(
7472
7503
  (_a, ref) => {
7473
7504
  var _b = _a, { children, disabled = false, required = false, valid = true, readOnly = false } = _b, props = __objRest(_b, ["children", "disabled", "required", "valid", "readOnly"]);
7474
7505
  const placeholderValue = uniqueId6("default_value_for_placeholder");
@@ -7485,16 +7516,16 @@ var NativeSelectBase = React71.forwardRef(
7485
7516
  (_b2 = props.onBlur) == null ? void 0 : _b2.call(props, event);
7486
7517
  }
7487
7518
  };
7488
- return /* @__PURE__ */ React71.createElement("span", {
7519
+ return /* @__PURE__ */ React73.createElement("span", {
7489
7520
  className: tw("relative block")
7490
- }, !readOnly && /* @__PURE__ */ React71.createElement("span", {
7521
+ }, !readOnly && /* @__PURE__ */ React73.createElement("span", {
7491
7522
  className: tw(
7492
7523
  "absolute right-0 inset-y-0 mr-4 text-grey-40 flex ml-3 pointer-events-none typography-default-strong mt-4"
7493
7524
  )
7494
- }, /* @__PURE__ */ React71.createElement(Icon, {
7525
+ }, /* @__PURE__ */ React73.createElement(Icon, {
7495
7526
  icon: import_caretDown.default,
7496
7527
  "data-testid": "icon-dropdown"
7497
- })), /* @__PURE__ */ React71.createElement("select", __spreadProps(__spreadValues({
7528
+ })), /* @__PURE__ */ React73.createElement("select", __spreadProps(__spreadValues({
7498
7529
  ref,
7499
7530
  disabled: disabled || readOnly,
7500
7531
  required
@@ -7513,16 +7544,16 @@ var NativeSelectBase = React71.forwardRef(
7513
7544
  ),
7514
7545
  props.className
7515
7546
  )
7516
- }), props.placeholder && /* @__PURE__ */ React71.createElement("option", {
7547
+ }), props.placeholder && /* @__PURE__ */ React73.createElement("option", {
7517
7548
  value: placeholderValue,
7518
7549
  disabled: true
7519
7550
  }, props.placeholder), children));
7520
7551
  }
7521
7552
  );
7522
- NativeSelectBase.Skeleton = () => /* @__PURE__ */ React71.createElement(Skeleton, {
7553
+ NativeSelectBase.Skeleton = () => /* @__PURE__ */ React73.createElement(Skeleton, {
7523
7554
  height: 38
7524
7555
  });
7525
- var NativeSelect = React71.forwardRef(
7556
+ var NativeSelect = React73.forwardRef(
7526
7557
  (_a, ref) => {
7527
7558
  var _b = _a, { readOnly } = _b, props = __objRest(_b, ["readOnly"]);
7528
7559
  var _a2;
@@ -7531,11 +7562,11 @@ var NativeSelect = React71.forwardRef(
7531
7562
  const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
7532
7563
  const _b2 = getLabelControlProps(props), { "data-testid": dataTestId } = _b2, labelControlProps = __objRest(_b2, ["data-testid"]);
7533
7564
  const baseProps = omit13(props, Object.keys(labelControlProps));
7534
- return /* @__PURE__ */ React71.createElement(LabelControl, __spreadValues({
7565
+ return /* @__PURE__ */ React73.createElement(LabelControl, __spreadValues({
7535
7566
  id: `${id.current}-label`,
7536
7567
  htmlFor: id.current,
7537
7568
  messageId: errorMessageId
7538
- }, labelControlProps), /* @__PURE__ */ React71.createElement(NativeSelectBase, __spreadProps(__spreadValues(__spreadValues({
7569
+ }, labelControlProps), /* @__PURE__ */ React73.createElement(NativeSelectBase, __spreadProps(__spreadValues(__spreadValues({
7539
7570
  ref
7540
7571
  }, baseProps), errorProps), {
7541
7572
  id: id.current,
@@ -7548,20 +7579,22 @@ var NativeSelect = React71.forwardRef(
7548
7579
  })));
7549
7580
  }
7550
7581
  );
7551
- var Option = React71.forwardRef((_a, ref) => {
7582
+ NativeSelect.displayName = "NativeSelect";
7583
+ var Option = React73.forwardRef((_a, ref) => {
7552
7584
  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
7553
- return /* @__PURE__ */ React71.createElement("option", __spreadValues({
7585
+ return /* @__PURE__ */ React73.createElement("option", __spreadValues({
7554
7586
  ref
7555
7587
  }, props), children);
7556
7588
  });
7557
- var NativeSelectSkeleton = () => /* @__PURE__ */ React71.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React71.createElement(NativeSelectBase.Skeleton, null), /* @__PURE__ */ React71.createElement("div", {
7589
+ Option.displayName = "Option";
7590
+ var NativeSelectSkeleton = () => /* @__PURE__ */ React73.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React73.createElement(NativeSelectBase.Skeleton, null), /* @__PURE__ */ React73.createElement("div", {
7558
7591
  style: { height: "1px" }
7559
7592
  }));
7560
7593
  NativeSelect.Skeleton = NativeSelectSkeleton;
7561
7594
  NativeSelect.Skeleton.displayName = "NativeSelect.Skeleton";
7562
7595
 
7563
7596
  // src/components/PageHeader/PageHeader.tsx
7564
- import React72 from "react";
7597
+ import React74 from "react";
7565
7598
  import castArray3 from "lodash/castArray";
7566
7599
  import omit14 from "lodash/omit";
7567
7600
  var PageHeader = ({
@@ -7573,48 +7606,48 @@ var PageHeader = ({
7573
7606
  chips = [],
7574
7607
  breadcrumbs
7575
7608
  }) => {
7576
- return /* @__PURE__ */ React72.createElement(Flexbox, {
7609
+ return /* @__PURE__ */ React74.createElement(Flexbox, {
7577
7610
  direction: "row",
7578
7611
  gap: "4",
7579
7612
  paddingBottom: "6"
7580
- }, /* @__PURE__ */ React72.createElement(Flexbox, {
7613
+ }, /* @__PURE__ */ React74.createElement(Flexbox, {
7581
7614
  className: tw("grow"),
7582
7615
  direction: "column",
7583
7616
  gap: "0"
7584
- }, breadcrumbs && /* @__PURE__ */ React72.createElement(Breadcrumbs, null, breadcrumbs), /* @__PURE__ */ React72.createElement(Flexbox, {
7617
+ }, breadcrumbs && /* @__PURE__ */ React74.createElement(Breadcrumbs, null, breadcrumbs), /* @__PURE__ */ React74.createElement(Flexbox, {
7585
7618
  gap: "5"
7586
- }, image && /* @__PURE__ */ React72.createElement("img", {
7619
+ }, image && /* @__PURE__ */ React74.createElement("img", {
7587
7620
  src: image,
7588
7621
  alt: imageAlt,
7589
7622
  className: tw("w-[56px] h-[56px]")
7590
- }), /* @__PURE__ */ React72.createElement(Flexbox, {
7623
+ }), /* @__PURE__ */ React74.createElement(Flexbox, {
7591
7624
  direction: "column",
7592
7625
  justifyContent: "center"
7593
- }, /* @__PURE__ */ React72.createElement(Typography2.Heading, null, title), chips.length > 0 && /* @__PURE__ */ React72.createElement(Flexbox, {
7626
+ }, /* @__PURE__ */ React74.createElement(Typography2.Heading, null, title), chips.length > 0 && /* @__PURE__ */ React74.createElement(Flexbox, {
7594
7627
  gap: "3"
7595
- }, chips.map((chip) => /* @__PURE__ */ React72.createElement(Chip2, {
7628
+ }, chips.map((chip) => /* @__PURE__ */ React74.createElement(Chip2, {
7596
7629
  key: chip,
7597
7630
  dense: true,
7598
7631
  text: chip
7599
- })))))), (secondaryActions || primaryAction) && /* @__PURE__ */ React72.createElement(Flexbox, {
7632
+ })))))), (secondaryActions || primaryAction) && /* @__PURE__ */ React74.createElement(Flexbox, {
7600
7633
  gap: "4",
7601
7634
  className: tw("self-start")
7602
7635
  }, secondaryActions && castArray3(secondaryActions).filter(Boolean).map((_a) => {
7603
7636
  var _b = _a, { text } = _b, action = __objRest(_b, ["text"]);
7604
- return /* @__PURE__ */ React72.createElement(SecondaryButton, __spreadValues({
7637
+ return /* @__PURE__ */ React74.createElement(SecondaryButton, __spreadValues({
7605
7638
  key: text
7606
7639
  }, action), text);
7607
- }), primaryAction && /* @__PURE__ */ React72.createElement(PrimaryButton, __spreadValues({
7640
+ }), primaryAction && /* @__PURE__ */ React74.createElement(PrimaryButton, __spreadValues({
7608
7641
  key: primaryAction.text
7609
7642
  }, omit14(primaryAction, "text")), primaryAction.text)));
7610
7643
  };
7611
7644
 
7612
7645
  // src/components/Pagination/Pagination.tsx
7613
- import React74 from "react";
7646
+ import React76 from "react";
7614
7647
  import clamp from "lodash/clamp";
7615
7648
 
7616
7649
  // src/components/Select/Select.tsx
7617
- import React73, { useRef as useRef10, useState as useState10 } from "react";
7650
+ import React75, { useRef as useRef10, useState as useState10 } from "react";
7618
7651
  import { useOverlayPosition as useOverlayPosition6 } from "@react-aria/overlays";
7619
7652
  import { useSelect } from "downshift";
7620
7653
  import defaults from "lodash/defaults";
@@ -7631,10 +7664,10 @@ var hasOptionGroups = (val) => {
7631
7664
  };
7632
7665
  var defaultRenderOption = (item, props, { selectedItem }, { getOptionKey, getValue, optionToString = getOptionLabelBuiltin }) => {
7633
7666
  var _a, _b;
7634
- return /* @__PURE__ */ React73.createElement(Select.Item, __spreadValues({
7667
+ return /* @__PURE__ */ React75.createElement(Select.Item, __spreadValues({
7635
7668
  key: (_b = (_a = getOptionKey == null ? void 0 : getOptionKey(item)) != null ? _a : getValue == null ? void 0 : getValue(item)) != null ? _b : optionToString(item),
7636
7669
  selected: item === selectedItem
7637
- }, props), hasIconProperty(item) && /* @__PURE__ */ React73.createElement(InlineIcon, {
7670
+ }, props), hasIconProperty(item) && /* @__PURE__ */ React75.createElement(InlineIcon, {
7638
7671
  icon: item.icon
7639
7672
  }), optionToString(item));
7640
7673
  };
@@ -7751,13 +7784,13 @@ var _SelectBase = (props) => {
7751
7784
  },
7752
7785
  withDefaults
7753
7786
  );
7754
- const renderGroup = (group) => /* @__PURE__ */ React73.createElement(React73.Fragment, {
7787
+ const renderGroup = (group) => /* @__PURE__ */ React75.createElement(React75.Fragment, {
7755
7788
  key: group.label
7756
- }, /* @__PURE__ */ React73.createElement(Select.Group, null, group.label), group.options.map((opt) => renderItem(opt, items.indexOf(opt))));
7757
- const input = /* @__PURE__ */ React73.createElement(Select.InputContainer, __spreadProps(__spreadValues({}, getToggleButtonProps({ disabled: disabled || readOnly, ref: targetRef })), {
7789
+ }, /* @__PURE__ */ React75.createElement(Select.Group, null, group.label), group.options.map((opt) => renderItem(opt, items.indexOf(opt))));
7790
+ const input = /* @__PURE__ */ React75.createElement(Select.InputContainer, __spreadProps(__spreadValues({}, getToggleButtonProps({ disabled: disabled || readOnly, ref: targetRef })), {
7758
7791
  variant: disabled ? "disabled" : !valid ? "error" : readOnly ? "readOnly" : hasFocus ? "focused" : "default",
7759
7792
  tabIndex: 0
7760
- }), /* @__PURE__ */ React73.createElement(Select.Input, __spreadProps(__spreadValues({
7793
+ }), /* @__PURE__ */ React75.createElement(Select.Input, __spreadProps(__spreadValues({
7761
7794
  id,
7762
7795
  name
7763
7796
  }, rest), {
@@ -7769,16 +7802,16 @@ var _SelectBase = (props) => {
7769
7802
  tabIndex: -1,
7770
7803
  onFocus: () => setFocus(true),
7771
7804
  onBlur: () => setFocus(false)
7772
- })), !readOnly && /* @__PURE__ */ React73.createElement(Select.Toggle, {
7805
+ })), !readOnly && /* @__PURE__ */ React75.createElement(Select.Toggle, {
7773
7806
  disabled,
7774
7807
  isOpen,
7775
7808
  tabIndex: -1
7776
7809
  }));
7777
7810
  const width = (_b = targetRef.current) == null ? void 0 : _b.offsetWidth;
7778
7811
  const style = isOpen ? __spreadProps(__spreadValues({}, overlayProps.style), { width }) : { display: "none" };
7779
- return /* @__PURE__ */ React73.createElement("div", {
7812
+ return /* @__PURE__ */ React75.createElement("div", {
7780
7813
  className: tw("relative")
7781
- }, labelWrapper ? React73.cloneElement(labelWrapper, { children: input }) : input, /* @__PURE__ */ React73.createElement(PopoverWrapper, __spreadProps(__spreadValues({
7814
+ }, labelWrapper ? React75.cloneElement(labelWrapper, { children: input }) : input, /* @__PURE__ */ React75.createElement(PopoverWrapper, __spreadProps(__spreadValues({
7782
7815
  isOpen: true,
7783
7816
  isDismissable: true,
7784
7817
  autoFocus: true
@@ -7786,11 +7819,11 @@ var _SelectBase = (props) => {
7786
7819
  style,
7787
7820
  onClose: closeMenu,
7788
7821
  className: tw("overflow-y-auto")
7789
- }), /* @__PURE__ */ React73.createElement(Select.Menu, {
7822
+ }), /* @__PURE__ */ React75.createElement(Select.Menu, {
7790
7823
  maxHeight
7791
- }, isOpen && options.length === 0 && /* @__PURE__ */ React73.createElement(Select.EmptyStateContainer, null, emptyState), isOpen && options.length > 0 && !hasOptionGroups(options) && options.map(renderItem), isOpen && options.length > 0 && hasOptionGroups(options) && options.map(renderGroup), isOpen && actions.length > 0 && /* @__PURE__ */ React73.createElement(React73.Fragment, null, /* @__PURE__ */ React73.createElement(Select.Divider, {
7824
+ }, isOpen && options.length === 0 && /* @__PURE__ */ React75.createElement(Select.EmptyStateContainer, null, emptyState), isOpen && options.length > 0 && !hasOptionGroups(options) && options.map(renderItem), isOpen && options.length > 0 && hasOptionGroups(options) && options.map(renderGroup), isOpen && actions.length > 0 && /* @__PURE__ */ React75.createElement(React75.Fragment, null, /* @__PURE__ */ React75.createElement(Select.Divider, {
7792
7825
  onMouseOver: () => setHighlightedIndex(-1)
7793
- }), actions.map((act, index) => /* @__PURE__ */ React73.createElement(Select.ActionItem, __spreadProps(__spreadValues({
7826
+ }), actions.map((act, index) => /* @__PURE__ */ React75.createElement(Select.ActionItem, __spreadProps(__spreadValues({
7794
7827
  key: `${index}`
7795
7828
  }, act), {
7796
7829
  onMouseOver: () => setHighlightedIndex(-1),
@@ -7800,10 +7833,10 @@ var _SelectBase = (props) => {
7800
7833
  }
7801
7834
  }), act.label))))));
7802
7835
  };
7803
- var SelectBase = (props) => /* @__PURE__ */ React73.createElement(_SelectBase, __spreadProps(__spreadValues({}, props), {
7836
+ var SelectBase = (props) => /* @__PURE__ */ React75.createElement(_SelectBase, __spreadProps(__spreadValues({}, props), {
7804
7837
  labelWrapper: void 0
7805
7838
  }));
7806
- var SelectBaseSkeleton = () => /* @__PURE__ */ React73.createElement(Skeleton, {
7839
+ var SelectBaseSkeleton = () => /* @__PURE__ */ React75.createElement(Skeleton, {
7807
7840
  height: 38
7808
7841
  });
7809
7842
  SelectBase.Skeleton = SelectBaseSkeleton;
@@ -7821,19 +7854,19 @@ var Select2 = (_a) => {
7821
7854
  const baseProps = omit15(props, Object.keys(labelProps));
7822
7855
  const legacyError = labelProps.error !== void 0 && labelProps.valid === false;
7823
7856
  const variant = !labelProps.valid || legacyError ? "error" : labelProps.disabled ? "disabled" : "default";
7824
- const label = /* @__PURE__ */ React73.createElement(Label, __spreadValues({
7857
+ const label = /* @__PURE__ */ React75.createElement(Label, __spreadValues({
7825
7858
  id: `${id.current}-label`,
7826
7859
  htmlFor: `${id.current}-input`,
7827
7860
  variant,
7828
7861
  messageId: errorMessageId
7829
7862
  }, labelProps));
7830
- return /* @__PURE__ */ React73.createElement(FormControl, null, /* @__PURE__ */ React73.createElement(_SelectBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
7863
+ return /* @__PURE__ */ React75.createElement(FormControl, null, /* @__PURE__ */ React75.createElement(_SelectBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
7831
7864
  id: `${id.current}-input`,
7832
7865
  options,
7833
7866
  disabled: props.disabled,
7834
7867
  valid: props.valid,
7835
7868
  labelWrapper: label
7836
- })), /* @__PURE__ */ React73.createElement(HelperText, {
7869
+ })), /* @__PURE__ */ React75.createElement(HelperText, {
7837
7870
  messageId: errorMessageId,
7838
7871
  error: !labelProps.valid,
7839
7872
  helperText: labelProps.helperText,
@@ -7842,8 +7875,9 @@ var Select2 = (_a) => {
7842
7875
  reserveSpaceForError: labelProps.reserveSpaceForError
7843
7876
  }));
7844
7877
  };
7845
- var SelectSkeleton = () => /* @__PURE__ */ React73.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React73.createElement(SelectBase.Skeleton, null));
7878
+ var SelectSkeleton = () => /* @__PURE__ */ React75.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React75.createElement(SelectBase.Skeleton, null));
7846
7879
  Select2.Skeleton = SelectSkeleton;
7880
+ Select2.Skeleton.displayName = "Select.Skeleton";
7847
7881
 
7848
7882
  // src/components/Pagination/Pagination.tsx
7849
7883
  var import_chevronBackward = __toESM(require_chevronBackward());
@@ -7860,25 +7894,25 @@ var Pagination = ({
7860
7894
  pageSizes,
7861
7895
  onPageSizeChange
7862
7896
  }) => {
7863
- const [value, setValue] = React74.useState(currentPage);
7864
- React74.useEffect(() => {
7897
+ const [value, setValue] = React76.useState(currentPage);
7898
+ React76.useEffect(() => {
7865
7899
  setValue(currentPage);
7866
7900
  }, [currentPage]);
7867
- React74.useEffect(() => {
7901
+ React76.useEffect(() => {
7868
7902
  onPageChange(1);
7869
7903
  setValue(1);
7870
7904
  }, [pageSize]);
7871
- return /* @__PURE__ */ React74.createElement(Box, {
7905
+ return /* @__PURE__ */ React76.createElement(Box, {
7872
7906
  className: tw("grid grid-cols-[200px_1fr_200px]"),
7873
7907
  backgroundColor: "grey-0",
7874
7908
  padding: "4"
7875
- }, pageSizes && onPageSizeChange && typeof pageSize === "number" ? /* @__PURE__ */ React74.createElement(Box, {
7909
+ }, pageSizes && onPageSizeChange && typeof pageSize === "number" ? /* @__PURE__ */ React76.createElement(Box, {
7876
7910
  display: "flex",
7877
7911
  alignItems: "center",
7878
7912
  gap: "4"
7879
- }, /* @__PURE__ */ React74.createElement(Typography2.SmallText, null, "Items per page "), /* @__PURE__ */ React74.createElement("div", {
7913
+ }, /* @__PURE__ */ React76.createElement(Typography2.SmallText, null, "Items per page "), /* @__PURE__ */ React76.createElement("div", {
7880
7914
  className: tw("max-w-[70px]")
7881
- }, /* @__PURE__ */ React74.createElement(SelectBase, {
7915
+ }, /* @__PURE__ */ React76.createElement(SelectBase, {
7882
7916
  options: pageSizes.map((size) => size.toString()),
7883
7917
  value: pageSize.toString(),
7884
7918
  onChange: (size) => {
@@ -7889,24 +7923,24 @@ var Pagination = ({
7889
7923
  }
7890
7924
  }
7891
7925
  }
7892
- }))) : /* @__PURE__ */ React74.createElement("div", null), /* @__PURE__ */ React74.createElement(Box, {
7926
+ }))) : /* @__PURE__ */ React76.createElement("div", null), /* @__PURE__ */ React76.createElement(Box, {
7893
7927
  display: "flex",
7894
7928
  justifyContent: "center",
7895
7929
  alignItems: "center",
7896
7930
  className: tw("grow")
7897
- }, /* @__PURE__ */ React74.createElement(IconButton, {
7931
+ }, /* @__PURE__ */ React76.createElement(IconButton, {
7898
7932
  "aria-label": "First",
7899
7933
  onClick: () => onPageChange(1),
7900
7934
  icon: import_chevronBackward.default,
7901
7935
  disabled: !hasPreviousPage
7902
- }), /* @__PURE__ */ React74.createElement(IconButton, {
7936
+ }), /* @__PURE__ */ React76.createElement(IconButton, {
7903
7937
  "aria-label": "Previous",
7904
7938
  onClick: () => onPageChange(currentPage - 1),
7905
7939
  icon: import_chevronLeft3.default,
7906
7940
  disabled: !hasPreviousPage
7907
- }), /* @__PURE__ */ React74.createElement(Box, {
7941
+ }), /* @__PURE__ */ React76.createElement(Box, {
7908
7942
  paddingX: "4"
7909
- }, /* @__PURE__ */ React74.createElement(Typography2.SmallText, null, "Page")), /* @__PURE__ */ React74.createElement(InputBase, {
7943
+ }, /* @__PURE__ */ React76.createElement(Typography2.SmallText, null, "Page")), /* @__PURE__ */ React76.createElement(InputBase, {
7910
7944
  className: classNames(tw("text-center max-w-[40px]"), "no-arrows"),
7911
7945
  type: "number",
7912
7946
  min: 1,
@@ -7929,43 +7963,43 @@ var Pagination = ({
7929
7963
  setValue(1);
7930
7964
  }
7931
7965
  }
7932
- }), /* @__PURE__ */ React74.createElement(Box, {
7966
+ }), /* @__PURE__ */ React76.createElement(Box, {
7933
7967
  paddingX: "4"
7934
- }, /* @__PURE__ */ React74.createElement(Typography2.SmallText, null, "of ", totalPages)), /* @__PURE__ */ React74.createElement(IconButton, {
7968
+ }, /* @__PURE__ */ React76.createElement(Typography2.SmallText, null, "of ", totalPages)), /* @__PURE__ */ React76.createElement(IconButton, {
7935
7969
  "aria-label": "Next",
7936
7970
  onClick: () => onPageChange(currentPage + 1),
7937
7971
  icon: import_chevronRight3.default,
7938
7972
  disabled: !hasNextPage
7939
- }), /* @__PURE__ */ React74.createElement(IconButton, {
7973
+ }), /* @__PURE__ */ React76.createElement(IconButton, {
7940
7974
  "aria-label": "Last",
7941
7975
  onClick: () => onPageChange(totalPages),
7942
7976
  icon: import_chevronForward.default,
7943
7977
  disabled: !hasNextPage
7944
- })), /* @__PURE__ */ React74.createElement("div", null));
7978
+ })), /* @__PURE__ */ React76.createElement("div", null));
7945
7979
  };
7946
7980
 
7947
7981
  // src/components/PopoverDialog/PopoverDialog.tsx
7948
- import React76 from "react";
7982
+ import React78 from "react";
7949
7983
  import omit16 from "lodash/omit";
7950
7984
 
7951
7985
  // src/common/PopoverDialog/PopoverDialog.tsx
7952
- import React75 from "react";
7986
+ import React77 from "react";
7953
7987
  var Header = (_a) => {
7954
7988
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
7955
- return /* @__PURE__ */ React75.createElement("div", __spreadProps(__spreadValues({}, rest), {
7989
+ return /* @__PURE__ */ React77.createElement("div", __spreadProps(__spreadValues({}, rest), {
7956
7990
  className: classNames(tw("p-5 gap-3 flex items-center"), className)
7957
7991
  }), children);
7958
7992
  };
7959
7993
  var Title = (_a) => {
7960
7994
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
7961
- return /* @__PURE__ */ React75.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
7995
+ return /* @__PURE__ */ React77.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
7962
7996
  htmlTag: "h1",
7963
7997
  variant: "small-strong"
7964
7998
  }), children);
7965
7999
  };
7966
8000
  var Body = (_a) => {
7967
8001
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
7968
- return /* @__PURE__ */ React75.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
8002
+ return /* @__PURE__ */ React77.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
7969
8003
  htmlTag: "div",
7970
8004
  variant: "caption",
7971
8005
  className: classNames(tw("px-5 overflow-y-auto"), className)
@@ -7973,13 +8007,13 @@ var Body = (_a) => {
7973
8007
  };
7974
8008
  var Footer = (_a) => {
7975
8009
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
7976
- return /* @__PURE__ */ React75.createElement("div", __spreadProps(__spreadValues({}, rest), {
8010
+ return /* @__PURE__ */ React77.createElement("div", __spreadProps(__spreadValues({}, rest), {
7977
8011
  className: classNames(tw("p-5"), className)
7978
8012
  }), children);
7979
8013
  };
7980
8014
  var Actions2 = (_a) => {
7981
8015
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
7982
- return /* @__PURE__ */ React75.createElement("div", __spreadProps(__spreadValues({}, rest), {
8016
+ return /* @__PURE__ */ React77.createElement("div", __spreadProps(__spreadValues({}, rest), {
7983
8017
  className: classNames(tw("flex gap-4"), className)
7984
8018
  }), children);
7985
8019
  };
@@ -7995,13 +8029,13 @@ var PopoverDialog = {
7995
8029
  var PopoverDialog2 = ({ placement, open, title, secondaryAction, primaryAction, children }) => {
7996
8030
  const wrapPromptWithBody = (child) => {
7997
8031
  if (isComponentType(child, PopoverDialog2.Prompt)) {
7998
- return /* @__PURE__ */ React76.createElement(Popover2.Panel, {
8032
+ return /* @__PURE__ */ React78.createElement(Popover2.Panel, {
7999
8033
  className: tw("max-w-[300px]")
8000
- }, /* @__PURE__ */ React76.createElement(PopoverDialog.Header, null, /* @__PURE__ */ React76.createElement(PopoverDialog.Title, null, title)), child, /* @__PURE__ */ React76.createElement(PopoverDialog.Footer, null, /* @__PURE__ */ React76.createElement(PopoverDialog.Actions, null, secondaryAction && /* @__PURE__ */ React76.createElement(Popover2.Button, __spreadValues({
8034
+ }, /* @__PURE__ */ React78.createElement(PopoverDialog.Header, null, /* @__PURE__ */ React78.createElement(PopoverDialog.Title, null, title)), child, /* @__PURE__ */ React78.createElement(PopoverDialog.Footer, null, /* @__PURE__ */ React78.createElement(PopoverDialog.Actions, null, secondaryAction && /* @__PURE__ */ React78.createElement(Popover2.Button, __spreadValues({
8001
8035
  kind: "secondary-ghost",
8002
8036
  key: secondaryAction.text,
8003
8037
  dense: true
8004
- }, omit16(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */ React76.createElement(Popover2.Button, __spreadValues({
8038
+ }, omit16(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */ React78.createElement(Popover2.Button, __spreadValues({
8005
8039
  kind: "ghost",
8006
8040
  key: primaryAction.text,
8007
8041
  dense: true
@@ -8009,7 +8043,7 @@ var PopoverDialog2 = ({ placement, open, title, secondaryAction, primaryAction,
8009
8043
  }
8010
8044
  return child;
8011
8045
  };
8012
- return /* @__PURE__ */ React76.createElement(Popover2, {
8046
+ return /* @__PURE__ */ React78.createElement(Popover2, {
8013
8047
  type: "dialog",
8014
8048
  isOpen: open,
8015
8049
  placement,
@@ -8017,10 +8051,10 @@ var PopoverDialog2 = ({ placement, open, title, secondaryAction, primaryAction,
8017
8051
  isKeyboardDismissDisabled: false,
8018
8052
  autoFocus: true,
8019
8053
  containFocus: true
8020
- }, React76.Children.map(children, wrapPromptWithBody));
8054
+ }, React78.Children.map(children, wrapPromptWithBody));
8021
8055
  };
8022
8056
  PopoverDialog2.Trigger = Popover2.Trigger;
8023
- var Prompt = ({ children }) => /* @__PURE__ */ React76.createElement(PopoverDialog.Body, null, children);
8057
+ var Prompt = ({ children }) => /* @__PURE__ */ React78.createElement(PopoverDialog.Body, null, children);
8024
8058
  Prompt.displayName = "PopoverDialog.Prompt";
8025
8059
  PopoverDialog2.Prompt = Prompt;
8026
8060
 
@@ -8029,14 +8063,14 @@ import { createPortal } from "react-dom";
8029
8063
  var Portal = ({ children, to }) => createPortal(children, to);
8030
8064
 
8031
8065
  // src/components/ProgressBar/ProgressBar.tsx
8032
- import React78 from "react";
8066
+ import React80 from "react";
8033
8067
 
8034
8068
  // src/common/ProgressBar/ProgressBar.tsx
8035
- import React77 from "react";
8069
+ import React79 from "react";
8036
8070
  import clamp2 from "lodash/clamp";
8037
8071
  var ProgressBar = (_a) => {
8038
8072
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
8039
- return /* @__PURE__ */ React77.createElement("div", __spreadProps(__spreadValues({}, rest), {
8073
+ return /* @__PURE__ */ React79.createElement("div", __spreadProps(__spreadValues({}, rest), {
8040
8074
  className: classNames(
8041
8075
  tw("relative flex items-center w-full bg-grey-0 h-2 rounded-full overflow-hidden"),
8042
8076
  className
@@ -8052,7 +8086,7 @@ var STATUS_COLORS = {
8052
8086
  ProgressBar.Indicator = (_a) => {
8053
8087
  var _b = _a, { min, max, value, "aria-label": ariaLabel, status, className } = _b, rest = __objRest(_b, ["min", "max", "value", "aria-label", "status", "className"]);
8054
8088
  const completedPercentage = clamp2((value - min) / (max - min) * 100, 0, 100);
8055
- return /* @__PURE__ */ React77.createElement("div", __spreadProps(__spreadValues({}, rest), {
8089
+ return /* @__PURE__ */ React79.createElement("div", __spreadProps(__spreadValues({}, rest), {
8056
8090
  className: classNames(
8057
8091
  tw("h-2 rounded-full transition-all ease-in-out delay-150"),
8058
8092
  STATUS_COLORS[status],
@@ -8068,11 +8102,11 @@ ProgressBar.Indicator = (_a) => {
8068
8102
  };
8069
8103
  ProgressBar.Labels = (_a) => {
8070
8104
  var _b = _a, { children, startLabel, endLabel, className } = _b, rest = __objRest(_b, ["children", "startLabel", "endLabel", "className"]);
8071
- return /* @__PURE__ */ React77.createElement("div", {
8105
+ return /* @__PURE__ */ React79.createElement("div", {
8072
8106
  className: classNames(tw("flex flex-row"), className)
8073
- }, /* @__PURE__ */ React77.createElement("span", __spreadProps(__spreadValues({}, rest), {
8107
+ }, /* @__PURE__ */ React79.createElement("span", __spreadProps(__spreadValues({}, rest), {
8074
8108
  className: tw("grow text-grey-70 typography-caption")
8075
- }), startLabel), /* @__PURE__ */ React77.createElement("span", __spreadProps(__spreadValues({}, rest), {
8109
+ }), startLabel), /* @__PURE__ */ React79.createElement("span", __spreadProps(__spreadValues({}, rest), {
8076
8110
  className: tw("grow text-grey-70 typography-caption text-right")
8077
8111
  }), endLabel));
8078
8112
  };
@@ -8090,7 +8124,7 @@ var ProgressBar2 = (props) => {
8090
8124
  if (min > max) {
8091
8125
  throw new Error("`min` value provided to `ProgressBar` is greater than `max` value.");
8092
8126
  }
8093
- const progress = /* @__PURE__ */ React78.createElement(ProgressBar, null, /* @__PURE__ */ React78.createElement(ProgressBar.Indicator, {
8127
+ const progress = /* @__PURE__ */ React80.createElement(ProgressBar, null, /* @__PURE__ */ React80.createElement(ProgressBar.Indicator, {
8094
8128
  status: value === max ? completedStatus : progresStatus,
8095
8129
  min,
8096
8130
  max,
@@ -8100,25 +8134,27 @@ var ProgressBar2 = (props) => {
8100
8134
  if (props.dense) {
8101
8135
  return progress;
8102
8136
  }
8103
- return /* @__PURE__ */ React78.createElement("div", null, progress, /* @__PURE__ */ React78.createElement(ProgressBar.Labels, {
8137
+ return /* @__PURE__ */ React80.createElement("div", null, progress, /* @__PURE__ */ React80.createElement(ProgressBar.Labels, {
8104
8138
  className: tw("py-2"),
8105
8139
  startLabel: props.startLabel,
8106
8140
  endLabel: props.endLabel
8107
8141
  }));
8108
8142
  };
8109
- ProgressBar2.Skeleton = () => /* @__PURE__ */ React78.createElement(Skeleton, {
8143
+ var ProgressBarSkeleton = () => /* @__PURE__ */ React80.createElement(Skeleton, {
8110
8144
  height: 4,
8111
8145
  display: "block"
8112
8146
  });
8147
+ ProgressBar2.Skeleton = ProgressBarSkeleton;
8148
+ ProgressBar2.Skeleton.displayName = "ProgressBar.Skeleton";
8113
8149
 
8114
8150
  // src/components/RadioButton/RadioButton.tsx
8115
- import React79 from "react";
8116
- var RadioButton2 = React79.forwardRef(
8151
+ import React81 from "react";
8152
+ var RadioButton2 = React81.forwardRef(
8117
8153
  (_a, ref) => {
8118
8154
  var _b = _a, { name, id, readOnly = false, disabled = false, caption, children, "aria-label": ariaLabel } = _b, props = __objRest(_b, ["name", "id", "readOnly", "disabled", "caption", "children", "aria-label"]);
8119
8155
  var _a2;
8120
8156
  const isChecked = (_a2 = props.checked) != null ? _a2 : props.defaultChecked;
8121
- return !readOnly || isChecked ? /* @__PURE__ */ React79.createElement(ControlLabel, {
8157
+ return !readOnly || isChecked ? /* @__PURE__ */ React81.createElement(ControlLabel, {
8122
8158
  htmlFor: id,
8123
8159
  label: children,
8124
8160
  "aria-label": ariaLabel,
@@ -8126,7 +8162,7 @@ var RadioButton2 = React79.forwardRef(
8126
8162
  readOnly,
8127
8163
  disabled,
8128
8164
  style: { gap: "0 8px" }
8129
- }, !readOnly && /* @__PURE__ */ React79.createElement(RadioButton, __spreadProps(__spreadValues({
8165
+ }, !readOnly && /* @__PURE__ */ React81.createElement(RadioButton, __spreadProps(__spreadValues({
8130
8166
  id,
8131
8167
  ref,
8132
8168
  name
@@ -8136,22 +8172,24 @@ var RadioButton2 = React79.forwardRef(
8136
8172
  }))) : null;
8137
8173
  }
8138
8174
  );
8139
- var RadioButtonSkeleton = () => /* @__PURE__ */ React79.createElement("div", {
8175
+ RadioButton2.displayName = "RadioButton";
8176
+ var RadioButtonSkeleton = () => /* @__PURE__ */ React81.createElement("div", {
8140
8177
  className: tw("flex gap-3")
8141
- }, /* @__PURE__ */ React79.createElement(Skeleton, {
8178
+ }, /* @__PURE__ */ React81.createElement(Skeleton, {
8142
8179
  height: 20,
8143
8180
  width: 20
8144
- }), /* @__PURE__ */ React79.createElement(Skeleton, {
8181
+ }), /* @__PURE__ */ React81.createElement(Skeleton, {
8145
8182
  height: 20,
8146
8183
  width: 150
8147
8184
  }));
8148
8185
  RadioButton2.Skeleton = RadioButtonSkeleton;
8186
+ RadioButton2.Skeleton.displayName = "RadioButton.Skeleton";
8149
8187
 
8150
8188
  // src/components/RadioButtonGroup/RadioButtonGroup.tsx
8151
- import React80 from "react";
8189
+ import React82 from "react";
8152
8190
  import uniqueId8 from "lodash/uniqueId";
8153
8191
  var isRadioButton = (c) => {
8154
- return React80.isValidElement(c) && c.type === RadioButton2;
8192
+ return React82.isValidElement(c) && c.type === RadioButton2;
8155
8193
  };
8156
8194
  var RadioButtonGroup = (_a) => {
8157
8195
  var _b = _a, {
@@ -8174,7 +8212,7 @@ var RadioButtonGroup = (_a) => {
8174
8212
  "children"
8175
8213
  ]);
8176
8214
  var _a2;
8177
- const [value, setValue] = React80.useState((_a2 = _value != null ? _value : defaultValue) != null ? _a2 : "");
8215
+ const [value, setValue] = React82.useState((_a2 = _value != null ? _value : defaultValue) != null ? _a2 : "");
8178
8216
  const errorMessageId = uniqueId8();
8179
8217
  const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
8180
8218
  const labelControlProps = getLabelControlProps(props);
@@ -8185,14 +8223,14 @@ var RadioButtonGroup = (_a) => {
8185
8223
  setValue(e.target.value);
8186
8224
  onChange == null ? void 0 : onChange(e.target.value);
8187
8225
  };
8188
- const content = React80.Children.map(children, (c) => {
8226
+ const content = React82.Children.map(children, (c) => {
8189
8227
  var _a3, _b2, _c;
8190
8228
  if (!isRadioButton(c)) {
8191
8229
  return null;
8192
8230
  }
8193
8231
  const defaultChecked = defaultValue === void 0 ? void 0 : c.props.value === defaultValue;
8194
8232
  const checked = value === void 0 ? void 0 : c.props.value === value;
8195
- return React80.cloneElement(c, {
8233
+ return React82.cloneElement(c, {
8196
8234
  name,
8197
8235
  defaultChecked: (_a3 = c.props.defaultChecked) != null ? _a3 : defaultChecked,
8198
8236
  checked: (_b2 = c.props.checked) != null ? _b2 : checked,
@@ -8201,11 +8239,11 @@ var RadioButtonGroup = (_a) => {
8201
8239
  readOnly
8202
8240
  });
8203
8241
  });
8204
- return /* @__PURE__ */ React80.createElement(LabelControl, __spreadValues(__spreadValues({
8242
+ return /* @__PURE__ */ React82.createElement(LabelControl, __spreadValues(__spreadValues({
8205
8243
  fieldset: true
8206
- }, labelControlProps), errorProps), cols && /* @__PURE__ */ React80.createElement(InputGroup, {
8244
+ }, labelControlProps), errorProps), cols && /* @__PURE__ */ React82.createElement(InputGroup, {
8207
8245
  cols
8208
- }, content), !cols && /* @__PURE__ */ React80.createElement(Flexbox, {
8246
+ }, content), !cols && /* @__PURE__ */ React82.createElement(Flexbox, {
8209
8247
  direction,
8210
8248
  alignItems: "flex-start",
8211
8249
  colGap: "8",
@@ -8214,80 +8252,81 @@ var RadioButtonGroup = (_a) => {
8214
8252
  }, content));
8215
8253
  };
8216
8254
  var RadioButtonGroupSkeleton = ({ direction = "row", options = 2 }) => {
8217
- return /* @__PURE__ */ React80.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React80.createElement("div", {
8255
+ return /* @__PURE__ */ React82.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React82.createElement("div", {
8218
8256
  className: tw("flex flex-wrap", {
8219
8257
  "flex-row gap-8": direction === "row",
8220
8258
  "flex-col gap-2": direction === "column"
8221
8259
  })
8222
- }, Array.from({ length: options }).map((_, key) => /* @__PURE__ */ React80.createElement(RadioButton2.Skeleton, {
8260
+ }, Array.from({ length: options }).map((_, key) => /* @__PURE__ */ React82.createElement(RadioButton2.Skeleton, {
8223
8261
  key
8224
8262
  }))));
8225
8263
  };
8226
8264
  RadioButtonGroup.Skeleton = RadioButtonGroupSkeleton;
8265
+ RadioButtonGroup.Skeleton.displayName = "RadioButtonGroup.Skeleton";
8227
8266
 
8228
8267
  // src/components/Section/Section.tsx
8229
- import React82 from "react";
8268
+ import React84 from "react";
8230
8269
  import castArray4 from "lodash/castArray";
8231
8270
 
8232
8271
  // src/common/Section/Section.tsx
8233
- import React81 from "react";
8272
+ import React83 from "react";
8234
8273
  var Section2 = (_a) => {
8235
8274
  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
8236
- return /* @__PURE__ */ React81.createElement(Box, __spreadValues({
8275
+ return /* @__PURE__ */ React83.createElement(Box, __spreadValues({
8237
8276
  borderColor: "grey-5",
8238
8277
  borderWidth: "1px"
8239
8278
  }, rest), children);
8240
8279
  };
8241
8280
  Section2.Header = (_a) => {
8242
8281
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
8243
- return /* @__PURE__ */ React81.createElement("div", __spreadProps(__spreadValues({}, rest), {
8282
+ return /* @__PURE__ */ React83.createElement("div", __spreadProps(__spreadValues({}, rest), {
8244
8283
  className: classNames(tw("px-6 py-5 flex gap-5 justify-between items-center"), className)
8245
8284
  }), children);
8246
8285
  };
8247
8286
  Section2.TitleContainer = (_a) => {
8248
8287
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
8249
- return /* @__PURE__ */ React81.createElement("div", __spreadProps(__spreadValues({}, rest), {
8288
+ return /* @__PURE__ */ React83.createElement("div", __spreadProps(__spreadValues({}, rest), {
8250
8289
  className: classNames(tw("flex flex-col grow gap-2"), className)
8251
8290
  }), children);
8252
8291
  };
8253
8292
  Section2.Title = (_a) => {
8254
8293
  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
8255
- return /* @__PURE__ */ React81.createElement(Typography2.Subheading, __spreadProps(__spreadValues({}, rest), {
8294
+ return /* @__PURE__ */ React83.createElement(Typography2.Subheading, __spreadProps(__spreadValues({}, rest), {
8256
8295
  color: "black"
8257
8296
  }), children);
8258
8297
  };
8259
8298
  Section2.Subtitle = (_a) => {
8260
8299
  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
8261
- return /* @__PURE__ */ React81.createElement(Typography2.SmallText, __spreadProps(__spreadValues({}, rest), {
8300
+ return /* @__PURE__ */ React83.createElement(Typography2.SmallText, __spreadProps(__spreadValues({}, rest), {
8262
8301
  color: "grey-70"
8263
8302
  }), children);
8264
8303
  };
8265
8304
  Section2.Actions = (_a) => {
8266
8305
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
8267
- return /* @__PURE__ */ React81.createElement("div", __spreadProps(__spreadValues({}, rest), {
8306
+ return /* @__PURE__ */ React83.createElement("div", __spreadProps(__spreadValues({}, rest), {
8268
8307
  className: classNames(tw("flex gap-4 justify-end"), className)
8269
8308
  }), children);
8270
8309
  };
8271
8310
  Section2.Body = (_a) => {
8272
8311
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
8273
- return /* @__PURE__ */ React81.createElement("div", __spreadProps(__spreadValues({}, rest), {
8312
+ return /* @__PURE__ */ React83.createElement("div", __spreadProps(__spreadValues({}, rest), {
8274
8313
  className: classNames(tw("p-6"), className)
8275
- }), /* @__PURE__ */ React81.createElement(Typography, {
8314
+ }), /* @__PURE__ */ React83.createElement(Typography, {
8276
8315
  htmlTag: "div",
8277
8316
  color: "grey-70"
8278
8317
  }, children));
8279
8318
  };
8280
8319
 
8281
8320
  // src/components/Section/Section.tsx
8282
- var Section3 = ({ title, subtitle, actions, children }) => /* @__PURE__ */ React82.createElement(Section2, null, title && /* @__PURE__ */ React82.createElement(React82.Fragment, null, /* @__PURE__ */ React82.createElement(Section2.Header, null, /* @__PURE__ */ React82.createElement(Section2.TitleContainer, null, /* @__PURE__ */ React82.createElement(Section2.Title, null, title), subtitle && /* @__PURE__ */ React82.createElement(Section2.Subtitle, null, subtitle)), /* @__PURE__ */ React82.createElement(Section2.Actions, null, actions && castArray4(actions).filter(Boolean).map((_a) => {
8321
+ var Section3 = ({ title, subtitle, actions, children }) => /* @__PURE__ */ React84.createElement(Section2, null, title && /* @__PURE__ */ React84.createElement(React84.Fragment, null, /* @__PURE__ */ React84.createElement(Section2.Header, null, /* @__PURE__ */ React84.createElement(Section2.TitleContainer, null, /* @__PURE__ */ React84.createElement(Section2.Title, null, title), subtitle && /* @__PURE__ */ React84.createElement(Section2.Subtitle, null, subtitle)), /* @__PURE__ */ React84.createElement(Section2.Actions, null, actions && castArray4(actions).filter(Boolean).map((_a) => {
8283
8322
  var _b = _a, { text } = _b, action = __objRest(_b, ["text"]);
8284
- return /* @__PURE__ */ React82.createElement(SecondaryButton, __spreadValues({
8323
+ return /* @__PURE__ */ React84.createElement(SecondaryButton, __spreadValues({
8285
8324
  key: text
8286
8325
  }, action), text);
8287
- }))), /* @__PURE__ */ React82.createElement(Divider2, null)), /* @__PURE__ */ React82.createElement(Section2.Body, null, children));
8326
+ }))), /* @__PURE__ */ React84.createElement(Divider2, null)), /* @__PURE__ */ React84.createElement(Section2.Body, null, children));
8288
8327
 
8289
8328
  // src/components/SegmentedControl/SegmentedControl.tsx
8290
- import React83 from "react";
8329
+ import React85 from "react";
8291
8330
  var SegmentedControl = (_a) => {
8292
8331
  var _b = _a, {
8293
8332
  children,
@@ -8304,7 +8343,7 @@ var SegmentedControl = (_a) => {
8304
8343
  "selected",
8305
8344
  "className"
8306
8345
  ]);
8307
- return /* @__PURE__ */ React83.createElement("button", __spreadProps(__spreadValues({
8346
+ return /* @__PURE__ */ React85.createElement("button", __spreadProps(__spreadValues({
8308
8347
  type: "button"
8309
8348
  }, rest), {
8310
8349
  className: classNames(
@@ -8335,11 +8374,11 @@ var SegmentedControlGroup = (_a) => {
8335
8374
  "border border-grey-20 text-grey-50": variant === "outlined",
8336
8375
  "bg-grey-0": variant === "raised"
8337
8376
  });
8338
- return /* @__PURE__ */ React83.createElement("div", __spreadProps(__spreadValues({}, rest), {
8377
+ return /* @__PURE__ */ React85.createElement("div", __spreadProps(__spreadValues({}, rest), {
8339
8378
  className: classNames(classes, className)
8340
- }), React83.Children.map(
8379
+ }), React85.Children.map(
8341
8380
  children,
8342
- (child) => React83.cloneElement(child, {
8381
+ (child) => React85.cloneElement(child, {
8343
8382
  dense,
8344
8383
  variant,
8345
8384
  onClick: () => onChange(child.props.value),
@@ -8377,14 +8416,14 @@ var getCommonClassNames = (dense, selected) => tw(
8377
8416
  );
8378
8417
 
8379
8418
  // src/components/Stepper/Stepper.tsx
8380
- import React85 from "react";
8419
+ import React87 from "react";
8381
8420
 
8382
8421
  // src/common/Stepper/Stepper.tsx
8383
- import React84 from "react";
8422
+ import React86 from "react";
8384
8423
  var import_tick5 = __toESM(require_tick());
8385
8424
  var Stepper = (_a) => {
8386
8425
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8387
- return /* @__PURE__ */ React84.createElement("div", __spreadProps(__spreadValues({}, rest), {
8426
+ return /* @__PURE__ */ React86.createElement("div", __spreadProps(__spreadValues({}, rest), {
8388
8427
  className: classNames(className)
8389
8428
  }));
8390
8429
  };
@@ -8398,7 +8437,7 @@ var ConnectorContainer = (_a) => {
8398
8437
  "completed",
8399
8438
  "dense"
8400
8439
  ]);
8401
- return /* @__PURE__ */ React84.createElement("div", __spreadProps(__spreadValues({}, rest), {
8440
+ return /* @__PURE__ */ React86.createElement("div", __spreadProps(__spreadValues({}, rest), {
8402
8441
  className: classNames(
8403
8442
  tw("absolute w-full -left-1/2", {
8404
8443
  "top-[3px] px-[14px]": Boolean(dense),
@@ -8410,7 +8449,7 @@ var ConnectorContainer = (_a) => {
8410
8449
  };
8411
8450
  var Connector = (_a) => {
8412
8451
  var _b = _a, { children, className, completed, dense } = _b, rest = __objRest(_b, ["children", "className", "completed", "dense"]);
8413
- return /* @__PURE__ */ React84.createElement("div", __spreadProps(__spreadValues({}, rest), {
8452
+ return /* @__PURE__ */ React86.createElement("div", __spreadProps(__spreadValues({}, rest), {
8414
8453
  className: classNames(
8415
8454
  tw("w-full", {
8416
8455
  "bg-grey-20": !completed,
@@ -8424,7 +8463,7 @@ var Connector = (_a) => {
8424
8463
  };
8425
8464
  var Step = (_a) => {
8426
8465
  var _b = _a, { className, state } = _b, rest = __objRest(_b, ["className", "state"]);
8427
- return /* @__PURE__ */ React84.createElement("div", __spreadProps(__spreadValues({}, rest), {
8466
+ return /* @__PURE__ */ React86.createElement("div", __spreadProps(__spreadValues({}, rest), {
8428
8467
  className: classNames(
8429
8468
  tw("flex flex-col items-center text-grey-90 relative text-center", {
8430
8469
  "text-grey-20": state === "inactive"
@@ -8445,13 +8484,13 @@ var getDenseClassNames = (state) => tw("h-[8px] w-[8px]", {
8445
8484
  });
8446
8485
  var Indicator = (_a) => {
8447
8486
  var _b = _a, { children, className, state, dense } = _b, rest = __objRest(_b, ["children", "className", "state", "dense"]);
8448
- return /* @__PURE__ */ React84.createElement("div", __spreadProps(__spreadValues({}, rest), {
8487
+ return /* @__PURE__ */ React86.createElement("div", __spreadProps(__spreadValues({}, rest), {
8449
8488
  className: classNames(
8450
8489
  tw("rounded-full flex justify-center items-center mx-2 mb-3"),
8451
8490
  dense ? getDenseClassNames(state) : getClassNames(state),
8452
8491
  className
8453
8492
  )
8454
- }), state === "completed" ? /* @__PURE__ */ React84.createElement(InlineIcon, {
8493
+ }), state === "completed" ? /* @__PURE__ */ React86.createElement(InlineIcon, {
8455
8494
  icon: import_tick5.default
8456
8495
  }) : dense ? null : children);
8457
8496
  };
@@ -8462,25 +8501,25 @@ Stepper.ConnectorContainer = ConnectorContainer;
8462
8501
 
8463
8502
  // src/components/Stepper/Stepper.tsx
8464
8503
  var Stepper2 = ({ children, activeIndex, dense }) => {
8465
- const steps = React85.Children.count(children);
8466
- return /* @__PURE__ */ React85.createElement(Stepper, {
8504
+ const steps = React87.Children.count(children);
8505
+ return /* @__PURE__ */ React87.createElement(Stepper, {
8467
8506
  role: "list"
8468
- }, /* @__PURE__ */ React85.createElement(Template, {
8507
+ }, /* @__PURE__ */ React87.createElement(Template, {
8469
8508
  columns: steps
8470
- }, React85.Children.map(children, (child, index) => {
8509
+ }, React87.Children.map(children, (child, index) => {
8471
8510
  if (!isComponentType(child, Step2)) {
8472
8511
  return new Error("<Stepper> can only have <Stepper.Step> components as children");
8473
8512
  } else {
8474
8513
  const state = index > activeIndex ? "inactive" : index === activeIndex ? "active" : "completed";
8475
- return /* @__PURE__ */ React85.createElement(Stepper.Step, {
8514
+ return /* @__PURE__ */ React87.createElement(Stepper.Step, {
8476
8515
  state,
8477
8516
  "aria-current": state === "active" ? "step" : false,
8478
8517
  role: "listitem"
8479
- }, index > 0 && index <= steps && /* @__PURE__ */ React85.createElement(Stepper.ConnectorContainer, {
8518
+ }, index > 0 && index <= steps && /* @__PURE__ */ React87.createElement(Stepper.ConnectorContainer, {
8480
8519
  dense
8481
- }, /* @__PURE__ */ React85.createElement(Stepper.ConnectorContainer.Connector, {
8520
+ }, /* @__PURE__ */ React87.createElement(Stepper.ConnectorContainer.Connector, {
8482
8521
  completed: state === "completed" || state === "active"
8483
- })), /* @__PURE__ */ React85.createElement(Stepper.Step.Indicator, {
8522
+ })), /* @__PURE__ */ React87.createElement(Stepper.Step.Indicator, {
8484
8523
  state,
8485
8524
  dense
8486
8525
  }, index + 1), child.props.children);
@@ -8488,19 +8527,20 @@ var Stepper2 = ({ children, activeIndex, dense }) => {
8488
8527
  })));
8489
8528
  };
8490
8529
  var Step2 = () => null;
8530
+ Step2.displayName = "Stepper.Step";
8491
8531
  Stepper2.Step = Step2;
8492
8532
 
8493
8533
  // src/components/Switch/Switch.tsx
8494
- import React87 from "react";
8534
+ import React89 from "react";
8495
8535
 
8496
8536
  // src/common/Switch/Switch.tsx
8497
- import React86 from "react";
8498
- var Switch = React86.forwardRef(
8537
+ import React88 from "react";
8538
+ var Switch = React88.forwardRef(
8499
8539
  (_a, ref) => {
8500
8540
  var _b = _a, { id, children, name, disabled = false, readOnly = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly"]);
8501
- return /* @__PURE__ */ React86.createElement("span", {
8541
+ return /* @__PURE__ */ React88.createElement("span", {
8502
8542
  className: tw("relative inline-flex justify-center items-center self-center group")
8503
- }, /* @__PURE__ */ React86.createElement("input", __spreadProps(__spreadValues({
8543
+ }, /* @__PURE__ */ React88.createElement("input", __spreadProps(__spreadValues({
8504
8544
  id,
8505
8545
  ref,
8506
8546
  type: "checkbox",
@@ -8519,7 +8559,7 @@ var Switch = React86.forwardRef(
8519
8559
  ),
8520
8560
  readOnly,
8521
8561
  disabled
8522
- })), /* @__PURE__ */ React86.createElement("span", {
8562
+ })), /* @__PURE__ */ React88.createElement("span", {
8523
8563
  className: tw(
8524
8564
  "pointer-events-none rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5",
8525
8565
  "bg-white peer-disabled/switch:bg-grey-0 left-2 peer-checked/switch:left-1",
@@ -8532,12 +8572,12 @@ var Switch = React86.forwardRef(
8532
8572
  );
8533
8573
 
8534
8574
  // src/components/Switch/Switch.tsx
8535
- var Switch2 = React87.forwardRef(
8575
+ var Switch2 = React89.forwardRef(
8536
8576
  (_a, ref) => {
8537
8577
  var _b = _a, { id, name, caption, readOnly = false, disabled = false, children, "aria-label": ariaLabel } = _b, props = __objRest(_b, ["id", "name", "caption", "readOnly", "disabled", "children", "aria-label"]);
8538
8578
  var _a2;
8539
8579
  const isChecked = (_a2 = props.checked) != null ? _a2 : props.defaultChecked;
8540
- return !readOnly || isChecked ? /* @__PURE__ */ React87.createElement(ControlLabel, {
8580
+ return !readOnly || isChecked ? /* @__PURE__ */ React89.createElement(ControlLabel, {
8541
8581
  htmlFor: id,
8542
8582
  label: children,
8543
8583
  "aria-label": ariaLabel,
@@ -8545,7 +8585,7 @@ var Switch2 = React87.forwardRef(
8545
8585
  readOnly,
8546
8586
  disabled,
8547
8587
  style: { gap: "0 8px" }
8548
- }, !readOnly && /* @__PURE__ */ React87.createElement(Switch, __spreadProps(__spreadValues({
8588
+ }, !readOnly && /* @__PURE__ */ React89.createElement(Switch, __spreadProps(__spreadValues({
8549
8589
  id,
8550
8590
  ref,
8551
8591
  name
@@ -8555,19 +8595,21 @@ var Switch2 = React87.forwardRef(
8555
8595
  }))) : null;
8556
8596
  }
8557
8597
  );
8558
- var SwitchSkeleton = () => /* @__PURE__ */ React87.createElement("div", {
8598
+ Switch2.displayName = "Switch";
8599
+ var SwitchSkeleton = () => /* @__PURE__ */ React89.createElement("div", {
8559
8600
  className: tw("flex gap-3")
8560
- }, /* @__PURE__ */ React87.createElement(Skeleton, {
8601
+ }, /* @__PURE__ */ React89.createElement(Skeleton, {
8561
8602
  height: 20,
8562
8603
  width: 35
8563
- }), /* @__PURE__ */ React87.createElement(Skeleton, {
8604
+ }), /* @__PURE__ */ React89.createElement(Skeleton, {
8564
8605
  height: 20,
8565
8606
  width: 150
8566
8607
  }));
8567
8608
  Switch2.Skeleton = SwitchSkeleton;
8609
+ Switch2.Skeleton.displayName = "Switch.Skeleton ";
8568
8610
 
8569
8611
  // src/components/SwitchGroup/SwitchGroup.tsx
8570
- import React88, { useState as useState11 } from "react";
8612
+ import React90, { useState as useState11 } from "react";
8571
8613
  import uniqueId9 from "lodash/uniqueId";
8572
8614
  var SwitchGroup = (_a) => {
8573
8615
  var _b = _a, {
@@ -8599,11 +8641,11 @@ var SwitchGroup = (_a) => {
8599
8641
  setSelectedItems(updated);
8600
8642
  onChange == null ? void 0 : onChange(updated);
8601
8643
  };
8602
- return /* @__PURE__ */ React88.createElement(LabelControl, __spreadValues(__spreadValues({
8644
+ return /* @__PURE__ */ React90.createElement(LabelControl, __spreadValues(__spreadValues({
8603
8645
  fieldset: true
8604
- }, labelControlProps), errorProps), /* @__PURE__ */ React88.createElement(InputGroup, {
8646
+ }, labelControlProps), errorProps), /* @__PURE__ */ React90.createElement(InputGroup, {
8605
8647
  cols
8606
- }, React88.Children.map(children, (c) => {
8648
+ }, React90.Children.map(children, (c) => {
8607
8649
  var _a3, _b2, _c, _d;
8608
8650
  if (!isComponentType(c, Switch2)) {
8609
8651
  return null;
@@ -8611,7 +8653,7 @@ var SwitchGroup = (_a) => {
8611
8653
  const str = (_a3 = c.props.value) == null ? void 0 : _a3.toString();
8612
8654
  const defaultChecked = defaultValue === void 0 ? void 0 : str !== void 0 && defaultValue.includes(str);
8613
8655
  const checked = value === void 0 ? void 0 : str !== void 0 && value.includes(str);
8614
- return React88.cloneElement(c, {
8656
+ return React90.cloneElement(c, {
8615
8657
  defaultChecked: (_b2 = c.props.defaultChecked) != null ? _b2 : defaultChecked,
8616
8658
  checked: (_c = c.props.checked) != null ? _c : checked,
8617
8659
  onChange: (_d = c.props.onChange) != null ? _d : handleChange,
@@ -8621,19 +8663,20 @@ var SwitchGroup = (_a) => {
8621
8663
  })));
8622
8664
  };
8623
8665
  var SwitchGroupSkeleton = ({ options = 2 }) => {
8624
- return /* @__PURE__ */ React88.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React88.createElement("div", {
8666
+ return /* @__PURE__ */ React90.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React90.createElement("div", {
8625
8667
  className: tw("flex flex-wrap flex-col gap-2")
8626
- }, Array.from({ length: options }).map((_, key) => /* @__PURE__ */ React88.createElement(Switch2.Skeleton, {
8668
+ }, Array.from({ length: options }).map((_, key) => /* @__PURE__ */ React90.createElement(Switch2.Skeleton, {
8627
8669
  key
8628
8670
  }))));
8629
8671
  };
8630
8672
  SwitchGroup.Skeleton = SwitchGroupSkeleton;
8673
+ SwitchGroup.Skeleton.displayName = "SwitchGroup.Skeleton";
8631
8674
 
8632
8675
  // src/components/TagLabel/TagLabel.tsx
8633
- import React89 from "react";
8676
+ import React91 from "react";
8634
8677
  var TagLabel = (_a) => {
8635
8678
  var _b = _a, { title, dense = false } = _b, rest = __objRest(_b, ["title", "dense"]);
8636
- return /* @__PURE__ */ React89.createElement("span", __spreadProps(__spreadValues({}, rest), {
8679
+ return /* @__PURE__ */ React91.createElement("span", __spreadProps(__spreadValues({}, rest), {
8637
8680
  className: tw("rounded-full text-white bg-primary-70", {
8638
8681
  "py-2 px-4 typography-caption": !dense,
8639
8682
  "py-2 px-3 typography-caption-small": dense
@@ -8642,14 +8685,14 @@ var TagLabel = (_a) => {
8642
8685
  };
8643
8686
 
8644
8687
  // src/components/Textarea/Textarea.tsx
8645
- import React90, { useRef as useRef11, useState as useState12 } from "react";
8688
+ import React92, { useRef as useRef11, useState as useState12 } from "react";
8646
8689
  import omit17 from "lodash/omit";
8647
8690
  import toString2 from "lodash/toString";
8648
8691
  import uniqueId10 from "lodash/uniqueId";
8649
- var TextareaBase = React90.forwardRef(
8692
+ var TextareaBase = React92.forwardRef(
8650
8693
  (_a, ref) => {
8651
8694
  var _b = _a, { readOnly = false, valid = true } = _b, props = __objRest(_b, ["readOnly", "valid"]);
8652
- return /* @__PURE__ */ React90.createElement("textarea", __spreadProps(__spreadValues({
8695
+ return /* @__PURE__ */ React92.createElement("textarea", __spreadProps(__spreadValues({
8653
8696
  ref
8654
8697
  }, props), {
8655
8698
  readOnly,
@@ -8657,10 +8700,10 @@ var TextareaBase = React90.forwardRef(
8657
8700
  }));
8658
8701
  }
8659
8702
  );
8660
- TextareaBase.Skeleton = () => /* @__PURE__ */ React90.createElement(Skeleton, {
8703
+ TextareaBase.Skeleton = () => /* @__PURE__ */ React92.createElement(Skeleton, {
8661
8704
  height: 58
8662
8705
  });
8663
- var Textarea = React90.forwardRef((props, ref) => {
8706
+ var Textarea = React92.forwardRef((props, ref) => {
8664
8707
  var _a, _b, _c;
8665
8708
  const [value, setValue] = useState12((_b = (_a = props.value) != null ? _a : props.defaultValue) != null ? _b : "");
8666
8709
  const id = useRef11((_c = props.id) != null ? _c : `textarea-${uniqueId10()}`);
@@ -8668,12 +8711,12 @@ var Textarea = React90.forwardRef((props, ref) => {
8668
8711
  const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
8669
8712
  const _d = getLabelControlProps(props), { "data-testid": dataTestId } = _d, labelControlProps = __objRest(_d, ["data-testid"]);
8670
8713
  const baseProps = omit17(props, Object.keys(labelControlProps));
8671
- return /* @__PURE__ */ React90.createElement(LabelControl, __spreadValues({
8714
+ return /* @__PURE__ */ React92.createElement(LabelControl, __spreadValues({
8672
8715
  id: `${id.current}-label`,
8673
8716
  htmlFor: id.current,
8674
8717
  messageId: errorMessageId,
8675
8718
  length: value !== void 0 ? toString2(value).length : void 0
8676
- }, labelControlProps), /* @__PURE__ */ React90.createElement(TextareaBase, __spreadProps(__spreadValues(__spreadValues({
8719
+ }, labelControlProps), /* @__PURE__ */ React92.createElement(TextareaBase, __spreadProps(__spreadValues(__spreadValues({
8677
8720
  ref
8678
8721
  }, baseProps), errorProps), {
8679
8722
  id: id.current,
@@ -8689,47 +8732,49 @@ var Textarea = React90.forwardRef((props, ref) => {
8689
8732
  valid: props.valid
8690
8733
  })));
8691
8734
  });
8692
- var TextAreaSkeleton = () => /* @__PURE__ */ React90.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React90.createElement(TextareaBase.Skeleton, null));
8735
+ Textarea.displayName = "Textarea";
8736
+ var TextAreaSkeleton = () => /* @__PURE__ */ React92.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React92.createElement(TextareaBase.Skeleton, null));
8693
8737
  Textarea.Skeleton = TextAreaSkeleton;
8738
+ Textarea.Skeleton.displayName = "Textarea.Skeleton";
8694
8739
 
8695
8740
  // src/components/Timeline/Timeline.tsx
8696
- import React92 from "react";
8741
+ import React94 from "react";
8697
8742
 
8698
8743
  // src/common/Timeline/Timeline.tsx
8699
- import React91 from "react";
8744
+ import React93 from "react";
8700
8745
  var Timeline = (_a) => {
8701
8746
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8702
- return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
8747
+ return /* @__PURE__ */ React93.createElement("div", __spreadProps(__spreadValues({}, rest), {
8703
8748
  className: classNames(tw("grid grid-cols-[16px_1fr] gap-x-4"), className)
8704
8749
  }));
8705
8750
  };
8706
8751
  var Content2 = (_a) => {
8707
8752
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8708
- return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
8753
+ return /* @__PURE__ */ React93.createElement("div", __spreadProps(__spreadValues({}, rest), {
8709
8754
  className: classNames(tw("pb-6"), className)
8710
8755
  }));
8711
8756
  };
8712
8757
  var Separator2 = (_a) => {
8713
8758
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8714
- return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
8759
+ return /* @__PURE__ */ React93.createElement("div", __spreadProps(__spreadValues({}, rest), {
8715
8760
  className: classNames(tw("flex items-center justify-center h-5 w-5"), className)
8716
8761
  }));
8717
8762
  };
8718
8763
  var LineContainer = (_a) => {
8719
8764
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8720
- return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
8765
+ return /* @__PURE__ */ React93.createElement("div", __spreadProps(__spreadValues({}, rest), {
8721
8766
  className: classNames(tw("flex justify-center py-1"), className)
8722
8767
  }));
8723
8768
  };
8724
8769
  var Line = (_a) => {
8725
8770
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8726
- return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
8771
+ return /* @__PURE__ */ React93.createElement("div", __spreadProps(__spreadValues({}, rest), {
8727
8772
  className: classNames(tw("w-1 bg-grey-5 h-full justify-self-center"), className)
8728
8773
  }));
8729
8774
  };
8730
8775
  var Dot = (_a) => {
8731
8776
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8732
- return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
8777
+ return /* @__PURE__ */ React93.createElement("div", __spreadProps(__spreadValues({}, rest), {
8733
8778
  className: classNames(tw("bg-grey-30 h-[6px] w-[6px] rounded"), className)
8734
8779
  }));
8735
8780
  };
@@ -8744,61 +8789,62 @@ var import_error4 = __toESM(require_error());
8744
8789
  var import_time = __toESM(require_time());
8745
8790
  var import_warningSign4 = __toESM(require_warningSign());
8746
8791
  var TimelineItem = () => null;
8747
- var Timeline2 = ({ children }) => /* @__PURE__ */ React92.createElement("div", null, React92.Children.map(children, (item) => {
8792
+ var Timeline2 = ({ children }) => /* @__PURE__ */ React94.createElement("div", null, React94.Children.map(children, (item) => {
8748
8793
  if (!isComponentType(item, TimelineItem)) {
8749
8794
  throw new Error("<Timeline> can only have <Timeline.Item> components as children");
8750
8795
  } else {
8751
8796
  const { props, key } = item;
8752
- return /* @__PURE__ */ React92.createElement(Timeline, {
8797
+ return /* @__PURE__ */ React94.createElement(Timeline, {
8753
8798
  key: key != null ? key : props.title
8754
- }, /* @__PURE__ */ React92.createElement(Timeline.Separator, null, props.variant === "error" ? /* @__PURE__ */ React92.createElement(Icon, {
8799
+ }, /* @__PURE__ */ React94.createElement(Timeline.Separator, null, props.variant === "error" ? /* @__PURE__ */ React94.createElement(Icon, {
8755
8800
  icon: import_error4.default,
8756
8801
  color: "error-30"
8757
- }) : props.variant === "warning" ? /* @__PURE__ */ React92.createElement(Icon, {
8802
+ }) : props.variant === "warning" ? /* @__PURE__ */ React94.createElement(Icon, {
8758
8803
  icon: import_warningSign4.default,
8759
8804
  color: "warning-30"
8760
- }) : props.variant === "info" ? /* @__PURE__ */ React92.createElement(Icon, {
8805
+ }) : props.variant === "info" ? /* @__PURE__ */ React94.createElement(Icon, {
8761
8806
  icon: import_time.default,
8762
8807
  color: "info-30"
8763
- }) : /* @__PURE__ */ React92.createElement(Timeline.Separator.Dot, null)), /* @__PURE__ */ React92.createElement(Typography2.Caption, {
8808
+ }) : /* @__PURE__ */ React94.createElement(Timeline.Separator.Dot, null)), /* @__PURE__ */ React94.createElement(Typography2.Caption, {
8764
8809
  color: "grey-50"
8765
- }, props.title), /* @__PURE__ */ React92.createElement(Timeline.LineContainer, null, /* @__PURE__ */ React92.createElement(Timeline.LineContainer.Line, null)), /* @__PURE__ */ React92.createElement(Timeline.Content, null, /* @__PURE__ */ React92.createElement(Typography2.Small, null, props.children)));
8810
+ }, props.title), /* @__PURE__ */ React94.createElement(Timeline.LineContainer, null, /* @__PURE__ */ React94.createElement(Timeline.LineContainer.Line, null)), /* @__PURE__ */ React94.createElement(Timeline.Content, null, /* @__PURE__ */ React94.createElement(Typography2.Small, null, props.children)));
8766
8811
  }
8767
8812
  }));
8768
- var TimelineItemSkeleton = () => /* @__PURE__ */ React92.createElement(Timeline, null, /* @__PURE__ */ React92.createElement(Timeline.Separator, null, /* @__PURE__ */ React92.createElement(Skeleton, {
8813
+ var TimelineItemSkeleton = () => /* @__PURE__ */ React94.createElement(Timeline, null, /* @__PURE__ */ React94.createElement(Timeline.Separator, null, /* @__PURE__ */ React94.createElement(Skeleton, {
8769
8814
  width: 6,
8770
8815
  height: 6,
8771
8816
  rounded: true
8772
- })), /* @__PURE__ */ React92.createElement(Skeleton, {
8817
+ })), /* @__PURE__ */ React94.createElement(Skeleton, {
8773
8818
  height: 12,
8774
8819
  width: 120
8775
- }), /* @__PURE__ */ React92.createElement(Timeline.LineContainer, null, /* @__PURE__ */ React92.createElement(Skeleton, {
8820
+ }), /* @__PURE__ */ React94.createElement(Timeline.LineContainer, null, /* @__PURE__ */ React94.createElement(Skeleton, {
8776
8821
  width: 2,
8777
8822
  height: "100%"
8778
- })), /* @__PURE__ */ React92.createElement(Timeline.Content, null, /* @__PURE__ */ React92.createElement(Box, {
8823
+ })), /* @__PURE__ */ React94.createElement(Timeline.Content, null, /* @__PURE__ */ React94.createElement(Box, {
8779
8824
  display: "flex",
8780
8825
  flexDirection: "column",
8781
8826
  gap: "3"
8782
- }, /* @__PURE__ */ React92.createElement(Skeleton, {
8827
+ }, /* @__PURE__ */ React94.createElement(Skeleton, {
8783
8828
  height: 32,
8784
8829
  width: "100%"
8785
- }), /* @__PURE__ */ React92.createElement(Skeleton, {
8830
+ }), /* @__PURE__ */ React94.createElement(Skeleton, {
8786
8831
  height: 32,
8787
8832
  width: "73%"
8788
- }), /* @__PURE__ */ React92.createElement(Skeleton, {
8833
+ }), /* @__PURE__ */ React94.createElement(Skeleton, {
8789
8834
  height: 32,
8790
8835
  width: "80%"
8791
8836
  }))));
8792
- var TimelineSkeleton = ({ items = 3 }) => /* @__PURE__ */ React92.createElement("div", null, Array.from({ length: items }).map((_, key) => /* @__PURE__ */ React92.createElement(TimelineItemSkeleton, {
8837
+ var TimelineSkeleton = ({ items = 3 }) => /* @__PURE__ */ React94.createElement("div", null, Array.from({ length: items }).map((_, key) => /* @__PURE__ */ React94.createElement(TimelineItemSkeleton, {
8793
8838
  key
8794
8839
  })));
8795
8840
  Timeline2.Item = TimelineItem;
8796
8841
  Timeline2.Skeleton = TimelineSkeleton;
8842
+ Timeline2.Skeleton.displayName = "Timeline.Skeleton";
8797
8843
 
8798
8844
  // src/utils/table/useTableSelect.ts
8799
- import React93 from "react";
8845
+ import React95 from "react";
8800
8846
  var useTableSelect = (data, { key }) => {
8801
- const [selected, setSelected] = React93.useState([]);
8847
+ const [selected, setSelected] = React95.useState([]);
8802
8848
  const allSelected = selected.length === data.length;
8803
8849
  const isSelected = (dot) => selected.includes(dot[key]);
8804
8850
  const selectAll = () => setSelected(data.map((dot) => dot[key]));
@@ -9027,6 +9073,7 @@ export {
9027
9073
  Label,
9028
9074
  LabelControl,
9029
9075
  LineClamp,
9076
+ Link2 as Link,
9030
9077
  List,
9031
9078
  ListItem,
9032
9079
  Modal2 as Modal,