@loopr-ai/craft 0.1.0 → 0.3.0

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-95c30431.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-05df7dc6.js";
+import { c as q } from "../../../createSvgIcon-5dcb7caa.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
+};

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

@@ -1,5 +1,20 @@
-import React from 'react';
-export interface ButtonProps extends React.HtmlHTMLAttributes<HTMLButtonElement> {
+import { ButtonProps as MuiButtonProps } from "@mui/material/Button";
+import { CraftFC } from "../../../global/interfaces";
+/**
+ * This ButtonProps Interface extend MuiButtonProps Interface
+ * @param {string} look - "normal" | "modified"
+ */
+export interface ButtonProps extends MuiButtonProps {
+    look?: "normal" | "modified";
 }
-declare const _default: React.NamedExoticComponent<ButtonProps>;
-export default _default;
+/**
+ * This Button Component is a wrapper of MuiButton Component with some custom styles for the look props
+ * @param {string} variant - "contained" | "outlined" | "text"
+ * @param {boolean} disabled - true | false
+ * @param {string} look - "normal" | "modified"
+ * @param {React.ReactNode} children - React.ReactNode
+ * @param {SxProps} sx - SxProps
+ * @returns {JSX.Element}
+ */
+declare const Button: CraftFC<ButtonProps>;
+export default Button;