@algolia/satellite 2.10.0 → 2.12.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 (145) hide show
  1. package/dist/cjs/Actions/Accordion/Accordion.js +1 -2
  2. package/dist/cjs/Actions/Accordion/Accordion.styles.d.ts +2 -2
  3. package/dist/cjs/Actions/Accordion/Accordion.styles.js +23 -23
  4. package/dist/cjs/Actions/Button/PolymorphicButton.js +1 -2
  5. package/dist/cjs/Actions/Button/styles.js +4 -4
  6. package/dist/cjs/Actions/IconButtonWithFeedback/IconButtonWithFeedback.js +1 -1
  7. package/dist/cjs/Actions/ToggleButton/ToggleButtonBase.js +2 -2
  8. package/dist/cjs/Actions/ToggleGroup/ToggleGroup.js +1 -2
  9. package/dist/cjs/Chat/ChatCodeDisplay/ChatCodeDisplay.js +2 -3
  10. package/dist/cjs/Chat/ChatCodeDisplay/ChatCodeDisplay.styles.d.ts +4 -4
  11. package/dist/cjs/Chat/ChatContextAccordion/ChatContextAccordion.styles.d.ts +2 -2
  12. package/dist/cjs/Chat/ChatContextContainer/ChatContextContainer.styles.d.ts +2 -2
  13. package/dist/cjs/Chat/ChatMessage/ChatMessage.js +1 -1
  14. package/dist/cjs/Chat/ChatMessage/ChatMessage.styles.d.ts +2 -2
  15. package/dist/cjs/Chat/ChatMessage/ChatMessage.styles.js +10 -10
  16. package/dist/cjs/Chat/ChatMessageError/ChatMessageError.styles.d.ts +3 -3
  17. package/dist/cjs/Chat/ChatMessageLoader/ChatMessageLoader.styles.d.ts +3 -3
  18. package/dist/cjs/Chat/ChatMessages/ChatMessages.styles.d.ts +2 -2
  19. package/dist/cjs/Chat/ChatPrompt/ChatPrompt.styles.d.ts +2 -2
  20. package/dist/cjs/Fields/AutoComplete/AutoComplete.js +14 -14
  21. package/dist/cjs/Fields/DatePicker/components/Popover.js +2 -3
  22. package/dist/cjs/Fields/Dropzone/Dropzone.js +5 -5
  23. package/dist/cjs/Fields/FilePicker/FilePicker.js +4 -4
  24. package/dist/cjs/Fields/Form/stories/AsynchronousValidation.js +17 -18
  25. package/dist/cjs/Fields/Form/stories/Complex.js +67 -68
  26. package/dist/cjs/Fields/Form/stories/DependentFieldsValidation.js +9 -10
  27. package/dist/cjs/Fields/Form/stories/DirtyFields.js +18 -19
  28. package/dist/cjs/Fields/Form/stories/DynamicFieldsValidation.js +19 -20
  29. package/dist/cjs/Fields/Form/stories/ExtraErrors.js +13 -14
  30. package/dist/cjs/Fields/Form/stories/FieldArrays.js +23 -24
  31. package/dist/cjs/Fields/Form/stories/JSONForms.js +79 -79
  32. package/dist/cjs/Fields/Form/stories/MultiStep.js +72 -73
  33. package/dist/cjs/Fields/Form/stories/ValidationStrategies.js +15 -16
  34. package/dist/cjs/Fields/Input/Input.js +10 -10
  35. package/dist/cjs/Fields/SelectableCard/SelectableCard.js +9 -9
  36. package/dist/cjs/Fields/Switch/Switch.tailwind.js +4 -1
  37. package/dist/cjs/Fields/TextAreaAutoSize/TextAreaAutoSize.styles.d.ts +2 -2
  38. package/dist/cjs/Icons/AmexCardIcon.d.ts +2 -0
  39. package/dist/cjs/Icons/AmexCardIcon.js +34 -0
  40. package/dist/cjs/Icons/DiscoverCardIcon.d.ts +2 -0
  41. package/dist/cjs/Icons/DiscoverCardIcon.js +34 -0
  42. package/dist/cjs/Icons/MasterCardIcon.d.ts +2 -0
  43. package/dist/cjs/Icons/MasterCardIcon.js +34 -0
  44. package/dist/cjs/Icons/VisaCardIcon.d.ts +2 -0
  45. package/dist/cjs/Icons/VisaCardIcon.js +34 -0
  46. package/dist/cjs/Icons/index.d.ts +4 -0
  47. package/dist/cjs/Icons/index.js +28 -0
  48. package/dist/cjs/Indicators/Avatars/utils.js +4 -4
  49. package/dist/cjs/Indicators/Badge/Badge.js +4 -4
  50. package/dist/cjs/Indicators/Banners/Alert/Alert.js +13 -13
  51. package/dist/cjs/Indicators/Banners/Promote/Promote.js +4 -4
  52. package/dist/cjs/Indicators/EmptyState/EmptyState.js +16 -16
  53. package/dist/cjs/Indicators/Medallion/Medallion.js +3 -3
  54. package/dist/cjs/Indicators/ProgressBar/ProgressBar.js +1 -2
  55. package/dist/cjs/Indicators/Separator/Separator.js +1 -2
  56. package/dist/cjs/Indicators/Tag/Tag.js +10 -10
  57. package/dist/cjs/Indicators/Toast/Toast.js +12 -13
  58. package/dist/cjs/Indicators/Toast/Toasts.js +2 -3
  59. package/dist/cjs/Layout/CollapsibleCard/CollapsibleCard.js +1 -2
  60. package/dist/cjs/Layout/FlexGrid/FlexGrid.js +11 -11
  61. package/dist/cjs/Layout/Tables/DataTable/DataTable.js +3 -3
  62. package/dist/cjs/Navigation/Stepper/Step.js +12 -12
  63. package/dist/cjs/Navigation/Tabs/components/LinkTab.js +6 -6
  64. package/dist/cjs/Overlay/MenuButton/MenuButton.d.ts +1 -1
  65. package/dist/cjs/Overlay/MenuButton/MenuButton.js +1 -2
  66. package/dist/cjs/Overlay/MenuButton/components/Content.js +1 -1
  67. package/dist/cjs/Overlay/MenuButton/components/CustomTrigger.js +1 -2
  68. package/dist/cjs/Overlay/MenuButton/components/DefaultTrigger.js +1 -2
  69. package/dist/cjs/Overlay/MenuButton/components/Divider.js +1 -2
  70. package/dist/cjs/Overlay/MenuButton/components/collapsible/CollapsibleItem.js +1 -2
  71. package/dist/cjs/Overlay/MenuButton/components/items/Item.js +1 -2
  72. package/dist/cjs/Overlay/MenuButton/components/items/LinkItem.js +1 -2
  73. package/dist/cjs/Overlay/MenuButton/components/items/RadioItem.js +1 -2
  74. package/dist/cjs/Overlay/MenuButton/components/items/ToggleItem.js +1 -2
  75. package/dist/cjs/Overlay/Modal/Modal.js +9 -10
  76. package/dist/cjs/Overlay/Popover/Popover.js +2 -3
  77. package/dist/cjs/Overlay/TooltipWrapper/TooltipWrapper.js +2 -3
  78. package/dist/cjs/utils/getTextFromReactNode.js +1 -1
  79. package/dist/cjs/utils/onlyText.js +2 -2
  80. package/dist/esm/Actions/Accordion/Accordion.styles.d.ts +2 -2
  81. package/dist/esm/Actions/Accordion/Accordion.styles.js +23 -23
  82. package/dist/esm/Actions/Button/styles.js +4 -4
  83. package/dist/esm/Actions/IconButtonWithFeedback/IconButtonWithFeedback.js +1 -1
  84. package/dist/esm/Actions/ToggleButton/ToggleButtonBase.js +2 -2
  85. package/dist/esm/Chat/ChatCodeDisplay/ChatCodeDisplay.js +1 -1
  86. package/dist/esm/Chat/ChatCodeDisplay/ChatCodeDisplay.styles.d.ts +4 -4
  87. package/dist/esm/Chat/ChatContextAccordion/ChatContextAccordion.styles.d.ts +2 -2
  88. package/dist/esm/Chat/ChatContextContainer/ChatContextContainer.styles.d.ts +2 -2
  89. package/dist/esm/Chat/ChatMessage/ChatMessage.js +1 -1
  90. package/dist/esm/Chat/ChatMessage/ChatMessage.styles.d.ts +2 -2
  91. package/dist/esm/Chat/ChatMessage/ChatMessage.styles.js +10 -10
  92. package/dist/esm/Chat/ChatMessageError/ChatMessageError.styles.d.ts +3 -3
  93. package/dist/esm/Chat/ChatMessageLoader/ChatMessageLoader.styles.d.ts +3 -3
  94. package/dist/esm/Chat/ChatMessages/ChatMessages.styles.d.ts +2 -2
  95. package/dist/esm/Chat/ChatPrompt/ChatPrompt.styles.d.ts +2 -2
  96. package/dist/esm/Fields/AutoComplete/AutoComplete.js +14 -14
  97. package/dist/esm/Fields/DatePicker/components/Popover.js +1 -1
  98. package/dist/esm/Fields/Dropzone/Dropzone.js +5 -5
  99. package/dist/esm/Fields/FilePicker/FilePicker.js +4 -4
  100. package/dist/esm/Fields/Form/stories/AsynchronousValidation.js +16 -16
  101. package/dist/esm/Fields/Form/stories/Complex.js +66 -66
  102. package/dist/esm/Fields/Form/stories/DependentFieldsValidation.js +8 -8
  103. package/dist/esm/Fields/Form/stories/DirtyFields.js +17 -17
  104. package/dist/esm/Fields/Form/stories/DynamicFieldsValidation.js +18 -18
  105. package/dist/esm/Fields/Form/stories/ExtraErrors.js +12 -12
  106. package/dist/esm/Fields/Form/stories/FieldArrays.js +22 -22
  107. package/dist/esm/Fields/Form/stories/JSONForms.js +79 -79
  108. package/dist/esm/Fields/Form/stories/MultiStep.js +71 -71
  109. package/dist/esm/Fields/Form/stories/ValidationStrategies.js +14 -14
  110. package/dist/esm/Fields/Input/Input.js +10 -10
  111. package/dist/esm/Fields/SelectableCard/SelectableCard.js +9 -9
  112. package/dist/esm/Fields/Switch/Switch.tailwind.js +4 -1
  113. package/dist/esm/Fields/TextAreaAutoSize/TextAreaAutoSize.styles.d.ts +2 -2
  114. package/dist/esm/Icons/AmexCardIcon.d.ts +2 -0
  115. package/dist/esm/Icons/AmexCardIcon.js +27 -0
  116. package/dist/esm/Icons/DiscoverCardIcon.d.ts +2 -0
  117. package/dist/esm/Icons/DiscoverCardIcon.js +27 -0
  118. package/dist/esm/Icons/MasterCardIcon.d.ts +2 -0
  119. package/dist/esm/Icons/MasterCardIcon.js +27 -0
  120. package/dist/esm/Icons/VisaCardIcon.d.ts +2 -0
  121. package/dist/esm/Icons/VisaCardIcon.js +27 -0
  122. package/dist/esm/Icons/index.d.ts +4 -0
  123. package/dist/esm/Icons/index.js +4 -0
  124. package/dist/esm/Indicators/Avatars/utils.js +4 -4
  125. package/dist/esm/Indicators/Badge/Badge.js +4 -4
  126. package/dist/esm/Indicators/Banners/Alert/Alert.js +13 -13
  127. package/dist/esm/Indicators/Banners/Promote/Promote.js +4 -4
  128. package/dist/esm/Indicators/EmptyState/EmptyState.js +16 -16
  129. package/dist/esm/Indicators/Medallion/Medallion.js +3 -3
  130. package/dist/esm/Indicators/Tag/Tag.js +10 -10
  131. package/dist/esm/Indicators/Toast/Toast.js +11 -11
  132. package/dist/esm/Indicators/Toast/Toasts.js +1 -1
  133. package/dist/esm/Layout/FlexGrid/FlexGrid.js +11 -11
  134. package/dist/esm/Layout/Tables/DataTable/DataTable.js +3 -3
  135. package/dist/esm/Navigation/Stepper/Step.js +12 -12
  136. package/dist/esm/Navigation/Tabs/components/LinkTab.js +6 -6
  137. package/dist/esm/Overlay/MenuButton/MenuButton.d.ts +1 -1
  138. package/dist/esm/Overlay/MenuButton/components/Content.js +1 -1
  139. package/dist/esm/Overlay/Modal/Modal.js +8 -8
  140. package/dist/esm/Overlay/Popover/Popover.js +1 -1
  141. package/dist/esm/Overlay/TooltipWrapper/TooltipWrapper.js +1 -1
  142. package/dist/esm/utils/getTextFromReactNode.js +1 -1
  143. package/dist/esm/utils/onlyText.js +2 -2
  144. package/dist/satellite.min.css +1 -1
  145. package/package.json +19 -28
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
4
4
  var _excluded = ["children", "variant", "className", "onAdd", "addTooltip", "onRemove", "removeTooltip", "locale"];
