@solibo/solibo-ui 1.0.15 → 1.0.17

package/dist/components/croppable/index.js

@@ -1,46 +1,46 @@
 import { jsxs as J, jsx as w } from "react/jsx-runtime";
-import { t as nt } from "../../classix-DG18itHa.js";
-import { useRef as x, useState as Z, useEffect as U } from "react";
+import { t as ot } from "../../classix-DG18itHa.js";
+import { useRef as x, useState as S, useEffect as E } from "react";
 import { Button as wt } from "../button/index.js";
 import { Figure as xt } from "../figure/index.js";
 import { Icon as yt } from "../icon/index.js";
-import '../../assets/index35.css';const P = 10, j = 0.1, Yt = 0.92, h = (u, p, _) => Math.min(_, Math.max(p, u)), Xt = (u) => new Promise((p, _) => {
-  const d = URL.createObjectURL(u), i = new globalThis.Image();
-  i.onload = () => {
-    URL.revokeObjectURL(d), p(i);
-  }, i.onerror = () => {
-    URL.revokeObjectURL(d), _(new Error("croppable-image-load-failed"));
-  }, i.src = d;
-}), At = async ({
+import '../../assets/index35.css';const I = 10, Z = 0.1, Pt = 0.92, d = (u, p, _) => Math.min(_, Math.max(p, u)), Yt = (u) => new Promise((p, _) => {
+  const h = URL.createObjectURL(u), s = new globalThis.Image();
+  s.onload = () => {
+    URL.revokeObjectURL(h), p(s);
+  }, s.onerror = () => {
+    URL.revokeObjectURL(h), _(new Error("croppable-image-load-failed"));
+  }, s.src = h;
+}), Xt = async ({
   file: u,
   fill: p,
   transform: _,
-  viewport: d
+  viewport: h
 }) => {
-  const i = await Xt(u), Y = d.width / i.naturalWidth, R = d.height / i.naturalHeight, y = Math.max(Y, R), k = i.naturalWidth * y, L = i.naturalHeight * y, C = p === "width" ? Math.max(j, Y / y) : p === "height" ? Math.max(j, R / y) : j, T = h(_.zoom, C, P), g = y * T, b = k * T, F = L * T, m = (d.width - b) / 2 + _.offset.x, v = (d.height - F) / 2 + _.offset.y, X = h(-m / g, 0, i.naturalWidth), E = h(-v / g, 0, i.naturalHeight), O = h(d.width / g, 1, Math.max(1, i.naturalWidth - X)), c = h(d.height / g, 1, Math.max(1, i.naturalHeight - E)), z = document.createElement("canvas"), a = z.getContext("2d");
+  const s = await Yt(u), P = h.width / s.naturalWidth, R = h.height / s.naturalHeight, y = Math.max(P, R), j = s.naturalWidth * y, L = s.naturalHeight * y, C = p === "width" ? Math.max(Z, P / y) : p === "height" ? Math.max(Z, R / y) : Z, T = d(_.zoom, C, I), g = y * T, b = j * T, $ = L * T, m = (h.width - b) / 2 + _.offset.x, k = (h.height - $) / 2 + _.offset.y, Y = d(-m / g, 0, s.naturalWidth), v = d(-k / g, 0, s.naturalHeight), U = d(h.width / g, 1, Math.max(1, s.naturalWidth - Y)), c = d(h.height / g, 1, Math.max(1, s.naturalHeight - v)), z = document.createElement("canvas"), a = z.getContext("2d");
   if (!a)
     throw new Error("croppable-image-context-missing");
-  z.width = Math.max(1, Math.round(O)), z.height = Math.max(1, Math.round(c)), a.drawImage(i, X, E, O, c, 0, 0, z.width, z.height);
-  const A = u.type.startsWith("image/") ? u.type : "image/jpeg", D = await new Promise((G) => {
-    z.toBlob(G, A, Yt);
+  z.width = Math.max(1, Math.round(U)), z.height = Math.max(1, Math.round(c)), a.drawImage(s, Y, v, U, c, 0, 0, z.width, z.height);
+  const X = u.type.startsWith("image/") ? u.type : "image/jpeg", A = await new Promise((F) => {
+    z.toBlob(F, X, Pt);
   });
-  if (!D)
+  if (!A)
     throw new Error("croppable-image-export-failed");
-  return new globalThis.File([D], u.name, {
+  return new globalThis.File([A], u.name, {
     lastModified: Date.now(),
-    type: D.type || A
+    type: A.type || X
   });
-}, Dt = "_croppable_1rdsr_1", Wt = "_empty_1rdsr_14", Ht = "_media_1rdsr_22", St = "_overlay_1rdsr_33", Zt = "_viewport_1rdsr_41", jt = "_draggable_1rdsr_53", kt = "_dragging_1rdsr_57", Bt = "_inner_1rdsr_61", Nt = "_standalone_1rdsr_77", M = {
-  croppable: Dt,
-  empty: Wt,
-  media: Ht,
-  overlay: St,
-  viewport: Zt,
-  draggable: jt,
-  dragging: kt,
-  inner: Bt,
-  standalone: Nt
-}, $t = 192, $ = {
+}, At = "_croppable_1kqo4_1", Dt = "_empty_1kqo4_14", Wt = "_media_1kqo4_22", Ht = "_overlay_1kqo4_33", St = "_viewport_1kqo4_41", Zt = "_draggable_1kqo4_53", jt = "_dragging_1kqo4_57", qt = "_inner_1kqo4_61", Bt = "_standalone_1kqo4_77", M = {
+  croppable: At,
+  empty: Dt,
+  media: Wt,
+  overlay: Ht,
+  viewport: St,
+  draggable: Zt,
+  dragging: jt,
+  inner: qt,
+  standalone: Bt
+}, Nt = 192, N = {
   offset: {
     x: 0,
     y: 0
@@ -50,126 +50,126 @@ import '../../assets/index35.css';const P = 10, j = 0.1, Yt = 0.92, h = (u, p, _
   children: u,
   fill: p = "none",
   height: _,
-  image: d,
-  label: i,
-  onCroppableChange: Y,
+  image: h,
+  label: s,
+  onCroppableChange: P,
   onFileChange: R,
   onImageChange: y,
-  onTransformChange: k,
+  onTransformChange: j,
   transform: L,
   standalone: C
 }) => {
-  const T = x(null), g = x(null), b = x(null), F = x(null), m = x(y), v = x(null), X = x(null), E = x(null), O = x(/* @__PURE__ */ new Map()), c = x($), z = x(null), [a, A] = Z(null), [D, G] = Z(null), [ot, tt] = Z(!1), [zt, ct] = Z($), [q, st] = Z(null), [f, Mt] = Z({
+  const T = x(null), g = x(null), b = x(null), $ = x(null), m = x(y), k = x(null), Y = x(null), v = x(null), U = x(/* @__PURE__ */ new Map()), c = x(N), z = x(null), [a, X] = S(null), [A, F] = S(null), [rt, tt] = S(!1), [zt, ct] = S(N), [G, it] = S(null), [f, Mt] = S({
     width: 0,
     height: 0
-  }), B = (() => {
-    const t = f.width, r = f.height;
-    if (!t || !r) return {
+  }), q = (() => {
+    const t = f.width, n = f.height;
+    if (!t || !n) return {
       width: 0,
       height: 0,
-      minZoom: j
+      minZoom: Z
     };
     if (!a) return {
       width: t,
-      height: r,
-      minZoom: j
+      height: n,
+      minZoom: Z
     };
-    const n = t / a.width, e = r / a.height, o = Math.max(n, e), s = p === "width" ? n / o : p === "height" ? e / o : 0;
+    const o = t / a.width, e = n / a.height, r = Math.max(o, e), i = p === "width" ? o / r : p === "height" ? e / r : 0;
     return {
-      width: a.width * o,
-      height: a.height * o,
-      minZoom: Math.max(j, s)
+      width: a.width * r,
+      height: a.height * r,
+      minZoom: Math.max(Z, i)
     };
-  })(), W = B.minZoom, N = L ?? zt, H = h(N.zoom, W, P), K = D ?? d ?? null, it = !u && !!d && !D && !q, Q = !it, at = u ?? (K ? /* @__PURE__ */ w("img", { alt: "", draggable: !1, onLoad: (t) => {
-    const r = t.currentTarget;
-    r.naturalWidth && r.naturalHeight && A({
-      width: r.naturalWidth,
-      height: r.naturalHeight
+  })(), D = q.minZoom, B = L ?? zt, W = d(B.zoom, D, I), K = A ?? h ?? null, st = !u && !!h && !A && !G, Q = !st, at = u ?? (K ? /* @__PURE__ */ w("img", { alt: "", draggable: !1, onLoad: (t) => {
+    const n = t.currentTarget;
+    n.naturalWidth && n.naturalHeight && X({
+      width: n.naturalWidth,
+      height: n.naturalHeight
     });
-  }, src: K }) : null), S = at == null, et = (t, r) => {
+  }, src: K }) : null), H = at == null, et = (t, n) => {
     const {
-      maxX: n,
+      maxX: o,
       maxY: e
-    } = ut(r);
+    } = ut(n);
     return {
-      x: h(t.x, -n, n),
-      y: h(t.y, -e, e)
+      x: d(t.x, -o, o),
+      y: d(t.y, -e, e)
     };
-  }, lt = (t, r) => {
-    const n = z.current;
-    if (!n) return null;
-    const e = n.getBoundingClientRect(), o = t - e.left - e.width / 2, s = r - e.top - e.height / 2;
+  }, lt = (t, n) => {
+    const o = z.current;
+    if (!o) return null;
+    const e = o.getBoundingClientRect(), r = t - e.left - e.width / 2, i = n - e.top - e.height / 2;
     return {
-      x: o,
-      y: s
+      x: r,
+      y: i
     };
-  }, _t = (t, r, n, e) => {
-    const o = h(r, W, P), s = h(n, W, P);
-    if (o === 0) return t;
-    const l = s / o;
+  }, _t = (t, n, o, e) => {
+    const r = d(n, D, I), i = d(o, D, I);
+    if (r === 0) return t;
+    const l = i / r;
     return {
       x: (1 - l) * e.x + l * t.x,
       y: (1 - l) * e.y + l * t.y
     };
-  }, Rt = (t, r, n) => {
-    const e = c.current.zoom, o = h(t, W, P), s = c.current.offset, l = n ? _t(s, e, o, n) : r, I = et(l, o);
+  }, Rt = (t, n, o) => {
+    const e = c.current.zoom, r = d(t, D, I), i = c.current.offset, l = o ? _t(i, e, r, o) : n, O = et(l, r);
     c.current = {
-      zoom: o,
-      offset: I
+      zoom: r,
+      offset: O
     }, L || ct({
-      zoom: o,
-      offset: I
-    }), k == null || k({
-      zoom: o,
-      offset: I
+      zoom: r,
+      offset: O
+    }), j == null || j({
+      zoom: r,
+      offset: O
     });
-  }, V = (t, r, n) => {
-    X.current = {
+  }, V = (t, n, o) => {
+    Y.current = {
       zoom: t,
-      offset: r,
-      anchor: n ?? null
+      offset: n,
+      anchor: o ?? null
     }, g.current == null && (g.current = window.requestAnimationFrame(() => {
       g.current = null;
-      const e = X.current;
-      X.current = null;
-      const o = (e == null ? void 0 : e.zoom) ?? c.current.zoom, s = (e == null ? void 0 : e.offset) ?? c.current.offset, l = (e == null ? void 0 : e.anchor) ?? null;
-      Rt(o, s, l);
+      const e = Y.current;
+      Y.current = null;
+      const r = (e == null ? void 0 : e.zoom) ?? c.current.zoom, i = (e == null ? void 0 : e.offset) ?? c.current.offset, l = (e == null ? void 0 : e.anchor) ?? null;
+      Rt(r, i, l);
     }));
   }, Lt = (t) => {
-    if (S || !Q) return;
-    const r = t.ctrlKey ? 1e-3 : 25e-5, n = c.current.zoom * Math.exp(-t.deltaY * r), e = lt(t.clientX, t.clientY);
-    V(n, c.current.offset, e);
+    if (H || !Q) return;
+    const n = t.ctrlKey ? 1e-3 : 25e-5, o = c.current.zoom * Math.exp(-t.deltaY * n), e = lt(t.clientX, t.clientY);
+    V(o, c.current.offset, e);
   }, ut = (t) => {
-    const r = f.width, n = f.height;
-    if (!r || !n) return {
+    const n = f.width, o = f.height;
+    if (!n || !o) return {
       maxX: 0,
       maxY: 0
     };
-    const e = h(t, W, P), o = B.width * e, s = B.height * e, l = Math.max(0, (o - r) / 2), I = Math.max(0, (s - n) / 2);
+    const e = d(t, D, I), r = q.width * e, i = q.height * e, l = Math.max(0, (r - n) / 2), O = Math.max(0, (i - o) / 2);
     return {
       maxX: l,
-      maxY: I
+      maxY: O
     };
   }, Tt = (t) => {
-    var o;
-    const r = t.target, n = ((o = r.files) == null ? void 0 : o[0]) ?? null;
-    if (v.current && (URL.revokeObjectURL(v.current), v.current = null), !n) {
-      G(null), st(null), R == null || R(null), r.value = "";
+    var r;
+    const n = t.target, o = ((r = n.files) == null ? void 0 : r[0]) ?? null;
+    if (k.current && (URL.revokeObjectURL(k.current), k.current = null), !o) {
+      F(null), it(null), R == null || R(null), n.value = "";
       return;
     }
-    const e = URL.createObjectURL(n);
-    v.current = e, G(e), A(null), st(n), V($.zoom, $.offset), c.current = $, R == null || R(n), r.value = "";
-  }, vt = (t) => {
-    if (!(S || !Q || t.pointerType === "mouse" && t.button !== 0)) {
+    const e = URL.createObjectURL(o);
+    k.current = e, F(e), X(null), it(o), V(N.zoom, N.offset), c.current = N, R == null || R(o), n.value = "";
+  }, kt = (t) => {
+    if (!(H || !Q || t.pointerType === "mouse" && t.button !== 0)) {
       if (t.currentTarget.setPointerCapture(t.pointerId), t.pointerType === "touch") {
-        const r = O.current;
-        if (r.set(t.pointerId, {
+        const n = U.current;
+        if (n.set(t.pointerId, {
           x: t.clientX,
           y: t.clientY
-        }), r.size === 2) {
+        }), n.size === 2) {
           b.current = null, T.current = null, tt(!1);
-          const [n, e] = Array.from(r.values());
-          E.current = Math.hypot(n.x - e.x, n.y - e.y);
+          const [o, e] = Array.from(n.values());
+          v.current = Math.hypot(o.x - e.x, o.y - e.y);
           return;
         }
       }
@@ -180,139 +180,139 @@ import '../../assets/index35.css';const P = 10, j = 0.1, Yt = 0.92, h = (u, p, _
         originY: c.current.offset.y
       };
     }
-  }, Et = (t) => {
-    if (S || !Q) return;
+  }, vt = (t) => {
+    if (H || !Q) return;
     if (t.pointerType === "touch") {
-      const o = O.current;
-      if (!o.has(t.pointerId)) return;
-      if (o.set(t.pointerId, {
+      const r = U.current;
+      if (!r.has(t.pointerId)) return;
+      if (r.set(t.pointerId, {
         x: t.clientX,
         y: t.clientY
-      }), o.size === 2) {
-        const [s, l] = Array.from(o.values()), I = s.x - l.x, Ut = s.y - l.y, pt = Math.hypot(I, Ut), gt = {
-          x: (s.x + l.x) / 2,
-          y: (s.y + l.y) / 2
+      }), r.size === 2) {
+        const [i, l] = Array.from(r.values()), O = i.x - l.x, Et = i.y - l.y, pt = Math.hypot(O, Et), gt = {
+          x: (i.x + l.x) / 2,
+          y: (i.y + l.y) / 2
         };
-        if (E.current) {
-          const Ot = pt / E.current, It = c.current.zoom * Ot, Pt = lt(gt.x, gt.y);
-          V(It, c.current.offset, Pt);
+        if (v.current) {
+          const Ut = pt / v.current, Ot = c.current.zoom * Ut, It = lt(gt.x, gt.y);
+          V(Ot, c.current.offset, It);
         }
-        E.current = pt;
+        v.current = pt;
         return;
       }
     }
-    if (T.current !== t.pointerId || !b.current || !rt) return;
-    const r = t.clientX - b.current.x, n = t.clientY - b.current.y, e = Math.abs(r) + Math.abs(n);
-    !ot && e > 2 && tt(!0), !(e <= 1) && V(c.current.zoom, {
-      x: b.current.originX + r,
-      y: b.current.originY + n
+    if (T.current !== t.pointerId || !b.current || !nt) return;
+    const n = t.clientX - b.current.x, o = t.clientY - b.current.y, e = Math.abs(n) + Math.abs(o);
+    !rt && e > 2 && tt(!0), !(e <= 1) && V(c.current.zoom, {
+      x: b.current.originX + n,
+      y: b.current.originY + o
     });
-  }, dt = (t) => {
-    t.pointerType === "touch" && (O.current.delete(t.pointerId), O.current.size < 2 && (E.current = null)), T.current === t.pointerId && (T.current = null, b.current = null, tt(!1));
+  }, ht = (t) => {
+    t.pointerType === "touch" && (U.current.delete(t.pointerId), U.current.size < 2 && (v.current = null)), T.current === t.pointerId && (T.current = null, b.current = null, tt(!1));
   };
-  U(() => {
+  E(() => {
     if (!L) return;
-    const t = h(L.zoom, W, P);
+    const t = d(L.zoom, D, I);
     c.current = {
       zoom: t,
       offset: et(L.offset, t)
     };
-  }, [L, f.width, f.height, a == null ? void 0 : a.width, a == null ? void 0 : a.height]), U(() => () => {
-    v.current && URL.revokeObjectURL(v.current);
-  }, []), U(() => {
+  }, [L, f.width, f.height, a == null ? void 0 : a.width, a == null ? void 0 : a.height]), E(() => () => {
+    k.current && URL.revokeObjectURL(k.current);
+  }, []), E(() => {
     const t = z.current;
     if (!t) return;
-    const r = () => {
-      const o = t.getBoundingClientRect();
-      Mt((s) => s.width === o.width && s.height === o.height ? s : {
-        width: o.width,
-        height: o.height
-      }), Y && Y(o);
+    const n = () => {
+      const r = t.getBoundingClientRect();
+      Mt((i) => i.width === r.width && i.height === r.height ? i : {
+        width: r.width,
+        height: r.height
+      }), P && P(r);
     };
-    r();
-    const n = () => r();
-    if (window.addEventListener("scroll", n, !0), typeof ResizeObserver > "u") {
-      const o = () => r();
-      return window.addEventListener("resize", o), () => {
-        window.removeEventListener("resize", o), window.removeEventListener("scroll", n, !0);
+    n();
+    const o = () => n();
+    if (window.addEventListener("scroll", o, !0), typeof ResizeObserver > "u") {
+      const r = () => n();
+      return window.addEventListener("resize", r), () => {
+        window.removeEventListener("resize", r), window.removeEventListener("scroll", o, !0);
       };
     }
-    const e = new ResizeObserver(() => r());
+    const e = new ResizeObserver(() => n());
     return e.observe(t), () => {
-      e.disconnect(), window.removeEventListener("scroll", n, !0);
+      e.disconnect(), window.removeEventListener("scroll", o, !0);
     };
-  }, [Y]), U(() => {
+  }, [P]), E(() => {
     if (L) return;
-    const t = c.current.offset, r = et(t, H);
-    t.x === r.x && t.y === r.y || (c.current = {
+    const t = c.current.offset, n = et(t, W);
+    t.x === n.x && t.y === n.y || (c.current = {
       zoom: c.current.zoom,
-      offset: r
-    }, ct((n) => ({
-      ...n,
-      offset: r
+      offset: n
+    }, ct((o) => ({
+      ...o,
+      offset: n
     })));
-  }, [H, a, f.width, f.height]), U(() => {
-    K || A(null);
-  }, [K]), U(() => {
+  }, [W, a, f.width, f.height]), E(() => {
+    K || X(null);
+  }, [K]), E(() => {
     m.current = y;
-  }, [y]), U(() => {
-    var n;
+  }, [y]), E(() => {
+    var o;
     if (!y) return;
-    if (!q || !f.width || !f.height || u) {
-      (n = m.current) == null || n.call(m, null);
+    if (!G || !f.width || !f.height || u) {
+      (o = m.current) == null || o.call(m, null);
       return;
     }
     let t = !0;
-    const r = window.setTimeout(() => {
-      At({
-        file: q,
+    const n = window.setTimeout(() => {
+      Xt({
+        file: G,
         fill: p,
         transform: {
-          zoom: H,
-          offset: N.offset
+          zoom: W,
+          offset: B.offset
         },
         viewport: f
       }).then((e) => {
-        var o;
-        t && ((o = m.current) == null || o.call(m, e));
+        var r;
+        t && ((r = m.current) == null || r.call(m, e));
       }).catch(() => {
         var e;
         t && ((e = m.current) == null || e.call(m, null));
       });
     }, 75);
     return () => {
-      t = !1, window.clearTimeout(r);
+      t = !1, window.clearTimeout(n);
     };
-  }, [u, H, N.offset, p, q, f]), U(() => () => {
+  }, [u, W, B.offset, p, G, f]), E(() => () => {
     g.current != null && (window.cancelAnimationFrame(g.current), g.current = null);
   }, []);
-  const ht = ut(H), rt = !S && Q && (ht.maxX > 0 || ht.maxY > 0), mt = () => {
+  const dt = ut(W), nt = !H && Q && (dt.maxX > 0 || dt.maxY > 0), mt = () => {
     var t;
-    return (t = F.current) == null ? void 0 : t.click();
+    return (t = $.current) == null ? void 0 : t.click();
   }, ft = (t) => {
     t.preventDefault(), t.stopPropagation(), mt();
   };
-  return /* @__PURE__ */ J("div", { className: nt(M.croppable, C && M.standalone), onClick: () => {
-    S && mt();
+  return /* @__PURE__ */ J("div", { className: ot(M.croppable, C && M.standalone), onClick: () => {
+    H && mt();
   }, "data-component": "croppable", children: [
-    /* @__PURE__ */ w("input", { accept: "image/*", onChange: Tt, ref: F, type: "file" }),
-    /* @__PURE__ */ w("div", { className: M.viewport, ref: z, onDragStart: (t) => t.preventDefault(), onPointerDown: vt, onPointerMove: Et, onPointerUp: dt, onPointerCancel: dt, onWheel: Lt, style: {
-      "--croppable-height": `${_ ?? $t}px`,
-      "--croppable-zoom": H,
-      "--croppable-x": `${N.offset.x}px`,
-      "--croppable-y": `${N.offset.y}px`,
+    /* @__PURE__ */ w("input", { accept: "image/*", onChange: Tt, ref: $, type: "file" }),
+    /* @__PURE__ */ w("div", { className: M.viewport, ref: z, onDragStart: (t) => t.preventDefault(), onPointerDown: kt, onPointerMove: vt, onPointerUp: ht, onPointerCancel: ht, onWheel: Lt, style: {
+      "--croppable-height": `${_ ?? Nt}px`,
+      "--croppable-zoom": W,
+      "--croppable-x": `${B.offset.x}px`,
+      "--croppable-y": `${B.offset.y}px`,
       ...a ? {
-        "--croppable-image-width": `${B.width}px`,
-        "--croppable-image-height": `${B.height}px`
+        "--croppable-image-width": `${q.width}px`,
+        "--croppable-image-height": `${q.height}px`
       } : null
-    }, children: S ? /* @__PURE__ */ J("div", { className: M.empty, children: [
+    }, children: H ? /* @__PURE__ */ J("div", { className: M.empty, children: [
       /* @__PURE__ */ w(xt, { children: /* @__PURE__ */ w(yt, { name: "image", size: "large" }) }),
-      /* @__PURE__ */ w(wt, { onClick: ft, children: i ?? bt })
-    ] }) : /* @__PURE__ */ J("div", { className: nt(M.media, rt && M.draggable, rt && ot && M.dragging), children: [
-      /* @__PURE__ */ w("div", { className: nt(M.inner), children: at }),
-      it && /* @__PURE__ */ w("div", { className: M.overlay, children: /* @__PURE__ */ J("div", { className: M.empty, children: [
+      /* @__PURE__ */ w(wt, { onClick: ft, children: s ?? bt })
+    ] }) : /* @__PURE__ */ J("div", { className: ot(M.media, nt && M.draggable, nt && rt && M.dragging), children: [
+      /* @__PURE__ */ w("div", { className: ot(M.inner), children: at }),
+      st && /* @__PURE__ */ w("div", { className: M.overlay, children: /* @__PURE__ */ J("div", { className: M.empty, children: [
         /* @__PURE__ */ w(xt, { children: /* @__PURE__ */ w(yt, { name: "image", size: "large" }) }),
-        /* @__PURE__ */ w(wt, { onClick: ft, children: i ?? bt })
+        /* @__PURE__ */ w(wt, { onClick: ft, children: s ?? bt })
       ] }) })
     ] }) })
   ] });

package/dist/components/dialog/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const e=require("react/jsx-runtime"),p=require("../../classix-5H4IWnMA.cjs"),a=require("react"),h=require("../button/index.cjs"),P=require("../icon/index.cjs"),T="_dialog_1ojxw_3",E="_close_1ojxw_24",F="_structured_1ojxw_32",M="_header_1ojxw_38",S="_content_1ojxw_49",X="_controls_1ojxw_57",Y="_fullscreen_1ojxw_77",s={dialog:T,close:E,structured:F,header:M,content:S,controls:X,fullscreen:Y},w=c=>a.Children.toArray(c).some(o=>a.isValidElement(o)?o.type===h.Button&&o.props.variant==="danger"?!0:w(o.props.children):!1),A=({children:c,className:o,controls:l,fullscreen:f=!1,header:_,onCancel:i,onClick:u,onClose:d,open:n=!1,setOpen:r,...B})=>{const g=a.useRef(null),x=w(l),j=f||_!=null||l!=null;a.useEffect(()=>{const t=g.current;t&&(n&&!t.open?t.showModal():!n&&t.open&&t.close())},[n]);const b=t=>{i==null||i(t),!(t.defaultPrevented||!r)&&(t.preventDefault(),r(!1))},q=t=>{if(u==null||u(t),x||t.defaultPrevented||t.target!==t.currentTarget||!r)return;const{bottom:N,left:R,right:D,top:k}=t.currentTarget.getBoundingClientRect();(t.clientX<R||t.clientX>D||t.clientY<k||t.clientY>N)&&r(!1)},y=t=>{d==null||d(t),n&&(r==null||r(!1))},m=r&&!x?e.jsx(h.Button,{"aria-label":"Close dialog",className:s.close,onClick:()=>r(!1),variant:"simple",children:e.jsx(P.Icon,{name:"x"})}):null;return e.jsx("dialog",{className:p.t(s.dialog,j&&s.structured,f&&s.fullscreen,o),onCancel:b,onClick:q,onClose:y,ref:g,...B,"data-component":"dialog",children:j?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:s.header,children:[_,m]}),e.jsx("div",{className:s.content,children:c}),l!=null&&e.jsx("div",{className:s.controls,children:l})]}):e.jsxs(e.Fragment,{children:[m,c]})})};exports.Dialog=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const e=require("react/jsx-runtime"),P=require("../../classix-5H4IWnMA.cjs"),a=require("react"),j=require("../button/index.cjs"),T=require("../icon/index.cjs"),E="_dialog_gog2p_3",F="_close_gog2p_24",M="_fullscreen_gog2p_35",S="_structured_gog2p_56",X="_header_gog2p_62",Y="_content_gog2p_73",w="_controls_gog2p_81",s={dialog:E,close:F,fullscreen:M,structured:S,header:X,content:Y,controls:w},p=c=>a.Children.toArray(c).some(o=>a.isValidElement(o)?o.type===j.Button&&o.props.variant==="danger"?!0:p(o.props.children):!1),A=({children:c,className:o,controls:l,fullscreen:g=!1,header:f,onCancel:i,onClick:u,onClose:d,open:n=!1,setOpen:r,...B})=>{const _=a.useRef(null),m=p(l),h=g||f!=null||l!=null;a.useEffect(()=>{const t=_.current;t&&(n&&!t.open?t.showModal():!n&&t.open&&t.close())},[n]);const b=t=>{i==null||i(t),!(t.defaultPrevented||!r)&&(t.preventDefault(),r(!1))},q=t=>{if(u==null||u(t),m||t.defaultPrevented||t.target!==t.currentTarget||!r)return;const{bottom:N,left:R,right:D,top:k}=t.currentTarget.getBoundingClientRect();(t.clientX<R||t.clientX>D||t.clientY<k||t.clientY>N)&&r(!1)},y=t=>{d==null||d(t),n&&(r==null||r(!1))},x=r&&!m?e.jsx(j.Button,{"aria-label":"Close dialog",className:s.close,onClick:()=>r(!1),variant:"simple",children:e.jsx(T.Icon,{name:"x"})}):null;return e.jsx("dialog",{className:P.t(s.dialog,h&&s.structured,g&&s.fullscreen,o),onCancel:b,onClick:q,onClose:y,ref:_,...B,"data-component":"dialog",children:h?e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:s.header,children:[f,x]}),e.jsx("div",{className:s.content,children:c}),l!=null&&e.jsx("div",{className:s.controls,children:l})]}):e.jsxs(e.Fragment,{children:[x,c]})})};exports.Dialog=A;
 //# sourceMappingURL=index.cjs.map

package/dist/components/dialog/index.js

@@ -1,57 +1,57 @@
-import { jsx as e, jsxs as u, Fragment as j } from "react/jsx-runtime";
-import { t as T } from "../../classix-DG18itHa.js";
-import w, { useRef as X, useEffect as Y } from "react";
-import { Button as p } from "../button/index.js";
+import { jsx as e, jsxs as u, Fragment as B } from "react/jsx-runtime";
+import { t as X } from "../../classix-DG18itHa.js";
+import N, { useRef as Y, useEffect as w } from "react";
+import { Button as x } from "../button/index.js";
 import { Icon as A } from "../icon/index.js";
-import '../../assets/index36.css';const F = "_dialog_1ojxw_3", I = "_close_1ojxw_24", M = "_structured_1ojxw_32", V = "_header_1ojxw_38", q = "_content_1ojxw_49", z = "_controls_1ojxw_57", G = "_fullscreen_1ojxw_77", l = {
+import '../../assets/index36.css';const F = "_dialog_gog2p_3", I = "_close_gog2p_24", M = "_fullscreen_gog2p_35", V = "_structured_gog2p_56", q = "_header_gog2p_62", z = "_content_gog2p_73", G = "_controls_gog2p_81", l = {
   dialog: F,
   close: I,
-  structured: M,
-  header: V,
-  content: q,
-  controls: z,
-  fullscreen: G
-}, B = (c) => w.Children.toArray(c).some((o) => w.isValidElement(o) ? o.type === p && o.props.variant === "danger" ? !0 : B(o.props.children) : !1), U = ({
+  fullscreen: M,
+  structured: V,
+  header: q,
+  content: z,
+  controls: G
+}, R = (c) => N.Children.toArray(c).some((o) => N.isValidElement(o) ? o.type === x && o.props.variant === "danger" ? !0 : R(o.props.children) : !1), U = ({
   children: c,
   className: o,
   controls: a,
   fullscreen: f = !1,
-  header: _,
+  header: g,
   onCancel: n,
   onClick: i,
   onClose: d,
   open: s = !1,
   setOpen: t,
-  ...N
+  ...k
 }) => {
-  const m = X(null), g = B(a), h = f || _ != null || a != null;
-  Y(() => {
-    const r = m.current;
+  const _ = Y(null), m = R(a), h = f || g != null || a != null;
+  w(() => {
+    const r = _.current;
     r && (s && !r.open ? r.showModal() : !s && r.open && r.close());
   }, [s]);
-  const R = (r) => {
+  const y = (r) => {
     n == null || n(r), !(r.defaultPrevented || !t) && (r.preventDefault(), t(!1));
-  }, k = (r) => {
-    if (i == null || i(r), g || r.defaultPrevented || r.target !== r.currentTarget || !t) return;
+  }, D = (r) => {
+    if (i == null || i(r), m || r.defaultPrevented || r.target !== r.currentTarget || !t) return;
     const {
-      bottom: D,
-      left: b,
-      right: E,
-      top: P
+      bottom: j,
+      left: E,
+      right: P,
+      top: T
     } = r.currentTarget.getBoundingClientRect();
-    (r.clientX < b || r.clientX > E || r.clientY < P || r.clientY > D) && t(!1);
-  }, y = (r) => {
+    (r.clientX < E || r.clientX > P || r.clientY < T || r.clientY > j) && t(!1);
+  }, b = (r) => {
     d == null || d(r), s && (t == null || t(!1));
-  }, x = t && !g ? /* @__PURE__ */ e(p, { "aria-label": "Close dialog", className: l.close, onClick: () => t(!1), variant: "simple", children: /* @__PURE__ */ e(A, { name: "x" }) }) : null;
-  return /* @__PURE__ */ e("dialog", { className: T(l.dialog, h && l.structured, f && l.fullscreen, o), onCancel: R, onClick: k, onClose: y, ref: m, ...N, "data-component": "dialog", children: h ? /* @__PURE__ */ u(j, { children: [
+  }, p = t && !m ? /* @__PURE__ */ e(x, { "aria-label": "Close dialog", className: l.close, onClick: () => t(!1), variant: "simple", children: /* @__PURE__ */ e(A, { name: "x" }) }) : null;
+  return /* @__PURE__ */ e("dialog", { className: X(l.dialog, h && l.structured, f && l.fullscreen, o), onCancel: y, onClick: D, onClose: b, ref: _, ...k, "data-component": "dialog", children: h ? /* @__PURE__ */ u(B, { children: [
     /* @__PURE__ */ u("div", { className: l.header, children: [
-      _,
-      x
+      g,
+      p
     ] }),
     /* @__PURE__ */ e("div", { className: l.content, children: c }),
     a != null && /* @__PURE__ */ e("div", { className: l.controls, children: a })
-  ] }) : /* @__PURE__ */ u(j, { children: [
-    x,
+  ] }) : /* @__PURE__ */ u(B, { children: [
+    p,
     c
   ] }) });
 };