@midas-ds/components 17.15.2 → 17.15.4

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 (246) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/accordion/index.js +2 -5
  3. package/assets/Button.css +1 -1
  4. package/assets/TextField.css +1 -1
  5. package/assets/accordion.css +1 -0
  6. package/assets/badge.css +1 -0
  7. package/assets/breadcrumbs.css +1 -0
  8. package/assets/button2.css +1 -0
  9. package/assets/calendar.css +1 -0
  10. package/assets/card.css +1 -0
  11. package/assets/checkbox.css +1 -0
  12. package/assets/{ColorSchemeSwitch.css → color-scheme-switch.css} +1 -1
  13. package/assets/combobox.css +1 -0
  14. package/assets/date-field.css +1 -0
  15. package/assets/date-picker.css +1 -0
  16. package/assets/default.css +1 -1
  17. package/assets/field-error.css +1 -0
  18. package/assets/file-list.css +1 -0
  19. package/assets/{FileUpload.css → file-upload.css} +1 -1
  20. package/assets/grid.css +1 -0
  21. package/assets/info-banner.css +1 -0
  22. package/assets/label.css +1 -0
  23. package/assets/layout.css +1 -0
  24. package/assets/link-button.css +1 -0
  25. package/assets/link.css +1 -0
  26. package/assets/list-box.css +1 -0
  27. package/assets/logo.css +1 -0
  28. package/assets/menu.css +1 -0
  29. package/assets/modal.css +1 -0
  30. package/assets/popover.css +1 -0
  31. package/assets/progress-bar.css +1 -0
  32. package/assets/radio.css +1 -0
  33. package/assets/search-field.css +1 -0
  34. package/assets/select.css +1 -0
  35. package/assets/skeleton.css +1 -0
  36. package/assets/spinner.css +1 -0
  37. package/assets/table.css +1 -0
  38. package/assets/tabs.css +1 -0
  39. package/assets/{TagGroup.css → tag.css} +1 -1
  40. package/assets/{Text.css → text.css} +1 -1
  41. package/assets/time-field.css +1 -0
  42. package/assets/toast.css +1 -0
  43. package/assets/toggle-button.css +1 -0
  44. package/assets/tooltip.css +1 -0
  45. package/badge/index.js +2 -5
  46. package/breadcrumbs/index.js +2 -5
  47. package/button/index.js +2 -6
  48. package/calendar/index.js +2 -5
  49. package/card/index.js +2 -12
  50. package/character-counter/index.js +2 -4
  51. package/checkbox/index.js +2 -6
  52. package/chunks/Button.module-0C2ArlRs.js +13 -0
  53. package/chunks/FeedbackStatusIcon-A1trvSCf.js +54 -0
  54. package/chunks/TextField.module-CrR3Krxn.js +12 -0
  55. package/chunks/accordion-AqEcuKz_.js +87 -0
  56. package/chunks/arrow-right-7yeXXFNV.js +10 -0
  57. package/chunks/badge-DrCn-5SX.js +22 -0
  58. package/chunks/breadcrumbs-XTH3axtt.js +23 -0
  59. package/chunks/button-CFjf-bDe.js +34 -0
  60. package/chunks/calendar-C0rlcHfr.js +74 -0
  61. package/chunks/card-CF8iwdg3.js +103 -0
  62. package/chunks/character-counter-CSoVSrxZ.js +16 -0
  63. package/chunks/check-BiPE7lAA.js +7 -0
  64. package/chunks/checkbox-B_41DFjp.js +174 -0
  65. package/chunks/chevron-down-Buf0eTzo.js +7 -0
  66. package/chunks/chevron-right-DJ7qKNKG.js +7 -0
  67. package/chunks/clear-button-Cb4MTvBR.js +17 -0
  68. package/chunks/clsx-BtlV5Vo3.js +21 -0
  69. package/chunks/color-scheme-switch-Ce4vL8Yz.js +122 -0
  70. package/chunks/combobox-BLGIYxNy.js +90 -0
  71. package/chunks/createLucideIcon-DhIhuN5D.js +39 -0
  72. package/chunks/date-field-Cy0HGw6v.js +73 -0
  73. package/chunks/date-picker-ByfWqOZh.js +191 -0
  74. package/chunks/field-error-DYp2kgFr.js +19 -0
  75. package/chunks/file-list-DYOuch5G.js +68 -0
  76. package/chunks/file-upload-CZRTVw5O.js +11 -0
  77. package/chunks/grid-CUYMbO7c.js +225 -0
  78. package/chunks/heading-595zCrRS.js +28 -0
  79. package/chunks/info-Bm2gRija.js +19 -0
  80. package/chunks/info-banner-hHq0Atii.js +59 -0
  81. package/chunks/label-uwnwLD3z.js +49 -0
  82. package/chunks/layout-BzK7P4Xn.js +426 -0
  83. package/chunks/link-Q46Ny2Po.js +40 -0
  84. package/chunks/link-button-Cm2B0s4X.js +39 -0
  85. package/chunks/list-box-Dm2itiZD.js +75 -0
  86. package/chunks/logo-D7tz-4hp.js +93 -0
  87. package/chunks/menu-CB6VDQ-u.js +49 -0
  88. package/chunks/modal-Dr0ythpF.js +66 -0
  89. package/chunks/popover-DxnYz_IT.js +27 -0
  90. package/chunks/progress-bar-Dppkp0cT.js +40 -0
  91. package/chunks/radio-PBrD5BO4.js +43 -0
  92. package/chunks/search-field-B5RciSq0.js +90 -0
  93. package/chunks/select-BZ0greL0.js +171 -0
  94. package/chunks/skeleton-OqKFBcmO.js +36 -0
  95. package/chunks/spinner-C3WiZYld.js +32 -0
  96. package/chunks/square-arrow-out-up-right-Bobm4VNc.js +17 -0
  97. package/chunks/table-BZ7VvZaq.js +150 -0
  98. package/chunks/tabs-eshGdQJJ.js +52 -0
  99. package/chunks/tag-CELJrUEQ.js +78 -0
  100. package/chunks/text-mAeDlv5N.js +23 -0
  101. package/chunks/textfield-CZSw2R67.js +112 -0
  102. package/chunks/time-field-DaQfnJQF.js +60 -0
  103. package/chunks/toast-AYzfHBcQ.js +91 -0
  104. package/chunks/toggle-button-DlPo9GJW.js +17 -0
  105. package/chunks/tooltip-BE_r_CBm.js +33 -0
  106. package/chunks/useLocalizedStringFormatter-bRLuRzVD.js +19 -0
  107. package/chunks/x-Bs_QW3q8.js +10 -0
  108. package/clear-button/index.js +2 -4
  109. package/color-scheme-switch/index.js +2 -4
  110. package/combobox/index.js +2 -4
  111. package/date-field/index.js +2 -9
  112. package/date-picker/index.js +2 -5
  113. package/field-error/index.js +2 -4
  114. package/file-list/index.js +2 -5
  115. package/file-upload/index.js +2 -5
  116. package/grid/index.js +2 -6
  117. package/heading/index.js +2 -4
  118. package/index.js +91 -165
  119. package/info-banner/index.js +2 -4
  120. package/label/index.js +2 -4
  121. package/layout/index.js +2 -8
  122. package/link/index.js +2 -6
  123. package/link-button/index.js +2 -6
  124. package/list-box/index.js +2 -13
  125. package/logo/index.js +2 -5
  126. package/menu/index.js +2 -10
  127. package/modal/index.js +2 -7
  128. package/package.json +2 -2
  129. package/popover/index.js +2 -4
  130. package/progress-bar/index.js +2 -4
  131. package/radio/index.js +2 -5
  132. package/search-field/index.js +2 -4
  133. package/select/index.js +2 -4
  134. package/skeleton/index.js +2 -4
  135. package/spinner/index.js +2 -4
  136. package/table/index.js +2 -9
  137. package/tabs/index.js +2 -7
  138. package/tag/index.js +2 -6
  139. package/text/index.js +2 -4
  140. package/textfield/index.js +2 -7
  141. package/time-field/index.js +2 -4
  142. package/toast/index.js +2 -10
  143. package/toggle-button/index.js +2 -5
  144. package/tooltip/index.js +2 -5
  145. package/assets/AccordionItem.css +0 -1
  146. package/assets/BadgeContainer.css +0 -1
  147. package/assets/Breadcrumb.css +0 -1
  148. package/assets/ButtonGroup.css +0 -1
  149. package/assets/CardHeader.css +0 -1
  150. package/assets/Checkbox.css +0 -1
  151. package/assets/ComboBox.css +0 -1
  152. package/assets/DateField.css +0 -1
  153. package/assets/DateInput.css +0 -1
  154. package/assets/DateRangePicker.css +0 -1
  155. package/assets/FieldError.css +0 -1
  156. package/assets/FileListItem.css +0 -1
  157. package/assets/GridItem.css +0 -1
  158. package/assets/InfoBanner.css +0 -1
  159. package/assets/Label.css +0 -1
  160. package/assets/Layout.css +0 -1
  161. package/assets/Link.css +0 -1
  162. package/assets/LinkButton.css +0 -1
  163. package/assets/ListBox.css +0 -1
  164. package/assets/ListBoxEmptyState.css +0 -1
  165. package/assets/Logo.css +0 -1
  166. package/assets/Modal.css +0 -1
  167. package/assets/Popover.css +0 -1
  168. package/assets/ProgressBar.css +0 -1
  169. package/assets/Radio.css +0 -1
  170. package/assets/RangeCalendar.css +0 -1
  171. package/assets/SearchField.css +0 -1
  172. package/assets/Select.css +0 -1
  173. package/assets/Separator.css +0 -1
  174. package/assets/Skeleton.css +0 -1
  175. package/assets/Spinner.css +0 -1
  176. package/assets/TabList.css +0 -1
  177. package/assets/Table.css +0 -1
  178. package/assets/TimeField.css +0 -1
  179. package/assets/Toast.css +0 -1
  180. package/assets/ToggleButtonGroup.css +0 -1
  181. package/assets/Tooltip.css +0 -1
  182. package/chunks/AccordionItem-DHhQDd6o.js +0 -129
  183. package/chunks/BadgeContainer-DyQDrY6S.js +0 -38
  184. package/chunks/Breadcrumb-Bs836gOn.js +0 -37
  185. package/chunks/Button-GCROAMSl.js +0 -56
  186. package/chunks/Button.module-byTN5rhp.js +0 -14
  187. package/chunks/ButtonGroup-Dr6HOBo2.js +0 -22
  188. package/chunks/CardHeader-BnwDMzW9.js +0 -184
  189. package/chunks/CharacterCounter-Dgnv-orm.js +0 -22
  190. package/chunks/Checkbox-CyamRrFD.js +0 -146
  191. package/chunks/CheckboxGroup-CmjQm14M.js +0 -84
  192. package/chunks/ClearButton-DkC8PIMi.js +0 -22
  193. package/chunks/ColorSchemeSwitch-CjXb7w5A.js +0 -118
  194. package/chunks/ComboBox-BCfucCKv.js +0 -102
  195. package/chunks/DateField-CpvZGNHu.js +0 -89
  196. package/chunks/DateInput-NzWcnB4y.js +0 -29
  197. package/chunks/DateInputDivider-BHAwPkIR.js +0 -13
  198. package/chunks/DateRangePicker-BBLNlQ2y.js +0 -202
  199. package/chunks/FeedbackStatusIcon-X9Bjgeta.js +0 -56
  200. package/chunks/FieldError-krpMBtie.js +0 -24
  201. package/chunks/FileListItem-CKF9HPjw.js +0 -69
  202. package/chunks/FileUpload-D6oyWcDA.js +0 -17
  203. package/chunks/Grid-C7aRFvmS.js +0 -24
  204. package/chunks/GridItem-DenBLGXB.js +0 -237
  205. package/chunks/Heading-nfcRc2QF.js +0 -38
  206. package/chunks/InfoBanner-CWLvkP6D.js +0 -76
  207. package/chunks/Label-Cqo7Xz2v.js +0 -67
  208. package/chunks/Layout-D-nVSBJY.js +0 -493
  209. package/chunks/Link-CSIZehbN.js +0 -59
  210. package/chunks/LinkButton-Dzp8ZAPs.js +0 -68
  211. package/chunks/ListBox-CJhp9Hsb.js +0 -60
  212. package/chunks/ListBoxEmptyState-BxWWr2D9.js +0 -30
  213. package/chunks/ListBoxHeader-Cl56gGEe.js +0 -63
  214. package/chunks/Logo-DDykn5b2.js +0 -150
  215. package/chunks/Modal-yigospxi.js +0 -78
  216. package/chunks/Popover-CjEPHe4A.js +0 -34
  217. package/chunks/ProgressBar-BrWLkY8H.js +0 -53
  218. package/chunks/Radio-CFolRKKY.js +0 -44
  219. package/chunks/RangeCalendar-DxLInTav.js +0 -99
  220. package/chunks/SearchField-BXIDm898.js +0 -121
  221. package/chunks/Select-BQ109AJG.js +0 -231
  222. package/chunks/Separator-CDRwpeHz.js +0 -76
  223. package/chunks/Skeleton-ClvqZoDy.js +0 -88
  224. package/chunks/Spinner-CfKMn18u.js +0 -43
  225. package/chunks/TabList-CJSnr6O0.js +0 -87
  226. package/chunks/Table-CDdv7GeG.js +0 -140
  227. package/chunks/TagGroup-C-pkXtVn.js +0 -119
  228. package/chunks/Text-D0r_W4lH.js +0 -36
  229. package/chunks/TextArea-CNP1Y3jR.js +0 -135
  230. package/chunks/TextField.module-BDIbEV87.js +0 -12
  231. package/chunks/TimeField-B3IdCqTf.js +0 -88
  232. package/chunks/Toast-BFq_0Ue4.js +0 -158
  233. package/chunks/ToggleButtonGroup-DRnEEi5-.js +0 -29
  234. package/chunks/Tooltip-BYEaNkZG.js +0 -44
  235. package/chunks/arrow-right-BVcFGZmy.js +0 -8
  236. package/chunks/check-Bt2UikoU.js +0 -5
  237. package/chunks/chevron-down-BBFYYzZq.js +0 -5
  238. package/chunks/chevron-right-DvXGOiS_.js +0 -5
  239. package/chunks/clsx-AexbMWKp.js +0 -24
  240. package/chunks/createLucideIcon-CP-mMPfa.js +0 -75
  241. package/chunks/info-N5jWZg2A.js +0 -9
  242. package/chunks/square-arrow-out-up-right-x_I6wdNi.js +0 -9
  243. package/chunks/useLocalizedStringFormatter-BHvsRxDk.js +0 -25
  244. package/chunks/x-B9bYxG31.js +0 -8
  245. /package/assets/{CharacterCounter.css → character-counter.css} +0 -0
  246. /package/assets/{Heading.css → heading.css} +0 -0
