@recursica/mui-adapter 0.3.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (93) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/mui-adapter.cjs +1 -1
  3. package/dist/mui-adapter.cjs.map +1 -1
  4. package/dist/mui-adapter.css +1 -1
  5. package/dist/mui-adapter.js +216 -178
  6. package/dist/mui-adapter.js.map +1 -1
  7. package/dist/src/components/Autocomplete/Autocomplete.d.ts +3 -0
  8. package/dist/src/components/Autocomplete/index.d.ts +1 -0
  9. package/dist/src/components/Button/Button.d.ts +9 -2
  10. package/dist/src/components/Loader/Loader.d.ts +9 -2
  11. package/dist/src/components/index.d.ts +1 -0
  12. package/package.json +5 -2
  13. package/src/GlobalExemptions.modules.css +13 -0
  14. package/src/components/Accordion/Accordion.module.css +56 -0
  15. package/src/components/Accordion/Accordion.tsx +1 -0
  16. package/src/components/AssistiveElement/AssistiveElement.module.css +20 -0
  17. package/src/components/AssistiveElement/AssistiveElement.tsx +1 -0
  18. package/src/components/Autocomplete/Autocomplete.module.css +47 -0
  19. package/src/components/Autocomplete/Autocomplete.stories.tsx +35 -0
  20. package/src/components/Autocomplete/Autocomplete.tsx +8 -0
  21. package/src/components/Autocomplete/index.ts +1 -0
  22. package/src/components/Avatar/Avatar.module.css +74 -0
  23. package/src/components/Avatar/Avatar.tsx +1 -0
  24. package/src/components/Badge/Badge.module.css +29 -0
  25. package/src/components/Badge/Badge.tsx +1 -0
  26. package/src/components/Breadcrumb/Breadcrumb.module.css +6 -0
  27. package/src/components/Breadcrumb/Breadcrumb.tsx +1 -0
  28. package/src/components/Button/BUTTON_IMPLEMENTATION_NOTES.md +16 -0
  29. package/src/components/Button/Button.module.css +154 -18
  30. package/src/components/Button/Button.stories.tsx +48 -0
  31. package/src/components/Button/Button.tsx +35 -3
  32. package/src/components/Card/Card.module.css +38 -0
  33. package/src/components/Card/Card.tsx +1 -0
  34. package/src/components/Checkbox/Checkbox.module.css +39 -0
  35. package/src/components/Checkbox/Checkbox.tsx +1 -0
  36. package/src/components/Chip/Chip.module.css +51 -0
  37. package/src/components/Chip/Chip.tsx +1 -0
  38. package/src/components/DatePicker/DatePicker.module.css +42 -0
  39. package/src/components/DatePicker/DatePicker.tsx +1 -0
  40. package/src/components/Dropdown/Dropdown.module.css +46 -0
  41. package/src/components/Dropdown/Dropdown.tsx +1 -0
  42. package/src/components/FileInput/FileInput.module.css +47 -0
  43. package/src/components/FileInput/FileInput.tsx +1 -0
  44. package/src/components/FileUpload/FileUpload.module.css +40 -0
  45. package/src/components/FileUpload/FileUpload.tsx +1 -0
  46. package/src/components/HoverCard/HoverCard.module.css +23 -0
  47. package/src/components/HoverCard/HoverCard.tsx +1 -0
  48. package/src/components/Label/Label.module.css +35 -0
  49. package/src/components/Label/Label.tsx +1 -0
  50. package/src/components/Link/Link.module.css +8 -0
  51. package/src/components/Loader/LOADER_IMPLEMENTATION_NOTES.md +25 -0
  52. package/src/components/Loader/Loader.module.css +166 -0
  53. package/src/components/Loader/Loader.stories.tsx +90 -22
  54. package/src/components/Loader/Loader.tsx +69 -5
  55. package/src/components/Menu/Menu.module.css +53 -0
  56. package/src/components/Menu/Menu.tsx +1 -0
  57. package/src/components/Modal/Modal.module.css +36 -0
  58. package/src/components/Modal/Modal.tsx +1 -0
  59. package/src/components/NumberInput/NumberInput.module.css +47 -0
  60. package/src/components/NumberInput/NumberInput.tsx +1 -0
  61. package/src/components/Pagination/Pagination.module.css +81 -0
  62. package/src/components/Pagination/Pagination.tsx +1 -0
  63. package/src/components/Panel/Panel.module.css +38 -0
  64. package/src/components/Panel/Panel.tsx +1 -0
  65. package/src/components/Radio/Radio.module.css +37 -0
  66. package/src/components/Radio/Radio.tsx +1 -0
  67. package/src/components/ReadOnlyField/ReadOnlyField.module.css +16 -0
  68. package/src/components/ReadOnlyField/ReadOnlyField.tsx +1 -0
  69. package/src/components/SegmentedControl/SegmentedControl.module.css +47 -0
  70. package/src/components/SegmentedControl/SegmentedControl.tsx +1 -0
  71. package/src/components/Slider/Slider.module.css +86 -0
  72. package/src/components/Slider/Slider.tsx +1 -0
  73. package/src/components/Stepper/Stepper.module.css +71 -0
  74. package/src/components/Stepper/Stepper.tsx +1 -0
  75. package/src/components/Switch/Switch.module.css +39 -0
  76. package/src/components/Switch/Switch.tsx +1 -0
  77. package/src/components/Tabs/Tabs.module.css +79 -0
  78. package/src/components/Tabs/Tabs.tsx +1 -0
  79. package/src/components/TextArea/TextArea.module.css +37 -0
  80. package/src/components/TextArea/TextArea.tsx +1 -0
  81. package/src/components/TextField/TextField.module.css +47 -0
  82. package/src/components/TextField/TextField.tsx +1 -0
  83. package/src/components/TimePicker/TimePicker.module.css +41 -0
  84. package/src/components/TimePicker/TimePicker.tsx +1 -0
  85. package/src/components/Timeline/Timeline.module.css +78 -0
  86. package/src/components/Timeline/Timeline.tsx +1 -0
  87. package/src/components/Toast/Toast.module.css +32 -0
  88. package/src/components/Toast/Toast.tsx +1 -0
  89. package/src/components/Tooltip/Tooltip.module.css +25 -0
  90. package/src/components/Tooltip/Tooltip.tsx +1 -0
  91. package/src/components/TransferList/TransferList.module.css +38 -0
  92. package/src/components/TransferList/TransferList.tsx +1 -0
  93. package/src/components/index.ts +1 -0