5
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
5
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
6
6
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7
7
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
8
8
  import cx from "clsx";
@@ -33,11 +33,11 @@ var VARIANT_CLASSNAMES = {
33
33
  var BUTTON_VARIANT_CLASSNAMES = {
34
34
  accent: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["border-accent-200 hover:bg-accent-200 focus:bg-accent-200"]))),
35
35
  grey: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["border-grey-200 hover:bg-grey-200 focus:bg-grey-200"]))),
36
- blue: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["border-blue-200 hover:bg-blue-200 focus:bg-blue-200"]))),
37
- green: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["border-green-300 hover:bg-green-300 focus:bg-green-300"]))),
38
- orange: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["border-orange-300 hover:bg-orange-300 focus:bg-orange-300"]))),
39
- red: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["border-red-200 hover:bg-red-200 focus:bg-red-200"]))),
40
- pink: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["border-pink-200 hover:bg-pink-200 focus:bg-pink-200"])))
36
+ blue: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["border-blue-200 hover:bg-blue-200 focus:bg-blue-200"]))),
37
+ green: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["border-green-300 hover:bg-green-300 focus:bg-green-300"]))),
38
+ orange: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["border-orange-300 hover:bg-orange-300 focus:bg-orange-300"]))),
39
+ red: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["border-red-200 hover:bg-red-200 focus:bg-red-200"]))),
40
+ pink: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["border-pink-200 hover:bg-pink-200 focus:bg-pink-200"])))
41
41
  };
