@midas-ds/components 1.0.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 (243) hide show
  1. package/Breadcrumbs.css +1 -0
  2. package/Button-CCevm2s3.js +183 -0
  3. package/Button.css +1 -0
  4. package/ButtonGroup.css +1 -0
  5. package/CHANGELOG.md +76 -0
  6. package/Card.css +1 -0
  7. package/Checkbox-CllWDBxF.js +405 -0
  8. package/Checkbox.css +1 -0
  9. package/Collection-B3xUVWPF.js +483 -0
  10. package/ComboBox.css +1 -0
  11. package/DatePicker.css +1 -0
  12. package/Dialog-CLTyYwkS.js +1889 -0
  13. package/DragAndDrop-OTN7La7U.js +42 -0
  14. package/Dropdown.css +1 -0
  15. package/FileUpload.css +1 -0
  16. package/Flex.css +1 -0
  17. package/Flex.module-CpoxBzQX.js +37 -0
  18. package/FocusScope-BR0SJ-cZ.js +512 -0
  19. package/Form-DXLoQL91.js +240 -0
  20. package/Grid.css +1 -0
  21. package/Grid.module-Ia0e9Dix.js +36 -0
  22. package/Group-DPMuN3h8.js +44 -0
  23. package/Hidden-BQWDvze4.js +37 -0
  24. package/InfoBanner.css +1 -0
  25. package/Label-C18A_4Z5.js +69 -0
  26. package/Layout.css +1 -0
  27. package/Link-BU1h3K2a.js +77 -0
  28. package/Link.css +1 -0
  29. package/LinkButton.css +1 -0
  30. package/ListBox-D21tdwTs.js +463 -0
  31. package/ListKeyboardDelegate-DxMjfMsI.js +172 -0
  32. package/Logo.css +1 -0
  33. package/Modal.css +1 -0
  34. package/MultiSelect.css +1 -0
  35. package/PressResponder-DP8ZDNGy.js +31 -0
  36. package/README.md +7 -0
  37. package/RSPContexts-EOiWkKOf.js +11 -0
  38. package/Radio.css +1 -0
  39. package/SearchField.css +1 -0
  40. package/Select.css +1 -0
  41. package/SelectionManager-D4WtKtey.js +988 -0
  42. package/Separator-DLUHK9vv.js +48 -0
  43. package/Spinner.css +1 -0
  44. package/Table.css +1 -0
  45. package/Tabs.css +1 -0
  46. package/Tag-CEd6WWSc.js +725 -0
  47. package/Tag.css +1 -0
  48. package/Text-DGLaY3HR.js +17 -0
  49. package/TextArea.css +1 -0
  50. package/TextField-C_hq9WeT.js +226 -0
  51. package/TextField.css +1 -0
  52. package/TextField.module-Cwq1FAm7.js +141 -0
  53. package/Toast.css +1 -0
  54. package/VisuallyHidden-B_XzVvlX.js +39 -0
  55. package/accordion/Accordion.d.ts +13 -0
  56. package/accordion/AccordionContent.d.ts +3 -0
  57. package/accordion/AccordionItem.d.ts +3 -0
  58. package/accordion/AccordionTagContext.d.ts +3 -0
  59. package/accordion/AccordionTrigger.d.ts +3 -0
  60. package/accordion/index.d.ts +5 -0
  61. package/breadcrumbs/Breadcrumbs.d.ts +9 -0
  62. package/breadcrumbs/index.d.ts +1 -0
  63. package/button/Button.d.ts +41 -0
  64. package/button/ButtonGroup.d.ts +12 -0
  65. package/button/index.d.ts +2 -0
  66. package/card/Card.d.ts +34 -0
  67. package/card/index.d.ts +1 -0
  68. package/checkbox/Checkbox.d.ts +2 -0
  69. package/checkbox/CheckboxGroup.d.ts +10 -0
  70. package/checkbox/index.d.ts +2 -0
  71. package/chevron-down-Cd1bkzXT.js +13 -0
  72. package/chevron-right-DBMc9VMi.js +23 -0
  73. package/clsx-OuTLNxxd.js +16 -0
  74. package/combobox/ComboBox.d.ts +12 -0
  75. package/combobox/index.d.ts +1 -0
  76. package/context-ScOIq_Gu.js +80 -0
  77. package/createLucideIcon-DeWljiyi.js +79 -0
  78. package/date-picker/DatePicker.d.ts +14 -0
  79. package/date-picker/index.d.ts +2 -0
  80. package/dropdown/Dropdown.d.ts +8 -0
  81. package/dropdown/index.d.ts +1 -0
  82. package/file-upload/FileUpload.d.ts +11 -0
  83. package/file-upload/index.d.ts +1 -0
  84. package/flex/Flex.d.ts +17 -0
  85. package/flex/FlexItem.d.ts +15 -0
  86. package/flex/index.d.ts +2 -0
  87. package/grid/Grid.d.ts +16 -0
  88. package/grid/GridItem.d.ts +7 -0
  89. package/grid/index.d.ts +2 -0
  90. package/index-CEg5vZQH.js +132 -0
  91. package/index-CgfokhRq.js +674 -0
  92. package/index-CorR1LBD.js +3122 -0
  93. package/index-Dl1Q-tbj.js +26984 -0
  94. package/index.css +1 -0
  95. package/index.d.ts +29 -0
  96. package/index.js +114 -0
  97. package/index10.js +4 -0
  98. package/index11.js +5 -0
  99. package/index12.js +4 -0
  100. package/index13.js +4 -0
  101. package/index14.js +4 -0
  102. package/index15.js +6 -0
  103. package/index16.js +6 -0
  104. package/index17.js +6 -0
  105. package/index18.js +4 -0
  106. package/index19.js +6 -0
  107. package/index2.js +8 -0
  108. package/index20.js +6 -0
  109. package/index21.js +4 -0
  110. package/index22.js +5 -0
  111. package/index23.js +5 -0
  112. package/index24.js +5 -0
  113. package/index25.js +6 -0
  114. package/index26.js +6 -0
  115. package/index27.js +6 -0
  116. package/index28.js +4 -0
  117. package/index29.js +12 -0
  118. package/index3.js +8 -0
  119. package/index30.js +20 -0
  120. package/index31.js +22 -0
  121. package/index32.js +14 -0
  122. package/index33.js +11 -0
  123. package/index34.js +31 -0
  124. package/index35.js +8 -0
  125. package/index36.js +9 -0
  126. package/index37.js +19 -0
  127. package/index38.js +9 -0
  128. package/index39.js +9 -0
  129. package/index4.js +4 -0
  130. package/index40.js +16 -0
  131. package/index41.js +16 -0
  132. package/index42.js +31 -0
  133. package/index43.js +16 -0
  134. package/index44.js +6 -0
  135. package/index45.js +53 -0
  136. package/index46.js +18 -0
  137. package/index47.js +27 -0
  138. package/index48.js +18 -0
  139. package/index49.js +21 -0
  140. package/index5.js +5 -0
  141. package/index50.js +49 -0
  142. package/index51.js +5 -0
  143. package/index52.js +25 -0
  144. package/index53.js +18 -0
  145. package/index54.js +9 -0
  146. package/index55.js +25 -0
  147. package/index56.js +18 -0
  148. package/index57.js +11 -0
  149. package/index58.js +12 -0
  150. package/index59.js +15 -0
  151. package/index6.js +4 -0
  152. package/index60.js +9 -0
  153. package/index61.js +9 -0
  154. package/index62.js +19 -0
  155. package/index63.js +22 -0
  156. package/index64.js +61 -0
  157. package/index65.js +15 -0
  158. package/index66.js +11 -0
  159. package/index67.js +63 -0
  160. package/index68.js +85 -0
  161. package/index69.js +74 -0
  162. package/index7.js +9 -0
  163. package/index70.js +24 -0
  164. package/index71.js +69 -0
  165. package/index72.js +80 -0
  166. package/index73.js +140 -0
  167. package/index74.js +70 -0
  168. package/index75.js +42 -0
  169. package/index76.js +82 -0
  170. package/index77.js +71 -0
  171. package/index78.js +104 -0
  172. package/index79.js +274 -0
  173. package/index8.js +4 -0
  174. package/index80.js +724 -0
  175. package/index81.js +491 -0
  176. package/index82.js +317 -0
  177. package/index83.js +391 -0
  178. package/index84.js +254 -0
  179. package/index85.js +1364 -0
  180. package/index86.js +1009 -0
  181. package/index87.js +388 -0
  182. package/index88.js +2105 -0
  183. package/index89.js +2371 -0
  184. package/index9.js +5 -0
  185. package/index90.js +6834 -0
  186. package/index91.js +17 -0
  187. package/index92.js +14 -0
  188. package/index93.js +6 -0
  189. package/index94.js +9 -0
  190. package/info-banner/InfoBanner.d.ts +21 -0
  191. package/info-banner/index.d.ts +1 -0
  192. package/intlStrings-Cd44R5hT.js +278 -0
  193. package/layout/Layout.d.ts +51 -0
  194. package/layout/index.d.ts +1 -0
  195. package/link/Link.d.ts +13 -0
  196. package/link/index.d.ts +1 -0
  197. package/link-button/LinkButton.d.ts +18 -0
  198. package/link-button/index.d.ts +1 -0
  199. package/logo/Logo.d.ts +16 -0
  200. package/logo/index.d.ts +1 -0
  201. package/modal/Modal.d.ts +13 -0
  202. package/modal/index.d.ts +1 -0
  203. package/multi-select/MultiSelect.d.ts +28 -0
  204. package/multi-select/index.d.ts +1 -0
  205. package/package.json +29 -0
  206. package/radio/Radio.d.ts +20 -0
  207. package/radio/index.d.ts +1 -0
  208. package/react.esm-D8HpDGKP.js +11060 -0
  209. package/search-field/SearchField.d.ts +13 -0
  210. package/search-field/index.d.ts +1 -0
  211. package/select/Select.d.ts +11 -0
  212. package/select/index.d.ts +1 -0
  213. package/spinner/Spinner.d.ts +11 -0
  214. package/spinner/index.d.ts +1 -0
  215. package/table/Table.d.ts +12 -0
  216. package/table/index.d.ts +1 -0
  217. package/tabs/Tabs.d.ts +12 -0
  218. package/tabs/index.d.ts +1 -0
  219. package/tag/Tag.d.ts +11 -0
  220. package/tag/index.d.ts +1 -0
  221. package/textarea/TextArea.d.ts +20 -0
  222. package/textarea/index.d.ts +1 -0
  223. package/textfield/TextField.d.ts +16 -0
  224. package/textfield/index.d.ts +3 -0
  225. package/theme/index.d.ts +138 -0
  226. package/theme/tokens.d.ts +135 -0
  227. package/toast/Toast.d.ts +25 -0
  228. package/toast/index.d.ts +1 -0
  229. package/tokens-CjXmpXTi.js +160 -0
  230. package/triangle-alert-1OYl9KWz.js +56 -0
  231. package/useControlledState-S_TYcV_c.js +45 -0
  232. package/useDescription-D4_zk_sA.js +32 -0
  233. package/useFilter-BnJDBCkt.js +35 -0
  234. package/useFocusRing-D97-G3fT.js +1324 -0
  235. package/useFocusable-C-N9wcwm.js +56 -0
  236. package/useGridSelectionCheckbox-i1rsjlC-.js +22 -0
  237. package/useHasTabbableChild-DeuCnGGv.js +34 -0
  238. package/useHighlightSelectionDescription-JVx2MW_e.js +552 -0
  239. package/useListState-DSOTbsL3.js +119 -0
  240. package/useLocalizedStringFormatter-DVCAZqcL.js +96 -0
  241. package/useSingleSelectListState-CmX9_L5H.js +34 -0
  242. package/useUpdateEffect-Dtz-i14F.js +12 -0
  243. package/x-JK7i-TQC.js +14 -0
