@loopr-ai/craft 0.8.3 → 0.9.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 (53) hide show
  1. package/dist/Box-96e795c4.js +58 -0
  2. package/dist/{ButtonBase-08b16b61.js → ButtonBase-46c20f20.js} +3 -3
  3. package/dist/{TextField-f61d210a.js → TextField-df89b641.js} +373 -387
  4. package/dist/{TransitionGroupContext-0e899f4c.js → TransitionGroupContext-21923db7.js} +1 -1
  5. package/dist/ZoomControllers-657c8b74.js +3383 -0
  6. package/dist/components/cell/AvatarGroup/index.js +3 -3
  7. package/dist/components/cell/Button/index.js +3 -3
  8. package/dist/components/cell/Chip/index.js +5 -5
  9. package/dist/components/cell/ProgressBar/index.js +3 -3
  10. package/dist/components/cell/Search/index.js +2 -2
  11. package/dist/components/cell/Typography/index.js +1 -1
  12. package/dist/components/organ/Form/ErrorMessage/ErrorMessage.styles.d.ts +14 -0
  13. package/dist/components/organ/Form/ErrorMessage/ErrorMessage.styles.js +16 -0
  14. package/dist/components/organ/Form/ErrorMessage/index.d.ts +6 -0
  15. package/dist/components/organ/Form/ErrorMessage/index.js +14 -0
  16. package/dist/components/organ/Form/Form.interfaces.d.ts +4 -2
  17. package/dist/components/organ/Form/Form.styles.d.ts +6 -99
  18. package/dist/components/organ/Form/Form.styles.js +8 -102
  19. package/dist/components/organ/Form/FormInput.js +54 -1524
  20. package/dist/components/organ/Form/Label/Label.styles.d.ts +14 -0
  21. package/dist/components/organ/Form/Label/Label.styles.js +16 -0
  22. package/dist/components/organ/Form/Label/index.d.ts +10 -0
  23. package/dist/components/organ/Form/Label/index.js +17 -0
  24. package/dist/components/organ/Form/RadioInput/RadioInput.styles.d.ts +17 -0
  25. package/dist/components/organ/Form/RadioInput/RadioInput.styles.js +20 -0
  26. package/dist/components/organ/Form/RadioInput/index.d.ts +16 -0
  27. package/dist/components/organ/Form/RadioInput/index.js +1053 -0
  28. package/dist/components/organ/Form/TextfieldInput/TextfieldInput.styles.d.ts +75 -0
  29. package/dist/components/organ/Form/TextfieldInput/TextfieldInput.styles.js +66 -0
  30. package/dist/components/organ/Form/TextfieldInput/index.d.ts +23 -0
  31. package/dist/components/organ/Form/TextfieldInput/index.js +525 -0
  32. package/dist/components/organ/Form/index.js +136 -148
  33. package/dist/components/organ/ZoomControlWithDrag/ZoomControllers.js +2 -2
  34. package/dist/components/organ/ZoomControlWithDrag/index.js +2 -2
  35. package/dist/{createSvgIcon-45340b5e.js → createSvgIcon-59e7bc15.js} +3195 -3245
  36. package/dist/{createSvgIcon-5aac746d.js → createSvgIcon-b444ce70.js} +5 -5
  37. package/dist/{createTheme-759a022d.js → createTheme-d2329909.js} +4 -4
  38. package/dist/dividerClasses-9354a5c9.js +10 -0
  39. package/dist/{exactProp-23d6a154.js → exactProp-3ee21234.js} +1 -1
  40. package/dist/{extendSxProp-cf8fd923.js → extendSxProp-f6cb682b.js} +1 -1
  41. package/dist/global/colors.d.ts +1 -0
  42. package/dist/global/colors.js +5 -4
  43. package/dist/global/theme.js +1 -1
  44. package/dist/{index-c9c32237.js → index-ae3eb123.js} +8 -8
  45. package/dist/main.js +1 -1
  46. package/dist/providers/CraftThemeProvider.js +2 -2
  47. package/dist/{styled-78608e1f.js → styled-8f7db30d.js} +39 -39
  48. package/dist/useControlled-4e337b2f.js +54 -0
  49. package/dist/useFormControl-b25c5813.js +19 -0
  50. package/dist/{useTheme-8906bd79.js → useTheme-21caf71b.js} +1 -1
  51. package/package.json +1 -1
  52. package/dist/Tooltip-e797a425.js +0 -2022
  53. package/dist/ZoomControllers-d04c25f8.js +0 -1432