42
42
 
43
43
  /**
@@ -59,7 +59,7 @@ export var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
59
59
  var title = typeof children === "string" ? children : "tag";
60
60
  var contextLocale = useLocale("tag");
61
61
  var locale = _objectSpread(_objectSpread(_objectSpread({}, DEFAULT_TAG_LOCALE), contextLocale), propsLocale);
62
- var tagClassName = cx(stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["tag"]))), VARIANT_CLASSNAMES[variant], className);
62
+ var tagClassName = cx(stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["tag"]))), VARIANT_CLASSNAMES[variant], className);
63
63
  var isInsideAutoComplete = useIsInsideAutoComplete();
64
64
  var tabIndexProps = isInsideAutoComplete ? {
65
65
  tabIndex: -1
@@ -75,7 +75,7 @@ export var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
75
75
  onRemove === null || onRemove === void 0 || onRemove(evt);
76
76
  };
77
77
  var content = /*#__PURE__*/_jsx("span", {
78
- className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["truncate flex-1"]))),
78
+ className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["truncate flex-1"]))),
79
79
  children: children
80
80
  });
81
81
  return /*#__PURE__*/_jsxs("span", _objectSpread(_objectSpread({}, props), {}, {
@@ -86,7 +86,7 @@ export var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
86
86
  hideDelay: 0,
87
87
  side: "bottom",
88
88
  children: /*#__PURE__*/_jsxs("button", _objectSpread(_objectSpread({}, tabIndexProps), {}, {
89
- className: cx(stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["tag-add-button focusable-visible"]))), !removable && stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["-mr-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
89
+ className: cx(stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["tag-add-button focusable-visible"]))), !removable && stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["-mr-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
90
90
  type: "button",
91
91
  onClick: handleAdd,
92
92
  "aria-label": typeof locale.addButton === "function" ? locale.addButton(title) : locale.addButton,
@@ -100,7 +100,7 @@ export var Tag = /*#__PURE__*/forwardRef(function (_ref, ref) {
100
100
  side: "bottom",
101
101
  align: "start",
102
102
  children: /*#__PURE__*/_jsx("button", _objectSpread(_objectSpread({}, tabIndexProps), {}, {
103
- className: cx(stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["tag-close-button focusable-visible p-1"]))), !addable && stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["ml-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
103
+ className: cx(stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["tag-close-button focusable-visible p-1"]))), !addable && stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["ml-2"]))), BUTTON_VARIANT_CLASSNAMES[variant]),
104
104
  type: "button",
105
105
  onClick: handleRemove,
106
106
  "aria-label": typeof locale.removeButton === "function" ? locale.removeButton(title) : locale.removeButton,
@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
3
3
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
4
4
  var _excluded = ["onDismiss", "title", "icon", "loading", "variant", "locale", "children"];
5
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
5
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
6
6
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7
7
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
8
8
  import * as ToastPrimitive from "@radix-ui/react-toast";
@@ -30,9 +30,9 @@ var VARIANT_SPINNER_CLASSNAMES = {
30
30
  grey: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["border-grey-500"]))),
