@loopr-ai/craft 0.8.2 → 0.9.0

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-759a022d.js";
+import { g as I, a as l, _ as k, P as a } from "../../../createTheme-d2329909.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-78608e1f.js";
-import { c as q } from "../../../createSvgIcon-5aac746d.js";
+import { g as D, s as M, b as E, c as R, e as U, h as F } from "../../../styled-8f7db30d.js";
+import { c as q } from "../../../createSvgIcon-b444ce70.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

@@ -2,9 +2,9 @@ import { jsx as C, jsxs as F } from "react/jsx-runtime";
 import * as u from "react";
 import { forwardRef as U } from "react";
 import { getColorToHex as b } from "../../../global/colors.js";
-import { g as D, c as s, a as t, e as g, _ as H, P as a } from "../../../createTheme-759a022d.js";
-import { g as A, s as y, r as q, e as J, a as K, c as R, b as Q } from "../../../styled-78608e1f.js";
-import { B as X } from "../../../ButtonBase-08b16b61.js";
+import { g as D, b as s, a as t, f as g, _ as H, P as a } from "../../../createTheme-d2329909.js";
+import { g as A, s as y, r as q, f as J, b as K, c as R, e as Q } from "../../../styled-8f7db30d.js";
+import { B as X } from "../../../ButtonBase-46c20f20.js";
 function Y(o) {
   return D("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-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 { g as X, b as r, a as f, f as b, _ as Y, P as l } from "../../../createTheme-d2329909.js";
+import { g as Z, s as U, b as w, c as k, e as oo } from "../../../styled-8f7db30d.js";
+import { c as ao } from "../../../createSvgIcon-b444ce70.js";
+import { u as lo } from "../../../TransitionGroupContext-21923db7.js";
+import { B as M } from "../../../ButtonBase-46c20f20.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-759a022d.js";
+import { g as D, b as n, a as l, _ as q, P as o, l as E, e as U } from "../../../createTheme-d2329909.js";
 import * as z from "react";
-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 { g as w, s as h, b as A, c as F, e as K } from "../../../styled-8f7db30d.js";
+import { u as V } from "../../../useTheme-21caf71b.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-45340b5e.js";
-import { T as m } from "../../../TextField-f61d210a.js";
+import { r as c, i as p } from "../../../createSvgIcon-59e7bc15.js";
+import { T as m } from "../../../TextField-df89b641.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-c9c32237.js";
+import { T as i } from "../../../index-ae3eb123.js";
 export {
   i as default
 };

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

@@ -0,0 +1,14 @@
+declare const errorStyles: {
+    errorContainer: {
+        display: string;
+        alignItems: string;
+        gap: string;
+        marginTop: string;
+    };
+    errorIcon: {
+        color: string;
+        width: string;
+        height: string;
+    };
+};
+export default errorStyles;

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

@@ -0,0 +1,16 @@
+const r = {
+  errorContainer: {
+    display: "flex",
+    alignItems: "center",
+    gap: "0.5rem",
+    marginTop: "0.25rem"
+  },
+  errorIcon: {
+    color: "red",
+    width: "1rem",
+    height: "1rem"
+  }
+};
+export {
+  r as default
+};

package/dist/components/organ/Form/ErrorMessage/index.d.ts

@@ -0,0 +1,6 @@
+import { CraftFC } from "../../../../global/interfaces";
+interface ErrorMessageProps {
+    message: string;
+}
+declare const ErrorMessage: CraftFC<ErrorMessageProps>;
+export default ErrorMessage;

package/dist/components/organ/Form/ErrorMessage/index.js

@@ -0,0 +1,14 @@
+import { jsx as r, jsxs as e } from "react/jsx-runtime";
+import { T as s } from "../../../../index-ae3eb123.js";
+import o from "./ErrorMessage.styles.js";
+import { B as n } from "../../../../Box-96e795c4.js";
+import { c as m } from "../../../../createSvgIcon-b444ce70.js";
+const a = m(/* @__PURE__ */ r("path", {
+  d: "M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8z"
+}), "InfoOutlined"), h = ({ message: t }) => /* @__PURE__ */ e(n, { sx: o.errorContainer, children: [
+  /* @__PURE__ */ r(a, { sx: o.errorIcon }),
+  /* @__PURE__ */ r(s, { component: "span", type: "subtitleNormal", textColor: "error", children: t })
+] });
+export {
+  h as default
+};

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

@@ -8,10 +8,11 @@ export interface InputAdornments {
 export interface FormInputAdornments {
     [key: string]: InputAdornments;
 }
+export type InputFieldTypes = "text" | "number" | "select" | "email" | "password" | "custom" | "radio";
 export interface InputField {
     label: string;
     name: string;
-    type: "text" | "number" | "select" | "email" | "password" | "custom" | "radio";
+    type: InputFieldTypes;
     placeholder?: string;
     required?: boolean;
     defaultValue?: string;
@@ -23,9 +24,10 @@ export interface InputField {
 export interface Option {
     name: string;
     value: string;
+    description?: string;
 }
 export type OptionsType = Array<Option> | Array<string>;
-interface OptionsResponseHandler {
+export interface OptionsResponseHandler {
     key: string;
     name: string;
     value: string | number;

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

@@ -1,110 +1,17 @@
-declare const styles: {
+declare const formStyles: {
     alignVertical: {
         display: string;
         flexDirection: string;
     };
-    formInputWrapper: {
-        display: string;
-        alignItems: string;
-        outline: string;
-        outlineOffset: string;
-        border: string;
-        borderBottom: string;
-        "&:first-of-type": {
-            border: string;
-            borderRadius: string;
-            borderBottom: string;
-        };
-        "&:last-of-type": {
-            borderRadius: string;
-            borderBottom: string;
-        };
-        "&:only-of-type": {
-            borderRadius: string;
-        };
-        "& > label": {
-            flex: number;
-        };
-        "& > div": {
-            flex: number;
-            overflow: string;
-        };
-        "&:has(.Mui-focused)": {
-            outlineColor: string;
-        };
+    inputWrapper: {
+        marginBottom: string;
     };
     heading: {
         textAlign: string;
-        fontWeight: number;
+        fontWeight: string;
+        fontFamily: string;
         marginTop: string;
         marginBottom: string;
     };
-    label: {
-        color: string;
-        textAlign: string;
-        padding: string;
-    };
-    textfieldWrapper: {
-        padding: string;
-        "& > div": {
-            width: string;
-            borderRadius: string;
-        };
-    };
-    textfield: {
-        "& .MuiInputBase-root": {
-            paddingLeft: string;
-            paddingRight: string;
-            "& input": {
-                textAlign: string;
-                padding: string;
-            };
-            "& fieldset": {
-                border: string;
-            };
-            "&.Mui-focused": {
-                background: string;
-                "& .MuiSelect-select > span::before": {
-                    color: string;
-                };
-                "& input::placeholder": {
-                    color: string;
-                };
-            };
-        };
-        "& .MuiSelect-select": {
-            padding: string;
-            position: string;
-            textAlign: string;
-            "& > span::before": {
-                position: string;
-                right: string;
-            };
-        };
-    };
-    selectDropdown: {
-        boxShadow: string;
-        border: string;
-        borderRadius: string;
-    };
-    tooltipPopper: {
-        zIndex: number;
-    };
-    tooltip: {
-        "& .MuiTypography-root": {
-            display: string;
-            gap: string;
-            alignItems: string;
-        };
-    };
-    errorIcon: {
-        fontSize: string;
-        color: string;
-    };
-    labelAdornmentBox: {
-        display: string;
-        alignItems: string;
-        padding: string;
-    };
 };
-export default styles;
+export default formStyles;

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

@@ -1,113 +1,19 @@
-import { customColors as e } from "../../../global/colors.js";
-const o = {
+const t = {
   alignVertical: {
     display: "flex",
     flexDirection: "column"
   },
-  formInputWrapper: {
-    display: "flex",
-    alignItems: "center",
-    outline: "1px solid transparent",
-    outlineOffset: "-1px",
-    border: `1px solid ${e.borderGrey}`,
-    borderBottom: "none",
-    "&:first-of-type": {
-      border: `1px solid ${e.borderGrey}`,
-      borderRadius: "4px 4px 0 0",
-      borderBottom: "none"
-    },
-    "&:last-of-type": {
-      borderRadius: "0 0 4px 4px",
-      borderBottom: `1px solid ${e.borderGrey}`
-    },
-    "&:only-of-type": {
-      borderRadius: "4px"
-    },
-    "& > label": {
-      flex: 1
-    },
-    "& > div": {
-      flex: 2,
-      overflow: "hidden"
-    },
-    "&:has(.Mui-focused)": {
-      outlineColor: "black"
-    }
+  inputWrapper: {
+    marginBottom: "1rem"
   },
   heading: {
     textAlign: "left",
-    fontWeight: 500,
-    marginTop: "2rem",
-    marginBottom: "0.75rem"
-  },
-  label: {
-    color: e.darkGrey,
-    textAlign: "left",
-    padding: " 0 0.75rem"
-  },
-  textfieldWrapper: {
-    padding: "0.5rem",
-    "& > div": {
-      width: "100%",
-      borderRadius: "4px"
-    }
-  },
-  textfield: {
-    "& .MuiInputBase-root": {
-      paddingLeft: "0.5rem",
-      paddingRight: "0.5rem",
-      "& input": {
-        textAlign: "right",
-        padding: "0.75rem"
-      },
-      "& fieldset": {
-        border: "none"
-      },
-      "&.Mui-focused": {
-        background: e.lightGrey,
-        "& .MuiSelect-select > span::before": {
-          color: "rgba(153, 153, 153, 0.6)"
-        },
-        "& input::placeholder": {
-          color: e.grey
-        }
-      }
-    },
-    "& .MuiSelect-select": {
-      padding: "0.75rem",
-      position: "relative",
-      textAlign: "right",
-      "& > span::before": {
-        position: "absolute",
-        right: "2rem"
-      }
-    }
-  },
-  selectDropdown: {
-    boxShadow: "0px 2px 8px 0px rgba(0,0,0,0.8)",
-    border: "2px solid #E9F0F0",
-    borderRadius: "4px"
-  },
-  tooltipPopper: {
-    zIndex: 1
-  },
-  tooltip: {
-    "& .MuiTypography-root": {
-      display: "flex",
-      gap: "0.25rem",
-      alignItems: "center"
-    }
-  },
-  errorIcon: {
-    fontSize: "0.75rem",
-    color: e.redLight
-  },
-  labelAdornmentBox: {
-    display: "flex",
-    alignItems: "center",
-    padding: "0 0.5rem"
+    fontWeight: "bold",
+    fontFamily: "DM Sans, sans-serif",
+    marginTop: "1rem",
+    marginBottom: "0.5rem"
   }
 };
 export {
-  o as default
+  t as default
 };