@layers-app/shared 0.2.6 → 0.2.8-test

package/dist/components/FormViewer/store/formStore.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"formStore.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/store/formStore.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"formStore.d.ts","sourceRoot":"","sources":["../../../../src/components/FormViewer/store/formStore.tsx"],"names":[],"mappings":"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"}

package/dist/components/FormViewer/store/formStoreApi.js

@@ -6,11 +6,11 @@ const O = (e) => {
       ...t,
       ...n
     }));
-  }, m = () => e.getState().config, s = () => {
-    e.getState().onConfigChange?.(m());
+  }, l = () => e.getState().config, s = () => {
+    e.getState().onConfigChange?.(l());
   }, u = (n) => {
     e.setState({ layout: n });
-  }, S = (n) => {
+  }, m = (n) => {
     e.setState((t) => ({
       ...t,
       config: {
@@ -122,7 +122,7 @@ const O = (e) => {
           steps: o
         }
       };
-    }), h(n.id), s();
+    }), S(n.id), s();
   }, A = (n) => {
     e.setState((i) => ({
       ...i,
@@ -130,7 +130,7 @@ const O = (e) => {
         ...i.config,
         steps: i.config.steps.filter((o) => o.id !== n) || []
       }
-    })), E(e.getState()) === n && l(), s();
+    })), E(e.getState()) === n && h(), s();
   }, F = (n, t) => {
     n === "list" ? e.setState((i) => ({
       ...i,
@@ -291,7 +291,7 @@ const O = (e) => {
       ...o,
       initialConfigSnapshot: n
     })), t || s();
-  }, h = (n) => {
+  }, S = (n) => {
     e.setState((t) => {
       const i = [
         ...t.activeStep.history.slice(0, t.activeStep.current + 1),
@@ -324,10 +324,10 @@ const O = (e) => {
         )
       }
     }));
-  }, l = () => {
+  }, h = () => {
     e.setState({
       activeStep: {
-        history: [],
+        history: [null],
         current: 0
       }
     });
@@ -343,7 +343,7 @@ const O = (e) => {
       })), s();
     },
     setLayout: u,
-    patchSettingsData: S,
+    patchSettingsData: m,
     patchThemeData: C,
     patchContainerTheme: y,
     patchTitleProperties: b,