31
31
  accent: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["border-accent-500"]))),
32
32
  blue: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["border-blue-600"]))),
33
- green: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["border-green-600"]))),
34
- orange: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["border-orange-500"]))),
35
- red: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["border-red-500"])))
33
+ green: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["border-green-600"]))),
34
+ orange: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["border-orange-500"]))),
35
+ red: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["border-red-500"])))
36
36
  };
37
37
  export var Toast = function Toast(_ref) {
38
38
  var onDismiss = _ref.onDismiss,
@@ -55,25 +55,25 @@ export var Toast = function Toast(_ref) {
55
55
  }
56
56
  return /*#__PURE__*/_jsx(Card, _objectSpread(_objectSpread({}, rest), {}, {
57
57
  fullBleed: true,
58
- className: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["toast shadow-z500"]))),
58
+ className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["toast shadow-z500"]))),
59
59
  children: /*#__PURE__*/_jsxs("div", {
60
- className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["p-4 flex"]))),
60
+ className: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["p-4 flex"]))),
61
61
  children: [loading ? /*#__PURE__*/_jsx(ProgressSpinner, {
62
62
  "aria-hidden": true,
63
63
  size: 24,
64
64
  className: VARIANT_SPINNER_CLASSNAMES[variant]
65
65
  }) : /*#__PURE__*/_jsx(Icon, {
66
66
  "aria-hidden": true,
67
- className: cx(stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["shrink-0 text-white rounded-full p-1"]))), VARIANT_CLASSNAMES[variant]),
67
+ className: cx(stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["shrink-0 text-white rounded-full p-1"]))), VARIANT_CLASSNAMES[variant]),
68
68
  size: 24
69
69
  }), /*#__PURE__*/_jsxs("div", {
70
- className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["flex-1 ml-4 min-w-0 break-words"]))),
70
+ className: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["flex-1 ml-4 min-w-0 break-words"]))),
71
71
  children: [/*#__PURE__*/_jsxs("div", {
72
- className: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["flex justify-between"]))),
72
+ className: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["flex justify-between"]))),
73
73
  children: [/*#__PURE__*/_jsx(ToastPrimitive.Title, {
74
74
  asChild: true,
75
75
  children: /*#__PURE__*/_jsx("h3", {
76
- className: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["overflow-hidden mt-0.5"]))),
76
+ className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["overflow-hidden mt-0.5"]))),
77
77
  children: title
78
78
  })
79
79
  }), onDismiss && /*#__PURE__*/_jsx(ToastPrimitive.Close, {
@@ -91,7 +91,7 @@ export var Toast = function Toast(_ref) {
91
91
  })
92
92
  })]
93
93
  }), isRenderedChild(children) && /*#__PURE__*/_jsx(ToastPrimitive.Description, {
94
- className: stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["text-grey-600 mt-2"]))),
94
+ className: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["text-grey-600 mt-2"]))),
95
95
  children: children
96
96
  })]
97
97
  })]
@@ -39,7 +39,7 @@ export var Toasts = function Toasts(_ref) {
39
39
  console.warn("Toasts: You should not set `autoDismissAfter` to less than 2000 ms, even for brief messages.");
40
40
  }
41
41
  }
42
- return createPortal( /*#__PURE__*/_jsxs(ToastPrimitive.Provider, {
42
+ return createPortal(/*#__PURE__*/_jsxs(ToastPrimitive.Provider, {
43
43
  children: [/*#__PURE__*/_jsx(TransitionGroup, {
44
44
  component: null,
45
45
  children: notifications.map(function (_ref2) {
@@ -1,5 +1,5 @@
1
1
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
2
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22;
2
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20;
3
3
  // Heavily inspired by https://github.com/Shopify/polaris-react/blob/2b34f8609e9f08c1a767abea0a235bcc17706b63/src/components/Stack/Stack.tsx#L1
4
4
  import cx from "clsx";
5
5
  import { Children, isValidElement } from "react";
@@ -21,16 +21,16 @@ var ALIGNMENT_CLASSNAMES = {
21
21
  leading: stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["items-start"]))),
22
22
  center: stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["items-center"]))),
23
23
  trailing: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["items-end"]))),
24
- fill: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["items-stretch"]))),
25
- baseline: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["items-baseline"])))
24
+ fill: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["items-stretch"]))),
25
+ baseline: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["items-baseline"])))
26
26
  };
27
27
  var DISTRIBUTION_CLASSNAMES = {
28
- leading: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["justify-start"]))),
29
- trailing: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["justify-end"]))),
30
- center: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["justify-center"]))),
31
- equalSpacing: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["justify-between"]))),
32
- fill: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["flex-grid-d-fill"]))),
33
- fillEvenly: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["flex-grid-d-fill-even"])))
28
+ leading: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["justify-start"]))),
29
+ trailing: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["justify-end"]))),
30
+ center: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["justify-center"]))),
31
+ equalSpacing: stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["justify-between"]))),
32
+ fill: stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["flex-grid-d-fill"]))),
33
+ fillEvenly: stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["flex-grid-d-fill-even"])))
34
34
  };
