@loopr-ai/craft 0.4.1 → 0.5.0

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

@@ -1,78 +1,54 @@
 import { jsx as f } from "react/jsx-runtime";
-import { getColorToHex as O } from "../../../global/colors.js";
-import { fontCustomizations as j } from "../../../global/theme.js";
-import { a as b, _ as p, b as W, i as M, g as _, c as d, P as r } from "../../../createTheme-f511f0cd.js";
-import * as $ from "react";
-import { g as N, s as R, a as U, c as A, b as E } from "../../../styled-9f5c49f8.js";
-const k = ["sx"], z = (o) => {
-  var t, a;
-  const n = {
-    systemProps: {},
-    otherProps: {}
-  }, s = (t = o == null || (a = o.theme) == null ? void 0 : a.unstable_sxConfig) != null ? t : W;
-  return Object.keys(o).forEach((e) => {
-    s[e] ? n.systemProps[e] = o[e] : n.otherProps[e] = o[e];
-  }), n;
-};
-function D(o) {
-  const {
-    sx: t
-  } = o, a = b(o, k), {
-    systemProps: n,
-    otherProps: s
-  } = z(a);
-  let e;
-  return Array.isArray(t) ? e = [n, ...t] : typeof t == "function" ? e = (...l) => {
-    const i = t(...l);
-    return M(i) ? p({}, n, i) : n;
-  } : e = p({}, n, t), p({}, s, {
-    sx: e
-  });
-}
-function L(o) {
-  return _("MuiTypography", o);
+import { getColorToHex as W } from "../../../global/colors.js";
+import { fontCustomizations as M } from "../../../global/theme.js";
+import { g as O, c as b, a as p, _ as j, P as t } from "../../../createTheme-a4db2989.js";
+import * as P from "react";
+import { g as N, s as R, a as _, c as U, b as $ } from "../../../styled-d4863b7f.js";
+import { e as z } from "../../../extendSxProp-db8b9da5.js";
+function D(r) {
+  return O("MuiTypography", r);
 }
 N("MuiTypography", ["root", "h1", "h2", "h3", "h4", "h5", "h6", "subtitle1", "subtitle2", "body1", "body2", "inherit", "button", "caption", "overline", "alignLeft", "alignRight", "alignCenter", "alignJustify", "noWrap", "gutterBottom", "paragraph"]);
-const V = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], H = (o) => {
+const E = ["align", "className", "component", "gutterBottom", "noWrap", "paragraph", "variant", "variantMapping"], L = (r) => {
   const {
-    align: t,
+    align: o,
     gutterBottom: a,
-    noWrap: n,
-    paragraph: s,
-    variant: e,
-    classes: l
-  } = o, i = {
-    root: ["root", e, o.align !== "inherit" && `align${d(t)}`, a && "gutterBottom", n && "noWrap", s && "paragraph"]
+    noWrap: e,
+    paragraph: i,
+    variant: n,
+    classes: h
+  } = r, s = {
+    root: ["root", n, r.align !== "inherit" && `align${b(o)}`, a && "gutterBottom", e && "noWrap", i && "paragraph"]
   };
-  return E(i, L, l);
-}, J = R("span", {
+  return $(s, D, h);
+}, V = R("span", {
   name: "MuiTypography",
   slot: "Root",
-  overridesResolver: (o, t) => {
+  overridesResolver: (r, o) => {
     const {
       ownerState: a
-    } = o;
-    return [t.root, a.variant && t[a.variant], a.align !== "inherit" && t[`align${d(a.align)}`], a.noWrap && t.noWrap, a.gutterBottom && t.gutterBottom, a.paragraph && t.paragraph];
+    } = r;
+    return [o.root, a.variant && o[a.variant], a.align !== "inherit" && o[`align${b(a.align)}`], a.noWrap && o.noWrap, a.gutterBottom && o.gutterBottom, a.paragraph && o.paragraph];
   }
 })(({
-  theme: o,
-  ownerState: t
+  theme: r,
+  ownerState: o
 }) => p({
   margin: 0
-}, t.variant === "inherit" && {
+}, o.variant === "inherit" && {
   // Some elements, like <button> on Chrome have default font that doesn't inherit, reset this.
   font: "inherit"
-}, t.variant !== "inherit" && o.typography[t.variant], t.align !== "inherit" && {
-  textAlign: t.align
-}, t.noWrap && {
+}, o.variant !== "inherit" && r.typography[o.variant], o.align !== "inherit" && {
+  textAlign: o.align
+}, o.noWrap && {
   overflow: "hidden",
   textOverflow: "ellipsis",
   whiteSpace: "nowrap"
-}, t.gutterBottom && {
+}, o.gutterBottom && {
   marginBottom: "0.35em"
-}, t.paragraph && {
+}, o.paragraph && {
   marginBottom: 16
-})), y = {
+})), u = {
   h1: "h1",
   h2: "h2",
   h3: "h3",
@@ -84,46 +60,46 @@ const V = ["align", "className", "component", "gutterBottom", "noWrap", "paragra
   body1: "p",
   body2: "p",
   inherit: "p"
-}, S = {
+}, k = {
   primary: "primary.main",
   textPrimary: "text.primary",
   secondary: "secondary.main",
   textSecondary: "text.secondary",
   error: "error.main"
-}, q = (o) => S[o] || o, x = /* @__PURE__ */ $.forwardRef(function(t, a) {
-  const n = U({
-    props: t,
+}, A = (r) => k[r] || r, d = /* @__PURE__ */ P.forwardRef(function(o, a) {
+  const e = _({
+    props: o,
     name: "MuiTypography"
-  }), s = q(n.color), e = D(p({}, n, {
-    color: s
+  }), i = A(e.color), n = z(p({}, e, {
+    color: i
   })), {
-    align: l = "inherit",
-    className: i,
-    component: h,
+    align: h = "inherit",
+    className: s,
+    component: c,
     gutterBottom: v = !1,
     noWrap: T = !1,
     paragraph: g = !1,
-    variant: c = "body1",
-    variantMapping: m = y
-  } = e, P = b(e, V), u = p({}, e, {
-    align: l,
-    color: s,
-    className: i,
-    component: h,
+    variant: l = "body1",
+    variantMapping: m = u
+  } = n, x = j(n, E), y = p({}, n, {
+    align: h,
+    color: i,
+    className: s,
+    component: c,
     gutterBottom: v,
     noWrap: T,
     paragraph: g,
-    variant: c,
+    variant: l,
     variantMapping: m
-  }), C = h || (g ? "p" : m[c] || y[c]) || "span", B = H(u);
-  return /* @__PURE__ */ f(J, p({
-    as: C,
+  }), B = c || (g ? "p" : m[l] || u[l]) || "span", C = L(y);
+  return /* @__PURE__ */ f(V, p({
+    as: B,
     ref: a,
-    ownerState: u,
-    className: A(B.root, i)
-  }, P));
+    ownerState: y,
+    className: U(C.root, s)
+  }, x));
 });
-process.env.NODE_ENV !== "production" && (x.propTypes = {
+process.env.NODE_ENV !== "production" && (d.propTypes = {
   // ----------------------------- Warning --------------------------------
   // | These PropTypes are generated from the TypeScript type definitions |
   // |     To update them edit the d.ts file and run "yarn proptypes"     |
@@ -132,29 +108,29 @@ process.env.NODE_ENV !== "production" && (x.propTypes = {
    * Set the text-align on the component.
    * @default 'inherit'
    */
-  align: r.oneOf(["center", "inherit", "justify", "left", "right"]),
+  align: t.oneOf(["center", "inherit", "justify", "left", "right"]),
   /**
    * The content of the component.
    */
-  children: r.node,
+  children: t.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: r.object,
+  classes: t.object,
   /**
    * @ignore
    */
-  className: r.string,
+  className: t.string,
   /**
    * The component used for the root node.
    * Either a string to use a HTML element or a component.
    */
-  component: r.elementType,
+  component: t.elementType,
   /**
    * If `true`, the text will have a bottom margin.
    * @default false
    */
-  gutterBottom: r.bool,
+  gutterBottom: t.bool,
   /**
    * If `true`, the text will not wrap, but instead will truncate with a text overflow ellipsis.
    *
@@ -162,21 +138,21 @@ process.env.NODE_ENV !== "production" && (x.propTypes = {
    * (the element needs to have a width in order to overflow).
    * @default false
    */
-  noWrap: r.bool,
+  noWrap: t.bool,
   /**
    * If `true`, the element will be a paragraph element.
    * @default false
    */
-  paragraph: r.bool,
+  paragraph: t.bool,
   /**
    * The system prop that allows defining system overrides as well as additional CSS styles.
    */
-  sx: r.oneOfType([r.arrayOf(r.oneOfType([r.func, r.object, r.bool])), r.func, r.object]),
+  sx: t.oneOfType([t.arrayOf(t.oneOfType([t.func, t.object, t.bool])), t.func, t.object]),
   /**
    * Applies the theme typography styles.
    * @default 'body1'
    */
-  variant: r.oneOfType([r.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), r.string]),
+  variant: t.oneOfType([t.oneOf(["body1", "body2", "button", "caption", "h1", "h2", "h3", "h4", "h5", "h6", "inherit", "overline", "subtitle1", "subtitle2"]), t.string]),
   /**
    * The component maps the variant prop to a range of different HTML element types.
    * For instance, subtitle1 to `<h6>`.
@@ -196,22 +172,22 @@ process.env.NODE_ENV !== "production" && (x.propTypes = {
    *   inherit: 'p',
    * }
    */
-  variantMapping: r.object
+  variantMapping: t.object
 });
-const w = x, X = ({
-  type: o = "bodyText",
-  textColor: t = "black",
+const H = d, K = ({
+  type: r = "bodyText",
+  textColor: o = "black",
   children: a,
-  sx: n,
-  ...s
+  sx: e,
+  ...i
 }) => {
-  const e = {
-    ...j[o],
-    color: O(t),
-    ...n
+  const n = {
+    ...M[r],
+    color: W(o),
+    ...e
   };
-  return /* @__PURE__ */ f(w, { sx: e, ...s, children: a });
+  return /* @__PURE__ */ f(H, { sx: n, ...i, children: a });
 };
 export {
-  X as default
+  K as default
 };

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

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { IconButtonOwnProps } from "@mui/material/IconButton";
 import { ContainerOwnProps } from "@mui/material/Container";
 import { DividerOwnProps } from "@mui/material/Divider";
+import { IconButtonOwnProps } from "@mui/material/IconButton";
+import React from "react";
 import { ReactZoomPanPinchProps } from "react-zoom-pan-pinch";
 import { CraftFC } from "../../../global/interfaces";
 interface ZoomControllerProps {
@@ -9,12 +9,17 @@ interface ZoomControllerProps {
     zoomInButtonProps?: IconButtonOwnProps;
     zoomOutButtonProps?: IconButtonOwnProps;
     resetTransformButtonProps?: IconButtonOwnProps;
+    rotateButtonProps?: IconButtonOwnProps;
     dividerProps?: DividerOwnProps;
+    rotate: boolean;
+    handleRotate: () => void;
 }
 interface ZoomControlWithDragProps extends ReactZoomPanPinchProps {
     children?: React.ReactNode;
     parentContainerProps?: ContainerOwnProps;
     zoomControllerProps?: ZoomControllerProps;
+    isRotatedByDefault?: boolean;
+    onRotate?: (newValue: boolean) => void;
 }
 declare const ZoomControlWithDrag: CraftFC<ZoomControlWithDragProps>;
 export default ZoomControlWithDrag;