@@ -1,9 +1,9 @@
1
- import { g as b, c as h, _ as w, a as y, P as o } from "./createTheme-759a022d.js";
1
+ import { g as I, b as h, _ as w, a as y, P as o } from "./createTheme-d2329909.js";
2
2
  import * as v from "react";
3
3
  import { jsxs as C, jsx as z } from "react/jsx-runtime";
4
- import { g as T, s as N, a as R, c as O, b as B } from "./styled-78608e1f.js";
4
+ import { g as T, s as N, b as R, c as O, e as B } from "./styled-8f7db30d.js";
5
5
  function j(e) {
6
- return b("MuiSvgIcon", e);
6
+ return I("MuiSvgIcon", e);
7
7
  }
8
8
  T("MuiSvgIcon", ["root", "colorPrimary", "colorSecondary", "colorAction", "colorError", "colorDisabled", "fontSizeInherit", "fontSizeSmall", "fontSizeMedium", "fontSizeLarge"]);
9
9
  const A = ["children", "className", "color", "component", "fontSize", "htmlColor", "inheritViewBox", "titleAccess", "viewBox"], E = (e) => {
@@ -78,10 +78,10 @@ const A = ["children", "className", "color", "component", "fontSize", "htmlColor
78
78
  hasSvgAsChild: l
79
79
  }), x = {};
80
80
  m || (x.viewBox = a);
