@loopr-ai/craft 0.5.0 → 0.5.1

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

@@ -4,6 +4,13 @@ import { IconButtonOwnProps } from "@mui/material/IconButton";
 import React from "react";
 import { ReactZoomPanPinchProps } from "react-zoom-pan-pinch";
 import { CraftFC } from "../../../global/interfaces";
+interface ZoomControlWithDragProps extends ReactZoomPanPinchProps {
+    children?: React.ReactNode;
+    parentContainerProps?: ContainerOwnProps;
+    zoomControllerProps?: ZoomControllerProps;
+    defaultRotationAngle?: string;
+    onRotate?: (newValue: string) => void;
+}
 interface ZoomControllerProps {
     controllerContainerProps?: ContainerOwnProps;
     zoomInButtonProps?: IconButtonOwnProps;
@@ -11,15 +18,7 @@ interface ZoomControllerProps {
     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;

package/dist/components/organ/ZoomControlWithDrag/index.js

@@ -320,7 +320,7 @@ function Wn(e) {
   } = E.useContext(_n);
   return (t) => o ? "" : e(t);
 }
-var H = "top", re = "bottom", ne = "right", F = "left", to = "auto", at = [H, re, ne, F], Be = "start", tt = "end", Yn = "clippingParents", tr = "viewport", qe = "popper", $n = "reference", _o = /* @__PURE__ */ at.reduce(function(e, o) {
+var H = "top", re = "bottom", ne = "right", F = "left", to = "auto", at = [H, re, ne, F], Be = "start", tt = "end", $n = "clippingParents", tr = "viewport", qe = "popper", Yn = "reference", _o = /* @__PURE__ */ at.reduce(function(e, o) {
   return e.concat([o + "-" + Be, o + "-" + tt]);
 }, []), or = /* @__PURE__ */ [].concat(at, [to]).reduce(function(e, o) {
   return e.concat([o, o + "-" + Be, o + "-" + tt]);
@@ -457,7 +457,7 @@ function Ee(e) {
     e.document
   )) || window.document).documentElement;
 }
-function Yt(e) {
+function $t(e) {
   return ve(e) === "html" ? e : (
     // this is a quicker (but less type safe) way to save quite some bytes from the bundle
     // $FlowFixMe[incompatible-return]
@@ -480,7 +480,7 @@ function Gn(e) {
     if (r.position === "fixed")
       return null;
   }
-  var n = Yt(e);
+  var n = $t(e);
   for (oo(n) && (n = n.host); oe(n) && ["html", "body"].indexOf(ve(n)) < 0; ) {
     var i = be(n);
     if (i.transform !== "none" || i.perspective !== "none" || i.contain === "paint" || ["transform", "perspective"].indexOf(i.willChange) !== -1 || o && i.willChange === "filter" || o && i.filter && i.filter !== "none")
@@ -561,7 +561,7 @@ function ni(e, o) {
     y: ke(r * n) / n || 0
   };
 }
-function Yo(e) {
+function $o(e) {
   var o, t = e.popper, r = e.popperRect, n = e.placement, i = e.variation, a = e.offsets, s = e.position, u = e.gpuAcceleration, d = e.adaptive, p = e.roundOffsets, f = e.isFixed, c = a.x, v = c === void 0 ? 0 : c, h = a.y, m = h === void 0 ? 0 : h, g = typeof p == "function" ? p({
     x: v,
     y: m
@@ -614,12 +614,12 @@ function ii(e) {
     gpuAcceleration: n,
     isFixed: o.options.strategy === "fixed"
   };
-  o.modifiersData.popperOffsets != null && (o.styles.popper = Object.assign({}, o.styles.popper, Yo(Object.assign({}, d, {
+  o.modifiersData.popperOffsets != null && (o.styles.popper = Object.assign({}, o.styles.popper, $o(Object.assign({}, d, {
     offsets: o.modifiersData.popperOffsets,
     position: o.options.strategy,
     adaptive: a,
     roundOffsets: u
-  })))), o.modifiersData.arrow != null && (o.styles.arrow = Object.assign({}, o.styles.arrow, Yo(Object.assign({}, d, {
+  })))), o.modifiersData.arrow != null && (o.styles.arrow = Object.assign({}, o.styles.arrow, $o(Object.assign({}, d, {
     offsets: o.modifiersData.arrow,
     position: "absolute",
     adaptive: !1,
@@ -663,7 +663,7 @@ var ui = {
   bottom: "top",
   top: "bottom"
 };
-function Ct(e) {
+function Tt(e) {
   return e.replace(/left|right|bottom|top/g, function(o) {
     return ui[o];
   });
@@ -672,7 +672,7 @@ var pi = {
   start: "end",
   end: "start"
 };
-function $o(e) {
+function Yo(e) {
   return e.replace(/start|end/g, function(o) {
     return pi[o];
   });
@@ -715,7 +715,7 @@ function so(e) {
   return /auto|scroll|overlay|hidden/.test(t + n + r);
 }
 function lr(e) {
-  return ["html", "body", "#document"].indexOf(ve(e)) >= 0 ? e.ownerDocument.body : oe(e) && so(e) ? e : lr(Yt(e));
+  return ["html", "body", "#document"].indexOf(ve(e)) >= 0 ? e.ownerDocument.body : oe(e) && so(e) ? e : lr($t(e));
 }
 function Je(e, o) {
   var t;
@@ -723,7 +723,7 @@ function Je(e, o) {
   var r = lr(e), n = r === ((t = e.ownerDocument) == null ? void 0 : t.body), i = J(r), a = n ? [i].concat(i.visualViewport || [], so(r) ? r : []) : r, s = o.concat(a);
   return n ? s : (
     // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here
-    s.concat(Je(Yt(a)))
+    s.concat(Je($t(a)))
   );
 }
 function Gt(e) {
@@ -742,7 +742,7 @@ function Bo(e, o, t) {
   return o === tr ? Gt(di(e, t)) : Me(o) ? ci(o, t) : Gt(fi(Ee(e)));
 }
 function vi(e) {
-  var o = Je(Yt(e)), t = ["absolute", "fixed"].indexOf(be(e).position) >= 0, r = t && oe(e) ? st(e) : e;
+  var o = Je($t(e)), t = ["absolute", "fixed"].indexOf(be(e).position) >= 0, r = t && oe(e) ? st(e) : e;
   return Me(r) ? o.filter(function(n) {
     return Me(n) && nr(n, r) && ve(n) !== "body";
   }) : [];
@@ -803,7 +803,7 @@ function ur(e) {
 }
 function ot(e, o) {
   o === void 0 && (o = {});
-  var t = o, r = t.placement, n = r === void 0 ? e.placement : r, i = t.strategy, a = i === void 0 ? e.strategy : i, s = t.boundary, u = s === void 0 ? Yn : s, d = t.rootBoundary, p = d === void 0 ? tr : d, f = t.elementContext, c = f === void 0 ? qe : f, v = t.altBoundary, h = v === void 0 ? !1 : v, m = t.padding, g = m === void 0 ? 0 : m, w = ar(typeof g != "number" ? g : sr(g, at)), S = c === qe ? $n : qe, y = e.rects.popper, b = e.elements[h ? S : c], P = mi(Me(b) ? b : b.contextElement || Ee(e.elements.popper), u, p, a), C = ze(e.elements.reference), O = ur({
+  var t = o, r = t.placement, n = r === void 0 ? e.placement : r, i = t.strategy, a = i === void 0 ? e.strategy : i, s = t.boundary, u = s === void 0 ? $n : s, d = t.rootBoundary, p = d === void 0 ? tr : d, f = t.elementContext, c = f === void 0 ? qe : f, v = t.altBoundary, h = v === void 0 ? !1 : v, m = t.padding, g = m === void 0 ? 0 : m, w = ar(typeof g != "number" ? g : sr(g, at)), S = c === qe ? Yn : qe, y = e.rects.popper, b = e.elements[h ? S : c], P = mi(Me(b) ? b : b.contextElement || Ee(e.elements.popper), u, p, a), C = ze(e.elements.reference), O = ur({
     reference: C,
     element: y,
     strategy: "absolute",
@@ -846,13 +846,13 @@ function hi(e, o) {
 function gi(e) {
   if (ce(e) === to)
     return [];
-  var o = Ct(e);
-  return [$o(e), o, $o(o)];
+  var o = Tt(e);
+  return [Yo(e), o, Yo(o)];
 }
 function bi(e) {
   var o = e.state, t = e.options, r = e.name;
   if (!o.modifiersData[r]._skip) {
-    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, a = t.altAxis, s = a === void 0 ? !0 : a, u = t.fallbackPlacements, d = t.padding, p = t.boundary, f = t.rootBoundary, c = t.altBoundary, v = t.flipVariations, h = v === void 0 ? !0 : v, m = t.allowedAutoPlacements, g = o.options.placement, w = ce(g), S = w === g, y = u || (S || !h ? [Ct(g)] : gi(g)), b = [g].concat(y).reduce(function(K, Q) {
+    for (var n = t.mainAxis, i = n === void 0 ? !0 : n, a = t.altAxis, s = a === void 0 ? !0 : a, u = t.fallbackPlacements, d = t.padding, p = t.boundary, f = t.rootBoundary, c = t.altBoundary, v = t.flipVariations, h = v === void 0 ? !0 : v, m = t.allowedAutoPlacements, g = o.options.placement, w = ce(g), S = w === g, y = u || (S || !h ? [Tt(g)] : gi(g)), b = [g].concat(y).reduce(function(K, Q) {
       return K.concat(ce(Q) === to ? hi(o, {
         placement: Q,
         boundary: p,
@@ -862,16 +862,16 @@ function bi(e) {
         allowedAutoPlacements: m
       }) : Q);
     }, []), P = o.rects.reference, C = o.rects.popper, O = /* @__PURE__ */ new Map(), D = !0, x = b[0], R = 0; R < b.length; R++) {
-      var M = b[R], B = ce(M), W = Xe(M) === Be, Z = [H, re].indexOf(B) >= 0, U = Z ? "width" : "height", Y = ot(o, {
+      var M = b[R], B = ce(M), W = Xe(M) === Be, Z = [H, re].indexOf(B) >= 0, U = Z ? "width" : "height", $ = ot(o, {
         placement: M,
         boundary: p,
         rootBoundary: f,
         altBoundary: c,
         padding: d
       }), k = Z ? W ? ne : F : W ? re : H;
-      P[U] > C[U] && (k = Ct(k));
-      var z = Ct(k), q = [];
-      if (i && q.push(Y[B] <= 0), s && q.push(Y[k] <= 0, Y[z] <= 0), q.every(function(K) {
+      P[U] > C[U] && (k = Tt(k));
+      var z = Tt(k), q = [];
+      if (i && q.push($[B] <= 0), s && q.push($[k] <= 0, $[z] <= 0), q.every(function(K) {
         return K;
       })) {
         x = M, D = !1;
@@ -1011,14 +1011,14 @@ function Ri(e) {
   };
   if (C) {
     if (i) {
-      var W, Z = b === "y" ? H : F, U = b === "y" ? re : ne, Y = b === "y" ? "height" : "width", k = C[b], z = k + g[Z], q = k - g[U], ye = v ? -D[Y] / 2 : 0, le = S === Be ? O[Y] : D[Y], me = S === Be ? -D[Y] : -O[Y], ie = o.elements.arrow, K = v && ie ? ro(ie) : {
+      var W, Z = b === "y" ? H : F, U = b === "y" ? re : ne, $ = b === "y" ? "height" : "width", k = C[b], z = k + g[Z], q = k - g[U], ye = v ? -D[$] / 2 : 0, le = S === Be ? O[$] : D[$], me = S === Be ? -D[$] : -O[$], ie = o.elements.arrow, K = v && ie ? ro(ie) : {
         width: 0,
         height: 0
-      }, Q = o.modifiersData["arrow#persistent"] ? o.modifiersData["arrow#persistent"].padding : ir(), ue = Q[Z], pe = Q[U], X = Ge(0, O[Y], K[Y]), L = y ? O[Y] / 2 - ye - X - ue - R.mainAxis : le - X - ue - R.mainAxis, he = y ? -O[Y] / 2 + ye + X + pe + R.mainAxis : me + X + pe + R.mainAxis, j = o.elements.arrow && st(o.elements.arrow), Le = j ? b === "y" ? j.clientTop || 0 : j.clientLeft || 0 : 0, _e = (W = M == null ? void 0 : M[b]) != null ? W : 0, ut = k + L - _e - Le, I = k + he - _e, We = Ge(v ? Et(z, ut) : z, k, v ? De(q, I) : q);
+      }, Q = o.modifiersData["arrow#persistent"] ? o.modifiersData["arrow#persistent"].padding : ir(), ue = Q[Z], pe = Q[U], X = Ge(0, O[$], K[$]), L = y ? O[$] / 2 - ye - X - ue - R.mainAxis : le - X - ue - R.mainAxis, he = y ? -O[$] / 2 + ye + X + pe + R.mainAxis : me + X + pe + R.mainAxis, j = o.elements.arrow && st(o.elements.arrow), Le = j ? b === "y" ? j.clientTop || 0 : j.clientLeft || 0 : 0, _e = (W = M == null ? void 0 : M[b]) != null ? W : 0, ut = k + L - _e - Le, I = k + he - _e, We = Ge(v ? Et(z, ut) : z, k, v ? De(q, I) : q);
       C[b] = We, B[b] = We - k;
     }
     if (s) {
-      var pt, V = b === "x" ? H : F, dt = b === "x" ? re : ne, ae = C[P], Ye = P === "y" ? "height" : "width", Re = ae + g[V], $e = ae - g[dt], we = [H, F].indexOf(w) !== -1, Ae = (pt = M == null ? void 0 : M[P]) != null ? pt : 0, de = we ? Re : ae - O[Ye] - D[Ye] - Ae + R.altAxis, Ve = we ? ae + O[Ye] + D[Ye] - Ae - R.altAxis : $e, ft = v && we ? Jn(de, ae, Ve) : Ge(v ? de : Re, ae, v ? Ve : $e);
+      var pt, V = b === "x" ? H : F, dt = b === "x" ? re : ne, ae = C[P], $e = P === "y" ? "height" : "width", Re = ae + g[V], Ye = ae - g[dt], we = [H, F].indexOf(w) !== -1, Ae = (pt = M == null ? void 0 : M[P]) != null ? pt : 0, de = we ? Re : ae - O[$e] - D[$e] - Ae + R.altAxis, Ve = we ? ae + O[$e] + D[$e] - Ae - R.altAxis : Ye, ft = v && we ? Jn(de, ae, Ve) : Ge(v ? de : Re, ae, v ? Ve : Ye);
       C[P] = ft, B[P] = ft - ae;
     }
     o.modifiersData[r] = B;
@@ -1080,7 +1080,7 @@ function Wi(e) {
     t.has(i.name) || n(i);
   }), r;
 }
-function Yi(e) {
+function $i(e) {
   var o = Wi(e);
   return Zn.reduce(function(t, r) {
     return t.concat(o.filter(function(n) {
@@ -1088,7 +1088,7 @@ function Yi(e) {
     }));
   }, []);
 }
-function $i(e) {
+function Yi(e) {
   var o;
   return function() {
     return o || (o = new Promise(function(t) {
@@ -1146,7 +1146,7 @@ function ki(e) {
           reference: Me(s) ? Je(s) : s.contextElement ? Je(s.contextElement) : [],
           popper: Je(u)
         };
-        var y = Yi(Bi([].concat(r, p.options.modifiers)));
+        var y = $i(Bi([].concat(r, p.options.modifiers)));
         return p.orderedModifiers = y.filter(function(b) {
           return b.enabled;
         }), h(), v.update();
@@ -1184,7 +1184,7 @@ function ki(e) {
       },
       // Async and optimistically optimized update – it will not be executed if
       // not necessary (debounced to run at most once-per-tick)
-      update: $i(function() {
+      update: Yi(function() {
         return new Promise(function(g) {
           v.forceUpdate(), g(p);
         });
@@ -1248,11 +1248,11 @@ function Hi(e, o) {
 function xt(e) {
   return typeof e == "function" ? e() : e;
 }
-function $t(e) {
+function Yt(e) {
   return e.nodeType !== void 0;
 }
 function Fi(e) {
-  return !$t(e);
+  return !Yt(e);
 }
 const Zi = () => nt({
   root: ["root"]
@@ -1288,12 +1288,12 @@ const Zi = () => nt({
     const U = (z) => {
       D(z.placement);
     };
-    if (process.env.NODE_ENV !== "production" && x && $t(x) && x.nodeType === 1) {
+    if (process.env.NODE_ENV !== "production" && x && Yt(x) && x.nodeType === 1) {
       const z = x.getBoundingClientRect();
       process.env.NODE_ENV !== "test" && z.top === 0 && z.left === 0 && z.right === 0 && z.bottom === 0 && console.warn(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
 `));
     }
-    let Y = [{
+    let $ = [{
       name: "preventOverflow",
       options: {
         altBoundary: s
@@ -1313,11 +1313,11 @@ const Zi = () => nt({
         U(z);
       }
     }];
-    u != null && (Y = Y.concat(u)), f && f.modifiers != null && (Y = Y.concat(f.modifiers));
+    u != null && ($ = $.concat(u)), f && f.modifiers != null && ($ = $.concat(f.modifiers));
     const k = Xi(x, w.current, T({
       placement: C
     }, f, {
-      modifiers: Y
+      modifiers: $
     }));
     return P.current(k), () => {
       k.destroy(), P.current(null);
@@ -1370,7 +1370,7 @@ const Zi = () => nt({
     O = i;
   else if (r) {
     const R = xt(r);
-    O = R && $t(R) ? Do(R).body : Do(null).body;
+    O = R && Yt(R) ? Do(R).body : Do(null).body;
   }
   const D = !p && u && (!m || y) ? "none" : void 0, x = m ? {
     in: p,
@@ -1420,7 +1420,7 @@ process.env.NODE_ENV !== "production" && (pr.propTypes = {
   anchorEl: Jo(l.oneOfType([St, l.object, l.func]), (e) => {
     if (e.open) {
       const o = xt(e.anchorEl);
-      if (o && $t(o) && o.nodeType === 1) {
+      if (o && Yt(o) && o.nodeType === 1) {
         const t = o.getBoundingClientRect();
         if (process.env.NODE_ENV !== "test" && t.top === 0 && t.left === 0 && t.right === 0 && t.bottom === 0)
           return new Error(["MUI: The `anchorEl` prop provided to the component is invalid.", "The anchor element should be part of the document layout.", "Make sure the element is present in the document or that it's not display none."].join(`
@@ -2202,7 +2202,7 @@ const hr = /* @__PURE__ */ E.forwardRef(function(o, t) {
     disableHoverListener: W = !1,
     disableInteractive: Z = !1,
     disableTouchListener: U = !1,
-    enterDelay: Y = 100,
+    enterDelay: $ = 100,
     enterNextDelay: k = 0,
     enterTouchDelay: z = 700,
     followCursor: q = !1,
@@ -2222,7 +2222,7 @@ const hr = /* @__PURE__ */ E.forwardRef(function(o, t) {
     TransitionProps: _e
   } = C, ut = Se(C, aa), I = /* @__PURE__ */ E.isValidElement(D) ? D : /* @__PURE__ */ N("span", {
     children: D
-  }), We = fn(), pt = We.direction === "rtl", [V, dt] = E.useState(), [ae, Ye] = E.useState(null), Re = E.useRef(!1), $e = Z || q, we = E.useRef(), Ae = E.useRef(), de = E.useRef(), Ve = E.useRef(), [ft, ho] = Kr({
+  }), We = fn(), pt = We.direction === "rtl", [V, dt] = E.useState(), [ae, $e] = E.useState(null), Re = E.useRef(!1), Ye = Z || q, we = E.useRef(), Ae = E.useRef(), de = E.useRef(), Ve = E.useRef(), [ft, ho] = Kr({
     controlled: Q,
     default: !1,
     name: "Tooltip",
@@ -2258,9 +2258,9 @@ const hr = /* @__PURE__ */ E.forwardRef(function(o, t) {
       }, We.transitions.duration.shortest);
     }
   ), Lt = (A) => {
-    Re.current && A.type !== "touchstart" || (V && V.removeAttribute("title"), clearTimeout(Ae.current), clearTimeout(de.current), Y || bt && k ? Ae.current = setTimeout(() => {
+    Re.current && A.type !== "touchstart" || (V && V.removeAttribute("title"), clearTimeout(Ae.current), clearTimeout(de.current), $ || bt && k ? Ae.current = setTimeout(() => {
       go(A);
-    }, bt ? k : Y) : go(A));
+    }, bt ? k : $) : go(A));
   }, bo = (A) => {
     clearTimeout(Ae.current), clearTimeout(de.current), de.current = setTimeout(() => {
       vt(A);
@@ -2268,12 +2268,12 @@ const hr = /* @__PURE__ */ E.forwardRef(function(o, t) {
   }, {
     isFocusVisibleRef: yo,
     onBlur: Wr,
-    onFocus: Yr,
-    ref: $r
+    onFocus: $r,
+    ref: Yr
   } = vn(), [, wo] = E.useState(!1), Po = (A) => {
     Wr(A), yo.current === !1 && (wo(!1), bo(A));
   }, To = (A) => {
-    V || dt(A.currentTarget), Yr(A), yo.current === !0 && (wo(!0), Lt(A));
+    V || dt(A.currentTarget), $r(A), yo.current === !0 && (wo(!0), Lt(A));
   }, Co = (A) => {
     Re.current = !0;
     const G = I.props;
@@ -2297,7 +2297,7 @@ const hr = /* @__PURE__ */ E.forwardRef(function(o, t) {
       document.removeEventListener("keydown", A);
     };
   }, [vt, ge]);
-  const zr = Kt(I.ref, $r, dt, t);
+  const zr = Kt(I.ref, Yr, dt, t);
   !j && j !== 0 && (ge = !1);
   const Vt = E.useRef(), Xr = (A) => {
     const G = I.props;
@@ -2319,7 +2319,7 @@ const hr = /* @__PURE__ */ E.forwardRef(function(o, t) {
 `));
   }, [V]));
   const Ze = {};
-  U || (ee.onTouchStart = Br, ee.onTouchEnd = kr), W || (ee.onMouseOver = yt(So, ee.onMouseOver), ee.onMouseLeave = yt(Oo, ee.onMouseLeave), $e || (Ze.onMouseOver = So, Ze.onMouseLeave = Oo)), B || (ee.onFocus = yt(To, ee.onFocus), ee.onBlur = yt(Po, ee.onBlur), $e || (Ze.onFocus = To, Ze.onBlur = Po)), process.env.NODE_ENV !== "production" && I.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${I.props.title}\` or the Tooltip component.`].join(`
+  U || (ee.onTouchStart = Br, ee.onTouchEnd = kr), W || (ee.onMouseOver = yt(So, ee.onMouseOver), ee.onMouseLeave = yt(Oo, ee.onMouseLeave), Ye || (Ze.onMouseOver = So, Ze.onMouseLeave = Oo)), B || (ee.onFocus = yt(To, ee.onFocus), ee.onBlur = yt(Po, ee.onBlur), Ye || (Ze.onFocus = To, Ze.onBlur = Po)), process.env.NODE_ENV !== "production" && I.props.title && console.error(["MUI: You have provided a `title` prop to the child of <Tooltip />.", `Remove this title prop \`${I.props.title}\` or the Tooltip component.`].join(`
 `));
   const jr = E.useMemo(() => {
     var A;
@@ -2337,7 +2337,7 @@ const hr = /* @__PURE__ */ E.forwardRef(function(o, t) {
   }, [ae, X]), Ue = T({}, C, {
     isRtl: pt,
     arrow: O,
-    disableInteractive: $e,
+    disableInteractive: Ye,
     placement: ue,
     PopperComponentProp: pe,
     touch: Re.current
@@ -2375,7 +2375,7 @@ const hr = /* @__PURE__ */ E.forwardRef(function(o, t) {
       }, A, Vr, {
         children: /* @__PURE__ */ Ie(Ro, T({}, Hr, {
           children: [j, O ? /* @__PURE__ */ N(Ao, T({}, Fr, {
-            ref: Ye
+            ref: $e
           })) : null]
         }))
       }))
@@ -2612,7 +2612,7 @@ var te = function(e, o) {
   return Number(e.toFixed(o));
 }, Ra = function(e, o) {
   return typeof e == "number" ? e : o;
-}, $ = function(e, o, t) {
+}, Y = function(e, o, t) {
   t && typeof t == "function" && t(e, o);
 }, Aa = function(e) {
   return -Math.cos(e * Math.PI) / 2 + 0.5;
@@ -2626,9 +2626,9 @@ var te = function(e, o) {
   return e < 0.5 ? 2 * e * e : -1 + (4 - 2 * e) * e;
 }, Wa = function(e) {
   return e * e * e;
-}, Ya = function(e) {
-  return --e * e * e + 1;
 }, $a = function(e) {
+  return --e * e * e + 1;
+}, Ya = function(e) {
   return e < 0.5 ? 4 * e * e * e : (e - 1) * (2 * e - 2) * (2 * e - 2) + 1;
 }, Ba = function(e) {
   return e * e * e * e;
@@ -2649,8 +2649,8 @@ var te = function(e, o) {
   easeOutQuad: Ma,
   easeInOutQuad: _a,
   easeInCubic: Wa,
-  easeOutCubic: Ya,
-  easeInOutCubic: $a,
+  easeOutCubic: $a,
+  easeInOutCubic: Ya,
   easeInQuart: Ba,
   easeOutQuart: ka,
   easeInOutQuart: za,
@@ -2822,9 +2822,9 @@ function ts(e, o) {
 function os(e) {
   var o = e.velocity, t = e.bounds, r = e.setup, n = e.wrapperComponent, i = Ja(e);
   if (!(!i || !o || !t || !n)) {
-    var a = o.velocityX, s = o.velocityY, u = o.total, d = t.maxPositionX, p = t.minPositionX, f = t.maxPositionY, c = t.minPositionY, v = r.limitToBounds, h = r.alignmentAnimation, m = r.zoomAnimation, g = r.panning, w = g.lockAxisY, S = g.lockAxisX, y = m.animationType, b = h.sizeX, P = h.sizeY, C = h.velocityAlignmentTime, O = C, D = Ia(e, u), x = Math.max(D, O), R = Rt(e, b), M = Rt(e, P), B = R * n.offsetWidth / 100, W = M * n.offsetHeight / 100, Z = d + B, U = p - B, Y = f + W, k = c - W, z = e.transformState, q = (/* @__PURE__ */ new Date()).getTime();
+    var a = o.velocityX, s = o.velocityY, u = o.total, d = t.maxPositionX, p = t.minPositionX, f = t.maxPositionY, c = t.minPositionY, v = r.limitToBounds, h = r.alignmentAnimation, m = r.zoomAnimation, g = r.panning, w = g.lockAxisY, S = g.lockAxisX, y = m.animationType, b = h.sizeX, P = h.sizeY, C = h.velocityAlignmentTime, O = C, D = Ia(e, u), x = Math.max(D, O), R = Rt(e, b), M = Rt(e, P), B = R * n.offsetWidth / 100, W = M * n.offsetHeight / 100, Z = d + B, U = p - B, $ = f + W, k = c - W, z = e.transformState, q = (/* @__PURE__ */ new Date()).getTime();
     Cr(e, y, x, function(ye) {
-      var le = e.transformState, me = le.scale, ie = le.positionX, K = le.positionY, Q = (/* @__PURE__ */ new Date()).getTime() - q, ue = Q / O, pe = Pr[h.animationType], X = 1 - pe(Math.min(1, ue)), L = 1 - ye, he = ie + a * L, j = K + s * L, Le = Fo(he, z.positionX, ie, S, v, p, d, U, Z, X), _e = Fo(j, z.positionY, K, w, v, c, f, k, Y, X);
+      var le = e.transformState, me = le.scale, ie = le.positionX, K = le.positionY, Q = (/* @__PURE__ */ new Date()).getTime() - q, ue = Q / O, pe = Pr[h.animationType], X = 1 - pe(Math.min(1, ue)), L = 1 - ye, he = ie + a * L, j = K + s * L, Le = Fo(he, z.positionX, ie, S, v, p, d, U, Z, X), _e = Fo(j, z.positionY, K, w, v, c, f, k, $, X);
       (ie !== he || K !== j) && e.setTransformState(me, Le, _e);
     });
   }
@@ -3177,7 +3177,7 @@ var bs = function(e, o, t, r, n) {
   return lt(te(c, 2), a, i, d, !p && !u);
 }, Ss = 160, Os = 100, Es = function(e, o) {
   var t = e.props, r = t.onWheelStart, n = t.onZoomStart;
-  e.wheelStopEventTimer || (fe(e), $(_(e), o, r), $(_(e), o, n));
+  e.wheelStopEventTimer || (fe(e), Y(_(e), o, r), Y(_(e), o, n));
 }, xs = function(e, o) {
   var t = e.props, r = t.onWheel, n = t.onZoom, i = e.contentComponent, a = e.setup, s = e.transformState, u = s.scale, d = a.limitToBounds, p = a.centerZoomedOut, f = a.zoomAnimation, c = a.wheel, v = a.disablePadding, h = a.smooth, m = f.size, g = f.disabled, w = c.step, S = c.smoothStep;
   if (!i)
@@ -3186,7 +3186,7 @@ var bs = function(e, o, t, r, n) {
   var y = gs(o, null), b = h ? S * Math.abs(o.deltaY) : w, P = bs(e, y, b, !o.ctrlKey);
   if (u !== P) {
     var C = je(e, P), O = Nr(o, i, u), D = g || m === 0 || p || v, x = d && D, R = kt(e, O.x, O.y, P, C, x), M = R.x, B = R.y;
-    e.previousWheelEvent = o, e.setTransformState(P, M, B), $(_(e), o, r), $(_(e), o, n);
+    e.previousWheelEvent = o, e.setTransformState(P, M, B), Y(_(e), o, r), Y(_(e), o, n);
   }
 }, Rs = function(e, o) {
   var t = e.props, r = t.onWheelStop, n = t.onZoomStop;
@@ -3195,7 +3195,7 @@ var bs = function(e, o, t, r, n) {
   }, Os);
   var i = ys(e, o);
   i && (It(e.wheelStopEventTimer), e.wheelStopEventTimer = setTimeout(function() {
-    e.mounted && (e.wheelStopEventTimer = null, $(_(e), o, r), $(_(e), o, n));
+    e.mounted && (e.wheelStopEventTimer = null, Y(_(e), o, r), Y(_(e), o, n));
   }, Ss));
 }, As = function(e, o) {
   var t = Mr(o);
@@ -3218,12 +3218,12 @@ var bs = function(e, o, t, r, n) {
 }, _r = function(e, o) {
   var t = e.props.onZoomStop, r = e.setup.doubleClick.animationTime;
   It(e.doubleClickStopEventTimer), e.doubleClickStopEventTimer = setTimeout(function() {
-    e.doubleClickStopEventTimer = null, $(_(e), o, t);
+    e.doubleClickStopEventTimer = null, Y(_(e), o, t);
   }, r);
 }, Ms = function(e, o) {
   var t = e.props, r = t.onZoomStart, n = t.onZoom, i = e.setup.doubleClick, a = i.animationTime, s = i.animationType;
-  $(_(e), o, r), Ar(e, a, s, function() {
-    return $(_(e), o, n);
+  Y(_(e), o, r), Ar(e, a, s, function() {
+    return Y(_(e), o, n);
   }), _r(e, o);
 };
 function _s(e, o) {
@@ -3235,11 +3235,11 @@ function _s(e, o) {
       return console.error("No ContentComponent found");
     var g = c === "zoomOut" ? -1 : 1, w = xr(e, g, v);
     if (a !== w) {
-      $(_(e), o, u);
+      Y(_(e), o, u);
       var S = Nr(o, i, a), y = mo(e, w, S.x, S.y);
       if (!y)
         return console.error("Error during zoom event. New transformation state was not calculated.");
-      $(_(e), o, d), xe(e, y, h, m), _r(e, o);
+      Y(_(e), o, d), xe(e, y, h, m), _r(e, o);
     }
   }
 }
@@ -3249,7 +3249,7 @@ var Ws = function(e, o) {
     return !1;
   var f = zt(u, s);
   return !f;
-}, Ys = (
+}, $s = (
   /** @class */
   function() {
     function e(o) {
@@ -3294,7 +3294,7 @@ var Ws = function(e, o) {
           var a = Vo(t, r);
           if (a) {
             var s = t.isPressingKeys(t.setup.panning.activationKeys);
-            s && (r.preventDefault(), r.stopPropagation(), fe(t), Zo(t, r), $(_(t), r, i));
+            s && (r.preventDefault(), r.stopPropagation(), fe(t), Zo(t, r), Y(_(t), r, i));
           }
         }
       }, this.onPanning = function(r) {
@@ -3303,27 +3303,27 @@ var Ws = function(e, o) {
           var a = Ho(t);
           if (a) {
             var s = t.isPressingKeys(t.setup.panning.activationKeys);
-            s && (r.preventDefault(), r.stopPropagation(), Uo(t, r.clientX, r.clientY), $(_(t), r, i));
+            s && (r.preventDefault(), r.stopPropagation(), Uo(t, r.clientX, r.clientY), Y(_(t), r, i));
           }
         }
       }, this.onPanningStop = function(r) {
         var n = t.props.onPanningStop;
-        t.isPanning && (rs(t), $(_(t), r, n));
+        t.isPanning && (rs(t), Y(_(t), r, n));
       }, this.onPinchStart = function(r) {
         var n = t.setup.disabled, i = t.props, a = i.onPinchingStart, s = i.onZoomStart;
         if (!n) {
           var u = ws(t, r);
-          u && (As(t, r), fe(t), $(_(t), r, a), $(_(t), r, s));
+          u && (As(t, r), fe(t), Y(_(t), r, a), Y(_(t), r, s));
         }
       }, this.onPinch = function(r) {
         var n = t.setup.disabled, i = t.props, a = i.onPinching, s = i.onZoom;
         if (!n) {
           var u = Ps(t);
-          u && (r.preventDefault(), r.stopPropagation(), Ds(t, r), $(_(t), r, a), $(_(t), r, s));
+          u && (r.preventDefault(), r.stopPropagation(), Ds(t, r), Y(_(t), r, a), Y(_(t), r, s));
         }
       }, this.onPinchStop = function(r) {
         var n = t.props, i = n.onPinchingStop, a = n.onZoomStop;
-        t.pinchStartScale && (Ns(t), $(_(t), r, i), $(_(t), r, a));
+        t.pinchStartScale && (Ns(t), Y(_(t), r, i), Y(_(t), r, a));
       }, this.onTouchPanningStart = function(r) {
         var n = t.setup.disabled, i = t.props.onPanningStart;
         if (!n) {
@@ -3335,7 +3335,7 @@ var Ws = function(e, o) {
             else {
               t.lastTouch = +/* @__PURE__ */ new Date(), fe(t);
               var u = r.touches, d = u.length === 1, p = u.length === 2;
-              d && (fe(t), Zo(t, r), $(_(t), r, i)), p && t.onPinchStart(r);
+              d && (fe(t), Zo(t, r), Y(_(t), r, i)), p && t.onPinchStart(r);
             }
           }
         }
@@ -3349,7 +3349,7 @@ var Ws = function(e, o) {
             return;
           r.preventDefault(), r.stopPropagation();
           var s = r.touches[0];
-          Uo(t, s.clientX, s.clientY), $(_(t), r, i);
+          Uo(t, s.clientX, s.clientY), Y(_(t), r, i);
         } else
           r.touches.length > 1 && t.onPinch(r);
       }, this.onTouchPanningStop = function(r) {
@@ -3377,7 +3377,7 @@ var Ws = function(e, o) {
           var s = _(t);
           t.onChangeCallbacks.forEach(function(u) {
             return u(s);
-          }), $(s, { scale: r, positionX: n, positionY: i }, a);
+          }), Y(s, { scale: r, positionX: n, positionY: i }, a);
         } else
           console.error("Detected NaN set state values");
       }, this.setCenter = function() {
@@ -3405,15 +3405,15 @@ var Ws = function(e, o) {
       }, this.init = function(r, n) {
         t.cleanupWindowEvents(), t.wrapperComponent = r, t.contentComponent = n, je(t, t.transformState.scale), t.handleInitializeWrapperEvents(r), t.handleInitialize(n), t.initializeWindowEvents(), t.isInitialized = !0;
         var i = _(t);
-        $(i, void 0, t.props.onInit);
+        Y(i, void 0, t.props.onInit);
       }, this.props = o, this.setup = Ko(this.props), this.transformState = Er(this.props);
     }
     return e;
   }()
-), Xt = Ne.createContext(null), $s = function(e, o) {
+), Xt = Ne.createContext(null), Ys = function(e, o) {
   return typeof e == "function" ? e(o) : e;
 }, Bs = Ne.forwardRef(function(e, o) {
-  var t = Ot(new Ys(e)).current, r = $s(e.children, At(t));
+  var t = Ot(new $s(e)).current, r = Ys(e.children, At(t));
   return Jr(o, function() {
     return At(t);
   }, [t]), _t(function() {
@@ -3505,7 +3505,7 @@ const Vs = {
   justifyContent: "flex-end",
   backgroundColor: "#0F0E0E4D",
   borderRadius: "5rem"
-}, Tt = {
+}, Ct = {
   color: "white",
   "&:focus": {
     outline: "none"
@@ -3513,36 +3513,34 @@ const Vs = {
 }, Go = {
   backgroundColor: "#0000000D",
   height: "0.0625rem"
-}, Fs = ({
+}, Fs = {
+  ...Ct,
+  position: "absolute",
+  zIndex: 1,
+  right: "2rem",
+  bottom: "10rem",
+  background: "#0F0E0E4D",
+  color: "white",
+  padding: "0.55rem"
+}, Zs = ({
   controllerContainerProps: e,
   zoomInButtonProps: o,
   zoomOutButtonProps: t,
   resetTransformButtonProps: r,
   dividerProps: n,
-  rotate: i,
-  handleRotate: a,
-  rotateButtonProps: s
+  handleRotate: i,
+  rotateButtonProps: a
 }) => {
-  const { zoomIn: u, zoomOut: d, resetTransform: p } = Ls();
+  const { zoomIn: s, zoomOut: u, resetTransform: d } = Ls();
+  function p() {
+    s();
+  }
   function f() {
     u();
   }
   function c() {
     d();
   }
-  function v() {
-    p();
-  }
-  const h = {
-    ...Tt,
-    position: "absolute",
-    zIndex: 1,
-    right: "2rem",
-    bottom: "10rem",
-    background: i ? "white" : "#0F0E0E4D",
-    color: i ? "black" : "white",
-    padding: "0.55rem"
-  };
   return /* @__PURE__ */ Ie(Zr, { children: [
     /* @__PURE__ */ N(wt, { title: "Rotate", placement: "left", children: /* @__PURE__ */ N(
       ht,
@@ -3550,9 +3548,9 @@ const Vs = {
         disableRipple: !0,
         disableFocusRipple: !0,
         "aria-label": "Rotate",
-        onClick: a,
-        sx: h,
-        ...s,
+        onClick: i,
+        sx: Fs,
+        ...a,
         children: /* @__PURE__ */ N(wr, {})
       }
     ) }),
@@ -3569,8 +3567,8 @@ const Vs = {
               disableRipple: !0,
               disableFocusRipple: !0,
               "aria-label": "Zoom In",
-              onClick: f,
-              sx: Tt,
+              onClick: p,
+              sx: Ct,
               ...o,
               children: /* @__PURE__ */ N(gr, {})
             }
@@ -3582,8 +3580,8 @@ const Vs = {
               disableFocusRipple: !0,
               disableRipple: !0,
               "aria-label": "Zoom Out",
-              onClick: c,
-              sx: Tt,
+              onClick: f,
+              sx: Ct,
               ...t,
               children: /* @__PURE__ */ N(yr, {})
             }
@@ -3595,8 +3593,8 @@ const Vs = {
               disableFocusRipple: !0,
               disableRipple: !0,
               "aria-label": "Reset",
-              onClick: v,
-              sx: Tt,
+              onClick: c,
+              sx: Ct,
               ...r,
               children: /* @__PURE__ */ N(br, {})
             }
@@ -3605,23 +3603,23 @@ const Vs = {
       }
     )
   ] });
-}, rl = ({
+}, nl = ({
   children: e,
   parentContainerProps: o,
   zoomControllerProps: t,
-  isRotatedByDefault: r,
+  defaultRotationAngle: r,
   onRotate: n,
   ...i
 }) => {
-  const [a, s] = Ir(r ?? !1);
+  const [a, s] = Ir(r ?? "0");
   function u() {
-    s((p) => !p);
+    s((p) => ((parseInt(p) + 90) % 360).toString());
   }
   _t(() => {
     n == null || n(a);
   }, [a]);
   const d = {
-    transform: a ? "rotate(90deg)" : "rotate(0deg)"
+    transform: `rotate(${a}deg)`
   };
   return /* @__PURE__ */ N(
     mr,
@@ -3631,9 +3629,8 @@ const Vs = {
       ...o,
       children: /* @__PURE__ */ Ie(Bs, { ...i, children: [
         /* @__PURE__ */ N(
-          Fs,
+          Zs,
           {
-            rotate: a,
             handleRotate: u,
             ...t
           }
@@ -3644,5 +3641,5 @@ const Vs = {
   );
 };
 export {
-  rl as default
+  nl as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loopr-ai/craft",
-  "version": "0.5.0",
+  "version": "0.5.1",
   "description": "Component library based out of Material UI customized to support Loopr AI products",
   "homepage": "https://loopr.ai",
   "author": {