@loopr-ai/craft 0.7.1 → 0.7.3

package/dist/{createTheme-ca1567c6.js → createTheme-a4db2989.js}

@@ -2204,16 +2204,16 @@ export {
   ue as P,
   se as _,
   U as a,
-  bt as b,
-  En as c,
+  qr as b,
+  bt as c,
   Ge as d,
-  qr as e,
-  On as f,
+  On as e,
+  En as f,
   Ft as g,
-  vn as h,
+  zr as h,
   oe as i,
-  zr as j,
-  It as k,
+  It as j,
+  vn as k,
   Fr as l,
   ae as m,
   F as n,

package/dist/{exactProp-3d9df1ae.js → exactProp-d79ccada.js}

@@ -1,4 +1,4 @@
-import { a as n } from "./createTheme-ca1567c6.js";
+import { a as n } from "./createTheme-a4db2989.js";
 const s = "exact-prop: ​";
 function u(e) {
   return process.env.NODE_ENV === "production" ? e : n({}, e, {

package/dist/{extendSxProp-fc2654e5.js → extendSxProp-db8b9da5.js}

@@ -1,4 +1,4 @@
-import { _ as a, a as i, d as c, i as f } from "./createTheme-ca1567c6.js";
+import { _ as a, a as i, d as c, i as f } from "./createTheme-a4db2989.js";
 const x = ["sx"], P = (t) => {
   var s, o;
   const n = {

package/dist/global/colors.d.ts

@@ -11,6 +11,11 @@ export declare const customColors: {
     disabled: string;
     hover: string;
     modify: string;
+    redLight: string;
+    redMedium: string;
+    lightGrey: string;
+    darkGrey: string;
+    borderGrey: string;
 };
 export type CustomColors = keyof typeof customColors;
 export declare function getColorToHex(color: CustomColors): string;

package/dist/global/colors.js

@@ -1,5 +1,5 @@
 import { defaultTheme as e } from "./theme.js";
-const a = {
+const t = {
   primary: e.palette.primary.main,
   secondary: e.palette.secondary.main,
   error: e.palette.error.main,
@@ -11,12 +11,17 @@ const a = {
   black: "#373131",
   disabled: "#C4C4C4",
   hover: "#3C4DBA",
-  modify: "#EFF3FF"
+  modify: "#EFF3FF",
+  redLight: "#FEE6DD",
+  redMedium: "#fe404c",
+  lightGrey: "#F3F7F7",
+  darkGrey: "#6F6F6F",
+  borderGrey: "#E9F0F0"
 };
-function o(r) {
-  return a[r];
+function i(r) {
+  return t[r];
 }
 export {
-  a as customColors,
-  o as getColorToHex
+  t as customColors,
+  i as getColorToHex
 };

package/dist/global/constants.d.ts

@@ -0,0 +1,3 @@
+export declare const images: {
+    success: string;
+};

package/dist/global/constants.js

@@ -1 +1,6 @@
-
+const s = {
+  success: "../../src/assets/black-tick.svg"
+};
+export {
+  s as images
+};

package/dist/global/theme.js

@@ -1,5 +1,5 @@
 import "../assets/theme.css";
-import { c as e } from "../createTheme-ca1567c6.js";
+import { f as e } from "../createTheme-a4db2989.js";
 const f = {
   50: "#fffde7",
   100: "#fff9c4",

package/dist/{Typography-65e5f8a8.js → index-03287c17.js}

@@ -1,42 +1,44 @@
-import { g as M, b as f, a as s, _ as W, P as t } from "./createTheme-ca1567c6.js";
-import * as C from "react";
-import { g as O, a as j, b as P, c as N, e as R } from "./styled-80b57810.js";
-import { jsx as _ } from "react/jsx-runtime";
-import { e as U } from "./extendSxProp-fc2654e5.js";
-function D(a) {
-  return M("MuiTypography", a);
+import { jsx as f } from "react/jsx-runtime";
+import { getColorToHex as M } from "./global/colors.js";
+import { fontCustomizations as W } from "./global/theme.js";
+import { g as O, c as b, a as p, _ as j, P as t } from "./createTheme-a4db2989.js";
+import * as P from "react";
+import { g as N, s as R, a as _, c as U, b as $ } from "./styled-126c6a62.js";
+import { e as z } from "./extendSxProp-db8b9da5.js";
+function D(r) {
+  return O("MuiTypography", r);
 }
-O("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
-const E = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], L = (a) => {
+N("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
+const E = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], L = (r) => {
   const {
     align: o,
-    gutterBottom: r,
+    gutterBottom: a,
     noWrap: e,
     paragraph: i,
     variant: n,
     classes: h
-  } = a, p = {
-    root: ["root", n, a.align !== "inherit" && `align${f(o)}`, r && "gutterBottom", e && "noWrap", i && "paragraph"]
+  } = r, s = {
+    root: ["root", n, r.align !== "inherit" && `align${b(o)}`, a && "gutterBottom", e && "noWrap", i && "paragraph"]
   };
-  return R(p, D, h);
-}, V = j("span", {
+  return $(s, D, h);
+}, V = R("span", {
   name: "MuiTypography",
   slot: "Root",
-  overridesResolver: (a, o) => {
+  overridesResolver: (r, o) => {
     const {
-      ownerState: r
-    } = a;
-    return [o.root, r.variant && o[r.variant], r.align !== "inherit" && o[`align${f(r.align)}`], r.noWrap && o.noWrap, r.gutterBottom && o.gutterBottom, r.paragraph && o.paragraph];
+      ownerState: a
+    } = r;
+    return [o.root, a.variant && o[a.variant], a.align !== "inherit" && o[`align${b(a.align)}`], a.noWrap && o.noWrap, a.gutterBottom && o.gutterBottom, a.paragraph && o.paragraph];
   }
 })(({
-  theme: a,
+  theme: r,
   ownerState: o
-}) => s({
+}) => p({
   margin: 0
 }, o.variant === "inherit" && {
   // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
   font: "inherit"
-}, o.variant !== "inherit" && a.typography[o.variant], o.align !== "inherit" && {
+}, o.variant !== "inherit" && r.typography[o.variant], o.align !== "inherit" && {
   textAlign: o.align
 }, o.noWrap && {
   overflow: "hidden",
@@ -58,46 +60,46 @@ const E = ["align", "className", "component", "gutterBottom", "noWrap", "paragra
   body1: "p",
   body2: "p",
   inherit: "p"
-}, $ = {
+}, k = {
   primary: "primary.main",
   textPrimary: "text.primary",
   secondary: "secondary.main",
   textSecondary: "text.secondary",
   error: "error.main"
-}, z = (a) => $[a] || a, b = /* @__PURE__ */ C.forwardRef(function(o, r) {
-  const e = P({
+}, A = (r) => k[r] || r, d = /* @__PURE__ */ P.forwardRef(function(o, a) {
+  const e = _({
     props: o,
     name: "MuiTypography"
-  }), i = z(e.color), n = U(s({}, e, {
+  }), i = A(e.color), n = z(p({}, e, {
     color: i
   })), {
     align: h = "inherit",
-    className: p,
-    component: l,
-    gutterBottom: d = !1,
+    className: s,
+    component: c,
+    gutterBottom: T = !1,
     noWrap: v = !1,
-    paragraph: c = !1,
-    variant: g = "body1",
+    paragraph: g = !1,
+    variant: l = "body1",
     variantMapping: m = u
-  } = n, T = W(n, E), y = s({}, n, {
+  } = n, x = j(n, E), y = p({}, n, {
     align: h,
     color: i,
-    className: p,
-    component: l,
-    gutterBottom: d,
+    className: s,
+    component: c,
+    gutterBottom: T,
     noWrap: v,
-    paragraph: c,
-    variant: g,
+    paragraph: g,
+    variant: l,
     variantMapping: m
-  }), x = l || (c ? "p" : m[g] || u[g]) || "span", B = L(y);
-  return /* @__PURE__ */ _(V, s({
-    as: x,
-    ref: r,
+  }), B = c || (g ? "p" : m[l] || u[l]) || "span", C = L(y);
+  return /* @__PURE__ */ f(V, p({
+    as: B,
+    ref: a,
     ownerState: y,
-    className: N(B.root, p)
-  }, T));
+    className: U(C.root, s)
+  }, x));
 });
-process.env.NODE_ENV !== "production" && (b.propTypes = {
+process.env.NODE_ENV !== "production" && (d.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -172,7 +174,21 @@ process.env.NODE_ENV !== "production" && (b.propTypes = {
    */
   variantMapping: t.object
 });
-const w = b;
+const H = d, K = ({
+  type: r = "bodyText",
+  textColor: o = "black",
+  children: a,
+  sx: e,
+  ...i
+}) => {
+  const n = {
+    ...W[r],
+    color: M(o),
+    ...e
+  };
+  return /* @__PURE__ */ f(H, { sx: n, ...i, children: a });
+};
 export {
-  w as M
+  H as M,
+  K as T
 };

package/dist/main.js

@@ -2,21 +2,21 @@ import { default as a } from "./components/cell/AvatarGroup/index.js";
 import { default as t } from "./components/cell/Button/index.js";
 import { default as p } from "./components/cell/Chip/index.js";
 import { default as s } from "./components/cell/ProgressBar/index.js";
-import { default as d } from "./components/cell/Search/index.js";
-import { default as x } from "./components/cell/Typography/index.js";
-import { default as g } from "./components/organ/Form/index.js";
-import { F as y } from "./Form.interfaces-c9b49688.js";
-import { default as F } from "./components/organ/ZoomControlWithDrag/index.js";
+import { default as x } from "./components/cell/Search/index.js";
+import { T as l } from "./index-03287c17.js";
+import { default as T } from "./components/organ/Form/index.js";
+import { F as i } from "./Form.interfaces-c9b49688.js";
+import { default as C } from "./components/organ/ZoomControlWithDrag/index.js";
 import { default as n } from "./providers/CraftThemeProvider.js";
 export {
   a as AvatarGroup,
   t as Button,
   p as Chip,
   n as CraftThemeProvider,
-  g as Form,
-  y as FormTypes,
+  T as Form,
+  i as FormTypes,
   s as ProgressBar,
-  d as Search,
-  x as Typography,
-  F as ZoomControlWithDrag
+  x as Search,
+  l as Typography,
+  C as ZoomControlWithDrag
 };

package/dist/providers/CraftThemeProvider.js

@@ -2,9 +2,9 @@ import { jsx as u } from "react/jsx-runtime";
 import * as p from "react";
 import { useMemo as O } from "react";
 import { defaultTheme as P } from "../global/theme.js";
-import { P as n, a as c, _ as D, c as j, n as V } from "../createTheme-ca1567c6.js";
+import { P as n, a as c, _ as D, f as j, n as V } from "../createTheme-a4db2989.js";
 import { c as b, a as g, T as f } from "../useThemeWithoutDefault-188598a8.js";
-import { e as v } from "../exactProp-3d9df1ae.js";
+import { e as v } from "../exactProp-d79ccada.js";
 const l = /* @__PURE__ */ p.createContext(null);
 process.env.NODE_ENV !== "production" && (l.displayName = "ThemeContext");
 const E = l;

package/dist/{styled-80b57810.js → styled-126c6a62.js}

@@ -1,7 +1,7 @@
-import { a as E, g as we, j as re, _ as ne, b as z, s as Ce, c as xe } from "./createTheme-ca1567c6.js";
+import { a as E, g as we, h as re, _ as ne, c as z, s as Ce, f as xe } from "./createTheme-a4db2989.js";
 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";
 import * as F from "react";
-var V = { exports: {} }, f = {};
+var j = { exports: {} }, f = {};
 /**
  * @license React
  * react-is.production.min.js
@@ -16,7 +16,7 @@ function De() {
   if (X)
     return f;
   X = 1;
-  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;
+  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;
   g = Symbol.for("react.module.reference");
   function c(o) {
     if (typeof o == "object" && o !== null) {
@@ -35,7 +35,7 @@ function De() {
                 case S:
                 case a:
                 case m:
-                case _:
+                case b:
                 case v:
                 case l:
                   return o;
@@ -48,7 +48,7 @@ function De() {
       }
     }
   }
-  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() {
+  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() {
     return !1;
   }, f.isConcurrentMode = function() {
     return !1;
@@ -63,7 +63,7 @@ function De() {
   }, f.isFragment = function(o) {
     return c(o) === n;
   }, f.isLazy = function(o) {
-    return c(o) === _;
+    return c(o) === b;
   }, f.isMemo = function(o) {
     return c(o) === v;
   }, f.isPortal = function(o) {
@@ -77,7 +77,7 @@ function De() {
   }, f.isSuspenseList = function(o) {
     return c(o) === p;
   }, f.isValidElementType = function(o) {
-    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);
+    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);
   }, f.typeOf = c, f;
 }
 var d = {};
@@ -93,10 +93,10 @@ var d = {};
 var B;
 function ze() {
   return B || (B = 1, process.env.NODE_ENV !== "production" && function() {
-    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;
+    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;
     R = Symbol.for("react.module.reference");
-    function b(s) {
-      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
+    function _(s) {
+      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
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
@@ -104,8 +104,8 @@ function ze() {
     }
     function y(s) {
       if (typeof s == "object" && s !== null) {
-        var j = s.$$typeof;
-        switch (j) {
+        var V = s.$$typeof;
+        switch (V) {
           case e:
             var D = s.type;
             switch (D) {
@@ -121,20 +121,20 @@ function ze() {
                   case S:
                   case a:
                   case m:
-                  case _:
+                  case b:
                   case v:
                   case l:
                     return W;
                   default:
-                    return j;
+                    return V;
                 }
             }
           case t:
-            return j;
+            return V;
         }
       }
     }
-    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;
+    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;
     function de(s) {
       return q || (q = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 18+.")), !1;
     }
@@ -157,12 +157,12 @@ function ze() {
       return y(s) === n;
     }
     function Se(s) {
-      return y(s) === _;
+      return y(s) === b;
     }
-    function be(s) {
+    function _e(s) {
       return y(s) === v;
     }
-    function _e(s) {
+    function be(s) {
       return y(s) === t;
     }
     function Ee(s) {
@@ -177,24 +177,24 @@ function ze() {
     function Re(s) {
       return y(s) === p;
     }
-    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;
+    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;
   }()), d;
 }
-process.env.NODE_ENV === "production" ? V.exports = De() : V.exports = ze();
-var G = V.exports;
+process.env.NODE_ENV === "production" ? j.exports = De() : j.exports = ze();
+var G = j.exports;
 const Ye = /^\s*function(?:\s|\s*\/\*.*\*\/\s*)+([^(\s/]*)\s*/;
-function je(e) {
+function Ve(e) {
   const t = `${e}`.match(Ye);
   return t && t[1] || "";
 }
 function ie(e, t = "") {
-  return e.displayName || e.name || je(e) || t;
+  return e.displayName || e.name || Ve(e) || t;
 }
 function K(e, t, n) {
   const r = ie(t);
   return e.displayName || (r !== "" ? `${n}(${r})` : n);
 }
-function Ve(e) {
+function je(e) {
   if (e != null) {
     if (typeof e == "string")
       return e;
@@ -289,19 +289,19 @@ You may have forgotten to import it.`);
       v.push.apply(v, p);
     else {
       process.env.NODE_ENV !== "production" && p[0][0] === void 0 && console.error(Q), v.push(p[0][0]);
-      for (var _ = p.length, P = 1; P < _; P++)
+      for (var b = p.length, P = 1; P < b; P++)
         process.env.NODE_ENV !== "production" && p[0][P] === void 0 && console.error(Q), v.push(p[P], p[0][P]);
     }
     var g = Oe(function(c, o, T) {
-      var k = h && c.as || i, R = "", b = [], y = c;
+      var k = h && c.as || i, R = "", _ = [], y = c;
       if (c.theme == null) {
         y = {};
         for (var w in c)
           y[w] = c[w];
         y.theme = F.useContext($e);
       }
-      typeof c.className == "string" ? R = Ae(o.registered, b, c.className) : c.className != null && (R = c.className + " ");
-      var O = Fe(v.concat(b), o.registered, y);
+      typeof c.className == "string" ? R = Ae(o.registered, _, c.className) : c.className != null && (R = c.className + " ");
+      var O = Fe(v.concat(_), o.registered, y);
       R += o.key + "-" + O.name, a !== void 0 && (R += " " + a);
       var $ = h && S === void 0 ? J(k) : m, C = {};
       for (var u in c)
@@ -572,7 +572,7 @@ function ct(e = {}) {
     }))
   }));
   return l.__mui_systemSx = !0, (a, S = {}) => {
-    Je(a, (b) => b.filter((y) => !(y != null && y.__mui_systemSx)));
+    Je(a, (_) => _.filter((y) => !(y != null && y.__mui_systemSx)));
     const {
       name: m,
       slot: h,
@@ -580,7 +580,7 @@ function ct(e = {}) {
       skipSx: v,
       // TODO v6: remove `lowercaseFirstLetter()` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
-      overridesResolver: _ = lt(te(h))
+      overridesResolver: b = lt(te(h))
     } = S, P = ne(S, tt), g = p !== void 0 ? p : (
       // TODO v6: remove `Root` in the next major release
       // For more details: https://github.com/mui/material-ui/pull/37908
@@ -593,15 +593,15 @@ function ct(e = {}) {
     const k = Ke(a, E({
       shouldForwardProp: T,
       label: o
-    }, P)), R = (b, ...y) => {
+    }, P)), R = (_, ...y) => {
       const w = y ? y.map((u) => typeof u == "function" && u.__emotion_real !== u ? (x) => u(E({}, x, {
         theme: M(E({}, x, {
           defaultTheme: n,
           themeId: t
         }))
       })) : u) : [];
-      let O = b;
-      m && _ && w.push((u) => {
+      let O = _;
+      m && b && w.push((u) => {
         const x = M(E({}, u, {
           defaultTheme: n,
           themeId: t
@@ -612,7 +612,7 @@ function ct(e = {}) {
             N[Y] = typeof A == "function" ? A(E({}, u, {
               theme: x
             })) : A;
-          }), _(u, N);
+          }), b(u, N);
         }
         return null;
       }), m && !g && w.push((u) => {
@@ -623,14 +623,14 @@ function ct(e = {}) {
         return st(u, it(m, x), x, m);
       }), c || w.push(l);
       const $ = w.length - y.length;
-      if (Array.isArray(b) && $ > 0) {
+      if (Array.isArray(_) && $ > 0) {
         const u = new Array($).fill("");
-        O = [...b, ...u], O.raw = [...b.raw, ...u];
+        O = [..._, ...u], O.raw = [..._.raw, ...u];
       } else
-        typeof b == "function" && // On the server Emotion doesn't use React.forwardRef for creating components, so the created
+        typeof _ == "function" && // On the server Emotion doesn't use React.forwardRef for creating components, so the created
         // component stays as a function. This condition makes sure that we do not interpolate functions
         // which are basically components used as a selectors.
-        b.__emotion_real !== b && (O = (u) => b(E({}, u, {
+        _.__emotion_real !== _ && (O = (u) => _(E({}, u, {
           theme: M(E({}, u, {
             defaultTheme: n,
             themeId: t
@@ -639,7 +639,7 @@ function ct(e = {}) {
       const C = k(O, ...w);
       if (process.env.NODE_ENV !== "production") {
         let u;
-        m && (u = `${m}${z(h || "")}`), u === void 0 && (u = `Styled(${Ve(a)})`), C.displayName = u;
+        m && (u = `${m}${z(h || "")}`), u === void 0 && (u = `Styled(${je(a)})`), C.displayName = u;
       }
       return a.muiName && (C.muiName = a.muiName), C;
     };
@@ -668,7 +668,7 @@ function ft({
   });
 }
 const dt = xe(), ce = dt;
-function bt({
+function _t({
   props: e,
   name: t
 }) {
@@ -679,22 +679,22 @@ function bt({
     themeId: oe
   });
 }
-const mt = (e) => I(e) && e !== "classes", _t = I, pt = ct({
+const mt = (e) => I(e) && e !== "classes", bt = I, pt = ct({
   themeId: oe,
   defaultTheme: ce,
   rootShouldForwardProp: mt
 }), Et = pt;
 export {
-  Et as a,
-  bt as b,
+  _t as a,
+  vt as b,
   St as c,
   ce as d,
-  vt as e,
-  se as f,
+  se as e,
+  G as f,
   gt as g,
-  G as h,
-  _t as i,
+  bt as h,
+  Ke as i,
   mt as r,
-  Ke as s,
+  Et as s,
   Qe as u
 };

package/dist/{useTheme-16446f25.js → useTheme-573c40a2.js}

@@ -1,5 +1,5 @@
 import * as o from "react";
-import { u as r, d as s } from "./styled-80b57810.js";
+import { u as r, d as s } from "./styled-126c6a62.js";
 import { T as t } from "./useThemeWithoutDefault-188598a8.js";
 function a() {
   const e = r(s);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loopr-ai/craft",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "description": "Component library based out of Material UI customized to support Loopr AI products",
   "homepage": "https://loopr.ai",
   "author": {