@doist/reactist 29.1.1 → 29.1.2

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 (227) hide show
  1. package/CHANGELOG.md +7 -0
  2. package/dist/reactist.cjs.development.js +6749 -1832
  3. package/dist/reactist.cjs.development.js.map +1 -1
  4. package/dist/reactist.cjs.production.min.js +1 -1
  5. package/dist/reactist.cjs.production.min.js.map +1 -1
  6. package/es/avatar/avatar.js +106 -36
  7. package/es/avatar/avatar.js.map +1 -1
  8. package/es/avatar/utils.js +17 -19
  9. package/es/avatar/utils.js.map +1 -1
  10. package/es/badge/badge.js +50 -6
  11. package/es/badge/badge.js.map +1 -1
  12. package/es/banner/banner.js +384 -41
  13. package/es/banner/banner.js.map +1 -1
  14. package/es/base-field/base-field.js +367 -77
  15. package/es/base-field/base-field.js.map +1 -1
  16. package/es/box/box.js +139 -61
  17. package/es/box/box.js.map +1 -1
  18. package/es/button/button.js +346 -36
  19. package/es/button/button.js.map +1 -1
  20. package/es/checkbox-field/checkbox-field.js +71 -48
  21. package/es/checkbox-field/checkbox-field.js.map +1 -1
  22. package/es/checkbox-field/checkbox-icon.js +88 -28
  23. package/es/checkbox-field/checkbox-icon.js.map +1 -1
  24. package/es/checkbox-field/use-fork-ref.js +15 -20
  25. package/es/checkbox-field/use-fork-ref.js.map +1 -1
  26. package/es/columns/columns.js +46 -23
  27. package/es/columns/columns.js.map +1 -1
  28. package/es/components/color-picker/color-picker.js +190 -46
  29. package/es/components/color-picker/color-picker.js.map +1 -1
  30. package/es/components/deprecated-button/deprecated-button.js +102 -9
  31. package/es/components/deprecated-button/deprecated-button.js.map +1 -1
  32. package/es/components/deprecated-button/index.js +5 -2
  33. package/es/components/deprecated-button/index.js.map +1 -1
  34. package/es/components/deprecated-dropdown/dropdown.js +234 -134
  35. package/es/components/deprecated-dropdown/dropdown.js.map +1 -1
  36. package/es/components/deprecated-dropdown/index.js +4 -1
  37. package/es/components/deprecated-dropdown/index.js.map +1 -1
  38. package/es/components/deprecated-input/index.js +5 -2
  39. package/es/components/deprecated-input/index.js.map +1 -1
  40. package/es/components/deprecated-input/input.js +27 -4
  41. package/es/components/deprecated-input/input.js.map +1 -1
  42. package/es/components/deprecated-select/select.js +110 -7
  43. package/es/components/deprecated-select/select.js.map +1 -1
  44. package/es/components/key-capturer/key-capturer.js +190 -137
  45. package/es/components/key-capturer/key-capturer.js.map +1 -1
  46. package/es/components/keyboard-shortcut/keyboard-shortcut.js +65 -45
  47. package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  48. package/es/components/progress-bar/progress-bar.js +61 -9
  49. package/es/components/progress-bar/progress-bar.js.map +1 -1
  50. package/es/components/time/index.js +5 -2
  51. package/es/components/time/index.js.map +1 -1
  52. package/es/components/time/time-utils.js +59 -53
  53. package/es/components/time/time-utils.js.map +1 -1
  54. package/es/components/time/time.js +94 -91
  55. package/es/components/time/time.js.map +1 -1
  56. package/es/divider/divider.js +44 -5
  57. package/es/divider/divider.js.map +1 -1
  58. package/es/heading/heading.js +122 -20
  59. package/es/heading/heading.js.map +1 -1
  60. package/es/hidden/hidden.js +36 -30
  61. package/es/hidden/hidden.js.map +1 -1
  62. package/es/hidden-visually/hidden-visually.js +9 -4
  63. package/es/hidden-visually/hidden-visually.js.map +1 -1
  64. package/es/icons/alert-icon.js +145 -18
  65. package/es/icons/alert-icon.js.map +1 -1
  66. package/es/icons/banner-icon.js +213 -25
  67. package/es/icons/banner-icon.js.map +1 -1
  68. package/es/icons/close-icon.js +26 -3
  69. package/es/icons/close-icon.js.map +1 -1
  70. package/es/icons/password-hidden-icon.js +40 -6
  71. package/es/icons/password-hidden-icon.js.map +1 -1
  72. package/es/icons/password-visible-icon.js +33 -5
  73. package/es/icons/password-visible-icon.js.map +1 -1
  74. package/es/index.js +9 -9
  75. package/es/inline/inline.js +24 -9
  76. package/es/inline/inline.js.map +1 -1
  77. package/es/loading/loading.js +63 -17
  78. package/es/loading/loading.js.map +1 -1
  79. package/es/menu/menu.js +469 -92
  80. package/es/menu/menu.js.map +1 -1
  81. package/es/modal/modal.js +675 -112
  82. package/es/modal/modal.js.map +1 -1
  83. package/es/notice/notice.js +77 -10
  84. package/es/notice/notice.js.map +1 -1
  85. package/es/password-field/password-field.js +89 -11
  86. package/es/password-field/password-field.js.map +1 -1
  87. package/es/prose/prose.js +48 -9
  88. package/es/prose/prose.js.map +1 -1
  89. package/es/select-field/select-field.js +150 -19
  90. package/es/select-field/select-field.js.map +1 -1
  91. package/es/spinner/spinner.js +39 -6
  92. package/es/spinner/spinner.js.map +1 -1
  93. package/es/stack/stack.js +29 -17
  94. package/es/stack/stack.js.map +1 -1
  95. package/es/switch-field/switch-field.js +225 -42
  96. package/es/switch-field/switch-field.js.map +1 -1
  97. package/es/tabs/tabs.js +207 -109
  98. package/es/tabs/tabs.js.map +1 -1
  99. package/es/text/text.js +27 -17
  100. package/es/text/text.js.map +1 -1
  101. package/es/text-area/text-area.js +264 -54
  102. package/es/text-area/text-area.js.map +1 -1
  103. package/es/text-field/text-field.js +204 -31
  104. package/es/text-field/text-field.js.map +1 -1
  105. package/es/text-link/text-link.js +21 -10
  106. package/es/text-link/text-link.js.map +1 -1
  107. package/es/toast/static-toast.js +143 -25
  108. package/es/toast/static-toast.js.map +1 -1
  109. package/es/toast/toast-animation.js +159 -109
  110. package/es/toast/toast-animation.js.map +1 -1
  111. package/es/toast/use-toasts.js +309 -84
  112. package/es/toast/use-toasts.js.map +1 -1
  113. package/es/tooltip/tooltip.js +88 -32
  114. package/es/tooltip/tooltip.js.map +1 -1
  115. package/es/utils/common-helpers.js +12 -11
  116. package/es/utils/common-helpers.js.map +1 -1
  117. package/es/utils/polymorphism.js +84 -1
  118. package/es/utils/polymorphism.js.map +1 -1
  119. package/es/utils/responsive-props.js +43 -32
  120. package/es/utils/responsive-props.js.map +1 -1
  121. package/lib/avatar/avatar.js +109 -35
  122. package/lib/avatar/avatar.js.map +1 -1
  123. package/lib/avatar/utils.js +17 -19
  124. package/lib/avatar/utils.js.map +1 -1
  125. package/lib/badge/badge.js +53 -5
  126. package/lib/badge/badge.js.map +1 -1
  127. package/lib/banner/banner.js +385 -38
  128. package/lib/banner/banner.js.map +1 -1
  129. package/lib/base-field/base-field.js +366 -73
  130. package/lib/base-field/base-field.js.map +1 -1
  131. package/lib/box/box.js +141 -61
  132. package/lib/box/box.js.map +1 -1
  133. package/lib/button/button.js +347 -35
  134. package/lib/button/button.js.map +1 -1
  135. package/lib/checkbox-field/checkbox-field.js +73 -46
  136. package/lib/checkbox-field/checkbox-field.js.map +1 -1
  137. package/lib/checkbox-field/checkbox-icon.js +92 -28
  138. package/lib/checkbox-field/checkbox-icon.js.map +1 -1
  139. package/lib/checkbox-field/use-fork-ref.js +15 -20
  140. package/lib/checkbox-field/use-fork-ref.js.map +1 -1
  141. package/lib/columns/columns.js +49 -22
  142. package/lib/columns/columns.js.map +1 -1
  143. package/lib/components/color-picker/color-picker.js +189 -45
  144. package/lib/components/color-picker/color-picker.js.map +1 -1
  145. package/lib/components/deprecated-button/deprecated-button.js +104 -9
  146. package/lib/components/deprecated-button/deprecated-button.js.map +1 -1
  147. package/lib/components/deprecated-dropdown/dropdown.js +235 -133
  148. package/lib/components/deprecated-dropdown/dropdown.js.map +1 -1
  149. package/lib/components/deprecated-input/input.js +28 -4
  150. package/lib/components/deprecated-input/input.js.map +1 -1
  151. package/lib/components/deprecated-select/select.js +112 -7
  152. package/lib/components/deprecated-select/select.js.map +1 -1
  153. package/lib/components/key-capturer/key-capturer.js +188 -135
  154. package/lib/components/key-capturer/key-capturer.js.map +1 -1
  155. package/lib/components/keyboard-shortcut/keyboard-shortcut.js +67 -45
  156. package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
  157. package/lib/components/progress-bar/progress-bar.js +60 -8
  158. package/lib/components/progress-bar/progress-bar.js.map +1 -1
  159. package/lib/components/time/time-utils.js +59 -53
  160. package/lib/components/time/time-utils.js.map +1 -1
  161. package/lib/components/time/time.js +93 -90
  162. package/lib/components/time/time.js.map +1 -1
  163. package/lib/divider/divider.js +47 -4
  164. package/lib/divider/divider.js.map +1 -1
  165. package/lib/heading/heading.js +125 -19
  166. package/lib/heading/heading.js.map +1 -1
  167. package/lib/hidden/hidden.js +39 -29
  168. package/lib/hidden/hidden.js.map +1 -1
  169. package/lib/hidden-visually/hidden-visually.js +11 -3
  170. package/lib/hidden-visually/hidden-visually.js.map +1 -1
  171. package/lib/icons/alert-icon.js +149 -18
  172. package/lib/icons/alert-icon.js.map +1 -1
  173. package/lib/icons/banner-icon.js +217 -25
  174. package/lib/icons/banner-icon.js.map +1 -1
  175. package/lib/icons/close-icon.js +29 -3
  176. package/lib/icons/close-icon.js.map +1 -1
  177. package/lib/icons/password-hidden-icon.js +43 -6
  178. package/lib/icons/password-hidden-icon.js.map +1 -1
  179. package/lib/icons/password-visible-icon.js +36 -5
  180. package/lib/icons/password-visible-icon.js.map +1 -1
  181. package/lib/inline/inline.js +27 -8
  182. package/lib/inline/inline.js.map +1 -1
  183. package/lib/loading/loading.js +67 -17
  184. package/lib/loading/loading.js.map +1 -1
  185. package/lib/menu/menu.js +471 -91
  186. package/lib/menu/menu.js.map +1 -1
  187. package/lib/modal/modal.js +671 -106
  188. package/lib/modal/modal.js.map +1 -1
  189. package/lib/notice/notice.js +75 -8
  190. package/lib/notice/notice.js.map +1 -1
  191. package/lib/password-field/password-field.js +92 -10
  192. package/lib/password-field/password-field.js.map +1 -1
  193. package/lib/prose/prose.js +51 -8
  194. package/lib/prose/prose.js.map +1 -1
  195. package/lib/select-field/select-field.js +152 -17
  196. package/lib/select-field/select-field.js.map +1 -1
  197. package/lib/spinner/spinner.js +39 -6
  198. package/lib/spinner/spinner.js.map +1 -1
  199. package/lib/stack/stack.js +29 -15
  200. package/lib/stack/stack.js.map +1 -1
  201. package/lib/switch-field/switch-field.js +225 -38
  202. package/lib/switch-field/switch-field.js.map +1 -1
  203. package/lib/tabs/tabs.js +207 -107
  204. package/lib/tabs/tabs.js.map +1 -1
  205. package/lib/text/text.js +30 -16
  206. package/lib/text/text.js.map +1 -1
  207. package/lib/text-area/text-area.js +264 -52
  208. package/lib/text-area/text-area.js.map +1 -1
  209. package/lib/text-field/text-field.js +207 -30
  210. package/lib/text-field/text-field.js.map +1 -1
  211. package/lib/text-link/text-link.js +24 -9
  212. package/lib/text-link/text-link.js.map +1 -1
  213. package/lib/toast/static-toast.js +142 -22
  214. package/lib/toast/static-toast.js.map +1 -1
  215. package/lib/toast/toast-animation.js +158 -108
  216. package/lib/toast/toast-animation.js.map +1 -1
  217. package/lib/toast/use-toasts.js +310 -82
  218. package/lib/toast/use-toasts.js.map +1 -1
  219. package/lib/tooltip/tooltip.js +87 -31
  220. package/lib/tooltip/tooltip.js.map +1 -1
  221. package/lib/utils/common-helpers.js +12 -11
  222. package/lib/utils/common-helpers.js.map +1 -1
  223. package/lib/utils/polymorphism.js +84 -1
  224. package/lib/utils/polymorphism.js.map +1 -1
  225. package/lib/utils/responsive-props.js +43 -32
  226. package/lib/utils/responsive-props.js.map +1 -1
  227. package/package.json +10 -2
