@aivenio/aquarium 1.5.0 → 1.7.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 (33) hide show
  1. package/dist/_variables.scss +1 -1
  2. package/dist/_variables_timescale.scss +1 -1
  3. package/dist/atoms.cjs +1 -1
  4. package/dist/atoms.mjs +1 -1
  5. package/dist/src/common/DataList/DataList.d.ts +1 -0
  6. package/dist/src/common/DataList/DataList.js +3 -3
  7. package/dist/src/common/Popover/Popover.js +2 -2
  8. package/dist/src/components/DataList/DataList.d.ts +7 -1
  9. package/dist/src/components/DataList/DataList.js +3 -3
  10. package/dist/src/components/DataTable/DataTable.d.ts +7 -1
  11. package/dist/src/components/DataTable/DataTable.js +3 -3
  12. package/dist/src/components/DropdownMenu/DropdownMenu.d.ts +4 -0
  13. package/dist/src/components/DropdownMenu/DropdownMenu.js +2 -2
  14. package/dist/src/components/EmptyState/EmptyState.d.ts +2 -1
  15. package/dist/src/components/EmptyState/EmptyState.js +4 -4
  16. package/dist/src/components/LineClamp/LineClamp.d.ts +22 -0
  17. package/dist/src/components/LineClamp/LineClamp.js +17 -0
  18. package/dist/src/components/MultiInput/MultiInput.d.ts +2 -1
  19. package/dist/src/components/MultiInput/MultiInput.js +3 -2
  20. package/dist/src/components/Popover/Popover.js +2 -2
  21. package/dist/src/components/Popover/PopoverWrapper.d.ts +1 -0
  22. package/dist/src/components/Popover/PopoverWrapper.js +3 -3
  23. package/dist/src/components/index.d.ts +1 -0
  24. package/dist/src/components/index.js +2 -1
  25. package/dist/styles.css +39 -0
  26. package/dist/styles_timescaledb.css +39 -0
  27. package/dist/system.cjs +359 -320
  28. package/dist/system.mjs +326 -288
  29. package/dist/tailwind.config.js +11 -1
  30. package/dist/tsconfig.module.tsbuildinfo +1 -1
  31. package/dist/types/tailwindGenerated.d.ts +1 -1
  32. package/dist/types/utils.d.ts +3 -0
  33. package/package.json +2 -1
package/dist/system.mjs CHANGED
@@ -1586,6 +1586,7 @@ __export(components_exports, {
1586
1586
  InlineIcon: () => InlineIcon,
1587
1587
  Input: () => Input2,
1588
1588
  InputBase: () => InputBase,
1589
+ LineClamp: () => LineClamp,
1589
1590
  List: () => List,
1590
1591
  ListItem: () => ListItem,
1591
1592
  Modal: () => Modal2,
@@ -4837,7 +4838,7 @@ var PopoverPanel = React38.forwardRef((_a, ref) => {
4837
4838
  className: classNames(
4838
4839
  className,
4839
4840
  tw(
4840
- "rounded-sm shadow-16dp bg-white mt-1 focus-visible:outline-0 focus-visible:border-info-70 border border-grey-20"
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"
4841
4842
  )
4842
4843
  )
4843
4844
  }, props), children);
@@ -4860,7 +4861,8 @@ var PopoverWrapper = React39.forwardRef((props, ref) => {
4860
4861
  isNonModal = true,
4861
4862
  isDismissable,
4862
4863
  autoFocus,
4863
- containFocus
4864
+ containFocus,
4865
+ className
4864
4866
  } = _a, otherProps = __objRest(_a, [
4865
4867
  "id",
4866
4868
  "children",
@@ -4873,7 +4875,8 @@ var PopoverWrapper = React39.forwardRef((props, ref) => {
4873
4875
  "isNonModal",
4874
4876
  "isDismissable",
4875
4877
  "autoFocus",
4876
- "containFocus"
4878
+ "containFocus",
4879
+ "className"
4877
4880
  ]);
4878
4881
  const { overlayProps } = useOverlay(
4879
4882
  __spreadProps(__spreadValues({}, props), { isDismissable: isDismissable && isOpen }),
@@ -4893,7 +4896,8 @@ var PopoverWrapper = React39.forwardRef((props, ref) => {
4893
4896
  ref,
4894
4897
  role: "dialog"
4895
4898
  }, mergeProps2(otherProps, modalProps, overlayProps)), {
4896
- id: id != null ? id : overlayProps.id
4899
+ id: id != null ? id : overlayProps.id,
4900
+ className
4897
4901
  }), children, /* @__PURE__ */ React39.createElement(DismissButton, {
4898
4902
  onDismiss: props.onClose
4899
4903
  }))));
@@ -5308,10 +5312,11 @@ var Row = (_a) => {
5308
5312
  }));
5309
5313
  };
