@layers-app/shared 0.2.6 → 0.2.7

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
 };

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

@@ -1 +1 @@
-{"version":3,"file":"LanguagePicker.d.ts","sourceRoot":"","sources":["../../../src/components/LanguagePicker/LanguagePicker.tsx"],"names":[],"mappings":"AAiBA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAQD,eAAO,MAAM,cAAc,GAAI,6BAI5B,mBAAmB,4CA+BrB,CAAC"}
+{"version":3,"file":"LanguagePicker.d.ts","sourceRoot":"","sources":["../../../src/components/LanguagePicker/LanguagePicker.tsx"],"names":[],"mappings":"AAkBA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AA0BD,eAAO,MAAM,cAAc,GAAI,6BAI5B,mBAAmB,4CAkBrB,CAAC"}

package/dist/components/LanguagePicker/LanguagePicker.js

@@ -1,45 +1,54 @@
-import { jsx as a, jsxs as g } from "react/jsx-runtime";
-import { useMemo as f } from "react";
-import { Select as u, Image as l, Group as x } from "@mantine/core";
-import { IconCheck as d } from "@tabler/icons-react";
-import b from "../../assets/svg/flags/es.svg.js";
-import h from "../../assets/svg/flags/ru.svg.js";
+import { jsx as o, jsxs as c } from "react/jsx-runtime";
+import { useMemo as p } from "react";
+import { Tick02Icon as g } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon as f } from "@hugeicons/react";
+import { Select as u, Image as n, Group as d } from "@mantine/core";
+import x from "../../assets/svg/flags/es.svg.js";
+import b from "../../assets/svg/flags/ru.svg.js";
 import y from "../../assets/svg/flags/us.svg.js";
-import o from "./LanguagePicker.module.css.js";
-const s = {
-  ru: h,
+import l from "./LanguagePicker.module.css.js";
+const m = {
+  ru: b,
   en: y,
-  es: b
-}, t = [
-  { value: "ru", label: "Русский" },
+  es: x
+}, s = [
   { value: "en", label: "English" },
+  { value: "ru", label: "Русский" },
   { value: "es", label: "Español (España)" }
-], M = ({
-  value: r,
-  onChange: n,
-  label: m
+], E = ({
+  option: e,
+  checked: a
+}) => /* @__PURE__ */ c(d, { flex: "1", gap: "xs", children: [
+  /* @__PURE__ */ o(n, { src: m[e.value], className: l.image }),
+  e.label,
+  a && /* @__PURE__ */ o(
+    f,
+    {
+      color: "var(--mantine-primary-color-filled)",
+      size: 16,
+      icon: g,
+      className: l.tickIcon
+    }
+  )
+] }), O = ({
+  value: e,
+  onChange: a,
+  label: t
 }) => {
-  const i = ({
-    option: e,
-    checked: c
-  }) => /* @__PURE__ */ g(x, { flex: "1", gap: "xs", children: [
-    /* @__PURE__ */ a(l, { src: s[e.value], className: o.image }),
-    e.label,
-    c && /* @__PURE__ */ a(d, { style: { marginInlineStart: "auto" }, stroke: 1.2 })
-  ] }), p = f(() => t.find((e) => e.value === r) ? r : "en", [r]);
-  return /* @__PURE__ */ a(
+  const i = p(() => s.find((r) => r.value === e) ? e : "en", [e]);
+  return /* @__PURE__ */ o(
     u,
     {
-      label: m,
+      label: t,
       flex: 1,
-      onChange: (e) => e && n(e),
-      leftSection: /* @__PURE__ */ a(l, { src: s[r], className: o.image }),
-      value: p,
-      data: t,
-      renderOption: i
+      onChange: (r) => r && a(r),
+      leftSection: /* @__PURE__ */ o(n, { src: m[e], className: l.image }),
+      value: i,
+      data: s,
+      renderOption: E
     }
   );
 };
 export {
-  M as LanguagePicker
+  O as LanguagePicker
 };

package/dist/components/LanguagePicker/LanguagePicker.module.css.js

@@ -1,7 +1,9 @@
-const e = "_image_vcu25_1", a = {
-  image: e
+const c = "_image_1re3l_1", t = "_tickIcon_1re3l_8", e = {
+  image: c,
+  tickIcon: t
 };
 export {
-  a as default,
-  e as image
+  e as default,
+  c as image,
+  t as tickIcon
 };