35
35
 
36
36
  /**
@@ -54,9 +54,9 @@ export var FlexGrid = function FlexGrid(_ref) {
54
54
  wrap = _ref$wrap === void 0 ? false : _ref$wrap,
55
55
  children = _ref.children;
56
56
  return /*#__PURE__*/_jsx("div", {
57
- className: cx(inline && stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["flex-grid-inline"]))), className),
57
+ className: cx(inline && stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["flex-grid-inline"]))), className),
58
58
  children: /*#__PURE__*/_jsx("div", {
59
- className: cx(stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["flex-grid-inner"]))), inline ? stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["inline-flex"]))) : stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["flex"]))), wrap && stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["flex-wrap"]))), SPACING_CLASSNAMES[spacing], DIRECTION_CLASSNAMES[direction], ALIGNMENT_CLASSNAMES[alignment], DISTRIBUTION_CLASSNAMES[distribution]),
59
+ className: cx(stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["flex-grid-inner"]))), inline ? stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["inline-flex"]))) : stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["flex"]))), wrap && stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["flex-wrap"]))), SPACING_CLASSNAMES[spacing], DIRECTION_CLASSNAMES[direction], ALIGNMENT_CLASSNAMES[alignment], DISTRIBUTION_CLASSNAMES[distribution]),
60
60
  children: Children.map(children, function (child) {
61
61
  return /*#__PURE__*/isValidElement(child) ? child : isRenderedChild(child) ? /*#__PURE__*/_jsx("span", {
62
62
  children: child
@@ -2,7 +2,7 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral
2
2
  import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
3
3
  import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
4
4
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
5
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11;
5
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1;
6
6
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7
7
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
8
8
  import compact from "lodash/compact";
@@ -210,11 +210,11 @@ export var DataTable = function DataTable(_ref) {
210
210
  children: [status === "loading" && /*#__PURE__*/_jsx("div", {
211
211
  className: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["absolute bg-white/50 z-10 w-full h-full flex items-center justify-center"]))),
212
212
  children: /*#__PURE__*/_jsx(DataTableLoader, {
213
- className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["-mt-12"]))),
213
+ className: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["-mt-12"]))),
214
214
  locale: locale
215
215
  })
216
216
  }), /*#__PURE__*/_jsxs(Table, {
217
- className: stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["datatable ", " ", ""])), status === "loading" && "pointer-events-none select-none", status === "loading" && data.length === 0 && "h-48"),
217
+ className: stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["datatable ", " ", ""])), status === "loading" && "pointer-events-none select-none", status === "loading" && data.length === 0 && "h-48"),
218
218
  mode: mode,
219
219
  highlight: false,
220
220
  footer: shouldRenderPagination() && /*#__PURE__*/_jsx(DataTableFooter, {
@@ -2,7 +2,7 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProper
2
2
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
3
3
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
4
4
  var _excluded = ["className", "index", "icon", "label", "name", "completed", "disabled"];
5
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36, _templateObject37, _templateObject38;
5
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21, _templateObject22, _templateObject23, _templateObject24, _templateObject25, _templateObject26, _templateObject27, _templateObject28, _templateObject29, _templateObject30, _templateObject31, _templateObject32, _templateObject33, _templateObject34, _templateObject35, _templateObject36;
6
6
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
7
7
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
8
8
  import cx from "clsx";
@@ -29,9 +29,9 @@ var CONNECTOR_HORIZONTAL_SIZE_CLASSNAMES = {
29
29
  large: stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["w-[112px]"])))
30
30
  };
31
31
  var ICON_SIZE_CLASSNAMES = {
32
- small: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["w-5 h-5"]))),
33
- "default": stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["w-6 h-6"]))),
34
- large: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["w-8 h-8"])))
32
+ small: stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["w-5 h-5"]))),
33
+ "default": stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["w-6 h-6"]))),
34
+ large: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["w-8 h-8"])))
35
35
  };
36
36
  var ICON_SIZE = {
37
37
  small: 12,
@@ -65,13 +65,13 @@ export var Step = function Step(_ref) {
65
65
  var isHorizontal = context.orientation === "horizontal";
66
66
  var Icon = completed && !active ? CheckIconInternal : CustomIcon;
67
67
  return /*#__PURE__*/_jsx("li", _objectSpread(_objectSpread({}, props), {}, {
68
- className: cx(className, stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["text-grey-600 group/step"])))),
68
+ className: cx(className, stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["text-grey-600 group/step"])))),
69
69
  children: /*#__PURE__*/_jsxs("button", {
70
70
  type: "button",
71
71
  id: buttonId,
72
- className: cx(stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["relative w-full flex items-center text-left gap-2 rounded group/button"]))), stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["focus-visible:outline-none"]))), stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["before:absolute before:inset-0 before:z-20 before:rounded before:outline before:outline-2 before:-outline-offset-2 before:outline-transparent focus-visible:before:outline-accent-600"]))),
72
+ className: cx(stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["relative w-full flex items-center text-left gap-2 rounded group/button"]))), stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["focus-visible:outline-none"]))), stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["before:absolute before:inset-0 before:z-20 before:rounded before:outline before:outline-2 before:-outline-offset-2 before:outline-transparent focus-visible:before:outline-accent-600"]))),
73
73
  // Ensure focus outline is above the connector lines