5310
5314
  var SortCell = (_a) => {
5311
- var _b = _a, { children, direction = "none", onClick } = _b, rest = __objRest(_b, ["children", "direction", "onClick"]);
5315
+ var _b = _a, { children, direction = "none", onClick, sticky } = _b, rest = __objRest(_b, ["children", "direction", "onClick", "sticky"]);
5312
5316
  return /* @__PURE__ */ React45.createElement(HeadCell, __spreadProps(__spreadValues({}, rest), {
5313
5317
  "aria-sort": direction,
5314
- role: "cell"
5318
+ role: "cell",
5319
+ sticky
5315
5320
  }), /* @__PURE__ */ React45.createElement("span", {
5316
5321
  className: getSortCellButtonClassNames(rest.align),
5317
5322
  role: "button",
@@ -5369,7 +5374,7 @@ var useTableSort = () => {
5369
5374
  };
5370
5375
 
5371
5376
  // src/components/DataList/DataList.tsx
5372
- var DataList2 = ({ columns, rows }) => {
5377
+ var DataList2 = ({ columns, rows, sticky }) => {
5373
5378
  const [sort, updateSort] = useTableSort();
5374
5379
  const sortedRows = orderBy2(rows, [sort == null ? void 0 : sort.key], [toSortDirection(sort == null ? void 0 : sort.direction)]);
5375
5380
  const templateColumns = columns.map((column) => {
@@ -5381,8 +5386,11 @@ var DataList2 = ({ columns, rows }) => {
5381
5386
  }, columns.map(
5382
5387
  (column) => (column.type === "text" || column.type === "number") && column.sortable ? /* @__PURE__ */ React47.createElement(DataList.SortCell, __spreadValues({
5383
5388
  direction: sort && sort.key === column.field ? sort.direction : "none",
5384
- onClick: () => updateSort(column.field)
5385
- }, cellProps(column)), column.headerName) : /* @__PURE__ */ React47.createElement(DataList.HeadCell, __spreadValues({}, cellProps(column)), column.headerName)
5389
+ onClick: () => updateSort(column.field),
5390
+ sticky
5391
+ }, cellProps(column)), column.headerName) : /* @__PURE__ */ React47.createElement(DataList.HeadCell, __spreadProps(__spreadValues({}, cellProps(column)), {
5392
+ sticky
5393
+ }), column.headerName)
5386
5394
  ), /* @__PURE__ */ React47.createElement(List, {
5387
5395
  items: sortedRows,
5388
5396
  renderItem: (row, index) => /* @__PURE__ */ React47.createElement(DataList.Row, {
@@ -5450,12 +5458,14 @@ var DataTable = (_a) => {
5450
5458
  columns,
5451
5459
  rows,
5452
5460
  noWrap = false,
5453
- layout = "auto"
5461
+ layout = "auto",
5462
+ sticky
5454
5463
  } = _b, rest = __objRest(_b, [
5455
5464
  "columns",
5456
5465
  "rows",
5457
5466
  "noWrap",
5458
- "layout"
5467
+ "layout",
5468
+ "sticky"
5459
5469
  ]);
5460
5470
  const [sort, updateSort] = useTableSort();
5461
5471
  const sortedRows = orderBy3(rows, [sort == null ? void 0 : sort.key], [toSortDirection(sort == null ? void 0 : sort.direction)]);
@@ -5465,7 +5475,9 @@ var DataTable = (_a) => {
5465
5475
  "table-auto": layout === "auto",
5466
5476
  "table-fixed": layout === "fixed"
5467
5477
  })
5468
- }), /* @__PURE__ */ React50.createElement(Table2.Head, null, columns.map(
5478
+ }), /* @__PURE__ */ React50.createElement(Table2.Head, {
5479
+ sticky
5480
+ }, columns.map(
5469
5481
  (column) => (column.type === "text" || column.type === "number") && column.sortable ? /* @__PURE__ */ React50.createElement(Table2.SortCell, __spreadValues({
5470
5482
  direction: sort && sort.key === column.field ? sort.direction : "none",
5471
5483
  onClick: () => updateSort(column.field),
@@ -5775,7 +5787,8 @@ var Popover2 = (props) => {
5775
5787
  autoFocus,
5776
5788
  containFocus
5777
5789
  }, popoverProps), otherOverlayProps), {
5778
- id
5790
+ id,
5791
+ className: child.props.className
5779
5792
  }), child.props.children);
5780
5793
  }
5781
5794
  throw new Error("Invalid children element type");
@@ -6337,7 +6350,7 @@ var MenuWrapper = (_a) => {
6337
6350
  var ItemWrapper = ({ item, state }) => {
6338
6351
  const ref = React59.useRef(null);
6339
6352
  const { menuItemProps, descriptionProps, isSelected, isFocused, isDisabled } = useMenuItem(
6340
- { key: item.key },
6353
+ { key: item.key, closeOnSelect: item.props.closeOnSelect },
6341
6354
  state,
6342
6355
  ref
6343
6356
  );
@@ -6462,6 +6475,7 @@ var EmptyState = ({
6462
6475
  imageAlt = "",
6463
6476
  imageWidth,
6464
6477
  description,
6478
+ children,
6465
6479
  primaryAction,
6466
6480
  secondaryAction,
6467
6481
  footer,
@@ -6499,12 +6513,12 @@ var EmptyState = ({
6499
6513
  }, /* @__PURE__ */ React61.createElement(Typography2, {
6500
6514
  variant: "heading",
6501
6515
  htmlTag: "h2"
6502
- }, title), description && /* @__PURE__ */ React61.createElement(Box, {
6516
+ }, title), (description || children) && /* @__PURE__ */ React61.createElement(Box, {
6503
6517
  marginTop: "5"
6504
6518
  }, /* @__PURE__ */ React61.createElement(Typography2, {
6505
6519
  variant: "default",
6506
6520
  color: "grey-60"
6507
- }, description)), (secondaryAction || primaryAction) && /* @__PURE__ */ React61.createElement(Flexbox, {
6521
+ }, children || description)), (secondaryAction || primaryAction) && /* @__PURE__ */ React61.createElement(Flexbox, {
6508
6522
  marginTop: "7",
6509
6523
  gap: "4",
6510
6524
  justifyContent: "center",
@@ -6558,24 +6572,44 @@ var GridItem = Tailwindify(
6558
6572
  }
6559
6573
  );
6560
6574
 
6561
- // src/components/List/List.tsx
6575
+ // src/components/LineClamp/LineClamp.tsx
6562
6576
  import React63 from "react";
6563
- var List = ({ items, renderItem, container = React63.Fragment }) => {
6577
+ var LineClamp = ({ lines, children, expandLabel, collapseLabel }) => {
6578
+ const ref = React63.useRef(null);
6579
+ const [clamped, setClamped] = React63.useState(true);
6580
+ const [isClampingEnabled, setClampingEnabled] = React63.useState(false);
6581
+ React63.useEffect(() => {
6582
+ var _a, _b;
6583
+ const el = ref.current;
6584
+ setClampingEnabled(((_a = el == null ? void 0 : el.scrollHeight) != null ? _a : 0) > ((_b = el == null ? void 0 : el.clientHeight) != null ? _b : 0));
6585
+ }, [ref.current]);
6586
+ return /* @__PURE__ */ React63.createElement("div", null, /* @__PURE__ */ React63.createElement("div", {
6587
+ ref,
6588
+ className: classNames({ [`line-clamp-${lines}`]: clamped })
6589
+ }, children), expandLabel && isClampingEnabled && /* @__PURE__ */ React63.createElement(GhostButton, {
6590
+ dense: true,
6591
+ onClick: () => setClamped(!clamped)
6592
+ }, clamped ? expandLabel : collapseLabel));
6593
+ };
6594
+
6595
+ // src/components/List/List.tsx
6596
+ import React64 from "react";
6597
+ var List = ({ items, renderItem, container = React64.Fragment }) => {
6564
6598
  const Component = container;
6565
- return /* @__PURE__ */ React63.createElement(Component, null, items.map(renderItem));
6599
+ return /* @__PURE__ */ React64.createElement(Component, null, items.map(renderItem));
6566
6600
  };
6567
6601
 
6568
6602
  // src/components/ListItem/ListItem.tsx
6569
- import React64 from "react";
6603
+ import React65 from "react";
6570
6604
  var ListItem = ({ name, icon, active = false }) => {
6571
- return /* @__PURE__ */ React64.createElement(Flexbox, {
6605
+ return /* @__PURE__ */ React65.createElement(Flexbox, {
6572
6606
  alignItems: "center"
6573
- }, /* @__PURE__ */ React64.createElement(Typography2, {
6607
+ }, /* @__PURE__ */ React65.createElement(Typography2, {
6574
6608
  variant: active ? "small-strong" : "small",
6575
6609
  color: "grey-70",
6576
6610
  htmlTag: "span",
6577
6611
  className: `px-4 py-2 rounded-full ${active ? "bg-grey-5" : "hover:bg-grey-0"}`
6578
- }, /* @__PURE__ */ React64.createElement("img", {
6612
+ }, /* @__PURE__ */ React65.createElement("img", {
6579
6613
  src: icon,
6580
6614
  alt: name,
6581
6615
  className: "inline mr-4",
@@ -6585,7 +6619,7 @@ var ListItem = ({ name, icon, active = false }) => {
6585
6619
  };
6586
6620
 
6587
6621
  // src/components/Modal/Modal.tsx
6588
- import React66 from "react";
6622
+ import React67 from "react";
6589
6623
  import { useDialog as useDialog2 } from "@react-aria/dialog";
6590
6624
  import { FocusScope as FocusScope3 } from "@react-aria/focus";
6591
6625
  import { Overlay as Overlay2, useModalOverlay as useModalOverlay2 } from "@react-aria/overlays";
@@ -6595,18 +6629,18 @@ import castArray from "lodash/castArray";
6595
6629
  import omit10 from "lodash/omit";
6596
6630
 
6597
6631
  // src/components/Tabs/Tabs.tsx
6598
- import React65, { useEffect as useEffect5, useLayoutEffect as useLayoutEffect2, useRef as useRef6, useState as useState7 } from "react";
6632
+ import React66, { useEffect as useEffect5, useLayoutEffect as useLayoutEffect2, useRef as useRef6, useState as useState7 } from "react";
6599
6633
  import isNumber4 from "lodash/isNumber";
6600
6634
  import kebabCase from "lodash/kebabCase";
6601
6635
  var import_chevronLeft2 = __toESM(require_chevronLeft());
6602
6636
  var import_chevronRight2 = __toESM(require_chevronRight());
6603
6637
  var import_warningSign3 = __toESM(require_warningSign());
6604
6638
  var isTabComponent = (c) => {
6605
- return React65.isValidElement(c) && (c.type === Tab || c.type === ModalTab);
6639
+ return React66.isValidElement(c) && (c.type === Tab || c.type === ModalTab);
6606
6640
  };
6607
- var Tab = React65.forwardRef(
6641
+ var Tab = React66.forwardRef(
6608
6642
  ({ className, id, title, children }, ref) => {
6609
- return /* @__PURE__ */ React65.createElement("div", {
6643
+ return /* @__PURE__ */ React66.createElement("div", {
6610
6644
  ref,
6611
6645
  id: `${id != null ? id : kebabCase(title)}-panel`,
6612
6646
  className,
@@ -6618,14 +6652,14 @@ var Tab = React65.forwardRef(
6618
6652
  );
6619
6653
  var TabContainer = (_a) => {
6620
6654
  var _b = _a, { className, children } = _b, rest = __objRest(_b, ["className", "children"]);
6621
- return /* @__PURE__ */ React65.createElement("div", __spreadProps(__spreadValues({}, rest), {
6655
+ return /* @__PURE__ */ React66.createElement("div", __spreadProps(__spreadValues({}, rest), {
6622
6656
  className: classNames("py-6 z-0", className)
6623
6657
  }), children);
6624
6658
  };
6625
6659
  var ModalTab = Tab;
6626
6660
  var ModalTabContainer = TabContainer;
6627
6661
  var asTabItem = (Component, displayName, { defaultUnderlineHidden } = {}) => {
6628
- const Tab2 = React65.forwardRef(
6662
+ const Tab2 = React66.forwardRef(
6629
6663
  (_a, ref) => {
6630
6664
  var _b = _a, {
6631
6665
  id,
@@ -6655,17 +6689,17 @@ var asTabItem = (Component, displayName, { defaultUnderlineHidden } = {}) => {
6655
6689
  const _id = id != null ? id : kebabCase(title);
6656
6690
  let statusIcon = void 0;
6657
6691
  if (status === "warning") {
6658
- statusIcon = /* @__PURE__ */ React65.createElement(InlineIcon, {
6692
+ statusIcon = /* @__PURE__ */ React66.createElement(InlineIcon, {
6659
6693
  icon: import_warningSign3.default,
6660
6694
  color: "warning-80"
6661
6695
  });
6662
6696
  } else if (status === "error") {
6663
- statusIcon = /* @__PURE__ */ React65.createElement(InlineIcon, {
6697
+ statusIcon = /* @__PURE__ */ React66.createElement(InlineIcon, {
6664
6698
  icon: import_warningSign3.default,
6665
6699
  color: "error-50"
6666
6700
  });
6667
6701
  }
6668
- const tab = /* @__PURE__ */ React65.createElement(Component, __spreadValues({
6702
+ const tab = /* @__PURE__ */ React66.createElement(Component, __spreadValues({
6669
6703
  ref,
6670
6704
  id: `${_id}-tab`,
6671
6705
  onClick: () => !disabled && onSelected(value != null ? value : index),
@@ -6682,24 +6716,24 @@ var asTabItem = (Component, displayName, { defaultUnderlineHidden } = {}) => {
6682
6716
  "aria-selected": selected,
6683
6717
  "aria-controls": `${_id}-panel`,
6684
6718
  tabIndex: disabled ? void 0 : 0
6685
- }, rest), /* @__PURE__ */ React65.createElement(Typography2, {
6719
+ }, rest), /* @__PURE__ */ React66.createElement(Typography2, {
6686
6720
  htmlTag: "div",
6687
6721
  variant: "small",
6688
6722
  color: selected ? "primary-80" : disabled ? "grey-20" : "current",
6689
6723
  className: tw("inline-flex items-center gap-3")
6690
- }, /* @__PURE__ */ React65.createElement("span", {
6724
+ }, /* @__PURE__ */ React66.createElement("span", {
6691
6725
  className: tw("whitespace-nowrap")
6692
- }, title), isNumber4(badge) && /* @__PURE__ */ React65.createElement(Typography2, {
6726
+ }, title), isNumber4(badge) && /* @__PURE__ */ React66.createElement(Typography2, {
6693
6727
  htmlTag: "span",
6694
6728
  variant: "small",
6695
6729
  color: selected ? "primary-80" : "grey-5",
6696
6730
  className: "leading-none"
6697
- }, /* @__PURE__ */ React65.createElement(TabBadge, {
6731
+ }, /* @__PURE__ */ React66.createElement(TabBadge, {
6698
6732
  kind: "filled",
6699
6733
  value: badge,
6700
6734
  textClassname: classNames({ "text-white": selected, "text-grey-50": !selected })
6701
6735
  })), statusIcon));
6702
- return tooltip ? /* @__PURE__ */ React65.createElement(Tooltip, {
6736
+ return tooltip ? /* @__PURE__ */ React66.createElement(Tooltip, {
6703
6737
  content: tooltip
6704
6738
  }, tab) : tab;
6705
6739
  }
@@ -6713,7 +6747,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
6713
6747
  const Tabs2 = (props) => {
6714
6748
  var _a, _b;
6715
6749
  const { className, value, defaultValue, onChange, children } = props;
6716
- const childArr = React65.Children.toArray(children);
6750
+ const childArr = React66.Children.toArray(children);
6717
6751
  const firstTab = childArr[0];
6718
6752
  const firstTabValue = isTabComponent(firstTab) ? firstTab.props.value : -1;
6719
6753
  const [selected, setSelected] = useState7((_b = (_a = value != null ? value : defaultValue) != null ? _a : firstTabValue) != null ? _b : 0);
@@ -6726,7 +6760,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
6726
6760
  var _a2, _b2;
6727
6761
  const container = containerRef.current;
6728
6762
  const tabs = tabsRef.current;
6729
- const values = React65.Children.map(
6763
+ const values = React66.Children.map(
6730
6764
  children,
6731
6765
  (tab, i) => {
6732
6766
  var _a3;
@@ -6767,7 +6801,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
6767
6801
  updateCarets();
6768
6802
  setSelected(value);
6769
6803
  revealSelectedTab({ smooth: value !== selected });
6770
- }, [value, React65.Children.count(children)]);
6804
+ }, [value, React66.Children.count(children)]);
6771
6805
  useLayoutEffect2(() => {
6772
6806
  var _a2;
6773
6807
  updateCarets();
@@ -6831,27 +6865,27 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
6831
6865
  const handleSelected = (key) => {
6832
6866
  (onChange != null ? onChange : setSelected)(key);
6833
6867
  };
6834
- React65.Children.forEach(children, (c) => {
6868
+ React66.Children.forEach(children, (c) => {
6835
6869
  if (c && !isTabComponent(c)) {
6836
6870
  throw new Error("<Tabs> can only have <Tabs.Tab> components as children");
6837
6871
  }
6838
6872
  });
6839
- return /* @__PURE__ */ React65.createElement("div", {
6873
+ return /* @__PURE__ */ React66.createElement("div", {
6840
6874
  ref: parentRef,
6841
6875
  className: classNames(tw("h-full"), className)
6842
- }, /* @__PURE__ */ React65.createElement("div", {
6876
+ }, /* @__PURE__ */ React66.createElement("div", {
6843
6877
  className: tw("relative flex items-center h-full border-b-2 border-grey-10")
6844
- }, /* @__PURE__ */ React65.createElement("div", {
6878
+ }, /* @__PURE__ */ React66.createElement("div", {
6845
6879
  ref: containerRef,
6846
6880
  className: tw("overflow-y-auto scrollbar-hide h-full mb-[-2px]")
6847
- }, /* @__PURE__ */ React65.createElement("div", {
6881
+ }, /* @__PURE__ */ React66.createElement("div", {
6848
6882
  ref: tabsRef,
6849
6883
  role: "tablist",
6850
6884
  "aria-label": "tabs",
6851
6885
  className: tw("inline-flex items-center cursor-pointer font-normal h-full")
6852
- }, React65.Children.map(
6886
+ }, React66.Children.map(
6853
6887
  children,
6854
- (tab, index) => tab ? /* @__PURE__ */ React65.createElement(TabItemComponent, __spreadProps(__spreadValues({
6888
+ (tab, index) => tab ? /* @__PURE__ */ React66.createElement(TabItemComponent, __spreadProps(__spreadValues({
6855
6889
  key: tab.props.value
6856
6890
  }, tab.props), {
6857
6891
  index,
@@ -6859,20 +6893,20 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
6859
6893
  onKeyDown: handleKeyDown,
6860
6894
  onSelected: handleSelected
6861
6895
  })) : void 0
6862
- ))), leftCaret && /* @__PURE__ */ React65.createElement("div", {
6896
+ ))), leftCaret && /* @__PURE__ */ React66.createElement("div", {
6863
6897
  className: tw("absolute left-0 bg-gradient-to-r from-white via-white z-20 py-3 pr-4")
6864
- }, /* @__PURE__ */ React65.createElement("div", {
6898
+ }, /* @__PURE__ */ React66.createElement("div", {
6865
6899
  onClick: () => handleScrollToNext("left"),
6866
6900
  className: tw("hover:bg-grey-0 p-2 leading-none cursor-pointer")
6867
- }, /* @__PURE__ */ React65.createElement(InlineIcon, {
6901
+ }, /* @__PURE__ */ React66.createElement(InlineIcon, {
6868
6902
  icon: import_chevronLeft2.default
6869
- }))), rightCaret && /* @__PURE__ */ React65.createElement("div", {
6903
+ }))), rightCaret && /* @__PURE__ */ React66.createElement("div", {
6870
6904
  onClick: () => handleScrollToNext("right"),
6871
6905
  className: tw("absolute right-0 bg-gradient-to-l from-white via-white z-20 py-3 pl-4")
6872
- }, /* @__PURE__ */ React65.createElement("div", {
6906
+ }, /* @__PURE__ */ React66.createElement("div", {
6873
6907
  onClick: () => handleScrollToNext("right"),
6874
6908
  className: tw("hover:bg-grey-0 p-2 leading-none cursor-pointer")
6875
- }, /* @__PURE__ */ React65.createElement(InlineIcon, {
6909
+ }, /* @__PURE__ */ React66.createElement(InlineIcon, {
6876
6910
  icon: import_chevronRight2.default
6877
6911
  })))), renderChildren(children, selected, props));
6878
6912
  };
@@ -6880,7 +6914,7 @@ var createTabsComponent = (TabComponent, TabItemComponent, displayName, renderCh
6880
6914
  Tabs2.Tab = TabComponent;
6881
6915
  return Tabs2;
6882
6916
  };
6883
- var Tabs = createTabsComponent(Tab, TabItem, "Tabs", (children, selected) => /* @__PURE__ */ React65.createElement(TabContainer, null, children.find(
6917
+ var Tabs = createTabsComponent(Tab, TabItem, "Tabs", (children, selected) => /* @__PURE__ */ React66.createElement(TabContainer, null, children.find(
6884
6918
  (node, index) => (node == null ? void 0 : node.props.value) === selected || index === selected
6885
6919
  )));
6886
6920
 
@@ -6897,7 +6931,7 @@ var Modal2 = ({
6897
6931
  secondaryActions,
6898
6932
  size
6899
6933
  }) => {
6900
- const ref = React66.useRef(null);
6934
+ const ref = React67.useRef(null);
6901
6935
  const state = useOverlayTriggerState4({ isOpen: open });
6902
6936
  const { modalProps, underlayProps } = useModalOverlay2({ isDismissable: false }, state, ref);
6903
6937
  const labelledBy = useId2();
@@ -6909,35 +6943,35 @@ var Modal2 = ({
6909
6943
  if (!open) {
6910
6944
  return null;
6911
6945
  }
6912
- return /* @__PURE__ */ React66.createElement(Overlay2, null, /* @__PURE__ */ React66.createElement(Modal, {
6946
+ return /* @__PURE__ */ React67.createElement(Overlay2, null, /* @__PURE__ */ React67.createElement(Modal, {
6913
6947
  open: state.isOpen
6914
- }, /* @__PURE__ */ React66.createElement(Modal.BackDrop, __spreadValues({}, underlayProps)), /* @__PURE__ */ React66.createElement(FocusScope3, {
6948
+ }, /* @__PURE__ */ React67.createElement(Modal.BackDrop, __spreadValues({}, underlayProps)), /* @__PURE__ */ React67.createElement(FocusScope3, {
6915
6949
  contain: true,
6916
6950
  restoreFocus: true,
6917
6951
  autoFocus: true
6918
- }, /* @__PURE__ */ React66.createElement(Modal.Dialog, __spreadValues(__spreadValues({
6952
+ }, /* @__PURE__ */ React67.createElement(Modal.Dialog, __spreadValues(__spreadValues({
6919
6953
  ref,
6920
6954
  size
6921
- }, modalProps), dialogProps), /* @__PURE__ */ React66.createElement(Modal.CloseButtonContainer, null, /* @__PURE__ */ React66.createElement(IconButton, {
6955
+ }, modalProps), dialogProps), /* @__PURE__ */ React67.createElement(Modal.CloseButtonContainer, null, /* @__PURE__ */ React67.createElement(IconButton, {
6922
6956
  "aria-label": "Close",
6923
6957
  icon: import_cross5.default,
6924
6958
  onClick: onClose
6925
- })), headerImage !== void 0 && /* @__PURE__ */ React66.createElement(Modal.HeaderImage, {
6959
+ })), headerImage !== void 0 && /* @__PURE__ */ React67.createElement(Modal.HeaderImage, {
6926
6960
  backgroundImage: headerImage
6927
- }), /* @__PURE__ */ React66.createElement(Modal.Header, {
6961
+ }), /* @__PURE__ */ React67.createElement(Modal.Header, {
6928
6962
  className: tw({ "pb-3": isComponentType(children, ModalTabs) })
6929
- }, /* @__PURE__ */ React66.createElement(Modal.TitleContainer, null, /* @__PURE__ */ React66.createElement(Modal.Title, {
6963
+ }, /* @__PURE__ */ React67.createElement(Modal.TitleContainer, null, /* @__PURE__ */ React67.createElement(Modal.Title, {
6930
6964
  id: labelledBy
6931
- }, title), subtitle && /* @__PURE__ */ React66.createElement(Modal.Subtitle, null, subtitle))), isComponentType(children, ModalTabs) ? React66.cloneElement(children, { className: tw("[&>div:first-child]:px-5 grow") }) : /* @__PURE__ */ React66.createElement(Modal.Body, {
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, {
6932
6966
  id: describedBy,
6933
6967
  tabIndex: 0,
6934
6968
  noFooter: !(secondaryActions || primaryAction)
6935
- }, children), (secondaryActions || primaryAction) && /* @__PURE__ */ React66.createElement(Modal.Footer, null, /* @__PURE__ */ React66.createElement(Modal.Actions, null, secondaryActions && castArray(secondaryActions).filter(Boolean).map((_a) => {
6969
+ }, children), (secondaryActions || primaryAction) && /* @__PURE__ */ React67.createElement(Modal.Footer, null, /* @__PURE__ */ React67.createElement(Modal.Actions, null, secondaryActions && castArray(secondaryActions).filter(Boolean).map((_a) => {
6936
6970
  var _b = _a, { text } = _b, action = __objRest(_b, ["text"]);
6937
- return /* @__PURE__ */ React66.createElement(SecondaryButton, __spreadValues({
6971
+ return /* @__PURE__ */ React67.createElement(SecondaryButton, __spreadValues({
6938
6972
  key: text
6939
6973
  }, action), text);
6940
- }), primaryAction && /* @__PURE__ */ React66.createElement(PrimaryButton, __spreadValues({
6974
+ }), primaryAction && /* @__PURE__ */ React67.createElement(PrimaryButton, __spreadValues({
6941
6975
  key: primaryAction.text
6942
6976
  }, omit10(primaryAction, "text")), primaryAction.text)))))));
6943
6977
  };
@@ -6945,24 +6979,24 @@ var ModalTabs = createTabsComponent(
6945
6979
  ModalTab,
6946
6980
  TabItem,
6947
6981
  "ModalTabs",
6948
- (children, selected, props) => /* @__PURE__ */ React66.createElement(Modal.Body, {
6982
+ (children, selected, props) => /* @__PURE__ */ React67.createElement(Modal.Body, {
6949
6983
  maxHeight: props.maxHeight
6950
- }, /* @__PURE__ */ React66.createElement(ModalTabContainer, null, children.find(
6984
+ }, /* @__PURE__ */ React67.createElement(ModalTabContainer, null, children.find(
6951
6985
  (node, index) => (node == null ? void 0 : node.props.value) === selected || index === selected
6952
6986
  )))
6953
6987
  );
6954
6988
 
6955
6989
  // src/components/MultiInput/MultiInput.tsx
6956
- import React68, { useEffect as useEffect6, useRef as useRef7, useState as useState8 } from "react";
6990
+ import React69, { useEffect as useEffect6, useRef as useRef7, useState as useState8 } from "react";
6957
6991
  import castArray2 from "lodash/castArray";
6958
6992
  import identity from "lodash/identity";
6959
6993
  import omit11 from "lodash/omit";
6960
6994
  import uniqueId4 from "lodash/uniqueId";
6961
6995
 
6962
6996
  // src/components/MultiInput/InputChip.tsx
6963
- import React67 from "react";
6997
+ import React68 from "react";
6964
6998
  var import_smallCross = __toESM(require_smallCross());
6965
- var InputChip = React67.forwardRef(
6999
+ var InputChip = React68.forwardRef(
6966
7000
  (_a, ref) => {
6967
7001
  var _b = _a, { invalid = false, disabled, readOnly, className, onClick: _onClick, children } = _b, props = __objRest(_b, ["invalid", "disabled", "readOnly", "className", "onClick", "children"]);
6968
7002
  const onClick = (e) => {
@@ -6970,7 +7004,7 @@ var InputChip = React67.forwardRef(
6970
7004
  _onClick == null ? void 0 : _onClick(e);
6971
7005
  }
6972
7006
  };
6973
- return /* @__PURE__ */ React67.createElement("div", __spreadValues({
7007
+ return /* @__PURE__ */ React68.createElement("div", __spreadValues({
6974
7008
  ref,
6975
7009
  role: "button",
6976
7010
  className: classNames(className, "inline-flex align-middle mx-1 px-2 py-1 items-center rounded-sm break-all", {
@@ -6980,10 +7014,10 @@ var InputChip = React67.forwardRef(
6980
7014
  "bg-grey-5 pointer-events-none": disabled
6981
7015
  }),
6982
7016
  onClick
6983
- }, props), /* @__PURE__ */ React67.createElement(Typography2, {
7017
+ }, props), /* @__PURE__ */ React68.createElement(Typography2, {
6984
7018
  variant: "small",
6985
7019
  color: invalid ? "error-80" : disabled ? "grey-40" : "grey-70"
6986
- }, children), !readOnly && /* @__PURE__ */ React67.createElement("div", null, /* @__PURE__ */ React67.createElement(Icon, {
7020
+ }, children), !readOnly && /* @__PURE__ */ React68.createElement("div", null, /* @__PURE__ */ React68.createElement(Icon, {
6987
7021
  icon: import_smallCross.default,
6988
7022
  className: tw("ml-2", {
6989
7023
  "text-error-70": invalid,
@@ -7011,6 +7045,7 @@ var MultiInputBase = (_a) => {
7011
7045
  itemToString = (val) => String(val),
7012
7046
  createItem = (val) => val,
7013
7047
  onChange,
7048
+ onBlur,
7014
7049
  onInputChange,
7015
7050
  isItemValid,
7016
7051
  disabled = false,
@@ -7032,6 +7067,7 @@ var MultiInputBase = (_a) => {
7032
7067
  "itemToString",
7033
7068
  "createItem",
7034
7069
  "onChange",
7070
+ "onBlur",
7035
7071
  "onInputChange",
7036
7072
  "isItemValid",
7037
7073
  "disabled",
@@ -7118,10 +7154,11 @@ var MultiInputBase = (_a) => {
7118
7154
  if (value2) {
7119
7155
  handleAddItem(value2);
7120
7156
  }
7157
+ onBlur == null ? void 0 : onBlur();
7121
7158
  };
7122
7159
  const renderChips = () => items == null ? void 0 : items.map((item, index) => {
7123
7160
  var _a3;
7124
- return /* @__PURE__ */ React68.createElement(InputChip, {
7161
+ return /* @__PURE__ */ React69.createElement(InputChip, {
7125
7162
  key: `${itemToString(item)}.${index}`,
7126
7163
  invalid: !((_a3 = isItemValid == null ? void 0 : isItemValid(item, index)) != null ? _a3 : true),
7127
7164
  readOnly,
@@ -7132,11 +7169,11 @@ var MultiInputBase = (_a) => {
7132
7169
  }
7133
7170
  }, itemToString(item));
7134
7171
  });
7135
- return /* @__PURE__ */ React68.createElement("div", null, /* @__PURE__ */ React68.createElement(Select.InputContainer, {
7172
+ return /* @__PURE__ */ React69.createElement("div", null, /* @__PURE__ */ React69.createElement(Select.InputContainer, {
7136
7173
  variant: disabled ? "disabled" : valid === false ? "error" : readOnly ? "readOnly" : hasFocus ? "focused" : "default"
7137
- }, /* @__PURE__ */ React68.createElement("div", {
7174
+ }, /* @__PURE__ */ React69.createElement("div", {
7138
7175
  className: "grow inline-flex flex-row flex-wrap gap-y-2"
7139
- }, inline && renderChips(), /* @__PURE__ */ React68.createElement(Select.Input, __spreadProps(__spreadValues({
7176
+ }, inline && renderChips(), /* @__PURE__ */ React69.createElement(Select.Input, __spreadProps(__spreadValues({
7140
7177
  ref: inputRef,
7141
7178
  id: id != null ? id : name,
7142
7179
  name,
@@ -7154,11 +7191,11 @@ var MultiInputBase = (_a) => {
7154
7191
  onFocus: handleFocus,
7155
7192
  onBlur: handleBlur,
7156
7193
  autoComplete: "off"
7157
- }))), endAdornment && /* @__PURE__ */ React68.createElement(InputAdornment, null, endAdornment)), !inline && /* @__PURE__ */ React68.createElement("div", {
7194
+ }))), endAdornment && /* @__PURE__ */ React69.createElement(InputAdornment, null, endAdornment)), !inline && /* @__PURE__ */ React69.createElement("div", {
7158
7195
  className: tw("flex flex-row flex-wrap gap-y-2 mt-2")
7159
7196
  }, renderChips()));
7160
7197
  };
7161
- var BaseMultiInputSkeleton = () => /* @__PURE__ */ React68.createElement(Skeleton, {
7198
+ var BaseMultiInputSkeleton = () => /* @__PURE__ */ React69.createElement(Skeleton, {
7162
7199
  height: 38
7163
7200
  });
7164
7201
  MultiInputBase.Skeleton = BaseMultiInputSkeleton;
@@ -7175,14 +7212,14 @@ var MultiInput = (props) => {
7175
7212
  const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
7176
7213
  const labelControlProps = getLabelControlProps(props);
7177
7214
  const baseProps = omit11(props, Object.keys(labelControlProps));
7178
- return /* @__PURE__ */ React68.createElement(LabelControl, __spreadProps(__spreadValues({
7215
+ return /* @__PURE__ */ React69.createElement(LabelControl, __spreadProps(__spreadValues({
7179
7216
  id: `${id.current}-label`,
7180
7217
  htmlFor: `${id.current}-input`,
7181
7218
  messageId: errorMessageId
7182
7219
  }, labelControlProps), {
7183
7220
  length: value.length,
7184
7221
  maxLength
7185
- }), /* @__PURE__ */ React68.createElement(MultiInputBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
7222
+ }), /* @__PURE__ */ React69.createElement(MultiInputBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
7186
7223
  id: `${id.current}-input`,
7187
7224
  onChange: (value2) => {
7188
7225
  var _a2;
@@ -7194,12 +7231,12 @@ var MultiInput = (props) => {
7194
7231
  valid: props.valid
7195
7232
  })));
7196
7233
  };
7197
- var MultiInputSkeleton = () => /* @__PURE__ */ React68.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React68.createElement(MultiInputBase.Skeleton, null));
7234
+ var MultiInputSkeleton = () => /* @__PURE__ */ React69.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React69.createElement(MultiInputBase.Skeleton, null));
7198
7235
  MultiInput.Skeleton = MultiInputSkeleton;
7199
7236
  MultiInput.Skeleton.displayName = "MultiInput.Skeleton";
7200
7237
 
7201
7238
  // src/components/MultiSelect/MultiSelect.tsx
7202
- import React69, { useRef as useRef8, useState as useState9 } from "react";
7239
+ import React70, { useRef as useRef8, useState as useState9 } from "react";
7203
7240
  import { useOverlayPosition as useOverlayPosition5 } from "@react-aria/overlays";
7204
7241
  import { useCombobox as useCombobox2, useMultipleSelection } from "downshift";
7205
7242
  import isNil from "lodash/isNil";
@@ -7327,7 +7364,7 @@ var MultiSelectBase = (_a) => {
7327
7364
  });
7328
7365
  const inputProps = getInputProps(getDropdownProps({ disabled: disabled || readOnly }));
7329
7366
  const renderChips = () => {
7330
- return selectedItems.map((selectedItem, index) => /* @__PURE__ */ React69.createElement(InputChip, __spreadProps(__spreadValues({
7367
+ return selectedItems.map((selectedItem, index) => /* @__PURE__ */ React70.createElement(InputChip, __spreadProps(__spreadValues({
7331
7368
  key: `${itemToString(selectedItem)}.chip`,
7332
7369
  className: tw("mx-0"),
7333
7370
  disabled,
@@ -7343,14 +7380,14 @@ var MultiSelectBase = (_a) => {
7343
7380
  const hasNoResults = options.length === 0 || filteredOptions.length === 0;
7344
7381
  const width = (_a2 = targetRef.current) == null ? void 0 : _a2.offsetWidth;
7345
7382
  const style = isOpen ? __spreadProps(__spreadValues({}, overlayProps.style), { width }) : { display: "none" };
7346
- return /* @__PURE__ */ React69.createElement("div", {
7383
+ return /* @__PURE__ */ React70.createElement("div", {
7347
7384
  className: tw("relative")
7348
- }, /* @__PURE__ */ React69.createElement(Select.InputContainer, {
7385
+ }, /* @__PURE__ */ React70.createElement(Select.InputContainer, {
7349
7386
  ref: targetRef,
7350
7387
  variant: disabled ? "disabled" : !valid ? "error" : readOnly ? "readOnly" : hasFocus ? "focused" : "default"
7351
- }, /* @__PURE__ */ React69.createElement("div", {
7388
+ }, /* @__PURE__ */ React70.createElement("div", {
7352
7389
  className: "grow inline-flex flex-row flex-wrap gap-2"
7353
- }, !hideChips && inline && renderChips(), /* @__PURE__ */ React69.createElement(Select.Input, __spreadProps(__spreadValues(__spreadValues({
7390
+ }, !hideChips && inline && renderChips(), /* @__PURE__ */ React70.createElement(Select.Input, __spreadProps(__spreadValues(__spreadValues({
7354
7391
  id,
7355
7392
  name,
7356
7393
  placeholder: selectedItems.length === 0 && !readOnly ? placeholder : "",
@@ -7371,12 +7408,12 @@ var MultiSelectBase = (_a) => {
7371
7408
  setFocus(false);
7372
7409
  (_a3 = inputProps.onBlur) == null ? void 0 : _a3.call(inputProps, e);
7373
7410
  }
7374
- }))), !readOnly && /* @__PURE__ */ React69.createElement(Select.Toggle, __spreadValues({
7411
+ }))), !readOnly && /* @__PURE__ */ React70.createElement(Select.Toggle, __spreadValues({
7375
7412
  hasFocus,
7376
7413
  isOpen
7377
- }, getToggleButtonProps({ disabled })))), !hideChips && !inline && /* @__PURE__ */ React69.createElement("div", {
7414
+ }, getToggleButtonProps({ disabled })))), !hideChips && !inline && /* @__PURE__ */ React70.createElement("div", {
7378
7415
  className: tw("flex flex-row flex-wrap gap-2 mt-2")
7379
- }, renderChips()), /* @__PURE__ */ React69.createElement(PopoverWrapper, __spreadProps(__spreadValues({
7416
+ }, renderChips()), /* @__PURE__ */ React70.createElement(PopoverWrapper, __spreadProps(__spreadValues({
7380
7417
  isOpen: true,
7381
7418
  isDismissable: true,
7382
7419
  autoFocus: true
@@ -7384,15 +7421,15 @@ var MultiSelectBase = (_a) => {
7384
7421
  style,
7385
7422
  onClose: closeMenu,
7386
7423
  className: tw("overflow-y-auto")
7387
- }), /* @__PURE__ */ React69.createElement(Select.Menu, {
7424
+ }), /* @__PURE__ */ React70.createElement(Select.Menu, {
7388
7425
  maxHeight
7389
- }, isOpen && hasNoResults && /* @__PURE__ */ React69.createElement(Select.NoResults, null, noResults), isOpen && filteredOptions.map((item, index) => /* @__PURE__ */ React69.createElement(Select.Item, __spreadValues({
7426
+ }, isOpen && hasNoResults && /* @__PURE__ */ React70.createElement(Select.NoResults, null, noResults), isOpen && filteredOptions.map((item, index) => /* @__PURE__ */ React70.createElement(Select.Item, __spreadValues({
7390
7427
  key: itemToString(item),
7391
7428
  highlighted: index === highlightedIndex,
7392
7429
  selected: selectedItems.includes(item)
7393
7430
  }, getItemProps({ item, index, disabled: isOptionDisabled(item, index) })), renderOption(item))))));
7394
7431
  };
7395
- var MultiSelectBaseSkeleton = () => /* @__PURE__ */ React69.createElement(Skeleton, {
7432
+ var MultiSelectBaseSkeleton = () => /* @__PURE__ */ React70.createElement(Skeleton, {
7396
7433
  height: 38
7397
7434
  });
7398
7435
  MultiSelectBase.Skeleton = MultiSelectBaseSkeleton;
@@ -7410,11 +7447,11 @@ var MultiSelect = (_a) => {
7410
7447
  const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
7411
7448
  const labelControlProps = getLabelControlProps(props);
7412
7449
  const baseProps = omit12(props, Object.keys(labelControlProps));
7413
- return /* @__PURE__ */ React69.createElement(LabelControl, __spreadValues({
7450
+ return /* @__PURE__ */ React70.createElement(LabelControl, __spreadValues({
7414
7451
  id: `${id.current}-label`,
7415
7452
  htmlFor: `${id.current}-input`,
7416
7453
  messageId: errorMessageId
7417
- }, labelControlProps), /* @__PURE__ */ React69.createElement(MultiSelectBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
7454
+ }, labelControlProps), /* @__PURE__ */ React70.createElement(MultiSelectBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
7418
7455
  id: id.current,
7419
7456
  options,
7420
7457
  noResults,
@@ -7422,16 +7459,16 @@ var MultiSelect = (_a) => {
7422
7459
  valid: props.valid
7423
7460
  })));
7424
7461
  };
7425
- var MultiSelectSkeleton = () => /* @__PURE__ */ React69.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React69.createElement(MultiSelectBase.Skeleton, null));
7462
+ var MultiSelectSkeleton = () => /* @__PURE__ */ React70.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React70.createElement(MultiSelectBase.Skeleton, null));
7426
7463
  MultiSelect.Skeleton = MultiSelectSkeleton;
7427
7464
  MultiSelect.Skeleton.displayName = "MultiSelect.Skeleton";
7428
7465
 
7429
7466
  // src/components/NativeSelect/NativeSelect.tsx
7430
- import React70, { useRef as useRef9 } from "react";
7467
+ import React71, { useRef as useRef9 } from "react";
7431
7468
  import omit13 from "lodash/omit";
7432
7469
  import uniqueId6 from "lodash/uniqueId";
7433
7470
  var import_caretDown = __toESM(require_caretDown());
7434
- var NativeSelectBase = React70.forwardRef(
7471
+ var NativeSelectBase = React71.forwardRef(
7435
7472
  (_a, ref) => {
7436
7473
  var _b = _a, { children, disabled = false, required = false, valid = true, readOnly = false } = _b, props = __objRest(_b, ["children", "disabled", "required", "valid", "readOnly"]);
7437
7474
  const placeholderValue = uniqueId6("default_value_for_placeholder");
@@ -7448,16 +7485,16 @@ var NativeSelectBase = React70.forwardRef(
7448
7485
  (_b2 = props.onBlur) == null ? void 0 : _b2.call(props, event);
7449
7486
  }
7450
7487
  };
7451
- return /* @__PURE__ */ React70.createElement("span", {
7488
+ return /* @__PURE__ */ React71.createElement("span", {
7452
7489
  className: tw("relative block")
7453
- }, !readOnly && /* @__PURE__ */ React70.createElement("span", {
7490
+ }, !readOnly && /* @__PURE__ */ React71.createElement("span", {
7454
7491
  className: tw(
7455
7492
  "absolute right-0 inset-y-0 mr-4 text-grey-40 flex ml-3 pointer-events-none typography-default-strong mt-4"
7456
7493
  )
7457
- }, /* @__PURE__ */ React70.createElement(Icon, {
7494
+ }, /* @__PURE__ */ React71.createElement(Icon, {
7458
7495
  icon: import_caretDown.default,
7459
7496
  "data-testid": "icon-dropdown"
7460
- })), /* @__PURE__ */ React70.createElement("select", __spreadProps(__spreadValues({
7497
+ })), /* @__PURE__ */ React71.createElement("select", __spreadProps(__spreadValues({
7461
7498
  ref,
7462
7499
  disabled: disabled || readOnly,
7463
7500
  required
@@ -7476,16 +7513,16 @@ var NativeSelectBase = React70.forwardRef(
7476
7513
  ),
7477
7514
  props.className
7478
7515
  )
7479
- }), props.placeholder && /* @__PURE__ */ React70.createElement("option", {
7516
+ }), props.placeholder && /* @__PURE__ */ React71.createElement("option", {
7480
7517
  value: placeholderValue,
7481
7518
  disabled: true
7482
7519
  }, props.placeholder), children));
7483
7520
  }
7484
7521
  );
7485
- NativeSelectBase.Skeleton = () => /* @__PURE__ */ React70.createElement(Skeleton, {
7522
+ NativeSelectBase.Skeleton = () => /* @__PURE__ */ React71.createElement(Skeleton, {
7486
7523
  height: 38
7487
7524
  });
7488
- var NativeSelect = React70.forwardRef(
7525
+ var NativeSelect = React71.forwardRef(
7489
7526
  (_a, ref) => {
7490
7527
  var _b = _a, { readOnly } = _b, props = __objRest(_b, ["readOnly"]);
7491
7528
  var _a2;
@@ -7494,11 +7531,11 @@ var NativeSelect = React70.forwardRef(
7494
7531
  const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
7495
7532
  const _b2 = getLabelControlProps(props), { "data-testid": dataTestId } = _b2, labelControlProps = __objRest(_b2, ["data-testid"]);
7496
7533
  const baseProps = omit13(props, Object.keys(labelControlProps));
7497
- return /* @__PURE__ */ React70.createElement(LabelControl, __spreadValues({
7534
+ return /* @__PURE__ */ React71.createElement(LabelControl, __spreadValues({
7498
7535
  id: `${id.current}-label`,
7499
7536
  htmlFor: id.current,
7500
7537
  messageId: errorMessageId
7501
- }, labelControlProps), /* @__PURE__ */ React70.createElement(NativeSelectBase, __spreadProps(__spreadValues(__spreadValues({
7538
+ }, labelControlProps), /* @__PURE__ */ React71.createElement(NativeSelectBase, __spreadProps(__spreadValues(__spreadValues({
7502
7539
  ref
7503
7540
  }, baseProps), errorProps), {
7504
7541
  id: id.current,
@@ -7511,20 +7548,20 @@ var NativeSelect = React70.forwardRef(
7511
7548
  })));
7512
7549
  }
7513
7550
  );
7514
- var Option = React70.forwardRef((_a, ref) => {
7551
+ var Option = React71.forwardRef((_a, ref) => {
7515
7552
  var _b = _a, { children } = _b, props = __objRest(_b, ["children"]);
7516
- return /* @__PURE__ */ React70.createElement("option", __spreadValues({
7553
+ return /* @__PURE__ */ React71.createElement("option", __spreadValues({
7517
7554
  ref
7518
7555
  }, props), children);
7519
7556
  });
7520
- var NativeSelectSkeleton = () => /* @__PURE__ */ React70.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React70.createElement(NativeSelectBase.Skeleton, null), /* @__PURE__ */ React70.createElement("div", {
7557
+ var NativeSelectSkeleton = () => /* @__PURE__ */ React71.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React71.createElement(NativeSelectBase.Skeleton, null), /* @__PURE__ */ React71.createElement("div", {
7521
7558
  style: { height: "1px" }
7522
7559
  }));
7523
7560
  NativeSelect.Skeleton = NativeSelectSkeleton;
7524
7561
  NativeSelect.Skeleton.displayName = "NativeSelect.Skeleton";
7525
7562
 
7526
7563
  // src/components/PageHeader/PageHeader.tsx
7527
- import React71 from "react";
7564
+ import React72 from "react";
7528
7565
  import castArray3 from "lodash/castArray";
7529
7566
  import omit14 from "lodash/omit";
7530
7567
  var PageHeader = ({
@@ -7536,48 +7573,48 @@ var PageHeader = ({
7536
7573
  chips = [],
7537
7574
  breadcrumbs
7538
7575
  }) => {
7539
- return /* @__PURE__ */ React71.createElement(Flexbox, {
7576
+ return /* @__PURE__ */ React72.createElement(Flexbox, {
7540
7577
  direction: "row",
7541
7578
  gap: "4",
7542
7579
  paddingBottom: "6"
7543
- }, /* @__PURE__ */ React71.createElement(Flexbox, {
7580
+ }, /* @__PURE__ */ React72.createElement(Flexbox, {
7544
7581
  className: tw("grow"),
7545
7582
  direction: "column",
7546
7583
  gap: "0"
7547
- }, breadcrumbs && /* @__PURE__ */ React71.createElement(Breadcrumbs, null, breadcrumbs), /* @__PURE__ */ React71.createElement(Flexbox, {
7584
+ }, breadcrumbs && /* @__PURE__ */ React72.createElement(Breadcrumbs, null, breadcrumbs), /* @__PURE__ */ React72.createElement(Flexbox, {
7548
7585
  gap: "5"
7549
- }, image && /* @__PURE__ */ React71.createElement("img", {
7586
+ }, image && /* @__PURE__ */ React72.createElement("img", {
7550
7587
  src: image,
7551
7588
  alt: imageAlt,
7552
7589
  className: tw("w-[56px] h-[56px]")
7553
- }), /* @__PURE__ */ React71.createElement(Flexbox, {
7590
+ }), /* @__PURE__ */ React72.createElement(Flexbox, {
7554
7591
  direction: "column",
7555
7592
  justifyContent: "center"
7556
- }, /* @__PURE__ */ React71.createElement(Typography2.Heading, null, title), chips.length > 0 && /* @__PURE__ */ React71.createElement(Flexbox, {
7593
+ }, /* @__PURE__ */ React72.createElement(Typography2.Heading, null, title), chips.length > 0 && /* @__PURE__ */ React72.createElement(Flexbox, {
7557
7594
  gap: "3"
7558
- }, chips.map((chip) => /* @__PURE__ */ React71.createElement(Chip2, {
7595
+ }, chips.map((chip) => /* @__PURE__ */ React72.createElement(Chip2, {
7559
7596
  key: chip,
7560
7597
  dense: true,
7561
7598
  text: chip
7562
- })))))), (secondaryActions || primaryAction) && /* @__PURE__ */ React71.createElement(Flexbox, {
7599
+ })))))), (secondaryActions || primaryAction) && /* @__PURE__ */ React72.createElement(Flexbox, {
7563
7600
  gap: "4",
7564
7601
  className: tw("self-start")
7565
7602
  }, secondaryActions && castArray3(secondaryActions).filter(Boolean).map((_a) => {
7566
7603
  var _b = _a, { text } = _b, action = __objRest(_b, ["text"]);
7567
- return /* @__PURE__ */ React71.createElement(SecondaryButton, __spreadValues({
7604
+ return /* @__PURE__ */ React72.createElement(SecondaryButton, __spreadValues({
7568
7605
  key: text
7569
7606
  }, action), text);
7570
- }), primaryAction && /* @__PURE__ */ React71.createElement(PrimaryButton, __spreadValues({
7607
+ }), primaryAction && /* @__PURE__ */ React72.createElement(PrimaryButton, __spreadValues({
7571
7608
  key: primaryAction.text
7572
7609
  }, omit14(primaryAction, "text")), primaryAction.text)));
7573
7610
  };
7574
7611
 
7575
7612
  // src/components/Pagination/Pagination.tsx
7576
- import React73 from "react";
7613
+ import React74 from "react";
7577
7614
  import clamp from "lodash/clamp";
7578
7615
 
7579
7616
  // src/components/Select/Select.tsx
7580
- import React72, { useRef as useRef10, useState as useState10 } from "react";
7617
+ import React73, { useRef as useRef10, useState as useState10 } from "react";
7581
7618
  import { useOverlayPosition as useOverlayPosition6 } from "@react-aria/overlays";
7582
7619
  import { useSelect } from "downshift";
7583
7620
  import defaults from "lodash/defaults";
@@ -7594,10 +7631,10 @@ var hasOptionGroups = (val) => {
7594
7631
  };
7595
7632
  var defaultRenderOption = (item, props, { selectedItem }, { getOptionKey, getValue, optionToString = getOptionLabelBuiltin }) => {
7596
7633
  var _a, _b;
7597
- return /* @__PURE__ */ React72.createElement(Select.Item, __spreadValues({
7634
+ return /* @__PURE__ */ React73.createElement(Select.Item, __spreadValues({
7598
7635
  key: (_b = (_a = getOptionKey == null ? void 0 : getOptionKey(item)) != null ? _a : getValue == null ? void 0 : getValue(item)) != null ? _b : optionToString(item),
7599
7636
  selected: item === selectedItem
7600
- }, props), hasIconProperty(item) && /* @__PURE__ */ React72.createElement(InlineIcon, {
7637
+ }, props), hasIconProperty(item) && /* @__PURE__ */ React73.createElement(InlineIcon, {
7601
7638
  icon: item.icon
7602
7639
  }), optionToString(item));
7603
7640
  };
@@ -7714,13 +7751,13 @@ var _SelectBase = (props) => {
7714
7751
  },
7715
7752
  withDefaults
7716
7753
  );
7717
- const renderGroup = (group) => /* @__PURE__ */ React72.createElement(React72.Fragment, {
7754
+ const renderGroup = (group) => /* @__PURE__ */ React73.createElement(React73.Fragment, {
7718
7755
  key: group.label
7719
- }, /* @__PURE__ */ React72.createElement(Select.Group, null, group.label), group.options.map((opt) => renderItem(opt, items.indexOf(opt))));
7720
- const input = /* @__PURE__ */ React72.createElement(Select.InputContainer, __spreadProps(__spreadValues({}, getToggleButtonProps({ disabled: disabled || readOnly, ref: targetRef })), {
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 })), {
7721
7758
  variant: disabled ? "disabled" : !valid ? "error" : readOnly ? "readOnly" : hasFocus ? "focused" : "default",
7722
7759
  tabIndex: 0
7723
- }), /* @__PURE__ */ React72.createElement(Select.Input, __spreadProps(__spreadValues({
7760
+ }), /* @__PURE__ */ React73.createElement(Select.Input, __spreadProps(__spreadValues({
7724
7761
  id,
7725
7762
  name
7726
7763
  }, rest), {
@@ -7732,16 +7769,16 @@ var _SelectBase = (props) => {
7732
7769
  tabIndex: -1,
7733
7770
  onFocus: () => setFocus(true),
7734
7771
  onBlur: () => setFocus(false)
7735
- })), !readOnly && /* @__PURE__ */ React72.createElement(Select.Toggle, {
7772
+ })), !readOnly && /* @__PURE__ */ React73.createElement(Select.Toggle, {
7736
7773
  disabled,
7737
7774
  isOpen,
7738
7775
  tabIndex: -1
7739
7776
  }));
7740
7777
  const width = (_b = targetRef.current) == null ? void 0 : _b.offsetWidth;
7741
7778
  const style = isOpen ? __spreadProps(__spreadValues({}, overlayProps.style), { width }) : { display: "none" };
7742
- return /* @__PURE__ */ React72.createElement("div", {
7779
+ return /* @__PURE__ */ React73.createElement("div", {
7743
7780
  className: tw("relative")
7744
- }, labelWrapper ? React72.cloneElement(labelWrapper, { children: input }) : input, /* @__PURE__ */ React72.createElement(PopoverWrapper, __spreadProps(__spreadValues({
7781
+ }, labelWrapper ? React73.cloneElement(labelWrapper, { children: input }) : input, /* @__PURE__ */ React73.createElement(PopoverWrapper, __spreadProps(__spreadValues({
7745
7782
  isOpen: true,
7746
7783
  isDismissable: true,
7747
7784
  autoFocus: true
@@ -7749,11 +7786,11 @@ var _SelectBase = (props) => {
7749
7786
  style,
7750
7787
  onClose: closeMenu,
7751
7788
  className: tw("overflow-y-auto")
7752
- }), /* @__PURE__ */ React72.createElement(Select.Menu, {
7789
+ }), /* @__PURE__ */ React73.createElement(Select.Menu, {
7753
7790
  maxHeight
7754
- }, isOpen && options.length === 0 && /* @__PURE__ */ React72.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__ */ React72.createElement(React72.Fragment, null, /* @__PURE__ */ React72.createElement(Select.Divider, {
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, {
7755
7792
  onMouseOver: () => setHighlightedIndex(-1)
7756
- }), actions.map((act, index) => /* @__PURE__ */ React72.createElement(Select.ActionItem, __spreadProps(__spreadValues({
7793
+ }), actions.map((act, index) => /* @__PURE__ */ React73.createElement(Select.ActionItem, __spreadProps(__spreadValues({
7757
7794
  key: `${index}`
7758
7795
  }, act), {
7759
7796
  onMouseOver: () => setHighlightedIndex(-1),
@@ -7763,10 +7800,10 @@ var _SelectBase = (props) => {
7763
7800
  }
7764
7801
  }), act.label))))));
7765
7802
  };
7766
- var SelectBase = (props) => /* @__PURE__ */ React72.createElement(_SelectBase, __spreadProps(__spreadValues({}, props), {
7803
+ var SelectBase = (props) => /* @__PURE__ */ React73.createElement(_SelectBase, __spreadProps(__spreadValues({}, props), {
7767
7804
  labelWrapper: void 0
7768
7805
  }));
7769
- var SelectBaseSkeleton = () => /* @__PURE__ */ React72.createElement(Skeleton, {
7806
+ var SelectBaseSkeleton = () => /* @__PURE__ */ React73.createElement(Skeleton, {
7770
7807
  height: 38
7771
7808
  });
7772
7809
  SelectBase.Skeleton = SelectBaseSkeleton;
@@ -7784,19 +7821,19 @@ var Select2 = (_a) => {
7784
7821
  const baseProps = omit15(props, Object.keys(labelProps));
7785
7822
  const legacyError = labelProps.error !== void 0 && labelProps.valid === false;
7786
7823
  const variant = !labelProps.valid || legacyError ? "error" : labelProps.disabled ? "disabled" : "default";
7787
- const label = /* @__PURE__ */ React72.createElement(Label, __spreadValues({
7824
+ const label = /* @__PURE__ */ React73.createElement(Label, __spreadValues({
7788
7825
  id: `${id.current}-label`,
7789
7826
  htmlFor: `${id.current}-input`,
7790
7827
  variant,
7791
7828
  messageId: errorMessageId
7792
7829
  }, labelProps));
7793
- return /* @__PURE__ */ React72.createElement(FormControl, null, /* @__PURE__ */ React72.createElement(_SelectBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
7830
+ return /* @__PURE__ */ React73.createElement(FormControl, null, /* @__PURE__ */ React73.createElement(_SelectBase, __spreadProps(__spreadValues(__spreadValues({}, baseProps), errorProps), {
7794
7831
  id: `${id.current}-input`,
7795
7832
  options,
7796
7833
  disabled: props.disabled,
7797
7834
  valid: props.valid,
7798
7835
  labelWrapper: label
7799
- })), /* @__PURE__ */ React72.createElement(HelperText, {
7836
+ })), /* @__PURE__ */ React73.createElement(HelperText, {
7800
7837
  messageId: errorMessageId,
7801
7838
  error: !labelProps.valid,
7802
7839
  helperText: labelProps.helperText,
@@ -7805,7 +7842,7 @@ var Select2 = (_a) => {
7805
7842
  reserveSpaceForError: labelProps.reserveSpaceForError
7806
7843
  }));
7807
7844
  };
7808
- var SelectSkeleton = () => /* @__PURE__ */ React72.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React72.createElement(SelectBase.Skeleton, null));
7845
+ var SelectSkeleton = () => /* @__PURE__ */ React73.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React73.createElement(SelectBase.Skeleton, null));
7809
7846
  Select2.Skeleton = SelectSkeleton;
7810
7847
 
7811
7848
  // src/components/Pagination/Pagination.tsx
@@ -7823,25 +7860,25 @@ var Pagination = ({
7823
7860
  pageSizes,
7824
7861
  onPageSizeChange
7825
7862
  }) => {
7826
- const [value, setValue] = React73.useState(currentPage);
7827
- React73.useEffect(() => {
7863
+ const [value, setValue] = React74.useState(currentPage);
7864
+ React74.useEffect(() => {
7828
7865
  setValue(currentPage);
7829
7866
  }, [currentPage]);
7830
- React73.useEffect(() => {
7867
+ React74.useEffect(() => {
7831
7868
  onPageChange(1);
7832
7869
  setValue(1);
7833
7870
  }, [pageSize]);
7834
- return /* @__PURE__ */ React73.createElement(Box, {
7871
+ return /* @__PURE__ */ React74.createElement(Box, {
7835
7872
  className: tw("grid grid-cols-[200px_1fr_200px]"),
7836
7873
  backgroundColor: "grey-0",
7837
7874
  padding: "4"
7838
- }, pageSizes && onPageSizeChange && typeof pageSize === "number" ? /* @__PURE__ */ React73.createElement(Box, {
7875
+ }, pageSizes && onPageSizeChange && typeof pageSize === "number" ? /* @__PURE__ */ React74.createElement(Box, {
7839
7876
  display: "flex",
7840
7877
  alignItems: "center",
7841
7878
  gap: "4"
7842
- }, /* @__PURE__ */ React73.createElement(Typography2.SmallText, null, "Items per page "), /* @__PURE__ */ React73.createElement("div", {
7879
+ }, /* @__PURE__ */ React74.createElement(Typography2.SmallText, null, "Items per page "), /* @__PURE__ */ React74.createElement("div", {
7843
7880
  className: tw("max-w-[70px]")
7844
- }, /* @__PURE__ */ React73.createElement(SelectBase, {
7881
+ }, /* @__PURE__ */ React74.createElement(SelectBase, {
7845
7882
  options: pageSizes.map((size) => size.toString()),
7846
7883
  value: pageSize.toString(),
7847
7884
  onChange: (size) => {
@@ -7852,24 +7889,24 @@ var Pagination = ({
7852
7889
  }
7853
7890
  }
7854
7891
  }
7855
- }))) : /* @__PURE__ */ React73.createElement("div", null), /* @__PURE__ */ React73.createElement(Box, {
7892
+ }))) : /* @__PURE__ */ React74.createElement("div", null), /* @__PURE__ */ React74.createElement(Box, {
7856
7893
  display: "flex",
7857
7894
  justifyContent: "center",
7858
7895
  alignItems: "center",
7859
7896
  className: tw("grow")
7860
- }, /* @__PURE__ */ React73.createElement(IconButton, {
7897
+ }, /* @__PURE__ */ React74.createElement(IconButton, {
7861
7898
  "aria-label": "First",
7862
7899
  onClick: () => onPageChange(1),
7863
7900
  icon: import_chevronBackward.default,
7864
7901
  disabled: !hasPreviousPage
7865
- }), /* @__PURE__ */ React73.createElement(IconButton, {
7902
+ }), /* @__PURE__ */ React74.createElement(IconButton, {
7866
7903
  "aria-label": "Previous",
7867
7904
  onClick: () => onPageChange(currentPage - 1),
7868
7905
  icon: import_chevronLeft3.default,
7869
7906
  disabled: !hasPreviousPage
7870
- }), /* @__PURE__ */ React73.createElement(Box, {
7907
+ }), /* @__PURE__ */ React74.createElement(Box, {
7871
7908
  paddingX: "4"
7872
- }, /* @__PURE__ */ React73.createElement(Typography2.SmallText, null, "Page")), /* @__PURE__ */ React73.createElement(InputBase, {
7909
+ }, /* @__PURE__ */ React74.createElement(Typography2.SmallText, null, "Page")), /* @__PURE__ */ React74.createElement(InputBase, {
7873
7910
  className: classNames(tw("text-center max-w-[40px]"), "no-arrows"),
7874
7911
  type: "number",
7875
7912
  min: 1,
@@ -7892,43 +7929,43 @@ var Pagination = ({
7892
7929
  setValue(1);
7893
7930
  }
7894
7931
  }
7895
- }), /* @__PURE__ */ React73.createElement(Box, {
7932
+ }), /* @__PURE__ */ React74.createElement(Box, {
7896
7933
  paddingX: "4"
7897
- }, /* @__PURE__ */ React73.createElement(Typography2.SmallText, null, "of ", totalPages)), /* @__PURE__ */ React73.createElement(IconButton, {
7934
+ }, /* @__PURE__ */ React74.createElement(Typography2.SmallText, null, "of ", totalPages)), /* @__PURE__ */ React74.createElement(IconButton, {
7898
7935
  "aria-label": "Next",
7899
7936
  onClick: () => onPageChange(currentPage + 1),
7900
7937
  icon: import_chevronRight3.default,
7901
7938
  disabled: !hasNextPage
7902
- }), /* @__PURE__ */ React73.createElement(IconButton, {
7939
+ }), /* @__PURE__ */ React74.createElement(IconButton, {
7903
7940
  "aria-label": "Last",
7904
7941
  onClick: () => onPageChange(totalPages),
7905
7942
  icon: import_chevronForward.default,
7906
7943
  disabled: !hasNextPage
7907
- })), /* @__PURE__ */ React73.createElement("div", null));
7944
+ })), /* @__PURE__ */ React74.createElement("div", null));
7908
7945
  };
7909
7946
 
7910
7947
  // src/components/PopoverDialog/PopoverDialog.tsx
7911
- import React75 from "react";
7948
+ import React76 from "react";
7912
7949
  import omit16 from "lodash/omit";
7913
7950
 
7914
7951
  // src/common/PopoverDialog/PopoverDialog.tsx
7915
- import React74 from "react";
7952
+ import React75 from "react";
7916
7953
  var Header = (_a) => {
7917
7954
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
7918
- return /* @__PURE__ */ React74.createElement("div", __spreadProps(__spreadValues({}, rest), {
7955
+ return /* @__PURE__ */ React75.createElement("div", __spreadProps(__spreadValues({}, rest), {
7919
7956
  className: classNames(tw("p-5 gap-3 flex items-center"), className)
7920
7957
  }), children);
7921
7958
  };
7922
7959
  var Title = (_a) => {
7923
7960
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
7924
- return /* @__PURE__ */ React74.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
7961
+ return /* @__PURE__ */ React75.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
7925
7962
  htmlTag: "h1",
7926
7963
  variant: "small-strong"
7927
7964
  }), children);
7928
7965
  };
7929
7966
  var Body = (_a) => {
7930
7967
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
7931
- return /* @__PURE__ */ React74.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
7968
+ return /* @__PURE__ */ React75.createElement(Typography, __spreadProps(__spreadValues({}, rest), {
7932
7969
  htmlTag: "div",
7933
7970
  variant: "caption",
7934
7971
  className: classNames(tw("px-5 overflow-y-auto"), className)
@@ -7936,13 +7973,13 @@ var Body = (_a) => {
7936
7973
  };
7937
7974
  var Footer = (_a) => {
7938
7975
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
7939
- return /* @__PURE__ */ React74.createElement("div", __spreadProps(__spreadValues({}, rest), {
7976
+ return /* @__PURE__ */ React75.createElement("div", __spreadProps(__spreadValues({}, rest), {
7940
7977
  className: classNames(tw("p-5"), className)
7941
7978
  }), children);
7942
7979
  };
7943
7980
  var Actions2 = (_a) => {
7944
7981
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
7945
- return /* @__PURE__ */ React74.createElement("div", __spreadProps(__spreadValues({}, rest), {
7982
+ return /* @__PURE__ */ React75.createElement("div", __spreadProps(__spreadValues({}, rest), {
7946
7983
  className: classNames(tw("flex gap-4"), className)
7947
7984
  }), children);
7948
7985
  };
@@ -7958,13 +7995,13 @@ var PopoverDialog = {
7958
7995
  var PopoverDialog2 = ({ placement, open, title, secondaryAction, primaryAction, children }) => {
7959
7996
  const wrapPromptWithBody = (child) => {
7960
7997
  if (isComponentType(child, PopoverDialog2.Prompt)) {
7961
- return /* @__PURE__ */ React75.createElement(Popover2.Panel, {
7998
+ return /* @__PURE__ */ React76.createElement(Popover2.Panel, {
7962
7999
  className: tw("max-w-[300px]")
7963
- }, /* @__PURE__ */ React75.createElement(PopoverDialog.Header, null, /* @__PURE__ */ React75.createElement(PopoverDialog.Title, null, title)), child, /* @__PURE__ */ React75.createElement(PopoverDialog.Footer, null, /* @__PURE__ */ React75.createElement(PopoverDialog.Actions, null, secondaryAction && /* @__PURE__ */ React75.createElement(Popover2.Button, __spreadValues({
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({
7964
8001
  kind: "secondary-ghost",
7965
8002
  key: secondaryAction.text,
7966
8003
  dense: true
7967
- }, omit16(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */ React75.createElement(Popover2.Button, __spreadValues({
8004
+ }, omit16(secondaryAction, "text")), secondaryAction.text), /* @__PURE__ */ React76.createElement(Popover2.Button, __spreadValues({
7968
8005
  kind: "ghost",
7969
8006
  key: primaryAction.text,
7970
8007
  dense: true
@@ -7972,7 +8009,7 @@ var PopoverDialog2 = ({ placement, open, title, secondaryAction, primaryAction,
7972
8009
  }
7973
8010
  return child;
7974
8011
  };
7975
- return /* @__PURE__ */ React75.createElement(Popover2, {
8012
+ return /* @__PURE__ */ React76.createElement(Popover2, {
7976
8013
  type: "dialog",
7977
8014
  isOpen: open,
7978
8015
  placement,
@@ -7980,10 +8017,10 @@ var PopoverDialog2 = ({ placement, open, title, secondaryAction, primaryAction,
7980
8017
  isKeyboardDismissDisabled: false,
7981
8018
  autoFocus: true,
7982
8019
  containFocus: true
7983
- }, React75.Children.map(children, wrapPromptWithBody));
8020
+ }, React76.Children.map(children, wrapPromptWithBody));
7984
8021
  };
7985
8022
  PopoverDialog2.Trigger = Popover2.Trigger;
7986
- var Prompt = ({ children }) => /* @__PURE__ */ React75.createElement(PopoverDialog.Body, null, children);
8023
+ var Prompt = ({ children }) => /* @__PURE__ */ React76.createElement(PopoverDialog.Body, null, children);
7987
8024
  Prompt.displayName = "PopoverDialog.Prompt";
7988
8025
  PopoverDialog2.Prompt = Prompt;
7989
8026
 
@@ -7992,14 +8029,14 @@ import { createPortal } from "react-dom";
7992
8029
  var Portal = ({ children, to }) => createPortal(children, to);
7993
8030
 
7994
8031
  // src/components/ProgressBar/ProgressBar.tsx
7995
- import React77 from "react";
8032
+ import React78 from "react";
7996
8033
 
7997
8034
  // src/common/ProgressBar/ProgressBar.tsx
7998
- import React76 from "react";
8035
+ import React77 from "react";
7999
8036
  import clamp2 from "lodash/clamp";
8000
8037
  var ProgressBar = (_a) => {
8001
8038
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
8002
- return /* @__PURE__ */ React76.createElement("div", __spreadProps(__spreadValues({}, rest), {
8039
+ return /* @__PURE__ */ React77.createElement("div", __spreadProps(__spreadValues({}, rest), {
8003
8040
  className: classNames(
8004
8041
  tw("relative flex items-center w-full bg-grey-0 h-2 rounded-full overflow-hidden"),
8005
8042
  className
@@ -8015,7 +8052,7 @@ var STATUS_COLORS = {
8015
8052
  ProgressBar.Indicator = (_a) => {
8016
8053
  var _b = _a, { min, max, value, "aria-label": ariaLabel, status, className } = _b, rest = __objRest(_b, ["min", "max", "value", "aria-label", "status", "className"]);
8017
8054
  const completedPercentage = clamp2((value - min) / (max - min) * 100, 0, 100);
8018
- return /* @__PURE__ */ React76.createElement("div", __spreadProps(__spreadValues({}, rest), {
8055
+ return /* @__PURE__ */ React77.createElement("div", __spreadProps(__spreadValues({}, rest), {
8019
8056
  className: classNames(
8020
8057
  tw("h-2 rounded-full transition-all ease-in-out delay-150"),
8021
8058
  STATUS_COLORS[status],
@@ -8031,11 +8068,11 @@ ProgressBar.Indicator = (_a) => {
8031
8068
  };
8032
8069
  ProgressBar.Labels = (_a) => {
8033
8070
  var _b = _a, { children, startLabel, endLabel, className } = _b, rest = __objRest(_b, ["children", "startLabel", "endLabel", "className"]);
8034
- return /* @__PURE__ */ React76.createElement("div", {
8071
+ return /* @__PURE__ */ React77.createElement("div", {
8035
8072
  className: classNames(tw("flex flex-row"), className)
8036
- }, /* @__PURE__ */ React76.createElement("span", __spreadProps(__spreadValues({}, rest), {
8073
+ }, /* @__PURE__ */ React77.createElement("span", __spreadProps(__spreadValues({}, rest), {
8037
8074
  className: tw("grow text-grey-70 typography-caption")
8038
- }), startLabel), /* @__PURE__ */ React76.createElement("span", __spreadProps(__spreadValues({}, rest), {
8075
+ }), startLabel), /* @__PURE__ */ React77.createElement("span", __spreadProps(__spreadValues({}, rest), {
8039
8076
  className: tw("grow text-grey-70 typography-caption text-right")
8040
8077
  }), endLabel));
8041
8078
  };
@@ -8053,7 +8090,7 @@ var ProgressBar2 = (props) => {
8053
8090
  if (min > max) {
8054
8091
  throw new Error("`min` value provided to `ProgressBar` is greater than `max` value.");
8055
8092
  }
8056
- const progress = /* @__PURE__ */ React77.createElement(ProgressBar, null, /* @__PURE__ */ React77.createElement(ProgressBar.Indicator, {
8093
+ const progress = /* @__PURE__ */ React78.createElement(ProgressBar, null, /* @__PURE__ */ React78.createElement(ProgressBar.Indicator, {
8057
8094
  status: value === max ? completedStatus : progresStatus,
8058
8095
  min,
8059
8096
  max,
@@ -8063,25 +8100,25 @@ var ProgressBar2 = (props) => {
8063
8100
  if (props.dense) {
8064
8101
  return progress;
8065
8102
  }
8066
- return /* @__PURE__ */ React77.createElement("div", null, progress, /* @__PURE__ */ React77.createElement(ProgressBar.Labels, {
8103
+ return /* @__PURE__ */ React78.createElement("div", null, progress, /* @__PURE__ */ React78.createElement(ProgressBar.Labels, {
8067
8104
  className: tw("py-2"),
8068
8105
  startLabel: props.startLabel,
8069
8106
  endLabel: props.endLabel
8070
8107
  }));
8071
8108
  };
8072
- ProgressBar2.Skeleton = () => /* @__PURE__ */ React77.createElement(Skeleton, {
8109
+ ProgressBar2.Skeleton = () => /* @__PURE__ */ React78.createElement(Skeleton, {
8073
8110
  height: 4,
8074
8111
  display: "block"
8075
8112
  });
8076
8113
 
8077
8114
  // src/components/RadioButton/RadioButton.tsx
8078
- import React78 from "react";
8079
- var RadioButton2 = React78.forwardRef(
8115
+ import React79 from "react";
8116
+ var RadioButton2 = React79.forwardRef(
8080
8117
  (_a, ref) => {
8081
8118
  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"]);
8082
8119
  var _a2;
8083
8120
  const isChecked = (_a2 = props.checked) != null ? _a2 : props.defaultChecked;
8084
- return !readOnly || isChecked ? /* @__PURE__ */ React78.createElement(ControlLabel, {
8121
+ return !readOnly || isChecked ? /* @__PURE__ */ React79.createElement(ControlLabel, {
8085
8122
  htmlFor: id,
8086
8123
  label: children,
8087
8124
  "aria-label": ariaLabel,
@@ -8089,7 +8126,7 @@ var RadioButton2 = React78.forwardRef(
8089
8126
  readOnly,
8090
8127
  disabled,
8091
8128
  style: { gap: "0 8px" }
8092
- }, !readOnly && /* @__PURE__ */ React78.createElement(RadioButton, __spreadProps(__spreadValues({
8129
+ }, !readOnly && /* @__PURE__ */ React79.createElement(RadioButton, __spreadProps(__spreadValues({
8093
8130
  id,
8094
8131
  ref,
8095
8132
  name
@@ -8099,22 +8136,22 @@ var RadioButton2 = React78.forwardRef(
8099
8136
  }))) : null;
8100
8137
  }
8101
8138
  );
8102
- var RadioButtonSkeleton = () => /* @__PURE__ */ React78.createElement("div", {
8139
+ var RadioButtonSkeleton = () => /* @__PURE__ */ React79.createElement("div", {
8103
8140
  className: tw("flex gap-3")
8104
- }, /* @__PURE__ */ React78.createElement(Skeleton, {
8141
+ }, /* @__PURE__ */ React79.createElement(Skeleton, {
8105
8142
  height: 20,
8106
8143
  width: 20
8107
- }), /* @__PURE__ */ React78.createElement(Skeleton, {
8144
+ }), /* @__PURE__ */ React79.createElement(Skeleton, {
8108
8145
  height: 20,
8109
8146
  width: 150
8110
8147
  }));
8111
8148
  RadioButton2.Skeleton = RadioButtonSkeleton;
8112
8149
 
8113
8150
  // src/components/RadioButtonGroup/RadioButtonGroup.tsx
8114
- import React79 from "react";
8151
+ import React80 from "react";
8115
8152
  import uniqueId8 from "lodash/uniqueId";
8116
8153
  var isRadioButton = (c) => {
8117
- return React79.isValidElement(c) && c.type === RadioButton2;
8154
+ return React80.isValidElement(c) && c.type === RadioButton2;
8118
8155
  };
8119
8156
  var RadioButtonGroup = (_a) => {
8120
8157
  var _b = _a, {
@@ -8137,7 +8174,7 @@ var RadioButtonGroup = (_a) => {
8137
8174
  "children"
8138
8175
  ]);
8139
8176
  var _a2;
8140
- const [value, setValue] = React79.useState((_a2 = _value != null ? _value : defaultValue) != null ? _a2 : "");
8177
+ const [value, setValue] = React80.useState((_a2 = _value != null ? _value : defaultValue) != null ? _a2 : "");
8141
8178
  const errorMessageId = uniqueId8();
8142
8179
  const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
8143
8180
  const labelControlProps = getLabelControlProps(props);
@@ -8148,14 +8185,14 @@ var RadioButtonGroup = (_a) => {
8148
8185
  setValue(e.target.value);
8149
8186
  onChange == null ? void 0 : onChange(e.target.value);
8150
8187
  };
8151
- const content = React79.Children.map(children, (c) => {
8188
+ const content = React80.Children.map(children, (c) => {
8152
8189
  var _a3, _b2, _c;
8153
8190
  if (!isRadioButton(c)) {
8154
8191
  return null;
8155
8192
  }
8156
8193
  const defaultChecked = defaultValue === void 0 ? void 0 : c.props.value === defaultValue;
8157
8194
  const checked = value === void 0 ? void 0 : c.props.value === value;
8158
- return React79.cloneElement(c, {
8195
+ return React80.cloneElement(c, {
8159
8196
  name,
8160
8197
  defaultChecked: (_a3 = c.props.defaultChecked) != null ? _a3 : defaultChecked,
8161
8198
  checked: (_b2 = c.props.checked) != null ? _b2 : checked,
@@ -8164,11 +8201,11 @@ var RadioButtonGroup = (_a) => {
8164
8201
  readOnly
8165
8202
  });
8166
8203
  });
8167
- return /* @__PURE__ */ React79.createElement(LabelControl, __spreadValues(__spreadValues({
8204
+ return /* @__PURE__ */ React80.createElement(LabelControl, __spreadValues(__spreadValues({
8168
8205
  fieldset: true
8169
- }, labelControlProps), errorProps), cols && /* @__PURE__ */ React79.createElement(InputGroup, {
8206
+ }, labelControlProps), errorProps), cols && /* @__PURE__ */ React80.createElement(InputGroup, {
8170
8207
  cols
8171
- }, content), !cols && /* @__PURE__ */ React79.createElement(Flexbox, {
8208
+ }, content), !cols && /* @__PURE__ */ React80.createElement(Flexbox, {
8172
8209
  direction,
8173
8210
  alignItems: "flex-start",
8174
8211
  colGap: "8",
@@ -8177,80 +8214,80 @@ var RadioButtonGroup = (_a) => {
8177
8214
  }, content));
8178
8215
  };
8179
8216
  var RadioButtonGroupSkeleton = ({ direction = "row", options = 2 }) => {
8180
- return /* @__PURE__ */ React79.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React79.createElement("div", {
8217
+ return /* @__PURE__ */ React80.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React80.createElement("div", {
8181
8218
  className: tw("flex flex-wrap", {
8182
8219
  "flex-row gap-8": direction === "row",
8183
8220
  "flex-col gap-2": direction === "column"
8184
8221
  })
8185
- }, Array.from({ length: options }).map((_, key) => /* @__PURE__ */ React79.createElement(RadioButton2.Skeleton, {
8222
+ }, Array.from({ length: options }).map((_, key) => /* @__PURE__ */ React80.createElement(RadioButton2.Skeleton, {
8186
8223
  key
8187
8224
  }))));
8188
8225
  };
8189
8226
  RadioButtonGroup.Skeleton = RadioButtonGroupSkeleton;
8190
8227
 
8191
8228
  // src/components/Section/Section.tsx
8192
- import React81 from "react";
8229
+ import React82 from "react";
8193
8230
  import castArray4 from "lodash/castArray";
8194
8231
 
8195
8232
  // src/common/Section/Section.tsx
8196
- import React80 from "react";
8233
+ import React81 from "react";
8197
8234
  var Section2 = (_a) => {
8198
8235
  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
8199
- return /* @__PURE__ */ React80.createElement(Box, __spreadValues({
8236
+ return /* @__PURE__ */ React81.createElement(Box, __spreadValues({
8200
8237
  borderColor: "grey-5",
8201
8238
  borderWidth: "1px"
8202
8239
  }, rest), children);
8203
8240
  };
8204
8241
  Section2.Header = (_a) => {
8205
8242
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
8206
- return /* @__PURE__ */ React80.createElement("div", __spreadProps(__spreadValues({}, rest), {
8243
+ return /* @__PURE__ */ React81.createElement("div", __spreadProps(__spreadValues({}, rest), {
8207
8244
  className: classNames(tw("px-6 py-5 flex gap-5 justify-between items-center"), className)
8208
8245
  }), children);
8209
8246
  };
8210
8247
  Section2.TitleContainer = (_a) => {
8211
8248
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
8212
- return /* @__PURE__ */ React80.createElement("div", __spreadProps(__spreadValues({}, rest), {
8249
+ return /* @__PURE__ */ React81.createElement("div", __spreadProps(__spreadValues({}, rest), {
8213
8250
  className: classNames(tw("flex flex-col grow gap-2"), className)
8214
8251
  }), children);
8215
8252
  };
8216
8253
  Section2.Title = (_a) => {
8217
8254
  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
8218
- return /* @__PURE__ */ React80.createElement(Typography2.Subheading, __spreadProps(__spreadValues({}, rest), {
8255
+ return /* @__PURE__ */ React81.createElement(Typography2.Subheading, __spreadProps(__spreadValues({}, rest), {
8219
8256
  color: "black"
8220
8257
  }), children);
8221
8258
  };
8222
8259
  Section2.Subtitle = (_a) => {
8223
8260
  var _b = _a, { children } = _b, rest = __objRest(_b, ["children"]);
8224
- return /* @__PURE__ */ React80.createElement(Typography2.SmallText, __spreadProps(__spreadValues({}, rest), {
8261
+ return /* @__PURE__ */ React81.createElement(Typography2.SmallText, __spreadProps(__spreadValues({}, rest), {
8225
8262
  color: "grey-70"
8226
8263
  }), children);
8227
8264
  };
8228
8265
  Section2.Actions = (_a) => {
8229
8266
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
8230
- return /* @__PURE__ */ React80.createElement("div", __spreadProps(__spreadValues({}, rest), {
8267
+ return /* @__PURE__ */ React81.createElement("div", __spreadProps(__spreadValues({}, rest), {
8231
8268
  className: classNames(tw("flex gap-4 justify-end"), className)
8232
8269
  }), children);
8233
8270
  };
8234
8271
  Section2.Body = (_a) => {
8235
8272
  var _b = _a, { children, className } = _b, rest = __objRest(_b, ["children", "className"]);
8236
- return /* @__PURE__ */ React80.createElement("div", __spreadProps(__spreadValues({}, rest), {
8273
+ return /* @__PURE__ */ React81.createElement("div", __spreadProps(__spreadValues({}, rest), {
8237
8274
  className: classNames(tw("p-6"), className)
8238
- }), /* @__PURE__ */ React80.createElement(Typography, {
8275
+ }), /* @__PURE__ */ React81.createElement(Typography, {
8239
8276
  htmlTag: "div",
8240
8277
  color: "grey-70"
8241
8278
  }, children));
8242
8279
  };
8243
8280
 
8244
8281
  // src/components/Section/Section.tsx
8245
- var Section3 = ({ title, subtitle, actions, children }) => /* @__PURE__ */ React81.createElement(Section2, null, title && /* @__PURE__ */ React81.createElement(React81.Fragment, null, /* @__PURE__ */ React81.createElement(Section2.Header, null, /* @__PURE__ */ React81.createElement(Section2.TitleContainer, null, /* @__PURE__ */ React81.createElement(Section2.Title, null, title), subtitle && /* @__PURE__ */ React81.createElement(Section2.Subtitle, null, subtitle)), /* @__PURE__ */ React81.createElement(Section2.Actions, null, actions && castArray4(actions).filter(Boolean).map((_a) => {
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) => {
8246
8283
  var _b = _a, { text } = _b, action = __objRest(_b, ["text"]);
8247
- return /* @__PURE__ */ React81.createElement(SecondaryButton, __spreadValues({
8284
+ return /* @__PURE__ */ React82.createElement(SecondaryButton, __spreadValues({
8248
8285
  key: text
8249
8286
  }, action), text);
8250
- }))), /* @__PURE__ */ React81.createElement(Divider2, null)), /* @__PURE__ */ React81.createElement(Section2.Body, null, children));
8287
+ }))), /* @__PURE__ */ React82.createElement(Divider2, null)), /* @__PURE__ */ React82.createElement(Section2.Body, null, children));
8251
8288
 
8252
8289
  // src/components/SegmentedControl/SegmentedControl.tsx
8253
- import React82 from "react";
8290
+ import React83 from "react";
8254
8291
  var SegmentedControl = (_a) => {
8255
8292
  var _b = _a, {
8256
8293
  children,
@@ -8267,7 +8304,7 @@ var SegmentedControl = (_a) => {
8267
8304
  "selected",
8268
8305
  "className"
8269
8306
  ]);
8270
- return /* @__PURE__ */ React82.createElement("button", __spreadProps(__spreadValues({
8307
+ return /* @__PURE__ */ React83.createElement("button", __spreadProps(__spreadValues({
8271
8308
  type: "button"
8272
8309
  }, rest), {
8273
8310
  className: classNames(
@@ -8298,11 +8335,11 @@ var SegmentedControlGroup = (_a) => {
8298
8335
  "border border-grey-20 text-grey-50": variant === "outlined",
8299
8336
  "bg-grey-0": variant === "raised"
8300
8337
  });
8301
- return /* @__PURE__ */ React82.createElement("div", __spreadProps(__spreadValues({}, rest), {
8338
+ return /* @__PURE__ */ React83.createElement("div", __spreadProps(__spreadValues({}, rest), {
8302
8339
  className: classNames(classes, className)
8303
- }), React82.Children.map(
8340
+ }), React83.Children.map(
8304
8341
  children,
8305
- (child) => React82.cloneElement(child, {
8342
+ (child) => React83.cloneElement(child, {
8306
8343
  dense,
8307
8344
  variant,
8308
8345
  onClick: () => onChange(child.props.value),
@@ -8340,14 +8377,14 @@ var getCommonClassNames = (dense, selected) => tw(
8340
8377
  );
8341
8378
 
8342
8379
  // src/components/Stepper/Stepper.tsx
8343
- import React84 from "react";
8380
+ import React85 from "react";
8344
8381
 
8345
8382
  // src/common/Stepper/Stepper.tsx
8346
- import React83 from "react";
8383
+ import React84 from "react";
8347
8384
  var import_tick5 = __toESM(require_tick());
8348
8385
  var Stepper = (_a) => {
8349
8386
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8350
- return /* @__PURE__ */ React83.createElement("div", __spreadProps(__spreadValues({}, rest), {
8387
+ return /* @__PURE__ */ React84.createElement("div", __spreadProps(__spreadValues({}, rest), {
8351
8388
  className: classNames(className)
8352
8389
  }));
8353
8390
  };
@@ -8361,7 +8398,7 @@ var ConnectorContainer = (_a) => {
8361
8398
  "completed",
8362
8399
  "dense"
8363
8400
  ]);
8364
- return /* @__PURE__ */ React83.createElement("div", __spreadProps(__spreadValues({}, rest), {
8401
+ return /* @__PURE__ */ React84.createElement("div", __spreadProps(__spreadValues({}, rest), {
8365
8402
  className: classNames(
8366
8403
  tw("absolute w-full -left-1/2", {
8367
8404
  "top-[3px] px-[14px]": Boolean(dense),
@@ -8373,7 +8410,7 @@ var ConnectorContainer = (_a) => {
8373
8410
  };
8374
8411
  var Connector = (_a) => {
8375
8412
  var _b = _a, { children, className, completed, dense } = _b, rest = __objRest(_b, ["children", "className", "completed", "dense"]);
8376
- return /* @__PURE__ */ React83.createElement("div", __spreadProps(__spreadValues({}, rest), {
8413
+ return /* @__PURE__ */ React84.createElement("div", __spreadProps(__spreadValues({}, rest), {
8377
8414
  className: classNames(
8378
8415
  tw("w-full", {
8379
8416
  "bg-grey-20": !completed,
@@ -8387,7 +8424,7 @@ var Connector = (_a) => {
8387
8424
  };
8388
8425
  var Step = (_a) => {
8389
8426
  var _b = _a, { className, state } = _b, rest = __objRest(_b, ["className", "state"]);
8390
- return /* @__PURE__ */ React83.createElement("div", __spreadProps(__spreadValues({}, rest), {
8427
+ return /* @__PURE__ */ React84.createElement("div", __spreadProps(__spreadValues({}, rest), {
8391
8428
  className: classNames(
8392
8429
  tw("flex flex-col items-center text-grey-90 relative text-center", {
8393
8430
  "text-grey-20": state === "inactive"
@@ -8408,13 +8445,13 @@ var getDenseClassNames = (state) => tw("h-[8px] w-[8px]", {
8408
8445
  });
8409
8446
  var Indicator = (_a) => {
8410
8447
  var _b = _a, { children, className, state, dense } = _b, rest = __objRest(_b, ["children", "className", "state", "dense"]);
8411
- return /* @__PURE__ */ React83.createElement("div", __spreadProps(__spreadValues({}, rest), {
8448
+ return /* @__PURE__ */ React84.createElement("div", __spreadProps(__spreadValues({}, rest), {
8412
8449
  className: classNames(
8413
8450
  tw("rounded-full flex justify-center items-center mx-2 mb-3"),
8414
8451
  dense ? getDenseClassNames(state) : getClassNames(state),
8415
8452
  className
8416
8453
  )
8417
- }), state === "completed" ? /* @__PURE__ */ React83.createElement(InlineIcon, {
8454
+ }), state === "completed" ? /* @__PURE__ */ React84.createElement(InlineIcon, {
8418
8455
  icon: import_tick5.default
8419
8456
  }) : dense ? null : children);
8420
8457
  };
@@ -8425,25 +8462,25 @@ Stepper.ConnectorContainer = ConnectorContainer;
8425
8462
 
8426
8463
  // src/components/Stepper/Stepper.tsx
8427
8464
  var Stepper2 = ({ children, activeIndex, dense }) => {
8428
- const steps = React84.Children.count(children);
8429
- return /* @__PURE__ */ React84.createElement(Stepper, {
8465
+ const steps = React85.Children.count(children);
8466
+ return /* @__PURE__ */ React85.createElement(Stepper, {
8430
8467
  role: "list"
8431
- }, /* @__PURE__ */ React84.createElement(Template, {
8468
+ }, /* @__PURE__ */ React85.createElement(Template, {
8432
8469
  columns: steps
8433
- }, React84.Children.map(children, (child, index) => {
8470
+ }, React85.Children.map(children, (child, index) => {
8434
8471
  if (!isComponentType(child, Step2)) {
8435
8472
  return new Error("<Stepper> can only have <Stepper.Step> components as children");
8436
8473
  } else {
8437
8474
  const state = index > activeIndex ? "inactive" : index === activeIndex ? "active" : "completed";
8438
- return /* @__PURE__ */ React84.createElement(Stepper.Step, {
8475
+ return /* @__PURE__ */ React85.createElement(Stepper.Step, {
8439
8476
  state,
8440
8477
  "aria-current": state === "active" ? "step" : false,
8441
8478
  role: "listitem"
8442
- }, index > 0 && index <= steps && /* @__PURE__ */ React84.createElement(Stepper.ConnectorContainer, {
8479
+ }, index > 0 && index <= steps && /* @__PURE__ */ React85.createElement(Stepper.ConnectorContainer, {
8443
8480
  dense
8444
- }, /* @__PURE__ */ React84.createElement(Stepper.ConnectorContainer.Connector, {
8481
+ }, /* @__PURE__ */ React85.createElement(Stepper.ConnectorContainer.Connector, {
8445
8482
  completed: state === "completed" || state === "active"
8446
- })), /* @__PURE__ */ React84.createElement(Stepper.Step.Indicator, {
8483
+ })), /* @__PURE__ */ React85.createElement(Stepper.Step.Indicator, {
8447
8484
  state,
8448
8485
  dense
8449
8486
  }, index + 1), child.props.children);
@@ -8454,16 +8491,16 @@ var Step2 = () => null;
8454
8491
  Stepper2.Step = Step2;
8455
8492
 
8456
8493
  // src/components/Switch/Switch.tsx
8457
- import React86 from "react";
8494
+ import React87 from "react";
8458
8495
 
8459
8496
  // src/common/Switch/Switch.tsx
8460
- import React85 from "react";
8461
- var Switch = React85.forwardRef(
8497
+ import React86 from "react";
8498
+ var Switch = React86.forwardRef(
8462
8499
  (_a, ref) => {
8463
8500
  var _b = _a, { id, children, name, disabled = false, readOnly = false } = _b, props = __objRest(_b, ["id", "children", "name", "disabled", "readOnly"]);
8464
- return /* @__PURE__ */ React85.createElement("span", {
8501
+ return /* @__PURE__ */ React86.createElement("span", {
8465
8502
  className: tw("relative inline-flex justify-center items-center self-center group")
8466
- }, /* @__PURE__ */ React85.createElement("input", __spreadProps(__spreadValues({
8503
+ }, /* @__PURE__ */ React86.createElement("input", __spreadProps(__spreadValues({
8467
8504
  id,
8468
8505
  ref,
8469
8506
  type: "checkbox",
@@ -8482,7 +8519,7 @@ var Switch = React85.forwardRef(
8482
8519
  ),
8483
8520
  readOnly,
8484
8521
  disabled
8485
- })), /* @__PURE__ */ React85.createElement("span", {
8522
+ })), /* @__PURE__ */ React86.createElement("span", {
8486
8523
  className: tw(
8487
8524
  "pointer-events-none rounded-full absolute inline-block transition duration-300 h-4 w-4 transform peer-checked/switch:translate-x-5",
8488
8525
  "bg-white peer-disabled/switch:bg-grey-0 left-2 peer-checked/switch:left-1",
@@ -8495,12 +8532,12 @@ var Switch = React85.forwardRef(
8495
8532
  );
8496
8533
 
8497
8534
  // src/components/Switch/Switch.tsx
8498
- var Switch2 = React86.forwardRef(
8535
+ var Switch2 = React87.forwardRef(
8499
8536
  (_a, ref) => {
8500
8537
  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"]);
8501
8538
  var _a2;
8502
8539
  const isChecked = (_a2 = props.checked) != null ? _a2 : props.defaultChecked;
8503
- return !readOnly || isChecked ? /* @__PURE__ */ React86.createElement(ControlLabel, {
8540
+ return !readOnly || isChecked ? /* @__PURE__ */ React87.createElement(ControlLabel, {
8504
8541
  htmlFor: id,
8505
8542
  label: children,
8506
8543
  "aria-label": ariaLabel,
@@ -8508,7 +8545,7 @@ var Switch2 = React86.forwardRef(
8508
8545
  readOnly,
8509
8546
  disabled,
8510
8547
  style: { gap: "0 8px" }
8511
- }, !readOnly && /* @__PURE__ */ React86.createElement(Switch, __spreadProps(__spreadValues({
8548
+ }, !readOnly && /* @__PURE__ */ React87.createElement(Switch, __spreadProps(__spreadValues({
8512
8549
  id,
8513
8550
  ref,
8514
8551
  name
@@ -8518,19 +8555,19 @@ var Switch2 = React86.forwardRef(
8518
8555
  }))) : null;
8519
8556
  }
8520
8557
  );
8521
- var SwitchSkeleton = () => /* @__PURE__ */ React86.createElement("div", {
8558
+ var SwitchSkeleton = () => /* @__PURE__ */ React87.createElement("div", {
8522
8559
  className: tw("flex gap-3")
8523
- }, /* @__PURE__ */ React86.createElement(Skeleton, {
8560
+ }, /* @__PURE__ */ React87.createElement(Skeleton, {
8524
8561
  height: 20,
8525
8562
  width: 35
8526
- }), /* @__PURE__ */ React86.createElement(Skeleton, {
8563
+ }), /* @__PURE__ */ React87.createElement(Skeleton, {
8527
8564
  height: 20,
8528
8565
  width: 150
8529
8566
  }));
8530
8567
  Switch2.Skeleton = SwitchSkeleton;
8531
8568
 
8532
8569
  // src/components/SwitchGroup/SwitchGroup.tsx
8533
- import React87, { useState as useState11 } from "react";
8570
+ import React88, { useState as useState11 } from "react";
8534
8571
  import uniqueId9 from "lodash/uniqueId";
8535
8572
  var SwitchGroup = (_a) => {
8536
8573
  var _b = _a, {
@@ -8562,11 +8599,11 @@ var SwitchGroup = (_a) => {
8562
8599
  setSelectedItems(updated);
8563
8600
  onChange == null ? void 0 : onChange(updated);
8564
8601
  };
8565
- return /* @__PURE__ */ React87.createElement(LabelControl, __spreadValues(__spreadValues({
8602
+ return /* @__PURE__ */ React88.createElement(LabelControl, __spreadValues(__spreadValues({
8566
8603
  fieldset: true
8567
- }, labelControlProps), errorProps), /* @__PURE__ */ React87.createElement(InputGroup, {
8604
+ }, labelControlProps), errorProps), /* @__PURE__ */ React88.createElement(InputGroup, {
8568
8605
  cols
8569
- }, React87.Children.map(children, (c) => {
8606
+ }, React88.Children.map(children, (c) => {
8570
8607
  var _a3, _b2, _c, _d;
8571
8608
  if (!isComponentType(c, Switch2)) {
8572
8609
  return null;
@@ -8574,7 +8611,7 @@ var SwitchGroup = (_a) => {
8574
8611
  const str = (_a3 = c.props.value) == null ? void 0 : _a3.toString();
8575
8612
  const defaultChecked = defaultValue === void 0 ? void 0 : str !== void 0 && defaultValue.includes(str);
8576
8613
  const checked = value === void 0 ? void 0 : str !== void 0 && value.includes(str);
8577
- return React87.cloneElement(c, {
8614
+ return React88.cloneElement(c, {
8578
8615
  defaultChecked: (_b2 = c.props.defaultChecked) != null ? _b2 : defaultChecked,
8579
8616
  checked: (_c = c.props.checked) != null ? _c : checked,
8580
8617
  onChange: (_d = c.props.onChange) != null ? _d : handleChange,
@@ -8584,19 +8621,19 @@ var SwitchGroup = (_a) => {
8584
8621
  })));
8585
8622
  };
8586
8623
  var SwitchGroupSkeleton = ({ options = 2 }) => {
8587
- return /* @__PURE__ */ React87.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React87.createElement("div", {
8624
+ return /* @__PURE__ */ React88.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React88.createElement("div", {
8588
8625
  className: tw("flex flex-wrap flex-col gap-2")
8589
- }, Array.from({ length: options }).map((_, key) => /* @__PURE__ */ React87.createElement(Switch2.Skeleton, {
8626
+ }, Array.from({ length: options }).map((_, key) => /* @__PURE__ */ React88.createElement(Switch2.Skeleton, {
8590
8627
  key
8591
8628
  }))));
8592
8629
  };
8593
8630
  SwitchGroup.Skeleton = SwitchGroupSkeleton;
8594
8631
 
8595
8632
  // src/components/TagLabel/TagLabel.tsx
8596
- import React88 from "react";
8633
+ import React89 from "react";
8597
8634
  var TagLabel = (_a) => {
8598
8635
  var _b = _a, { title, dense = false } = _b, rest = __objRest(_b, ["title", "dense"]);
8599
- return /* @__PURE__ */ React88.createElement("span", __spreadProps(__spreadValues({}, rest), {
8636
+ return /* @__PURE__ */ React89.createElement("span", __spreadProps(__spreadValues({}, rest), {
8600
8637
  className: tw("rounded-full text-white bg-primary-70", {
8601
8638
  "py-2 px-4 typography-caption": !dense,
8602
8639
  "py-2 px-3 typography-caption-small": dense
@@ -8605,14 +8642,14 @@ var TagLabel = (_a) => {
8605
8642
  };
8606
8643
 
8607
8644
  // src/components/Textarea/Textarea.tsx
8608
- import React89, { useRef as useRef11, useState as useState12 } from "react";
8645
+ import React90, { useRef as useRef11, useState as useState12 } from "react";
8609
8646
  import omit17 from "lodash/omit";
8610
8647
  import toString2 from "lodash/toString";
8611
8648
  import uniqueId10 from "lodash/uniqueId";
8612
- var TextareaBase = React89.forwardRef(
8649
+ var TextareaBase = React90.forwardRef(
8613
8650
  (_a, ref) => {
8614
8651
  var _b = _a, { readOnly = false, valid = true } = _b, props = __objRest(_b, ["readOnly", "valid"]);
8615
- return /* @__PURE__ */ React89.createElement("textarea", __spreadProps(__spreadValues({
8652
+ return /* @__PURE__ */ React90.createElement("textarea", __spreadProps(__spreadValues({
8616
8653
  ref
8617
8654
  }, props), {
8618
8655
  readOnly,
@@ -8620,10 +8657,10 @@ var TextareaBase = React89.forwardRef(
8620
8657
  }));
8621
8658
  }
8622
8659
  );
8623
- TextareaBase.Skeleton = () => /* @__PURE__ */ React89.createElement(Skeleton, {
8660
+ TextareaBase.Skeleton = () => /* @__PURE__ */ React90.createElement(Skeleton, {
8624
8661
  height: 58
8625
8662
  });
8626
- var Textarea = React89.forwardRef((props, ref) => {
8663
+ var Textarea = React90.forwardRef((props, ref) => {
8627
8664
  var _a, _b, _c;
8628
8665
  const [value, setValue] = useState12((_b = (_a = props.value) != null ? _a : props.defaultValue) != null ? _b : "");
8629
8666
  const id = useRef11((_c = props.id) != null ? _c : `textarea-${uniqueId10()}`);
@@ -8631,12 +8668,12 @@ var Textarea = React89.forwardRef((props, ref) => {
8631
8668
  const errorProps = props.valid === false ? { "aria-invalid": true, "aria-describedby": errorMessageId } : {};
8632
8669
  const _d = getLabelControlProps(props), { "data-testid": dataTestId } = _d, labelControlProps = __objRest(_d, ["data-testid"]);
8633
8670
  const baseProps = omit17(props, Object.keys(labelControlProps));
8634
- return /* @__PURE__ */ React89.createElement(LabelControl, __spreadValues({
8671
+ return /* @__PURE__ */ React90.createElement(LabelControl, __spreadValues({
8635
8672
  id: `${id.current}-label`,
8636
8673
  htmlFor: id.current,
8637
8674
  messageId: errorMessageId,
8638
8675
  length: value !== void 0 ? toString2(value).length : void 0
8639
- }, labelControlProps), /* @__PURE__ */ React89.createElement(TextareaBase, __spreadProps(__spreadValues(__spreadValues({
8676
+ }, labelControlProps), /* @__PURE__ */ React90.createElement(TextareaBase, __spreadProps(__spreadValues(__spreadValues({
8640
8677
  ref
8641
8678
  }, baseProps), errorProps), {
8642
8679
  id: id.current,
@@ -8652,47 +8689,47 @@ var Textarea = React89.forwardRef((props, ref) => {
8652
8689
  valid: props.valid
8653
8690
  })));
8654
8691
  });
8655
- var TextAreaSkeleton = () => /* @__PURE__ */ React89.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React89.createElement(TextareaBase.Skeleton, null));
8692
+ var TextAreaSkeleton = () => /* @__PURE__ */ React90.createElement(LabelControl.Skeleton, null, /* @__PURE__ */ React90.createElement(TextareaBase.Skeleton, null));
8656
8693
  Textarea.Skeleton = TextAreaSkeleton;
8657
8694
 
8658
8695
  // src/components/Timeline/Timeline.tsx
8659
- import React91 from "react";
8696
+ import React92 from "react";
8660
8697
 
8661
8698
  // src/common/Timeline/Timeline.tsx
8662
- import React90 from "react";
8699
+ import React91 from "react";
8663
8700
  var Timeline = (_a) => {
8664
8701
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8665
- return /* @__PURE__ */ React90.createElement("div", __spreadProps(__spreadValues({}, rest), {
8702
+ return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
8666
8703
  className: classNames(tw("grid grid-cols-[16px_1fr] gap-x-4"), className)
8667
8704
  }));
8668
8705
  };
8669
8706
  var Content2 = (_a) => {
8670
8707
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8671
- return /* @__PURE__ */ React90.createElement("div", __spreadProps(__spreadValues({}, rest), {
8708
+ return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
8672
8709
  className: classNames(tw("pb-6"), className)
8673
8710
  }));
8674
8711
  };
8675
8712
  var Separator2 = (_a) => {
8676
8713
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8677
- return /* @__PURE__ */ React90.createElement("div", __spreadProps(__spreadValues({}, rest), {
8714
+ return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
8678
8715
  className: classNames(tw("flex items-center justify-center h-5 w-5"), className)
8679
8716
  }));
8680
8717
  };
8681
8718
  var LineContainer = (_a) => {
8682
8719
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8683
- return /* @__PURE__ */ React90.createElement("div", __spreadProps(__spreadValues({}, rest), {
8720
+ return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
8684
8721
  className: classNames(tw("flex justify-center py-1"), className)
8685
8722
  }));
8686
8723
  };
8687
8724
  var Line = (_a) => {
8688
8725
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8689
- return /* @__PURE__ */ React90.createElement("div", __spreadProps(__spreadValues({}, rest), {
8726
+ return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
8690
8727
  className: classNames(tw("w-1 bg-grey-5 h-full justify-self-center"), className)
8691
8728
  }));
8692
8729
  };
8693
8730
  var Dot = (_a) => {
8694
8731
  var _b = _a, { className } = _b, rest = __objRest(_b, ["className"]);
8695
- return /* @__PURE__ */ React90.createElement("div", __spreadProps(__spreadValues({}, rest), {
8732
+ return /* @__PURE__ */ React91.createElement("div", __spreadProps(__spreadValues({}, rest), {
8696
8733
  className: classNames(tw("bg-grey-30 h-[6px] w-[6px] rounded"), className)
8697
8734
  }));
8698
8735
  };
@@ -8707,61 +8744,61 @@ var import_error4 = __toESM(require_error());
8707
8744
  var import_time = __toESM(require_time());
8708
8745
  var import_warningSign4 = __toESM(require_warningSign());
8709
8746
  var TimelineItem = () => null;
8710
- var Timeline2 = ({ children }) => /* @__PURE__ */ React91.createElement("div", null, React91.Children.map(children, (item) => {
8747
+ var Timeline2 = ({ children }) => /* @__PURE__ */ React92.createElement("div", null, React92.Children.map(children, (item) => {
8711
8748
  if (!isComponentType(item, TimelineItem)) {
8712
8749
  throw new Error("<Timeline> can only have <Timeline.Item> components as children");
8713
8750
  } else {
8714
8751
  const { props, key } = item;
8715
- return /* @__PURE__ */ React91.createElement(Timeline, {
8752
+ return /* @__PURE__ */ React92.createElement(Timeline, {
8716
8753
  key: key != null ? key : props.title
8717
- }, /* @__PURE__ */ React91.createElement(Timeline.Separator, null, props.variant === "error" ? /* @__PURE__ */ React91.createElement(Icon, {
8754
+ }, /* @__PURE__ */ React92.createElement(Timeline.Separator, null, props.variant === "error" ? /* @__PURE__ */ React92.createElement(Icon, {
8718
8755
  icon: import_error4.default,
8719
8756
  color: "error-30"
8720
- }) : props.variant === "warning" ? /* @__PURE__ */ React91.createElement(Icon, {
8757
+ }) : props.variant === "warning" ? /* @__PURE__ */ React92.createElement(Icon, {
8721
8758
  icon: import_warningSign4.default,
8722
8759
  color: "warning-30"
8723
- }) : props.variant === "info" ? /* @__PURE__ */ React91.createElement(Icon, {
8760
+ }) : props.variant === "info" ? /* @__PURE__ */ React92.createElement(Icon, {
8724
8761
  icon: import_time.default,
8725
8762
  color: "info-30"
8726
- }) : /* @__PURE__ */ React91.createElement(Timeline.Separator.Dot, null)), /* @__PURE__ */ React91.createElement(Typography2.Caption, {
8763
+ }) : /* @__PURE__ */ React92.createElement(Timeline.Separator.Dot, null)), /* @__PURE__ */ React92.createElement(Typography2.Caption, {
8727
8764
  color: "grey-50"
8728
- }, props.title), /* @__PURE__ */ React91.createElement(Timeline.LineContainer, null, /* @__PURE__ */ React91.createElement(Timeline.LineContainer.Line, null)), /* @__PURE__ */ React91.createElement(Timeline.Content, null, /* @__PURE__ */ React91.createElement(Typography2.Small, null, props.children)));
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)));
8729
8766
  }
8730
8767
  }));
8731
- var TimelineItemSkeleton = () => /* @__PURE__ */ React91.createElement(Timeline, null, /* @__PURE__ */ React91.createElement(Timeline.Separator, null, /* @__PURE__ */ React91.createElement(Skeleton, {
8768
+ var TimelineItemSkeleton = () => /* @__PURE__ */ React92.createElement(Timeline, null, /* @__PURE__ */ React92.createElement(Timeline.Separator, null, /* @__PURE__ */ React92.createElement(Skeleton, {
8732
8769
  width: 6,
8733
8770
  height: 6,
8734
8771
  rounded: true
8735
- })), /* @__PURE__ */ React91.createElement(Skeleton, {
8772
+ })), /* @__PURE__ */ React92.createElement(Skeleton, {
8736
8773
  height: 12,
8737
8774
  width: 120
8738
- }), /* @__PURE__ */ React91.createElement(Timeline.LineContainer, null, /* @__PURE__ */ React91.createElement(Skeleton, {
8775
+ }), /* @__PURE__ */ React92.createElement(Timeline.LineContainer, null, /* @__PURE__ */ React92.createElement(Skeleton, {
8739
8776
  width: 2,
8740
8777
  height: "100%"
8741
- })), /* @__PURE__ */ React91.createElement(Timeline.Content, null, /* @__PURE__ */ React91.createElement(Box, {
8778
+ })), /* @__PURE__ */ React92.createElement(Timeline.Content, null, /* @__PURE__ */ React92.createElement(Box, {
8742
8779
  display: "flex",
8743
8780
  flexDirection: "column",
8744
8781
  gap: "3"
8745
- }, /* @__PURE__ */ React91.createElement(Skeleton, {
8782
+ }, /* @__PURE__ */ React92.createElement(Skeleton, {
8746
8783
  height: 32,
8747
8784
  width: "100%"
8748
- }), /* @__PURE__ */ React91.createElement(Skeleton, {
8785
+ }), /* @__PURE__ */ React92.createElement(Skeleton, {
8749
8786
  height: 32,
8750
8787
  width: "73%"
8751
- }), /* @__PURE__ */ React91.createElement(Skeleton, {
8788
+ }), /* @__PURE__ */ React92.createElement(Skeleton, {
8752
8789
  height: 32,
8753
8790
  width: "80%"
8754
8791
  }))));
8755
- var TimelineSkeleton = ({ items = 3 }) => /* @__PURE__ */ React91.createElement("div", null, Array.from({ length: items }).map((_, key) => /* @__PURE__ */ React91.createElement(TimelineItemSkeleton, {
8792
+ var TimelineSkeleton = ({ items = 3 }) => /* @__PURE__ */ React92.createElement("div", null, Array.from({ length: items }).map((_, key) => /* @__PURE__ */ React92.createElement(TimelineItemSkeleton, {
8756
8793
  key
8757
8794
  })));
8758
8795
  Timeline2.Item = TimelineItem;
8759
8796
  Timeline2.Skeleton = TimelineSkeleton;
8760
8797
 
8761
8798
  // src/utils/table/useTableSelect.ts
8762
- import React92 from "react";
8799
+ import React93 from "react";
8763
8800
  var useTableSelect = (data, { key }) => {
8764
- const [selected, setSelected] = React92.useState([]);
8801
+ const [selected, setSelected] = React93.useState([]);
8765
8802
  const allSelected = selected.length === data.length;
8766
8803
  const isSelected = (dot) => selected.includes(dot[key]);
8767
8804
  const selectAll = () => setSelected(data.map((dot) => dot[key]));
@@ -8989,6 +9026,7 @@ export {
8989
9026
  InputBase,
8990
9027
  Label,
8991
9028
  LabelControl,
9029
+ LineClamp,
8992
9030
  List,
8993
9031
  ListItem,
8994
9032
  Modal2 as Modal,