81
- const I = E($);
81
+ const b = E($);
82
82
  return /* @__PURE__ */ C(V, y({
83
83
  as: c,
84
- className: O(I.root, d),
84
+ className: O(b.root, d),
85
85
  focusable: "false",
86
86
  color: u,
87
87
  "aria-hidden": s ? void 0 : !0,
@@ -2229,11 +2229,11 @@ export {
2229
2229
  ue as P,
2230
2230
  ae as _,
2231
2231
  U as a,
2232
- Fr as b,
2233
- bt as c,
2232
+ bt as b,
2233
+ $n as c,
2234
2234
  Ge as d,
2235
- Tn as e,
2236
- $n as f,
2235
+ Fr as e,
2236
+ Tn as f,
2237
2237
  Ht as g,
2238
2238
  Lr as h,
2239
2239
  oe as i,
@@ -0,0 +1,10 @@
1
+ import { g as t } from "./styled-8f7db30d.js";
2
+ import { g as e } from "./createTheme-d2329909.js";
3
+ function a(i) {
4
+ return e("MuiDivider", i);
5
+ }
6
+ const r = t("MuiDivider", ["root", "absolute", "fullWidth", "inset", "middle", "flexItem", "light", "vertical", "withChildren", "withChildrenVertical", "textAlignRight", "textAlignLeft", "wrapper", "wrapperVertical"]), d = r;
7
+ export {
8
+ d,
9
+ a as g
10
+ };
@@ -1,4 +1,4 @@
1
- import { a as n } from "./createTheme-759a022d.js";
1
+ import { a as n } from "./createTheme-d2329909.js";
2
2
  const s = "exact-prop: ​";
3
3
  function u(e) {
4
4
  return process.env.NODE_ENV === "production" ? e : n({}, e, {
@@ -1,4 +1,4 @@
1
- import { _ as a, a as i, d as c, i as f } from "./createTheme-759a022d.js";
1
+ import { _ as a, a as i, d as c, i as f } from "./createTheme-d2329909.js";
2
2
  const x = ["sx"], P = (t) => {
3
3
  var s, o;
4
4
  const n = {
@@ -7,6 +7,7 @@ export declare const customColors: {
7
7
  success: string;
8
8
  white: string;
9
9
  grey: string;
10
+ greyDark: string;
10
11
  black: string;
11
12
  disabled: string;
12
13
  hover: string;
@@ -1,5 +1,5 @@
1
1
  import { defaultTheme as e } from "./theme.js";
2
- const t = {
2
+ const a = {
3
3
  primary: e.palette.primary.main,
4
4
  secondary: e.palette.secondary.main,
5
5
  error: e.palette.error.main,
@@ -7,7 +7,8 @@ const t = {
7
7
  info: e.palette.info.main,
8
8
  success: e.palette.success.main,
9
9
  white: "#FFFFFF",
10
- grey: "#999999",
10
+ grey: "#00000080",
11
+ greyDark: "#e3e3e3",
11
12
  black: "#373131",
12
13
  disabled: "#C4C4C4",
13
14
  hover: "#3C4DBA",
@@ -19,9 +20,9 @@ const t = {
19
20
  borderGrey: "#E9F0F0"
20
21
  };
21
22
  function i(r) {
22
- return t[r];
23
+ return a[r];
23
24
  }
24
25
  export {
25
- t as customColors,
26
+ a as customColors,
26
27
  i as getColorToHex
27
28
  };
@@ -1,5 +1,5 @@
1
1
  import "../assets/theme.css";
2
- import { f as e } from "../createTheme-759a022d.js";
2
+ import { c as e } from "../createTheme-d2329909.js";
3
3
  const f = {
4
4
  50: "#fffde7",
5
5
  100: "#fff9c4",
@@ -1,10 +1,10 @@
1
1
  import { jsx as f } from "react/jsx-runtime";
2
2
  import { getColorToHex as M } from "./global/colors.js";
3
3
  import { fontCustomizations as W } from "./global/theme.js";
4
- import { g as O, c as b, a as p, _ as j, P as t } from "./createTheme-759a022d.js";
4
+ import { g as O, b, a as p, _ as j, P as t } from "./createTheme-d2329909.js";
5
5
  import * as P from "react";
6
- import { g as N, s as R, a as _, c as U, b as $ } from "./styled-78608e1f.js";
7
- import { e as z } from "./extendSxProp-cf8fd923.js";
6
+ import { g as N, s as R, b as _, c as U, e as $ } from "./styled-8f7db30d.js";
7
+ import { e as z } from "./extendSxProp-f6cb682b.js";
8
8
  function D(r) {
9
9
  return O("MuiTypography", r);
10
10
  }
@@ -75,23 +75,23 @@ const E = ["align", "className", "component", "gutterBottom", "noWrap", "paragra
75
75
  })), {
76
76
  align: h = "inherit",
77
77
  className: s,
78
- component: c,
78
+ component: g,
79
79
  gutterBottom: T = !1,
80
80
  noWrap: v = !1,
81
- paragraph: g = !1,
81
+ paragraph: c = !1,
82
82
  variant: l = "body1",
83
83
  variantMapping: m = u
84
84
  } = n, x = j(n, E), y = p({}, n, {
85
85
  align: h,
86
86
  color: i,
87
87
  className: s,
88
- component: c,
88
+ component: g,
89
89
  gutterBottom: T,
90
90
  noWrap: v,
91
- paragraph: g,
91
+ paragraph: c,
92
92
  variant: l,
93
93
  variantMapping: m
94
- }), B = c || (g ? "p" : m[l] || u[l]) || "span", C = L(y);
94
+ }), B = g || (c ? "p" : m[l] || u[l]) || "span", C = L(y);
95
95
  return /* @__PURE__ */ f(V, p({
96
96
  as: B,
97
97
  ref: a,
package/dist/main.js CHANGED
@@ -3,7 +3,7 @@ import { default as t } from "./components/cell/Button/index.js";
3
3
  import { default as p } from "./components/cell/Chip/index.js";
4
4
  import { default as s } from "./components/cell/ProgressBar/index.js";
5
5
  import { default as x } from "./components/cell/Search/index.js";
6
- import { T as l } from "./index-c9c32237.js";
6
+ import { T as l } from "./index-ae3eb123.js";
7
7
  import { default as T } from "./components/organ/Form/index.js";
8
8
  import { F as i } from "./Form.interfaces-c9b49688.js";
9
9
  import { default as C } from "./components/organ/ZoomControlWithDrag/index.js";
@@ -2,9 +2,9 @@ import { jsx as u } from "react/jsx-runtime";
2
2
  import * as p from "react";
3
3
  import { useMemo as O } from "react";
4
4
  import { defaultTheme as P } from "../global/theme.js";
5
- import { P as n, a as c, _ as D, f as j, m as V } from "../createTheme-759a022d.js";
5
+ import { P as n, a as c, _ as D, c as j, m as V } from "../createTheme-d2329909.js";
6
6
  import { c as b, a as g, T as f } from "../useThemeWithoutDefault-188598a8.js";
7
- import { e as v } from "../exactProp-23d6a154.js";
7
+ import { e as v } from "../exactProp-3ee21234.js";
8
8
  const l = /* @__PURE__ */ p.createContext(null);
9
9
  process.env.NODE_ENV !== "production" && (l.displayName = "ThemeContext");
10
10
  const E = l;
@@ -1,4 +1,4 @@
1
- import { a as E, g as we, h as re, _ as ne, c as z, s as Ce, f as xe } from "./createTheme-759a022d.js";
1
+ import { a as E, g as we, h as re, _ as ne, b as z, s as Ce, c as xe } from "./createTheme-d2329909.js";
2
2
  import { m as ke, w as Oe, a as $e, g as Ae, s as Fe, r as Me, b as Ie, i as Le, c as Ne, T as oe } from "./useThemeWithoutDefault-188598a8.js";
3
3
  import * as F from "react";
4
4
  var V = { exports: {} }, f = {};
@@ -16,7 +16,7 @@ function De() {
16
16
  if (X)
17
17
  return f;
18
18
  X = 1;
19
- var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), a = Symbol.for("react.context"), S = Symbol.for("react.server_context"), m = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), g;
19
+ var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), a = Symbol.for("react.context"), S = Symbol.for("react.server_context"), m = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), g;
20
20
  g = Symbol.for("react.module.reference");
21
21
  function c(o) {
22
22
  if (typeof o == "object" && o !== null) {
@@ -35,7 +35,7 @@ function De() {
35
35
  case S:
36
36
  case a:
37
37
  case m:
38
- case b:
38
+ case _:
39
39
  case v:
40
40
  case l:
41
41
  return o;
@@ -48,7 +48,7 @@ function De() {
48
48
  }
49
49
  }
50
50
  }
51
- return f.ContextConsumer = a, f.ContextProvider = l, f.Element = e, f.ForwardRef = m, f.Fragment = n, f.Lazy = b, f.Memo = v, f.Portal = t, f.Profiler = i, f.StrictMode = r, f.Suspense = h, f.SuspenseList = p, f.isAsyncMode = function() {
51
+ return f.ContextConsumer = a, f.ContextProvider = l, f.Element = e, f.ForwardRef = m, f.Fragment = n, f.Lazy = _, f.Memo = v, f.Portal = t, f.Profiler = i, f.StrictMode = r, f.Suspense = h, f.SuspenseList = p, f.isAsyncMode = function() {
52
52
  return !1;
53
53
  }, f.isConcurrentMode = function() {
54
54
  return !1;
@@ -63,7 +63,7 @@ function De() {
63
63
  }, f.isFragment = function(o) {
64
64
  return c(o) === n;
65
65
  }, f.isLazy = function(o) {
66
- return c(o) === b;
66
+ return c(o) === _;
67
67
  }, f.isMemo = function(o) {
68
68
  return c(o) === v;
69
69
  }, f.isPortal = function(o) {
@@ -77,7 +77,7 @@ function De() {
77
77
  }, f.isSuspenseList = function(o) {
78
78
  return c(o) === p;
79
79
  }, f.isValidElementType = function(o) {
80
- return typeof o == "string" || typeof o == "function" || o === n || o === i || o === r || o === h || o === p || o === P || typeof o == "object" && o !== null && (o.$$typeof === b || o.$$typeof === v || o.$$typeof === l || o.$$typeof === a || o.$$typeof === m || o.$$typeof === g || o.getModuleId !== void 0);
80
+ return typeof o == "string" || typeof o == "function" || o === n || o === i || o === r || o === h || o === p || o === P || typeof o == "object" && o !== null && (o.$$typeof === _ || o.$$typeof === v || o.$$typeof === l || o.$$typeof === a || o.$$typeof === m || o.$$typeof === g || o.getModuleId !== void 0);
81
81
  }, f.typeOf = c, f;
82
82
  }
83
83
  var d = {};
@@ -93,10 +93,10 @@ var d = {};
93
93
  var B;
94
94
  function ze() {
95
95
  return B || (B = 1, process.env.NODE_ENV !== "production" && function() {
96
- var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), a = Symbol.for("react.context"), S = Symbol.for("react.server_context"), m = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), b = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), g = !1, c = !1, o = !1, T = !1, k = !1, R;
96
+ var e = Symbol.for("react.element"), t = Symbol.for("react.portal"), n = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), i = Symbol.for("react.profiler"), l = Symbol.for("react.provider"), a = Symbol.for("react.context"), S = Symbol.for("react.server_context"), m = Symbol.for("react.forward_ref"), h = Symbol.for("react.suspense"), p = Symbol.for("react.suspense_list"), v = Symbol.for("react.memo"), _ = Symbol.for("react.lazy"), P = Symbol.for("react.offscreen"), g = !1, c = !1, o = !1, T = !1, k = !1, R;
97
97
  R = Symbol.for("react.module.reference");
98
- function _(s) {
99
- return !!(typeof s == "string" || typeof s == "function" || s === n || s === i || k || s === r || s === h || s === p || T || s === P || g || c || o || typeof s == "object" && s !== null && (s.$$typeof === b || s.$$typeof === v || s.$$typeof === l || s.$$typeof === a || s.$$typeof === m || // This needs to include all possible module reference object
98
+ function b(s) {
99
+ return !!(typeof s == "string" || typeof s == "function" || s === n || s === i || k || s === r || s === h || s === p || T || s === P || g || c || o || typeof s == "object" && s !== null && (s.$$typeof === _ || s.$$typeof === v || s.$$typeof === l || s.$$typeof === a || s.$$typeof === m || // This needs to include all possible module reference object
100
100
  // types supported by any Flight configuration anywhere since
101
101
  // we don't know which Flight build this will end up being used
102
102
  // with.
@@ -121,7 +121,7 @@ function ze() {
121
121
  case S:
122
122
  case a:
123
123
  case m:
124
- case b:
124
+ case _:
125
125
  case v:
126
126
  case l:
127
127
  return W;
@@ -134,7 +134,7 @@ function ze() {
134
134
  }
135
135
  }
136
136
  }
137
- var w = a, O = l, $ = e, C = m, u = n, x = b, L = v, N = t, Y = i, A = r, ue = h, fe = p, q = !1, H = !1;
137
+ var w = a, O = l, $ = e, C = m, u = n, x = _, L = v, N = t, Y = i, A = r, ue = h, fe = p, q = !1, H = !1;
138
138
  function de(s) {
139
139
  return q || (q = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
140
140
  }
@@ -157,12 +157,12 @@ function ze() {
157
157
  return y(s) === n;
158
158
  }
159
159
  function Se(s) {
160
- return y(s) === b;
160
+ return y(s) === _;
161
161
  }
162
- function _e(s) {
162
+ function be(s) {
163
163
  return y(s) === v;
164
164
  }
165
- function be(s) {
165
+ function _e(s) {
166
166
  return y(s) === t;
167
167
  }
168
168
  function Ee(s) {
@@ -177,7 +177,7 @@ function ze() {
177
177
  function Re(s) {
178
178
  return y(s) === p;
179
179
  }
180
- d.ContextConsumer = w, d.ContextProvider = O, d.Element = $, d.ForwardRef = C, d.Fragment = u, d.Lazy = x, d.Memo = L, d.Portal = N, d.Profiler = Y, d.StrictMode = A, d.Suspense = ue, d.SuspenseList = fe, d.isAsyncMode = de, d.isConcurrentMode = me, d.isContextConsumer = pe, d.isContextProvider = he, d.isElement = ye, d.isForwardRef = ve, d.isFragment = ge, d.isLazy = Se, d.isMemo = _e, d.isPortal = be, d.isProfiler = Ee, d.isStrictMode = Te, d.isSuspense = Pe, d.isSuspenseList = Re, d.isValidElementType = _, d.typeOf = y;
180
+ d.ContextConsumer = w, d.ContextProvider = O, d.Element = $, d.ForwardRef = C, d.Fragment = u, d.Lazy = x, d.Memo = L, d.Portal = N, d.Profiler = Y, d.StrictMode = A, d.Suspense = ue, d.SuspenseList = fe, d.isAsyncMode = de, d.isConcurrentMode = me, d.isContextConsumer = pe, d.isContextProvider = he, d.isElement = ye, d.isForwardRef = ve, d.isFragment = ge, d.isLazy = Se, d.isMemo = be, d.isPortal = _e, d.isProfiler = Ee, d.isStrictMode = Te, d.isSuspense = Pe, d.isSuspenseList = Re, d.isValidElementType = b, d.typeOf = y;
181
181
  }()), d;
182
182
  }
183
183
  process.env.NODE_ENV === "production" ? V.exports = De() : V.exports = ze();
@@ -289,19 +289,19 @@ You may have forgotten to import it.`);
289
289
  v.push.apply(v, p);
290
290
  else {
291
291
  process.env.NODE_ENV !== "production" && p[0][0] === void 0 && console.error(Q), v.push(p[0][0]);
292
- for (var b = p.length, P = 1; P < b; P++)
292
+ for (var _ = p.length, P = 1; P < _; P++)
293
293
  process.env.NODE_ENV !== "production" && p[0][P] === void 0 && console.error(Q), v.push(p[P], p[0][P]);
294
294
  }
295
295
  var g = Oe(function(c, o, T) {
296
- var k = h && c.as || i, R = "", _ = [], y = c;
296
+ var k = h && c.as || i, R = "", b = [], y = c;
297
297
  if (c.theme == null) {
298
298
  y = {};
299
299
  for (var w in c)
300
300
  y[w] = c[w];
301
301
  y.theme = F.useContext($e);
302
302
  }
303
- typeof c.className == "string" ? R = Ae(o.registered, _, c.className) : c.className != null && (R = c.className + " ");
304
- var O = Fe(v.concat(_), o.registered, y);
303
+ typeof c.className == "string" ? R = Ae(o.registered, b, c.className) : c.className != null && (R = c.className + " ");
304
+ var O = Fe(v.concat(b), o.registered, y);
305
305
  R += o.key + "-" + O.name, a !== void 0 && (R += " " + a);
306
306
  var $ = h && S === void 0 ? J(k) : m, C = {};
307
307
  for (var u in c)
@@ -572,7 +572,7 @@ function ct(e = {}) {
572
572
  }))
573
573
  }));
574
574
  return l.__mui_systemSx = !0, (a, S = {}) => {
575
- Je(a, (_) => _.filter((y) => !(y != null && y.__mui_systemSx)));
575
+ Je(a, (b) => b.filter((y) => !(y != null && y.__mui_systemSx)));
576
576
  const {
577
577
  name: m,
578
578
  slot: h,
@@ -580,7 +580,7 @@ function ct(e = {}) {
580
580
  skipSx: v,
581
581
  // TODO v6: remove `lowercaseFirstLetter()` in the next major release
582
582
  // For more details: https://github.com/mui/material-ui/pull/37908
583
- overridesResolver: b = lt(te(h))
583
+ overridesResolver: _ = lt(te(h))
584
584
  } = S, P = ne(S, tt), g = p !== void 0 ? p : (
585
585
  // TODO v6: remove `Root` in the next major release
586
586
  // For more details: https://github.com/mui/material-ui/pull/37908
@@ -593,15 +593,15 @@ function ct(e = {}) {
593
593
  const k = Ke(a, E({
594
594
  shouldForwardProp: T,
595
595
  label: o
596
- }, P)), R = (_, ...y) => {
596
+ }, P)), R = (b, ...y) => {
597
597
  const w = y ? y.map((u) => typeof u == "function" && u.__emotion_real !== u ? (x) => u(E({}, x, {
598
598
  theme: M(E({}, x, {
599
599
  defaultTheme: n,
600
600
  themeId: t
601
601
  }))
602
602
  })) : u) : [];
603
- let O = _;
604
- m && b && w.push((u) => {
603
+ let O = b;
604
+ m && _ && w.push((u) => {
605
605
  const x = M(E({}, u, {
606
606
  defaultTheme: n,
607
607
  themeId: t
@@ -612,7 +612,7 @@ function ct(e = {}) {
612
612
  N[Y] = typeof A == "function" ? A(E({}, u, {
613
613
  theme: x
614
614
  })) : A;
615
- }), b(u, N);
615
+ }), _(u, N);
616
616
  }
617
617
  return null;
618
618
  }), m && !g && w.push((u) => {
@@ -623,14 +623,14 @@ function ct(e = {}) {
623
623
  return st(u, it(m, x), x, m);
624
624
  }), c || w.push(l);
625
625
  const $ = w.length - y.length;
626
- if (Array.isArray(_) && $ > 0) {
626
+ if (Array.isArray(b) && $ > 0) {
627
627
  const u = new Array($).fill("");
628
- O = [..._, ...u], O.raw = [..._.raw, ...u];
628
+ O = [...b, ...u], O.raw = [...b.raw, ...u];
629
629
  } else
630
- typeof _ == "function" && // On the server Emotion doesn't use React.forwardRef for creating components, so the created
630
+ typeof b == "function" && // On the server Emotion doesn't use React.forwardRef for creating components, so the created
631
631
  // component stays as a function. This condition makes sure that we do not interpolate functions
632
632
  // which are basically components used as a selectors.
633
- _.__emotion_real !== _ && (O = (u) => _(E({}, u, {
633
+ b.__emotion_real !== b && (O = (u) => b(E({}, u, {
634
634
  theme: M(E({}, u, {
635
635
  defaultTheme: n,
636
636
  themeId: t
@@ -668,7 +668,7 @@ function ft({
668
668
  });
669
669
  }
670
670
  const dt = xe(), ce = dt;
671
- function _t({
671
+ function bt({
672
672
  props: e,
673
673
  name: t
674
674
  }) {
@@ -679,23 +679,23 @@ function _t({
679
679
  themeId: oe
680
680
  });
681
681
  }
682
- const mt = (e) => I(e) && e !== "classes", bt = I, pt = ct({
682
+ const mt = (e) => I(e) && e !== "classes", _t = I, pt = ct({
683
683
  themeId: oe,
684
684
  defaultTheme: ce,
685
685
  rootShouldForwardProp: mt
686
686
  }), Et = pt;
687
687
  export {
688
- _t as a,
689
- vt as b,
688
+ Ke as a,
689
+ bt as b,
690
690
  St as c,
691
691
  ce as d,
692
- se as e,
693
- G as f,
692
+ vt as e,
693
+ se as f,
694
694
  gt as g,
695
- ct as h,
696
- ft as i,
697
- bt as j,
698
- Ke as k,
695
+ G as h,
696
+ ct as i,
697
+ ft as j,
698
+ _t as k,
699
699
  mt as r,
700
700
  Et as s,
701
701
  Qe as u
@@ -0,0 +1,54 @@
1
+ import * as u from "react";
2
+ function p(...e) {
3
+ return e.reduce((t, n) => n == null ? t : function(...o) {
4
+ t.apply(this, o), n.apply(this, o);
5
+ }, () => {
6
+ });
7
+ }
8
+ let l = 0;
9
+ function h(e) {
10
+ const [t, n] = u.useState(e), s = e || t;
11
+ return u.useEffect(() => {
12
+ t == null && (l += 1, n(`mui-${l}`));
13
+ }, [t]), s;
14
+ }
15
+ const r = u["useId".toString()];
16
+ function I(e) {
17
+ if (r !== void 0) {
18
+ const t = r();
19
+ return e ?? t;
20
+ }
21
+ return h(e);
22
+ }
23
+ function g({
24
+ controlled: e,
25
+ default: t,
26
+ name: n,
27
+ state: s = "value"
28
+ }) {
29
+ const {
30
+ current: o
31
+ } = u.useRef(e !== void 0), [c, f] = u.useState(t), a = o ? e : c;
32
+ if (process.env.NODE_ENV !== "production") {
33
+ u.useEffect(() => {
34
+ o !== (e !== void 0) && console.error([`MUI: A component is changing the ${o ? "" : "un"}controlled ${s} state of ${n} to be ${o ? "un" : ""}controlled.`, "Elements should not switch from uncontrolled to controlled (or vice versa).", `Decide between using a controlled or uncontrolled ${n} element for the lifetime of the component.`, "The nature of the state is determined during the first render. It's considered controlled if the value is not `undefined`.", "More info: https://fb.me/react-controlled-components"].join(`
35
+ `));
36
+ }, [s, n, e]);
37
+ const {
38
+ current: i
39
+ } = u.useRef(t);
40
+ u.useEffect(() => {
41
+ !o && i !== t && console.error([`MUI: A component is changing the default ${s} state of an uncontrolled ${n} after being initialized. To suppress this warning opt to use a controlled ${n}.`].join(`
42
+ `));
43
+ }, [JSON.stringify(t)]);
44
+ }
45
+ const d = u.useCallback((i) => {
46
+ o || f(i);
47
+ }, []);
48
+ return [a, d];
49
+ }
50
+ export {
51
+ I as a,
52
+ p as c,
53
+ g as u
54
+ };
@@ -0,0 +1,19 @@
1
+ import * as r from "react";
2
+ function C({
3
+ props: e,
4
+ states: u,
5
+ muiFormControl: t
6
+ }) {
7
+ return u.reduce((n, o) => (n[o] = e[o], t && typeof e[o] > "u" && (n[o] = t[o]), n), {});
8
+ }
9
+ const f = /* @__PURE__ */ r.createContext(void 0);
10
+ process.env.NODE_ENV !== "production" && (f.displayName = "FormControlContext");
11
+ const i = f;
12
+ function d() {
13
+ return r.useContext(i);
14
+ }
15
+ export {
16
+ i as F,
17
+ C as f,
18
+ d as u
19
+ };
@@ -1,5 +1,5 @@
1
1
  import * as o from "react";
2
- import { u as r, d as s } from "./styled-78608e1f.js";
2
+ import { u as r, d as s } from "./styled-8f7db30d.js";
3
3
  import { T as t } from "./useThemeWithoutDefault-188598a8.js";
4
4
  function a() {
5
5
  const e = r(s);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@loopr-ai/craft",
3
- "version": "0.8.3",
3
+ "version": "0.9.0",
4
4
  "description": "Component library based out of Material UI customized to support Loopr AI products",
5
5
  "homepage": "https://loopr.ai",
6
6
  "author": {