@midas-ds/components 17.30.0 → 17.30.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 (144) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/accordion/index.js +1 -1
  3. package/badge/index.js +1 -1
  4. package/breadcrumbs/index.js +1 -1
  5. package/button/index.js +1 -1
  6. package/calendar/index.js +1 -1
  7. package/card/index.js +1 -1
  8. package/checkbox/index.js +1 -1
  9. package/chunks/{accordion-BzmYSOS3.js → accordion-DlVM6IKH.js} +3 -3
  10. package/chunks/{badge-BfK6XrlL.js → badge-C4bXJmhn.js} +1 -1
  11. package/chunks/{breadcrumbs-DV0ZJc62.js → breadcrumbs-BGnyY3bO.js} +1 -1
  12. package/chunks/{button-C-WkFek9.js → button-dpe6hXmI.js} +2 -2
  13. package/chunks/{calendar-Bt1FLxqr.js → calendar-BnT8aqrk.js} +46 -45
  14. package/chunks/{card-CdH2UMUW.js → card-C0S9Kyi2.js} +3 -3
  15. package/chunks/{checkbox-DiFQy3MS.js → checkbox-B1RWLsu9.js} +4 -4
  16. package/chunks/{clear-button-Bv0YGBNG.js → clear-button-DWtOkhCH.js} +1 -1
  17. package/chunks/clsx-DAqHMl_k.js +7 -0
  18. package/chunks/{color-scheme-switch-0axiBsna.js → color-scheme-switch-DVyIszaD.js} +4 -4
  19. package/chunks/{combobox-DkZbA3o4.js → combobox-BLAVO2ax.js} +5 -5
  20. package/chunks/{date-field-CPpWZqws.js → date-field-D5QLfSD_.js} +5 -5
  21. package/chunks/date-picker-BWSHiwIN.js +142 -0
  22. package/chunks/{drop-zone-DH3ZyHsr.js → drop-zone-DNhEbH4w.js} +1 -1
  23. package/chunks/{field-error-LtNtEKDp.js → field-error-BHoPnRe4.js} +2 -2
  24. package/chunks/{file-list-D8Zc1aYS.js → file-list-Ntos8dkG.js} +4 -4
  25. package/chunks/{grid-Cn_8RSvj.js → grid-BR68fpvW.js} +1 -1
  26. package/chunks/{heading-BEl_z-5T.js → heading-DcOjYrUM.js} +1 -1
  27. package/chunks/{info-banner-BVKtmVKN.js → info-banner-DXjPEG69.js} +2 -2
  28. package/chunks/{label-Dw5p84T2.js → label-pGlER0ro.js} +4 -4
  29. package/chunks/{layout-CUAjEEuH.js → layout-Bue2Lkbc.js} +6 -6
  30. package/chunks/{link-DHu1cTmz.js → link-B76JDA2N.js} +1 -1
  31. package/chunks/{link-button-DYg_0p4Y.js → link-button-BeXxC22w.js} +1 -1
  32. package/chunks/{list-box-DmEoMvX1.js → list-box-BzBJX0nP.js} +3 -3
  33. package/chunks/{logo-DyZ2pXt7.js → logo-DSJ1bUJZ.js} +1 -1
  34. package/chunks/{menu-CP0Xvmx0.js → menu-DbQ98noD.js} +1 -1
  35. package/chunks/{modal-B_uSoXZM.js → modal-C8rs1jfL.js} +3 -3
  36. package/chunks/{popover-DGcogqbS.js → popover-B82BcP5n.js} +1 -1
  37. package/chunks/{progress-bar-BfFxpqUv.js → progress-bar-S6GNHQRZ.js} +2 -2
  38. package/chunks/{radio-_z6ObjYx.js → radio-uAtTm38S.js} +4 -4
  39. package/chunks/{search-field-Cp_HHDl4.js → search-field-Bx3JApAJ.js} +5 -5
  40. package/chunks/{select-Wy6NakdH.js → select-CuKVJ1x9.js} +44 -43
  41. package/chunks/{skeleton-B_BPRPJy.js → skeleton-R_3dS7Ro.js} +1 -1
  42. package/chunks/{spinner-COGZlDJB.js → spinner-CIjfJeGm.js} +1 -1
  43. package/chunks/{stack-LF3ExhH9.js → stack-BAHKom_Q.js} +1 -1
  44. package/chunks/{table-O_Y45Sb7.js → table-DDTeIVh8.js} +2 -2
  45. package/chunks/{tabs-Co09VWvC.js → tabs-owuRVJ3N.js} +1 -1
  46. package/chunks/{tag-RjuYlFZI.js → tag-BEawJnJm.js} +2 -2
  47. package/chunks/{text-DwmZ-ew8.js → text-DnvD4Cjc.js} +1 -1
  48. package/chunks/textfield-G6u6RJD5.js +113 -0
  49. package/chunks/{time-field-Cnp-dYhm.js → time-field-Mm1iDLzS.js} +6 -6
  50. package/chunks/{toast-Dg3fVjSS.js → toast-DZuvVRD_.js} +2 -2
  51. package/chunks/{toggle-button-CIvsOXQf.js → toggle-button-DD_bXanH.js} +1 -1
  52. package/chunks/{tooltip-BkesIUIF.js → tooltip-1GBTeMrm.js} +1 -1
  53. package/clear-button/index.js +1 -1
  54. package/color-scheme-switch/index.js +1 -1
  55. package/combobox/index.js +1 -1
  56. package/date-field/index.js +1 -1
  57. package/date-picker/index.js +1 -1
  58. package/drop-zone/index.js +1 -1
  59. package/field-error/index.js +1 -1
  60. package/file-list/index.js +1 -1
  61. package/grid/index.js +1 -1
  62. package/heading/index.js +1 -1
  63. package/index.js +46 -45
  64. package/info-banner/index.js +1 -1
  65. package/label/index.js +1 -1
  66. package/layout/Layout.d.ts +1 -2
  67. package/layout/context/LayoutContext.d.ts +7 -1
  68. package/layout/index.js +1 -1
  69. package/link/index.js +1 -1
  70. package/link-button/index.js +1 -1
  71. package/list-box/index.js +1 -1
  72. package/logo/index.js +1 -1
  73. package/menu/index.js +1 -1
  74. package/modal/index.js +1 -1
  75. package/package.json +3 -2
  76. package/popover/index.js +1 -1
  77. package/progress-bar/index.js +1 -1
  78. package/radio/index.js +1 -1
  79. package/search-field/index.js +1 -1
  80. package/select/index.js +1 -1
  81. package/skeleton/index.js +1 -1
  82. package/spinner/index.js +1 -1
  83. package/stack/index.js +1 -1
  84. package/table/index.js +1 -1
  85. package/tabs/index.js +1 -1
  86. package/tag/index.js +1 -1
  87. package/text/index.js +1 -1
  88. package/textfield/index.js +1 -1
  89. package/time-field/index.js +1 -1
  90. package/toast/index.js +1 -1
  91. package/toggle-button/index.js +1 -1
  92. package/tooltip/index.js +1 -1
  93. package/accordion/Accordion.stories.d.ts +0 -23
  94. package/accordion/AccordionItem.stories.d.ts +0 -25
  95. package/badge/Badge.stories.d.ts +0 -17
  96. package/breadcrumbs/Breadcrumbs.stories.d.ts +0 -25
  97. package/button/Button.stories.d.ts +0 -25
  98. package/button/ButtonGroup.stories.d.ts +0 -15
  99. package/calendar/Calendar.stories.d.ts +0 -17
  100. package/calendar/RangeCalendar.stories.d.ts +0 -15
  101. package/card/Card.stories.d.ts +0 -19
  102. package/checkbox/Checkbox.stories.d.ts +0 -30
  103. package/checkbox/CheckboxGroup.stories.d.ts +0 -31
  104. package/chunks/clsx-Di52oYUU.js +0 -23
  105. package/chunks/date-picker-DQ7vCG5-.js +0 -142
  106. package/chunks/textfield-Bu0Hg2pJ.js +0 -112
  107. package/color-scheme-switch/ColorSchemeSwitch.stories.d.ts +0 -7
  108. package/color-scheme-switch/ColorSchemeSwitchMenu.stories.d.ts +0 -8
  109. package/combobox/ComboBox.stories.d.ts +0 -43
  110. package/date-field/DateField.stories.d.ts +0 -15
  111. package/date-picker/DatePicker.stories.d.ts +0 -17
  112. package/date-picker/DateRangePicker.stories.d.ts +0 -39
  113. package/drop-zone/DropZone.stories.d.ts +0 -16
  114. package/file-list/FileList.stories.d.ts +0 -31
  115. package/grid/Grid.stories.d.ts +0 -28
  116. package/heading/Heading.stories.d.ts +0 -30
  117. package/info-banner/InfoBanner.stories.d.ts +0 -16
  118. package/label/Label.stories.d.ts +0 -10
  119. package/layout/Layout.stories.d.ts +0 -9
  120. package/link/Link.stories.d.ts +0 -14
  121. package/link-button/LinkButton.stories.d.ts +0 -13
  122. package/list-box/ListBox.stories.d.ts +0 -24
  123. package/logo/Logo.stories.d.ts +0 -7
  124. package/menu/Menu.stories.d.ts +0 -35
  125. package/modal/Modal.stories.d.ts +0 -15
  126. package/popover/Popover.stories.d.ts +0 -18
  127. package/progress-bar/ProgressBar.stories.d.ts +0 -18
  128. package/radio/Radio.stories.d.ts +0 -110
  129. package/radio/RadioGroup.stories.d.ts +0 -27
  130. package/search-field/SearchField.stories.d.ts +0 -34
  131. package/select/Select.stories.d.ts +0 -53
  132. package/skeleton/Skeleton.Form.stories.d.ts +0 -20
  133. package/skeleton/Skeleton.stories.d.ts +0 -10
  134. package/spinner/Spinner.stories.d.ts +0 -20
  135. package/stack/Stack.stories.d.ts +0 -24
  136. package/table/Table.stories.d.ts +0 -39
  137. package/tabs/Tabs.stories.d.ts +0 -31
  138. package/tag/Tag.stories.d.ts +0 -17
  139. package/text/Text.stories.d.ts +0 -10
  140. package/textfield/TextArea.stories.d.ts +0 -365
  141. package/textfield/TextField.stories.d.ts +0 -39
  142. package/time-field/TimeField.stories.d.ts +0 -37
  143. package/toast/Toast.stories.d.ts +0 -24
  144. package/tooltip/Tooltip.stories.d.ts +0 -26
