@loopr-ai/craft 0.7.0 → 0.7.2

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-54078d82.js";
+import { g as I, a as l, _ as k, P as a } from "../../../createTheme-ca1567c6.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-2bc0b59e.js";
-import { c as q } from "../../../createSvgIcon-5180e4db.js";
+import { g as D, a as M, b as E, c as R, e as U, h as F } from "../../../styled-80b57810.js";
+import { c as q } from "../../../createSvgIcon-bb3d4825.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-54078d82.js";
+import { g as U, b as e, a as t, f as b, _ as D, P as a } from "../../../createTheme-ca1567c6.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-2bc0b59e.js";
-import { B as Q } from "../../../ButtonBase-c303b1df.js";
+import { g as H, a as y, r as A, f as q, b as J, c as R, e as K } from "../../../styled-80b57810.js";
+import { B as Q } from "../../../ButtonBase-fc1e48eb.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-54078d82.js";
-import { g as Z, s as U, a as w, c as k, b as oo } from "../../../styled-2bc0b59e.js";
-import { c as ao } from "../../../createSvgIcon-5180e4db.js";
-import { u as lo } from "../../../TransitionGroupContext-7cd3ef83.js";
-import { B as M } from "../../../ButtonBase-c303b1df.js";
+import { g as X, b as r, a as f, f as b, _ as Y, P as l } from "../../../createTheme-ca1567c6.js";
+import { g as Z, a as U, b as w, c as k, e as oo } from "../../../styled-80b57810.js";
+import { c as ao } from "../../../createSvgIcon-bb3d4825.js";
+import { u as lo } from "../../../TransitionGroupContext-ba502e63.js";
+import { B as M } from "../../../ButtonBase-fc1e48eb.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-54078d82.js";
+import { g as D, b as n, a as l, _ as q, P as o, l as E, e as U } from "../../../createTheme-ca1567c6.js";
 import * as z from "react";