@@ -0,0 +1,150 @@
1
+ 'use client';
2
+ import { t as e } from "./clsx-BtlV5Vo3.js";
3
+ import { t } from "./createLucideIcon-DhIhuN5D.js";
4
+ import { n } from "./checkbox-B_41DFjp.js";
5
+ import { Button as r, Cell as i, Collection as a, Column as o, Row as s, Table as c, TableBody as l, TableHeader as u, useTableOptions as d } from "react-aria-components";
6
+ import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
7
+ import '../assets/table.css';var h = t("arrow-down", [["path", {
8
+ d: "M12 5v14",
9
+ key: "s699le"
10
+ }], ["path", {
11
+ d: "m19 12-7 7-7-7",
12
+ key: "1idqje"
13
+ }]]), g = t("arrow-up-down", [
14
+ ["path", {
15
+ d: "m21 16-4 4-4-4",
16
+ key: "f6ql7i"
17
+ }],
18
+ ["path", {
19
+ d: "M17 20V4",
20
+ key: "1ejh1v"
21
+ }],
22
+ ["path", {
23
+ d: "m3 8 4-4 4 4",
24
+ key: "11wl7u"
25
+ }],
26
+ ["path", {
27
+ d: "M7 4v16",
28
+ key: "1glfcx"
29
+ }]
30
+ ]), _ = t("arrow-up", [["path", {
31
+ d: "m5 12 7-7 7 7",
32
+ key: "hav0vg"
33
+ }], ["path", {
34
+ d: "M12 19V5",
35
+ key: "x0mq9r"
36
+ }]]), v = t("grip-vertical", [
37
+ ["circle", {
38
+ cx: "9",
39
+ cy: "12",
40
+ r: "1",
41
+ key: "1vctgf"
42
+ }],
43
+ ["circle", {
44
+ cx: "9",
45
+ cy: "5",
46
+ r: "1",
47
+ key: "hp0tcf"
48
+ }],
49
+ ["circle", {
50
+ cx: "9",
51
+ cy: "19",
52
+ r: "1",
53
+ key: "fkjjf6"
54
+ }],
55
+ ["circle", {
56
+ cx: "15",
57
+ cy: "12",
58
+ r: "1",
59
+ key: "1tmaij"
60
+ }],
61
+ ["circle", {
62
+ cx: "15",
63
+ cy: "5",
64
+ r: "1",
65
+ key: "19l28e"
66
+ }],
67
+ ["circle", {
68
+ cx: "15",
69
+ cy: "19",
70
+ r: "1",
71
+ key: "f4zoj3"
72
+ }]
73
+ ]), y = {
74
+ table: "_table_1s8du_1",
75
+ tableHeader: "_tableHeader_1s8du_11",
76
+ column: "_column_1s8du_12",
77
+ sortIndicator: "_sortIndicator_1s8du_29",
78
+ sortIconNeutral: "_sortIconNeutral_1s8du_37",
79
+ selection: "_selection_1s8du_56",
80
+ row: "_row_1s8du_62",
81
+ cell: "_cell_1s8du_80",
82
+ narrow: "_narrow_1s8du_97",
83
+ medium: "_medium_1s8du_120",
84
+ striped: "_striped_1s8du_131"
85
+ }, b = ({ size: t = "large", striped: n = !1, className: r, ...i }) => /* @__PURE__ */ p(c, {
86
+ className: e(y.table, r, {
87
+ [y.medium]: t === "medium",
88
+ [y.striped]: n
89
+ }),
90
+ ...i
91
+ }), x = ({ columns: t, children: r, className: i }) => {
92
+ let { selectionBehavior: o, selectionMode: s, allowsDragging: c } = d();
93
+ return /* @__PURE__ */ m(u, {
94
+ className: e(i, y.tableHeader),
95
+ children: [
96
+ c && /* @__PURE__ */ p(C, {}),
97
+ o === "toggle" && /* @__PURE__ */ p(C, {
98
+ width: 50,
99
+ children: s === "multiple" && /* @__PURE__ */ p(n, {
100
+ className: y.selection,
101
+ slot: "selection"
102
+ })
103
+ }),
104
+ /* @__PURE__ */ p(a, {
105
+ items: t,
106
+ children: r
107
+ })
108
+ ]
109
+ });
110
+ }, S = ({ id: t, columns: i, children: o, className: c, ...l }) => {
111
+ let { selectionBehavior: u, allowsDragging: f } = d();
112
+ return /* @__PURE__ */ m(s, {
113
+ id: t,
114
+ className: e(c, y.row),
115
+ ...l,
116
+ children: [
117
+ f && /* @__PURE__ */ p(w, { children: /* @__PURE__ */ p(r, {
118
+ slot: "drag",
119
+ children: /* @__PURE__ */ p(v, { size: 20 })
120
+ }) }),
121
+ u === "toggle" && /* @__PURE__ */ p(w, { children: /* @__PURE__ */ p(n, {
122
+ className: y.selection,
123
+ slot: "selection"
124
+ }) }),
125
+ /* @__PURE__ */ p(a, {
126
+ items: i,
127
+ children: o
128
+ })
129
+ ]
130
+ });
131
+ }, C = ({ children: t, className: n, ...r }) => /* @__PURE__ */ p(o, {
132
+ className: e(n, y.column),
133
+ ...r,
134
+ children: ({ allowsSorting: e, sortDirection: n }) => /* @__PURE__ */ m(f, { children: [t, e && /* @__PURE__ */ p("span", {
135
+ "aria-hidden": "true",
136
+ className: y.sortIndicator,
137
+ children: n === "ascending" ? /* @__PURE__ */ p(_, { size: 16 }) : n === "descending" ? /* @__PURE__ */ p(h, { size: 16 }) : /* @__PURE__ */ p(g, {
138
+ size: 16,
139
+ className: y.sortIconNeutral
140
+ })
141
+ })] })
142
+ }), w = ({ className: t, ...n }) => /* @__PURE__ */ p(i, {
143
+ className: e(t, y.cell),
144
+ ...n
145
+ }), T = ({ className: t, ...n }) => /* @__PURE__ */ p(l, {
146
+ className: e(t, y.tableBody),
147
+ ...n
148
+ });
149
+ //#endregion
150
+ export { T as a, b as i, C as n, x as o, S as r, w as t };
@@ -0,0 +1,52 @@
1
+ 'use client';
2
+ import { t as e } from "./clsx-BtlV5Vo3.js";
3
+ import * as t from "react";
4
+ import { createContext as n } from "react";
5
+ import { SelectionIndicator as r, Tab as i, TabList as a, TabPanel as o, Tabs as s, composeRenderProps as c } from "react-aria-components";
6
+ import { Fragment as l, jsx as u, jsxs as d } from "react/jsx-runtime";
7
+ import '../assets/tabs.css';//#region packages/components/src/tabs/TabsContext.ts
8
+ var f = n({
9
+ variant: "uncontained",
10
+ size: "large"
11
+ }), p = {
12
+ tabs: "_tabs_1jqj8_1",
13
+ tabList: "_tabList_1jqj8_12",
14
+ tab: "_tab_1jqj8_1",
15
+ contained: "_contained_1jqj8_55",
16
+ medium: "_medium_1jqj8_75",
17
+ selectionIndicator: "_selectionIndicator_1jqj8_98",
18
+ tabPanel: "_tabPanel_1jqj8_133"
19
+ }, m = ({ className: t, variant: n = "uncontained", size: r = "large", ...i }) => /* @__PURE__ */ u(f.Provider, {
20
+ value: {
21
+ variant: n,
22
+ size: r
23
+ },
24
+ children: /* @__PURE__ */ u(s, {
25
+ className: e(p.tabs, t),
26
+ ...i
27
+ })
28
+ }), h = ({ className: n, ...a }) => {
29
+ let { variant: o, size: s } = t.useContext(f);
30
+ return /* @__PURE__ */ u(i, {
31
+ ...a,
32
+ className: e(p.tab, {
33
+ [p.contained]: o === "contained",
34
+ [p.medium]: s === "medium"
35
+ }, n),
36
+ children: c(a.children, (t) => /* @__PURE__ */ d(l, { children: [t, /* @__PURE__ */ u(r, { className: e(p.selectionIndicator, { [p.contained]: o === "contained" }) })] }))
37
+ });
38
+ }, g = ({ className: n, ...r }) => {
39
+ let { variant: i, size: a } = t.useContext(f);
40
+ return /* @__PURE__ */ u(o, {
41
+ className: e(p.tabPanel, {
42
+ [p.contained]: i === "contained",
43
+ [p.medium]: a === "medium"
44
+ }, n),
45
+ ...r
46
+ });
47
+ }, _ = ({ className: t, ...n }) => /* @__PURE__ */ u(a, {
48
+ className: e(p.tabList, t),
49
+ ...n
50
+ });
51
+ //#endregion
52
+ export { m as i, g as n, h as r, _ as t };
@@ -0,0 +1,78 @@
1
+ import { t as e } from "./clsx-BtlV5Vo3.js";
2
+ import { t } from "./x-Bs_QW3q8.js";
3
+ import { n } from "./button-CFjf-bDe.js";
4
+ import { Children as r, forwardRef as i, isValidElement as a } from "react";
5
+ import { Tag as o, TagGroup as s, TagGroupContext as c, TagList as l, TagListContext as u, composeRenderProps as d, useContextProps as f } from "react-aria-components";
6
+ import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
7
+ import '../assets/tag.css';var g = {
8
+ button: "_button_14ocl_1",
9
+ tag: "_tag_14ocl_8",
10
+ sky: "_sky_14ocl_21",
11
+ blue: "_blue_14ocl_22",
12
+ mint: "_mint_14ocl_27",
13
+ green: "_green_14ocl_28",
14
+ cream: "_cream_14ocl_33",
15
+ yellow: "_yellow_14ocl_34",
16
+ teal: "_teal_14ocl_39",
17
+ lagoon: "_lagoon_14ocl_44",
18
+ lagoonblue: "_lagoonblue_14ocl_45",
19
+ lavender: "_lavender_14ocl_50",
20
+ purple: "_purple_14ocl_51",
21
+ peach: "_peach_14ocl_56",
22
+ orange: "_orange_14ocl_57",
23
+ pippin: "_pippin_14ocl_62",
24
+ red: "_red_14ocl_63",
25
+ tagText: "_tagText_14ocl_90",
26
+ dismissable: "_dismissable_14ocl_104"
27
+ }, _ = ({ className: r, color: i, dismissable: a = !1, isDismissable: s, type: c, ...l }) => {
28
+ let u = s || s === void 0 && a;
29
+ return /* @__PURE__ */ m(o, {
30
+ className: e(g.tag, u && g.dismissable, {
31
+ [g.sky]: i === "sky",
32
+ [g.blue]: i === "blue" || !i && c === "info",
33
+ [g.mint]: i === "mint",
34
+ [g.green]: i === "green" || !i && c === "success",
35
+ [g.cream]: i === "cream",
36
+ [g.yellow]: i === "yellow" || !i && c === "important",
37
+ [g.teal]: i === "teal",
38
+ [g.lagoon]: i === "lagoon",
39
+ [g.lagoonblue]: i === "lagoonblue",
40
+ [g.lavender]: i === "lavender",
41
+ [g.purple]: i === "purple",
42
+ [g.peach]: i === "peach",
43
+ [g.orange]: i === "orange",
44
+ [g.pippin]: i === "pippin",
45
+ [g.red]: i === "red" || !i && c === "warning"
46
+ }, r),
47
+ ...l,
48
+ textValue: l.textValue || (typeof l.children == "string" ? l.children : void 0),
49
+ children: d(l.children, (e) => /* @__PURE__ */ h(p, { children: [/* @__PURE__ */ m("div", {
50
+ className: g.tagText,
51
+ children: e
52
+ }), u && /* @__PURE__ */ m(n, {
53
+ variant: "icon",
54
+ size: "medium",
55
+ className: g.button,
56
+ slot: "remove",
57
+ children: /* @__PURE__ */ m(t, { size: 20 })
58
+ })] }))
59
+ });
60
+ }, v = { tagList: "_tagList_17pz2_1" }, y = i((t, n) => {
61
+ let [{ className: r, ...i }, a] = f(t, n, u);
62
+ return /* @__PURE__ */ m(l, {
63
+ className: e(r, v.tagList),
64
+ ref: a,
65
+ ...i
66
+ });
67
+ }), b = i((t, n) => {
68
+ let [{ className: i, children: o, ...l }, u] = f(t, n, c), d = r.toArray(o).filter(a).find((e) => e.type === y);
69
+ return !d && process.env.NODE_ENV === "development" && console.warn("Using a TagGroup without providing a TagList component is deprecated since v17.0.0, see: https://designsystem.migrationsverket.se/components/tag/"), /* @__PURE__ */ m(s, {
70
+ className: e(i),
71
+ ref: u,
72
+ ...l,
73
+ children: d ? o : /* @__PURE__ */ m(y, { children: o })
74
+ });
75
+ });
76
+ b.displayName = "TagGroup";
77
+ //#endregion
78
+ export { y as n, _ as r, b as t };
@@ -0,0 +1,23 @@
1
+ import { t as e } from "./clsx-BtlV5Vo3.js";
2
+ import "react";
3
+ import { Text as t } from "react-aria-components";
4
+ import { jsx as n } from "react/jsx-runtime";
5
+ import '../assets/text.css';var r = {
6
+ body: "_body_g096r_1",
7
+ "body-small": "_body-small_g096r_2",
8
+ description: "_description_g096r_3",
9
+ "description-small": "_description-small_g096r_4",
10
+ bold: "_bold_g096r_24",
11
+ italic: "_italic_g096r_28"
12
+ }, i = "span", a = ({ children: a, className: o, size: s, isExpressive: c = !1, elementType: l = i, ...u }) => /* @__PURE__ */ n(t, {
13
+ className: e(u.slot === "description" ? s === "small" ? r["description-small"] : r.description : s === "small" ? r["body-small"] : r.body, {
14
+ [r.bold]: ["b", "strong"].includes(l),
15
+ [r.italic]: ["i", "em"].includes(l)
16
+ }, o),
17
+ elementType: l || i,
18
+ ...c && { "data-expressive": !0 },
19
+ ...u,
20
+ children: a
21
+ });
22
+ //#endregion
23
+ export { a as t };
@@ -0,0 +1,112 @@
1
+ 'use client';
2
+ import { n as e, t } from "./clsx-BtlV5Vo3.js";
3
+ import { t as n } from "./useLocalizedStringFormatter-bRLuRzVD.js";
4
+ import { n as r } from "./button-CFjf-bDe.js";
5
+ import { t as i } from "./text-mAeDlv5N.js";
6
+ import { t as a } from "./field-error-DYp2kgFr.js";
7
+ import { t as o } from "./character-counter-CSoVSrxZ.js";
8
+ import { n as s, t as c } from "./label-uwnwLD3z.js";
9
+ import { t as l } from "./TextField.module-CrR3Krxn.js";
10
+ import { forwardRef as u, useState as d } from "react";
11
+ import { Input as f, InputContext as p, TextArea as m, TextField as h, TextFieldContext as g, useContextProps as _ } from "react-aria-components";
12
+ import { jsx as v, jsxs as y } from "react/jsx-runtime";
13
+ //#region packages/components/src/textfield/TextFieldBase.tsx
14
+ var b = u((t, n) => {
15
+ [t] = _(t, n, g);
16
+ let { label: r, description: u, errorMessage: d, showCounter: f, errorPosition: p = "top", size: m = "large", popover: b, children: x } = t;
17
+ return /* @__PURE__ */ y(h, {
18
+ ...t,
19
+ className: e(l.textField, { [l.medium]: m === "medium" }),
20
+ children: [
21
+ /* @__PURE__ */ v(s, {
22
+ popover: b,
23
+ children: r && /* @__PURE__ */ v(c, { children: r })
24
+ }),
25
+ u && /* @__PURE__ */ v(i, {
26
+ slot: "description",
27
+ children: u
28
+ }),
29
+ f && /* @__PURE__ */ v(o, { isLonely: !u }),
30
+ p === "top" && /* @__PURE__ */ v(a, {
31
+ "data-testid": "fieldError",
32
+ children: d
33
+ }),
34
+ x,
35
+ p === "bottom" && /* @__PURE__ */ v(a, {
36
+ "data-testid": "fieldError",
37
+ className: l.bottomError,
38
+ children: d
39
+ })
40
+ ]
41
+ });
42
+ });
43
+ b.displayName = "TextFieldBase";
44
+ var x = {
45
+ en: {
46
+ hide: "Hide",
47
+ show: "Show",
48
+ showPassword: "Show password"
49
+ },
50
+ sv: {
51
+ hide: "Dölj",
52
+ show: "Visa",
53
+ showPassword: "Visa lösenord"
54
+ }
55
+ }, S = ({ showPassword: e, onToggle: t }) => {
56
+ let i = n(x);
57
+ return /* @__PURE__ */ v(r, {
58
+ "aria-label": i.format("showPassword"),
59
+ "aria-pressed": e,
60
+ variant: "tertiary",
61
+ onPress: t,
62
+ className: l.passwordButton,
63
+ children: e ? i.format("hide") : i.format("show")
64
+ });
65
+ }, C = u(({ skipContext: e = !1, ...n }, r) => {
66
+ let [i, a] = _(n, r, p), o = e ? r : a, s = e ? n : i, c = s.type === "password", [u, m] = d(!1);
67
+ return /* @__PURE__ */ y("div", {
68
+ className: l.wrap,
69
+ children: [/* @__PURE__ */ v(f, {
70
+ ...s,
71
+ ref: o,
72
+ type: c && u ? "text" : s.type,
73
+ className: t(l.input, s.className)
74
+ }), c && /* @__PURE__ */ v(S, {
75
+ showPassword: u,
76
+ onToggle: () => m((e) => !e)
77
+ })]
78
+ });
79
+ });
80
+ C.displayName = "Input";
81
+ //#endregion
82
+ //#region packages/components/src/textfield/TextField.tsx
83
+ var w = u(({ className: e, list: n, type: r, min: i, max: a, form: o, ...s }, c) => /* @__PURE__ */ v(b, {
84
+ ...s,
85
+ children: /* @__PURE__ */ v(C, {
86
+ className: t(e),
87
+ form: o,
88
+ list: n,
89
+ min: i,
90
+ max: a,
91
+ ref: c,
92
+ type: r,
93
+ skipContext: !0
94
+ })
95
+ }));
96
+ w.displayName = "TextField";
97
+ //#endregion
98
+ //#region packages/components/src/textfield/TextArea.tsx
99
+ var T = u(({ className: e, cols: n, form: r, rows: i, wrap: a, ...o }, s) => /* @__PURE__ */ v(b, {
100
+ ...o,
101
+ children: /* @__PURE__ */ v(m, {
102
+ className: t(l.textArea, e),
103
+ cols: n,
104
+ form: r,
105
+ ref: s,
106
+ rows: i,
107
+ wrap: a
108
+ })
109
+ }));
110
+ T.displayName = "TextArea";
111
+ //#endregion
112
+ export { b as i, w as n, C as r, T as t };
@@ -0,0 +1,60 @@
1
+ import { t as e } from "./clsx-BtlV5Vo3.js";
2
+ import { t } from "./useLocalizedStringFormatter-bRLuRzVD.js";
3
+ import { t as n } from "./text-mAeDlv5N.js";
4
+ import { t as r } from "./field-error-DYp2kgFr.js";
5
+ import { n as i, t as a } from "./label-uwnwLD3z.js";
6
+ import { t as o } from "./clear-button-Cb4MTvBR.js";
7
+ import { n as s, r as c } from "./date-field-Cy0HGw6v.js";
8
+ import * as l from "react";
9
+ import { TimeField as u, TimeFieldStateContext as d } from "react-aria-components";
10
+ import { jsx as f, jsxs as p } from "react/jsx-runtime";
11
+ import { FocusScope as m, useFocusManager as h } from "@react-aria/focus";
12
+ import '../assets/time-field.css';var g = {
13
+ en: { clear: "Clear time" },
14
+ sv: { clear: "Rensa tid" }
15
+ }, _ = {
16
+ timeField: "_timeField_z8d4x_1",
17
+ inputField: "_inputField_z8d4x_7",
18
+ medium: "_medium_z8d4x_38",
19
+ clearButton: "_clearButton_z8d4x_47"
20
+ }, v = ({ isClearable: n, size: r, isDisabled: i, isReadOnly: a }) => {
21
+ let s = t(g), c = l.useContext(d), u = h();
22
+ return n && c?.value != null && !a ? /* @__PURE__ */ f(o, {
23
+ onPress: () => {
24
+ c?.setValue(null), u?.focusFirst();
25
+ },
26
+ size: r,
27
+ isDisabled: i,
28
+ "aria-label": s.format("clear"),
29
+ className: e(_.clearButton, { [_.medium]: r === "medium" })
30
+ }) : null;
31
+ }, y = l.forwardRef(({ className: t, description: o, errorMessage: l, errorPosition: d = "top", label: h, size: g = "large", popover: y, isClearable: b = !1, isReadOnly: x, isDisabled: S, ...C }, w) => /* @__PURE__ */ p(u, {
32
+ ...C,
33
+ ref: w,
34
+ isReadOnly: x,
35
+ isDisabled: S,
36
+ className: e(_.timeField, t),
37
+ children: [
38
+ /* @__PURE__ */ f(i, {
39
+ popover: y,
40
+ children: h && /* @__PURE__ */ f(a, { children: h })
41
+ }),
42
+ o && /* @__PURE__ */ f(n, {
43
+ slot: "description",
44
+ children: o
45
+ }),
46
+ d === "top" && /* @__PURE__ */ f(r, { children: l }),
47
+ /* @__PURE__ */ f("div", {
48
+ className: e(_.inputField, { [_.medium]: g === "medium" }),
49
+ children: /* @__PURE__ */ p(m, { children: [/* @__PURE__ */ f(s, { children: (e) => /* @__PURE__ */ f(c, { segment: e }) }), /* @__PURE__ */ f(v, {
50
+ isClearable: b,
51
+ size: g,
52
+ isDisabled: S,
53
+ isReadOnly: x
54
+ })] })
55
+ }),
56
+ d === "bottom" && /* @__PURE__ */ f(r, { children: l })
57
+ ]
58
+ }));
59
+ //#endregion
60
+ export { y as t };
@@ -0,0 +1,91 @@
1
+ 'use client';
2
+ import { t as e } from "./clsx-BtlV5Vo3.js";
3
+ import { t } from "./FeedbackStatusIcon-A1trvSCf.js";
4
+ import { t as n } from "./x-Bs_QW3q8.js";
5
+ import { n as r } from "./button-CFjf-bDe.js";
6
+ import i from "react";
7
+ import { Fragment as a, jsx as o, jsxs as s } from "react/jsx-runtime";
8
+ import { useToast as c, useToastRegion as l } from "react-aria";
9
+ import { ToastQueue as u, useToastQueue as d, useToastState as f } from "react-stately";
10
+ import { createPortal as p, flushSync as m } from "react-dom";
11
+ import '../assets/toast.css';var h = {
12
+ toastRegion: "_toastRegion_1vq8s_49",
13
+ toast: "_toast_1vq8s_49",
14
+ success: "_success_1vq8s_98",
15
+ info: "_info_1vq8s_106",
16
+ important: "_important_1vq8s_114",
17
+ warning: "_warning_1vq8s_122",
18
+ icon: "_icon_1vq8s_130",
19
+ toastContent: "_toastContent_1vq8s_144",
20
+ toastMessage: "_toastMessage_1vq8s_151",
21
+ viewTransition: "_viewTransition_1vq8s_157",
22
+ slideInTop: "_slideInTop_1vq8s_1",
23
+ slideInEnd: "_slideInEnd_1vq8s_1",
24
+ slideOutTop: "_slideOutTop_1vq8s_1",
25
+ slideOutEnd: "_slideOutEnd_1vq8s_1"
26
+ }, g = {
27
+ wrapUpdate(e) {
28
+ "startViewTransition" in document ? document.startViewTransition(() => {
29
+ m(e);
30
+ }) : e();
31
+ },
32
+ maxVisibleToasts: 5
33
+ }, _ = new u(g), v = (e) => {
34
+ let t = d(_);
35
+ return t.visibleToasts.length > 0 ? p(/* @__PURE__ */ o(b, {
36
+ ...e,
37
+ state: t
38
+ }), document.body) : null;
39
+ }, y = ({ children: e, ...t }) => {
40
+ let n = f(g);
41
+ return /* @__PURE__ */ s(a, { children: [typeof e == "function" ? e(n) : e, n.visibleToasts.length > 0 && /* @__PURE__ */ o(b, {
42
+ ...t,
43
+ state: n
44
+ })] });
45
+ };
46
+ function b({ state: t, className: n, ...r }) {
47
+ let a = i.useRef(null), { regionProps: s } = l(r, t, a);
48
+ return /* @__PURE__ */ o("div", {
49
+ ...s,
50
+ ref: a,
51
+ className: e(h.toastRegion, n),
52
+ children: t.visibleToasts.map((e) => /* @__PURE__ */ o(x, {
53
+ toast: e,
54
+ state: t
55
+ }, e.key))
56
+ });
57
+ }
58
+ function x({ state: a, className: l, ...u }) {
59
+ let d = i.useRef(null), { toastProps: f, contentProps: p, titleProps: m, closeButtonProps: g } = c(u, a, d);
60
+ return /* @__PURE__ */ s("div", {
61
+ ...f,
62
+ ref: d,
63
+ className: e(h.toast, h[u.toast.content.type], l),
64
+ style: {
65
+ viewTransitionName: u.toast.key,
66
+ viewTransitionClass: h.viewTransition
67
+ },
68
+ children: [/* @__PURE__ */ s("div", {
69
+ ...p,
70
+ className: e(h.toastContent, p.className),
71
+ children: [/* @__PURE__ */ o(t, {
72
+ "aria-hidden": !0,
73
+ className: h.icon,
74
+ status: u.toast.content.type
75
+ }), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("p", {
76
+ className: h.toastMessage,
77
+ ...m,
78
+ children: u.toast.content.message
79
+ }), u.toast.content.children] })]
80
+ }), /* @__PURE__ */ o(r, {
81
+ variant: "icon",
82
+ ...g,
83
+ children: /* @__PURE__ */ o(n, {
84
+ size: 20,
85
+ "aria-hidden": !0
86
+ })
87
+ })]
88
+ });
89
+ }
90
+ //#endregion
91
+ export { _ as a, b as i, x as n, f as o, y as r, v as t };
@@ -0,0 +1,17 @@
1
+ import { t as e } from "./clsx-BtlV5Vo3.js";
2
+ import { t } from "./Button.module-0C2ArlRs.js";
3
+ import "react";
4
+ import { ToggleButton as n, ToggleButtonGroup as r } from "react-aria-components";
5
+ import { jsx as i } from "react/jsx-runtime";
6
+ import '../assets/toggle-button.css';var a = {
7
+ group: "_group_q04hh_1",
8
+ toggleButton: "_toggleButton_q04hh_10"
9
+ }, o = ({ ...r }) => /* @__PURE__ */ i(n, {
10
+ ...r,
11
+ className: e(t.button, t.iconBtn, a.toggleButton, r.className)
12
+ }), s = ({ ...t }) => /* @__PURE__ */ i(r, {
13
+ ...t,
14
+ className: e(a.group, t.className)
15
+ });
16
+ //#endregion
17
+ export { o as n, s as t };
@@ -0,0 +1,33 @@
1
+ import { t as e } from "./clsx-BtlV5Vo3.js";
2
+ import "react";
3
+ import { OverlayArrow as t, Tooltip as n, TooltipTrigger as r } from "react-aria-components";
4
+ import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
5
+ import '../assets/tooltip.css';var s = {
6
+ tooltip: "_tooltip_exq12_1",
7
+ arrow: "_arrow_exq12_18"
8
+ };
9
+ //#endregion
10
+ //#region packages/components/src/tooltip/Tooltip.tsx
11
+ function c({ children: r, className: c, ...l }) {
12
+ return /* @__PURE__ */ a(n, {
13
+ className: e(s.tooltip, c),
14
+ ...l,
15
+ children: (e) => /* @__PURE__ */ o(i, { children: [/* @__PURE__ */ a(t, {
16
+ className: s.arrow,
17
+ children: /* @__PURE__ */ a("svg", {
18
+ width: 8,
19
+ height: 8,
20
+ viewBox: "0 0 8 8",
21
+ children: /* @__PURE__ */ a("path", { d: "M0 0 L4 4 L8 0" })
22
+ })
23
+ }), typeof r == "function" ? r(e) : r] })
24
+ });
25
+ }
26
+ function l({ delay: e = 0, ...t }) {
27
+ return /* @__PURE__ */ a(r, {
28
+ delay: e,
29
+ ...t
30
+ });
31
+ }
32
+ //#endregion
33
+ export { l as n, c as t };
@@ -0,0 +1,19 @@
1
+ import { useMemo as e } from "react";
2
+ import { useLocale as t } from "react-aria-components";
3
+ import { LocalizedStringDictionary as n, LocalizedStringFormatter as r } from "@internationalized/string";
4
+ //#region packages/components/src/utils/intl/useLocalizedStringFormatter.ts
5
+ var i = "sv", a = /* @__PURE__ */ new WeakMap();
6
+ function o(e) {
7
+ let t = a.get(e);
8
+ return t || (t = new n(e, i), a.set(e, t)), t;
9
+ }
10
+ function s(e, t) {
11
+ return t && n.getGlobalDictionaryForPackage(t) || o(e);
12
+ }
13
+ function c(n, a) {
14
+ if (!n || typeof n != "object" || !(i in n)) throw Error(`useLocalizedStringFormatter: Default language "${i}" must be defined in dictionary.`);
15
+ let { locale: o } = t(), c = s(n, a);
16
+ return e(() => new r(o, c), [c, o]);
17
+ }
18
+ //#endregion
19
+ export { c as t };
@@ -0,0 +1,10 @@
1
+ import { t as e } from "./createLucideIcon-DhIhuN5D.js";
2
+ var t = e("x", [["path", {
3
+ d: "M18 6 6 18",
4
+ key: "1bl5f8"
5
+ }], ["path", {
6
+ d: "m6 6 12 12",
7
+ key: "d8bk6v"
8
+ }]]);
9
+ //#endregion
10
+ export { t };
@@ -1,4 +1,2 @@
1
- import { C as t } from "../chunks/ClearButton-DkC8PIMi.js";
2
- export {
3
- t as ClearButton
4
- };
1
+ import { t as e } from "../chunks/clear-button-Cb4MTvBR.js";
2
+ export { e as ClearButton };
@@ -1,4 +1,2 @@
1
- import { C as r } from "../chunks/ColorSchemeSwitch-CjXb7w5A.js";
2
- export {
3
- r as ColorSchemeSwitch
4
- };
1
+ import { t as e } from "../chunks/color-scheme-switch-Ce4vL8Yz.js";
2
+ export { e as ColorSchemeSwitch };
package/combobox/index.js CHANGED
@@ -1,4 +1,2 @@
1
- import { C as r } from "../chunks/ComboBox-BCfucCKv.js";
2
- export {
3
- r as ComboBox
4
- };
1
+ import { t as e } from "../chunks/combobox-BLGIYxNy.js";
2
+ export { e as ComboBox };