@@ -2,12 +2,16 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib = require('tslib');
5
+ var _extends = require('@babel/runtime/helpers/extends');
6
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
7
+ var reactCompilerRuntime = require('react-compiler-runtime');
6
8
  var React = require('react');
7
9
  var baseField = require('../base-field/base-field.js');
8
10
  var box = require('../box/box.js');
9
11
  var selectField_module = require('./select-field.module.css.js');
10
12
 
13
+ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
+
11
15
  function _interopNamespace(e) {
12
16
  if (e && e.__esModule) return e;
13
17
  var n = Object.create(null);
@@ -26,26 +30,157 @@ function _interopNamespace(e) {
26
30
  return Object.freeze(n);
27
31
  }
28
32
 
33
+ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
34
+ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
29
35
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
30
36
 
31
- var SelectField = React__namespace.forwardRef(function SelectField(_a, ref) {
32
- var _b = _a.variant, variant = _b === void 0 ? 'default' : _b, id = _a.id, label = _a.label, value = _a.value, auxiliaryLabel = _a.auxiliaryLabel, message = _a.message, tone = _a.tone, maxWidth = _a.maxWidth, children = _a.children, hidden = _a.hidden, ariaDescribedBy = _a["aria-describedby"], originalOnChange = _a.onChange, props = tslib.__rest(_a, ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "maxWidth", "children", "hidden", 'aria-describedby', "onChange"]);
33
- return (React__namespace.createElement(baseField.BaseField, { variant: variant, id: id, label: label, value: value, auxiliaryLabel: auxiliaryLabel, message: message, tone: tone, maxWidth: maxWidth, hidden: hidden, "aria-describedby": ariaDescribedBy }, function (_a) {
34
- _a.characterCountElement; var extraProps = tslib.__rest(_a, ["characterCountElement"]);
35
- return (React__namespace.createElement(box.Box, { "data-testid": "select-wrapper", className: [
36
- selectField_module["default"].selectWrapper,
37
- tone === 'error' ? selectField_module["default"].error : null,
38
- variant === 'bordered' ? selectField_module["default"].bordered : null,
39
- ] },
40
- React__namespace.createElement("select", tslib.__assign({}, props, extraProps, { ref: ref, onChange: function (event) {
41
- originalOnChange === null || originalOnChange === void 0 ? void 0 : originalOnChange(event);
42
- } }), children),
43
- React__namespace.createElement(SelectChevron, { "aria-hidden": true })));
44
- }));
37
+ const _excluded = ["variant", "id", "label", "value", "auxiliaryLabel", "message", "tone", "maxWidth", "children", "hidden", "aria-describedby", "onChange"],
38
+ _excluded2 = ["characterCountElement"];
39
+ const SelectField = /*#__PURE__*/React__namespace.forwardRef(function SelectField(t0, ref) {
40
+ const $ = reactCompilerRuntime.c(33);
41
+ let ariaDescribedBy;
42
+ let auxiliaryLabel;
43
+ let children;
44
+ let hidden;
45
+ let id;
46
+ let label;
47
+ let maxWidth;
48
+ let message;
49
+ let originalOnChange;
50
+ let props;
51
+ let t1;
52
+ let tone;
53
+ let value;
54
+ if ($[0] !== t0) {
55
+ var _t = t0;
56
+ ({
57
+ variant: t1,
58
+ id,
59
+ label,
60
+ value,
61
+ auxiliaryLabel,
62
+ message,
63
+ tone,
64
+ maxWidth,
65
+ children,
66
+ hidden,
67
+ "aria-describedby": ariaDescribedBy,
68
+ onChange: originalOnChange
69
+ } = _t);
70
+ props = _objectWithoutProperties__default["default"](_t, _excluded);
71
+ $[0] = t0;
72
+ $[1] = ariaDescribedBy;
73
+ $[2] = auxiliaryLabel;
74
+ $[3] = children;
75
+ $[4] = hidden;
76
+ $[5] = id;
77
+ $[6] = label;
78
+ $[7] = maxWidth;
79
+ $[8] = message;
80
+ $[9] = originalOnChange;
81
+ $[10] = props;
82
+ $[11] = t1;
83
+ $[12] = tone;
84
+ $[13] = value;
85
+ } else {
86
+ ariaDescribedBy = $[1];
87
+ auxiliaryLabel = $[2];
88
+ children = $[3];
89
+ hidden = $[4];
90
+ id = $[5];
91
+ label = $[6];
92
+ maxWidth = $[7];
93
+ message = $[8];
94
+ originalOnChange = $[9];
95
+ props = $[10];
96
+ t1 = $[11];
97
+ tone = $[12];
98
+ value = $[13];
99
+ }
100
+ const variant = t1 === undefined ? "default" : t1;
101
+ let t2;
102
+ if ($[14] !== children || $[15] !== originalOnChange || $[16] !== props || $[17] !== ref || $[18] !== tone || $[19] !== variant) {
103
+ t2 = t3 => {
104
+ const extraProps = _objectWithoutProperties__default["default"](t3, _excluded2);
105
+ return /*#__PURE__*/React__namespace.createElement(box.Box, {
106
+ "data-testid": "select-wrapper",
107
+ className: [selectField_module["default"].selectWrapper, tone === "error" ? selectField_module["default"].error : null, variant === "bordered" ? selectField_module["default"].bordered : null]
108
+ }, /*#__PURE__*/React__namespace.createElement("select", _extends__default["default"]({}, props, extraProps, {
109
+ ref: ref,
110
+ onChange: event => {
111
+ originalOnChange?.(event);
112
+ }
113
+ }), children), /*#__PURE__*/React__namespace.createElement(SelectChevron, {
114
+ "aria-hidden": true
115
+ }));
116
+ };
117
+ $[14] = children;
118
+ $[15] = originalOnChange;
119
+ $[16] = props;
120
+ $[17] = ref;
121
+ $[18] = tone;
122
+ $[19] = variant;
123
+ $[20] = t2;
124
+ } else {
125
+ t2 = $[20];
126
+ }
127
+ let t3;
128
+ if ($[21] !== ariaDescribedBy || $[22] !== auxiliaryLabel || $[23] !== hidden || $[24] !== id || $[25] !== label || $[26] !== maxWidth || $[27] !== message || $[28] !== t2 || $[29] !== tone || $[30] !== value || $[31] !== variant) {
129
+ t3 = /*#__PURE__*/React__namespace.createElement(baseField.BaseField, {
130
+ variant: variant,
131
+ id: id,
132
+ label: label,
133
+ value: value,
134
+ auxiliaryLabel: auxiliaryLabel,
135
+ message: message,
136
+ tone: tone,
137
+ maxWidth: maxWidth,
138
+ hidden: hidden,
139
+ "aria-describedby": ariaDescribedBy
140
+ }, t2);
141
+ $[21] = ariaDescribedBy;
142
+ $[22] = auxiliaryLabel;
143
+ $[23] = hidden;
144
+ $[24] = id;
145
+ $[25] = label;
146
+ $[26] = maxWidth;
147
+ $[27] = message;
148
+ $[28] = t2;
149
+ $[29] = tone;
150
+ $[30] = value;
151
+ $[31] = variant;
152
+ $[32] = t3;
153
+ } else {
154
+ t3 = $[32];
155
+ }
156
+ return t3;
45
157
  });
46
158
  function SelectChevron(props) {
47
- return (React__namespace.createElement("svg", tslib.__assign({ width: "16", height: "16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
48
- React__namespace.createElement("path", { d: "M11.646 5.646a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L8 9.293l3.646-3.647z", fill: "currentColor" })));
159
+ const $ = reactCompilerRuntime.c(3);
160
+ let t0;
161
+ if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
162
+ t0 = /*#__PURE__*/React__namespace.createElement("path", {
163
+ d: "M11.646 5.646a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L8 9.293l3.646-3.647z",
164
+ fill: "currentColor"
165
+ });
166
+ $[0] = t0;
167
+ } else {
168
+ t0 = $[0];
169
+ }
170
+ let t1;
171
+ if ($[1] !== props) {
172
+ t1 = /*#__PURE__*/React__namespace.createElement("svg", _extends__default["default"]({
173
+ width: "16",
174
+ height: "16",
175
+ fill: "none",
176
+ xmlns: "http://www.w3.org/2000/svg"
177
+ }, props), t0);
178
+ $[1] = props;
179
+ $[2] = t1;
180
+ } else {
181
+ t1 = $[2];
182
+ }
183
+ return t1;
49
184
  }
50
185
 
51
186
  exports.SelectField = SelectField;
@@ -1 +1 @@
1
- {"version":3,"file":"select-field.js","sources":["../../src/select-field/select-field.tsx"],"sourcesContent":[null],"names":["React","__rest","BaseField","Box","styles","__assign"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBM,IAAA,WAAW,GAAGA,gBAAK,CAAC,UAAU,CAAsC,SAAS,WAAW,CAC1F,EAcC,EACD,GAAG,EAAA;AAdC,IAAA,IAAA,eAAmB,EAAnB,OAAO,mBAAG,SAAS,GAAA,EAAA,EACnB,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,cAAc,GAAA,EAAA,CAAA,cAAA,EACd,OAAO,GAAA,EAAA,CAAA,OAAA,EACP,IAAI,GAAA,EAAA,CAAA,IAAA,EACJ,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,MAAM,GAAA,EAAA,CAAA,MAAA,EACc,eAAe,GAAA,EAAA,CAAA,kBAAA,CAAA,EACzB,gBAAgB,GAAA,EAAA,CAAA,QAAA,EACvB,KAAK,GAAAC,YAAA,CAAA,EAAA,EAbZ,0IAcC,CADW,CAAA;AAIZ,IAAA,QACID,gBAAC,CAAA,aAAA,CAAAE,mBAAS,IACN,OAAO,EAAE,OAAO,EAChB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,cAAc,EAAE,cAAc,EAC9B,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,sBACI,eAAe,EAAA,EAEhC,UAAC,EAAwC,EAAA;AAAtC,QAAqB,EAAA,CAAA,qBAAA,CAAA,KAAK,UAAU,GAAAD,YAAA,CAAA,EAAA,EAAtC,yBAAwC,EAAF;AAAO,QAAA,QAC3CD,gBAAC,CAAA,aAAA,CAAAG,OAAG,mBACY,gBAAgB,EAC5B,SAAS,EAAE;AACP,gBAAAC,6BAAM,CAAC,aAAa;gBACpB,IAAI,KAAK,OAAO,GAAGA,6BAAM,CAAC,KAAK,GAAG,IAAI;gBACtC,OAAO,KAAK,UAAU,GAAGA,6BAAM,CAAC,QAAQ,GAAG,IAAI;AAClD,aAAA,EAAA;YAEDJ,gBACQ,CAAA,aAAA,CAAA,QAAA,EAAAK,cAAA,CAAA,EAAA,EAAA,KAAK,EACL,UAAU,EACd,EAAA,GAAG,EAAE,GAAG,EACR,QAAQ,EAAE,UAAC,KAAK,EAAA;AACZ,oBAAA,gBAAgB,aAAhB,gBAAgB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhB,gBAAgB,CAAG,KAAK,CAAC,CAAA;iBAC5B,EAAA,CAAA,EAEA,QAAQ,CACJ;AACT,YAAAL,gBAAA,CAAA,aAAA,CAAC,aAAa,EAAA,EAAA,aAAA,EAAA,IAAA,EAAA,CAAe,CAC3B,EACT;AAAA,KAAA,CACO,EACf;AACL,CAAC,EAAC;AAEF,SAAS,aAAa,CAAC,KAAmC,EAAA;AACtD,IAAA,QACIA,gBAAK,CAAA,aAAA,CAAA,KAAA,EAAAK,cAAA,CAAA,EAAA,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,4BAA4B,IAAK,KAAK,CAAA;QAChFL,gBACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,CAAC,EAAC,yGAAyG,EAC3G,IAAI,EAAC,cAAc,EAAA,CACrB,CACA,EACT;AACL;;;;"}
1
+ {"version":3,"file":"select-field.js","sources":["../../src/select-field/select-field.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { BaseField } from '../base-field'\nimport { Box } from '../box'\n\nimport styles from './select-field.module.css'\n\nimport type { BaseFieldVariantProps, FieldComponentProps } from '../base-field'\n\ninterface SelectFieldProps\n extends Omit<\n FieldComponentProps<HTMLSelectElement>,\n | 'maxLength'\n | 'characterCountPosition'\n | 'endSlot'\n | 'supportsStartAndEndSlots'\n | 'endSlotPosition'\n >,\n BaseFieldVariantProps {}\n\nconst SelectField = React.forwardRef<HTMLSelectElement, SelectFieldProps>(function SelectField(\n {\n variant = 'default',\n id,\n label,\n value,\n auxiliaryLabel,\n message,\n tone,\n maxWidth,\n children,\n hidden,\n 'aria-describedby': ariaDescribedBy,\n onChange: originalOnChange,\n ...props\n },\n ref,\n) {\n return (\n <BaseField\n variant={variant}\n id={id}\n label={label}\n value={value}\n auxiliaryLabel={auxiliaryLabel}\n message={message}\n tone={tone}\n maxWidth={maxWidth}\n hidden={hidden}\n aria-describedby={ariaDescribedBy}\n >\n {({ characterCountElement, ...extraProps }) => (\n <Box\n data-testid=\"select-wrapper\"\n className={[\n styles.selectWrapper,\n tone === 'error' ? styles.error : null,\n variant === 'bordered' ? styles.bordered : null,\n ]}\n >\n <select\n {...props}\n {...extraProps}\n ref={ref}\n onChange={(event) => {\n originalOnChange?.(event)\n }}\n >\n {children}\n </select>\n <SelectChevron aria-hidden />\n </Box>\n )}\n </BaseField>\n )\n})\n\nfunction SelectChevron(props: JSX.IntrinsicElements['svg']) {\n return (\n <svg width=\"16\" height=\"16\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\" {...props}>\n <path\n d=\"M11.646 5.646a.5.5 0 0 1 .708.708l-4 4a.5.5 0 0 1-.708 0l-4-4a.5.5 0 1 1 .708-.708L8 9.293l3.646-3.647z\"\n fill=\"currentColor\"\n />\n </svg>\n )\n}\n\nexport { SelectField }\nexport type { SelectFieldProps }\n"],"names":["SelectField","React","forwardRef","t0","ref","$","_c","ariaDescribedBy","auxiliaryLabel","children","hidden","id","label","maxWidth","message","originalOnChange","props","t1","tone","value","_t","variant","onChange","_objectWithoutProperties","_excluded","undefined","t2","t3","extraProps","_excluded2","createElement","Box","className","styles","selectWrapper","error","bordered","_extends","event","SelectChevron","BaseField","Symbol","for","d","fill","width","height","xmlns"],"mappings":"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"}
@@ -2,6 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ var reactCompilerRuntime = require('react-compiler-runtime');
5
6
  var React = require('react');
6
7
  var spinner_module = require('./spinner.module.css.js');
7
8
 
@@ -25,12 +26,44 @@ function _interopNamespace(e) {
25
26
 
26
27
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
27
28
 
28
- function Spinner(_a) {
29
- var _b = _a.size, size = _b === void 0 ? 18 : _b;
30
- return (React__namespace.createElement("svg", { "aria-hidden": true, width: size, height: size, viewBox: "0 0 24 24", className: spinner_module["default"].svg, "data-chromatic": "ignore" },
31
- React__namespace.createElement("g", { fill: "none", fillRule: "nonzero" },
32
- React__namespace.createElement("path", { className: spinner_module["default"].tint, d: "M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z" }),
33
- React__namespace.createElement("path", { className: spinner_module["default"].fill, d: "M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z" }))));
29
+ function Spinner(t0) {
30
+ const $ = reactCompilerRuntime.c(3);
31
+ const {
32
+ size: t1
33
+ } = t0;
34
+ const size = t1 === undefined ? 18 : t1;
35
+ let t2;
36
+ if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
37
+ t2 = /*#__PURE__*/React__namespace.createElement("g", {
38
+ fill: "none",
39
+ fillRule: "nonzero"
40
+ }, /*#__PURE__*/React__namespace.createElement("path", {
41
+ className: spinner_module["default"].tint,
42
+ d: "M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z"
43
+ }), /*#__PURE__*/React__namespace.createElement("path", {
44
+ className: spinner_module["default"].fill,
45
+ d: "M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z"
46
+ }));
47
+ $[0] = t2;
48
+ } else {
49
+ t2 = $[0];
50
+ }
51
+ let t3;
52
+ if ($[1] !== size) {
53
+ t3 = /*#__PURE__*/React__namespace.createElement("svg", {
54
+ "aria-hidden": true,
55
+ width: size,
56
+ height: size,
57
+ viewBox: "0 0 24 24",
58
+ className: spinner_module["default"].svg,
59
+ "data-chromatic": "ignore"
60
+ }, t2);
61
+ $[1] = size;
62
+ $[2] = t3;
63
+ } else {
64
+ t3 = $[2];
65
+ }
66
+ return t3;
34
67
  }
35
68
 
36
69
  exports.Spinner = Spinner;
@@ -1 +1 @@
1
- {"version":3,"file":"spinner.js","sources":["../../src/spinner/spinner.tsx"],"sourcesContent":[null],"names":["React","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAS,OAAO,CAAC,EAAgC,EAAA;AAA9B,IAAA,IAAA,EAAA,GAAA,EAAA,CAAA,IAAS,EAAT,IAAI,GAAG,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAA,EAAA,CAAA;IACxB,QACIA,6DAEI,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,EACZ,OAAO,EAAC,WAAW,EACnB,SAAS,EAAEC,yBAAM,CAAC,GAAG,oBACN,QAAQ,EAAA;AAEvB,QAAAD,gBAAA,CAAA,aAAA,CAAA,GAAA,EAAA,EAAG,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAA;YAC7BA,gBACI,CAAA,aAAA,CAAA,MAAA,EAAA,EAAA,SAAS,EAAEC,yBAAM,CAAC,IAAI,EACtB,CAAC,EAAC,8IAA8I,EAClJ,CAAA;AACF,YAAAD,gBAAA,CAAA,aAAA,CAAA,MAAA,EAAA,EACI,SAAS,EAAEC,yBAAM,CAAC,IAAI,EACtB,CAAC,EAAC,2NAA2N,EAAA,CAC/N,CACF,CACF,EACT;AACL;;;;"}
1
+ {"version":3,"file":"spinner.js","sources":["../../src/spinner/spinner.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport styles from './spinner.module.css'\n\nfunction Spinner({ size = 18 }: { size?: number }) {\n return (\n <svg\n aria-hidden\n width={size}\n height={size}\n viewBox=\"0 0 24 24\"\n className={styles.svg}\n data-chromatic=\"ignore\"\n >\n <g fill=\"none\" fillRule=\"nonzero\">\n <path\n className={styles.tint}\n d=\"M17.945 3.958A9.955 9.955 0 0 0 12 2c-2.19 0-4.217.705-5.865 1.9L5.131 2.16A11.945 11.945 0 0 1 12 0c2.59 0 4.99.82 6.95 2.217l-1.005 1.741z\"\n />\n <path\n className={styles.fill}\n d=\"M5.13 2.16L6.136 3.9A9.987 9.987 0 0 0 2 12c0 5.523 4.477 10 10 10s10-4.477 10-10a9.986 9.986 0 0 0-4.055-8.042l1.006-1.741A11.985 11.985 0 0 1 24 12c0 6.627-5.373 12-12 12S0 18.627 0 12c0-4.073 2.029-7.671 5.13-9.84z\"\n />\n </g>\n </svg>\n )\n}\n\nexport { Spinner }\n"],"names":["Spinner","t0","$","_c","size","t1","undefined","t2","Symbol","for","React","createElement","fill","fillRule","className","styles","tint","d","t3","viewBox","svg"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAAA,QAAAC,EAAA,EAAA;EAAA,MAAAC,CAAA,GAAAC,sBAAA,CAAA,CAAA,CAAA,CAAA;AAAiB,EAAA,MAAA;AAAAC,IAAAA,IAAA,EAAAC,EAAAA;AAAA,GAAA,GAAAJ,EAAgC,CAAA;EAA9B,MAAAG,IAAA,GAAAC,EAAS,KAATC,SAAS,GAAT,EAAS,GAATD,EAAS,CAAA;AAAA,EAAA,IAAAE,EAAA,CAAA;AAAA,EAAA,IAAAL,CAAA,CAAA,CAAA,CAAA,KAAAM,MAAA,CAAAC,GAAA,CAAA,2BAAA,CAAA,EAAA;IAUhBF,EAAA,gBAAAG,gBAAA,CAAAC,aAAA,CAAA,GAAA,EAAA;AAAQC,MAAAA,IAAM,EAAN,MAAM;AAAUC,MAAAA,QAAS,EAAT,SAAA;KACpBH,eAAAA,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;MACeG,SAAW,EAAXC,yBAAM,CAAAC,IAAK;AACpBC,MAAAA,CAA8I,EAA9I,8IAAA;AAA8I,KACnJ,CAAC,eACFP,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;MACeG,SAAW,EAAXC,yBAAM,CAAAH,IAAK;AACpBK,MAAAA,CAA2N,EAA3N,2NAAA;AAA2N,KAChO,CACF,CAAC,CAAA;AAAAf,IAAAA,CAAA,MAAAK,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAL,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,IAAAgB,EAAA,CAAA;EAAA,IAAAhB,CAAA,QAAAE,IAAA,EAAA;IAjBRc,EAAA,gBAAAR,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACI,aAAW,EAAA,IAAA;AACJP,MAAAA,KAAI,EAAJA,IAAI;AACHA,MAAAA,MAAI,EAAJA,IAAI;AACJe,MAAAA,OAAW,EAAX,WAAW;MACRL,SAAU,EAAVC,yBAAM,CAAAK,GAAI;AACN,MAAA,gBAAA,EAAA,QAAA;AAAQ,KAAA,EAEvBb,EAUC,CAAC,CAAA;AAAAL,IAAAA,CAAA,MAAAE,IAAA,CAAA;AAAAF,IAAAA,CAAA,MAAAgB,EAAA,CAAA;AAAA,GAAA,MAAA;AAAAA,IAAAA,EAAA,GAAAhB,CAAA,CAAA,CAAA,CAAA,CAAA;AAAA,GAAA;AAAA,EAAA,OAlBNgB,EAkBM,CAAA;AAAA;;;;"}
@@ -2,7 +2,8 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var tslib = require('tslib');
5
+ var _extends = require('@babel/runtime/helpers/extends');
6
+ var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
6
7
  var React = require('react');
7
8
  var flattenChildren = require('react-keyed-flatten-children');
8
9
  var box = require('../box/box.js');
@@ -30,23 +31,36 @@ function _interopNamespace(e) {
30
31
  return Object.freeze(n);
31
32
  }
32
33
 
34
+ var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
35
+ var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
33
36
  var React__namespace = /*#__PURE__*/_interopNamespace(React);
34
37
  var flattenChildren__default = /*#__PURE__*/_interopDefaultLegacy(flattenChildren);
35
38
 
36
- var Stack = polymorphism.polymorphicComponent(function Stack(_a, ref) {
37
- var as = _a.as, space = _a.space, align = _a.align, _b = _a.dividers, dividers = _b === void 0 ? 'none' : _b, _c = _a.width, width = _c === void 0 ? 'full' : _c, children = _a.children, exceptionallySetClassName = _a.exceptionallySetClassName, props = tslib.__rest(_a, ["as", "space", "align", "dividers", "width", "children", "exceptionallySetClassName"]);
38
- var alignItems = align === undefined
39
- ? undefined
40
- : responsiveProps.mapResponsiveProp(align, function (align) {
41
- return align === 'start' ? 'flexStart' : align === 'end' ? 'flexEnd' : 'center';
42
- });
43
- return (React__namespace.createElement(box.Box, tslib.__assign({}, props, { display: "flex", flexDirection: "column", width: width, alignItems: alignItems, gap: space, as: as, className: exceptionallySetClassName, ref: ref }), dividers !== 'none'
44
- ? React__namespace.Children.map(flattenChildren__default["default"](children), function (child, index) {
45
- return index > 0 ? (React__namespace.createElement(React__namespace.Fragment, null,
46
- React__namespace.createElement(divider.Divider, { weight: dividers }),
47
- child)) : (child);
48
- })
49
- : children));
39
+ const _excluded = ["as", "space", "align", "dividers", "width", "children", "exceptionallySetClassName"];
40
+ const Stack = polymorphism.polymorphicComponent(function Stack(_ref, ref) {
41
+ let {
42
+ as,
43
+ space,
44
+ align,
45
+ dividers = 'none',
46
+ width = 'full',
47
+ children,
48
+ exceptionallySetClassName
49
+ } = _ref,
50
+ props = _objectWithoutProperties__default["default"](_ref, _excluded);
51
+ const alignItems = align === undefined ? undefined : responsiveProps.mapResponsiveProp(align, align => align === 'start' ? 'flexStart' : align === 'end' ? 'flexEnd' : 'center');
52
+ return /*#__PURE__*/React__namespace.createElement(box.Box, _extends__default["default"]({}, props, {
53
+ display: "flex",
54
+ flexDirection: "column",
55
+ width: width,
56
+ alignItems: alignItems,
57
+ gap: space,
58
+ as: as,
59
+ className: exceptionallySetClassName,
60
+ ref: ref
61
+ }), dividers !== 'none' ? React__namespace.Children.map(flattenChildren__default["default"](children), (child, index) => index > 0 ? /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(divider.Divider, {
62
+ weight: dividers
63
+ }), child) : child) : children);
50
64
  });
51
65
 
52
66
  exports.Stack = Stack;
@@ -1 +1 @@
1
- {"version":3,"file":"stack.js","sources":["../../src/stack/stack.tsx"],"sourcesContent":[null],"names":["polymorphicComponent","__rest","mapResponsiveProp","React","Box","flattenChildren","Divider"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBM,IAAA,KAAK,GAAGA,iCAAoB,CAAoB,SAAS,KAAK,CAChE,EASC,EACD,GAAG,EAAA;AATC,IAAA,IAAA,EAAE,GAAA,EAAA,CAAA,EAAA,EACF,KAAK,WAAA,EACL,KAAK,GAAA,EAAA,CAAA,KAAA,EACL,EAAiB,GAAA,EAAA,CAAA,QAAA,EAAjB,QAAQ,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAA,EAAA,EACjB,EAAc,GAAA,EAAA,CAAA,KAAA,EAAd,KAAK,GAAA,EAAA,KAAA,KAAA,CAAA,GAAG,MAAM,GAAA,EAAA,EACd,QAAQ,GAAA,EAAA,CAAA,QAAA,EACR,yBAAyB,GAAA,EAAA,CAAA,yBAAA,EACtB,KAAK,GAAAC,YAAA,CAAA,EAAA,EARZ,sFASC,CADW,CAAA;AAIZ,IAAA,IAAM,UAAU,GACZ,KAAK,KAAK,SAAS;AACf,UAAE,SAAS;AACX,UAAEC,iCAAiB,CAAC,KAAK,EAAE,UAAC,KAAK,EAAA;YAC3B,OAAA,KAAK,KAAK,OAAO,GAAG,WAAW,GAAG,KAAK,KAAK,KAAK,GAAG,SAAS,GAAG,QAAQ,CAAA;AAAxE,SAAwE,CAC3E,CAAA;AAEX,IAAA,QACIC,gBAAC,CAAA,aAAA,CAAAC,OAAG,qBACI,KAAK,EAAA,EACT,OAAO,EAAC,MAAM,EACd,aAAa,EAAC,QAAQ,EACtB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,EACtB,GAAG,EAAE,KAAK,EACV,EAAE,EAAE,EAAE,EACN,SAAS,EAAE,yBAAyB,EACpC,GAAG,EAAE,GAAG,EAEP,CAAA,EAAA,QAAQ,KAAK,MAAM;AAChB,UAAED,gBAAK,CAAC,QAAQ,CAAC,GAAG,CAACE,mCAAe,CAAC,QAAQ,CAAC,EAAE,UAAC,KAAK,EAAE,KAAK,EAAA;AACvD,YAAA,OAAA,KAAK,GAAG,CAAC,IACLF,gBAAA,CAAA,aAAA,CAAAA,gBAAA,CAAA,QAAA,EAAA,IAAA;AACI,gBAAAA,gBAAA,CAAA,aAAA,CAACG,eAAO,EAAA,EAAC,MAAM,EAAE,QAAQ,EAAI,CAAA;AAC5B,gBAAA,KAAK,CACP,KAEH,KAAK,CACR,CAAA;AAPD,SAOC,CACJ;AACH,UAAE,QAAQ,CACZ,EACT;AACL,CAAC;;;;"}
1
+ {"version":3,"file":"stack.js","sources":["../../src/stack/stack.tsx"],"sourcesContent":["import * as React from 'react'\nimport flattenChildren from 'react-keyed-flatten-children'\n\nimport { Box } from '../box'\nimport { Divider } from '../divider'\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { mapResponsiveProp } from '../utils/responsive-props'\n\nimport type { BoxProps, ReusableBoxProps } from '../box'\nimport type { DividerWeight, Space } from '../utils/common-types'\nimport type { ResponsiveProp } from '../utils/responsive-props'\n\ntype Align = 'start' | 'center' | 'end'\n\ninterface StackProps extends ReusableBoxProps {\n /** Space between items */\n space?: ResponsiveProp<Space>\n /** Align items horizontally */\n align?: ResponsiveProp<Align>\n /** The weight of the dividers to add. Defaults to 'none', which means no dividers are added */\n dividers?: DividerWeight\n}\n\nconst Stack = polymorphicComponent<'div', StackProps>(function Stack(\n {\n as,\n space,\n align,\n dividers = 'none',\n width = 'full',\n children,\n exceptionallySetClassName,\n ...props\n },\n ref,\n) {\n const alignItems: BoxProps['alignItems'] =\n align === undefined\n ? undefined\n : mapResponsiveProp(align, (align) =>\n align === 'start' ? 'flexStart' : align === 'end' ? 'flexEnd' : 'center',\n )\n\n return (\n <Box\n {...props}\n display=\"flex\"\n flexDirection=\"column\"\n width={width}\n alignItems={alignItems}\n gap={space}\n as={as}\n className={exceptionallySetClassName}\n ref={ref}\n >\n {dividers !== 'none'\n ? React.Children.map(flattenChildren(children), (child, index) =>\n index > 0 ? (\n <>\n <Divider weight={dividers} />\n {child}\n </>\n ) : (\n child\n ),\n )\n : children}\n </Box>\n )\n})\n\nexport type { StackProps }\nexport { Stack }\n"],"names":["Stack","polymorphicComponent","_ref","ref","as","space","align","dividers","width","children","exceptionallySetClassName","props","_objectWithoutProperties","_excluded","alignItems","undefined","mapResponsiveProp","React","createElement","Box","_extends","display","flexDirection","gap","className","Children","map","flattenChildren","child","index","Fragment","Divider","weight"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuBMA,MAAAA,KAAK,GAAGC,iCAAoB,CAAoB,SAASD,KAAKA,CAAAE,IAAA,EAWhEC,GAAG,EACL;EAAA,IAXE;MACIC,EAAE;MACFC,KAAK;MACLC,KAAK;AACLC,MAAAA,QAAQ,GAAG,MAAM;AACjBC,MAAAA,KAAK,GAAG,MAAM;MACdC,QAAQ;AACRC,MAAAA,yBAAAA;AAEJ,KAAC,GAAAR,IAAA;AADMS,IAAAA,KAAK,GAAAC,4CAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA,CAAA;EAIZ,MAAMC,UAAkC,GACpCR,KAAK,KAAKS,SAAS,GACbA,SAAS,GACTC,iCAAiB,CAACV,KAAK,EAAGA,KAAK,IAC3BA,KAAK,KAAK,OAAO,GAAG,WAAW,GAAGA,KAAK,KAAK,KAAK,GAAG,SAAS,GAAG,QACpE,CAAC,CAAA;EAEX,oBACIW,gBAAA,CAAAC,aAAA,CAACC,OAAG,EAAAC,4BAAA,KACIT,KAAK,EAAA;AACTU,IAAAA,OAAO,EAAC,MAAM;AACdC,IAAAA,aAAa,EAAC,QAAQ;AACtBd,IAAAA,KAAK,EAAEA,KAAM;AACbM,IAAAA,UAAU,EAAEA,UAAW;AACvBS,IAAAA,GAAG,EAAElB,KAAM;AACXD,IAAAA,EAAE,EAAEA,EAAG;AACPoB,IAAAA,SAAS,EAAEd,yBAA0B;AACrCP,IAAAA,GAAG,EAAEA,GAAAA;AAAI,GAAA,CAAA,EAERI,QAAQ,KAAK,MAAM,GACdU,gBAAK,CAACQ,QAAQ,CAACC,GAAG,CAACC,mCAAe,CAAClB,QAAQ,CAAC,EAAE,CAACmB,KAAK,EAAEC,KAAK,KACvDA,KAAK,GAAG,CAAC,gBACLZ,gBAAA,CAAAC,aAAA,CAAAD,gBAAA,CAAAa,QAAA,EACIb,IAAAA,eAAAA,gBAAA,CAAAC,aAAA,CAACa,eAAO,EAAA;AAACC,IAAAA,MAAM,EAAEzB,QAAAA;GAAW,CAAC,EAC5BqB,KACH,CAAC,GAEHA,KAER,CAAC,GACDnB,QACL,CAAC,CAAA;AAEd,CAAC;;;;"}