@caspeco/casper-ui-library 9.13.0 → 10.0.0

package/dist/components/image-upload/image-cropper.js

@@ -1,26 +1,38 @@
-import { jsx as O } from "react/jsx-runtime";
-import { useRef as R, useState as q, useEffect as j } from "react";
-import { adjustCrop as X, ScalingDirection as b, getAspectRatioValue as y, calculateHandlePositions as E, getCursorStyle as J, isPointInsideRect as _, getOppositeCorner as K } from "./image-cropper.helper.js";
-function $({
-  src: W,
+import { jsx as q } from "react/jsx-runtime";
+import { useRef as R, useState as J, useEffect as j } from "react";
+import { adjustCrop as E, ScalingDirection as b, getAspectRatioValue as y, calculateHandlePositions as W, getCursorStyle as K, isPointInsideRect as B, getOppositeCorner as N } from "./image-cropper.helper.js";
+function _(I) {
+  document.body.style.userSelect = I;
+}
+function x({
+  src: I,
   crop: z,
-  onCropCallback: B,
+  onCropCallback: P,
   setPreviewImage: Y,
   aspectRatio: F
 }) {
-  const S = R(null), m = R(null), v = R(null), C = R(null), s = R({ left: 0, top: 0, width: 0, height: 0 }), a = R({
+  const S = R(null), m = R(null), v = R(null), C = R(null), s = R({
+    left: 0,
+    top: 0,
+    width: 0,
+    height: 0
+  }), a = R({
     left: 0,
     top: 0
-  }), [P, V] = q("crosshair"), T = 10, k = (e) => {
+  }), [U, V] = J("crosshair"), T = 10, k = (e) => {
     if (m.current && v.current) {
       const t = {
         width: v.current.width,
         height: v.current.height
-      }, o = X(s.current, m.current, t, e);
-      B(o);
+      }, o = E(s.current, m.current, t, e);
+      P(o);
     }
   }, A = (e, t, o, w) => {
-    e.fillStyle = "rgba(0, 0, 0, 0.5)", e.fillRect(0, 0, t.width, t.height), e.save(), e.beginPath(), e.rect(o.left, o.top, o.width, o.height), e.clip(), m.current && e.drawImage(m.current, 0, 0, t.width, t.height), e.restore(), e.strokeStyle = "rgba(255, 255, 255, 0.88)", e.lineWidth = 1, e.strokeRect(o.left, o.top, o.width, o.height), w !== "new-selection" && E(o, T).forEach(({ x: g, y: d, corner: M }) => {
+    e.fillStyle = "rgba(0, 0, 0, 0.5)", e.fillRect(0, 0, t.width, t.height), e.save(), e.beginPath(), e.rect(o.left, o.top, o.width, o.height), e.clip(), m.current && e.drawImage(m.current, 0, 0, t.width, t.height), e.restore(), e.strokeStyle = "rgba(255, 255, 255, 0.88)", e.lineWidth = 1, e.strokeRect(o.left, o.top, o.width, o.height), w !== "new-selection" && W(o, T).forEach(({
+      x: g,
+      y: d,
+      corner: M
+    }) => {
       const i = T / 2, p = 3, c = (n, r = 0) => {
         e.strokeStyle = n, e.lineWidth = p + r, e.beginPath();
         const l = Math.min(o.width / 2, 16), h = Math.min(o.height / 2, 16);
@@ -49,12 +61,7 @@ function $({
       const t = e.getContext("2d"), o = {
         width: v.current.width,
         height: v.current.height
-      }, w = X(
-        s.current,
-        m.current,
-        o,
-        b.ToFullSize
-      );
+      }, w = E(s.current, m.current, o, b.ToFullSize);
       if (t)
         return t.drawImage(
           m.current,
@@ -75,20 +82,19 @@ function $({
     const e = S.current, t = e?.getContext("2d");
     if (!e || !t) return;
     const o = new Image();
-    o.src = W, o.onload = () => {
-      const { width: d } = o, { height: M } = o, i = Math.min(528 / d, 418 / M), p = d * i, c = M * i;
+    o.src = I, o.onload = () => {
+      const {
+        width: d
+      } = o, {
+        height: M
+      } = o, i = Math.min(528 / d, 418 / M), p = d * i, c = M * i;
       e.width = p, e.height = c, t.drawImage(o, 0, 0, e.width, e.height), m.current = o, m.current && t.drawImage(m.current, 0, 0, e.width, e.height), v.current = {
         width: p,
         height: c
       };
       let n, r, l;
       if (z)
-        l = X(
-          z,
-          m.current,
-          v.current,
-          b.ToDisplayedSize
-        );
+        l = E(z, m.current, v.current, b.ToDisplayedSize);
       else {
         const h = y(F);
         h ? p / c < h ? (n = p, r = n / h) : (r = c, n = r * h) : (n = p, r = c), l = {
@@ -100,26 +106,22 @@ function $({
       }
       s.current = l, A(t, e, l, C.current), k(b.ToFullSize), Y(D() || "");
     };
-  }, [W]);
+  }, [I]);
   const L = () => {
     const e = S.current, t = e?.getContext("2d");
     !t || !e || (t.clearRect(0, 0, e.width, e.height), m.current && t.drawImage(m.current, 0, 0, e.width, e.height), A(t, e, s.current, null));
   }, G = (e) => {
-    const t = J(
-      e,
-      S,
-      s.current,
-      T,
-      E(s.current, T)
-    );
+    const t = K(e, S, s.current, T, W(s.current, T));
     V(t);
-  }, I = (e) => {
+  }, H = (e) => {
     const t = S.current, o = t?.getContext("2d");
     if (!t || !o) return;
     const w = t.getBoundingClientRect(), g = e.clientX - w.left, d = e.clientY - w.top;
     let M = 0, i = 0;
     a.current && (M = g - a.current.left, i = d - a.current.top);
-    let p = { ...s.current };
+    let p = {
+      ...s.current
+    };
     if (C.current === "new-selection" || C.current === "resize") {
       if (!a.current) return;
       const c = y(F);
@@ -136,60 +138,48 @@ function $({
       c = Math.max(0, Math.min(c, t.width - s.current.width)), n = Math.max(0, Math.min(n, t.height - s.current.height)), a.current = {
         left: (a.current?.left || 0) + c - s.current.left,
         top: (a.current?.top || 0) + n - s.current.top
-      }, p = { ...s.current, left: c, top: n };
+      }, p = {
+        ...s.current,
+        left: c,
+        top: n
+      };
     }
     s.current = p, L();
-  }, H = () => {
-    window.removeEventListener("mouseup", H), window.removeEventListener("mousemove", I), document.body.style.userSelect = "", C.current = null, L(), k(b.ToFullSize), Y(D() || "");
+  }, X = () => {
+    window.removeEventListener("mouseup", X), window.removeEventListener("mousemove", H), _(""), C.current = null, L(), k(b.ToFullSize), Y(D() || "");
   };
-  function U(e) {
+  function O(e) {
     const t = S.current;
     if (!t) return;
-    document.body.style.userSelect = "none";
-    const o = t.getBoundingClientRect(), w = E(s.current, T).find(
-      (i) => _(
-        e.clientX - o.left,
-        e.clientY - o.top,
-        i.x,
-        i.y,
-        T,
-        T
-      )
-    ), g = e.clientX - o.left, d = e.clientY - o.top, M = _(
-      e.clientX - o.left,
-      e.clientY - o.top,
-      s.current.left,
-      s.current.top,
-      s.current.width,
-      s.current.height
-    );
+    _("none");
+    const o = t.getBoundingClientRect(), w = W(s.current, T).find((i) => B(e.clientX - o.left, e.clientY - o.top, i.x, i.y, T, T)), g = e.clientX - o.left, d = e.clientY - o.top, M = B(e.clientX - o.left, e.clientY - o.top, s.current.left, s.current.top, s.current.width, s.current.height);
     if (w) {
-      const i = K(s.current, w.corner);
-      C.current = "resize", a.current = { left: i.x, top: i.y };
+      const i = N(s.current, w.corner);
+      C.current = "resize", a.current = {
+        left: i.x,
+        top: i.y
+      };
     } else M ? (a.current = {
       left: e.clientX - o.left,
       top: e.clientY - o.top
-    }, C.current = "move") : (a.current = { left: g, top: d }, C.current = "new-selection", s.current = {
+    }, C.current = "move") : (a.current = {
+      left: g,
+      top: d
+    }, C.current = "new-selection", s.current = {
       left: g,
       top: d,
       width: 0,
       height: 0
     });
-    window.addEventListener("mouseup", H), window.addEventListener("mousemove", I);
+    window.addEventListener("mouseup", X), window.addEventListener("mousemove", H);
   }
   return j(() => () => {
-    window.removeEventListener("mouseup", H), window.removeEventListener("mousemove", I);
-  }, []), /* @__PURE__ */ O(
-    "canvas",
-    {
-      ref: S,
-      onMouseDown: U,
-      onMouseMove: G,
-      draggable: !1,
-      style: { cursor: P, margin: "0 auto" }
-    }
-  );
+    window.removeEventListener("mouseup", X), window.removeEventListener("mousemove", H);
+  }, []), /* @__PURE__ */ q("canvas", { ref: S, onMouseDown: O, onMouseMove: G, draggable: !1, style: {
+    cursor: U,
+    margin: "0 auto"
+  } });
 }
 export {
-  $ as ImageCropper
+  x as ImageCropper
 };

package/dist/components/image-upload/image-upload-dropzone.d.ts

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { Locales } from './types.js';
 interface IDropzoneProps {
     locale: Locales;
@@ -8,6 +9,6 @@ export type FileItem = {
     fileName: string;
     data: string;
 };
-declare function Dropzone({ locale, setFileItem, setHasImageChanged }: IDropzoneProps): import("react/jsx-runtime").JSX.Element;
+declare function Dropzone({ locale, setFileItem, setHasImageChanged }: IDropzoneProps): React.JSX.Element;
 export default Dropzone;
 //# sourceMappingURL=image-upload-dropzone.d.ts.map

package/dist/components/image-upload/image-upload-dropzone.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-upload-dropzone.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-dropzone.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,UAAU,cAAc;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;CACvD;AAED,MAAM,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,EAAE,cAAc,2CA4H5E;AAED,eAAe,QAAQ,CAAC"}
+{"version":3,"file":"image-upload-dropzone.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-dropzone.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAIxC,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC;AAEvC,UAAU,cAAc;IACvB,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,CAAC,QAAQ,EAAE,QAAQ,KAAK,IAAI,CAAC;IAC1C,kBAAkB,EAAE,CAAC,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;CACvD;AAED,MAAM,MAAM,QAAQ,GAAG;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,kBAAkB,EAAE,EAAE,cAAc,qBA4H5E;AAED,eAAe,QAAQ,CAAC"}

package/dist/components/image-upload/image-upload-dropzone.js

@@ -1,81 +1,111 @@
-import { jsxs as l, Fragment as E, jsx as a } from "react/jsx-runtime";
-import { Box as u, Text as g, Input as U } from "@chakra-ui/react";
-import k, { useState as f } from "react";
-import { sanitizeFilename as B } from "./image-upload-helper.js";
-import { ImageIconLarge as L } from "./image-upload-icons.js";
-import { translations as o } from "./translations.js";
-import { Alert as h } from "../alert/alert.js";
-import { ThemeRadiusVariable as V, ThemeColorVariable as d, ThemeSpaceVariable as x } from "../../theme/theme-types.js";
-function P({ locale: i, setFileItem: D, setHasImageChanged: b }) {
-  const [F, s] = f(!1), [T, c] = f(!1), [y, m] = f(!1), t = k.createRef();
-  function R(e, r) {
-    const n = new FileReader();
-    n.onload = r, n.readAsDataURL(e);
-  }
-  const z = ["image/jpeg", "image/png", "image/webp", "image/gif", "image/svg+xml"], p = ({ target: e }) => {
-    if (!e || !e.files || !e.files[0])
+import { jsx as p, jsxs as B, Fragment as v } from "react/jsx-runtime";
+import { c as ee } from "../../_virtual/compiler-runtime.js";
+import { Text as O, Box as W, Input as te } from "@chakra-ui/react";
+import re, { useState as L } from "react";
+import { sanitizeFilename as le } from "./image-upload-helper.js";
+import { ImageIconLarge as ae } from "./image-upload-icons.js";
+import { translations as I } from "./translations.js";
+import { Alert as N } from "../alert/alert.js";
+import { ThemeColorVariable as M, ThemeRadiusVariable as ne, ThemeSpaceVariable as $ } from "../../theme/theme-types.js";
+function he(q) {
+  const e = ee.c(34), {
+    locale: l,
+    setFileItem: R,
+    setHasImageChanged: A
+  } = q, [G, C] = L(!1), [z, V] = L(!1), [w, H] = L(!1);
+  let u;
+  e[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (u = re.createRef(), e[0] = u) : u = e[0];
+  const n = u;
+  let g;
+  e[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (g = function(r, a) {
+    const T = new FileReader();
+    T.onload = a, T.readAsDataURL(r);
+  }, e[1] = g) : g = e[1];
+  const J = g;
+  let h;
+  e[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (h = ["image/jpeg", "image/png", "image/webp", "image/gif", "image/svg+xml"], e[2] = h) : h = e[2];
+  const K = h;
+  let b;
+  e[3] !== R || e[4] !== A ? (b = (t) => {
+    const {
+      target: r
+    } = t;
+    if (!r || !r.files || !r.files[0])
       return;
-    const r = e.files[0];
-    if (!z.includes(r.type)) {
-      m(!0);
+    const a = r.files[0];
+    if (!K.includes(a.type)) {
+      H(!0);
       return;
     }
-    m(!1), r.size > 3145728 ? c(!0) : (c(!1), R(r, (M) => {
-      const S = M.target?.result, j = { fileName: B(r.name), data: S };
-      D(j), b(!0);
+    H(!1), a.size > 3145728 ? V(!0) : (V(!1), J(a, (T) => {
+      const Y = T.target?.result, Z = {
+        fileName: le(a.name),
+        data: Y
+      };
+      R(Z), A(!0);
     }));
-  }, C = () => {
-    t.current && t.current.click();
-  }, I = (e) => {
-    e.preventDefault(), e.dataTransfer.items && e.dataTransfer.items.length > 0 && s(!0);
-  }, w = () => {
-    s(!1);
-  }, A = (e) => {
-    if (e.preventDefault(), !!t.current && e.dataTransfer.files && e.dataTransfer.files.length > 0) {
+  }, e[3] = R, e[4] = A, e[5] = b) : b = e[5];
+  const o = b;
+  let _;
+  e[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (_ = () => {
+    n.current && n.current.click();
+  }, e[6] = _) : _ = e[6];
+  const P = _;
+  let D;
+  e[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (D = (t) => {
+    t.preventDefault(), t.dataTransfer.items && t.dataTransfer.items.length > 0 && C(!0);
+  }, e[7] = D) : D = e[7];
+  const Q = D;
+  let x;
+  e[8] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (x = () => {
+    C(!1);
+  }, e[8] = x) : x = e[8];
+  const X = x;
+  let y;
+  e[9] !== o ? (y = (t) => {
+    if (t.preventDefault(), !!n.current && t.dataTransfer.files && t.dataTransfer.files.length > 0) {
       const r = new DataTransfer();
-      Array.from(e.dataTransfer.files).forEach((n) => {
-        r.items.add(n);
-      }), t.current.files = r.files, p({
-        target: t.current
-      }), e.dataTransfer.clearData(), s(!1);
+      Array.from(t.dataTransfer.files).forEach((a) => {
+        r.items.add(a);
+      }), n.current.files = r.files, o({
+        target: n.current
+      }), t.dataTransfer.clearData(), C(!1);
     }
-  };
-  return /* @__PURE__ */ l(E, { children: [
-    /* @__PURE__ */ l(
-      u,
-      {
-        p: "108px",
-        bg: d.BackgroundDisabled,
-        borderWidth: "1px",
-        borderColor: F ? d.OnSurfaceBorder : "transparent",
-        transition: "150ms ease",
-        borderRadius: V.Medium,
-        display: "flex",
-        alignItems: "center",
-        justifyContent: "center",
-        flexDir: "column",
-        onDragOver: I,
-        onDragLeave: w,
-        onDrop: A,
-        onClick: C,
-        cursor: "pointer",
-        children: [
-          /* @__PURE__ */ a(L, {}),
-          /* @__PURE__ */ a(g, { children: o[i].pullAndDrop }),
-          /* @__PURE__ */ l(g, { children: [
-            "eller",
-            " ",
-            /* @__PURE__ */ a(u, { as: "span", color: d.Accent, textDecoration: "underline", children: o[i].upload }),
-            "."
-          ] }),
-          /* @__PURE__ */ a(U, { type: "file", ref: t, display: "none", onChange: p })
-        ]
-      }
-    ),
-    y && /* @__PURE__ */ a(h, { mt: x.Medium, type: "error", children: o[i].unsupportedFormat }),
-    T && /* @__PURE__ */ a(h, { mt: x.Medium, type: "error", children: o[i].sizeExceeded })
-  ] });
+  }, e[9] = o, e[10] = y) : y = e[10];
+  const E = y, U = G ? M.OnSurfaceBorder : "transparent";
+  let F;
+  e[11] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (F = /* @__PURE__ */ p(ae, {}), e[11] = F) : F = e[11];
+  const j = I[l];
+  let i;
+  e[12] !== j.pullAndDrop ? (i = /* @__PURE__ */ p(O, { children: j.pullAndDrop }), e[12] = j.pullAndDrop, e[13] = i) : i = e[13];
+  const k = I[l];
+  let s;
+  e[14] !== k.upload ? (s = /* @__PURE__ */ B(O, { children: [
+    "eller",
+    " ",
+    /* @__PURE__ */ p(W, { as: "span", color: M.Accent, textDecoration: "underline", children: k.upload }),
+    "."
+  ] }), e[14] = k.upload, e[15] = s) : s = e[15];
+  let c;
+  e[16] !== o ? (c = /* @__PURE__ */ p(te, { type: "file", ref: n, display: "none", onChange: o }), e[16] = o, e[17] = c) : c = e[17];
+  let f;
+  e[18] !== E || e[19] !== i || e[20] !== s || e[21] !== c || e[22] !== U ? (f = /* @__PURE__ */ B(W, { p: "108px", bg: M.BackgroundDisabled, borderWidth: "1px", borderColor: U, transition: "150ms ease", borderRadius: ne.Medium, display: "flex", alignItems: "center", justifyContent: "center", flexDir: "column", onDragOver: Q, onDragLeave: X, onDrop: E, onClick: P, cursor: "pointer", children: [
+    F,
+    i,
+    s,
+    c
+  ] }), e[18] = E, e[19] = i, e[20] = s, e[21] = c, e[22] = U, e[23] = f) : f = e[23];
+  let m;
+  e[24] !== l || e[25] !== w ? (m = w && /* @__PURE__ */ p(N, { mt: $.Medium, type: "error", children: I[l].unsupportedFormat }), e[24] = l, e[25] = w, e[26] = m) : m = e[26];
+  let d;
+  e[27] !== l || e[28] !== z ? (d = z && /* @__PURE__ */ p(N, { mt: $.Medium, type: "error", children: I[l].sizeExceeded }), e[27] = l, e[28] = z, e[29] = d) : d = e[29];
+  let S;
+  return e[30] !== f || e[31] !== m || e[32] !== d ? (S = /* @__PURE__ */ B(v, { children: [
+    f,
+    m,
+    d
+  ] }), e[30] = f, e[31] = m, e[32] = d, e[33] = S) : S = e[33], S;
 }
 export {
-  P as default
+  he as default
 };

package/dist/components/image-upload/image-upload-icons.d.ts

@@ -1,6 +1,6 @@
-export declare const ImageIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const ImageIconLarge: () => import("react/jsx-runtime").JSX.Element;
-export declare const UploadIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const ImageFolderIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const RemoveIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const ImageIcon: () => import("react").JSX.Element;
+export declare const ImageIconLarge: () => import("react").JSX.Element;
+export declare const UploadIcon: () => import("react").JSX.Element;
+export declare const ImageFolderIcon: () => import("react").JSX.Element;
+export declare const RemoveIcon: () => import("react").JSX.Element;
 //# sourceMappingURL=image-upload-icons.d.ts.map

package/dist/components/image-upload/image-upload-icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-upload-icons.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-icons.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,+CAUrB,CAAC;AAEF,eAAO,MAAM,cAAc,+CAU1B,CAAC;AAEF,eAAO,MAAM,UAAU,+CAStB,CAAC;AAEF,eAAO,MAAM,eAAe,+CAS3B,CAAC;AAEF,eAAO,MAAM,UAAU,+CAStB,CAAC"}
+{"version":3,"file":"image-upload-icons.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-icons.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,mCAUrB,CAAC;AAEF,eAAO,MAAM,cAAc,mCAU1B,CAAC;AAEF,eAAO,MAAM,UAAU,mCAStB,CAAC;AAEF,eAAO,MAAM,eAAe,mCAS3B,CAAC;AAEF,eAAO,MAAM,UAAU,mCAStB,CAAC"}

package/dist/components/image-upload/image-upload-icons.js

@@ -1,28 +1,21 @@
-import { jsx as C } from "react/jsx-runtime";
-import { Icon as i } from "@chakra-ui/react";
-const t = () => /* @__PURE__ */ C(i, { boxSize: "30px", width: "30px", height: "30px", asChild: !0, children: /* @__PURE__ */ C("svg", { viewBox: "0 0 30 30", children: /* @__PURE__ */ C(
-  "path",
-  {
-    d: "M24 6.75H6C5.57812 6.75 5.25 7.125 5.25 7.5V22.5V22.5469L5.4375 22.2656L9.1875 17.0156C9.42188 16.6875 9.75 16.5 10.125 16.5C10.4531 16.5 10.8281 16.6875 11.0156 16.9688L12.4688 18.9844L16.3594 13.9688C16.5469 13.6875 16.875 13.5 17.25 13.5C17.5781 13.5 17.9062 13.6875 18.1406 13.9688L24.5156 22.2188L24.75 22.5V7.5C24.75 7.125 24.375 6.75 24 6.75ZM6 4.5H24C25.6406 4.5 27 5.85938 27 7.5V22.5C27 24.1875 25.6406 25.5 24 25.5H6C4.3125 25.5 3 24.1875 3 22.5V7.5C3 5.85938 4.3125 4.5 6 4.5ZM9.75 13.5C8.90625 13.5 8.20312 13.0781 7.78125 12.375C7.35938 11.7188 7.35938 10.8281 7.78125 10.125C8.20312 9.46875 8.90625 9 9.75 9C10.5469 9 11.25 9.46875 11.6719 10.125C12.0938 10.8281 12.0938 11.7188 11.6719 12.375C11.25 13.0781 10.5469 13.5 9.75 13.5Z",
-    fill: "#0C0656",
-    fillOpacity: "0.24"
-  }
-) }) }), L = () => /* @__PURE__ */ C(i, { boxSize: "64px", width: "64px", height: "64px", asChild: !0, children: /* @__PURE__ */ C("svg", { viewBox: "0 0 64 64", children: /* @__PURE__ */ C(
-  "path",
-  {
-    d: "M20 15C16.625 15 14 17.75 14 21C14 24.375 16.625 27 20 27C23.25 27 26 24.375 26 21C26 17.75 23.25 15 20 15ZM56.875 4H8.875C4.5 4 0.875 7.625 0.875 12V52C0.875 56.5 4.5 60 8.875 60H56.875C61.25 60 64.875 56.5 64.875 52V12C64.875 7.625 61.375 4 56.875 4ZM58.875 51.25L41.75 28C41.375 27.375 40.75 27 40 27C39.125 27 38.5 27.375 38 28L24.75 46L20.125 40.25C19.625 39.75 19 39.375 18.25 39.375C17.5 39.375 16.875 39.75 16.375 40.25L7 52L6.875 12C6.875 11 7.875 10 8.875 10H56.875C58 10 58.875 11 58.875 12V51.25Z",
-    fill: "#0C0656",
-    fillOpacity: "0.24"
-  }
-) }) }), l = () => /* @__PURE__ */ C(i, { width: "24px", height: "24px", asChild: !0, children: /* @__PURE__ */ C("svg", { viewBox: "0 0 24 24", children: /* @__PURE__ */ C(
-  "path",
-  {
-    d: "M17.9766 7.85156L13.2891 12.5391L17.9375 17.1875C18.3281 17.5391 18.3281 18.125 17.9375 18.4766C17.5859 18.8672 17 18.8672 16.6484 18.4766L11.9609 13.8281L7.3125 18.4766C6.96094 18.8672 6.375 18.8672 6.02344 18.4766C5.63281 18.125 5.63281 17.5391 6.02344 17.1484L10.6719 12.5L6.02344 7.85156C5.63281 7.5 5.63281 6.91406 6.02344 6.52344C6.375 6.17188 6.96094 6.17188 7.35156 6.52344L12 11.2109L16.6484 6.5625C17 6.17188 17.5859 6.17188 17.9766 6.5625C18.3281 6.91406 18.3281 7.5 17.9766 7.85156Z",
-    fill: "#0C0656"
-  }
-) }) });
+import { jsx as t } from "react/jsx-runtime";
+import { c as i } from "../../_virtual/compiler-runtime.js";
+import { Icon as o } from "@chakra-ui/react";
+const n = () => {
+  const C = i.c(1);
+  let e;
+  return C[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ t(o, { boxSize: "30px", width: "30px", height: "30px", asChild: !0, children: /* @__PURE__ */ t("svg", { viewBox: "0 0 30 30", children: /* @__PURE__ */ t("path", { d: "M24 6.75H6C5.57812 6.75 5.25 7.125 5.25 7.5V22.5V22.5469L5.4375 22.2656L9.1875 17.0156C9.42188 16.6875 9.75 16.5 10.125 16.5C10.4531 16.5 10.8281 16.6875 11.0156 16.9688L12.4688 18.9844L16.3594 13.9688C16.5469 13.6875 16.875 13.5 17.25 13.5C17.5781 13.5 17.9062 13.6875 18.1406 13.9688L24.5156 22.2188L24.75 22.5V7.5C24.75 7.125 24.375 6.75 24 6.75ZM6 4.5H24C25.6406 4.5 27 5.85938 27 7.5V22.5C27 24.1875 25.6406 25.5 24 25.5H6C4.3125 25.5 3 24.1875 3 22.5V7.5C3 5.85938 4.3125 4.5 6 4.5ZM9.75 13.5C8.90625 13.5 8.20312 13.0781 7.78125 12.375C7.35938 11.7188 7.35938 10.8281 7.78125 10.125C8.20312 9.46875 8.90625 9 9.75 9C10.5469 9 11.25 9.46875 11.6719 10.125C12.0938 10.8281 12.0938 11.7188 11.6719 12.375C11.25 13.0781 10.5469 13.5 9.75 13.5Z", fill: "#0C0656", fillOpacity: "0.24" }) }) }), C[0] = e) : e = C[0], e;
+}, h = () => {
+  const C = i.c(1);
+  let e;
+  return C[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ t(o, { boxSize: "64px", width: "64px", height: "64px", asChild: !0, children: /* @__PURE__ */ t("svg", { viewBox: "0 0 64 64", children: /* @__PURE__ */ t("path", { d: "M20 15C16.625 15 14 17.75 14 21C14 24.375 16.625 27 20 27C23.25 27 26 24.375 26 21C26 17.75 23.25 15 20 15ZM56.875 4H8.875C4.5 4 0.875 7.625 0.875 12V52C0.875 56.5 4.5 60 8.875 60H56.875C61.25 60 64.875 56.5 64.875 52V12C64.875 7.625 61.375 4 56.875 4ZM58.875 51.25L41.75 28C41.375 27.375 40.75 27 40 27C39.125 27 38.5 27.375 38 28L24.75 46L20.125 40.25C19.625 39.75 19 39.375 18.25 39.375C17.5 39.375 16.875 39.75 16.375 40.25L7 52L6.875 12C6.875 11 7.875 10 8.875 10H56.875C58 10 58.875 11 58.875 12V51.25Z", fill: "#0C0656", fillOpacity: "0.24" }) }) }), C[0] = e) : e = C[0], e;
+}, s = () => {
+  const C = i.c(1);
+  let e;
+  return C[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel") ? (e = /* @__PURE__ */ t(o, { width: "24px", height: "24px", asChild: !0, children: /* @__PURE__ */ t("svg", { viewBox: "0 0 24 24", children: /* @__PURE__ */ t("path", { d: "M17.9766 7.85156L13.2891 12.5391L17.9375 17.1875C18.3281 17.5391 18.3281 18.125 17.9375 18.4766C17.5859 18.8672 17 18.8672 16.6484 18.4766L11.9609 13.8281L7.3125 18.4766C6.96094 18.8672 6.375 18.8672 6.02344 18.4766C5.63281 18.125 5.63281 17.5391 6.02344 17.1484L10.6719 12.5L6.02344 7.85156C5.63281 7.5 5.63281 6.91406 6.02344 6.52344C6.375 6.17188 6.96094 6.17188 7.35156 6.52344L12 11.2109L16.6484 6.5625C17 6.17188 17.5859 6.17188 17.9766 6.5625C18.3281 6.91406 18.3281 7.5 17.9766 7.85156Z", fill: "#0C0656" }) }) }), C[0] = e) : e = C[0], e;
+};
 export {
-  t as ImageIcon,
-  L as ImageIconLarge,
-  l as RemoveIcon
+  n as ImageIcon,
+  h as ImageIconLarge,
+  s as RemoveIcon
 };

package/dist/components/image-upload/image-upload-modal.d.ts

@@ -13,6 +13,6 @@ interface IImageCropperModalProps {
     setPreviewImage: (base64: string) => void;
     setCrop: (crop: Crop | null) => void;
 }
-export declare function ImageUploadModal({ title, src, savedCrop, isOpen, aspectRatio, crop, locale, onClose, handleSaveImage, setPreviewImage, setCrop, }: IImageCropperModalProps): import("react/jsx-runtime").JSX.Element;
+export declare function ImageUploadModal({ title, src, savedCrop, isOpen, aspectRatio, crop, locale, onClose, handleSaveImage, setPreviewImage, setCrop, }: IImageCropperModalProps): import("react").JSX.Element;
 export {};
 //# sourceMappingURL=image-upload-modal.d.ts.map

package/dist/components/image-upload/image-upload-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"image-upload-modal.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-modal.tsx"],"names":[],"mappings":"AAOA,OAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAIlE,OAAO,EAAE,KAAK,IAAI,EAAE,sBAAsB,EAAE,KAAK,OAAO,EAAE,MAAM,SAAS,CAAC;AAE1E,UAAU,uBAAuB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,sBAAsB,CAAC;IACpC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3F,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,gBAAgB,CAAC,EAChC,KAAK,EACL,GAAG,EACH,SAAS,EACT,MAAM,EACN,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,eAAe,EACf,eAAe,EACf,OAAO,GACP,EAAE,uBAAuB,2CAqHzB"}
+{"version":3,"file":"image-upload-modal.d.ts","sourceRoot":"","sources":["../../../lib/components/image-upload/image-upload-modal.tsx"],"names":[],"mappings":"AAOA,OAAiB,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AAIlE,OAAO,EAAE,KAAK,IAAI,EAAE,sBAAsB,EAAE,KAAK,OAAO,EAAE,MAAM,SAAS,CAAC;AAE1E,UAAU,uBAAuB;IAChC,MAAM,EAAE,OAAO,CAAC;IAChB,KAAK,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,GAAG,EAAE,MAAM,GAAG,SAAS,CAAC;IACxB,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC;IAC5B,MAAM,EAAE,OAAO,CAAC;IAChB,WAAW,EAAE,sBAAsB,CAAC;IACpC,IAAI,EAAE,IAAI,GAAG,IAAI,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,eAAe,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,eAAe,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3F,eAAe,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI,KAAK,IAAI,CAAC;CACrC;AAED,wBAAgB,gBAAgB,CAAC,EAChC,KAAK,EACL,GAAG,EACH,SAAS,EACT,MAAM,EACN,WAAW,EACX,IAAI,EACJ,MAAM,EACN,OAAO,EACP,eAAe,EACf,eAAe,EACf,OAAO,GACP,EAAE,uBAAuB,+BAqHzB"}