@@ -0,0 +1,463 @@
1
+ import { $ as te, c as re, d as le, a as N, e as ie } from "./Collection-B3xUVWPF.js";
2
+ import { n as T, f as de, k as j, e as E, y as W, B as ne, C as se, D as ce, b as G, E as q, p as ue, i as J, d as C, x as Q, a as fe, c as pe, v as be } from "./useFocusRing-D97-G3fT.js";
3
+ import { $ as _, a as $e, b as ve, c as X } from "./DragAndDrop-OTN7La7U.js";
4
+ import { $ as ge, a as he, b as me, c as De } from "./Separator-DLUHK9vv.js";
5
+ import { $ as Pe } from "./Text-DGLaY3HR.js";
6
+ import c, { forwardRef as Y, useContext as m, useEffect as Z, createContext as ee, useMemo as xe, useRef as z } from "react";
7
+ import { f as ye } from "./SelectionManager-D4WtKtey.js";
8
+ import { c as Se } from "./Label-C18A_4Z5.js";
9
+ import { $ as ke } from "./useListState-DSOTbsL3.js";
10
+ import { $ as Be } from "./context-ScOIq_Gu.js";
11
+ import { $ as Fe, a as we } from "./ListKeyboardDelegate-DxMjfMsI.js";
12
+ import { a as He } from "./FocusScope-BR0SJ-cZ.js";
13
+ const K = /* @__PURE__ */ new WeakMap();
14
+ function Ee(e) {
15
+ return typeof e == "string" ? e.replace(/\s*/g, "") : "" + e;
16
+ }
17
+ function Me(e, o) {
18
+ let r = K.get(e);
19
+ if (!r) throw new Error("Unknown list");
20
+ return `${r.id}-option-${Ee(o)}`;
21
+ }
22
+ function Ve(e, o, r) {
23
+ let a = T(e, {
24
+ labelable: !0
25
+ }), i = e.selectionBehavior || "toggle", l = e.linkBehavior || (i === "replace" ? "action" : "override");
26
+ i === "toggle" && l === "action" && (l = "override");
27
+ let { listProps: t } = ge({
28
+ ...e,
29
+ ref: r,
30
+ selectionManager: o.selectionManager,
31
+ collection: o.collection,
32
+ disabledKeys: o.disabledKeys,
33
+ linkBehavior: l
34
+ }), { focusWithinProps: d } = de({
35
+ onFocusWithin: e.onFocus,
36
+ onBlurWithin: e.onBlur,
37
+ onFocusWithinChange: e.onFocusChange
38
+ }), s = j(e.id);
39
+ K.set(o, {
40
+ id: s,
41
+ shouldUseVirtualFocus: e.shouldUseVirtualFocus,
42
+ shouldSelectOnPressUp: e.shouldSelectOnPressUp,
43
+ shouldFocusOnHover: e.shouldFocusOnHover,
44
+ isVirtualized: e.isVirtualized,
45
+ onAction: e.onAction,
46
+ linkBehavior: l
47
+ });
48
+ let { labelProps: f, fieldProps: p } = Se({
49
+ ...e,
50
+ id: s,
51
+ // listbox is not an HTML input element so it
52
+ // shouldn't be labeled by a <label> element.
53
+ labelElementType: "span"
54
+ });
55
+ return {
56
+ labelProps: f,
57
+ listBoxProps: E(a, d, o.selectionManager.selectionMode === "multiple" ? {
58
+ "aria-multiselectable": "true"
59
+ } : {}, {
60
+ role: "listbox",
61
+ ...E(p, t)
62
+ })
63
+ };
64
+ }
65
+ function Ie(e, o, r) {
66
+ var a, i;
67
+ let { key: l } = e, t = K.get(o);
68
+ var d;
69
+ let s = (d = e.isDisabled) !== null && d !== void 0 ? d : o.selectionManager.isDisabled(l);
70
+ var f;
71
+ let p = (f = e.isSelected) !== null && f !== void 0 ? f : o.selectionManager.isSelected(l);
72
+ var v;
73
+ let u = (v = e.shouldSelectOnPressUp) !== null && v !== void 0 ? v : t == null ? void 0 : t.shouldSelectOnPressUp;
74
+ var g;
75
+ let S = (g = e.shouldFocusOnHover) !== null && g !== void 0 ? g : t == null ? void 0 : t.shouldFocusOnHover;
76
+ var $;
77
+ let b = ($ = e.shouldUseVirtualFocus) !== null && $ !== void 0 ? $ : t == null ? void 0 : t.shouldUseVirtualFocus;
78
+ var D;
79
+ let P = (D = e.isVirtualized) !== null && D !== void 0 ? D : t == null ? void 0 : t.isVirtualized, k = W(), M = W(), x = {
80
+ role: "option",
81
+ "aria-disabled": s || void 0,
82
+ "aria-selected": o.selectionManager.selectionMode !== "none" ? p : void 0
83
+ };
84
+ ne() && se() || (x["aria-label"] = e["aria-label"], x["aria-labelledby"] = k, x["aria-describedby"] = M);
85
+ let n = o.collection.getItem(l);
86
+ if (P) {
87
+ let y = Number(n == null ? void 0 : n.index);
88
+ x["aria-posinset"] = Number.isNaN(y) ? void 0 : y + 1, x["aria-setsize"] = he(o.collection);
89
+ }
90
+ let h = t != null && t.onAction ? () => {
91
+ var y;
92
+ return t == null || (y = t.onAction) === null || y === void 0 ? void 0 : y.call(t, l);
93
+ } : void 0, { itemProps: B, isPressed: F, isFocused: w, hasAction: V, allowsSelection: U } = ye({
94
+ selectionManager: o.selectionManager,
95
+ key: l,
96
+ ref: r,
97
+ shouldSelectOnPressUp: u,
98
+ allowsDifferentPressOrigin: u && S,
99
+ isVirtualized: P,
100
+ shouldUseVirtualFocus: b,
101
+ isDisabled: s,
102
+ onAction: h || !(n == null || (a = n.props) === null || a === void 0) && a.onAction ? ce(n == null || (i = n.props) === null || i === void 0 ? void 0 : i.onAction, h) : void 0,
103
+ linkBehavior: t == null ? void 0 : t.linkBehavior
104
+ }), { hoverProps: I } = G({
105
+ isDisabled: s || !S,
106
+ onHoverStart() {
107
+ q() || (o.selectionManager.setFocused(!0), o.selectionManager.setFocusedKey(l));
108
+ }
109
+ }), H = T(n == null ? void 0 : n.props);
110
+ delete H.id;
111
+ let A = ue(n == null ? void 0 : n.props);
112
+ return {
113
+ optionProps: {
114
+ ...x,
115
+ ...E(H, B, I, A),
116
+ id: Me(o, l)
117
+ },
118
+ labelProps: {
119
+ id: k
120
+ },
121
+ descriptionProps: {
122
+ id: M
123
+ },
124
+ isFocused: w,
125
+ isFocusVisible: w && q(),
126
+ isSelected: p,
127
+ isDisabled: s,
128
+ isPressed: F,
129
+ allowsSelection: U,
130
+ hasAction: V
131
+ };
132
+ }
133
+ function Ae(e) {
134
+ let { heading: o, "aria-label": r } = e, a = j();
135
+ return {
136
+ itemProps: {
137
+ role: "presentation"
138
+ },
139
+ headingProps: o ? {
140
+ // Techincally, listbox cannot contain headings according to ARIA.
141
+ // We hide the heading from assistive technology, using role="presentation",
142
+ // and only use it as a visual label for the nested group.
143
+ id: a,
144
+ role: "presentation"
145
+ } : {},
146
+ groupProps: {
147
+ role: "group",
148
+ "aria-label": r,
149
+ "aria-labelledby": o ? a : void 0
150
+ }
151
+ };
152
+ }
153
+ const oe = /* @__PURE__ */ ee(null), L = /* @__PURE__ */ ee(null);
154
+ function Te(e, o) {
155
+ [e, o] = fe(e, o, oe);
156
+ let r = m(L);
157
+ return r ? /* @__PURE__ */ c.createElement(ae, {
158
+ state: r,
159
+ props: e,
160
+ listBoxRef: o
161
+ }) : /* @__PURE__ */ c.createElement(re, {
162
+ content: /* @__PURE__ */ c.createElement(le, e)
163
+ }, (a) => /* @__PURE__ */ c.createElement(Ce, {
164
+ props: e,
165
+ listBoxRef: o,
166
+ collection: a
167
+ }));
168
+ }
169
+ function Ce({ props: e, listBoxRef: o, collection: r }) {
170
+ e = {
171
+ ...e,
172
+ collection: r,
173
+ children: null,
174
+ items: null
175
+ };
176
+ let { layoutDelegate: a } = m(N), i = ke({
177
+ ...e,
178
+ layoutDelegate: a
179
+ });
180
+ return /* @__PURE__ */ c.createElement(ae, {
181
+ state: i,
182
+ props: e,
183
+ listBoxRef: o
184
+ });
185
+ }
186
+ const Ze = /* @__PURE__ */ Y(Te);
187
+ function ae({ state: e, props: o, listBoxRef: r }) {
188
+ let { dragAndDropHooks: a, layout: i = "stack", orientation: l = "vertical" } = o, { collection: t, selectionManager: d } = e, s = !!(a != null && a.useDraggableCollectionState), f = !!(a != null && a.useDroppableCollectionState), { direction: p } = Be(), { disabledBehavior: v, disabledKeys: u } = d, g = Fe({
189
+ usage: "search",
190
+ sensitivity: "base"
191
+ }), { isVirtualized: S, layoutDelegate: $, dropTargetDelegate: b, CollectionRoot: D } = m(N), P = xe(() => o.keyboardDelegate || new we({
192
+ collection: t,
193
+ collator: g,
194
+ ref: r,
195
+ disabledKeys: u,
196
+ disabledBehavior: v,
197
+ layout: i,
198
+ orientation: l,
199
+ direction: p,
200
+ layoutDelegate: $
201
+ }), [
202
+ t,
203
+ g,
204
+ r,
205
+ v,
206
+ u,
207
+ l,
208
+ p,
209
+ o.keyboardDelegate,
210
+ i,
211
+ $
212
+ ]), { listBoxProps: k } = Ve({
213
+ ...o,
214
+ shouldSelectOnPressUp: s || o.shouldSelectOnPressUp,
215
+ keyboardDelegate: P,
216
+ isVirtualized: S
217
+ }, e, r), M = z(s), x = z(f);
218
+ Z(() => {
219
+ M.current !== s && console.warn("Drag hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior."), x.current !== f && console.warn("Drop hooks were provided during one render, but not another. This should be avoided as it may produce unexpected behavior.");
220
+ }, [
221
+ s,
222
+ f
223
+ ]);
224
+ let n, h, B, F = !1, w = null, V = z(null);
225
+ if (s && a) {
226
+ n = a.useDraggableCollectionState({
227
+ collection: t,
228
+ selectionManager: d,
229
+ preview: a.renderDragPreview ? V : void 0
230
+ }), a.useDraggableCollection({}, n, r);
231
+ let O = a.DragPreview;
232
+ w = a.renderDragPreview ? /* @__PURE__ */ c.createElement(O, {
233
+ ref: V
234
+ }, a.renderDragPreview) : null;
235
+ }
236
+ if (f && a) {
237
+ h = a.useDroppableCollectionState({
238
+ collection: t,
239
+ selectionManager: d
240
+ });
241
+ let O = a.dropTargetDelegate || b || new a.ListDropTargetDelegate(t, r, {
242
+ orientation: l,
243
+ layout: i,
244
+ direction: p
245
+ });
246
+ B = a.useDroppableCollection({
247
+ keyboardDelegate: P,
248
+ dropTargetDelegate: O
249
+ }, h, r), F = h.isDropTarget({
250
+ type: "root"
251
+ });
252
+ }
253
+ let { focusProps: U, isFocused: I, isFocusVisible: H } = pe(), A = {
254
+ isDropTarget: F,
255
+ isEmpty: e.collection.size === 0,
256
+ isFocused: I,
257
+ isFocusVisible: H,
258
+ layout: o.layout || "stack",
259
+ state: e
260
+ }, y = C({
261
+ className: o.className,
262
+ style: o.style,
263
+ defaultClassName: "react-aria-ListBox",
264
+ values: A
265
+ }), R = null;
266
+ return e.collection.size === 0 && o.renderEmptyState && (R = /* @__PURE__ */ c.createElement("div", {
267
+ // eslint-disable-next-line
268
+ role: "option",
269
+ style: {
270
+ display: "contents"
271
+ }
272
+ }, o.renderEmptyState(A))), /* @__PURE__ */ c.createElement(He, null, /* @__PURE__ */ c.createElement("div", {
273
+ ...T(o),
274
+ ...E(k, U, B == null ? void 0 : B.collectionProps),
275
+ ...y,
276
+ ref: r,
277
+ slot: o.slot || void 0,
278
+ onScroll: o.onScroll,
279
+ "data-drop-target": F || void 0,
280
+ "data-empty": e.collection.size === 0 || void 0,
281
+ "data-focused": I || void 0,
282
+ "data-focus-visible": H || void 0,
283
+ "data-layout": o.layout || "stack",
284
+ "data-orientation": o.orientation || "vertical"
285
+ }, /* @__PURE__ */ c.createElement(Q, {
286
+ values: [
287
+ [
288
+ oe,
289
+ o
290
+ ],
291
+ [
292
+ L,
293
+ e
294
+ ],
295
+ [
296
+ _,
297
+ {
298
+ dragAndDropHooks: a,
299
+ dragState: n,
300
+ dropState: h
301
+ }
302
+ ],
303
+ [
304
+ me,
305
+ {
306
+ elementType: "div"
307
+ }
308
+ ],
309
+ [
310
+ $e,
311
+ {
312
+ render: Le
313
+ }
314
+ ],
315
+ [
316
+ ie,
317
+ {
318
+ name: "ListBoxSection",
319
+ render: _e
320
+ }
321
+ ]
322
+ ]
323
+ }, /* @__PURE__ */ c.createElement(D, {
324
+ collection: t,
325
+ scrollRef: r,
326
+ persistedKeys: ve(d, a, h),
327
+ renderDropIndicator: X(a, h)
328
+ })), R, w));
329
+ }
330
+ function _e(e, o, r, a = "react-aria-ListBoxSection") {
331
+ let i = m(L), { dragAndDropHooks: l, dropState: t } = m(_), { CollectionBranch: d } = m(N), [s, f] = be();
332
+ var p;
333
+ let { headingProps: v, groupProps: u } = Ae({
334
+ heading: f,
335
+ "aria-label": (p = e["aria-label"]) !== null && p !== void 0 ? p : void 0
336
+ }), g = C({
337
+ defaultClassName: a,
338
+ className: e.className,
339
+ style: e.style,
340
+ values: {}
341
+ });
342
+ return /* @__PURE__ */ c.createElement("section", {
343
+ ...T(e),
344
+ ...u,
345
+ ...g,
346
+ ref: o
347
+ }, /* @__PURE__ */ c.createElement(De.Provider, {
348
+ value: {
349
+ ...v,
350
+ ref: s
351
+ }
352
+ }, /* @__PURE__ */ c.createElement(d, {
353
+ collection: i.collection,
354
+ parent: r,
355
+ renderDropIndicator: X(l, t)
356
+ })));
357
+ }
358
+ const eo = /* @__PURE__ */ te("item", function(o, r, a) {
359
+ let i = J(r), l = m(L), { dragAndDropHooks: t, dragState: d, dropState: s } = m(_), { optionProps: f, labelProps: p, descriptionProps: v, ...u } = Ie({
360
+ key: a.key,
361
+ "aria-label": o == null ? void 0 : o["aria-label"]
362
+ }, l, i), { hoverProps: g, isHovered: S } = G({
363
+ isDisabled: !u.allowsSelection && !u.hasAction,
364
+ onHoverStart: a.props.onHoverStart,
365
+ onHoverChange: a.props.onHoverChange,
366
+ onHoverEnd: a.props.onHoverEnd
367
+ }), $ = null;
368
+ d && t && ($ = t.useDraggableItem({
369
+ key: a.key
370
+ }, d));
371
+ let b = null;
372
+ s && t && (b = t.useDroppableItem({
373
+ target: {
374
+ type: "item",
375
+ key: a.key,
376
+ dropPosition: "on"
377
+ }
378
+ }, s, i));
379
+ let D = d && d.isDragging(a.key), P = C({
380
+ ...o,
381
+ id: void 0,
382
+ children: o.children,
383
+ defaultClassName: "react-aria-ListBoxItem",
384
+ values: {
385
+ ...u,
386
+ isHovered: S,
387
+ selectionMode: l.selectionManager.selectionMode,
388
+ selectionBehavior: l.selectionManager.selectionBehavior,
389
+ allowsDragging: !!d,
390
+ isDragging: D,
391
+ isDropTarget: b == null ? void 0 : b.isDropTarget
392
+ }
393
+ });
394
+ Z(() => {
395
+ a.textValue || console.warn("A `textValue` prop is required for <ListBoxItem> elements with non-plain text children in order to support accessibility features such as type to select.");
396
+ }, [
397
+ a.textValue
398
+ ]);
399
+ let k = o.href ? "a" : "div";
400
+ return /* @__PURE__ */ c.createElement(k, {
401
+ ...E(f, g, $ == null ? void 0 : $.dragProps, b == null ? void 0 : b.dropProps),
402
+ ...P,
403
+ ref: i,
404
+ "data-allows-dragging": !!d || void 0,
405
+ "data-selected": u.isSelected || void 0,
406
+ "data-disabled": u.isDisabled || void 0,
407
+ "data-hovered": S || void 0,
408
+ "data-focused": u.isFocused || void 0,
409
+ "data-focus-visible": u.isFocusVisible || void 0,
410
+ "data-pressed": u.isPressed || void 0,
411
+ "data-dragging": D || void 0,
412
+ "data-drop-target": (b == null ? void 0 : b.isDropTarget) || void 0,
413
+ "data-selection-mode": l.selectionManager.selectionMode === "none" ? void 0 : l.selectionManager.selectionMode
414
+ }, /* @__PURE__ */ c.createElement(Q, {
415
+ values: [
416
+ [
417
+ Pe,
418
+ {
419
+ slots: {
420
+ label: p,
421
+ description: v
422
+ }
423
+ }
424
+ ]
425
+ ]
426
+ }, P.children));
427
+ });
428
+ function Le(e, o) {
429
+ o = J(o);
430
+ let { dragAndDropHooks: r, dropState: a } = m(_), { dropIndicatorProps: i, isHidden: l, isDropTarget: t } = r.useDropIndicator(e, a, o);
431
+ return l ? null : /* @__PURE__ */ c.createElement(Oe, {
432
+ ...e,
433
+ dropIndicatorProps: i,
434
+ isDropTarget: t,
435
+ ref: o
436
+ });
437
+ }
438
+ function Ue(e, o) {
439
+ let { dropIndicatorProps: r, isDropTarget: a, ...i } = e, l = C({
440
+ ...i,
441
+ defaultClassName: "react-aria-DropIndicator",
442
+ values: {
443
+ isDropTarget: a
444
+ }
445
+ });
446
+ return /* @__PURE__ */ c.createElement("div", {
447
+ ...r,
448
+ ...l,
449
+ // eslint-disable-next-line
450
+ role: "option",
451
+ ref: o,
452
+ "data-drop-target": a || void 0
453
+ });
454
+ }
455
+ const Oe = /* @__PURE__ */ Y(Ue);
456
+ export {
457
+ L as $,
458
+ oe as a,
459
+ Ze as b,
460
+ eo as c,
461
+ K as d,
462
+ Me as e
463
+ };
@@ -0,0 +1,172 @@
1
+ import { c as r } from "./SelectionManager-D4WtKtey.js";
2
+ import { $ as u } from "./context-ScOIq_Gu.js";
3
+ function d(o, t) {
4
+ let e = o;
5
+ for (r(e, t) && (e = e.parentElement); e && !r(e, t); ) e = e.parentElement;
6
+ return e || document.scrollingElement || document.documentElement;
7
+ }
8
+ let a = /* @__PURE__ */ new Map();
9
+ function f(o) {
10
+ let { locale: t } = u(), e = t + (o ? Object.entries(o).sort((l, n) => l[0] < n[0] ? -1 : 1).join() : "");
11
+ if (a.has(e)) return a.get(e);
12
+ let i = new Intl.Collator(t, o);
13
+ return a.set(e, i), i;
14
+ }
15
+ class h {
16
+ getItemRect(t) {
17
+ let e = this.ref.current;
18
+ if (!e) return null;
19
+ let i = t != null ? e.querySelector(`[data-key="${CSS.escape(t.toString())}"]`) : null;
20
+ if (!i) return null;
21
+ let l = e.getBoundingClientRect(), n = i.getBoundingClientRect();
22
+ return {
23
+ x: n.left - l.left + e.scrollLeft,
24
+ y: n.top - l.top + e.scrollTop,
25
+ width: n.width,
26
+ height: n.height
27
+ };
28
+ }
29
+ getContentSize() {
30
+ let t = this.ref.current;
31
+ var e, i;
32
+ return {
33
+ width: (e = t == null ? void 0 : t.scrollWidth) !== null && e !== void 0 ? e : 0,
34
+ height: (i = t == null ? void 0 : t.scrollHeight) !== null && i !== void 0 ? i : 0
35
+ };
36
+ }
37
+ getVisibleRect() {
38
+ let t = this.ref.current;
39
+ var e, i, l, n;
40
+ return {
41
+ x: (e = t == null ? void 0 : t.scrollLeft) !== null && e !== void 0 ? e : 0,
42
+ y: (i = t == null ? void 0 : t.scrollTop) !== null && i !== void 0 ? i : 0,
43
+ width: (l = t == null ? void 0 : t.offsetWidth) !== null && l !== void 0 ? l : 0,
44
+ height: (n = t == null ? void 0 : t.offsetHeight) !== null && n !== void 0 ? n : 0
45
+ };
46
+ }
47
+ constructor(t) {
48
+ this.ref = t;
49
+ }
50
+ }
51
+ class y {
52
+ isDisabled(t) {
53
+ var e;
54
+ return this.disabledBehavior === "all" && (((e = t.props) === null || e === void 0 ? void 0 : e.isDisabled) || this.disabledKeys.has(t.key));
55
+ }
56
+ findNextNonDisabled(t, e) {
57
+ let i = t;
58
+ for (; i != null; ) {
59
+ let l = this.collection.getItem(i);
60
+ if ((l == null ? void 0 : l.type) === "item" && !this.isDisabled(l)) return i;
61
+ i = e(i);
62
+ }
63
+ return null;
64
+ }
65
+ getNextKey(t) {
66
+ let e = t;
67
+ return e = this.collection.getKeyAfter(e), this.findNextNonDisabled(e, (i) => this.collection.getKeyAfter(i));
68
+ }
69
+ getPreviousKey(t) {
70
+ let e = t;
71
+ return e = this.collection.getKeyBefore(e), this.findNextNonDisabled(e, (i) => this.collection.getKeyBefore(i));
72
+ }
73
+ findKey(t, e, i) {
74
+ let l = t, n = this.layoutDelegate.getItemRect(l);
75
+ if (!n || l == null) return null;
76
+ let s = n;
77
+ do {
78
+ if (l = e(l), l == null) break;
79
+ n = this.layoutDelegate.getItemRect(l);
80
+ } while (n && i(s, n) && l != null);
81
+ return l;
82
+ }
83
+ isSameRow(t, e) {
84
+ return t.y === e.y || t.x !== e.x;
85
+ }
86
+ isSameColumn(t, e) {
87
+ return t.x === e.x || t.y !== e.y;
88
+ }
89
+ getKeyBelow(t) {
90
+ return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(t, (e) => this.getNextKey(e), this.isSameRow) : this.getNextKey(t);
91
+ }
92
+ getKeyAbove(t) {
93
+ return this.layout === "grid" && this.orientation === "vertical" ? this.findKey(t, (e) => this.getPreviousKey(e), this.isSameRow) : this.getPreviousKey(t);
94
+ }
95
+ getNextColumn(t, e) {
96
+ return e ? this.getPreviousKey(t) : this.getNextKey(t);
97
+ }
98
+ getKeyRightOf(t) {
99
+ let e = this.direction === "ltr" ? "getKeyRightOf" : "getKeyLeftOf";
100
+ return this.layoutDelegate[e] ? (t = this.layoutDelegate[e](t), this.findNextNonDisabled(t, (i) => this.layoutDelegate[e](i))) : this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(t, this.direction === "rtl") : this.findKey(t, (i) => this.getNextColumn(i, this.direction === "rtl"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(t, this.direction === "rtl") : null;
101
+ }
102
+ getKeyLeftOf(t) {
103
+ let e = this.direction === "ltr" ? "getKeyLeftOf" : "getKeyRightOf";
104
+ return this.layoutDelegate[e] ? (t = this.layoutDelegate[e](t), this.findNextNonDisabled(t, (i) => this.layoutDelegate[e](i))) : this.layout === "grid" ? this.orientation === "vertical" ? this.getNextColumn(t, this.direction === "ltr") : this.findKey(t, (i) => this.getNextColumn(i, this.direction === "ltr"), this.isSameColumn) : this.orientation === "horizontal" ? this.getNextColumn(t, this.direction === "ltr") : null;
105
+ }
106
+ getFirstKey() {
107
+ let t = this.collection.getFirstKey();
108
+ return this.findNextNonDisabled(t, (e) => this.collection.getKeyAfter(e));
109
+ }
110
+ getLastKey() {
111
+ let t = this.collection.getLastKey();
112
+ return this.findNextNonDisabled(t, (e) => this.collection.getKeyBefore(e));
113
+ }
114
+ getKeyPageAbove(t) {
115
+ let e = this.ref.current, i = this.layoutDelegate.getItemRect(t);
116
+ if (!i) return null;
117
+ if (e && !r(e)) return this.getFirstKey();
118
+ let l = t;
119
+ if (this.orientation === "horizontal") {
120
+ let n = Math.max(0, i.x + i.width - this.layoutDelegate.getVisibleRect().width);
121
+ for (; i && i.x > n && l != null; )
122
+ l = this.getKeyAbove(l), i = l == null ? null : this.layoutDelegate.getItemRect(l);
123
+ } else {
124
+ let n = Math.max(0, i.y + i.height - this.layoutDelegate.getVisibleRect().height);
125
+ for (; i && i.y > n && l != null; )
126
+ l = this.getKeyAbove(l), i = l == null ? null : this.layoutDelegate.getItemRect(l);
127
+ }
128
+ return l ?? this.getFirstKey();
129
+ }
130
+ getKeyPageBelow(t) {
131
+ let e = this.ref.current, i = this.layoutDelegate.getItemRect(t);
132
+ if (!i) return null;
133
+ if (e && !r(e)) return this.getLastKey();
134
+ let l = t;
135
+ if (this.orientation === "horizontal") {
136
+ let n = Math.min(this.layoutDelegate.getContentSize().width, i.y - i.width + this.layoutDelegate.getVisibleRect().width);
137
+ for (; i && i.x < n && l != null; )
138
+ l = this.getKeyBelow(l), i = l == null ? null : this.layoutDelegate.getItemRect(l);
139
+ } else {
140
+ let n = Math.min(this.layoutDelegate.getContentSize().height, i.y - i.height + this.layoutDelegate.getVisibleRect().height);
141
+ for (; i && i.y < n && l != null; )
142
+ l = this.getKeyBelow(l), i = l == null ? null : this.layoutDelegate.getItemRect(l);
143
+ }
144
+ return l ?? this.getLastKey();
145
+ }
146
+ getKeyForSearch(t, e) {
147
+ if (!this.collator) return null;
148
+ let i = this.collection, l = e || this.getFirstKey();
149
+ for (; l != null; ) {
150
+ let n = i.getItem(l);
151
+ if (!n) return null;
152
+ let s = n.textValue.slice(0, t.length);
153
+ if (n.textValue && this.collator.compare(s, t) === 0) return l;
154
+ l = this.getNextKey(l);
155
+ }
156
+ return null;
157
+ }
158
+ constructor(...t) {
159
+ if (t.length === 1) {
160
+ let e = t[0];
161
+ this.collection = e.collection, this.ref = e.ref, this.collator = e.collator, this.disabledKeys = e.disabledKeys || /* @__PURE__ */ new Set(), this.disabledBehavior = e.disabledBehavior || "all", this.orientation = e.orientation || "vertical", this.direction = e.direction, this.layout = e.layout || "stack", this.layoutDelegate = e.layoutDelegate || new h(e.ref);
162
+ } else
163
+ this.collection = t[0], this.disabledKeys = t[1], this.ref = t[2], this.collator = t[3], this.layout = "stack", this.orientation = "vertical", this.disabledBehavior = "all", this.layoutDelegate = new h(this.ref);
164
+ this.layout === "stack" && this.orientation === "vertical" && (this.getKeyLeftOf = void 0, this.getKeyRightOf = void 0);
165
+ }
166
+ }
167
+ export {
168
+ f as $,
169
+ y as a,
170
+ d as b,
171
+ h as c
172
+ };
package/Logo.css ADDED
@@ -0,0 +1 @@
1
+ ._container_1c334_4{padding:1rem;display:inline-flex}._noPadding_1c334_9{padding:0}._logo_1c334_13{max-width:100%;height:48px}._primary_1c334_18{fill:#b90835}._dark_1c334_22{fill:#000}._xSmall_1c334_26{height:36px}._small_1c334_30{height:40px}._large_1c334_34{height:52px}._backgroundPrimary_1c334_38{background-color:#b90835}._backgroundPrimary_1c334_38 svg{fill:#fff}._backgroundDark_1c334_46{background-color:#5d5d5d}._backgroundDark_1c334_46 svg{fill:#fff}
package/Modal.css ADDED
@@ -0,0 +1 @@
1
+ ._modal_1wq00_4{font-family:Inter,sans-serif;position:fixed;max-width:75%;min-width:300px;max-height:90vh;overflow-y:auto;background-color:#fff;border:none;padding:0;margin:auto}._modal_1wq00_4:-internal-dialog-in-top-layer{overflow-y:auto}._modal_1wq00_4::backdrop{top:0;right:0;bottom:0;left:0;background:#2d00004d}._modal_1wq00_4:focus{outline:none}._modalHeader_1wq00_30{background-color:#f2f2f2;display:flex;justify-content:flex-end;position:sticky;top:0;z-index:2}._modalBody_1wq00_39{position:relative;padding:1rem 2rem 2rem;font-family:Inter,sans-serif}._modalHeading_1wq00_45{font-weight:600;line-height:1.4;font-size:1.25rem;margin:0 0 1rem}
@@ -0,0 +1 @@
1
+ ._button_1eb3v_4{grid-area:Input;border:none;border-radius:0;font-size:1rem;color:#000;display:flex;justify-content:space-between;height:48px;align-items:center;padding-left:16px;padding-right:16px;background-color:#f2f2f2;border-bottom:1px solid #000000}._button_1eb3v_4[aria-expanded=true] ._icon_1eb3v_19{transform:rotate(180deg);transition:transform .3s ease}._button_1eb3v_4:focus{outline:none}._button_1eb3v_4:hover{background-color:#e6e6e6}._button_1eb3v_4[data-focus-visible]{outline-offset:2px;outline:2px solid #000000}._button_1eb3v_4[data-disabled]{background:#f2f2f2;color:#bfbfbf;border-color:#bfbfbf}._multiSelect_1eb3v_44{font-family:Inter,sans-serif;display:flex;flex-direction:column;gap:.5rem}._multiSelect_1eb3v_44[data-disabled]{color:#bfbfbf}._multiSelect_1eb3v_44[data-invalid] ._button_1eb3v_4{box-shadow:none;border:2px solid #b31b1b}._popover_1eb3v_60{font-family:Inter,sans-serif;border:1px solid #000000;background:#fff;overflow-y:auto}._icon_1eb3v_19{display:flex;align-items:center;transition:transform .3s ease}._listBoxItem_1eb3v_73{margin:auto;padding:1rem;background-color:#fff;outline:none;cursor:default;color:#000;position:relative;display:flex;flex-direction:row;gap:1rem}._listBoxItem_1eb3v_73:hover{background-color:#e6e6e6}._listBoxItem_1eb3v_73[data-focused=true]{background:#e6e6e6}._listBoxItem_1eb3v_73[data-disabled=true]{color:#bfbfbf}
@@ -0,0 +1,31 @@
1
+ import { h as s, i as n, e as d, j as i } from "./useFocusRing-D97-G3fT.js";
2
+ import c, { useRef as b, useContext as l, useEffect as u, useMemo as $ } from "react";
3
+ const h = /* @__PURE__ */ c.forwardRef(({ children: t, ...a }, r) => {
4
+ let o = b(!1), e = l(s);
5
+ r = n(r || (e == null ? void 0 : e.ref));
6
+ let f = d(e || {}, {
7
+ ...a,
8
+ ref: r,
9
+ register() {
10
+ o.current = !0, e && e.register();
11
+ }
12
+ });
13
+ return i(e, r), u(() => {
14
+ o.current || (console.warn("A PressResponder was rendered without a pressable child. Either call the usePress hook, or wrap your DOM node with <Pressable> component."), o.current = !0);
15
+ }, []), /* @__PURE__ */ c.createElement(s.Provider, {
16
+ value: f
17
+ }, t);
18
+ });
19
+ function m({ children: t }) {
20
+ let a = $(() => ({
21
+ register: () => {
22
+ }
23
+ }), []);
24
+ return /* @__PURE__ */ c.createElement(s.Provider, {
25
+ value: a
26
+ }, t);
27
+ }
28
+ export {
29
+ h as $,
30
+ m as a
31
+ };
package/README.md ADDED
@@ -0,0 +1,7 @@
1
+ # Component Library Midas Design System
2
+
3
+ Contains all components from @midas-ds.
4
+
5
+ ```
6
+ import {Button, Checkbox} '@midas-ds/components'
7
+ ```
@@ -0,0 +1,11 @@
1
+ import { createContext as e } from "react";
2
+ const t = e(null);
3
+ e(null);
4
+ e(null);
5
+ e(null);
6
+ e(null);
7
+ const n = e({});
8
+ export {
9
+ t as $,
10
+ n as a
11
+ };