@loopr-ai/craft 0.2.0 → 0.4.0

package/dist/{TransitionGroupContext-ee5b34c9.js → TransitionGroupContext-adf68f00.js}

@@ -1,52 +1,48 @@
-import { P as i } from "./createTheme-eb26b87a.js";
-import * as u from "react";
-import m from "react";
-function h(e, t) {
-  return process.env.NODE_ENV === "production" ? () => null : function(...r) {
-    return e(...r) || t(...r);
-  };
-}
+import { P as i } from "./createTheme-f511f0cd.js";
+import { c as m } from "./chainPropTypes-004bf492.js";
+import * as o from "react";
+import h from "react";
 function b(e) {
   const {
     prototype: t = {}
   } = e;
   return !!t.isReactComponent;
 }
-function E(e, t, n, r, o) {
-  const s = e[t], y = o || t;
-  if (s == null || // When server-side rendering React doesn't warn either.
+function w(e, t, n, u, r) {
+  const c = e[t], y = r || t;
+  if (c == null || // When server-side rendering React doesn't warn either.
   // This is not an accurate check for SSR.
   // This is only in place for emotion compat.
   // TODO: Revisit once https://github.com/facebook/react/issues/20047 is resolved.
   typeof window > "u")
     return null;
   let a;
-  return typeof s == "function" && !b(s) && (a = "Did you accidentally provide a plain function component instead?"), a !== void 0 ? new Error(`Invalid ${r} \`${y}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${a} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
+  return typeof c == "function" && !b(c) && (a = "Did you accidentally provide a plain function component instead?"), a !== void 0 ? new Error(`Invalid ${u} \`${y}\` supplied to \`${n}\`. Expected an element type that can hold a ref. ${a} For more information see https://mui.com/r/caveat-with-refs-guide`) : null;
 }
-const k = h(i.elementType, E), w = i.oneOfType([i.func, i.object]), C = w;
+const C = m(i.elementType, w), E = i.oneOfType([i.func, i.object]), K = E;
 function T(e, t) {
   typeof e == "function" ? e(t) : e && (e.current = t);
 }
-const v = typeof window < "u" ? u.useLayoutEffect : u.useEffect, R = v;
-function K(e) {
-  const t = u.useRef(e);
-  return R(() => {
+const R = typeof window < "u" ? o.useLayoutEffect : o.useEffect, v = R;
+function x(e) {
+  const t = o.useRef(e);
+  return v(() => {
     t.current = e;
-  }), u.useCallback((...n) => (
+  }), o.useCallback((...n) => (
     // @ts-expect-error hide `this`
     // tslint:disable-next-line:ban-comma-operator
     (0, t.current)(...n)
   ), []);
 }
-function x(...e) {
-  return u.useMemo(() => e.every((t) => t == null) ? null : (t) => {
+function j(...e) {
+  return o.useMemo(() => e.every((t) => t == null) ? null : (t) => {
     e.forEach((n) => {
       T(n, t);
     });
   }, e);
 }
-let c = !0, l = !1, d;
-const O = {
+let s = !0, l = !1, d;
+const g = {
   text: !0,
   search: !0,
   url: !0,
@@ -61,26 +57,26 @@ const O = {
   datetime: !0,
   "datetime-local": !0
 };
-function _(e) {
+function O(e) {
   const {
     type: t,
     tagName: n
   } = e;
-  return !!(n === "INPUT" && O[t] && !e.readOnly || n === "TEXTAREA" && !e.readOnly || e.isContentEditable);
+  return !!(n === "INPUT" && g[t] && !e.readOnly || n === "TEXTAREA" && !e.readOnly || e.isContentEditable);
 }
 function P(e) {
-  e.metaKey || e.altKey || e.ctrlKey || (c = !0);
+  e.metaKey || e.altKey || e.ctrlKey || (s = !0);
 }
 function f() {
-  c = !1;
+  s = !1;
 }
-function V() {
-  this.visibilityState === "hidden" && l && (c = !0);
-}
-function g(e) {
-  e.addEventListener("keydown", P, !0), e.addEventListener("mousedown", f, !0), e.addEventListener("pointerdown", f, !0), e.addEventListener("touchstart", f, !0), e.addEventListener("visibilitychange", V, !0);
+function _() {
+  this.visibilityState === "hidden" && l && (s = !0);
 }
 function F(e) {
+  e.addEventListener("keydown", P, !0), e.addEventListener("mousedown", f, !0), e.addEventListener("pointerdown", f, !0), e.addEventListener("touchstart", f, !0), e.addEventListener("visibilitychange", _, !0);
+}
+function V(e) {
   const {
     target: t
   } = e;
@@ -88,45 +84,44 @@ function F(e) {
     return t.matches(":focus-visible");
   } catch {
   }
-  return c || _(t);
+  return s || O(t);
 }
-function D() {
-  const e = u.useCallback((o) => {
-    o != null && g(o.ownerDocument);
-  }, []), t = u.useRef(!1);
+function A() {
+  const e = o.useCallback((r) => {
+    r != null && F(r.ownerDocument);
+  }, []), t = o.useRef(!1);
   function n() {
     return t.current ? (l = !0, window.clearTimeout(d), d = window.setTimeout(() => {
       l = !1;
     }, 100), t.current = !1, !0) : !1;
   }
-  function r(o) {
-    return F(o) ? (t.current = !0, !0) : !1;
+  function u(r) {
+    return V(r) ? (t.current = !0, !0) : !1;
   }
   return {
     isFocusVisibleRef: t,
-    onFocus: r,
+    onFocus: u,
     onBlur: n,
     ref: e
   };
 }
 function p(e, t) {
-  return p = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, o) {
-    return r.__proto__ = o, r;
+  return p = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(u, r) {
+    return u.__proto__ = r, u;
   }, p(e, t);
 }
-function j(e, t) {
+function D(e, t) {
   e.prototype = Object.create(t.prototype), e.prototype.constructor = e, p(e, t);
 }
-const A = m.createContext(null);
+const B = h.createContext(null);
 export {
-  A as T,
-  j as _,
-  D as a,
-  K as b,
-  h as c,
-  R as d,
-  k as e,
-  C as r,
+  B as T,
+  D as _,
+  A as a,
+  x as b,
+  v as c,
+  C as e,
+  K as r,
   T as s,
-  x as u
+  j as u
 };

package/dist/chainPropTypes-004bf492.js

@@ -0,0 +1,8 @@
+function o(r, e) {
+  return process.env.NODE_ENV === "production" ? () => null : function(...n) {
+    return r(...n) || e(...n);
+  };
+}
+export {
+  o as c
+};

package/dist/components/cell/AvatarGroup/index.d.ts

@@ -0,0 +1,31 @@
+/** @jsxImportSource react */
+import { SxProps } from "@mui/material";
+import { AvatarGroupProps as MUIAvatarGroupProps } from "@mui/material/AvatarGroup";
+import { AvatarProps as MUIAvatarProps } from "@mui/material/Avatar";
+import { CraftFC } from "../../../global/interfaces";
+/**
+ * This AvatarGroupProps Interface extend MUIAvatarGroupProps Interface
+ * @param {number} max - number
+ * @param {number} spacing - number
+ * @param {string[]} imagesArray - string[]
+ * @param {SxProps} sx - SxProps
+ * @param {MUIAvatarProps} avatarProps - MUIAvatarProps
+ */
+export interface AvatarGroupProps extends MUIAvatarGroupProps {
+    max?: number;
+    spacing?: number;
+    imagesArray?: string[];
+    sx?: SxProps;
+    avatarProps?: MUIAvatarProps;
+}
+/**
+ * This AvatarGroup Component is a wrapper of MUIAvatarGroup Component with some custom styles for the look props
+ * @param {number} max - number
+ * @param {number} spacing - number
+ * @param {string[]} imagesArray - string[]
+ * @param {SxProps} sx - SxProps
+ * @param {MUIAvatarProps} avatarProps - MUIAvatarProps
+ * @returns {JSX.Element}
+ */
+declare const AvatarGroup: CraftFC<AvatarGroupProps>;
+export default AvatarGroup;

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

@@ -0,0 +1,390 @@
+import { jsx as h, jsxs as G } from "react/jsx-runtime";
+import { g as I, _ as l, a as k, P as a } from "../../../createTheme-f511f0cd.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-9f5c49f8.js";
+import { c as q } from "../../../createSvgIcon-bd01dddd.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"
+}), "Person");
+function H(r) {
+  return I("MuiAvatar", r);
+}
+const W = D("MuiAvatar", ["root", "colorDefault", "circular", "rounded", "square", "img", "fallback"]), J = W, K = ["alt", "children", "className", "component", "imgProps", "sizes", "src", "srcSet", "variant"], Q = (r) => {
+  const {
+    classes: t,
+    variant: e,
+    colorDefault: o
+  } = r;
+  return U({
+    root: ["root", e, o && "colorDefault"],
+    img: ["img"],
+    fallback: ["fallback"]
+  }, H, t);
+}, X = M("div", {
+  name: "MuiAvatar",
+  slot: "Root",
+  overridesResolver: (r, t) => {
+    const {
+      ownerState: e
+    } = r;
+    return [t.root, t[e.variant], e.colorDefault && t.colorDefault];
+  }
+})(({
+  theme: r,
+  ownerState: t
+}) => l({
+  position: "relative",
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  flexShrink: 0,
+  width: 40,
+  height: 40,
+  fontFamily: r.typography.fontFamily,
+  fontSize: r.typography.pxToRem(20),
+  lineHeight: 1,
+  borderRadius: "50%",
+  overflow: "hidden",
+  userSelect: "none"
+}, t.variant === "rounded" && {
+  borderRadius: (r.vars || r).shape.borderRadius
+}, t.variant === "square" && {
+  borderRadius: 0
+}, t.colorDefault && l({
+  color: (r.vars || r).palette.background.default
+}, r.vars ? {
+  backgroundColor: r.vars.palette.Avatar.defaultBg
+} : {
+  backgroundColor: r.palette.mode === "light" ? r.palette.grey[400] : r.palette.grey[600]
+}))), Y = M("img", {
+  name: "MuiAvatar",
+  slot: "Img",
+  overridesResolver: (r, t) => t.img
+})({
+  width: "100%",
+  height: "100%",
+  textAlign: "center",
+  // Handle non-square image. The property isn't supported by IE11.
+  objectFit: "cover",
+  // Hide alt text.
+  color: "transparent",
+  // Hide the image broken icon, only works on Chrome.
+  textIndent: 1e4
+}), Z = M(B, {
+  name: "MuiAvatar",
+  slot: "Fallback",
+  overridesResolver: (r, t) => t.fallback
+})({
+  width: "75%",
+  height: "75%"
+});
+function aa({
+  crossOrigin: r,
+  referrerPolicy: t,
+  src: e,
+  srcSet: o
+}) {
+  const [n, i] = g.useState(!1);
+  return g.useEffect(() => {
+    if (!e && !o)
+      return;
+    i(!1);
+    let c = !0;
+    const s = new Image();
+    return s.onload = () => {
+      c && i("loaded");
+    }, s.onerror = () => {
+      c && i("error");
+    }, s.crossOrigin = r, s.referrerPolicy = t, s.src = e, o && (s.srcset = o), () => {
+      c = !1;
+    };
+  }, [r, t, e, o]), n;
+}
+const $ = /* @__PURE__ */ g.forwardRef(function(t, e) {
+  const o = E({
+    props: t,
+    name: "MuiAvatar"
+  }), {
+    alt: n,
+    children: i,
+    className: c,
+    component: s = "div",
+    imgProps: C,
+    sizes: y,
+    src: x,
+    srcSet: p,
+    variant: S = "circular"
+  } = o, N = k(o, K);
+  let m = null;
+  const u = aa(l({}, C, {
+    src: x,
+    srcSet: p
+  })), b = x || p, A = b && u !== "error", d = l({}, o, {
+    colorDefault: !A,
+    component: s,
+    variant: S
+  }), v = Q(d);
+  return A ? m = /* @__PURE__ */ h(Y, l({
+    alt: n,
+    src: x,
+    srcSet: p,
+    sizes: y,
+    ownerState: d,
+    className: v.img
+  }, C)) : i != null ? m = i : b && n ? m = n[0] : m = /* @__PURE__ */ h(Z, {
+    ownerState: d,
+    className: v.fallback
+  }), /* @__PURE__ */ h(X, l({
+    as: s,
+    ownerState: d,
+    className: R(v.root, c),
+    ref: e
+  }, N, {
+    children: m
+  }));
+});
+process.env.NODE_ENV !== "production" && ($.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * Used in combination with `src` or `srcSet` to
+   * provide an alt attribute for the rendered `img` element.
+   */
+  alt: a.string,
+  /**
+   * Used to render icon or text elements inside the Avatar if `src` is not set.
+   * This can be an element, or just a string.
+   */
+  children: a.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: a.object,
+  /**
+   * @ignore
+   */
+  className: a.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: a.elementType,
+  /**
+   * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/img#attributes) applied to the `img` element if the component is used to display an image.
+   * It can be used to listen for the loading error event.
+   */
+  imgProps: a.object,
+  /**
+   * The `sizes` attribute for the `img` element.
+   */
+  sizes: a.string,
+  /**
+   * The `src` attribute for the `img` element.
+   */
+  src: a.string,
+  /**
+   * The `srcSet` attribute for the `img` element.
+   * Use this attribute for responsive image display.
+   */
+  srcSet: a.string,
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
+  /**
+   * The shape of the avatar.
+   * @default 'circular'
+   */
+  variant: a.oneOfType([a.oneOf(["circular", "rounded", "square"]), a.string])
+});
+const z = $;
+function ra(r) {
+  return I("MuiAvatarGroup", r);
+}
+const ta = D("MuiAvatarGroup", ["root", "avatar"]), ea = ta, oa = ["children", "className", "component", "componentsProps", "max", "slotProps", "spacing", "total", "variant"], O = {
+  small: -16,
+  medium: null
+}, sa = (r) => {
+  const {
+    classes: t
+  } = r;
+  return U({
+    root: ["root"],
+    avatar: ["avatar"]
+  }, ra, t);
+}, na = M("div", {
+  name: "MuiAvatarGroup",
+  slot: "Root",
+  overridesResolver: (r, t) => l({
+    [`& .${ea.avatar}`]: t.avatar
+  }, t.root)
+})(({
+  theme: r
+}) => ({
+  [`& .${J.root}`]: {
+    border: `2px solid ${(r.vars || r).palette.background.default}`,
+    boxSizing: "content-box",
+    marginLeft: -8,
+    "&:last-child": {
+      marginLeft: 0
+    }
+  },
+  display: "flex",
+  flexDirection: "row-reverse"
+})), la = M(z, {
+  name: "MuiAvatarGroup",
+  slot: "Avatar",
+  overridesResolver: (r, t) => t.avatar
+})(({
+  theme: r
+}) => ({
+  border: `2px solid ${(r.vars || r).palette.background.default}`,
+  boxSizing: "content-box",
+  marginLeft: -8,
+  "&:last-child": {
+    marginLeft: 0
+  }
+})), L = /* @__PURE__ */ g.forwardRef(function(t, e) {
+  var o;
+  const n = E({
+    props: t,
+    name: "MuiAvatarGroup"
+  }), {
+    children: i,
+    className: c,
+    component: s = "div",
+    componentsProps: C = {},
+    max: y = 5,
+    slotProps: x = {},
+    spacing: p = "medium",
+    total: S,
+    variant: N = "circular"
+  } = n, m = k(n, oa);
+  let u = y < 2 ? 2 : y;
+  const b = l({}, n, {
+    max: y,
+    spacing: p,
+    component: s,
+    variant: N
+  }), A = sa(b), d = g.Children.toArray(i).filter((f) => (process.env.NODE_ENV !== "production" && F.isFragment(f) && console.error(["MUI: The AvatarGroup component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join(`
+`)), /* @__PURE__ */ g.isValidElement(f))), v = S || d.length;
+  v === u && (u += 1), u = Math.min(v + 1, u);
+  const T = Math.min(d.length, u - 1), j = Math.max(v - u, v - T, 0), w = p && O[p] !== void 0 ? O[p] : -p, P = (o = x.additionalAvatar) != null ? o : C.additionalAvatar;
+  return /* @__PURE__ */ G(na, l({
+    as: s,
+    ownerState: b,
+    className: R(A.root, c),
+    ref: e
+  }, m, {
+    children: [j ? /* @__PURE__ */ G(la, l({
+      ownerState: b,
+      variant: N
+    }, P, {
+      className: R(A.avatar, P == null ? void 0 : P.className),
+      style: l({
+        marginLeft: w
+      }, P == null ? void 0 : P.style),
+      children: ["+", j]
+    })) : null, d.slice(0, T).reverse().map((f, _) => /* @__PURE__ */ g.cloneElement(f, {
+      className: R(f.props.className, A.avatar),
+      style: l({
+        // Consistent with "&:last-child" styling for the default spacing,
+        // we do not apply custom marginLeft spacing on the last child
+        marginLeft: _ === T - 1 ? void 0 : w
+      }, f.props.style),
+      variant: f.props.variant || N
+    }))]
+  }));
+});
+process.env.NODE_ENV !== "production" && (L.propTypes = {
+  // ----------------------------- Warning --------------------------------
+  // | These PropTypes are generated from the TypeScript type definitions |
+  // |     To update them edit the d.ts file and run "yarn proptypes"     |
+  // ----------------------------------------------------------------------
+  /**
+   * The avatars to stack.
+   */
+  children: a.node,
+  /**
+   * Override or extend the styles applied to the component.
+   */
+  classes: a.object,
+  /**
+   * @ignore
+   */
+  className: a.string,
+  /**
+   * The component used for the root node.
+   * Either a string to use a HTML element or a component.
+   */
+  component: a.elementType,
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `slotProps` prop.
+   * It's recommended to use the `slotProps` prop instead, as `componentsProps` will be deprecated in the future.
+   *
+   * @default {}
+   */
+  componentsProps: a.shape({
+    additionalAvatar: a.object
+  }),
+  /**
+   * Max avatars to show before +x.
+   * @default 5
+   */
+  max: V(a.number, (r) => r.max < 2 ? new Error(["MUI: The prop `max` should be equal to 2 or above.", "A value below is clamped to 2."].join(`
+`)) : null),
+  /**
+   * The extra props for the slot components.
+   * You can override the existing props or add new ones.
+   *
+   * This prop is an alias for the `componentsProps` prop, which will be deprecated in the future.
+   *
+   * @default {}
+   */
+  slotProps: a.shape({
+    additionalAvatar: a.object
+  }),
+  /**
+   * Spacing between avatars.
+   * @default 'medium'
+   */
+  spacing: a.oneOfType([a.oneOf(["medium", "small"]), a.number]),
+  /**
+   * The system prop that allows defining system overrides as well as additional CSS styles.
+   */
+  sx: a.oneOfType([a.arrayOf(a.oneOfType([a.func, a.object, a.bool])), a.func, a.object]),
+  /**
+   * The total number of avatars. Used for calculating the number of extra avatars.
+   * @default children.length
+   */
+  total: a.number,
+  /**
+   * The variant to use.
+   * @default 'circular'
+   */
+  variant: a.oneOfType([a.oneOf(["circular", "rounded", "square"]), a.string])
+});
+const ia = L, ma = ({
+  max: r = 4,
+  spacing: t = 14,
+  imagesArray: e = [],
+  sx: o,
+  avatarProps: n,
+  ...i
+}) => /* @__PURE__ */ h(ia, { max: r, sx: o, spacing: t, ...i, children: e.map((c, s) => /* @__PURE__ */ h(
+  z,
+  {
+    src: c,
+    ...n
+  },
+  s
+)) });
+export {
+  ma as default
+};