@@ -1,9 +1,9 @@
1
- import { jsx as r, jsxs as L, Fragment as k } from "react/jsx-runtime";
2
- import R, { forwardRef as p, useEffect as F } from "react";
3
- import { Box as N, Button as B, Container as A, Stack as C, Link as W, Typography as E } from "@mui/material";
4
- const se = (e) => /* @__PURE__ */ r("div", { ...e, children: "Accordion" }), ie = (e) => /* @__PURE__ */ r("div", { ...e, children: "AssistiveElement" }), ae = (e) => /* @__PURE__ */ r("div", { ...e, children: "Avatar" }), ce = (e) => /* @__PURE__ */ r("div", { ...e, children: "Badge" }), le = p(function(o, n) {
5
- return /* @__PURE__ */ r(N, { ref: n, ...o });
6
- }), de = (e) => /* @__PURE__ */ r("div", { ...e, children: "Breadcrumb" }), I = [
1
+ import { jsx as r, jsxs as R, Fragment as F } from "react/jsx-runtime";
2
+ import O, { forwardRef as u, useEffect as G } from "react";
3
+ import { Box as A, Button as V, Container as D, Stack as B, Link as M, Typography as U } from "@mui/material";
4
+ const he = (e) => /* @__PURE__ */ r("div", { ...e, children: "Accordion" }), _e = (e) => /* @__PURE__ */ r("div", { ...e, children: "AssistiveElement" }), ye = (e) => /* @__PURE__ */ r("div", { ...e, children: "Autocomplete" }), ve = (e) => /* @__PURE__ */ r("div", { ...e, children: "Avatar" }), be = (e) => /* @__PURE__ */ r("div", { ...e, children: "Badge" }), ge = u(function(t, n) {
5
+ return /* @__PURE__ */ r(A, { ref: n, ...t });
6
+ }), xe = (e) => /* @__PURE__ */ r("div", { ...e, children: "Breadcrumb" }), Y = [
7
7
  "className",
8
8
  "classes",
9
9
  // MUI specific nested class overrides
@@ -32,7 +32,7 @@ const se = (e) => /* @__PURE__ */ r("div", { ...e, children: "Accordion" }), ie
32
32
  "display",
33
33
  "position",
34
34
  "zIndex"
35
- ], w = /* @__PURE__ */ new Set([
35
+ ], j = /* @__PURE__ */ new Set([
36
36
  "m",
37
37
  "my",
38
38
  "mx",
@@ -54,7 +54,7 @@ const se = (e) => /* @__PURE__ */ r("div", { ...e, children: "Accordion" }), ie
54
54
  "left",
55
55
  "bottom",
56
56
  "right"
57
- ]), c = {
57
+ ]), l = {
58
58
  "rec-none": "var(--recursica_brand_dimensions_general_none)",
59
59
  "rec-sm": "var(--recursica_brand_dimensions_general_sm)",
60
60
  "rec-default": "var(--recursica_brand_dimensions_general_default)",
@@ -63,261 +63,299 @@ const se = (e) => /* @__PURE__ */ r("div", { ...e, children: "Accordion" }), ie
63
63
  "rec-xl": "var(--recursica_brand_dimensions_general_xl)",
64
64
  "rec-2xl": "var(--recursica_brand_dimensions_general_2xl)"
65
65
  };
66
- function y(e) {
67
- const o = { ...e };
68
- return "sx" in o && delete o.sx, o;
66
+ function x(e) {
67
+ const t = { ...e };
68
+ return "sx" in t && delete t.sx, t;
69
69
  }
70
- function v(e, o) {
71
- if (o)
70
+ function v(e, t) {
71
+ if (t)
72
72
  return e;
73
73
  const n = { ...e };
74
- for (const t of I)
75
- t in n && delete n[t];
76
- for (const [t, s] of Object.entries(n))
77
- typeof s == "string" && s.startsWith("rec-") && w.has(t) && s in c && (n[t] = c[s]);
74
+ for (const o of Y)
75
+ o in n && delete n[o];
76
+ for (const [o, s] of Object.entries(n))
77
+ typeof s == "string" && s.startsWith("rec-") && j.has(o) && s in l && (n[o] = l[s]);
78
78
  return n;
79
79
  }
80
- const O = "Button-module__root___Q2R8-", z = "Button-module__labelText___rFV5p", G = "Button-module__iconWrapper___uEKPa", f = {
81
- root: O,
82
- labelText: z,
83
- iconWrapper: G
80
+ const H = "Loader-module__root___6iYOP", L = {
81
+ root: H
82
+ }, I = u(function({ variant: t = "oval", size: n = "default", overStyled: o = !1, ...s }, a) {
83
+ const c = {
84
+ sm: "small",
85
+ md: "default",
86
+ lg: "large",
87
+ small: "small",
88
+ default: "default",
89
+ large: "large"
90
+ }[n] || "default", d = v(s, o), p = d.className, f = p ? `${L.root} ${p}` : L.root;
91
+ return /* @__PURE__ */ r(
92
+ "span",
93
+ {
94
+ ref: a,
95
+ "data-variant": t,
96
+ "data-size": c,
97
+ ...d,
98
+ className: f,
99
+ children: t === "bars" || t === "dots" ? /* @__PURE__ */ R(F, { children: [
100
+ /* @__PURE__ */ r("span", {}),
101
+ /* @__PURE__ */ r("span", {}),
102
+ /* @__PURE__ */ r("span", {})
103
+ ] }) : null
104
+ }
105
+ );
106
+ });
107
+ I.displayName = "Loader";
108
+ const K = "Button-module__root___Q2R8-", q = "Button-module__labelText___rFV5p", Q = "Button-module__iconWrapper___uEKPa", _ = {
109
+ root: K,
110
+ labelText: q,
111
+ iconWrapper: Q
84
112
  };
85
- function D(e) {
113
+ function J(e) {
86
114
  return e == null || e === "" ? !1 : typeof e == "string" ? e.trim() !== "" : !0;
87
115
  }
88
- const V = p(
116
+ const X = u(
89
117
  function({
90
- variant: o = "solid",
118
+ variant: t = "solid",
91
119
  size: n = "default",
92
- icon: t,
120
+ icon: o,
93
121
  children: s,
94
- overStyled: i = !1,
95
- ...a
96
- }, d) {
97
- const u = v(a, i), l = u;
98
- delete l.fullWidth, delete l.color;
99
- const m = !!t || !!l.startIcon, $ = !!l.endIcon, x = (m || $) && !D(s);
100
- typeof process < "u" && process.env.NODE_ENV !== "production" && x && !l["aria-label"] && console.warn(
122
+ overStyled: a = !1,
123
+ loaderVariant: i = "oval",
124
+ loaderSize: c,
125
+ useRecursicaLoader: d = !0,
126
+ ...p
127
+ }, f) {
128
+ const b = v(p, a), m = b;
129
+ delete m.fullWidth, delete m.color;
130
+ const N = !!o || !!m.startIcon, C = !!m.endIcon, E = J(s), S = (N || C) && !E;
131
+ let g = "label";
132
+ S ? g = "icon-only" : (N || C) && (g = "icon-label"), typeof process < "u" && process.env.NODE_ENV !== "production" && S && !m["aria-label"] && console.warn(
101
133
  '[Recursica Button] Icon-only buttons must provide an accessible name. Pass aria-label (e.g. aria-label="Submit").'
102
134
  );
103
- const g = l.className, P = g ? `${f.root} ${g}` : f.root;
104
- return /* @__PURE__ */ r(
105
- B,
135
+ const $ = m.className, z = $ ? `${_.root} ${$}` : _.root, w = c ?? (n === "small" ? "small" : "default");
136
+ let P = m.loadingIndicator;
137
+ return d && (P = /* @__PURE__ */ r(I, { variant: i, size: w })), /* @__PURE__ */ r(
138
+ V,
106
139
  {
107
- ref: d,
140
+ ref: f,
108
141
  disableRipple: !0,
109
142
  disableElevation: !0,
110
- className: P,
111
- startIcon: t != null ? /* @__PURE__ */ r("span", { className: f.iconWrapper, "aria-hidden": !0, children: t }) : void 0,
112
- "data-variant": o,
143
+ className: z,
144
+ loading: !!m.loading,
145
+ loadingIndicator: P,
146
+ startIcon: o != null ? /* @__PURE__ */ r("span", { className: _.iconWrapper, "aria-hidden": !0, children: o }) : void 0,
147
+ "data-variant": t,
113
148
  "data-size": n,
114
- ...x ? { "data-icon-only": "" } : {},
115
- ...u,
116
- children: /* @__PURE__ */ r("span", { className: f.labelText, children: s })
149
+ "data-content": g,
150
+ ...m.loading ? { "data-loading": "true" } : {},
151
+ ...b,
152
+ disabled: !!m.disabled || !!m.loading,
153
+ children: /* @__PURE__ */ r("span", { className: _.labelText, children: s })
117
154
  }
118
155
  );
119
156
  }
120
157
  );
121
- V.displayName = "Button";
122
- const ue = (e) => /* @__PURE__ */ r("div", { ...e, children: "Card" }), pe = (e) => /* @__PURE__ */ r("div", { ...e, children: "Checkbox" }), me = (e) => /* @__PURE__ */ r("div", { ...e, children: "Chip" }), M = p(
123
- function({ children: o, size: n, ...t }, s) {
124
- const i = {
158
+ X.displayName = "Button";
159
+ const Te = (e) => /* @__PURE__ */ r("div", { ...e, children: "Card" }), Ne = (e) => /* @__PURE__ */ r("div", { ...e, children: "Checkbox" }), Ce = (e) => /* @__PURE__ */ r("div", { ...e, children: "Chip" }), Z = u(
160
+ function({ children: t, size: n, ...o }, s) {
161
+ const a = {
125
162
  "rec-sm": "sm",
126
163
  "rec-default": "md",
127
164
  "rec-md": "md",
128
165
  "rec-lg": "lg",
129
166
  "rec-xl": "xl",
130
167
  "rec-2xl": "xl"
131
- }, a = typeof n == "string" && i[n] ? i[n] : n;
168
+ }, i = typeof n == "string" && a[n] ? a[n] : n;
132
169
  return /* @__PURE__ */ r(
133
- A,
170
+ D,
134
171
  {
135
172
  ref: s,
136
- maxWidth: a,
137
- ...t,
138
- children: o
173
+ maxWidth: i,
174
+ ...o,
175
+ children: t
139
176
  }
140
177
  );
141
178
  }
142
179
  );
143
- M.displayName = "Container";
144
- const he = (e) => /* @__PURE__ */ r("div", { ...e, children: "DatePicker" }), fe = (e) => /* @__PURE__ */ r("div", { ...e, children: "Dropdown" }), _e = (e) => /* @__PURE__ */ r("div", { ...e, children: "FileInput" }), ye = (e) => /* @__PURE__ */ r("div", { ...e, children: "FileUpload" }), U = p(function({ children: o, gap: n = "rec-default", rowGap: t, columnGap: s, ...i }, a) {
145
- const d = y(i), u = typeof n == "string" && n in c ? c[n] : n, l = typeof t == "string" && t in c ? c[t] : t, m = typeof s == "string" && s in c ? c[s] : s;
180
+ Z.displayName = "Container";
181
+ const Se = (e) => /* @__PURE__ */ r("div", { ...e, children: "DatePicker" }), $e = (e) => /* @__PURE__ */ r("div", { ...e, children: "Dropdown" }), Pe = (e) => /* @__PURE__ */ r("div", { ...e, children: "FileInput" }), Le = (e) => /* @__PURE__ */ r("div", { ...e, children: "FileUpload" }), ee = u(function({ children: t, gap: n = "rec-default", rowGap: o, columnGap: s, ...a }, i) {
182
+ const c = x(a), d = typeof n == "string" && n in l ? l[n] : n, p = typeof o == "string" && o in l ? l[o] : o, f = typeof s == "string" && s in l ? l[s] : s;
146
183
  return /* @__PURE__ */ r(
147
- N,
184
+ A,
148
185
  {
149
- ref: a,
186
+ ref: i,
150
187
  display: "flex",
151
- ...d,
152
- gap: u,
153
- rowGap: l,
154
- columnGap: m,
155
- children: o
188
+ ...c,
189
+ gap: d,
190
+ rowGap: p,
191
+ columnGap: f,
192
+ children: t
156
193
  }
157
194
  );
158
195
  });
159
- U.displayName = "Flex";
160
- const ve = (e) => /* @__PURE__ */ r("div", { ...e, children: "FormControlLayout" }), be = (e) => /* @__PURE__ */ r("div", { ...e, children: "FormControlWrapper" }), j = p(function({ children: o, gap: n = "rec-default", rowGap: t, columnGap: s, ...i }, a) {
161
- const d = y(i), u = typeof n == "string" && n in c ? c[n] : n, l = typeof t == "string" && t in c ? c[t] : t, m = typeof s == "string" && s in c ? c[s] : s;
196
+ ee.displayName = "Flex";
197
+ const ke = (e) => /* @__PURE__ */ r("div", { ...e, children: "FormControlLayout" }), Re = (e) => /* @__PURE__ */ r("div", { ...e, children: "FormControlWrapper" }), re = u(function({ children: t, gap: n = "rec-default", rowGap: o, columnGap: s, ...a }, i) {
198
+ const c = x(a), d = typeof n == "string" && n in l ? l[n] : n, p = typeof o == "string" && o in l ? l[o] : o, f = typeof s == "string" && s in l ? l[s] : s;
162
199
  return /* @__PURE__ */ r(
163
- C,
200
+ B,
164
201
  {
165
- ref: a,
202
+ ref: i,
166
203
  direction: "row",
167
204
  flexWrap: "wrap",
168
- spacing: u,
205
+ spacing: d,
169
206
  sx: {
170
- ...l ? { rowGap: l } : {},
171
- ...m ? { columnGap: m } : {}
207
+ ...p ? { rowGap: p } : {},
208
+ ...f ? { columnGap: f } : {}
172
209
  },
173
- ...d,
174
- children: o
210
+ ...c,
211
+ children: t
175
212
  }
176
213
  );
177
214
  });
178
- j.displayName = "Group";
179
- const xe = (e) => /* @__PURE__ */ r("div", { ...e, children: "HoverCard" }), ge = (e) => /* @__PURE__ */ r("div", { ...e, children: "Label" }), H = "Link-module__root___I0VGE", K = "Link-module__iconWrapper___W-LlF", Y = "Link-module__labelText___wSvUy", _ = {
180
- root: H,
181
- iconWrapper: K,
182
- labelText: Y
183
- }, q = p(function({ icon: o, children: n, overStyled: t = !1, ...s }, i) {
184
- const a = v(s, t), u = a.className, l = u ? `${_.root} ${u}` : _.root;
185
- return /* @__PURE__ */ L(
186
- W,
215
+ re.displayName = "Group";
216
+ const Fe = (e) => /* @__PURE__ */ r("div", { ...e, children: "HoverCard" }), Ae = (e) => /* @__PURE__ */ r("div", { ...e, children: "Label" }), ne = "Link-module__root___I0VGE", te = "Link-module__iconWrapper___W-LlF", oe = "Link-module__labelText___wSvUy", y = {
217
+ root: ne,
218
+ iconWrapper: te,
219
+ labelText: oe
220
+ }, se = u(function({ icon: t, children: n, overStyled: o = !1, ...s }, a) {
221
+ const i = v(s, o), d = i.className, p = d ? `${y.root} ${d}` : y.root;
222
+ return /* @__PURE__ */ R(
223
+ M,
187
224
  {
188
- ref: i,
189
- className: l,
225
+ ref: a,
226
+ className: p,
190
227
  underline: "none",
191
- ...o ? { "data-has-icon": "" } : {},
192
- ...a,
228
+ ...t ? { "data-has-icon": "" } : {},
229
+ ...i,
193
230
  children: [
194
- o && /* @__PURE__ */ r("span", { className: _.iconWrapper, "aria-hidden": !0, children: o }),
195
- /* @__PURE__ */ r("span", { className: _.labelText, children: n })
231
+ t && /* @__PURE__ */ r("span", { className: y.iconWrapper, "aria-hidden": !0, children: t }),
232
+ /* @__PURE__ */ r("span", { className: y.labelText, children: n })
196
233
  ]
197
234
  }
198
235
  );
199
236
  });
200
- q.displayName = "Link";
201
- const Te = (e) => /* @__PURE__ */ r("div", { ...e, children: "Loader" }), Ne = (e) => /* @__PURE__ */ r("div", { ...e, children: "Menu" }), Ce = (e) => /* @__PURE__ */ r("div", { ...e, children: "Modal" }), Se = (e) => /* @__PURE__ */ r("div", { ...e, children: "NumberInput" }), $e = (e) => /* @__PURE__ */ r("div", { ...e, children: "Pagination" }), Pe = (e) => /* @__PURE__ */ r("div", { ...e, children: "Panel" }), Le = (e) => /* @__PURE__ */ r("div", { ...e, children: "Radio" }), ke = (e) => /* @__PURE__ */ r("div", { ...e, children: "ReadOnlyField" }), Re = (e) => /* @__PURE__ */ r("div", { ...e, children: "SegmentedControl" }), Fe = (e) => /* @__PURE__ */ r("div", { ...e, children: "Slider" }), Q = p(function({ children: o, gap: n = "rec-default", ...t }, s) {
202
- const i = y(t), a = typeof n == "string" && n in c ? c[n] : n;
203
- return /* @__PURE__ */ r(C, { ref: s, spacing: a, ...i, children: o });
237
+ se.displayName = "Link";
238
+ const Be = (e) => /* @__PURE__ */ r("div", { ...e, children: "Menu" }), Ie = (e) => /* @__PURE__ */ r("div", { ...e, children: "Modal" }), We = (e) => /* @__PURE__ */ r("div", { ...e, children: "NumberInput" }), Ee = (e) => /* @__PURE__ */ r("div", { ...e, children: "Pagination" }), ze = (e) => /* @__PURE__ */ r("div", { ...e, children: "Panel" }), we = (e) => /* @__PURE__ */ r("div", { ...e, children: "Radio" }), Oe = (e) => /* @__PURE__ */ r("div", { ...e, children: "ReadOnlyField" }), Ge = (e) => /* @__PURE__ */ r("div", { ...e, children: "SegmentedControl" }), Ve = (e) => /* @__PURE__ */ r("div", { ...e, children: "Slider" }), ae = u(function({ children: t, gap: n = "rec-default", ...o }, s) {
239
+ const a = x(o), i = typeof n == "string" && n in l ? l[n] : n;
240
+ return /* @__PURE__ */ r(B, { ref: s, spacing: i, ...a, children: t });
204
241
  });
205
- Q.displayName = "Stack";
206
- const Be = (e) => /* @__PURE__ */ r("div", { ...e, children: "Stepper" }), Ae = (e) => /* @__PURE__ */ r("div", { ...e, children: "Switch" }), We = (e) => /* @__PURE__ */ r("div", { ...e, children: "Table" }), Ee = (e) => /* @__PURE__ */ r("div", { ...e, children: "Tabs" }), b = p(
207
- function({ typographyClass: o, overStyled: n = !1, ...t }, s) {
208
- const i = v(t, n), d = i.className, u = d ? `${o} ${d}` : o;
242
+ ae.displayName = "Stack";
243
+ const De = (e) => /* @__PURE__ */ r("div", { ...e, children: "Stepper" }), Me = (e) => /* @__PURE__ */ r("div", { ...e, children: "Switch" }), Ue = (e) => /* @__PURE__ */ r("div", { ...e, children: "Table" }), Ye = (e) => /* @__PURE__ */ r("div", { ...e, children: "Tabs" }), T = u(
244
+ function({ typographyClass: t, overStyled: n = !1, ...o }, s) {
245
+ const a = v(o, n), c = a.className, d = c ? `${t} ${c}` : t;
209
246
  return /* @__PURE__ */ r(
210
- E,
247
+ U,
211
248
  {
212
249
  ref: s,
213
- className: u,
250
+ className: d,
214
251
  variant: "inherit",
215
- ...i
252
+ ...a
216
253
  }
217
254
  );
218
255
  }
219
256
  );
220
- b.displayName = "Typography";
221
- const J = p(function({ variant: o = "body", ...n }, t) {
222
- const s = `recursica_brand_typography_${o}`;
223
- return /* @__PURE__ */ r(b, { ref: t, typographyClass: s, ...n });
257
+ T.displayName = "Typography";
258
+ const ie = u(function({ variant: t = "body", ...n }, o) {
259
+ const s = `recursica_brand_typography_${t}`;
260
+ return /* @__PURE__ */ r(T, { ref: o, typographyClass: s, ...n });
224
261
  });
225
- J.displayName = "Text";
226
- const Ie = (e) => /* @__PURE__ */ r("div", { ...e, children: "TextArea" }), we = (e) => /* @__PURE__ */ r("div", { ...e, children: "TextField" }), Oe = (e) => /* @__PURE__ */ r("div", { ...e, children: "TimePicker" }), ze = (e) => /* @__PURE__ */ r("div", { ...e, children: "Timeline" }), X = p(function({ order: o = 1, component: n, ...t }, s) {
227
- const i = `recursica_brand_typography_h${o}`, a = `h${o}`;
262
+ ie.displayName = "Text";
263
+ const je = (e) => /* @__PURE__ */ r("div", { ...e, children: "TextArea" }), He = (e) => /* @__PURE__ */ r("div", { ...e, children: "TextField" }), Ke = (e) => /* @__PURE__ */ r("div", { ...e, children: "TimePicker" }), qe = (e) => /* @__PURE__ */ r("div", { ...e, children: "Timeline" }), le = u(function({ order: t = 1, component: n, ...o }, s) {
264
+ const a = `recursica_brand_typography_h${t}`, i = `h${t}`;
228
265
  return /* @__PURE__ */ r(
229
- b,
266
+ T,
230
267
  {
231
268
  ref: s,
232
- typographyClass: i,
233
- component: n || a,
234
- ...t
269
+ typographyClass: a,
270
+ component: n || i,
271
+ ...o
235
272
  }
236
273
  );
237
274
  });
238
- X.displayName = "Title";
239
- const Ge = (e) => /* @__PURE__ */ r("div", { ...e, children: "Toast" }), De = (e) => /* @__PURE__ */ r("div", { ...e, children: "Tooltip" }), Ve = (e) => /* @__PURE__ */ r("div", { ...e, children: "TransferList" }), Z = "_root_1qhn7_3", ee = "_contents_1qhn7_18", h = {
240
- root: Z,
241
- contents: ee
242
- }, re = p(function({ layer: e, contentsOnly: o, children: n, className: t, style: s, ...i }, a) {
243
- const d = o ? t ? `${h.root} ${h.contents} ${t}` : `${h.root} ${h.contents}` : t ? `${h.root} ${t}` : h.root;
275
+ le.displayName = "Title";
276
+ const Qe = (e) => /* @__PURE__ */ r("div", { ...e, children: "Toast" }), Je = (e) => /* @__PURE__ */ r("div", { ...e, children: "Tooltip" }), Xe = (e) => /* @__PURE__ */ r("div", { ...e, children: "TransferList" }), ce = "_root_1qhn7_3", de = "_contents_1qhn7_18", h = {
277
+ root: ce,
278
+ contents: de
279
+ }, ue = u(function({ layer: e, contentsOnly: t, children: n, className: o, style: s, ...a }, i) {
280
+ const c = t ? o ? `${h.root} ${h.contents} ${o}` : `${h.root} ${h.contents}` : o ? `${h.root} ${o}` : h.root;
244
281
  return /* @__PURE__ */ r(
245
282
  "div",
246
283
  {
247
- ref: a,
248
- className: d,
284
+ ref: i,
285
+ className: c,
249
286
  style: s,
250
- ...o ? {} : { "data-recursica-layer": String(e) },
251
- ...i,
287
+ ...t ? {} : { "data-recursica-layer": String(e) },
288
+ ...a,
252
289
  children: n
253
290
  }
254
291
  );
255
292
  });
256
- re.displayName = "Layer";
257
- const S = ({ emptyText: e = "N/A" }) => /* @__PURE__ */ r(R.Fragment, { children: e });
258
- S.displayName = "EmptyValueRenderer";
259
- S.check = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0;
260
- const T = "data-recursica-theme";
261
- function Me({
293
+ ue.displayName = "Layer";
294
+ const W = ({ emptyText: e = "N/A" }) => /* @__PURE__ */ r(O.Fragment, { children: e });
295
+ W.displayName = "EmptyValueRenderer";
296
+ W.check = (e) => e == null || e === "" || Array.isArray(e) && e.length === 0;
297
+ const k = "data-recursica-theme";
298
+ function Ze({
262
299
  children: e,
263
- theme: o = "light"
300
+ theme: t = "light"
264
301
  }) {
265
- return F(() => {
302
+ return G(() => {
266
303
  const n = document.documentElement;
267
- return n.setAttribute(T, o), () => {
268
- n.removeAttribute(T);
304
+ return n.setAttribute(k, t), () => {
305
+ n.removeAttribute(k);
269
306
  };
270
- }, [o]), /* @__PURE__ */ r(k, { children: e });
307
+ }, [t]), /* @__PURE__ */ r(F, { children: e });
271
308
  }
272
309
  export {
273
- se as Accordion,
274
- ie as AssistiveElement,
275
- ae as Avatar,
276
- ce as Badge,
277
- le as Box,
278
- de as Breadcrumb,
279
- V as Button,
280
- ue as Card,
281
- pe as Checkbox,
282
- me as Chip,
283
- M as Container,
284
- he as DatePicker,
285
- fe as Dropdown,
286
- S as EmptyValueRenderer,
287
- _e as FileInput,
288
- ye as FileUpload,
289
- U as Flex,
290
- ve as FormControlLayout,
291
- be as FormControlWrapper,
292
- j as Group,
293
- xe as HoverCard,
294
- ge as Label,
295
- re as Layer,
296
- q as Link,
297
- Te as Loader,
298
- Ne as Menu,
299
- Ce as Modal,
300
- Se as NumberInput,
301
- $e as Pagination,
302
- Pe as Panel,
303
- Le as Radio,
304
- ke as ReadOnlyField,
305
- Me as RecursicaThemeProvider,
306
- Re as SegmentedControl,
307
- Fe as Slider,
308
- Q as Stack,
309
- Be as Stepper,
310
- Ae as Switch,
311
- We as Table,
312
- Ee as Tabs,
313
- J as Text,
314
- Ie as TextArea,
315
- we as TextField,
316
- Oe as TimePicker,
317
- ze as Timeline,
318
- X as Title,
319
- Ge as Toast,
320
- De as Tooltip,
321
- Ve as TransferList
310
+ he as Accordion,
311
+ _e as AssistiveElement,
312
+ ye as Autocomplete,
313
+ ve as Avatar,
314
+ be as Badge,
315
+ ge as Box,
316
+ xe as Breadcrumb,
317
+ X as Button,
318
+ Te as Card,
319
+ Ne as Checkbox,
320
+ Ce as Chip,
321
+ Z as Container,
322
+ Se as DatePicker,
323
+ $e as Dropdown,
324
+ W as EmptyValueRenderer,
325
+ Pe as FileInput,
326
+ Le as FileUpload,
327
+ ee as Flex,
328
+ ke as FormControlLayout,
329
+ Re as FormControlWrapper,
330
+ re as Group,
331
+ Fe as HoverCard,
332
+ Ae as Label,
333
+ ue as Layer,
334
+ se as Link,
335
+ I as Loader,
336
+ Be as Menu,
337
+ Ie as Modal,
338
+ We as NumberInput,
339
+ Ee as Pagination,
340
+ ze as Panel,
341
+ we as Radio,
342
+ Oe as ReadOnlyField,
343
+ Ze as RecursicaThemeProvider,
344
+ Ge as SegmentedControl,
345
+ Ve as Slider,
346
+ ae as Stack,
347
+ De as Stepper,
348
+ Me as Switch,
349
+ Ue as Table,
350
+ Ye as Tabs,
351
+ ie as Text,
352
+ je as TextArea,
353
+ He as TextField,
354
+ Ke as TimePicker,
355
+ qe as Timeline,
356
+ le as Title,
357
+ Qe as Toast,
358
+ Je as Tooltip,
359
+ Xe as TransferList
322
360
  };
323
361
  //# sourceMappingURL=mui-adapter.js.map