74
- isHorizontal && stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["flex-col min-w-36"]))), disabled ? stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["cursor-not-allowed"]))) : stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["hover:bg-grey-100"]))), BUTTON_SIZE_CLASSNAMES[context.size]),
74
+ isHorizontal && stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["flex-col min-w-36"]))), disabled ? stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["cursor-not-allowed"]))) : stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["hover:bg-grey-100"]))), BUTTON_SIZE_CLASSNAMES[context.size]),
75
75
  "aria-label": disabled ? disabledLocale : active ? activeLocale : completed ? completedLocale : incompletedLocale,
76
76
  "aria-current": active ? "step" : undefined,
77
77
  disabled: disabled,
@@ -93,20 +93,20 @@ export var Step = function Step(_ref) {
93
93
  }
94
94
  },
95
95
  children: [/*#__PURE__*/_jsxs("span", {
96
- className: cx(stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["rounded-full flex items-center justify-center shrink-0 text-sm relative z-10"]))), !active && !completed && stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["bg-grey-100"]))), !active && !completed && !disabled && stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["group-hover/button:bg-white"]))), active && stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["bg-grey-800 text-white"]))), completed && stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["bg-green-600 text-white"]))), ICON_SIZE_CLASSNAMES[context.size]),
96
+ className: cx(stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["rounded-full flex items-center justify-center shrink-0 text-sm relative z-10"]))), !active && !completed && stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["bg-grey-100"]))), !active && !completed && !disabled && stl(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["group-hover/button:bg-white"]))), active && stl(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["bg-grey-800 text-white"]))), completed && stl(_templateObject22 || (_templateObject22 = _taggedTemplateLiteral(["bg-green-600 text-white"]))), ICON_SIZE_CLASSNAMES[context.size]),
97
97
  children: [context.connectors && /*#__PURE__*/_jsx("div", {
98
- className: cx(stl(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["group-last/step:hidden absolute"]))), isVertical && stl(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["w-px bottom-0 translate-y-full"]))), isHorizontal && stl(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["h-px right-0 translate-x-full"]))), isVertical && CONNECTOR_VERTICAL_SIZE_CLASSNAMES[context.size], isHorizontal && CONNECTOR_HORIZONTAL_SIZE_CLASSNAMES[context.size], completed ? stl(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["bg-green-600"]))) : stl(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["bg-grey-200"]))))
98
+ className: cx(stl(_templateObject23 || (_templateObject23 = _taggedTemplateLiteral(["group-last/step:hidden absolute"]))), isVertical && stl(_templateObject24 || (_templateObject24 = _taggedTemplateLiteral(["w-px bottom-0 translate-y-full"]))), isHorizontal && stl(_templateObject25 || (_templateObject25 = _taggedTemplateLiteral(["h-px right-0 translate-x-full"]))), isVertical && CONNECTOR_VERTICAL_SIZE_CLASSNAMES[context.size], isHorizontal && CONNECTOR_HORIZONTAL_SIZE_CLASSNAMES[context.size], completed ? stl(_templateObject26 || (_templateObject26 = _taggedTemplateLiteral(["bg-green-600"]))) : stl(_templateObject27 || (_templateObject27 = _taggedTemplateLiteral(["bg-grey-200"]))))
99
99
  }), Icon ? /*#__PURE__*/_jsx(Icon, {
100
100
  width: ICON_SIZE[context.size],
101
101
  height: ICON_SIZE[context.size]
102
102
  }) : index + 1]
103
103
  }), /*#__PURE__*/_jsxs("div", {
104
- className: cx(disabled && stl(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["text-grey-300"]))), isHorizontal && stl(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["text-center"])))),
104
+ className: cx(disabled && stl(_templateObject28 || (_templateObject28 = _taggedTemplateLiteral(["text-grey-300"]))), isHorizontal && stl(_templateObject29 || (_templateObject29 = _taggedTemplateLiteral(["text-center"])))),
105
105
  children: [!!label && /*#__PURE__*/_jsx("div", {
106
- className: cx(stl(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["text-sm line-clamp-1"]))), isHorizontal && !disabled && stl(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["group-hover/button:text-grey-900"]))), disabled && stl(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["text-grey-300"])))),
106
+ className: cx(stl(_templateObject30 || (_templateObject30 = _taggedTemplateLiteral(["text-sm line-clamp-1"]))), isHorizontal && !disabled && stl(_templateObject31 || (_templateObject31 = _taggedTemplateLiteral(["group-hover/button:text-grey-900"]))), disabled && stl(_templateObject32 || (_templateObject32 = _taggedTemplateLiteral(["text-grey-300"])))),
107
107
  children: label
108
108
  }), /*#__PURE__*/_jsx("div", {
109
- className: cx(stl(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["text-base line-clamp-2"]))), (completed || active) && stl(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["text-grey-900"]))), isHorizontal && !disabled && stl(_templateObject37 || (_templateObject37 = _taggedTemplateLiteral(["group-hover/button:text-grey-900"]))), context.size === "small" && stl(_templateObject38 || (_templateObject38 = _taggedTemplateLiteral(["text-sm"])))),
109
+ className: cx(stl(_templateObject33 || (_templateObject33 = _taggedTemplateLiteral(["text-base line-clamp-2"]))), (completed || active) && stl(_templateObject34 || (_templateObject34 = _taggedTemplateLiteral(["text-grey-900"]))), isHorizontal && !disabled && stl(_templateObject35 || (_templateObject35 = _taggedTemplateLiteral(["group-hover/button:text-grey-900"]))), context.size === "small" && stl(_templateObject36 || (_templateObject36 = _taggedTemplateLiteral(["text-sm"])))),
110
110
  children: name
111
111
  })]
112
112
  })]