@@ -1,5 +1,5 @@
1
- import { t as e } from "./clsx-Di52oYUU.js";
2
- import { t } from "./label-Dw5p84T2.js";
1
+ import { t as e } from "./clsx-DAqHMl_k.js";
2
+ import { t } from "./label-pGlER0ro.js";
3
3
  import "react";
4
4
  import { ProgressBar as n } from "react-aria-components";
5
5
  import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
@@ -1,7 +1,7 @@
1
- import { t as e } from "./clsx-Di52oYUU.js";
2
- import { n as t, t as n } from "./label-Dw5p84T2.js";
3
- import { t as r } from "./text-DwmZ-ew8.js";
4
- import { t as i } from "./field-error-LtNtEKDp.js";
1
+ import { t as e } from "./clsx-DAqHMl_k.js";
2
+ import { n as t, t as n } from "./label-pGlER0ro.js";
3
+ import { t as r } from "./text-DnvD4Cjc.js";
4
+ import { t as i } from "./field-error-BHoPnRe4.js";
5
5
  import { t as a } from "./splitDataAttributes-_JTFOOIb.js";
6
6
  import { Group as o, RadioButton as s, RadioField as c, RadioGroup as l, composeRenderProps as u } from "react-aria-components";
7
7
  import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
@@ -1,10 +1,10 @@
1
1
  'use client';