@@ -363,19 +363,19 @@ const O = (e) => {
     removeCondition: V,
     setIsMobile: _,
     setConfig: $,
-    setActiveStepId: h,
+    setActiveStepId: S,
     setFormLayout: (n) => {
-      S({ layout: n }), s();
+      m({ layout: n }), s();
     },
     scrollToControl: (n) => {
       const t = document.querySelector(`[data-control-id='${n}']`);
       t && t.scrollIntoView({ behavior: "smooth", block: "center" });
     },
-    getConfig: m,
+    getConfig: l,
     setProps: r,
     forwardActiveStep: z,
     backActiveStep: j,
-    resetActiveStep: l
+    resetActiveStep: h
   };
 };
 export {

package/dist/components/ImageCropper/ImageCropper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageCropper.d.ts","sourceRoot":"","sources":["../../../src/components/ImageCropper/ImageCropper.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9C,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AASD,eAAO,MAAM,YAAY,GAAI,oFAQ1B,iBAAiB,4CAuiBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}
+{"version":3,"file":"ImageCropper.d.ts","sourceRoot":"","sources":["../../../src/components/ImageCropper/ImageCropper.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,iBAAiB;IAChC,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC/B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,IAAI,KAAK,IAAI,CAAC;IAC9C,gBAAgB,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,KAAK,IAAI,CAAC;CAC7C;AAED,MAAM,WAAW,QAAQ;IACvB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AASD,eAAO,MAAM,YAAY,GAAI,oFAQ1B,iBAAiB,4CAqjBnB,CAAC;AAEF,eAAe,YAAY,CAAC"}

package/dist/components/ImageCropper/ImageCropper.js

@@ -1,250 +1,252 @@
-import { jsxs as X, jsx as g, Fragment as T } from "react/jsx-runtime";
-import { useRef as R, useState as E, useMemo as he, useEffect as q, useCallback as C } from "react";
-import { Box as se } from "@mantine/core";
-import { useElementSize as re } from "@mantine/hooks";
-import r from "./ImageCropper.module.css.js";
-const ge = ({
-  src: z,
-  variant: Y = "square",
-  aspectRatio: c = 1,
-  minSize: f = 50,
-  maxSize: v,
-  onCropComplete: F,
-  onCropDataChange: O
+import { jsxs as b, jsx as a, Fragment as O } from "react/jsx-runtime";
+import { useRef as ne, useState as H, useMemo as ce, useEffect as j, useCallback as G } from "react";
+import { Box as oe } from "@mantine/core";
+import { useElementSize as ae } from "@mantine/hooks";
+import h from "./ImageCropper.module.css.js";
+const fe = ({
+  src: ie,
+  variant: I = "square",
+  aspectRatio: o = 1,
+  minSize: m = 50,
+  maxSize: X,
+  onCropComplete: J,
+  onCropDataChange: K
 }) => {
   const {
-    ref: ee,
-    width: M,
-    height: L
-  } = re(), $ = R(null), j = R(null), [H, te] = E(!1), [m, ne] = E({ width: 0, height: 0 }), o = he(() => {
-    if (!H || M === 0 || L === 0 || m.width === 0)
-      return { x: 0, y: 0, width: M, height: L };
-    const i = M / L, h = m.width / m.height;
-    if (h > i) {
-      const d = M / h;
+    ref: he,
+    width: v,
+    height: M
+  } = ae(), W = ne(null), Q = ne(null), [Y, se] = H(!1), [f, de] = H({ width: 0, height: 0 }), r = ce(() => {
+    if (!Y || v === 0 || M === 0 || f.width === 0)
+      return { x: 0, y: 0, width: v, height: M };
+    const n = v / M, i = f.width / f.height;
+    if (i > n) {
+      const s = v / i;
       return {
         x: 0,
-        y: (L - d) / 2,
-        width: M,
-        height: d
+        y: (M - s) / 2,
+        width: v,
+        height: s
       };
     } else {
-      const d = L * h;
+      const s = M * i;
       return {
-        x: (M - d) / 2,
+        x: (v - s) / 2,
         y: 0,
-        width: d,
-        height: L
+        width: s,
+        height: M
       };
     }
-  }, [H, M, L, m]), [t, G] = E({
+  }, [Y, v, M, f]), [t, U] = H({
     x: 0,
     y: 0,
     width: 200,
     height: 200
-  }), [W, K] = E(!1), [D, Q] = E(!1), [w, U] = E(null), [J, V] = E({ x: 0, y: 0 }), [e, Z] = E({
+  }), [P, Z] = H(!1), [T, _] = H(!1), [l, S] = H(null), [V, R] = H({ x: 0, y: 0 }), [e, z] = H({
     x: 0,
     y: 0,
     width: 0,
     height: 0
   });
-  q(() => {
-    if (!H || M === 0 || L === 0 || o.width === 0)
+  j(() => {
+    if (!Y || v === 0 || M === 0 || r.width === 0)
       return;
-    let i, h, d = Math.min(o.width, o.height) * 0.8;
-    v && (d = Math.min(d, v)), c >= 1 ? (i = d, h = d / c) : (h = d, i = d * c);
-    const u = o.x + (o.width - i) / 2, b = o.y + (o.height - h) / 2;
-    G({ x: u, y: b, width: i, height: h });
+    let n, i, s = Math.min(r.width, r.height) * 0.8;
+    X && (s = Math.min(s, X)), o >= 1 ? (n = s, i = s / o) : (i = s, n = s * o);
+    const u = r.x + (r.width - n) / 2, k = r.y + (r.height - i) / 2;
+    U({ x: u, y: k, width: n, height: i });
   }, [
-    H,
-    c,
-    M,
-    L,
+    Y,
     o,
-    v
+    v,
+    M,
+    r,
+    X
   ]);
-  const ie = C(() => {
-    $.current && (ne({
-      width: $.current.naturalWidth,
-      height: $.current.naturalHeight
-    }), te(!0));
-  }, []), _ = C(
-    (i) => {
-      i.preventDefault(), i.stopPropagation();
-      const h = "touches" in i ? i.touches[0].clientX : i.clientX, d = "touches" in i ? i.touches[0].clientY : i.clientY;
-      K(!0), V({ x: h, y: d }), Z({ ...t });
+  const re = G(() => {
+    W.current && (de({
+      width: W.current.naturalWidth,
+      height: W.current.naturalHeight
+    }), se(!0));
+  }, []), ee = G(
+    (n) => {
+      n.preventDefault(), n.stopPropagation();
+      const i = "touches" in n ? n.touches[0].clientX : n.clientX, s = "touches" in n ? n.touches[0].clientY : n.clientY;
+      Z(!0), R({ x: i, y: s }), z({ ...t });
     },
     [t]
-  ), A = C(
-    (i) => (h) => {
-      h.preventDefault(), h.stopPropagation();
-      const d = "touches" in h ? h.touches[0].clientX : h.clientX, u = "touches" in h ? h.touches[0].clientY : h.clientY;
-      Q(!0), U(i), V({ x: d, y: u }), Z({ ...t });
+  ), q = G(
+    (n) => (i) => {
+      i.preventDefault(), i.stopPropagation();
+      const s = "touches" in i ? i.touches[0].clientX : i.clientX, u = "touches" in i ? i.touches[0].clientY : i.clientY;
+      _(!0), S(n), R({ x: s, y: u }), z({ ...t });
     },
     [t]
   );
-  q(() => {
-    const i = (d) => {
-      if (!W && !D) return;
-      const u = "touches" in d ? d.touches[0].clientX : d.clientX, b = "touches" in d ? d.touches[0].clientY : d.clientY, y = u - J.x, k = b - J.y, p = o.x, x = o.y, N = o.x + o.width, I = o.y + o.height;
-      if (W) {
-        let a = e.x + y, l = e.y + k;
-        a = Math.max(p, Math.min(a, N - t.width)), l = Math.max(x, Math.min(l, I - t.height)), G((n) => ({ ...n, x: a, y: l }));
+  j(() => {
+    const n = (s) => {
+      if (!P && !T) return;
+      const u = "touches" in s ? s.touches[0].clientX : s.clientX, k = "touches" in s ? s.touches[0].clientY : s.clientY, y = u - V.x, D = k - V.y, B = r.x, L = r.y, N = r.x + r.width, A = r.y + r.height;
+      if (P) {
+        let g = e.x + y, w = e.y + D;
+        g = Math.max(B, Math.min(g, N - t.width)), w = Math.max(L, Math.min(w, A - t.height)), U((d) => ({ ...d, x: g, y: w }));
       }
-      if (D && w) {
-        let a = e.x, l = e.y, n = e.width, s = e.height;
-        switch (w) {
+      if (T && l) {
+        let g = e.x, w = e.y, d = e.width, c = e.height;
+        switch (l) {
           case "se":
-            n = Math.max(f, e.width + y), s = n / c;
+            d = Math.max(m, e.width + y), c = d / o;
             break;
           case "sw":
-            n = Math.max(f, e.width - y), s = n / c, a = e.x + e.width - n;
+            d = Math.max(m, e.width - y), c = d / o, g = e.x + e.width - d;
             break;
           case "ne":
-            n = Math.max(f, e.width + y), s = n / c, l = e.y + e.height - s;
+            d = Math.max(m, e.width + y), c = d / o, w = e.y + e.height - c;
             break;
           case "nw":
-            n = Math.max(f, e.width - y), s = n / c, a = e.x + e.width - n, l = e.y + e.height - s;
+            d = Math.max(m, e.width - y), c = d / o, g = e.x + e.width - d, w = e.y + e.height - c;
             break;
           case "e":
-            n = Math.max(f, e.width + y), s = n / c, l = e.y + (e.height - s) / 2;
+            d = Math.max(m, e.width + y), c = d / o, w = e.y + (e.height - c) / 2;
             break;
           case "w":
-            n = Math.max(f, e.width - y), s = n / c, a = e.x + e.width - n, l = e.y + (e.height - s) / 2;
+            d = Math.max(m, e.width - y), c = d / o, g = e.x + e.width - d, w = e.y + (e.height - c) / 2;
             break;
           case "s":
-            s = Math.max(f, e.height + k), n = s * c, a = e.x + (e.width - n) / 2;
+            c = Math.max(m, e.height + D), d = c * o, g = e.x + (e.width - d) / 2;
             break;
           case "n":
-            s = Math.max(f, e.height - k), n = s * c, a = e.x + (e.width - n) / 2, l = e.y + e.height - s;
+            c = Math.max(m, e.height - D), d = c * o, g = e.x + (e.width - d) / 2, w = e.y + e.height - c;
             break;
         }
-        v && (c >= 1 ? n > v && (n = v, s = n / c, w.includes("w") && (a = e.x + e.width - n), w.includes("n") && (l = e.y + e.height - s), (w === "e" || w === "w") && (l = e.y + (e.height - s) / 2), (w === "n" || w === "s") && (a = e.x + (e.width - n) / 2)) : s > v && (s = v, n = s * c, w.includes("w") && (a = e.x + e.width - n), w.includes("n") && (l = e.y + e.height - s), (w === "e" || w === "w") && (l = e.y + (e.height - s) / 2), (w === "n" || w === "s") && (a = e.x + (e.width - n) / 2))), a < p && (n += a - p, s = n / c, a = p), l < x && (s += l - x, n = s * c, l = x), a + n > N && (n = N - a, s = n / c), l + s > I && (s = I - l, n = s * c), n >= f && s >= f && G({ x: a, y: l, width: n, height: s });
+        const p = l.includes("w") ? e.x + e.width : l.includes("e") ? e.x : e.x + e.width / 2, $ = l.includes("n") ? e.y + e.height : l.includes("s") ? e.y : e.y + e.height / 2;
+        let x, E;
+        l.includes("w") ? x = p - B : l.includes("e") ? x = N - p : x = Math.min(p - B, N - p) * 2, l.includes("n") ? E = $ - L : l.includes("s") ? E = A - $ : E = Math.min($ - L, A - $) * 2, X && (o >= 1 ? x = Math.min(x, X) : E = Math.min(E, X)), x / o < E ? E = x / o : x = E * o, d > x && (d = x, c = d / o), l.includes("w") ? g = p - d : l.includes("e") ? g = p : g = p - d / 2, l.includes("n") ? w = $ - c : l.includes("s") ? w = $ : w = $ - c / 2, d >= m && c >= m && U({ x: g, y: w, width: d, height: c });
       }
-    }, h = () => {
-      K(!1), Q(!1), U(null);
+    }, i = () => {
+      Z(!1), _(!1), S(null);
     };
-    return (W || D) && (window.addEventListener("mousemove", i), window.addEventListener("mouseup", h), window.addEventListener("touchmove", i), window.addEventListener("touchend", h)), () => {
-      window.removeEventListener("mousemove", i), window.removeEventListener("mouseup", h), window.removeEventListener("touchmove", i), window.removeEventListener("touchend", h);
+    return (P || T) && (window.addEventListener("mousemove", n), window.addEventListener("mouseup", i), window.addEventListener("touchmove", n), window.addEventListener("touchend", i)), () => {
+      window.removeEventListener("mousemove", n), window.removeEventListener("mouseup", i), window.removeEventListener("touchmove", n), window.removeEventListener("touchend", i);
     };
   }, [
-    W,
-    D,
-    w,
-    J,
+    P,
+    T,
+    l,
+    V,
     e,
-    o,
+    r,
     t.width,
     t.height,
-    c,
-    f,
-    v
-  ]), q(() => {
-    if (O && H && o.width > 0) {
-      const i = m.width / o.width, h = m.height / o.height;
-      O({
-        x: (t.x - o.x) * i,
-        y: (t.y - o.y) * h,
-        width: t.width * i,
-        height: t.height * h,
-        scale: i
+    o,
+    m,
+    X
+  ]), j(() => {
+    if (K && Y && r.width > 0) {
+      const n = f.width / r.width, i = f.height / r.height;
+      K({
+        x: (t.x - r.x) * n,
+        y: (t.y - r.y) * i,
+        width: t.width * n,
+        height: t.height * i,
+        scale: n
       });
     }
-  }, [t, m, o, H, O]);
-  const S = C(() => new Promise((i, h) => {
-    if (!$.current || !j.current) {
-      h(new Error("Image or canvas not ready"));
+  }, [t, f, r, Y, K]);
+  const te = G(() => new Promise((n, i) => {
+    if (!W.current || !Q.current) {
+      i(new Error("Image or canvas not ready"));
       return;
     }
-    const d = j.current, u = d.getContext("2d");
+    const s = Q.current, u = s.getContext("2d");
     if (!u) {
-      h(new Error("Could not get canvas context"));
+      i(new Error("Could not get canvas context"));
       return;
     }
-    const b = m.width / o.width, y = m.height / o.height, k = (t.x - o.x) * b, p = (t.y - o.y) * y, x = t.width * b, N = t.height * y;
-    d.width = x, d.height = N, Y === "rounded" && (u.beginPath(), u.arc(
-      x / 2,
+    const k = f.width / r.width, y = f.height / r.height, D = (t.x - r.x) * k, B = (t.y - r.y) * y, L = t.width * k, N = t.height * y;
+    s.width = L, s.height = N, I === "rounded" && (u.beginPath(), u.arc(
+      L / 2,
       N / 2,
-      Math.min(x, N) / 2,
+      Math.min(L, N) / 2,
       0,
       Math.PI * 2
     ), u.closePath(), u.clip()), u.drawImage(
-      $.current,
-      k,
-      p,
-      x,
+      W.current,
+      D,
+      B,
+      L,
       N,
       0,
       0,
-      x,
+      L,
       N
-    ), d.toBlob(
-      (I) => {
-        I ? i(I) : h(new Error("Failed to create blob"));
+    ), s.toBlob(
+      (A) => {
+        A ? n(A) : i(new Error("Failed to create blob"));
       },
       "image/png",
       1
     );
-  }), [t, m, o, Y]);
-  q(() => {
-    F && S().then(F).catch(() => {
+  }), [t, f, r, I]);
+  j(() => {
+    J && te().then(J).catch(() => {
     });
-  }, [S, F]);
-  const B = (i) => {
-    const h = {
-      nw: r.handleNW,
-      ne: r.handleNE,
-      sw: r.handleSW,
-      se: r.handleSE
+  }, [te, J]);
+  const C = (n) => {
+    const i = {
+      nw: h.handleNW,
+      ne: h.handleNE,
+      sw: h.handleSW,
+      se: h.handleSE
     };
-    return /* @__PURE__ */ X(
+    return /* @__PURE__ */ b(
       "div",
       {
-        className: `${r.cornerHandle} ${h[i]}`,
-        onMouseDown: A(i),
-        onTouchStart: A(i),
+        className: `${h.cornerHandle} ${i[n]}`,
+        onMouseDown: q(n),
+        onTouchStart: q(n),
         children: [
-          /* @__PURE__ */ g("div", { className: r.cornerHandleArm, "data-direction": "horizontal" }),
-          /* @__PURE__ */ g("div", { className: r.cornerHandleArm, "data-direction": "vertical" })
+          /* @__PURE__ */ a("div", { className: h.cornerHandleArm, "data-direction": "horizontal" }),
+          /* @__PURE__ */ a("div", { className: h.cornerHandleArm, "data-direction": "vertical" })
         ]
       }
     );
-  }, P = (i) => {
-    const h = {
-      n: r.handleN,
-      s: r.handleS,
-      e: r.handleE,
-      w: r.handleW
+  }, F = (n) => {
+    const i = {
+      n: h.handleN,
+      s: h.handleS,
+      e: h.handleE,
+      w: h.handleW
     };
-    return /* @__PURE__ */ g(
+    return /* @__PURE__ */ a(
       "div",
       {
-        className: `${r.edgeHandle} ${h[i]}`,
-        onMouseDown: A(i),
-        onTouchStart: A(i),
-        children: /* @__PURE__ */ g("div", { className: r.edgeHandleBar })
+        className: `${h.edgeHandle} ${i[n]}`,
+        onMouseDown: q(n),
+        onTouchStart: q(n),
+        children: /* @__PURE__ */ a("div", { className: h.edgeHandleBar })
       }
     );
   };
-  return /* @__PURE__ */ X(se, { className: r.container, ref: ee, children: [
-    /* @__PURE__ */ g("canvas", { ref: j, style: { display: "none" } }),
-    /* @__PURE__ */ g(
+  return /* @__PURE__ */ b(oe, { className: h.container, ref: he, children: [
+    /* @__PURE__ */ a("canvas", { ref: Q, style: { display: "none" } }),
+    /* @__PURE__ */ a(
       "img",
       {
-        ref: $,
-        src: z,
+        ref: W,
+        src: ie,
         alt: "Crop preview",
-        className: r.image,
-        onLoad: ie,
+        className: h.image,
+        onLoad: re,
         draggable: !1
       }
     ),
-    H && /* @__PURE__ */ X(T, { children: [
-      Y === "square" ? /* @__PURE__ */ X(T, { children: [
-        /* @__PURE__ */ g(
+    Y && /* @__PURE__ */ b(O, { children: [
+      I === "square" ? /* @__PURE__ */ b(O, { children: [
+        /* @__PURE__ */ a(
           "div",
           {
-            className: r.overlay,
+            className: h.overlay,
             style: {
               top: 0,
               left: 0,
@@ -253,10 +255,10 @@ const ge = ({
             }
           }
         ),
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ a(
           "div",
           {
-            className: r.overlay,
+            className: h.overlay,
             style: {
               top: t.y + t.height,
               left: 0,
@@ -265,10 +267,10 @@ const ge = ({
             }
           }
         ),
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ a(
           "div",
           {
-            className: r.overlay,
+            className: h.overlay,
             style: {
               top: t.y,
               left: 0,
@@ -277,10 +279,10 @@ const ge = ({
             }
           }
         ),
-        /* @__PURE__ */ g(
+        /* @__PURE__ */ a(
           "div",
           {
-            className: r.overlay,
+            className: h.overlay,
             style: {
               top: t.y,
               left: t.x + t.width,
@@ -289,10 +291,10 @@ const ge = ({
             }
           }
         )
-      ] }) : /* @__PURE__ */ g(
+      ] }) : /* @__PURE__ */ a(
         "div",
         {
-          className: r.circularOverlay,
+          className: h.circularOverlay,
           style: {
             left: t.x + t.width / 2,
             top: t.y + t.height / 2,
@@ -301,49 +303,49 @@ const ge = ({
           }
         }
       ),
-      /* @__PURE__ */ X(
+      /* @__PURE__ */ b(
         "div",
         {
-          className: `${r.cropArea} ${Y === "rounded" ? r.cropAreaRounded : ""}`,
+          className: `${h.cropArea} ${I === "rounded" ? h.cropAreaRounded : ""}`,
           style: {
             left: t.x,
             top: t.y,
             width: t.width,
             height: t.height
           },
-          onMouseDown: _,
-          onTouchStart: _,
+          onMouseDown: ee,
+          onTouchStart: ee,
           children: [
-            Y === "square" ? /* @__PURE__ */ g("div", { className: r.dashedBorder }) : /* @__PURE__ */ X(T, { children: [
-              /* @__PURE__ */ g("div", { className: `${r.edgeLine} ${r.edgeLineTop}` }),
-              /* @__PURE__ */ g(
+            I === "square" ? /* @__PURE__ */ a("div", { className: h.dashedBorder }) : /* @__PURE__ */ b(O, { children: [
+              /* @__PURE__ */ a("div", { className: `${h.edgeLine} ${h.edgeLineTop}` }),
+              /* @__PURE__ */ a(
                 "div",
                 {
-                  className: `${r.edgeLine} ${r.edgeLineBottom}`
+                  className: `${h.edgeLine} ${h.edgeLineBottom}`
                 }
               ),
-              /* @__PURE__ */ g(
+              /* @__PURE__ */ a(
                 "div",
                 {
-                  className: `${r.edgeLine} ${r.edgeLineLeft}`
+                  className: `${h.edgeLine} ${h.edgeLineLeft}`
                 }
               ),
-              /* @__PURE__ */ g(
+              /* @__PURE__ */ a(
                 "div",
                 {
-                  className: `${r.edgeLine} ${r.edgeLineRight}`
+                  className: `${h.edgeLine} ${h.edgeLineRight}`
                 }
               )
             ] }),
-            B("nw"),
-            B("ne"),
-            B("sw"),
-            B("se"),
-            Y === "square" && /* @__PURE__ */ X(T, { children: [
-              P("n"),
-              P("s"),
-              P("e"),
-              P("w")
+            C("nw"),
+            C("ne"),
+            C("sw"),
+            C("se"),
+            I === "square" && /* @__PURE__ */ b(O, { children: [
+              F("n"),
+              F("s"),
+              F("e"),
+              F("w")
             ] })
           ]
         }
@@ -352,5 +354,5 @@ const ge = ({
   ] });
 };
 export {
-  ge as ImageCropper
+  fe as ImageCropper
 };