geoiq-frontend-ui-kit 2.0.5 → 2.0.6

package/dist/index165.es.js

@@ -1,358 +1,47 @@
-import { pushHistory as f, popHistory as O } from "./index156.es.js";
-import { emitChange as P } from "./index154.es.js";
-import { MULTI_POINT_SHAPES as R, render as t, paintLayer as S, onRotateHandle as A, layerCenter as b, onResizeHandle as T, isMultiPoint as I, layerBounds as v, DIRECTIONAL_SHAPES as z, rotatePoint as C, clampBoxWidth as W, clampTextSize as _, renderOverlay as g, normRect as F, toLayerSpace as D } from "./index155.es.js";
-import { setMode as k, selectLayer as x } from "./index158.es.js";
-import { openTextEditor as N } from "./index159.es.js";
-function a(n, l) {
-  const r = n.dragMode && n.dragRect ? n.dragRect : n.overlayEl.getBoundingClientRect(), o = (l.clientX - r.left) / r.width * n.sourceCanvas.width, e = (l.clientY - r.top) / r.height * n.sourceCanvas.height;
-  return {
-    x: Math.min(Math.max(o, 0), n.sourceCanvas.width),
-    y: Math.min(Math.max(e, 0), n.sourceCanvas.height)
-  };
-}
-function J(n, l) {
-  if (!l) return n;
-  const r = l * Math.PI / 180, o = Math.abs(Math.cos(r)), e = Math.abs(Math.sin(r)), d = n.w * o + n.h * e, i = n.w * e + n.h * o, c = n.x + n.w / 2, h = n.y + n.h / 2;
-  return { x: c - d / 2, y: h - i / 2, w: d, h: i };
-}
-function q(n) {
-  return n.type !== "shape" ? 0 : z.includes(n.shape) || n.fill !== "fill" ? (n.width || 0) / 2 : 0;
-}
-function K(n, l) {
-  const r = J(v(n, l), l.rotation), o = q(l), e = {
-    x: r.x - o,
-    y: r.y - o,
-    w: r.w + o * 2,
-    h: r.h + o * 2
-  }, d = Math.min(Math.max(e.x, 0), n.sourceCanvas.width - e.w) - e.x, i = Math.min(Math.max(e.y, 0), n.sourceCanvas.height - e.h) - e.y;
-  !d && !i || (l.type === "stroke" ? l.points = l.points.map((c) => ({ x: c.x + d, y: c.y + i })) : (l.x += d, l.y += i));
-}
-function m(n, l) {
-  const { layers: r } = n;
-  for (let o = r.length - 1; o >= 0; o--) {
-    const e = v(n, r[o]), d = D(n, r[o], l);
-    if (d.x >= e.x - 6 && d.x <= e.x + e.w + 6 && d.y >= e.y - 6 && d.y <= e.y + e.h + 6)
-      return r[o];
-  }
-  return null;
-}
-function H() {
-  return typeof window < "u" && window.matchMedia && window.matchMedia("(pointer: coarse)").matches ? 40 : 22;
-}
-const E = Math.PI / 8, B = 4;
-function nn(n) {
-  const l = n.pendingPoly;
-  if (!l)
-    return { active: !1, pointCount: 0, canFinish: !1, canClose: !1 };
-  const r = l.layer.points.length;
-  return { active: !0, pointCount: r, canFinish: r >= 2, canClose: r >= 3 };
-}
-function L(n, l, r) {
-  if (!r || !n) return l;
-  const o = l.x - n.x, e = l.y - n.y, d = Math.hypot(o, e);
-  if (!d) return l;
-  const i = Math.round(Math.atan2(e, o) / E) * E;
-  return {
-    x: n.x + Math.cos(i) * d,
-    y: n.y + Math.sin(i) * d
-  };
-}
-function on(n) {
-  const l = n.pendingPoly;
-  if (l) {
-    if (l.layer.points.length <= 1) {
-      Z(n);
-      return;
-    }
-    l.layer.points.pop(), n.statusText = `${l.layer.points.length} point${l.layer.points.length === 1 ? "" : "s"} — Backspace removes the last`, w(n), n.notify();
-  }
-}
-function U(n, l, r) {
-  n.pendingPoly = { layer: l, preview: r }, l.points = [{ x: r.x, y: r.y }], delete l.w, delete l.h, n.statusText = "Click to add points · double-click to finish · Esc cancels", w(n), n.notify();
-}
-function w(n) {
-  const l = n.pendingPoly;
-  if (!l) return;
-  const r = n.octx, o = l.layer.points;
-  r.clearRect(0, 0, n.overlayEl.width, n.overlayEl.height), n.layers.forEach((h) => S(n, r, h));
-  const e = {
-    ...l.layer,
-    points: l.preview ? o.concat([l.preview]) : o
-  };
-  e.points.length >= 2 && S(n, r, e);
-  const d = 1 / (n.viewScale || 1), i = 5 * d;
-  r.save(), r.lineWidth = 2 * d, o.forEach((h, y) => {
-    y !== 0 && (r.beginPath(), r.arc(h.x, h.y, i, 0, Math.PI * 2), r.fillStyle = "#ffffff", r.strokeStyle = l.layer.color, r.fill(), r.stroke());
-  });
-  const c = o[0];
-  if (c) {
-    const h = o.length >= 3 && l.preview && Math.hypot(l.preview.x - c.x, l.preview.y - c.y) <= H();
-    r.beginPath(), r.arc(c.x, c.y, (h ? 11 : 7) * d, 0, Math.PI * 2), r.fillStyle = h ? l.layer.color : "#ffffff", r.strokeStyle = l.layer.color, r.lineWidth = (h ? 3 : 2) * d, r.fill(), r.stroke(), h && (r.beginPath(), r.arc(c.x, c.y, 4 * d, 0, Math.PI * 2), r.fillStyle = "#ffffff", r.fill());
-  }
-  r.restore(), V(n, o.length);
-}
-function V(n, l) {
-  const r = n.octx, o = 1 / (n.viewScale || 1), e = 10 * o, d = 13 * o, i = typeof window < "u" && window.matchMedia && window.matchMedia("(pointer: coarse)").matches, c = i ? "Tap" : "Click";
-  let h;
-  l < 2 ? h = `${c} to place the next point` : i ? h = l < 3 ? `${c} to add points · use the bar below to finish` : `${c} the first point to close · or finish below` : h = l < 3 ? "Double-click or Enter to finish · Backspace undoes · Esc cancels" : "Click the first point to close · Double-click to finish · Backspace undoes", r.save(), r.font = `${d}px Avenir Next, Segoe UI, sans-serif`, r.textBaseline = "top";
-  const y = r.measureText(h).width;
-  r.fillStyle = "rgba(17,17,17,.82)", r.beginPath();
-  const p = e, u = e, M = y + e * 2, s = d + e * 1.4;
-  r.roundRect ? r.roundRect(p, u, M, s, 6 * o) : r.rect(p, u, M, s), r.fill(), r.fillStyle = "#ffffff", r.fillText(h, p + e, u + e * 0.6), r.restore();
-}
-function rn(n, l) {
-  const r = n.layers.find((o) => o.id === n.selectedId);
-  !r || r.type !== "shape" || R.includes(r.shape) && (f(n), (!r.points || r.points.length < 2) && (r.points = [
-    { x: r.x, y: r.y },
-    { x: r.x + (r.w || 0), y: r.y + (r.h || 0) }
-  ]), delete r.w, delete r.h, r.closed = !1, n.selectedId = null, n.mode = "shape", n.multiPointMode = !0, n.pendingPoly = { layer: r, preview: r.points[r.points.length - 1] }, n.statusText = "Continuing line — click to add points · double-click to finish", w(n), n.notify());
-}
-function $(n, l) {
-  const r = n.pendingPoly;
-  if (!r) return;
-  const o = r.layer;
-  if (n.pendingPoly = null, o.points.length < 2) {
-    n.layers = n.layers.filter((e) => e.id !== o.id), O(n), k(n, "select"), t(n), n.notify();
-    return;
-  }
-  o.closed = !!l, n.layers.some((e) => e.id === o.id) || n.layers.push(o), n.mode = "shape", x(n, o.id), n.statusText = l ? "Shape closed — click to start another" : "Line added — click to start another", t(n), P(n);
-}
-function Z(n) {
-  const l = n.pendingPoly;
-  l && (n.pendingPoly = null, n.layers = n.layers.filter((r) => r.id !== l.layer.id), O(n), t(n), n.statusText = "Cancelled", n.notify());
-}
-function en(n, l) {
-  if (!n.sourceCanvas.width || n.dragMode) return;
-  n.overlayEl.setPointerCapture(l.pointerId), n.activePointerId = l.pointerId, n.dragRect = n.overlayEl.getBoundingClientRect();
-  const r = a(n, l);
-  if (n.pendingPoly) {
-    const o = n.pendingPoly.layer.points, e = o[0];
-    if (o.length >= 3 && Math.hypot(r.x - e.x, r.y - e.y) <= H()) {
-      $(n, !0);
-      return;
-    }
-    const d = o[o.length - 1], i = L(d, r, l.shiftKey);
-    (!d || Math.hypot(i.x - d.x, i.y - d.y) > B) && o.push({ x: i.x, y: i.y }), n.pendingPoly.preview = i, w(n);
-    return;
-  }
-  if (n.mode === "select") {
-    const o = n.selectedId != null ? n.layers.find((i) => i.id === n.selectedId) : null;
-    if (o && A(n, r, o)) {
-      const i = b(n, o);
-      n.dragMode = "rotate", n.rotateStart = {
-        center: i,
-        angle: Math.atan2(r.y - i.y, r.x - i.x),
-        rotation: o.rotation || 0
-      }, f(n);
-      return;
-    }
-    const e = o ? T(n, r, o) : null;
-    if (e) {
-      if (n.dragMode = "resize", n.resizeCorner = e, n.dragStart = r, n.dragOrig = JSON.parse(JSON.stringify(o)), o.type === "shape" && I(o)) {
-        const i = v(n, o), c = e === "tl" || e === "bl", h = e === "tl" || e === "tr";
-        n.resizeAnchor = {
-          x: c ? i.x + i.w : i.x,
-          y: h ? i.y + i.h : i.y
-        }, n.dragOrig._bounds = {
-          w: c ? -i.w : i.w,
-          h: h ? -i.h : i.h
-        }, n.dragOrig._anchorPt = {
-          x: n.resizeAnchor.x,
-          y: n.resizeAnchor.y
-        };
-      } else if (o.type === "shape" && z.includes(o.shape))
-        n.resizeAnchor = e === "start" ? { x: o.x + o.w, y: o.y + o.h } : { x: o.x, y: o.y };
-      else {
-        const i = v(n, o), c = e === "tl" || e === "bl";
-        n.resizeAnchor = {
-          x: c ? i.x + i.w : i.x,
-          // Text keeps its top edge: its height follows the wrapping.
-          y: o.type === "text" ? i.y : e === "tl" || e === "tr" ? i.y + i.h : i.y
-        };
+import { cva as r } from "class-variance-authority";
+const s = r(
+  `relative flex h-12 w-11 items-center justify-center border-y border-r border-input text-light-1 transition-all
+   first:rounded-l-md first:border-l last:rounded-r-md`,
+  {
+    variants: {
+      isError: {
+        true: "",
+        false: ""
+      },
+      isFocused: {
+        true: "",
+        false: ""
       }
-      n.resizeCenter = b(n, o), n.resizeAnchorWorld = C(
-        n.resizeAnchor,
-        n.resizeCenter,
-        o.rotation || 0
-      ), f(n);
-      return;
-    }
-    const d = m(n, r);
-    d ? (x(n, d.id), n.dragMode = "move", n.dragStart = r, n.dragOrig = JSON.parse(JSON.stringify(d)), f(n)) : x(n, null);
-  } else if (n.mode === "text") {
-    f(n);
-    const o = {
-      id: n.nextId++,
-      type: "text",
-      text: "Text",
-      x: r.x,
-      y: r.y,
-      size: n.textSize,
-      font: n.textFont,
-      color: n.textColor,
-      rotation: 0,
-      flipH: !1,
-      flipV: !1,
-      boxWidth: 10
-    };
-    n.octx.font = `${o.size}px ${o.font}`;
-    const e = n.octx.measureText(o.text).width;
-    o.boxWidth = Math.round(Math.max(700, e + 40)), W(n, o), _(n, o), n.layers.push(o), k(n, "select"), x(n, o.id), N(n, o, !0);
-  } else n.mode === "draw" ? (f(n), n.pendingStroke = {
-    id: n.nextId++,
-    type: "stroke",
-    color: n.drawColor,
-    width: n.brushSize,
-    style: n.brushStyle,
-    points: [r]
-  }, n.dragMode = "draw") : n.mode === "shape" ? (f(n), n.pendingShape = {
-    id: n.nextId++,
-    type: "shape",
-    shape: n.selectedShapeType,
-    fill: n.shapeFill,
-    width: n.shapeWidth,
-    color: n.shapeColor,
-    x: r.x,
-    y: r.y,
-    w: 0,
-    h: 0,
-    rotation: 0,
-    flipH: !1,
-    flipV: !1
-  }, n.dragMode = "newshape", n.dragStart = r) : n.mode === "crop" && (n.dragMode = "crop", n.cropStart = r, n.cropRect = { x: r.x, y: r.y, w: 0, h: 0 });
-}
-function ln(n, l) {
-  if (n.pendingPoly) {
-    const o = n.pendingPoly.layer.points;
-    n.pendingPoly.preview = L(
-      o[o.length - 1],
-      a(n, l),
-      l.shiftKey
-    ), w(n);
-    return;
-  }
-  if (n.dragMode && n.activePointerId != null && l.pointerId !== n.activePointerId)
-    return;
-  if (!n.dragMode) {
-    if (n.mode === "select") {
-      const o = a(n, l), e = n.selectedId != null ? n.layers.find((i) => i.id === n.selectedId) : null, d = e ? T(n, o, e) : null;
-      e && A(n, o, e) ? n.overlayEl.style.cursor = "grab" : d === "start" || d === "end" ? n.overlayEl.style.cursor = e.w >= 0 == e.h >= 0 ? "nwse-resize" : "nesw-resize" : d ? n.overlayEl.style.cursor = d === "tl" || d === "br" ? "nwse-resize" : "nesw-resize" : e && m(n, o) === e ? n.overlayEl.style.cursor = "move" : m(n, o) ? n.overlayEl.style.cursor = "pointer" : n.overlayEl.style.cursor = "default";
-    }
-    return;
-  }
-  const r = a(n, l);
-  if (n.dragMode === "move") {
-    const o = r.x - n.dragStart.x, e = r.y - n.dragStart.y, d = n.layers.find((i) => i.id === n.selectedId);
-    d.type === "shape" && I(d) ? d.points = n.dragOrig.points.map((i) => ({
-      x: i.x + o,
-      y: i.y + e
-    })) : d.type === "text" || d.type === "shape" || d.type === "sticker" ? (d.x = n.dragOrig.x + o, d.y = n.dragOrig.y + e) : d.type === "stroke" && (d.points = n.dragOrig.points.map((i) => ({
-      x: i.x + o,
-      y: i.y + e
-    }))), K(n, d), g(n);
-  } else if (n.dragMode === "resize") {
-    const o = n.layers.find((i) => i.id === n.selectedId), e = o.rotation || 0, d = e ? C(r, n.resizeCenter, -e) : r;
-    if (o.type === "text") {
-      const i = n.resizeCorner === "tl" || n.resizeCorner === "bl";
-      if (o.y = n.dragOrig.y, o.size = n.dragOrig.size, i) {
-        const c = n.dragOrig.x + n.dragOrig.boxWidth;
-        o.boxWidth = Math.max(20, c - d.x), o.x = c - o.boxWidth;
-      } else
-        o.x = n.dragOrig.x, o.boxWidth = Math.max(20, d.x - n.dragOrig.x);
-      W(n, o), _(n, o), n.notify();
-    } else if (o.type === "shape" && I(o)) {
-      const i = n.resizeAnchor, c = n.dragOrig._bounds, h = 8, y = c.w > 0 ? (d.x - i.x) / (c.w || 1) : 1, p = c.h > 0 ? (d.y - i.y) / (c.h || 1) : 1, u = Math.abs(c.w * y) < h ? h / (c.w || 1) : y, M = Math.abs(c.h * p) < h ? h / (c.h || 1) : p;
-      o.points = n.dragOrig.points.map((s) => ({
-        x: i.x + (s.x - n.dragOrig._anchorPt.x) * u,
-        y: i.y + (s.y - n.dragOrig._anchorPt.y) * M
-      }));
-    } else if (o.type === "shape" && z.includes(o.shape)) {
-      const i = n.resizeAnchor, c = 8;
-      let h = d.x - i.x, y = d.y - i.y;
-      if (Math.hypot(h, y) < c) {
-        const p = Math.atan2(y || 1, h || 1);
-        h = c * Math.cos(p), y = c * Math.sin(p);
+    },
+    defaultVariants: {
+      isError: !1,
+      isFocused: !1
+    },
+    compoundVariants: [
+      {
+        isError: !0,
+        isFocused: !0,
+        className: "border-danger-2 ring-4 ring-danger-1"
+      },
+      {
+        isError: !1,
+        isFocused: !0,
+        className: "border-primary-2 ring-4 ring-primary-1"
+      },
+      {
+        isError: !0,
+        isFocused: !1,
+        className: "border-danger-2"
+      },
+      {
+        isError: !1,
+        isFocused: !1,
+        className: "border-neutral-2"
       }
-      n.resizeCorner === "start" ? (o.x = i.x + h, o.y = i.y + y, o.w = -h, o.h = -y) : (o.x = i.x, o.y = i.y, o.w = h, o.h = y);
-    } else if (o.type === "shape" || o.type === "sticker") {
-      const i = n.resizeAnchor, c = 8;
-      let h = d.x - i.x, y = d.y - i.y;
-      Math.abs(h) < c && (h = i.x + c <= n.sourceCanvas.width ? c : -c), Math.abs(y) < c && (y = i.y + c <= n.sourceCanvas.height ? c : -c), o.x = Math.min(i.x, i.x + h), o.y = Math.min(i.y, i.y + y), o.w = Math.abs(h), o.h = Math.abs(y);
-    }
-    if (e) {
-      const i = C(n.resizeAnchor, b(n, o), e);
-      o.x += n.resizeAnchorWorld.x - i.x, o.y += n.resizeAnchorWorld.y - i.y;
-    }
-    g(n);
-  } else if (n.dragMode === "rotate") {
-    const o = n.layers.find((y) => y.id === n.selectedId), { center: e, angle: d, rotation: i } = n.rotateStart, c = Math.atan2(r.y - e.y, r.x - e.x) - d, h = i + c * 180 / Math.PI;
-    o.rotation = (h % 360 + 360) % 360, g(n);
-  } else if (n.dragMode === "draw")
-    n.pendingStroke.points.push(r), n.octx.clearRect(0, 0, n.overlayEl.width, n.overlayEl.height), n.layers.forEach((o) => S(n, n.octx, o)), S(n, n.octx, n.pendingStroke);
-  else if (n.dragMode === "newshape")
-    n.pendingShape.w = r.x - n.dragStart.x, n.pendingShape.h = r.y - n.dragStart.y, g(n);
-  else if (n.dragMode === "crop") {
-    let o = r.x - n.cropStart.x, e = r.y - n.cropStart.y;
-    if (n.cropRatio !== "free") {
-      const d = parseFloat(n.cropRatio);
-      e = Math.sign(e || 1) * Math.abs(o) / d;
-      const i = e >= 0 ? n.sourceCanvas.height - n.cropStart.y : n.cropStart.y;
-      Math.abs(e) > i && (e = Math.sign(e) * i, o = Math.sign(o || 1) * Math.abs(e) * d);
-    }
-    n.cropRect = { x: n.cropStart.x, y: n.cropStart.y, w: o, h: e }, g(n);
-  }
-}
-function dn(n, l) {
-  if (!(l && n.dragMode && n.activePointerId != null && l.pointerId !== n.activePointerId)) {
-    if (n.dragMode === "draw" && n.pendingStroke)
-      n.pendingStroke.points.length >= 1 && (n.layers.push(n.pendingStroke), x(n, n.pendingStroke.id)), n.pendingStroke = null, t(n), n.statusText = "Stroke added", P(n);
-    else if (n.dragMode === "newshape" && n.pendingShape) {
-      const r = Math.hypot(
-        n.pendingShape.w || 0,
-        n.pendingShape.h || 0
-      );
-      if (n.multiPointMode && R.includes(n.pendingShape.shape)) {
-        const o = n.pendingShape, e = { x: o.x + (o.w || 0), y: o.y + (o.h || 0) };
-        n.pendingShape = null, U(n, o, { x: o.x, y: o.y }), r > B && (o.points.push(e), n.pendingPoly.preview = e);
-      } else if (Math.abs(n.pendingShape.w) > 3 || Math.abs(n.pendingShape.h) > 3) {
-        n.layers.push(n.pendingShape);
-        const o = n.pendingShape.id;
-        n.pendingShape = null, k(n, "select"), x(n, o), n.statusText = "Shape added", P(n);
-      } else
-        n.pendingShape = null, g(n), n.notify();
-    } else if (n.dragMode === "crop")
-      n.cropRect && (n.cropRect = F(n.cropRect)), g(n), n.notify();
-    else if (n.dragMode === "move" || n.dragMode === "resize" || n.dragMode === "rotate") {
-      if (n.dragMode === "rotate") {
-        const r = n.layers.find((o) => o.id === n.selectedId);
-        r && (n.statusText = `Rotated to ${Math.round(r.rotation)}°`);
-      }
-      t(n), n.notify();
-    }
-    n.activePointerId != null && (n.overlayEl.hasPointerCapture(n.activePointerId) && n.overlayEl.releasePointerCapture(n.activePointerId), n.activePointerId = null), n.dragMode = null, n.dragStart = null, n.dragOrig = null, n.dragRect = null, n.resizeAnchor = null, n.resizeCenter = null, n.resizeAnchorWorld = null, n.rotateStart = null;
-  }
-}
-function cn(n, l) {
-  if (n.pendingPoly) {
-    $(n, !1);
-    return;
+    ]
   }
-  if (n.mode !== "select") return;
-  const r = a(n, l), o = m(n, r);
-  o && o.type === "text" && (x(n, o.id), N(n, o, !1));
-}
+);
 export {
-  B as CLICK_SLOP,
-  Z as cancelPoly,
-  $ as finishPoly,
-  m as hitLayer,
-  cn as onDbl,
-  en as onDown,
-  ln as onMove,
-  dn as onUp,
-  nn as polyStatus,
-  rn as resumePoly,
-  a as toSource,
-  on as undoPolyPoint
+  s as OTPInputVariants
 };
 //# sourceMappingURL=index165.es.js.map

package/dist/index165.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index165.es.js","sources":["../src/components/organisms/image-editor/engine/pointer.js"],"sourcesContent":["import { pushHistory, popHistory } from './history.js'\nimport { emitChange } from './state.js'\nimport {\n  render,\n  renderOverlay,\n  paintLayer,\n  layerBounds,\n  onResizeHandle,\n  normRect,\n  clampTextSize,\n  clampBoxWidth,\n  onRotateHandle,\n  layerCenter,\n  rotatePoint,\n  toLayerSpace,\n  DIRECTIONAL_SHAPES,\n  MULTI_POINT_SHAPES,\n  isMultiPoint,\n} from './rendering.js'\nimport { setMode, selectLayer } from './mode.js'\nimport { openTextEditor } from './text-editor.js'\n\nexport function toSource(state, e) {\n  // While actively dragging, use the rect captured at pointerdown instead of\n  // re-querying live — on mobile the browser's address-bar/toolbar chrome\n  // can collapse mid-gesture (typically ~1s in) and reflow the canvas out\n  // from under the drag. Since this is (pointer position - element origin),\n  // a rect that shifts mid-drag snaps the result toward 0 (leftmost/\n  // smallest), which is exactly what re-querying every move would do.\n  const r =\n    state.dragMode && state.dragRect\n      ? state.dragRect\n      : state.overlayEl.getBoundingClientRect()\n  const x = ((e.clientX - r.left) / r.width) * state.sourceCanvas.width\n  const y = ((e.clientY - r.top) / r.height) * state.sourceCanvas.height\n  return {\n    x: Math.min(Math.max(x, 0), state.sourceCanvas.width),\n    y: Math.min(Math.max(y, 0), state.sourceCanvas.height),\n  }\n}\n\nfunction rotatedAABB(b, rotationDeg) {\n  if (!rotationDeg) return b\n  const rad = (rotationDeg * Math.PI) / 180\n  const cos = Math.abs(Math.cos(rad)),\n    sin = Math.abs(Math.sin(rad))\n  const w = b.w * cos + b.h * sin,\n    h = b.w * sin + b.h * cos\n  const cx = b.x + b.w / 2,\n    cy = b.y + b.h / 2\n  return { x: cx - w / 2, y: cy - h / 2, w, h }\n}\n\nfunction strokeMargin(L) {\n  if (L.type !== 'shape') return 0\n  const alwaysStroked = DIRECTIONAL_SHAPES.includes(L.shape)\n  return alwaysStroked || L.fill !== 'fill' ? (L.width || 0) / 2 : 0\n}\n\nfunction clampLayerToCanvas(state, L) {\n  const rotated = rotatedAABB(layerBounds(state, L), L.rotation)\n  const margin = strokeMargin(L)\n  const b = {\n    x: rotated.x - margin,\n    y: rotated.y - margin,\n    w: rotated.w + margin * 2,\n    h: rotated.h + margin * 2,\n  }\n  const dx = Math.min(Math.max(b.x, 0), state.sourceCanvas.width - b.w) - b.x\n  const dy = Math.min(Math.max(b.y, 0), state.sourceCanvas.height - b.h) - b.y\n  if (!dx && !dy) return\n  if (L.type === 'stroke') {\n    L.points = L.points.map((pt) => ({ x: pt.x + dx, y: pt.y + dy }))\n  } else {\n    L.x += dx\n    L.y += dy\n  }\n}\n\nexport function hitLayer(state, p) {\n  const { layers } = state\n  for (let i = layers.length - 1; i >= 0; i--) {\n    const b = layerBounds(state, layers[i])\n    const q = toLayerSpace(state, layers[i], p)\n    if (\n      q.x >= b.x - 6 &&\n      q.x <= b.x + b.w + 6 &&\n      q.y >= b.y - 6 &&\n      q.y <= b.y + b.h + 6\n    )\n      return layers[i]\n  }\n  return null\n}\n\n// --- multi-point (\"extended\") line sessions -------------------------------\n\n// Fingers are far less precise than a cursor, so coarse pointers get a target\n// near the 44px accessibility minimum.\nfunction closeHitRadius() {\n  const coarse =\n    typeof window !== 'undefined' &&\n    window.matchMedia &&\n    window.matchMedia('(pointer: coarse)').matches\n  return coarse ? 40 : 22\n}\nconst SNAP_STEP = Math.PI / 8\n// Below this drag distance a pointer gesture counts as a click, not a drag.\nexport const CLICK_SLOP = 4\n\nexport function isPolyActive(state) {\n  return !!state.pendingPoly\n}\n\nexport function polyStatus(state) {\n  const poly = state.pendingPoly\n  if (!poly)\n    return { active: false, pointCount: 0, canFinish: false, canClose: false }\n  const n = poly.layer.points.length\n  return { active: true, pointCount: n, canFinish: n >= 2, canClose: n >= 3 }\n}\n\n// With Shift held, lock the next segment to a fixed angle from the last point\n// -- the usual way drawing tools make clean horizontals, verticals and 45s.\nfunction snapPreview(anchor, p, shift) {\n  if (!shift || !anchor) return p\n  const dx = p.x - anchor.x\n  const dy = p.y - anchor.y\n  const len = Math.hypot(dx, dy)\n  if (!len) return p\n  const ang = Math.round(Math.atan2(dy, dx) / SNAP_STEP) * SNAP_STEP\n  return {\n    x: anchor.x + Math.cos(ang) * len,\n    y: anchor.y + Math.sin(ang) * len,\n  }\n}\n\nexport function undoPolyPoint(state) {\n  const poly = state.pendingPoly\n  if (!poly) return\n  if (poly.layer.points.length <= 1) {\n    cancelPoly(state)\n    return\n  }\n  poly.layer.points.pop()\n  state.statusText = `${poly.layer.points.length} point${\n    poly.layer.points.length === 1 ? '' : 's'\n  } — Backspace removes the last`\n  drawPolyPreview(state)\n  state.notify()\n}\n\nfunction startPoly(state, shapeLayer, p) {\n  state.pendingPoly = { layer: shapeLayer, preview: p }\n  shapeLayer.points = [{ x: p.x, y: p.y }]\n  delete shapeLayer.w\n  delete shapeLayer.h\n  state.statusText =\n    'Click to add points · double-click to finish · Esc cancels'\n  drawPolyPreview(state)\n  state.notify()\n}\n\nfunction drawPolyPreview(state) {\n  const poly = state.pendingPoly\n  if (!poly) return\n  const c = state.octx\n  const pts = poly.layer.points\n  c.clearRect(0, 0, state.overlayEl.width, state.overlayEl.height)\n  state.layers.forEach((L) => paintLayer(state, c, L))\n\n  const ghost = {\n    ...poly.layer,\n    points: poly.preview ? pts.concat([poly.preview]) : pts,\n  }\n  if (ghost.points.length >= 2) paintLayer(state, c, ghost)\n\n  const k = 1 / (state.viewScale || 1)\n  const r = 5 * k\n\n  c.save()\n  c.lineWidth = 2 * k\n  pts.forEach((pt, i) => {\n    if (i === 0) return\n    c.beginPath()\n    c.arc(pt.x, pt.y, r, 0, Math.PI * 2)\n    c.fillStyle = '#ffffff'\n    c.strokeStyle = poly.layer.color\n    c.fill()\n    c.stroke()\n  })\n\n  // The first point is the close target: it grows and fills once the cursor is\n  // near enough that a click would actually close the path.\n  const first = pts[0]\n  if (first) {\n    const near =\n      pts.length >= 3 &&\n      poly.preview &&\n      Math.hypot(poly.preview.x - first.x, poly.preview.y - first.y) <=\n        closeHitRadius()\n    c.beginPath()\n    c.arc(first.x, first.y, (near ? 11 : 7) * k, 0, Math.PI * 2)\n    c.fillStyle = near ? poly.layer.color : '#ffffff'\n    c.strokeStyle = poly.layer.color\n    c.lineWidth = (near ? 3 : 2) * k\n    c.fill()\n    c.stroke()\n    if (near) {\n      c.beginPath()\n      c.arc(first.x, first.y, 4 * k, 0, Math.PI * 2)\n      c.fillStyle = '#ffffff'\n      c.fill()\n    }\n  }\n  c.restore()\n\n  drawPolyHint(state, pts.length)\n}\n\n// Pinned to the canvas so the rules are where the eyes are. On touch the button\n// bar carries the actions, so the hint only explains what a tap does.\nfunction drawPolyHint(state, count) {\n  const c = state.octx\n  const k = 1 / (state.viewScale || 1)\n  const pad = 10 * k\n  const size = 13 * k\n  const coarse =\n    typeof window !== 'undefined' &&\n    window.matchMedia &&\n    window.matchMedia('(pointer: coarse)').matches\n  const verb = coarse ? 'Tap' : 'Click'\n  let msg\n  if (count < 2) msg = `${verb} to place the next point`\n  else if (coarse)\n    msg =\n      count < 3\n        ? `${verb} to add points · use the bar below to finish`\n        : `${verb} the first point to close · or finish below`\n  else\n    msg =\n      count < 3\n        ? 'Double-click or Enter to finish · Backspace undoes · Esc cancels'\n        : 'Click the first point to close · Double-click to finish · Backspace undoes'\n\n  c.save()\n  c.font = `${size}px Avenir Next, Segoe UI, sans-serif`\n  c.textBaseline = 'top'\n  const w = c.measureText(msg).width\n  c.fillStyle = 'rgba(17,17,17,.82)'\n  c.beginPath()\n  const bx = pad,\n    by = pad,\n    bw = w + pad * 2,\n    bh = size + pad * 1.4\n  if (c.roundRect) c.roundRect(bx, by, bw, bh, 6 * k)\n  else c.rect(bx, by, bw, bh)\n  c.fill()\n  c.fillStyle = '#ffffff'\n  c.fillText(msg, bx + pad, by + pad * 0.6)\n  c.restore()\n}\n\n// Without this, continuing a finished line means clicking near its end -- which\n// lands on the rotate/resize handle and spins the layer instead.\nexport function resumePoly(state, id) {\n  const L = state.layers.find((l) => l.id === (id ?? state.selectedId))\n  if (!L || L.type !== 'shape') return\n  if (!MULTI_POINT_SHAPES.includes(L.shape)) return\n  pushHistory(state)\n  if (!L.points || L.points.length < 2) {\n    L.points = [\n      { x: L.x, y: L.y },\n      { x: L.x + (L.w || 0), y: L.y + (L.h || 0) },\n    ]\n  }\n  delete L.w\n  delete L.h\n  L.closed = false\n  state.selectedId = null\n  state.mode = 'shape'\n  state.multiPointMode = true\n  state.pendingPoly = { layer: L, preview: L.points[L.points.length - 1] }\n  state.statusText =\n    'Continuing line — click to add points · double-click to finish'\n  drawPolyPreview(state)\n  state.notify()\n}\n\nexport function finishPoly(state, close) {\n  const poly = state.pendingPoly\n  if (!poly) return\n  const L = poly.layer\n  state.pendingPoly = null\n  if (L.points.length < 2) {\n    // A lone click never became a line -- drop it and undo the history entry.\n    state.layers = state.layers.filter((l) => l.id !== L.id)\n    popHistory(state)\n    setMode(state, 'select')\n    render(state)\n    state.notify()\n    return\n  }\n  L.closed = !!close\n  if (!state.layers.some((l) => l.id === L.id)) state.layers.push(L)\n  // Stay on the shape tool: drawing one line usually means drawing another.\n  // The layer is still selected, so its options are immediately editable.\n  state.mode = 'shape'\n  selectLayer(state, L.id)\n  state.statusText = close\n    ? 'Shape closed — click to start another'\n    : 'Line added — click to start another'\n  render(state)\n  emitChange(state)\n}\n\nexport function cancelPoly(state) {\n  const poly = state.pendingPoly\n  if (!poly) return\n  state.pendingPoly = null\n  state.layers = state.layers.filter((l) => l.id !== poly.layer.id)\n  popHistory(state)\n  render(state)\n  state.statusText = 'Cancelled'\n  state.notify()\n}\n\nexport function onDown(state, e) {\n  if (!state.sourceCanvas.width) return\n  if (state.dragMode) return\n  state.overlayEl.setPointerCapture(e.pointerId)\n  state.activePointerId = e.pointerId\n  state.dragRect = state.overlayEl.getBoundingClientRect()\n  const p = toSource(state, e)\n  if (state.pendingPoly) {\n    const pts = state.pendingPoly.layer.points\n    const first = pts[0]\n    if (\n      pts.length >= 3 &&\n      Math.hypot(p.x - first.x, p.y - first.y) <= closeHitRadius()\n    ) {\n      finishPoly(state, true)\n      return\n    }\n    const last = pts[pts.length - 1]\n    const q = snapPreview(last, p, e.shiftKey)\n    // Ignore a double-click's second down: it would add a zero-length segment.\n    if (!last || Math.hypot(q.x - last.x, q.y - last.y) > CLICK_SLOP) {\n      pts.push({ x: q.x, y: q.y })\n    }\n    state.pendingPoly.preview = q\n    drawPolyPreview(state)\n    return\n  }\n  if (state.mode === 'select') {\n    const sel =\n      state.selectedId != null\n        ? state.layers.find((l) => l.id === state.selectedId)\n        : null\n    if (sel && onRotateHandle(state, p, sel)) {\n      const c = layerCenter(state, sel)\n      state.dragMode = 'rotate'\n      state.rotateStart = {\n        center: c,\n        angle: Math.atan2(p.y - c.y, p.x - c.x),\n        rotation: sel.rotation || 0,\n      }\n      pushHistory(state)\n      return\n    }\n    const corner = sel ? onResizeHandle(state, p, sel) : null\n    if (corner) {\n      state.dragMode = 'resize'\n      state.resizeCorner = corner\n      state.dragStart = p\n      state.dragOrig = JSON.parse(JSON.stringify(sel))\n      if (sel.type === 'shape' && isMultiPoint(sel)) {\n        const b = layerBounds(state, sel)\n        const isLeft = corner === 'tl' || corner === 'bl'\n        const isTop = corner === 'tl' || corner === 'tr'\n        state.resizeAnchor = {\n          x: isLeft ? b.x + b.w : b.x,\n          y: isTop ? b.y + b.h : b.y,\n        }\n        // Stash the untouched geometry so scaling stays absolute and cannot\n        // accumulate drift across move events.\n        state.dragOrig._bounds = {\n          w: isLeft ? -b.w : b.w,\n          h: isTop ? -b.h : b.h,\n        }\n        state.dragOrig._anchorPt = {\n          x: state.resizeAnchor.x,\n          y: state.resizeAnchor.y,\n        }\n      } else if (\n        sel.type === 'shape' &&\n        DIRECTIONAL_SHAPES.includes(sel.shape)\n      ) {\n        state.resizeAnchor =\n          corner === 'start'\n            ? { x: sel.x + sel.w, y: sel.y + sel.h }\n            : { x: sel.x, y: sel.y }\n      } else {\n        const b = layerBounds(state, sel)\n        const isLeft = corner === 'tl' || corner === 'bl'\n        state.resizeAnchor = {\n          x: isLeft ? b.x + b.w : b.x,\n          // Text keeps its top edge: its height follows the wrapping.\n          y:\n            sel.type === 'text'\n              ? b.y\n              : corner === 'tl' || corner === 'tr'\n                ? b.y + b.h\n                : b.y,\n        }\n      }\n      state.resizeCenter = layerCenter(state, sel)\n      state.resizeAnchorWorld = rotatePoint(\n        state.resizeAnchor,\n        state.resizeCenter,\n        sel.rotation || 0\n      )\n      pushHistory(state)\n      return\n    }\n    const hit = hitLayer(state, p)\n    if (hit) {\n      selectLayer(state, hit.id)\n      state.dragMode = 'move'\n      state.dragStart = p\n      state.dragOrig = JSON.parse(JSON.stringify(hit))\n      pushHistory(state)\n    } else selectLayer(state, null)\n  } else if (state.mode === 'text') {\n    pushHistory(state)\n    const L = {\n      id: state.nextId++,\n      type: 'text',\n      text: 'Text',\n      x: p.x,\n      y: p.y,\n      size: state.textSize,\n      font: state.textFont,\n      color: state.textColor,\n      rotation: 0,\n      flipH: false,\n      flipV: false,\n      boxWidth: 10,\n    }\n    state.octx.font = `${L.size}px ${L.font}`\n    const placeholderWidth = state.octx.measureText(L.text).width\n    L.boxWidth = Math.round(Math.max(700, placeholderWidth + 40))\n    clampBoxWidth(state, L)\n    clampTextSize(state, L)\n    state.layers.push(L)\n    setMode(state, 'select')\n    selectLayer(state, L.id)\n    openTextEditor(state, L, true)\n  } else if (state.mode === 'draw') {\n    pushHistory(state)\n    state.pendingStroke = {\n      id: state.nextId++,\n      type: 'stroke',\n      color: state.drawColor,\n      width: state.brushSize,\n      style: state.brushStyle,\n      points: [p],\n    }\n    state.dragMode = 'draw'\n  } else if (state.mode === 'shape') {\n    pushHistory(state)\n    state.pendingShape = {\n      id: state.nextId++,\n      type: 'shape',\n      shape: state.selectedShapeType,\n      fill: state.shapeFill,\n      width: state.shapeWidth,\n      color: state.shapeColor,\n      x: p.x,\n      y: p.y,\n      w: 0,\n      h: 0,\n      rotation: 0,\n      flipH: false,\n      flipV: false,\n    }\n    state.dragMode = 'newshape'\n    state.dragStart = p\n  } else if (state.mode === 'crop') {\n    state.dragMode = 'crop'\n    state.cropStart = p\n    state.cropRect = { x: p.x, y: p.y, w: 0, h: 0 }\n  }\n}\n\nexport function onMove(state, e) {\n  if (state.pendingPoly) {\n    const pts = state.pendingPoly.layer.points\n    state.pendingPoly.preview = snapPreview(\n      pts[pts.length - 1],\n      toSource(state, e),\n      e.shiftKey\n    )\n    drawPolyPreview(state)\n    return\n  }\n  if (\n    state.dragMode &&\n    state.activePointerId != null &&\n    e.pointerId !== state.activePointerId\n  ) {\n    return\n  }\n  if (!state.dragMode) {\n    if (state.mode === 'select') {\n      const p = toSource(state, e),\n        sel =\n          state.selectedId != null\n            ? state.layers.find((l) => l.id === state.selectedId)\n            : null\n      const corner = sel ? onResizeHandle(state, p, sel) : null\n      if (sel && onRotateHandle(state, p, sel)) {\n        state.overlayEl.style.cursor = 'grab'\n      } else if (corner === 'start' || corner === 'end') {\n        state.overlayEl.style.cursor =\n          sel.w >= 0 === sel.h >= 0 ? 'nwse-resize' : 'nesw-resize'\n      } else if (corner) {\n        state.overlayEl.style.cursor =\n          corner === 'tl' || corner === 'br' ? 'nwse-resize' : 'nesw-resize'\n      } else if (sel && hitLayer(state, p) === sel) {\n        state.overlayEl.style.cursor = 'move'\n      } else if (hitLayer(state, p)) {\n        state.overlayEl.style.cursor = 'pointer'\n      } else {\n        state.overlayEl.style.cursor = 'default'\n      }\n    }\n    return\n  }\n  const p = toSource(state, e)\n  if (state.dragMode === 'move') {\n    const dx = p.x - state.dragStart.x,\n      dy = p.y - state.dragStart.y,\n      L = state.layers.find((l) => l.id === state.selectedId)\n    if (L.type === 'shape' && isMultiPoint(L)) {\n      L.points = state.dragOrig.points.map((pt) => ({\n        x: pt.x + dx,\n        y: pt.y + dy,\n      }))\n    } else if (\n      L.type === 'text' ||\n      L.type === 'shape' ||\n      L.type === 'sticker'\n    ) {\n      L.x = state.dragOrig.x + dx\n      L.y = state.dragOrig.y + dy\n    } else if (L.type === 'stroke') {\n      L.points = state.dragOrig.points.map((pt) => ({\n        x: pt.x + dx,\n        y: pt.y + dy,\n      }))\n    }\n    clampLayerToCanvas(state, L)\n    renderOverlay(state)\n  } else if (state.dragMode === 'resize') {\n    const L = state.layers.find((l) => l.id === state.selectedId)\n    const rot = L.rotation || 0\n    // Resize along the layer's own axes, so a tilted box grows the way it looks.\n    const q = rot ? rotatePoint(p, state.resizeCenter, -rot) : p\n    if (L.type === 'text') {\n      const isLeft = state.resizeCorner === 'tl' || state.resizeCorner === 'bl'\n      // Absolute from drag start, so the fix-up below cannot accumulate.\n      L.y = state.dragOrig.y\n      L.size = state.dragOrig.size\n      if (isLeft) {\n        const rightEdge = state.dragOrig.x + state.dragOrig.boxWidth\n        L.boxWidth = Math.max(20, rightEdge - q.x)\n        L.x = rightEdge - L.boxWidth\n      } else {\n        L.x = state.dragOrig.x\n        L.boxWidth = Math.max(20, q.x - state.dragOrig.x)\n      }\n      clampBoxWidth(state, L)\n      clampTextSize(state, L)\n      state.notify()\n    } else if (L.type === 'shape' && isMultiPoint(L)) {\n      // Multi-point paths have no single \"end\" to drag, so scale every point\n      // about the opposite corner instead.\n      const anchor = state.resizeAnchor\n      const ob = state.dragOrig._bounds\n      const MIN_SIZE = 8\n      const sx = ob.w > 0 ? (q.x - anchor.x) / (ob.w || 1) : 1\n      const sy = ob.h > 0 ? (q.y - anchor.y) / (ob.h || 1) : 1\n      const kx = Math.abs(ob.w * sx) < MIN_SIZE ? MIN_SIZE / (ob.w || 1) : sx\n      const ky = Math.abs(ob.h * sy) < MIN_SIZE ? MIN_SIZE / (ob.h || 1) : sy\n      L.points = state.dragOrig.points.map((pt) => ({\n        x: anchor.x + (pt.x - state.dragOrig._anchorPt.x) * kx,\n        y: anchor.y + (pt.y - state.dragOrig._anchorPt.y) * ky,\n      }))\n    } else if (L.type === 'shape' && DIRECTIONAL_SHAPES.includes(L.shape)) {\n      const anchor = state.resizeAnchor\n      const MIN_LEN = 8\n      let w = q.x - anchor.x\n      let h = q.y - anchor.y\n      if (Math.hypot(w, h) < MIN_LEN) {\n        const ang = Math.atan2(h || 1, w || 1)\n        w = MIN_LEN * Math.cos(ang)\n        h = MIN_LEN * Math.sin(ang)\n      }\n      if (state.resizeCorner === 'start') {\n        L.x = anchor.x + w\n        L.y = anchor.y + h\n        L.w = -w\n        L.h = -h\n      } else {\n        L.x = anchor.x\n        L.y = anchor.y\n        L.w = w\n        L.h = h\n      }\n    } else if (L.type === 'shape' || L.type === 'sticker') {\n      const anchor = state.resizeAnchor\n      const MIN_SIZE = 8\n      let w = q.x - anchor.x\n      let h = q.y - anchor.y\n      if (Math.abs(w) < MIN_SIZE) {\n        w =\n          anchor.x + MIN_SIZE <= state.sourceCanvas.width ? MIN_SIZE : -MIN_SIZE\n      }\n      if (Math.abs(h) < MIN_SIZE) {\n        h =\n          anchor.y + MIN_SIZE <= state.sourceCanvas.height\n            ? MIN_SIZE\n            : -MIN_SIZE\n      }\n      L.x = Math.min(anchor.x, anchor.x + w)\n      L.y = Math.min(anchor.y, anchor.y + h)\n      L.w = Math.abs(w)\n      L.h = Math.abs(h)\n    }\n    // Resizing moves the centre it spins about; pin the anchor back down.\n    if (rot) {\n      const moved = rotatePoint(state.resizeAnchor, layerCenter(state, L), rot)\n      L.x += state.resizeAnchorWorld.x - moved.x\n      L.y += state.resizeAnchorWorld.y - moved.y\n    }\n    renderOverlay(state)\n  } else if (state.dragMode === 'rotate') {\n    const L = state.layers.find((l) => l.id === state.selectedId)\n    const { center, angle, rotation } = state.rotateStart\n    const swept = Math.atan2(p.y - center.y, p.x - center.x) - angle\n    const deg = rotation + (swept * 180) / Math.PI\n    L.rotation = ((deg % 360) + 360) % 360\n    renderOverlay(state)\n  } else if (state.dragMode === 'draw') {\n    state.pendingStroke.points.push(p)\n    state.octx.clearRect(0, 0, state.overlayEl.width, state.overlayEl.height)\n    state.layers.forEach((L) => paintLayer(state, state.octx, L))\n    paintLayer(state, state.octx, state.pendingStroke)\n  } else if (state.dragMode === 'newshape') {\n    state.pendingShape.w = p.x - state.dragStart.x\n    state.pendingShape.h = p.y - state.dragStart.y\n    renderOverlay(state)\n  } else if (state.dragMode === 'crop') {\n    let w = p.x - state.cropStart.x,\n      h = p.y - state.cropStart.y\n    if (state.cropRatio !== 'free') {\n      const rr = parseFloat(state.cropRatio)\n      h = (Math.sign(h || 1) * Math.abs(w)) / rr\n      const maxH =\n        h >= 0\n          ? state.sourceCanvas.height - state.cropStart.y\n          : state.cropStart.y\n      if (Math.abs(h) > maxH) {\n        h = Math.sign(h) * maxH\n        w = Math.sign(w || 1) * Math.abs(h) * rr\n      }\n    }\n    state.cropRect = { x: state.cropStart.x, y: state.cropStart.y, w, h }\n    renderOverlay(state)\n  }\n}\n\nexport function onUp(state, e) {\n  if (\n    e &&\n    state.dragMode &&\n    state.activePointerId != null &&\n    e.pointerId !== state.activePointerId\n  ) {\n    return\n  }\n  if (state.dragMode === 'draw' && state.pendingStroke) {\n    if (state.pendingStroke.points.length >= 1) {\n      state.layers.push(state.pendingStroke)\n      selectLayer(state, state.pendingStroke.id)\n    }\n    state.pendingStroke = null\n    render(state)\n    state.statusText = 'Stroke added'\n    emitChange(state)\n  } else if (state.dragMode === 'newshape' && state.pendingShape) {\n    const dragged = Math.hypot(\n      state.pendingShape.w || 0,\n      state.pendingShape.h || 0\n    )\n    if (\n      state.multiPointMode &&\n      MULTI_POINT_SHAPES.includes(state.pendingShape.shape)\n    ) {\n      // Multi-point is an explicit mode, so it opens a session either way:\n      // a drag lays down the first segment, a click just the first corner.\n      const L = state.pendingShape\n      const end = { x: L.x + (L.w || 0), y: L.y + (L.h || 0) }\n      state.pendingShape = null\n      startPoly(state, L, { x: L.x, y: L.y })\n      if (dragged > CLICK_SLOP) {\n        L.points.push(end)\n        state.pendingPoly.preview = end\n      }\n    } else if (\n      Math.abs(state.pendingShape.w) > 3 ||\n      Math.abs(state.pendingShape.h) > 3\n    ) {\n      state.layers.push(state.pendingShape)\n      const id = state.pendingShape.id\n      state.pendingShape = null\n      setMode(state, 'select')\n      selectLayer(state, id)\n      state.statusText = 'Shape added'\n      emitChange(state)\n    } else {\n      state.pendingShape = null\n      renderOverlay(state)\n      state.notify()\n    }\n  } else if (state.dragMode === 'crop') {\n    if (state.cropRect) state.cropRect = normRect(state.cropRect)\n    renderOverlay(state)\n    state.notify()\n  } else if (\n    state.dragMode === 'move' ||\n    state.dragMode === 'resize' ||\n    state.dragMode === 'rotate'\n  ) {\n    if (state.dragMode === 'rotate') {\n      const L = state.layers.find((l) => l.id === state.selectedId)\n      if (L) state.statusText = `Rotated to ${Math.round(L.rotation)}°`\n    }\n    render(state)\n    state.notify()\n  }\n  if (state.activePointerId != null) {\n    if (state.overlayEl.hasPointerCapture(state.activePointerId)) {\n      state.overlayEl.releasePointerCapture(state.activePointerId)\n    }\n    state.activePointerId = null\n  }\n  state.dragMode = null\n  state.dragStart = null\n  state.dragOrig = null\n  state.dragRect = null\n  state.resizeAnchor = null\n  state.resizeCenter = null\n  state.resizeAnchorWorld = null\n  state.rotateStart = null\n}\n\nexport function onDbl(state, e) {\n  if (state.pendingPoly) {\n    finishPoly(state, false)\n    return\n  }\n  if (state.mode !== 'select') return\n  const p = toSource(state, e),\n    hit = hitLayer(state, p)\n  if (hit && hit.type === 'text') {\n    selectLayer(state, hit.id)\n    openTextEditor(state, hit, false)\n  }\n}\n"],"names":["toSource","state","e","x","y","rotatedAABB","b","rotationDeg","rad","cos","sin","w","h","cx","cy","strokeMargin","L","DIRECTIONAL_SHAPES","clampLayerToCanvas","rotated","layerBounds","margin","dx","dy","pt","hitLayer","p","layers","i","q","toLayerSpace","closeHitRadius","SNAP_STEP","CLICK_SLOP","polyStatus","poly","n","snapPreview","anchor","shift","len","ang","undoPolyPoint","cancelPoly","drawPolyPreview","startPoly","shapeLayer","c","pts","paintLayer","ghost","k","r","first","near","drawPolyHint","count","pad","size","coarse","verb","msg","bx","by","bw","bh","resumePoly","id","l","MULTI_POINT_SHAPES","pushHistory","finishPoly","close","popHistory","setMode","render","selectLayer","emitChange","onDown","last","sel","onRotateHandle","layerCenter","corner","onResizeHandle","isMultiPoint","isLeft","isTop","rotatePoint","hit","placeholderWidth","clampBoxWidth","clampTextSize","openTextEditor","onMove","renderOverlay","rot","rightEdge","ob","MIN_SIZE","sx","sy","kx","ky","MIN_LEN","moved","center","angle","rotation","swept","deg","rr","maxH","onUp","dragged","end","normRect","onDbl"],"mappings":"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"}
+{"version":3,"file":"index165.es.js","sources":["../src/components/unstyled/otp-input/otp-input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const OTPInputVariants = cva(\n  `relative flex h-12 w-11 items-center justify-center border-y border-r border-input text-light-1 transition-all\n   first:rounded-l-md first:border-l last:rounded-r-md`,\n  {\n    variants: {\n      isError: {\n        true: '',\n        false: '',\n      },\n      isFocused: {\n        true: '',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isError: false,\n      isFocused: false,\n    },\n    compoundVariants: [\n      {\n        isError: true,\n        isFocused: true,\n        className: 'border-danger-2 ring-4 ring-danger-1',\n      },\n      {\n        isError: false,\n        isFocused: true,\n        className: 'border-primary-2 ring-4 ring-primary-1',\n      },\n      {\n        isError: true,\n        isFocused: false,\n        className: 'border-danger-2',\n      },\n      {\n        isError: false,\n        isFocused: false,\n        className: 'border-neutral-2',\n      },\n    ],\n  }\n)\n"],"names":["OTPInputVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA;AAAA,EAEA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,WAAW;AAAA,IAAA;AAAA,IAEb,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ;"}

package/dist/index166.es.js

@@ -1,5 +1,15 @@
-const a = "Plus Jakarta Sans";
+import { cva as a } from "class-variance-authority";
+const t = {
+  img: a("", {
+    variants: {
+      hasIcon: {
+        true: "w-12 h-12",
+        false: "h-5 w-5"
+      }
+    }
+  })
+};
 export {
-  a as FONT_FAMILY
+  t as hoverDetailCardStyles
 };
 //# sourceMappingURL=index166.es.js.map

package/dist/index166.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index166.es.js","sources":["../src/lib/constants.ts"],"sourcesContent":["export const FONT_FAMILY = 'Plus Jakarta Sans'\n"],"names":["FONT_FAMILY"],"mappings":"AAAO,MAAMA,IAAc;"}
+{"version":3,"file":"index166.es.js","sources":["../src/components/ui/map-marker-hover-card/map-marker-hover-card.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const hoverDetailCardStyles = {\n  img: cva('', {\n    variants: {\n      hasIcon: {\n        true: 'w-12 h-12',\n        false: 'h-5 w-5',\n      },\n    },\n  }),\n}\n"],"names":["hoverDetailCardStyles","cva"],"mappings":";AAEO,MAAMA,IAAwB;AAAA,EACnC,KAAKC,EAAI,IAAI;AAAA,IACX,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF,CACD;AACH;"}

package/dist/index167.es.js

@@ -1,28 +1,5 @@
-import { cva as e } from "class-variance-authority";
-const t = e(
-  "w-auto min-w-[50px] h-5 flex items-center justify-center gap-2 px-1 py-0.5 rounded-[4px]",
-  {
-    variants: {
-      trend: {
-        1: "bg-success-1 border border-success-1",
-        "-1": "bg-danger-1 border border-danger-1",
-        0: "",
-        null: ""
-      }
-    }
-  }
-), s = e("text-sm", {
-  variants: {
-    trend: {
-      1: "text-success-1",
-      "-1": "text-danger-1",
-      0: "",
-      null: ""
-    }
-  }
-});
+const a = "Plus Jakarta Sans";
 export {
-  t as trendBoxStyles,
-  s as trendValueStyles
+  a as FONT_FAMILY
 };
 //# sourceMappingURL=index167.es.js.map

package/dist/index167.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index167.es.js","sources":["../src/components/ui/report-snippet-view/report-snippet-view-style.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const trendBoxStyles = cva(\n  'w-auto min-w-[50px] h-5 flex items-center justify-center gap-2 px-1 py-0.5 rounded-[4px]',\n  {\n    variants: {\n      trend: {\n        '1': 'bg-success-1 border border-success-1',\n        '-1': 'bg-danger-1 border border-danger-1',\n        '0': '',\n        null: '',\n      },\n    },\n  }\n)\n\nexport const trendValueStyles = cva('text-sm', {\n  variants: {\n    trend: {\n      '1': 'text-success-1',\n      '-1': 'text-danger-1',\n      '0': '',\n      null: '',\n    },\n  },\n})\n"],"names":["trendBoxStyles","cva","trendValueStyles"],"mappings":";AAEO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,GAAK;AAAA,QACL,MAAM;AAAA,QACN,GAAK;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAEJ,GAEaC,IAAmBD,EAAI,WAAW;AAAA,EAC7C,UAAU;AAAA,IACR,OAAO;AAAA,MACL,GAAK;AAAA,MACL,MAAM;AAAA,MACN,GAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,CAAC;"}
+{"version":3,"file":"index167.es.js","sources":["../src/lib/constants.ts"],"sourcesContent":["export const FONT_FAMILY = 'Plus Jakarta Sans'\n"],"names":["FONT_FAMILY"],"mappings":"AAAO,MAAMA,IAAc;"}

package/dist/index168.es.js

@@ -1,19 +1,28 @@
-import { cva as r } from "class-variance-authority";
-import { StepItemStatus as e } from "./index33.es.js";
-const o = r(
-  "h-8 w-8 border-2 flex items-center justify-center rounded-full cursor-pointer trasnition-all",
+import { cva as e } from "class-variance-authority";
+const t = e(
+  "w-auto min-w-[50px] h-5 flex items-center justify-center gap-2 px-1 py-0.5 rounded-[4px]",
   {
     variants: {
-      variant: {
-        pending: "border-neutral-2 ",
-        current: "bg-primary-1 border-primary-2 hover:bg-hover-t1 active:bg-click-t1",
-        completed: "bg-rest-p1 hover:bg-hover-p1 active:bg-click-p1 border-none"
+      trend: {
+        1: "bg-success-1 border border-success-1",
+        "-1": "bg-danger-1 border border-danger-1",
+        0: "",
+        null: ""
       }
-    },
-    defaultVariants: { variant: e.PENDING }
+    }
   }
-);
+), s = e("text-sm", {
+  variants: {
+    trend: {
+      1: "text-success-1",
+      "-1": "text-danger-1",
+      0: "",
+      null: ""
+    }
+  }
+});
 export {
-  o as StepItemVariants
+  t as trendBoxStyles,
+  s as trendValueStyles
 };
 //# sourceMappingURL=index168.es.js.map

package/dist/index168.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index168.es.js","sources":["../src/components/molecules/stepper/stepper.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport { StepItemStatus } from './stepper.type'\nexport const StepItemVariants = cva(\n  'h-8 w-8 border-2 flex items-center justify-center rounded-full cursor-pointer trasnition-all',\n  {\n    variants: {\n      variant: {\n        pending: 'border-neutral-2 ',\n        current:\n          'bg-primary-1 border-primary-2 hover:bg-hover-t1 active:bg-click-t1',\n        completed:\n          'bg-rest-p1 hover:bg-hover-p1 active:bg-click-p1 border-none',\n      },\n    },\n    defaultVariants: { variant: StepItemStatus.PENDING },\n  }\n)\n"],"names":["StepItemVariants","cva","StepItemStatus"],"mappings":";;AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,QACF,WACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB,EAAE,SAASC,EAAe,QAAA;AAAA,EAAQ;AAEvD;"}
+{"version":3,"file":"index168.es.js","sources":["../src/components/ui/report-snippet-view/report-snippet-view-style.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const trendBoxStyles = cva(\n  'w-auto min-w-[50px] h-5 flex items-center justify-center gap-2 px-1 py-0.5 rounded-[4px]',\n  {\n    variants: {\n      trend: {\n        '1': 'bg-success-1 border border-success-1',\n        '-1': 'bg-danger-1 border border-danger-1',\n        '0': '',\n        null: '',\n      },\n    },\n  }\n)\n\nexport const trendValueStyles = cva('text-sm', {\n  variants: {\n    trend: {\n      '1': 'text-success-1',\n      '-1': 'text-danger-1',\n      '0': '',\n      null: '',\n    },\n  },\n})\n"],"names":["trendBoxStyles","cva","trendValueStyles"],"mappings":";AAEO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,OAAO;AAAA,QACL,GAAK;AAAA,QACL,MAAM;AAAA,QACN,GAAK;AAAA,QACL,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,EACF;AAEJ,GAEaC,IAAmBD,EAAI,WAAW;AAAA,EAC7C,UAAU;AAAA,IACR,OAAO;AAAA,MACL,GAAK;AAAA,MACL,MAAM;AAAA,MACN,GAAK;AAAA,MACL,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,CAAC;"}

package/dist/index170.es.js

@@ -1,4 +1,4 @@
-import { applyZoom as m, renderOverlay as x } from "./index155.es.js";
+import { applyZoom as m, renderOverlay as x } from "./index154.es.js";
 function f(n) {
   const [r, i] = n;
   return { x: (r.x + i.x) / 2, y: (r.y + i.y) / 2 };