2
- import { t as e } from "./clsx-Di52oYUU.js";
2
+ import { t as e } from "./clsx-DAqHMl_k.js";
3
3
  import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
4
- import { n } from "./button-C-WkFek9.js";
5
- import { n as r, t as i } from "./label-Dw5p84T2.js";
6
- import { t as a } from "./text-DwmZ-ew8.js";
7
- import { t as o } from "./field-error-LtNtEKDp.js";
4
+ import { n } from "./button-dpe6hXmI.js";
5
+ import { n as r, t as i } from "./label-pGlER0ro.js";
6
+ import { t as a } from "./text-DnvD4Cjc.js";
7
+ import { t as o } from "./field-error-BHoPnRe4.js";
8
8
  import { t as s } from "./TextField.module-BLGiCC4q.js";
9
9
  import { FormContext as c, Input as l, SearchField as u, useSlottedContext as d } from "react-aria-components";
10
10
  import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
@@ -1,13 +1,14 @@
1
- import { n as e, t } from "./clsx-Di52oYUU.js";
2
- import { t as n } from "./useLocalizedStringFormatter-CeyBc0x0.js";
3
- import { n as r, t as i } from "./label-Dw5p84T2.js";
4
- import { t as a } from "./popover-DGcogqbS.js";
5
- import { t as o } from "./text-DwmZ-ew8.js";
6
- import { t as s } from "./field-error-LtNtEKDp.js";
7
- import { n as c } from "./checkbox-DiFQy3MS.js";
8
- import { c as l } from "./list-box-DmEoMvX1.js";
9
- import { n as u, r as d, t as f } from "./tag-RjuYlFZI.js";
10
- import p, { useContext as m } from "react";
1
+ import { t as e } from "./clsx-DAqHMl_k.js";
2
+ import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
3
+ import { n, t as r } from "./label-pGlER0ro.js";
4
+ import { t as i } from "./popover-B82BcP5n.js";
5
+ import { t as a } from "./text-DnvD4Cjc.js";
6
+ import { t as o } from "./field-error-BHoPnRe4.js";
7
+ import { n as s } from "./checkbox-B1RWLsu9.js";
8
+ import { c } from "./list-box-BzBJX0nP.js";
9
+ import { n as l, r as u, t as d } from "./tag-BEawJnJm.js";
10
+ import f, { useContext as p } from "react";
11
+ import m from "clsx";
11
12
  import { Button as h, Select as g, SelectStateContext as _, SelectValue as v } from "react-aria-components";
12
13
  import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
13
14
  import { ChevronDown as S, X as C } from "lucide-react";