@@ -14,9 +14,9 @@ var getNextNonDisabledSibling = function getNextNonDisabledSibling(el) {
14
14
  if (!el) return null;
15
15
  var next = el;
16
16
  do {
17
- var _next, _next$nextElementSibl, _next2, _next3;
18
- next = (_next$nextElementSibl = (_next2 = next) === null || _next2 === void 0 ? void 0 : _next2.nextElementSibling) !== null && _next$nextElementSibl !== void 0 ? _next$nextElementSibl : (_next3 = next) === null || _next3 === void 0 || (_next3 = _next3.parentElement) === null || _next3 === void 0 ? void 0 : _next3.firstElementChild;
19
- } while ((_next = next) !== null && _next !== void 0 && _next.getAttribute("aria-disabled"));
17
+ var _next$nextElementSibl, _next, _next2, _next3;
18
+ next = (_next$nextElementSibl = (_next = next) === null || _next === void 0 ? void 0 : _next.nextElementSibling) !== null && _next$nextElementSibl !== void 0 ? _next$nextElementSibl : (_next2 = next) === null || _next2 === void 0 || (_next2 = _next2.parentElement) === null || _next2 === void 0 ? void 0 : _next2.firstElementChild;
19
+ } while ((_next3 = next) !== null && _next3 !== void 0 && _next3.getAttribute("aria-disabled"));
20
20
  return (_ref = next) !== null && _ref !== void 0 ? _ref : null;
21
21
  };
22
22
  var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
@@ -24,9 +24,9 @@ var getPreviousNonDisabledSibling = function getPreviousNonDisabledSibling(el) {
24
24
  if (!el) return null;
25
25
  var next = el;
26
26
  do {
27
- var _next4, _next$previousElement, _next5, _next6;
28
- next = (_next$previousElement = (_next5 = next) === null || _next5 === void 0 ? void 0 : _next5.previousElementSibling) !== null && _next$previousElement !== void 0 ? _next$previousElement : (_next6 = next) === null || _next6 === void 0 || (_next6 = _next6.parentElement) === null || _next6 === void 0 ? void 0 : _next6.lastElementChild;
29
- } while ((_next4 = next) !== null && _next4 !== void 0 && _next4.getAttribute("aria-disabled"));
27
+ var _next$previousElement, _next4, _next5, _next6;
28
+ next = (_next$previousElement = (_next4 = next) === null || _next4 === void 0 ? void 0 : _next4.previousElementSibling) !== null && _next$previousElement !== void 0 ? _next$previousElement : (_next5 = next) === null || _next5 === void 0 || (_next5 = _next5.parentElement) === null || _next5 === void 0 ? void 0 : _next5.lastElementChild;
29
+ } while ((_next6 = next) !== null && _next6 !== void 0 && _next6.getAttribute("aria-disabled"));
30
30
  return (_ref2 = next) !== null && _ref2 !== void 0 ? _ref2 : null;
31
31
  };
32
32
  export var LinkTab = function LinkTab(_ref3) {
@@ -29,7 +29,7 @@ export declare const MenuButton: {
29
29
  } & import("react").RefAttributes<HTMLDivElement>>;
30
30
  CollapsibleItemsMultipleGroup: import("react").FC<import("react").PropsWithChildren<CollapsibleItemsMultiGroupProps>>;
31
31
  CollapsibleItemsSingleGroup: import("react").FC<import("react").PropsWithChildren<CollapsibleItemsExclusiveGroupProps>>;
32
- Content: import("react").ForwardRefExoticComponent<import("./components/Content").MenuButtonContentProps & import("react").RefAttributes<HTMLDivElement>>;
32
+ Content: import("react").ForwardRefExoticComponent<import("./MenuButton").MenuButtonContentProps & import("react").RefAttributes<HTMLDivElement>>;
33
33
  CustomTrigger: import("react").ForwardRefExoticComponent<CustomTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
34
34
  Divider: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
35
35
  Item: import("react").ForwardRefExoticComponent<import("./useMenuItemProps").BaseItemProps<HTMLDivElement> & DropdownMenu.DropdownMenuItemProps & {
@@ -18,7 +18,7 @@ export var Content = /*#__PURE__*/forwardRef(function (_ref, ref) {
18
18
  className = _ref.className,
19
19
  rest = _objectWithoutProperties(_ref, _excluded);
20
20
  var createPortal = useCreatePortal();
21
- return createPortal( /*#__PURE__*/_jsx(DropdownMenuContent, _objectSpread(_objectSpread({
21
+ return createPortal(/*#__PURE__*/_jsx(DropdownMenuContent, _objectSpread(_objectSpread({
22
22
  align: "start",
23
23
  side: "bottom",
24
24
  sideOffset: 15,
@@ -1,6 +1,6 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
2
  import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
3
- var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19;
3
+ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject0, _templateObject1, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17;
4
4
  function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
5
5
  function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
6
6
  import * as Dialog from "@radix-ui/react-dialog";
@@ -75,11 +75,11 @@ export var Modal = function Modal(_ref) {
75
75
  children: [!isControlled && /*#__PURE__*/_jsx(Dialog.Trigger, {
76
76
  asChild: true,
77
77
  children: triggerButton
78
- }), createPortal( /*#__PURE__*/_jsx(Dialog.Overlay, {
78
+ }), createPortal(/*#__PURE__*/_jsx(Dialog.Overlay, {
79
79
  className: cx(animate && !prefersReducedMotion && stl(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["modal-animated"]))), stl(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["modal-overlay bg-grey-900/30 z-modalOverlay inset-0 fixed w-full h-full flex items-start justify-center px-8 py-10"]))), stl(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["overflow-x-hidden overflow-y-auto [scrollbar-gutter:stable_both-edges]"])))),
80
80
  children: /*#__PURE__*/_jsx(Dialog.Content, {
81
81
  ref: dialogContentRef,
82
- className: cx(stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["modal-content"]))), SIZE_CLASSNAMES[size], centerY && stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["flex m-auto justify-center"])))),
82
+ className: cx(stl(_templateObject0 || (_templateObject0 = _taggedTemplateLiteral(["modal-content"]))), SIZE_CLASSNAMES[size], centerY && stl(_templateObject1 || (_templateObject1 = _taggedTemplateLiteral(["flex m-auto justify-center"])))),
83
83
  "aria-describedby": undefined,
84
84
  onOpenAutoFocus: function onOpenAutoFocus(e) {
85
85
  var _closeButtonRef$curre;
@@ -97,18 +97,18 @@ export var Modal = function Modal(_ref) {
97
97
  }
98
98
  },
99
99
  children: /*#__PURE__*/_jsx("div", {
100
- className: stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["modal-container"]))),
100
+ className: stl(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["modal-container"]))),
101
101
  children: /*#__PURE__*/_jsxs(Card, {
102
102
  as: "div",
103
103
  elevation: "500",
104
- className: cx(stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["relative"]))), className),
104
+ className: cx(stl(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["relative"]))), className),
105
105
  fullBleed: true,
106
106
  children: [/*#__PURE__*/_jsx("header", {
107
- className: cx(stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["min-h-14 flex items-center justify-between space-x-2"]))), title ? stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["border-b border-grey-100 pl-8 pr-16"]))) : stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["justify-end px-8"]))), !title && hideCloseIcon && stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["hidden"])))),
107
+ className: cx(stl(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["min-h-14 flex items-center justify-between space-x-2"]))), title ? stl(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["border-b border-grey-100 pl-8 pr-16"]))) : stl(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["justify-end px-8"]))), !title && hideCloseIcon && stl(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["hidden"])))),
108
108
  children: /*#__PURE__*/_jsx(Dialog.Title, {
109
109
  asChild: true,
110
110
  children: title ? /*#__PURE__*/_jsx("div", {
111
- className: stl(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["flex-1 display-heading truncate"]))),
111
+ className: stl(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["flex-1 display-heading truncate"]))),
112
112
  children: title
