@loopr-ai/craft 0.7.6 → 0.8.0

package/dist/{ButtonBase-85c9347b.js → ButtonBase-08b16b61.js}

@@ -1,10 +1,10 @@
-import { a as Y, _ as ie, P as e, g as Xe } from "./createTheme-a4db2989.js";
+import { a as Y, _ as ie, P as e, g as Xe } from "./createTheme-759a022d.js";
 import * as c from "react";
 import W, { Children as Ye, isValidElement as G, cloneElement as J } from "react";
-import { c as x, g as Te, s as re, a as ye, b as Ae } from "./styled-126c6a62.js";
+import { c as x, g as Te, s as re, a as ye, b as Ae } from "./styled-78608e1f.js";
 import { jsx as I, jsxs as qe } from "react/jsx-runtime";
 import { k as se } from "./emotion-react.browser.esm-ff33c213.js";
-import { _ as We, T as de, u as he, a as He, b as H, r as Ge, e as Je } from "./TransitionGroupContext-fe9a562f.js";
+import { _ as We, T as de, u as he, a as He, b as H, r as Ge, e as Je } from "./TransitionGroupContext-0e899f4c.js";
 function Qe(t) {
   if (t === void 0)
     throw new ReferenceError("this hasn't been initialised - super() hasn't been called");

package/dist/{TextField-fded06e5.js → TextField-f61d210a.js}

@@ -1,13 +1,13 @@
-import { P as e, g as ie, a as l, e as Oo, _ as G, c as ue, m as Wo, n as ao } from "./createTheme-a4db2989.js";
+import { P as e, g as ie, a as l, e as Oo, _ as G, c as ue, t as Wo, m as ao } from "./createTheme-759a022d.js";
 import * as c from "react";
-import { u as In, g as le, s as A, a as ce, c as re, b as ae, d as Nn, r as ke, f as co, h as wn } from "./styled-126c6a62.js";
+import { u as In, g as le, s as A, a as ce, c as re, b as ae, d as Nn, r as ke, f as co, j as wn } from "./styled-78608e1f.js";
 import { jsx as N, jsxs as ge } from "react/jsx-runtime";
-import { o as he, e as uo, a as Se, b as Sn, c as Co, d as Vo, f as kn, g as io, T as Mn, h as Fn, j as Ro, u as $e, P as $n, H as Ge, k as to, G as Ln, l as Po, m as Dn } from "./createSvgIcon-f773ce57.js";
-import { u as po } from "./useTheme-573c40a2.js";
-import { u as Ce, b as Io, c as fo, e as Uo, r as Ie } from "./TransitionGroupContext-fe9a562f.js";
-import { e as jn } from "./exactProp-d79ccada.js";
+import { o as he, e as uo, b as Se, d as Sn, c as Co, f as Vo, g as kn, h as io, T as Mn, j as Fn, k as Ro, l as $e, P as $n, H as Ge, m as to, G as Ln, u as Po, a as Dn } from "./createSvgIcon-45340b5e.js";
+import { u as po } from "./useTheme-8906bd79.js";
+import { u as Ce, b as Io, c as fo, e as Uo, r as Ie } from "./TransitionGroupContext-0e899f4c.js";
+import { e as jn } from "./exactProp-23d6a154.js";
 import { c as Ho } from "./chainPropTypes-004bf492.js";
-import { c as An } from "./createSvgIcon-58aa3adf.js";
+import { c as An } from "./createSvgIcon-5aac746d.js";
 import { T as Bn } from "./useThemeWithoutDefault-188598a8.js";
 import { G as _n } from "./emotion-react.browser.esm-ff33c213.js";
 function qo(o) {
@@ -5927,5 +5927,6 @@ export {
   mo as F,
   vr as L,
   Ds as T,
+  De as f,
   je as u
 };

package/dist/{Tooltip-b926c320.js → Tooltip-e797a425.js}

@@ -1,13 +1,13 @@
-import { s as jo, _ as Fe, a as A, g as gt, P as r, f as No, C as Bo, c as eo, e as to } from "./createTheme-a4db2989.js";
+import { s as jo, _ as Fe, a as A, g as gt, P as r, f as No, C as Bo, c as eo, e as to } from "./createTheme-759a022d.js";
 import { c as Lo, T as ko } from "./useThemeWithoutDefault-188598a8.js";
 import * as O from "react";
-import { i as So, u as Wo, c as ke, g as yt, b as oo, s as it, a as ro } from "./styled-126c6a62.js";
+import { k as So, u as Wo, c as ke, g as yt, b as oo, s as it, a as ro } from "./styled-78608e1f.js";
 import { jsx as ae, jsxs as Ft } from "react/jsx-runtime";
-import { e as Io } from "./extendSxProp-db8b9da5.js";
-import { u as Vo } from "./useTheme-573c40a2.js";
-import { o as Ht, P as Fo, H as ot, u as Ho, l as Uo, m as _o, G as Ut, n as Je, e as qo } from "./createSvgIcon-f773ce57.js";
+import { e as Io } from "./extendSxProp-cf8fd923.js";
+import { u as Vo } from "./useTheme-8906bd79.js";
+import { o as Ht, P as Fo, H as ot, l as Ho, u as Uo, a as _o, G as Ut, n as Je, e as qo } from "./createSvgIcon-45340b5e.js";
 import { c as zo } from "./chainPropTypes-004bf492.js";
-import { r as no, u as vt, c as _t, b as Yo, a as Xo } from "./TransitionGroupContext-fe9a562f.js";
+import { r as no, u as vt, c as _t, b as Yo, a as Xo } from "./TransitionGroupContext-0e899f4c.js";
 const Go = ["className", "component"];
 function Ko(e = {}) {
   const {

package/dist/{TransitionGroupContext-fe9a562f.js → TransitionGroupContext-0e899f4c.js}

@@ -1,4 +1,4 @@
-import { P as i } from "./createTheme-a4db2989.js";
+import { P as i } from "./createTheme-759a022d.js";
 import { c as m } from "./chainPropTypes-004bf492.js";
 import * as o from "react";
 import h from "react";

package/dist/{ZoomControllers-36e39bb0.js → ZoomControllers-d04c25f8.js}

@@ -1,11 +1,11 @@
 import J, { jsx as C, jsxs as zi, Fragment as Se } from "react/jsx-runtime";
-import { r as x, i as I } from "./createSvgIcon-f773ce57.js";
+import { r as x, i as I } from "./createSvgIcon-45340b5e.js";
 import * as Q from "react";
 import D, { useRef as q, useImperativeHandle as we, useEffect as vi, useContext as pi } from "react";
-import { g as Ce, T as H, B as Pe } from "./Tooltip-b926c320.js";
-import { g as ye, c as B, a as P, e as ui, _ as Zi, P as m } from "./createTheme-a4db2989.js";
-import { g as Te, s as mi, a as $i, c as Li, b as ji } from "./styled-126c6a62.js";
-import { B as Ye } from "./ButtonBase-85c9347b.js";
+import { g as Ce, T as H, B as Pe } from "./Tooltip-e797a425.js";
+import { g as ye, c as B, a as P, e as ui, _ as Zi, P as m } from "./createTheme-759a022d.js";
+import { g as Te, s as mi, a as $i, c as Li, b as ji } from "./styled-78608e1f.js";
+import { B as Ye } from "./ButtonBase-08b16b61.js";
 import { c as Ae } from "./chainPropTypes-004bf492.js";
 function _e(i) {
   return ye("MuiIconButton", i);

package/dist/components/cell/AvatarGroup/index.js

@@ -1,8 +1,8 @@
 import { jsx as h, jsxs as G } from "react/jsx-runtime";
-import { g as I, a as l, _ as k, P as a } from "../../../createTheme-a4db2989.js";
+import { g as I, a as l, _ as k, P as a } from "../../../createTheme-759a022d.js";
 import * as g from "react";
-import { g as D, s as M, a as E, c as R, b as U, f as F } from "../../../styled-126c6a62.js";
-import { c as q } from "../../../createSvgIcon-58aa3adf.js";
+import { g as D, s as M, a as E, c as R, b as U, f as F } from "../../../styled-78608e1f.js";
+import { c as q } from "../../../createSvgIcon-5aac746d.js";
 import { c as V } from "../../../chainPropTypes-004bf492.js";
 const B = q(/* @__PURE__ */ h("path", {
   d: "M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4z"

package/dist/components/cell/Button/index.js

@@ -1,9 +1,9 @@
 import { jsx as C, jsxs as F } from "react/jsx-runtime";
 import { getColorToHex as v } from "../../../global/colors.js";
-import { g as U, c as e, a as t, e as b, _ as D, P as a } from "../../../createTheme-a4db2989.js";
+import { g as U, c as e, a as t, e as b, _ as D, P as a } from "../../../createTheme-759a022d.js";
 import * as p from "react";
-import { g as H, s as y, r as A, e as q, a as J, c as R, b as K } from "../../../styled-126c6a62.js";
-import { B as Q } from "../../../ButtonBase-85c9347b.js";
+import { g as H, s as y, r as A, e as q, a as J, c as R, b as K } from "../../../styled-78608e1f.js";
+import { B as Q } from "../../../ButtonBase-08b16b61.js";
 function X(o) {
   return U("MuiButton", o);
 }

package/dist/components/cell/Chip/index.js

@@ -1,11 +1,11 @@
 import { jsx as m, jsxs as Q } from "react/jsx-runtime";
 import * as v from "react";
 import { useMemo as L } from "react";
-import { g as X, c as r, a as f, e as b, _ as Y, P as l } from "../../../createTheme-a4db2989.js";
-import { g as Z, s as U, a as w, c as k, b as oo } from "../../../styled-126c6a62.js";
-import { c as ao } from "../../../createSvgIcon-58aa3adf.js";
-import { u as lo } from "../../../TransitionGroupContext-fe9a562f.js";
-import { B as M } from "../../../ButtonBase-85c9347b.js";
+import { g as X, c as r, a as f, e as b, _ as Y, P as l } from "../../../createTheme-759a022d.js";
+import { g as Z, s as U, a as w, c as k, b as oo } from "../../../styled-78608e1f.js";
+import { c as ao } from "../../../createSvgIcon-5aac746d.js";
+import { u as lo } from "../../../TransitionGroupContext-0e899f4c.js";
+import { B as M } from "../../../ButtonBase-08b16b61.js";
 import { u as eo } from "../../../unsupportedProp-3dbf01f6.js";
 const ro = ao(/* @__PURE__ */ m("path", {
   d: "M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"

package/dist/components/cell/ProgressBar/index.js

@@ -1,9 +1,9 @@
 import { jsxs as j, jsx as v } from "react/jsx-runtime";
 import { getColorToHex as $ } from "../../../global/colors.js";
-import { g as D, c as n, a as l, _ as q, P as o, l as E, b as U } from "../../../createTheme-a4db2989.js";
+import { g as D, c as n, a as l, _ as q, P as o, l as E, b as U } from "../../../createTheme-759a022d.js";
 import * as z from "react";
-import { g as w, s as h, a as A, c as F, b as K } from "../../../styled-126c6a62.js";
-import { u as V } from "../../../useTheme-573c40a2.js";
+import { g as w, s as h, a as A, c as F, b as K } from "../../../styled-78608e1f.js";
+import { u as V } from "../../../useTheme-8906bd79.js";
 import { k as P, c as x } from "../../../emotion-react.browser.esm-ff33c213.js";
 function S(r) {
   return D("MuiLinearProgress", r);

package/dist/components/cell/Search/index.js

@@ -1,6 +1,6 @@
 import f, { jsx as r } from "react/jsx-runtime";
-import { r as c, i as p } from "../../../createSvgIcon-f773ce57.js";
-import { T as m } from "../../../TextField-fded06e5.js";
+import { r as c, i as p } from "../../../createSvgIcon-45340b5e.js";
+import { T as m } from "../../../TextField-f61d210a.js";
 var e = {}, v = p;
 Object.defineProperty(e, "__esModule", {
   value: !0

package/dist/components/cell/Typography/index.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../../global/colors.js";
 import "../../../global/theme.js";
-import { T as i } from "../../../index-03287c17.js";
+import { T as i } from "../../../index-c9c32237.js";
 export {
   i as default
 };

package/dist/components/organ/Form/Form.interfaces.d.ts

@@ -1,16 +1,24 @@
 /// <reference types="react" />
+export interface InputAdornments {
+    beforeLabel?: string | React.ReactNode;
+    afterLabel?: string | React.ReactNode;
+    beforeInput?: string | React.ReactNode;
+    afterInput?: string | React.ReactNode;
+}
+export interface FormInputAdornments {
+    [key: string]: InputAdornments;
+}
 export interface InputField {
     label: string;
     name: string;
-    type: "text" | "number" | "select" | "email" | "password" | "custom";
+    type: "text" | "number" | "select" | "email" | "password" | "custom" | "radio";
     placeholder?: string;
     required?: boolean;
     defaultValue?: string;
     disabled?: boolean;
-    beforeField?: string | React.ReactNode;
-    afterField?: string | React.ReactNode;
     helperText?: string;
     autofocus?: boolean;
+    inputAdornments?: InputAdornments;
 }
 export interface Option {
     name: string;

package/dist/components/organ/Form/Form.styles.d.ts

@@ -53,8 +53,8 @@ declare const styles: {
     };
     textfield: {
         "& .MuiInputBase-root": {
-            paddingLeft: number;
-            paddingRight: number;
+            paddingLeft: string;
+            paddingRight: string;
             "& input": {
                 textAlign: string;
                 padding: string;
@@ -101,5 +101,10 @@ declare const styles: {
         fontSize: string;
         color: string;
     };
+    labelAdornmentBox: {
+        display: string;
+        alignItems: string;
+        padding: string;
+    };
 };
 export default styles;

package/dist/components/organ/Form/Form.styles.js

@@ -1,5 +1,5 @@
 import { customColors as e } from "../../../global/colors.js";
-const r = {
+const o = {
   alignVertical: {
     display: "flex",
     flexDirection: "column"
@@ -54,8 +54,8 @@ const r = {
   },
   textfield: {
     "& .MuiInputBase-root": {
-      paddingLeft: 0,
-      paddingRight: 0,
+      paddingLeft: "0.5rem",
+      paddingRight: "0.5rem",
       "& input": {
         textAlign: "right",
         padding: "0.75rem"
@@ -101,8 +101,13 @@ const r = {
   errorIcon: {
     fontSize: "0.75rem",
     color: e.redLight
+  },
+  labelAdornmentBox: {
+    display: "flex",
+    alignItems: "center",
+    padding: "0 0.5rem"
   }
 };
 export {
-  r as default
+  o as default
 };

package/dist/components/organ/Form/FormInput.d.ts

@@ -22,6 +22,7 @@ export interface FormInputProps extends SelectField {
  * @param api_endpoint - Field API endpoint
  * @param error - Field error
  * @param helperText - Field helper text
+ * @param inputAdornments - Form Input adornments
  */
 declare const FormInput: CraftFC<FormInputProps>;
 export default FormInput;