-import { g as w, s as h, a as A, c as F, b as K } from "../../../styled-2bc0b59e.js";
-import { u as V } from "../../../useTheme-e2efed29.js";
+import { g as w, a as h, b as A, c as F, e as K } from "../../../styled-80b57810.js";
+import { u as V } from "../../../useTheme-16446f25.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-78477fc1.js";
-import { T as m } from "../../../TextField-b13f5aff.js";
+import { r as c, i as p } from "../../../createSvgIcon-8e5d9dc7.js";
+import { T as m } from "../../../TextField-a534df29.js";
 var e = {}, v = p;
 Object.defineProperty(e, "__esModule", {
   value: !0

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

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { getColorToHex as e } from "../../../global/colors.js";
 import { fontCustomizations as i } from "../../../global/theme.js";
-import { M as f } from "../../../Typography-c0106ed0.js";
+import { M as f } from "../../../Typography-65e5f8a8.js";
 const c = ({
   type: o = "bodyText",
   textColor: r = "black",

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

@@ -1,24 +1,24 @@
-import { jsx as c, jsxs as W, Fragment as q } from "react/jsx-runtime";
+import { jsx as c, jsxs as q, Fragment as H } from "react/jsx-runtime";
 import * as x from "react";
-import { useState as H, useCallback as J, useEffect as K } from "react";
-import { u as Q, F as X, L, T as Y } from "../../../TextField-b13f5aff.js";
-import { g as S, a as v, _ as B, P as t, c as N, e as M } from "../../../createTheme-54078d82.js";
-import { g as T, s as U, a as z, c as P, b as _, r as Z } from "../../../styled-2bc0b59e.js";
-import { M as ee } from "../../../Typography-c0106ed0.js";
-import { B as te } from "../../../ButtonBase-c303b1df.js";
-import { d as A } from "../../../dividerClasses-68f129df.js";
-import { a as oe, u as se } from "../../../TransitionGroupContext-7cd3ef83.js";
-function ne(e) {
-  return S("MuiInputAdornment", e);
+import { useState as J, useCallback as K, useEffect as Q } from "react";
+import { u as X, F as Y, L as A, T as Z } from "../../../TextField-a534df29.js";
+import { g as B, a as b, _ as U, P as t, b as P, f as M } from "../../../createTheme-ca1567c6.js";
+import { g as T, a as z, b as _, c as F, e as D, r as ee } from "../../../styled-80b57810.js";
+import { M as te } from "../../../Typography-65e5f8a8.js";
+import { B as oe } from "../../../ButtonBase-fc1e48eb.js";
+import { d as j } from "../../../dividerClasses-0233db5a.js";
+import { a as se, u as ne } from "../../../TransitionGroupContext-ba502e63.js";
+function ae(e) {
+  return B("MuiInputAdornment", e);
 }
-const ae = T("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]), j = ae;
-var R;
-const re = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"], ie = (e, o) => {
+const re = T("MuiInputAdornment", ["root", "filled", "standard", "outlined", "positionStart", "positionEnd", "disablePointerEvents", "hiddenLabel", "sizeSmall"]), R = re;
+var k;
+const ie = ["children", "className", "component", "disablePointerEvents", "disableTypography", "position", "variant"], le = (e, o) => {
   const {
     ownerState: s
   } = e;
-  return [o.root, o[`position${N(s.position)}`], s.disablePointerEvents === !0 && o.disablePointerEvents, o[s.variant]];
-}, le = (e) => {
+  return [o.root, o[`position${P(s.position)}`], s.disablePointerEvents === !0 && o.disablePointerEvents, o[s.variant]];
+}, ce = (e) => {
   const {
     classes: o,
     disablePointerEvents: s,
@@ -27,17 +27,17 @@ const re = ["children", "className", "component", "disablePointerEvents", "disab
     size: d,
     variant: l
   } = e, m = {
-    root: ["root", s && "disablePointerEvents", r && `position${N(r)}`, l, a && "hiddenLabel", d && `size${N(d)}`]
+    root: ["root", s && "disablePointerEvents", r && `position${P(r)}`, l, a && "hiddenLabel", d && `size${P(d)}`]
   };
-  return _(m, ne, o);
-}, ce = U("div", {
+  return D(m, ae, o);
+}, de = z("div", {
   name: "MuiInputAdornment",
   slot: "Root",
-  overridesResolver: ie
+  overridesResolver: le
 })(({
   theme: e,
   ownerState: o
-}) => v({
+}) => b({
   display: "flex",
   height: "0.01em",
   // Fix IE11 flexbox alignment. To remove at some point.
@@ -47,7 +47,7 @@ const re = ["children", "className", "component", "disablePointerEvents", "disab
   color: (e.vars || e).palette.action.active
 }, o.variant === "filled" && {
   // Styles applied to the root element if `variant="filled"`.
-  [`&.${j.positionStart}&:not(.${j.hiddenLabel})`]: {
+  [`&.${R.positionStart}&:not(.${R.hiddenLabel})`]: {
     marginTop: 16
   }
 }, o.position === "start" && {
@@ -59,8 +59,8 @@ const re = ["children", "className", "component", "disablePointerEvents", "disab
 }, o.disablePointerEvents === !0 && {
   // Styles applied to the root element if `disablePointerEvents={true}`.
   pointerEvents: "none"
-})), D = /* @__PURE__ */ x.forwardRef(function(o, s) {
-  const a = z({
+})), G = /* @__PURE__ */ x.forwardRef(function(o, s) {
+  const a = _({
     props: o,
     name: "MuiInputAdornment"
   }), {
@@ -69,33 +69,33 @@ const re = ["children", "className", "component", "disablePointerEvents", "disab
     component: l = "div",
     disablePointerEvents: m = !1,
     disableTypography: u = !1,
-    position: C,
+    position: I,
     variant: f
-  } = a, p = B(a, re), i = Q() || {};
-  let g = f;
-  f && i.variant && process.env.NODE_ENV !== "production" && f === i.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), i && !g && (g = i.variant);
-  const y = v({}, a, {
+  } = a, p = U(a, ie), i = X() || {};
+  let v = f;
+  f && i.variant && process.env.NODE_ENV !== "production" && f === i.variant && console.error("MUI: The `InputAdornment` variant infers the variant prop you do not have to provide one."), i && !v && (v = i.variant);
+  const g = b({}, a, {
     hiddenLabel: i.hiddenLabel,
     size: i.size,
     disablePointerEvents: m,
-    position: C,
-    variant: g
-  }), b = le(y);
-  return /* @__PURE__ */ c(X.Provider, {
+    position: I,
+    variant: v
+  }), C = ce(g);
+  return /* @__PURE__ */ c(Y.Provider, {
     value: null,
-    children: /* @__PURE__ */ c(ce, v({
+    children: /* @__PURE__ */ c(de, b({
       as: l,
-      ownerState: y,
-      className: P(b.root, d),
+      ownerState: g,
+      className: F(C.root, d),
       ref: s
     }, p, {
-      children: typeof r == "string" && !u ? /* @__PURE__ */ c(ee, {
+      children: typeof r == "string" && !u ? /* @__PURE__ */ c(te, {
         color: "text.secondary",
         children: r
-      }) : /* @__PURE__ */ W(x.Fragment, {
-        children: [C === "start" ? (
+      }) : /* @__PURE__ */ q(x.Fragment, {
+        children: [I === "start" ? (
           /* notranslate needed while Google Translate will not fix zero-width space issue */
-          R || (R = /* @__PURE__ */ c("span", {
+          k || (k = /* @__PURE__ */ c("span", {
             className: "notranslate",
             children: "​"
           }))
@@ -104,7 +104,7 @@ const re = ["children", "className", "component", "disablePointerEvents", "disab
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (D.propTypes = {
+process.env.NODE_ENV !== "production" && (G.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -152,16 +152,16 @@ process.env.NODE_ENV !== "production" && (D.propTypes = {
    */
   variant: t.oneOf(["filled", "outlined", "standard"])
 });
-const k = D, de = T("MuiListItemIcon", ["root", "alignItemsFlexStart"]), V = de, pe = T("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]), w = pe;
-function ue(e) {
-  return S("MuiMenuItem", e);
+const V = G, pe = T("MuiListItemIcon", ["root", "alignItemsFlexStart"]), w = pe, ue = T("MuiListItemText", ["root", "multiline", "dense", "inset", "primary", "secondary"]), S = ue;
+function me(e) {
+  return B("MuiMenuItem", e);
 }
-const me = T("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), O = me, fe = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"], be = (e, o) => {
+const fe = T("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divider", "gutters", "selected"]), h = fe, be = ["autoFocus", "component", "dense", "divider", "disableGutters", "focusVisibleClassName", "role", "tabIndex", "className"], ve = (e, o) => {
   const {
     ownerState: s
   } = e;
   return [o.root, s.dense && o.dense, s.divider && o.divider, !s.disableGutters && o.gutters];
-}, ve = (e) => {
+}, ge = (e) => {
   const {
     disabled: o,
     dense: s,
@@ -169,19 +169,19 @@ const me = T("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divid
     disableGutters: r,
     selected: d,
     classes: l
-  } = e, u = _({
+  } = e, u = D({
     root: ["root", s && "dense", o && "disabled", !r && "gutters", a && "divider", d && "selected"]
-  }, ue, l);
-  return v({}, l, u);
-}, ge = U(te, {
-  shouldForwardProp: (e) => Z(e) || e === "classes",
+  }, me, l);
+  return b({}, l, u);
+}, ye = z(oe, {
+  shouldForwardProp: (e) => ee(e) || e === "classes",
   name: "MuiMenuItem",
   slot: "Root",
-  overridesResolver: be
+  overridesResolver: ve
 })(({
   theme: e,
   ownerState: o
-}) => v({}, e.typography.body1, {
+}) => b({}, e.typography.body1, {
   display: "flex",
   justifyContent: "flex-start",
   alignItems: "center",
@@ -207,57 +207,57 @@ const me = T("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divid
       backgroundColor: "transparent"
     }
   },
-  [`&.${O.selected}`]: {
+  [`&.${h.selected}`]: {
     backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : M(e.palette.primary.main, e.palette.action.selectedOpacity),
-    [`&.${O.focusVisible}`]: {
+    [`&.${h.focusVisible}`]: {
       backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.focusOpacity}))` : M(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.focusOpacity)
     }
   },
-  [`&.${O.selected}:hover`]: {
+  [`&.${h.selected}:hover`]: {
     backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / calc(${e.vars.palette.action.selectedOpacity} + ${e.vars.palette.action.hoverOpacity}))` : M(e.palette.primary.main, e.palette.action.selectedOpacity + e.palette.action.hoverOpacity),
     // Reset on touch devices, it doesn't add specificity
     "@media (hover: none)": {
       backgroundColor: e.vars ? `rgba(${e.vars.palette.primary.mainChannel} / ${e.vars.palette.action.selectedOpacity})` : M(e.palette.primary.main, e.palette.action.selectedOpacity)
     }
   },
-  [`&.${O.focusVisible}`]: {
+  [`&.${h.focusVisible}`]: {
     backgroundColor: (e.vars || e).palette.action.focus
   },
-  [`&.${O.disabled}`]: {
+  [`&.${h.disabled}`]: {
     opacity: (e.vars || e).palette.action.disabledOpacity
   },
-  [`& + .${A.root}`]: {
+  [`& + .${j.root}`]: {
     marginTop: e.spacing(1),
     marginBottom: e.spacing(1)
   },
-  [`& + .${A.inset}`]: {
+  [`& + .${j.inset}`]: {
     marginLeft: 52
   },
-  [`& .${w.root}`]: {
+  [`& .${S.root}`]: {
     marginTop: 0,
     marginBottom: 0
   },
-  [`& .${w.inset}`]: {
+  [`& .${S.inset}`]: {
     paddingLeft: 36
   },
-  [`& .${V.root}`]: {
+  [`& .${w.root}`]: {
     minWidth: 36
   }
 }, !o.dense && {
   [e.breakpoints.up("sm")]: {
     minHeight: "auto"
   }
-}, o.dense && v({
+}, o.dense && b({
   minHeight: 32,
   // https://m2.material.io/components/menus#specs > Dense
   paddingTop: 4,
   paddingBottom: 4
 }, e.typography.body2, {
-  [`& .${V.root} svg`]: {
+  [`& .${w.root} svg`]: {
     fontSize: "1.25rem"
   }
-}))), G = /* @__PURE__ */ x.forwardRef(function(o, s) {
-  const a = z({
+}))), W = /* @__PURE__ */ x.forwardRef(function(o, s) {
+  const a = _({
     props: o,
     name: "MuiMenuItem"
   }), {
@@ -266,39 +266,39 @@ const me = T("MuiMenuItem", ["root", "focusVisible", "dense", "disabled", "divid
     dense: l = !1,
     divider: m = !1,
     disableGutters: u = !1,
-    focusVisibleClassName: C,
+    focusVisibleClassName: I,
     role: f = "menuitem",
     tabIndex: p,
     className: i
-  } = a, g = B(a, fe), y = x.useContext(L), b = x.useMemo(() => ({
-    dense: l || y.dense || !1,
+  } = a, v = U(a, be), g = x.useContext(A), C = x.useMemo(() => ({
+    dense: l || g.dense || !1,
     disableGutters: u
-  }), [y.dense, l, u]), $ = x.useRef(null);
-  oe(() => {
-    r && ($.current ? $.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
+  }), [g.dense, l, u]), y = x.useRef(null);
+  se(() => {
+    r && (y.current ? y.current.focus() : process.env.NODE_ENV !== "production" && console.error("MUI: Unable to set focus to a MenuItem whose component has not been rendered."));
   }, [r]);
-  const E = v({}, a, {
-    dense: b.dense,
+  const E = b({}, a, {
+    dense: C.dense,
     divider: m,
     disableGutters: u
-  }), h = ve(a), n = se($, s);
-  let I;
-  return a.disabled || (I = p !== void 0 ? p : -1), /* @__PURE__ */ c(L.Provider, {
-    value: b,
-    children: /* @__PURE__ */ c(ge, v({
-      ref: n,
+  }), $ = ge(a), N = ne(y, s);
+  let n;
+  return a.disabled || (n = p !== void 0 ? p : -1), /* @__PURE__ */ c(A.Provider, {
+    value: C,
+    children: /* @__PURE__ */ c(ye, b({
+      ref: N,
       role: f,
-      tabIndex: I,
+      tabIndex: n,
       component: d,
-      focusVisibleClassName: P(h.focusVisible, C),
-      className: P(h.root, i)
-    }, g, {
+      focusVisibleClassName: F($.focusVisible, I),
+      className: F($.root, i)
+    }, v, {
       ownerState: E,
-      classes: h
+      classes: $
     }))
   });
 });
-process.env.NODE_ENV !== "production" && (G.propTypes = {
+process.env.NODE_ENV !== "production" && (W.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -373,7 +373,7 @@ process.env.NODE_ENV !== "production" && (G.propTypes = {
    */
   tabIndex: t.number
 });
-const ye = G, Pe = ({
+const Ie = W, Fe = ({
   name: e,
   label: o,
   type: s,
@@ -383,58 +383,60 @@ const ye = G, Pe = ({
   required: l,
   disabled: m,
   beforeField: u,
-  afterField: C,
+  afterField: I,
   options: f,
   optionsResponseHandler: p,
   api_endpoint: i,
-  error: g,
-  helperText: y
+  error: v,
+  helperText: g,
+  autofocus: C
 }) => {
-  const [b, $] = H([]);
-  function E(n) {
+  const [y, E] = J([]);
+  function $(n) {
     r(e, n.target.value);
   }
-  const h = J(async () => {
+  const N = K(async () => {
     var n;
-    return s !== "select" ? [] : f || (i && p ? (n = (await (await fetch(i)).json())[p.key]) == null ? void 0 : n.map((F) => ({
-      name: F[p.name],
-      value: F[p.value]
+    return s !== "select" ? [] : f || (i && p ? (n = (await (await fetch(i)).json())[p.key]) == null ? void 0 : n.map((L) => ({
+      name: L[p.name],
+      value: L[p.value]
     })) : []);
   }, [s, p, i]);
-  return K(() => {
-    h().then((n) => $(n));
+  return Q(() => {
+    N().then((n) => E(n));
   }, []), s !== "custom" ? /* @__PURE__ */ c(
-    Y,
+    Z,
     {
       label: o,
+      autoFocus: C,
       name: e,
       type: s,
       select: s === "select",
       value: a,
-      onChange: E,
+      onChange: $,
       placeholder: d,
       required: l,
       disabled: m,
-      error: g,
-      helperText: y,
+      error: v,
+      helperText: g,
       InputProps: {
-        startAdornment: /* @__PURE__ */ c(k, { position: "start", children: u }),
-        endAdornment: /* @__PURE__ */ c(k, { position: "end", children: C })
+        startAdornment: /* @__PURE__ */ c(V, { position: "start", children: u }),
+        endAdornment: /* @__PURE__ */ c(V, { position: "end", children: I })
       },
-      children: s === "select" && (b == null ? void 0 : b.map((n) => {
-        const I = typeof n == "object";
+      children: s === "select" && (y == null ? void 0 : y.map((n) => {
+        const O = typeof n == "object";
         return /* @__PURE__ */ c(
-          ye,
+          Ie,
           {
-            value: I ? n.value : n,
-            children: I ? n.name : n
+            value: O ? n.value : n,
+            children: O ? n.name : n
           },
-          I ? n.name : n
+          O ? n.name : n
         );
       }))
     }
-  ) : /* @__PURE__ */ c(q, {});
+  ) : /* @__PURE__ */ c(H, {});
 };
 export {
-  Pe as default
+  Fe as default
 };

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

@@ -11,6 +11,7 @@ export interface InputField {
     beforeField?: string | React.ReactNode;
     afterField?: string | React.ReactNode;
     helperText?: string;
+    autofocus?: boolean;
 }
 export interface Option {
     name: string;
@@ -39,6 +40,7 @@ export interface ConfigField extends SelectField {
     validation?: Validation;
     customComponent?: string;
     submitDataKey?: string;
+    preFillWithDateTime?: boolean;
 }
 export interface CustomFieldProps {
     value: string;

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-declare const formStyles: {
+declare const styles: {
     [key: string]: React.CSSProperties;
 };
-export default formStyles;
+export default styles;

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

@@ -1,5 +1,5 @@
 const e = {
-  form: {
+  alignVertical: {
     display: "flex",
     flexDirection: "column",
     gap: "1rem"

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

@@ -1,2 +1,3 @@
 export declare function createNestedObject(finalObjectKey: string, type: string, value: string): any;
 export declare function deepMergeObjects(finalObj: any, nestedObj: any): any;
+export declare function getLocalDateTime(): string;

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

@@ -1,27 +1,32 @@
-function k(t, r, e) {
-  const c = t.split("."), o = c.length - 1;
-  let s = {};
-  for (let n = o; n >= 0; n--) {
-    const u = c[n];
-    let y = {};
-    n === o ? s[u] = r === "number" ? parseInt(e) : e : (y[u] = { ...s }, s = y);
+function d(t, n, e) {
+  const o = t.split("."), c = o.length - 1;
+  let r = {};
+  for (let s = c; s >= 0; s--) {
+    const a = o[s];
+    let g = {};
+    s === c ? r[a] = n === "number" ? parseInt(e) : e : (g[a] = { ...r }, r = g);
   }
-  return s;
+  return r;
 }
-function p(t, r) {
-  const [e] = Object.keys(r);
+function u(t, n) {
+  const [e] = Object.keys(n);
   return t.hasOwnProperty(e) ? {
     ...t,
-    [e]: p(
+    [e]: u(
       t[e],
-      r[e]
+      n[e]
     )
   } : {
     ...t,
-    ...r
+    ...n
   };
 }
+function i() {
+  const t = /* @__PURE__ */ new Date(), n = t.getFullYear(), e = String(t.getMonth() + 1).padStart(2, "0"), o = String(t.getDate()).padStart(2, "0"), c = String(t.getHours()).padStart(2, "0"), r = String(t.getMinutes()).padStart(2, "0"), s = String(t.getSeconds()).padStart(2, "0");
+  return `${n}-${e}-${o} ${c}:${r}:${s}`;
+}
 export {
-  k as createNestedObject,
-  p as deepMergeObjects
+  d as createNestedObject,
+  u as deepMergeObjects,
+  i as getLocalDateTime
 };

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

@@ -1,3 +1,4 @@
+import { SxProps } from "@mui/material";
 import React from "react";
 import { CraftFC } from "../../../global/interfaces";
 import { ConfigField, CustomFields, InvalidData } from "./Form.interfaces";
@@ -10,7 +11,8 @@ interface FormProps {
     handleCancel: () => void;
     onChange?: (key: string, value: string) => void;
     customFields?: CustomFields;
-    style?: React.CSSProperties;
+    formStyles?: React.CSSProperties;
+    buttonWrapperStyles?: SxProps;
 }
 /**
  * Form component