113
113
  }) : /*#__PURE__*/_jsx(VisuallyHidden, {
114
114
  children: locale.modalTitle
@@ -118,7 +118,7 @@ export var Modal = function Modal(_ref) {
118
118
  className: cx(!fullBleed && SIZE_PADDING_CLASSNAMES[size]),
119
119
  children: children
120
120
  }), !hideCloseIcon && /*#__PURE__*/_jsx("div", {
121
- className: stl(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["-mr-2 absolute top-3 right-8"]))),
121
+ className: stl(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["-mr-2 absolute top-3 right-8"]))),
122
122
  children: /*#__PURE__*/_jsx(Dialog.Close, {
123
123
  ref: closeButtonRef,
124
124
  asChild: true,
@@ -73,7 +73,7 @@ export var Popover = function Popover(_ref) {
73
73
  ref: triggerRef,
74
74
  asChild: true,
75
75
  children: children
76
- }), createPortal( /*#__PURE__*/_jsxs(PopoverPrimitive.Content, _objectSpread(_objectSpread({}, props), {}, {
76
+ }), createPortal(/*#__PURE__*/_jsxs(PopoverPrimitive.Content, _objectSpread(_objectSpread({}, props), {}, {
77
77
  "aria-labelledby": title ? titleId : undefined,
78
78
  className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["text-grey-900 bg-white z-popover shadow-z200 min-w-48 max-w-128 rounded typo-display-body animate-slide"]))), props.className),
79
79
  side: side,
@@ -53,7 +53,7 @@ export var TooltipWrapper = function TooltipWrapper(_ref) {
53
53
  children: [/*#__PURE__*/_jsx(Tooltip.Trigger, {
54
54
  asChild: !hasTextChildren,
55
55
  children: children
56
- }), createPortal( /*#__PURE__*/_jsxs(Tooltip.Content, {
56
+ }), createPortal(/*#__PURE__*/_jsxs(Tooltip.Content, {
57
57
  className: cx(stl(_templateObject || (_templateObject = _taggedTemplateLiteral(["tooltip-content animate-slide"]))), tooltipClassName),
58
58
  style: {
59
59
  "--slide-hide-delay": "".concat(hideDelay, "ms")
@@ -13,7 +13,7 @@ export var getTextFromReactNode = function getTextFromReactNode(node) {
13
13
  node.forEach(function (child) {
14
14
  string += getTextFromReactNode(child);
15
15
  });
16
- } else if ( /*#__PURE__*/isValidElement(node)) {
16
+ } else if (/*#__PURE__*/isValidElement(node)) {
17
17
  string += getTextFromReactNode(node.props.children);
18
18
  }
19
19
  return string;
@@ -20,9 +20,9 @@ export var onlyText = function onlyText(children) {
20
20
  }
21
21
  return Children.toArray(children).reduce(function (text, child) {
22
22
  var newText = "";
23
- if ( /*#__PURE__*/isValidElement(child) && hasChildren(child)) {
23
+ if (/*#__PURE__*/isValidElement(child) && hasChildren(child)) {
24
24
  newText = onlyText(child.props.children);
25
- } else if ( /*#__PURE__*/isValidElement(child) && !hasChildren(child)) {
25
+ } else if (/*#__PURE__*/isValidElement(child) && !hasChildren(child)) {
26
26
  newText = "";
27
27
  } else {
28
28
  newText = childToString(child);