@@ -42,8 +43,8 @@ import '../assets/select.css';var E = {
42
43
  selectAll: "_selectAll_140qh_250",
43
44
  tagGroup: "_tagGroup_140qh_316"
44
45
  }, O = () => {
45
- let e = p.useContext(_), t = n(E);
46
- return /* @__PURE__ */ b(c, {
46
+ let e = f.useContext(_), n = t(E);
47
+ return /* @__PURE__ */ b(s, {
47
48
  className: D.selectAll,
48
49
  isIndeterminate: !e?.selectionManager.isSelectAll && !e?.selectionManager.isEmpty,
49
50
  isSelected: e?.selectionManager.isSelectAll,
@@ -52,10 +53,10 @@ import '../assets/select.css';var E = {
52
53
  let t = Array.from(e.collection.getKeys()).filter((t) => e.collection.getItem(t)?.type === "item" && e.selectionManager.canSelectItem(t)), n = Array.from(e.selectionManager.selectedKeys).filter((t) => !e.selectionManager.canSelectItem(t));
53
54
  e.setValue(e.selectionManager.isSelectAll ? n : [...t, ...n]), e.commitValidation();
54
55
  },
55
- children: t.format("selectAll")
56
+ children: n.format("selectAll")
56
57
  });
57
58
  }, k = ({ isDisabled: e }) => {
58
- let t = n(E), r = (e, n) => e.length === 1 ? n : `${e.length} ${t.format("selected")}`;
59
+ let n = t(E), r = (e, t) => e.length === 1 ? t : `${e.length} ${n.format("selected")}`;
59
60
  return /* @__PURE__ */ b(v, {
60
61
  className: D.multiSelectValue,
61
62
  "data-disabled": e || void 0,
@@ -69,12 +70,12 @@ import '../assets/select.css';var E = {
69
70
  })
70
71
  });
71
72
  }, A = ({ isDisabled: e }) => {
72
- let t = p.useContext(_), r = n(E), i = T();
73
+ let n = f.useContext(_), r = t(E), i = T();
73
74
  return /* @__PURE__ */ b(h, {
74
75
  "aria-label": r.format("clearAll"),
75
76
  className: D.clearButton,
76
77
  onPress: () => {
77
- i?.focusFirst(), t?.selectionManager.clearSelection();
78
+ i?.focusFirst(), n?.selectionManager.clearSelection();
78
79
  },
79
80
  slot: null,
80
81
  isDisabled: e,
@@ -83,42 +84,42 @@ import '../assets/select.css';var E = {
83
84
  height: 20
84
85
  })
85
86
  });
86
- }, j = ({ showTags: e, isDisabled: t }) => {
87
- let r = n(E), i = m(_);
88
- return !i?.selectedItems.length || !e ? null : /* @__PURE__ */ b(f, {
87
+ }, j = ({ showTags: e, isDisabled: n }) => {
88
+ let r = t(E), i = p(_);
89
+ return !i?.selectedItems.length || !e ? null : /* @__PURE__ */ b(d, {
89
90
  "aria-label": r.format("selectedItems"),
90
91
  className: D.tagGroup,
91
92
  onRemove: (e) => {
92
93
  i?.selectionManager.toggleSelection(Array.from(e)[0]);
93
94
  },
94
95
  selectionBehavior: "toggle",
95
- children: /* @__PURE__ */ b(u, {
96
+ children: /* @__PURE__ */ b(l, {
96
97
  items: i.selectedItems,
97
- children: (e) => /* @__PURE__ */ b(d, {
98
+ children: (e) => /* @__PURE__ */ b(u, {
98
99
  isDismissable: !0,
99
100
  id: e.key,
100
- isDisabled: t,
101
+ isDisabled: n,
101
102
  textValue: e.textValue,
102
103
  children: e.textValue
103
104
  }, e.key)
104
105
  })
105
106
  });
106
- }, M = ({ isDisabled: t, selectionMode: n, size: r }) => {
107
- let i = m(_);
107
+ }, M = ({ isDisabled: e, selectionMode: t, size: n }) => {
108
+ let r = p(_);
108
109
  return /* @__PURE__ */ x(h, {
109
- className: e({
110
- [D.medium]: r === "medium",
111
- [D.small]: r === "small"
110
+ className: m({
111
+ [D.medium]: n === "medium",
112
+ [D.small]: n === "small"
112
113
  }, D.trigger),
113
- "data-invalid": !!i?.displayValidation.isInvalid || void 0,
114
+ "data-invalid": !!r?.displayValidation.isInvalid || void 0,
114
115
  children: [/* @__PURE__ */ b(v, {
115
116
  className: D.selectValue,
116
- "data-disabled": t || void 0,
117
- children: ({ selectedText: e, defaultChildren: t }) => /* @__PURE__ */ b("div", {
117
+ "data-disabled": e || void 0,
118
+ children: ({ selectedText: e, defaultChildren: n }) => /* @__PURE__ */ b("div", {
118
119
  className: D.placeholder,
119
120
  children: /* @__PURE__ */ b("span", {
120
121
  className: D.truncate,
121
- children: n === "multiple" && e ? null : e || t
122
+ children: t === "multiple" && e ? null : e || n
122
123
  })
123
124
  })
124
125
  }), /* @__PURE__ */ b("span", {
@@ -130,23 +131,23 @@ import '../assets/select.css';var E = {
130
131
  };
131
132
  //#endregion
132
133
  //#region src/select/Select.tsx
133
- function N({ children: e, description: n, errorMessage: c, errorPosition: u = "top", items: d, label: f, popover: p, popoverProps: m, listBoxProps: h, size: _ = "large", ...v }) {
134
+ function N({ children: t, description: s, errorMessage: l, errorPosition: u = "top", items: d, label: f, popover: p, popoverProps: m, listBoxProps: h, size: _ = "large", ...v }) {
134
135
  return /* @__PURE__ */ b(w, { children: /* @__PURE__ */ x(g, {
135
136
  ...v,
136
- className: t(v.className, D.select),
137
+ className: e(v.className, D.select),
137
138
  children: [
138
- /* @__PURE__ */ b(r, {
139
+ /* @__PURE__ */ b(n, {
139
140
  popover: p,
140
- children: f && /* @__PURE__ */ b(i, {
141
+ children: f && /* @__PURE__ */ b(r, {
141
142
  "data-disabled": v.isDisabled || void 0,
142
143
  children: f
143
144
  })
144
145
  }),
145
- n && /* @__PURE__ */ b(o, {
146
+ s && /* @__PURE__ */ b(a, {
146
147
  slot: "description",
147
- children: n
148
+ children: s
148
149
  }),
149
- u === "top" && /* @__PURE__ */ b(s, { children: c }),
150
+ u === "top" && /* @__PURE__ */ b(o, { children: l }),
150
151
  /* @__PURE__ */ x("div", {
151
152
  className: D.triggerContainer,
152
153
  "data-disabled": v.isDisabled || void 0,
@@ -155,17 +156,17 @@ function N({ children: e, description: n, errorMessage: c, errorPosition: u = "t
155
156
  ...v
156
157
  }), v.selectionMode === "multiple" ? /* @__PURE__ */ b(k, { ...v }) : null]
157
158
  }),
158
- u === "bottom" && /* @__PURE__ */ b(s, { children: c }),
159
- /* @__PURE__ */ x(a, {
159
+ u === "bottom" && /* @__PURE__ */ b(o, { children: l }),
160
+ /* @__PURE__ */ x(i, {
160
161
  offset: 1,
161
162
  hideArrow: !0,
162
163
  ...m,
163
- className: t(m?.className, D.popover),
164
- children: [v.isSelectableAll && /* @__PURE__ */ b(O, {}), /* @__PURE__ */ b(l, {
164
+ className: e(m?.className, D.popover),
165
+ children: [v.isSelectableAll && /* @__PURE__ */ b(O, {}), /* @__PURE__ */ b(c, {
165
166
  escapeKeyBehavior: "none",
166
167
  items: d,
167
168
  ...h,
168
- children: e
169
+ children: t
169
170
  })]
170
171
  }),
171
172
  /* @__PURE__ */ b(j, { ...v })
@@ -1,4 +1,4 @@
1
- import { t as e } from "./clsx-Di52oYUU.js";
1
+ import { t as e } from "./clsx-DAqHMl_k.js";
2
2
  import "react";
3
3
  import { jsx as t, jsxs as n } from "react/jsx-runtime";
4
4
  import '../assets/skeleton.css';var r = {
@@ -1,4 +1,4 @@
1
- import { t as e } from "./clsx-Di52oYUU.js";
1
+ import { t as e } from "./clsx-DAqHMl_k.js";
2
2
  import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
3
3
  import { jsx as n, jsxs as r } from "react/jsx-runtime";
4
4
  import { LoaderCircle as i } from "lucide-react";
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- import { t as e } from "./clsx-Di52oYUU.js";
2
+ import { t as e } from "./clsx-DAqHMl_k.js";
3
3
  import * as t from "react";
4
4
  import { jsx as n } from "react/jsx-runtime";
5
5
  import '../assets/stack.css';var r = { stack: "_stack_1g0ly_7" }, i = t.forwardRef(({ children: t, elementType: i = "div", direction: a = "column", spacing: o = "small", alignItems: s = "stretch", justifyContent: c = "start", wrap: l = !1, className: u, role: d, ...f }, p) => {
@@ -1,6 +1,6 @@
1
1
  'use client';
2
- import { t as e } from "./clsx-Di52oYUU.js";
3
- import { n as t } from "./checkbox-DiFQy3MS.js";
2
+ import { t as e } from "./clsx-DAqHMl_k.js";
3
+ import { n as t } from "./checkbox-B1RWLsu9.js";
4
4
  import { Button as n, Cell as r, Collection as i, Column as a, Row as o, Table as s, TableBody as c, TableHeader as l, useTableOptions as u } from "react-aria-components";
5
5
  import { Fragment as d, jsx as f, jsxs as p } from "react/jsx-runtime";
6
6
  import { ArrowDown as m, ArrowUp as h, ArrowUpDown as g, GripVertical as _ } from "lucide-react";
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- import { t as e } from "./clsx-Di52oYUU.js";
2
+ import { t as e } from "./clsx-DAqHMl_k.js";
3
3
  import * as t from "react";
4
4
  import { createContext as n } from "react";
5
5
  import { DialogContext as r, SelectionIndicator as i, Tab as a, TabList as o, TabPanel as s, Tabs as c, composeRenderProps as l } from "react-aria-components";
@@ -1,5 +1,5 @@
1
- import { t as e } from "./clsx-Di52oYUU.js";
2
- import { n as t } from "./button-C-WkFek9.js";
1
+ import { t as e } from "./clsx-DAqHMl_k.js";
2
+ import { n as t } from "./button-dpe6hXmI.js";
3
3
  import { Children as n, forwardRef as r, isValidElement as i } from "react";
4
4
  import { Tag as a, TagGroup as o, TagGroupContext as s, TagList as c, TagListContext as l, composeRenderProps as u, useContextProps as d } from "react-aria-components";
5
5
  import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import { t as e } from "./clsx-Di52oYUU.js";
1
+ import { t as e } from "./clsx-DAqHMl_k.js";
2
2
  import "react";
3
3
  import { Text as t } from "react-aria-components";
4
4
  import { jsx as n } from "react/jsx-runtime";
@@ -0,0 +1,113 @@
1
+ 'use client';
2
+ import { t as e } from "./clsx-DAqHMl_k.js";
3
+ import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
4
+ import { n } from "./button-dpe6hXmI.js";
5
+ import { n as r, t as i } from "./label-pGlER0ro.js";
6
+ import { t as a } from "./text-DnvD4Cjc.js";
7
+ import { t as o } from "./field-error-BHoPnRe4.js";
8
+ import { t as s } from "./character-counter-CSoVSrxZ.js";
9
+ import { t as c } from "./TextField.module-BLGiCC4q.js";
10
+ import { forwardRef as l, useState as u } from "react";
11
+ import { clsx as d } from "clsx";
12
+ import { Input as f, InputContext as p, TextArea as m, TextField as h, TextFieldContext as g, useContextProps as _ } from "react-aria-components";
13
+ import { jsx as v, jsxs as y } from "react/jsx-runtime";
14
+ //#region src/textfield/TextFieldBase.tsx
15
+ var b = l((e, t) => {
16
+ [e] = _(e, t, g);
17
+ let { label: n, description: l, errorMessage: u, showCounter: f, errorPosition: p = "top", size: m = "large", popover: b, children: x } = e;
18
+ return /* @__PURE__ */ y(h, {
19
+ ...e,
20
+ className: d(c.textField, { [c.medium]: m === "medium" }),
21
+ children: [
22
+ /* @__PURE__ */ v(r, {
23
+ popover: b,
24
+ children: n && /* @__PURE__ */ v(i, { children: n })
25
+ }),
26
+ l && /* @__PURE__ */ v(a, {
27
+ slot: "description",
28
+ children: l
29
+ }),
30
+ f && /* @__PURE__ */ v(s, { isLonely: !l }),
31
+ p === "top" && /* @__PURE__ */ v(o, {
32
+ "data-testid": "fieldError",
33
+ children: u
34
+ }),
35
+ x,
36
+ p === "bottom" && /* @__PURE__ */ v(o, {
37
+ "data-testid": "fieldError",
38
+ className: c.bottomError,
39
+ children: u
40
+ })
41
+ ]
42
+ });
43
+ });
44
+ b.displayName = "TextFieldBase";
45
+ var x = {
46
+ en: {
47
+ hide: "Hide",
48
+ show: "Show",
49
+ showPassword: "Show password"
50
+ },
51
+ sv: {
52
+ hide: "Dölj",
53
+ show: "Visa",
54
+ showPassword: "Visa lösenord"
55
+ }
56
+ }, S = ({ showPassword: e, onToggle: r }) => {
57
+ let i = t(x);
58
+ return /* @__PURE__ */ v(n, {
59
+ "aria-label": i.format("showPassword"),
60
+ "aria-pressed": e,
61
+ variant: "tertiary",
62
+ onPress: r,
63
+ className: c.passwordButton,
64
+ children: e ? i.format("hide") : i.format("show")
65
+ });
66
+ }, C = l(({ skipContext: t = !1, ...n }, r) => {
67
+ let [i, a] = _(n, r, p), o = t ? r : a, s = t ? n : i, l = s.type === "password", [d, m] = u(!1);
68
+ return /* @__PURE__ */ y("div", {
69
+ className: c.wrap,
70
+ children: [/* @__PURE__ */ v(f, {
71
+ ...s,
72
+ ref: o,
73
+ type: l && d ? "text" : s.type,
74
+ className: e(c.input, s.className)
75
+ }), l && /* @__PURE__ */ v(S, {
76
+ showPassword: d,
77
+ onToggle: () => m((e) => !e)
78
+ })]
79
+ });
80
+ });
81
+ C.displayName = "Input";
82
+ //#endregion
83
+ //#region src/textfield/TextField.tsx
84
+ var w = l(({ className: t, list: n, type: r, min: i, max: a, form: o, ...s }, c) => /* @__PURE__ */ v(b, {
85
+ ...s,
86
+ children: /* @__PURE__ */ v(C, {
87
+ className: e(t),
88
+ form: o,
89
+ list: n,
90
+ min: i,
91
+ max: a,
92
+ ref: c,
93
+ type: r,
94
+ skipContext: !0
95
+ })
96
+ }));
97
+ w.displayName = "TextField";
98
+ //#endregion
99
+ //#region src/textfield/TextArea.tsx
100
+ var T = l(({ className: t, cols: n, form: r, rows: i, wrap: a, ...o }, s) => /* @__PURE__ */ v(b, {
101
+ ...o,
102
+ children: /* @__PURE__ */ v(m, {
103
+ className: e(c.textArea, t),
104
+ cols: n,
105
+ form: r,
106
+ ref: s,
107
+ rows: i,
108
+ wrap: a
109
+ })
110
+ }));
111
+ T.displayName = "TextArea";
112
+ //#endregion
113
+ export { b as i, w as n, C as r, T as t };
@@ -1,10 +1,10 @@
1
- import { t as e } from "./clsx-Di52oYUU.js";
1
+ import { t as e } from "./clsx-DAqHMl_k.js";
2
2
  import { t } from "./useLocalizedStringFormatter-CeyBc0x0.js";
3
- import { n, t as r } from "./label-Dw5p84T2.js";
4
- import { t as i } from "./text-DwmZ-ew8.js";
5
- import { t as a } from "./field-error-LtNtEKDp.js";
6
- import { t as o } from "./clear-button-Bv0YGBNG.js";
7
- import { n as s, r as c } from "./date-field-CPpWZqws.js";
3
+ import { n, t as r } from "./label-pGlER0ro.js";
4
+ import { t as i } from "./text-DnvD4Cjc.js";
5
+ import { t as a } from "./field-error-BHoPnRe4.js";
6
+ import { t as o } from "./clear-button-DWtOkhCH.js";
7
+ import { n as s, r as c } from "./date-field-D5QLfSD_.js";
8
8
  import * as l from "react";
9
9
  import { TimeField as u, TimeFieldStateContext as d } from "react-aria-components";
10
10
  import { jsx as f, jsxs as p } from "react/jsx-runtime";
@@ -1,6 +1,6 @@
1
1
  'use client';
2
- import { t as e } from "./clsx-Di52oYUU.js";
3
- import { n as t } from "./button-C-WkFek9.js";
2
+ import { t as e } from "./clsx-DAqHMl_k.js";
3
+ import { n as t } from "./button-dpe6hXmI.js";
4
4
  import { t as n } from "./FeedbackStatusIcon-DvMDGBGL.js";
5
5
  import r from "react";
6
6
  import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
@@ -1,4 +1,4 @@
1
- import { t as e } from "./clsx-Di52oYUU.js";
1
+ import { t as e } from "./clsx-DAqHMl_k.js";
2
2
  import { t } from "./Button.module-0C2ArlRs.js";
3
3
  import "react";
4
4
  import { ToggleButton as n, ToggleButtonGroup as r } from "react-aria-components";
@@ -1,4 +1,4 @@
1
- import { t as e } from "./clsx-Di52oYUU.js";
1
+ import { t as e } from "./clsx-DAqHMl_k.js";
2
2
  import "react";
3
3
  import { OverlayArrow as t, Tooltip as n, TooltipTrigger as r } from "react-aria-components";
4
4
  import { Fragment as i, jsx as a, jsxs as o } from "react/jsx-runtime";
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/clear-button-Bv0YGBNG.js";
1
+ import { t as e } from "../chunks/clear-button-DWtOkhCH.js";
2
2
  export { e as ClearButton };
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../chunks/color-scheme-switch-0axiBsna.js";
1
+ import { n as e, t } from "../chunks/color-scheme-switch-DVyIszaD.js";
2
2
  export { e as ColorSchemeSwitch, t as ColorSchemeSwitchMenu };
package/combobox/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/combobox-DkZbA3o4.js";
1
+ import { t as e } from "../chunks/combobox-BLAVO2ax.js";
2
2
  export { e as ComboBox };
@@ -1,2 +1,2 @@
1
- import { i as e, n as t, r as n, t as r } from "../chunks/date-field-CPpWZqws.js";
1
+ import { i as e, n as t, r as n, t as r } from "../chunks/date-field-D5QLfSD_.js";
2
2
  export { e as DateField, t as DateInput, r as DateInputDivider, n as DateSegment };
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../chunks/date-picker-DQ7vCG5-.js";
1
+ import { n as e, t } from "../chunks/date-picker-BWSHiwIN.js";
2
2
  export { e as DatePicker, t as DateRangePicker };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/drop-zone-DH3ZyHsr.js";
1
+ import { t as e } from "../chunks/drop-zone-DNhEbH4w.js";
2
2
  export { e as DropZone };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/field-error-LtNtEKDp.js";
1
+ import { t as e } from "../chunks/field-error-BHoPnRe4.js";
2
2
  export { e as FieldError };
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../chunks/file-list-D8Zc1aYS.js";
1
+ import { n as e, t } from "../chunks/file-list-Ntos8dkG.js";
2
2
  export { e as FileList, t as FileListItem };
package/grid/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import { n as e, t } from "../chunks/grid-Cn_8RSvj.js";
1
+ import { n as e, t } from "../chunks/grid-BR68fpvW.js";
2
2
  export { e as Grid, t as GridItem };
package/heading/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/heading-BEl_z-5T.js";
1
+ import { t as e } from "../chunks/heading-DcOjYrUM.js";
2
2
  export { e as Heading };
package/index.js CHANGED
@@ -1,52 +1,52 @@
1
1
  'use client';
2
2
  "use client";
3
- import { n as e, t } from "./chunks/accordion-BzmYSOS3.js";
4
- import { t as n } from "./chunks/clsx-Di52oYUU.js";
5
- import { t as r } from "./chunks/spinner-COGZlDJB.js";
3
+ import { n as e, t } from "./chunks/accordion-DlVM6IKH.js";
4
+ import { t as n } from "./chunks/clsx-DAqHMl_k.js";
5
+ import { t as r } from "./chunks/spinner-CIjfJeGm.js";
6
6
  import { t as i } from "./chunks/useLocalizedStringFormatter-CeyBc0x0.js";
7
- import { n as a, t as o } from "./chunks/button-C-WkFek9.js";
8
- import { t as s } from "./chunks/heading-BEl_z-5T.js";
9
- import { n as c, t as l } from "./chunks/badge-BfK6XrlL.js";
10
- import { n as u, t as d } from "./chunks/breadcrumbs-DV0ZJc62.js";
11
- import { n as f, t as p } from "./chunks/calendar-Bt1FLxqr.js";
12
- import { t as m } from "./chunks/label-Dw5p84T2.js";
13
- import { t as h } from "./chunks/popover-DGcogqbS.js";
14
- import { n as g, r as _, t as v } from "./chunks/modal-B_uSoXZM.js";
15
- import { t as y } from "./chunks/text-DwmZ-ew8.js";
16
- import { t as b } from "./chunks/field-error-LtNtEKDp.js";
17
- import { i as x, n as S, r as C, t as w } from "./chunks/checkbox-DiFQy3MS.js";
18
- import { n as T, t as E } from "./chunks/select-Wy6NakdH.js";
19
- import { a as D, c as O, i as k, n as A, o as j, r as M, s as N, t as P } from "./chunks/list-box-DmEoMvX1.js";
20
- import { n as F, r as I, t as L } from "./chunks/tag-RjuYlFZI.js";
21
- import { a as R, c as z, i as B, l as V, n as H, o as U, r as W, s as G, t as K } from "./chunks/card-CdH2UMUW.js";
7
+ import { n as a, t as o } from "./chunks/button-dpe6hXmI.js";
8
+ import { t as s } from "./chunks/heading-DcOjYrUM.js";
9
+ import { n as c, t as l } from "./chunks/badge-C4bXJmhn.js";
10
+ import { n as u, t as d } from "./chunks/breadcrumbs-BGnyY3bO.js";
11
+ import { n as f, t as p } from "./chunks/calendar-BnT8aqrk.js";
12
+ import { t as m } from "./chunks/label-pGlER0ro.js";
13
+ import { t as h } from "./chunks/popover-B82BcP5n.js";
14
+ import { n as g, r as _, t as v } from "./chunks/modal-C8rs1jfL.js";
15
+ import { t as y } from "./chunks/text-DnvD4Cjc.js";
16
+ import { t as b } from "./chunks/field-error-BHoPnRe4.js";
17
+ import { i as x, n as S, r as C, t as w } from "./chunks/checkbox-B1RWLsu9.js";
18
+ import { n as T, t as E } from "./chunks/select-CuKVJ1x9.js";
19
+ import { a as D, c as O, i as k, n as A, o as j, r as M, s as N, t as P } from "./chunks/list-box-BzBJX0nP.js";
20
+ import { n as F, r as I, t as L } from "./chunks/tag-BEawJnJm.js";
21
+ import { a as R, c as z, i as B, l as V, n as H, o as U, r as W, s as G, t as K } from "./chunks/card-C0S9Kyi2.js";
22
22
  import { t as q } from "./chunks/character-counter-CSoVSrxZ.js";
23
23
  import { t as J } from "./chunks/icons-UBHIX2oV.js";
24
- import { n as Y, t as X } from "./chunks/toggle-button-CIvsOXQf.js";
25
- import { n as Z, t as Q } from "./chunks/color-scheme-switch-0axiBsna.js";
26
- import { a as $, i as ee, n as te, o as ne, r as re, t as ie } from "./chunks/menu-CP0Xvmx0.js";
27
- import { t as ae } from "./chunks/combobox-DkZbA3o4.js";
28
- import { i as oe, n as se, r as ce, t as le } from "./chunks/date-field-CPpWZqws.js";
29
- import { n as ue, t as de } from "./chunks/date-picker-DQ7vCG5-.js";
30
- import { t as fe } from "./chunks/drop-zone-DH3ZyHsr.js";
31
- import { n as pe, t as me } from "./chunks/file-list-D8Zc1aYS.js";
32
- import { t as he } from "./chunks/progress-bar-BfFxpqUv.js";
24
+ import { n as Y, t as X } from "./chunks/toggle-button-DD_bXanH.js";
25
+ import { n as Z, t as Q } from "./chunks/color-scheme-switch-DVyIszaD.js";
26
+ import { a as $, i as ee, n as te, o as ne, r as re, t as ie } from "./chunks/menu-DbQ98noD.js";
27
+ import { t as ae } from "./chunks/combobox-BLAVO2ax.js";
28
+ import { i as oe, n as se, r as ce, t as le } from "./chunks/date-field-D5QLfSD_.js";
29
+ import { n as ue, t as de } from "./chunks/date-picker-BWSHiwIN.js";
30
+ import { t as fe } from "./chunks/drop-zone-DNhEbH4w.js";
31
+ import { n as pe, t as me } from "./chunks/file-list-Ntos8dkG.js";
32
+ import { t as he } from "./chunks/progress-bar-S6GNHQRZ.js";
33
33
  import { t as ge } from "./chunks/file-trigger-Dp5nH8oS.js";
34
- import { n as _e, t as ve } from "./chunks/grid-Cn_8RSvj.js";
35
- import { t as ye } from "./chunks/info-banner-BVKtmVKN.js";
36
- import { a as be, i as xe, n as Se, r as Ce, t as we } from "./chunks/layout-CUAjEEuH.js";
37
- import { n as Te, t as Ee } from "./chunks/tooltip-BkesIUIF.js";
38
- import { n as De, t as Oe } from "./chunks/logo-DyZ2pXt7.js";
39
- import { n as ke, t as Ae } from "./chunks/link-DHu1cTmz.js";
40
- import { t as je } from "./chunks/link-button-DYg_0p4Y.js";
41
- import { i as Me, n as Ne, r as Pe, t as Fe } from "./chunks/radio-_z6ObjYx.js";
42
- import { t as Ie } from "./chunks/search-field-Cp_HHDl4.js";
43
- import { t as Le } from "./chunks/skeleton-B_BPRPJy.js";
44
- import { t as Re } from "./chunks/stack-LF3ExhH9.js";
45
- import { a as ze, i as Be, n as Ve, o as He, r as Ue, t as We } from "./chunks/table-O_Y45Sb7.js";
46
- import { i as Ge, n as Ke, r as qe, t as Je } from "./chunks/tabs-Co09VWvC.js";
47
- import { i as Ye, n as Xe, r as Ze, t as Qe } from "./chunks/textfield-Bu0Hg2pJ.js";
48
- import { t as $e } from "./chunks/time-field-Cnp-dYhm.js";
49
- import { a as et, i as tt, n as nt, o as rt, r as it, t as at } from "./chunks/toast-Dg3fVjSS.js";
34
+ import { n as _e, t as ve } from "./chunks/grid-BR68fpvW.js";
35
+ import { t as ye } from "./chunks/info-banner-DXjPEG69.js";
36
+ import { a as be, i as xe, n as Se, r as Ce, t as we } from "./chunks/layout-Bue2Lkbc.js";
37
+ import { n as Te, t as Ee } from "./chunks/tooltip-1GBTeMrm.js";
38
+ import { n as De, t as Oe } from "./chunks/logo-DSJ1bUJZ.js";
39
+ import { n as ke, t as Ae } from "./chunks/link-B76JDA2N.js";
40
+ import { t as je } from "./chunks/link-button-BeXxC22w.js";
41
+ import { i as Me, n as Ne, r as Pe, t as Fe } from "./chunks/radio-uAtTm38S.js";
42
+ import { t as Ie } from "./chunks/search-field-Bx3JApAJ.js";
43
+ import { t as Le } from "./chunks/skeleton-R_3dS7Ro.js";
44
+ import { t as Re } from "./chunks/stack-BAHKom_Q.js";
45
+ import { a as ze, i as Be, n as Ve, o as He, r as Ue, t as We } from "./chunks/table-DDTeIVh8.js";
46
+ import { i as Ge, n as Ke, r as qe, t as Je } from "./chunks/tabs-owuRVJ3N.js";
47
+ import { i as Ye, n as Xe, r as Ze, t as Qe } from "./chunks/textfield-G6u6RJD5.js";
48
+ import { t as $e } from "./chunks/time-field-Mm1iDLzS.js";
49
+ import { a as et, i as tt, n as nt, o as rt, r as it, t as at } from "./chunks/toast-DZuvVRD_.js";
50
50
  //#endregion
51
51
  //#region src/version.ts
52
52
  var ot = {
@@ -61,7 +61,7 @@ var ot = {
61
61
  description: "Midas Components",
62
62
  homepage: "https://designsystem.migrationsverket.se/",
63
63
  license: "CC0-1.0",
64
- version: "17.30.0",
64
+ version: "17.30.2",
65
65
  module: "./index.js",
66
66
  type: "module",
67
67
  main: "./index.js",
@@ -85,9 +85,10 @@ var ot = {
85
85
  },
86
86
  dependencies: {
87
87
  "@internationalized/string": "^3.2.10",
88
- "@midas-ds/theme": "3.17.7",
88
+ "@midas-ds/theme": "3.17.8",
89
89
  "@react-stately/utils": "3.12.1",
90
90
  "lucide-react": ">=0.563.0 <2.0.0",
91
+ clsx: "^2.1.1",
91
92
  "react-aria-components": "1.21.1",
92
93
  "react-aria": "3.52.1",
93
94
  "react-stately": "3.50.0"
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/info-banner-BVKtmVKN.js";
1
+ import { t as e } from "../chunks/info-banner-DXjPEG69.js";
2
2
  export { e as InfoBanner };
package/label/index.js CHANGED
@@ -1,2 +1,2 @@
1
- import { t as e } from "../chunks/label-Dw5p84T2.js";
1
+ import { t as e } from "../chunks/label-pGlER0ro.js";
2
2
  export { e as Label };
@@ -2,8 +2,7 @@ import { LucideIcon } from 'lucide-react';
2
2
  import { Sidebar } from './components/Sidebar';
3
3
  import { Header } from './components/Header';
4
4
  import { SidebarLink } from './components/SidebarLink';
5
- import { Href } from '@react-types/shared';
6
- import { LayoutProvider } from './context/LayoutContext';
5
+ import { Href, LayoutProvider } from './context/LayoutContext';
7
6
  import { Backdrop } from './components/Backdrop';
8
7
  import { Navbar } from './components/Navbar';
9
8
  import { HTMLAttributeAnchorTarget } from 'react';