@servantcdh/ez-planet-labeling 0.1.0

package/dist/index.js

@@ -0,0 +1,2436 @@
+import Ft, { createContext as Ze, useState as st, useMemo as it, useContext as Qe, useRef as Et, useEffect as St, useCallback as F } from "react";
+import { jsx as p, jsxs as T, Fragment as je } from "react/jsx-runtime";
+const lo = "Brush", At = "Bounded Box", re = "Filled Box", Ve = "Filled Polygon", Vt = "Magic Brush", kt = "Superpixel", zt = "BrushCursor", te = "SuperpixelBoundary", uo = "Combined Label", ee = "Segment Anything Box", fo = "Eraser", tn = 1, en = 0, nn = [
+  zt,
+  te,
+  ee
+], ie = [
+  "id",
+  "unique",
+  "hex",
+  "alpha",
+  "info",
+  "selected",
+  "class",
+  "added",
+  "index",
+  "seq",
+  "copied",
+  "combinded",
+  "labeler",
+  "labelInsertData",
+  "labelPayload",
+  "pathContours",
+  "pathEditableContourIndex",
+  "pathBaseOffset",
+  "points"
+], sn = 5, on = 3;
+let Rt = null;
+const an = async () => (Rt || (Rt = await import("fabric")), Rt), H = () => {
+  if (!Rt)
+    throw new Error(
+      "Fabric has not been loaded. Call loadFabric() first (async)."
+    );
+  return Rt;
+}, vt = () => H().Point, rn = () => H().Line, Ne = () => H().Rect, Pe = () => H().Polygon, cn = () => H().PencilBrush, ln = () => H().Circle, ke = () => H().FabricImage, un = () => H().Control, dn = () => H().StaticCanvas;
+let _t = null, fn = { x: 0, y: 0 }, hn = { x: 0, y: 0 };
+const ot = () => _t, fe = (t) => {
+  _t = t;
+}, mn = () => fn, gn = () => hn, ct = () => {
+  if (!_t)
+    throw new Error("Canvas has not been initialized.");
+  return _t;
+}, vn = [
+  "load",
+  "selected",
+  "deleted",
+  "zoom",
+  "copy",
+  "paste",
+  "deleteSelected",
+  "selectAll",
+  "reset",
+  "combine",
+  "seq",
+  "addClass",
+  "deleteObjectsOfTool",
+  "addObjects",
+  "deselectAll",
+  "undo",
+  "redo",
+  "changed",
+  "blur",
+  "focus",
+  "init"
+], pn = (t) => {
+  const e = ot();
+  if (!e)
+    return () => {
+    };
+  const n = vn.map((o) => {
+    const s = `label:${o}`, a = (i) => {
+      t(o, i.data);
+    };
+    return e.on(s, a), { eventName: s, handler: a };
+  });
+  return () => {
+    n.forEach(({ eventName: o, handler: s }) => {
+      e.off(o, s);
+    });
+  };
+}, bn = (t, e) => {
+  const n = ot();
+  n && n.fire(`label:${t}`, { data: e });
+}, Le = (t) => t, ft = (t = ct()) => Le(t.getObjects()), ho = (t = ct()) => t.getActiveObjects(), yn = (t) => ({
+  ...t,
+  objects: Le(t.objects)
+}), Tt = (t = ct()) => yn(t.toJSON(ie)), Pt = (t) => (e) => t(e), S = (t) => t, he = (t, e) => e === 0 ? 0 : t / e, Ht = ({ x: t, y: e }) => {
+  const o = ct().getZoom();
+  return { x: he(t, o), y: he(e, o) };
+}, Ee = (t) => Ht({
+  x: t.offsetX,
+  y: t.offsetY
+}), mt = (t) => {
+  const e = t ?? _t;
+  e && e.contextContainer && e.renderAll();
+}, ce = (t, e) => {
+  const n = ct(), o = ln(), s = Ne(), a = mn();
+  n.remove(
+    ...ft(n).filter(
+      ({ info: r }) => r === zt
+    )
+  );
+  const i = {
+    info: zt,
+    left: -100,
+    top: -100,
+    width: t.lineWidth,
+    height: t.lineWidth,
+    radius: t.lineWidth / 2,
+    ...e ? { fill: e } : {
+      fill: "rgba(0, 0, 0, 0)",
+      stroke: "white",
+      strokeWidth: 1.5,
+      strokeDashArray: [3, 3]
+    },
+    originX: "center",
+    originY: "center",
+    selectable: !1
+  }, c = t.lineCap === "round" ? new o(i) : new s(i), u = (r) => {
+    if (!r && !a.x)
+      return;
+    const f = r == null ? void 0 : r.e, { x: v, y: h } = f ? n.getScenePoint(f) : a;
+    a.x = v, a.y = h, c.set({ top: h, left: v }), c.setCoords(), n.renderAll();
+  }, m = (r) => {
+    u(r);
+  }, d = () => {
+    bn("init");
+  };
+  return u(), { brushCursor: c, handleOnMouseMove: m, handleOnMouseUp: d };
+}, le = ({ colorCode: t, callback: e }, n, o = !1) => {
+  const s = ct(), a = Ne();
+  o && (n = o, s.getObjects().forEach((r) => r.set({ visible: !1 })), s.renderAll());
+  let i = 0, c = 0;
+  const u = function(r) {
+    const f = r.scenePoint ?? r.pointer;
+    if (!f)
+      return;
+    const { x: v, y: h } = Ht(f);
+    i = v, c = h;
+  }, m = function(r) {
+    const f = r.scenePoint ?? r.pointer;
+    if (!f)
+      return;
+    const { x: v, y: h } = Ht(f), x = v - i, l = h - c;
+    let g = Math.abs(x), b = Math.abs(l), N = x > 0 ? i : v, w = l > 0 ? c : h;
+    const I = N < 0, C = w < 0;
+    g = I ? g + N : g, b = C ? b + w : b, N = I ? 0 : N, w = C ? 0 : w;
+    const P = s.getZoom(), y = Number(s.width ?? 0) / P, L = Number(s.height ?? 0) / P, _ = N + g > y, W = w + b > L;
+    g = _ ? g - (N + g - y) : g, b = W ? b - (w + b - L) : b;
+    const V = g && b ? new a({
+      left: N,
+      top: w,
+      width: g,
+      height: b,
+      ...n ? {
+        fill: "",
+        stroke: t,
+        strokeWidth: o ? on : sn,
+        erasable: !1,
+        info: o ? ee : At,
+        ...o ? {
+          strokeDashArray: [7, 5],
+          lockMovementX: !0,
+          lockMovementY: !0
+        } : {}
+      } : {
+        fill: t,
+        info: re
+      },
+      objectCaching: !1,
+      selectable: !1
+    }) : null;
+    if (o && !V && e && e({
+      point: { x: v, y: h, maskInput: tn }
+    }), o && V && e) {
+      const nt = Number(N ?? 0), M = Number(w ?? 0), D = nt + g, J = M + b;
+      e({ box: { x1: nt, y1: M, x2: D, y2: J } });
+    }
+    V && s.add(V);
+  }, d = function(r) {
+    r.preventDefault();
+    const { x: f, y: v } = Ht({ x: r.offsetX, y: r.offsetY });
+    r.target && r.target.localName === "canvas" && e && e({
+      point: { x: f, y: v, maskInput: en }
+    });
+  };
+  return s.defaultCursor = "crosshair", s.hoverCursor = o ? "crosshair" : "default", s.selection = !0, s.on("mouse:down", S(u)), s.on("mouse:up", S(m)), o && document.addEventListener("contextmenu", d), () => {
+    s.defaultCursor = "default", s.selection = !1, s.off("mouse:down", S(u)), s.off("mouse:up", S(m)), o && (document.removeEventListener("contextmenu", d), s.remove(
+      ...ft(s).filter(
+        ({ info: r }) => r === ee
+      )
+    ), ft(s).forEach(
+      (r) => r.set({ visible: !0 })
+    )), mt(s);
+  };
+}, Te = () => ({ id: "brush", init: ({ brush: e, colorCode: n }) => {
+  const o = ct(), s = cn();
+  o.isDrawingMode = !0, o.freeDrawingBrush = new s(o), o.freeDrawingBrush.color = n, o.freeDrawingBrush.strokeLineCap = e.lineCap, o.freeDrawingBrush.width = e.lineWidth;
+  const { brushCursor: a, handleOnMouseMove: i, handleOnMouseUp: c } = ce(e, n), u = function() {
+    o.add(a);
+  }, m = function() {
+    o.remove(a);
+  };
+  return o.add(a), o.on("mouse:over", S(u)), o.on("mouse:out", S(m)), o.on("mouse:move", S(i)), o.on("mouse:up", S(c)), () => {
+    o.remove(a), o.off("mouse:over", S(u)), o.off("mouse:out", S(m)), o.off("mouse:move", S(i)), o.off("mouse:up", S(c)), o.isDrawingMode = !1;
+  };
+} }), Re = () => ({ id: "eraser", init: async ({ brush: e }) => {
+  const n = ct(), { EraserBrush: o } = await import("./index-DDn_Fjhx.js");
+  n.freeDrawingBrush = new o(n), n.isDrawingMode = !0, n.freeDrawingBrush.strokeLineCap = e.lineCap, n.freeDrawingBrush.width = e.lineWidth;
+  const { brushCursor: s, handleOnMouseMove: a, handleOnMouseUp: i } = ce(e), c = function() {
+    n.add(s);
+  }, u = function() {
+    n.remove(s);
+  };
+  return n.add(s), n.on("mouse:over", S(c)), n.on("mouse:out", S(u)), n.on("mouse:move", S(a)), n.on("mouse:up", S(i)), () => {
+    n.remove(s), n.off("mouse:over", S(c)), n.off("mouse:out", S(u)), n.off("mouse:move", S(a)), n.off("mouse:up", S(i)), n.isDrawingMode = !1;
+  };
+} }), me = (t, e, n = 0) => {
+  const o = 10 ** n;
+  return Math.round(t * e * o) / o;
+}, Be = (t, e) => {
+  t = t.includes("#") ? t.substring(1) : t;
+  const n = parseInt(t, 16), o = n >> 16 & 255, s = n >> 8 & 255, a = n & 255;
+  return `rgba(${o},${s},${a},${e})`;
+}, ue = (t) => {
+  const e = t.substring(5);
+  return e.substring(0, e.length - 1).split(",").map((o) => +o);
+}, yt = (t) => Math.round(t).toString(16).padStart(2, "0"), xn = (t) => {
+  let e = t.startsWith("#") ? t.substring(1) : t;
+  (e.length === 3 || e.length === 4) && (e = e.split("").map((u) => u + u).join(""));
+  const n = e.length === 8;
+  if (e.length !== 6 && !n)
+    return null;
+  const o = parseInt(e.substring(0, 6), 16), s = o >> 16 & 255, a = o >> 8 & 255, i = o & 255, c = n ? parseInt(e.substring(6), 16) / 255 : 1;
+  return { r: s, g: a, b: i, a: c };
+}, qt = (t) => {
+  const e = { hex: "000000", alpha: "100%" };
+  if (!t)
+    return e;
+  const n = t.trim();
+  if (n.startsWith("rgba(")) {
+    const [s, a, i, c] = ue(n);
+    return {
+      hex: `${yt(s)}${yt(a)}${yt(i)}`,
+      alpha: `${me(c, 100, 0)}%`
+    };
+  }
+  if (n.startsWith("rgb(")) {
+    const s = n.substring(4, n.length - 1).split(",").map((u) => +u), [a = 0, i = 0, c = 0] = s;
+    return {
+      hex: `${yt(a)}${yt(i)}${yt(c)}`,
+      alpha: "100%"
+    };
+  }
+  const o = xn(n);
+  if (o) {
+    const { r: s, g: a, b: i, a: c } = o;
+    return {
+      hex: `${yt(s)}${yt(a)}${yt(i)}`,
+      alpha: `${me(c, 100, 0)}%`
+    };
+  }
+  return e;
+}, mo = (t) => {
+  const [e, n, o, s] = ue(t), a = Math.round(e).toString(16).padStart(2, "0"), i = Math.round(n).toString(16).padStart(2, "0"), c = Math.round(o).toString(16).padStart(2, "0"), u = Math.round(s * 255).toString(16).padStart(2, "0");
+  return `#${a}${i}${c}${u}`;
+}, Ae = (t) => new Promise((e) => {
+  const n = new Image();
+  n.src = t, n.setAttribute("crossOrigin", ""), n.onload = () => e(n);
+}), go = (t, e) => {
+  for (let n = 0; n < t.data.length; n += 4) {
+    const o = t.data[n], s = t.data[n + 1], a = t.data[n + 2];
+    o === 0 && s === 0 && a === 0 ? t.data[n + 3] = 0 : e && (t.data[n + 3] = Math.round(255 * e * 100) / 100);
+  }
+  return t;
+}, _e = (t) => {
+  const e = (r) => {
+    const f = r.data;
+    let v = r.width, h = r.height, x = 0, l = 0;
+    for (let g = 0; g < r.height; g += 1)
+      for (let b = 0; b < r.width; b += 1) {
+        const N = (g * r.width + b) * 4;
+        f[N + 3] > 0 && (v = Math.min(v, b), h = Math.min(h, g), x = Math.max(x, b), l = Math.max(l, g));
+      }
+    return { minX: v, minY: h, maxX: x, maxY: l };
+  }, n = document.createElement("canvas"), o = n.getContext("2d");
+  if (!o)
+    return { canvas: n, minX: 0, minY: 0 };
+  const { minX: s, minY: a, maxX: i, maxY: c } = e(t), u = i - s + 1, m = c - a + 1, d = o.createImageData(u, m);
+  for (let r = 0; r < m; r += 1)
+    for (let f = 0; f < u; f += 1) {
+      const v = ((a + r) * t.width + s + f) * 4, h = (r * u + f) * 4;
+      d.data[h] = t.data[v], d.data[h + 1] = t.data[v + 1], d.data[h + 2] = t.data[v + 2], d.data[h + 3] = t.data[v + 3];
+    }
+  return n.width = u, n.height = m, o.putImageData(d, 0, 0), { canvas: n, minX: s, minY: a };
+};
+let Lt = null;
+const vo = (t) => {
+  Lt = t;
+}, De = () => ({ id: "magic-wand", init: async ({
+  src: e,
+  colorCode: n,
+  brush: o,
+  magicbrushConfig: s
+}) => {
+  if (!Lt) {
+    console.warn(
+      "[@ez-planet/labeling-canvas] MagicBrush module not provided. Call setMagicBrushModule() first."
+    );
+    return;
+  }
+  const a = ct(), i = ke(), c = vt(), u = H(), m = () => {
+    a.contextContainer && a.renderAll();
+  };
+  a.defaultCursor = "crosshair", a.hoverCursor = "crosshair";
+  const { threshold: d, radius: r } = s;
+  let f = null, v = null;
+  const h = await Ae(e), { width: x, height: l } = h, g = document.createElement("canvas").getContext("2d");
+  if (!g)
+    return;
+  g.canvas.width = x, g.canvas.height = l, g.drawImage(h, 0, 0), f = g.getImageData(0, 0, x, l);
+  const b = ({ x: M, y: D }) => ({
+    x: Math.min(Math.max(Math.round(M), 0), x - 1),
+    y: Math.min(Math.max(Math.round(D), 0), l - 1)
+  }), N = async (M) => {
+    const D = M.getElement(), J = document.createElement("canvas").getContext("2d");
+    if (!D || !J)
+      return null;
+    const O = D.naturalWidth || D.width, k = D.naturalHeight || D.height;
+    J.canvas.width = O, J.canvas.height = k, J.drawImage(D, 0, 0, O, k);
+    const R = J.getImageData(0, 0, O, k).data, E = new Uint8Array(O * k);
+    let Y = O, Q = k, G = -1, $ = -1;
+    for (let B = 0; B < k; B += 1)
+      for (let X = 0; X < O; X += 1)
+        R[(B * O + X) * 4 + 3] && (E[B * O + X] = 1, Y = Math.min(Y, X), Q = Math.min(Q, B), G = Math.max(G, X), $ = Math.max($, B));
+    if (J.canvas.remove(), G < Y || $ < Q) return null;
+    const z = Lt.traceContours({
+      data: E,
+      width: O,
+      height: k,
+      bounds: { minX: Y, minY: Q, maxX: G, maxY: $ }
+    }), j = Lt.simplifyContours(z, 1, 6).filter(
+      ({ points: B }) => B.length
+    );
+    if (!j.length) return null;
+    const lt = M.scaleX ?? 1, Mt = M.scaleY ?? 1, It = M.left ?? 0, at = M.top ?? 0;
+    let K = 1 / 0, tt = 1 / 0;
+    const ut = j.map((B) => {
+      const X = B.points.map(({ x: dt, y: A }) => {
+        const U = dt * lt, bt = A * Mt;
+        return K = Math.min(K, U), tt = Math.min(tt, bt), new c(U, bt);
+      });
+      return { inner: B.inner, points: X };
+    });
+    if (!Number.isFinite(K) || !Number.isFinite(tt)) return null;
+    const rt = { x: K, y: tt }, ht = ut.map((B) => ({
+      inner: B.inner,
+      points: B.points.map(
+        ({ x: X, y: dt }) => new c(X - rt.x, dt - rt.y)
+      )
+    })).sort((B, X) => Number(B.inner) - Number(X.inner)), Ut = ht.findIndex(
+      ({ inner: B }) => !B
+    ), Ot = Ut >= 0 ? Ut : 0, pt = ht[Ot] ?? ht[0], Wt = (pt == null ? void 0 : pt.points.map(({ x: B, y: X }) => new c(B, X))) ?? [], Nt = [];
+    return ht.forEach(({ points: B }) => {
+      if (!B.length) return;
+      const [X, ...dt] = B;
+      Nt.push(`M ${X.x} ${X.y}`), dt.forEach(({ x: A, y: U }) => {
+        Nt.push(`L ${A} ${U}`);
+      }), Nt.push("Z");
+    }), new u.Path(Nt.join(" "), {
+      left: It + rt.x,
+      top: at + rt.y,
+      originX: "left",
+      originY: "top",
+      objectCaching: !1,
+      selectable: !1,
+      evented: !0,
+      fillRule: "evenodd",
+      pathOffset: new c(0, 0),
+      points: Wt,
+      pathContours: ht,
+      pathBaseOffset: rt,
+      pathEditableContourIndex: Ot,
+      info: M.info ?? Vt,
+      fill: M.fill,
+      hex: M.hex,
+      alpha: M.alpha,
+      index: M.index,
+      class: M.class,
+      unique: M.unique,
+      labeler: M.labeler,
+      combinded: M.combinded,
+      lockMovementX: M.lockMovementX,
+      lockMovementY: M.lockMovementY,
+      passStack: !0,
+      replaced: !0
+    });
+  }, w = () => {
+    if (!f || !v) return;
+    const M = {
+      data: f.data,
+      width: f.width,
+      height: f.height,
+      bytes: 4
+    }, { x: D, y: J } = v;
+    let O = Lt.floodFill(M, D, J, d);
+    O = Lt.gaussBlurOnlyBorder(O, r), I(O, n);
+  }, I = (M, D) => {
+    if (!f) return;
+    const O = ((at) => {
+      const K = at.substring(5), ut = K.substring(0, K.length - 1).split(",").map((rt) => +rt);
+      return ut[3] = Math.round(ut[3] * 255), ut;
+    })(D), k = document.createElement("canvas"), R = k.getContext("2d");
+    if (!R) return;
+    R.canvas.width = f.width, R.canvas.height = f.height;
+    const E = M.data, Y = M.bounds, Q = M.width, G = f.width, $ = f.height, z = R.createImageData(G, $), j = z.data;
+    for (let at = Y.minY; at <= Y.maxY; at++)
+      for (let K = Y.minX; K <= Y.maxX; K++) {
+        if (E[at * Q + K] === 0) continue;
+        const tt = (at * G + K) * 4;
+        j[tt] = O[0], j[tt + 1] = O[1], j[tt + 2] = O[2], j[tt + 3] = O[3];
+      }
+    k.remove();
+    const { canvas: lt, minX: Mt, minY: It } = _e(z);
+    C(lt, Mt, It);
+  }, C = async (M, D, J) => {
+    if (!v) return;
+    const O = D, k = J, R = M.toDataURL();
+    M.remove();
+    const E = await i.fromURL(R, {}, {
+      left: O,
+      top: k,
+      objectCaching: !1,
+      selectable: !1,
+      info: Vt,
+      fill: n,
+      lockMovementX: !0,
+      lockMovementY: !0
+    }), { hex: Y, alpha: Q } = qt(n);
+    E.set({
+      hex: Y,
+      alpha: Q,
+      evented: !1,
+      passStack: !0,
+      replaced: !0
+    }), a.add(E);
+    const G = await N(E);
+    if (G) {
+      a.remove(E), a.add(G);
+      const $ = Tt(a);
+      $.objects = $.objects.filter(
+        ({ info: z }) => !nn.includes(z ?? "")
+      ), $.objects.forEach((z) => z.evented = !1);
+    }
+  }, P = function(M) {
+    const D = M.e;
+    (D == null ? void 0 : D.button) === 0 && (v = b(Ee(D)), w());
+  }, {
+    brushCursor: y,
+    handleOnMouseMove: L,
+    handleOnMouseUp: _
+  } = ce({ ...o, lineCap: "square" }), W = () => {
+    _();
+  }, V = function() {
+    a.add(y);
+  }, nt = function() {
+    a.remove(y);
+  };
+  return a.add(y), a.on("mouse:over", S(V)), a.on("mouse:out", S(nt)), a.on("mouse:down", S(P)), a.on("mouse:move", S(L)), a.on("mouse:up", S(W)), () => {
+    a.remove(y), m(), a.off("mouse:over", S(V)), a.off("mouse:out", S(nt)), a.off("mouse:down", S(P)), a.off("mouse:move", S(L)), a.off("mouse:up", S(W));
+  };
+} }), Ue = () => ({ id: "pen", init: ({ colorCode: e }) => {
+  const n = ct(), o = vt(), s = Pe(), a = rn();
+  let i = [], c = [], u = !1;
+  const m = function(h, x) {
+    if (!c.length)
+      return !1;
+    const l = c[0];
+    if (l.x1 === void 0 || l.y1 === void 0)
+      return !1;
+    const g = n.getScenePoint(h), b = l.x1 ?? 0, N = l.y1 ?? 0, { x: w, y: I } = g;
+    return Math.abs(b - w) <= x && Math.abs(N - I) <= x;
+  }, d = function(h) {
+    h.preventDefault(), n.remove(...c), c = [];
+  }, r = function(h) {
+    const x = h.e;
+    if (x && m(x, 10)) {
+      u = !0;
+      return;
+    }
+    const l = n.getScenePoint(x), g = c.length ? c[c.length - 1] : null;
+    if (!g || g.x2) {
+      const b = new a(
+        [l.x, l.y, l.x, l.y],
+        {
+          stroke: "red",
+          strokeWidth: 2,
+          strokeDashArray: [5, 5],
+          selectable: !1,
+          evented: !1
+        }
+      );
+      b.replaced = !0, n.add(b), c.push(b);
+    } else
+      g.set({ x2: l.x, y2: l.y });
+    i.push(new o(l.x, l.y));
+  }, f = function(h) {
+    if (u)
+      return;
+    const x = c.length ? c[c.length - 1] : null;
+    if (x) {
+      const l = h.e;
+      if (!l)
+        return;
+      const g = n.getScenePoint(l);
+      x.set({ x2: g.x, y2: g.y }), n.renderAll();
+    }
+  }, v = function() {
+    if (u) {
+      n.remove(...c);
+      const h = new s(i, {
+        fill: e,
+        objectCaching: !1,
+        selectable: !1,
+        evented: !0,
+        info: Ve
+      });
+      n.add(h), n.renderAll(), i = [], c = [], u = !1;
+    }
+  };
+  return n.defaultCursor = "crosshair", document.addEventListener("contextmenu", d), n.on("mouse:down", S(r)), n.on("mouse:move", S(f)), n.on("mouse:up", S(v)), () => {
+    document.removeEventListener("contextmenu", d), n.defaultCursor = "default", n.off("mouse:down", S(r)), n.off("mouse:move", S(f)), n.off("mouse:up", S(v)), n.remove(...c), c = [];
+  };
+} }), Cn = (t) => {
+  if (!t)
+    return !1;
+  const e = Pe(), n = H();
+  return !!(t instanceof e || t instanceof n.Path && [kt, Vt].includes(
+    t.info ?? ""
+  ) && Array.isArray(t.points) && Array.isArray(t.pathContours));
+}, On = (t) => {
+  const e = H();
+  if (!(t instanceof e.Path) || !Array.isArray(t.pathContours) || !Array.isArray(t.points))
+    return;
+  const n = t, o = n.pathContours, s = n.pathEditableContourIndex ?? 0;
+  if (!o[s])
+    return;
+  const a = vt();
+  o[s].points = n.points.map(
+    ({ x: u, y: m }) => new a(u, m)
+  );
+  const i = [];
+  o.forEach(({ points: u }) => {
+    if (!u.length)
+      return;
+    const [m, ...d] = u;
+    i.push(`M ${m.x} ${m.y}`), d.forEach(({ x: r, y: f }) => {
+      i.push(`L ${r} ${f}`);
+    }), i.push("Z");
+  });
+  const c = new e.Path(i.join(" "));
+  n.set({ path: c.path }), n.pathContours = o, n.dirty = !0, n.setCoords();
+}, We = (t) => {
+  const e = vt(), n = t.strokeWidth ?? 0, o = (t.strokeUniform ? 1 / (t.scaleX ?? 1) : 1) * n, s = (t.strokeUniform ? 1 / (t.scaleY ?? 1) : 1) * n;
+  return new e(
+    Math.max((t.width ?? 0) + o, 1),
+    Math.max((t.height ?? 0) + s, 1)
+  );
+}, Sn = (t) => {
+  const e = t._setPositionDimensions;
+  typeof e == "function" ? e.call(t, {}) : t.setCoords();
+}, wn = (t, e) => {
+  let n = !1;
+  for (let o = 0, s = e.length - 1; o < e.length; s = o++) {
+    const a = e[o].x, i = e[o].y, c = e[s].x, u = e[s].y;
+    i > t.y != u > t.y && t.x < (c - a) * (t.y - i) / (u - i + Number.EPSILON) + a && (n = !n);
+  }
+  return n;
+}, Mn = (t) => {
+  if (t.length < 3)
+    return 0;
+  let e = 0;
+  for (let n = 0; n < t.length; n += 1) {
+    const { x: o, y: s } = t[n], { x: a, y: i } = t[(n + 1) % t.length];
+    e += o * i - a * s;
+  }
+  return Math.abs(e / 2);
+}, In = function(t, e, n) {
+  var u;
+  const o = vt(), s = H().util, a = n.points[this.pointIndex ?? 0], i = a.x - n.pathOffset.x, c = a.y - n.pathOffset.y;
+  return s.transformPoint(
+    new o(i, c),
+    s.multiplyTransformMatrices(
+      ((u = n.canvas) == null ? void 0 : u.viewportTransform) ?? [1, 0, 0, 1, 0, 0],
+      n.calcTransformMatrix()
+    )
+  );
+}, Ye = (t) => {
+  var a;
+  const e = vt(), n = H().util;
+  if (!t.points || !t.pathOffset)
+    return [];
+  const o = t.calcTransformMatrix(), s = (a = t.canvas) != null && a.viewportTransform ? n.multiplyTransformMatrices(t.canvas.viewportTransform, o) : o;
+  return t.points.map(
+    (i) => n.transformPoint(
+      new e(i.x - t.pathOffset.x, i.y - t.pathOffset.y),
+      s
+    )
+  );
+}, Nn = function(t, e, n, o) {
+  var v;
+  const s = vt(), a = H(), i = e.target;
+  if (!i || !i.points || !i.pathOffset)
+    return !1;
+  const c = (v = i.controls) == null ? void 0 : v[i.__corner ?? ""];
+  if (!c)
+    return !1;
+  const u = c.pointIndex ?? 0, m = i.toLocalPoint(
+    new s(n, o),
+    "center",
+    "center"
+  ), d = We(i), r = i._getTransformedDimensions(0, 0), f = {
+    x: m.x * d.x / r.x + i.pathOffset.x,
+    y: m.y * d.y / r.y + i.pathOffset.y
+  };
+  return i.points[u] = f, i instanceof a.Path && On(i), !0;
+}, Pn = function(t, e) {
+  return function(n, o, s, a) {
+    var N;
+    const i = vt(), c = o.target;
+    if (!c.points || !c.pathOffset)
+      return !1;
+    const u = c.controls, m = typeof c.__corner == "string" ? c.__corner : "", d = u == null ? void 0 : u[m], r = (d == null ? void 0 : d.pointIndex) ?? t, v = H().util.transformPoint(
+      new i(
+        c.points[t].x - c.pathOffset.x,
+        c.points[t].y - c.pathOffset.y
+      ),
+      c.calcTransformMatrix()
+    ), h = e(n, o, s, a), x = We(c), l = (c.points[t].x - c.pathOffset.x) / x.x, g = (c.points[t].y - c.pathOffset.y) / x.y;
+    Sn(c), c.setPositionByOrigin(
+      v,
+      l + 0.5,
+      g + 0.5
+    );
+    const b = c.editSnapshot;
+    if ((N = b == null ? void 0 : b.absolutePoints) != null && N.length) {
+      const I = Ye(c).map((C, P) => {
+        if (P === r)
+          return null;
+        const y = b.absolutePoints[P];
+        return y ? {
+          dx: y.x - C.x,
+          dy: y.y - C.y
+        } : null;
+      }).filter(
+        (C) => C !== null
+      );
+      if (I.length) {
+        const C = I.reduce((y, { dx: L }) => y + L, 0) / I.length, P = I.reduce((y, { dy: L }) => y + L, 0) / I.length;
+        (C !== 0 || P !== 0) && (c.set({
+          left: (c.left ?? 0) + C,
+          top: (c.top ?? 0) + P
+        }), c.setCoords());
+      }
+    }
+    return h;
+  };
+}, kn = (t, e) => {
+  var m, d;
+  const n = H(), o = vt();
+  if (!(t instanceof n.Path) || !Array.isArray(t.pathContours) || !e)
+    return;
+  const s = t.toLocalPoint(
+    new o(e.x, e.y),
+    "left",
+    "top"
+  ), a = t.pathContours.map(
+    ({ points: r }, f) => ({
+      index: f,
+      inside: wn(s, r),
+      distance: Math.min(
+        ...r.map(
+          (v) => Math.hypot(v.x - s.x, v.y - s.y)
+        )
+      ),
+      area: Mn(r)
+    })
+  ), c = ((m = a.filter(({ inside: r }) => r).sort((r, f) => r.area - f.area)[0]) == null ? void 0 : m.index) ?? ((d = a.sort((r, f) => r.distance - f.distance)[0]) == null ? void 0 : d.index) ?? 0;
+  t.pathEditableContourIndex = c;
+  const u = t.pathContours[c];
+  u && (t.points = u.points.map(
+    ({ x: r, y: f }) => new o(r, f)
+  ));
+}, Ln = (t) => {
+  var o;
+  const e = un(), n = (((o = t.points) == null ? void 0 : o.length) ?? 1) - 1;
+  t.controls = (t.points ?? []).reduce(
+    function(s, a, i) {
+      const c = () => (t.editSnapshot = {
+        dragIndex: i,
+        absolutePoints: Ye(t)
+      }, !1), u = () => (delete t.editSnapshot, !1);
+      return s["p" + i] = new e({
+        positionHandler: In,
+        actionHandler: Pn(
+          i > 0 ? i - 1 : n,
+          Nn
+        ),
+        actionName: "editPolygon",
+        pointIndex: i,
+        mouseDownHandler: c,
+        mouseUpHandler: u
+      }), s;
+    },
+    {}
+  );
+}, Fe = (t, e) => {
+  const n = e.passStack;
+  e.passStack = !0, t.fire("object:modified", { target: e }), e.passStack = n;
+}, En = (t, e, n) => {
+  if (!e || !Cn(e))
+    return ne(t), null;
+  const o = e;
+  return o.edit || (kn(o, n), o.edit = !0, o.cornerStyle = "circle", Ln(o), o.transparentCorners = !1, o.hasBorders = !1), ne(t, o), t.requestRenderAll(), Fe(t, o), o;
+}, ne = (t, e) => {
+  const n = H().FabricObject;
+  ft(t).forEach((o) => {
+    if (!e || o !== e && e.edit) {
+      const s = o, a = s.edit;
+      s.edit = !1, s.cornerStyle = "rect", s.controls = n.prototype.controls, s.hasBorders = !0, s.transparentCorners = !0, delete s.editSnapshot, a && Fe(t, s);
+    }
+  }), t.requestRenderAll();
+}, se = () => ({ id: "bounded-box", init: (e) => le(e, !0) }), Tn = () => ({ id: "filled-box", init: (e) => le(e, !1) }), po = () => ({ id: "seg-anything", init: ({ callback: e }) => le({ colorCode: "#13C0A4", callback: e }, !0, !0) }), Xe = () => ({ id: "selection", init: () => {
+  let e = !1, n = !1;
+  const o = gn(), s = ct();
+  s.defaultCursor = "default", s.hoverCursor = "default", s.moveCursor = "default", s.selection = !0;
+  const a = ft();
+  a.forEach((y) => {
+    y.selectable = !0, y.evented = !0;
+  });
+  let i = null;
+  const c = (y = !1) => {
+    i && (ne(s), i = null, y && s.discardActiveObject(), mt(s));
+  }, u = function(y) {
+    const L = y.scenePoint ?? y.absolutePointer, _ = y.target;
+    i && _ !== i && c(!_), L && (e = !0, o.x = L.x, o.y = L.y);
+  }, m = function(y) {
+    e && a.forEach((L) => {
+      L.info === At && (L.selectable = !1);
+    });
+  }, d = function(y) {
+    const L = y.scenePoint ?? y.absolutePointer;
+    L && (o.x = L.x - o.x, o.y = L.y - o.y), e = !1, a.forEach((_) => {
+      _.info === At && (_.selectable = !n);
+    });
+  }, r = function({ target: y }) {
+  }, f = function() {
+  }, v = function(y) {
+    if (y.key === "Escape" || y.code === "Escape") {
+      c(!0);
+      return;
+    }
+    n = y.shiftKey;
+  }, h = function() {
+    n = !1;
+  }, x = function(y) {
+    const L = y.scenePoint ?? y.absolutePointer, _ = En(
+      s,
+      y.target ?? null,
+      L
+    );
+    _ && (i = _, s.setActiveObject(_));
+  }, l = Pt(u), g = Pt(m), b = Pt(d), N = Pt(r), w = Pt(f), I = Pt(x), C = () => {
+    c();
+  };
+  s.on("mouse:down", S(l)), s.on("mouse:move", S(g)), s.on("mouse:up", S(b)), s.on("mouse:over", S(N)), s.on("mouse:out", S(w)), s.on("mouse:dblclick", S(I)), s.on("selection:cleared", C), document.addEventListener("keydown", v), document.addEventListener("keyup", h);
+  const P = ft(s).find(
+    ({ info: y }) => y === zt
+  );
+  return P && (s.remove(P), mt(s)), () => {
+    c(), s.defaultCursor = "default", s.hoverCursor = "default", s.moveCursor = "default", s.selection = !1, s.discardActiveObject(), mt(s), s.off("mouse:down", S(l)), s.off("mouse:move", S(g)), s.off("mouse:up", S(b)), s.off("mouse:over", S(N)), s.off("mouse:out", S(w)), s.off("mouse:dblclick", S(I)), s.off("selection:cleared", C), document.removeEventListener("keydown", v), document.removeEventListener("keyup", h), a.forEach((y) => {
+      y.selectable = !1, y.evented = !1;
+    });
+  };
+} });
+let oe = null, $t = null;
+const bo = (t) => {
+  oe = t.SLIC, $t = t.MagicBrush;
+}, He = () => ({ id: "superpixel", init: async ({
+  src: e,
+  colorCode: n,
+  superpixelConfig: o,
+  previousTool: s
+}) => {
+  if (!oe || !$t) {
+    console.warn(
+      "[@ez-planet/labeling-canvas] SLIC/MagicBrush modules not provided. Call setSuperpixelModules() first."
+    );
+    return;
+  }
+  const a = ct(), i = ke(), c = vt(), u = H();
+  a.defaultCursor = "crosshair", a.hoverCursor = "crosshair";
+  const m = !s || s.id !== "superpixel", d = await Ae(e), { width: r, height: f } = d, v = ft(a).filter(({ info: O }) => O === kt).pop(), h = (v == null ? void 0 : v.index) ?? 0, x = m ? h + 1 : h, l = document.createElement("canvas").getContext("2d");
+  if (!l) return;
+  l.canvas.width = r, l.canvas.height = f;
+  const g = document.createElement("canvas").getContext("2d");
+  if (!g) return;
+  g.canvas.width = r, g.canvas.height = f;
+  const b = document.createElement("canvas").getContext("2d");
+  if (!b) return;
+  b.canvas.width = r, b.canvas.height = f, l.drawImage(d, 0, 0);
+  const N = l.getImageData(0, 0, r, f), w = new oe(N, o), I = w.result;
+  w.createPixelIndex(I), g.putImageData(I, 0, 0);
+  const C = g.getImageData(0, 0, r, f);
+  w.computeEdgemap(C), l.clearRect(0, 0, r, f), l.putImageData(C, 0, 0);
+  const P = l.canvas.toDataURL();
+  l.canvas.remove();
+  let y = setTimeout(async () => {
+    y && clearTimeout(y), y = null;
+    const O = await i.fromURL(P, {}, {
+      left: 0,
+      top: 0,
+      objectCaching: !1,
+      selectable: !1,
+      info: te
+    });
+    a.add(O);
+  }, 1), L = !1, _ = null, W = null;
+  const V = ({ x: O, y: k }) => ({
+    x: Math.min(Math.max(Math.round(O), 0), r - 1),
+    y: Math.min(Math.max(Math.round(k), 0), f - 1)
+  }), nt = (O) => {
+    const k = O.getElement(), R = document.createElement("canvas").getContext("2d");
+    if (!k || !R) return null;
+    const E = k.naturalWidth || k.width, Y = k.naturalHeight || k.height;
+    R.canvas.width = E, R.canvas.height = Y, R.drawImage(k, 0, 0, E, Y);
+    const Q = R.getImageData(0, 0, E, Y).data, G = new Uint8Array(E * Y);
+    let $ = E, z = Y, j = -1, lt = -1;
+    for (let A = 0; A < Y; A += 1)
+      for (let U = 0; U < E; U += 1)
+        Q[(A * E + U) * 4 + 3] && (G[A * E + U] = 1, $ = Math.min($, U), z = Math.min(z, A), j = Math.max(j, U), lt = Math.max(lt, A));
+    if (R.canvas.remove(), j < $ || lt < z) return null;
+    const Mt = $t.traceContours({
+      data: G,
+      width: E,
+      height: Y,
+      bounds: { minX: $, minY: z, maxX: j, maxY: lt }
+    }), It = O.scaleX ?? 1, at = O.scaleY ?? 1, K = O.left ?? 0, tt = O.top ?? 0, ut = $t.simplifyContours(Mt, 1, 6).filter(
+      ({ points: A }) => A.length
+    );
+    if (!ut.length) return null;
+    let rt = 1 / 0, ht = 1 / 0;
+    const Ut = ut.map((A) => {
+      const U = A.points.map(({ x: bt, y: Kt }) => {
+        const Yt = bt * It, de = Kt * at;
+        return rt = Math.min(rt, Yt), ht = Math.min(ht, de), { x: Yt, y: de };
+      });
+      return { inner: A.inner, points: U };
+    });
+    if (!Number.isFinite(rt) || !Number.isFinite(ht)) return null;
+    const Ot = { x: rt, y: ht }, pt = Ut.map((A) => ({
+      inner: A.inner,
+      points: A.points.map(
+        ({ x: U, y: bt }) => new c(U - Ot.x, bt - Ot.y)
+      )
+    })).sort((A, U) => Number(A.inner) - Number(U.inner)), Wt = pt.findIndex(({ inner: A }) => !A), Nt = Wt >= 0 ? Wt : 0, B = pt[Nt] ?? pt[0], X = (B == null ? void 0 : B.points.map(({ x: A, y: U }) => new c(A, U))) ?? [], dt = [];
+    return pt.forEach(({ points: A }) => {
+      if (!A.length) return;
+      const [U, ...bt] = A;
+      dt.push(`M ${U.x} ${U.y}`), bt.forEach(({ x: Kt, y: Yt }) => dt.push(`L ${Kt} ${Yt}`)), dt.push("Z");
+    }), new u.Path(dt.join(" "), {
+      left: K + Ot.x,
+      top: tt + Ot.y,
+      originX: "left",
+      originY: "top",
+      objectCaching: !1,
+      selectable: !1,
+      evented: !0,
+      fillRule: "evenodd",
+      pathOffset: new c(0, 0),
+      points: X,
+      pathContours: pt,
+      pathBaseOffset: Ot,
+      pathEditableContourIndex: Nt,
+      info: O.info ?? kt,
+      fill: O.fill,
+      hex: O.hex,
+      alpha: O.alpha,
+      opacity: O.opacity ?? 1,
+      index: O.index,
+      class: O.class,
+      unique: O.unique,
+      labeler: O.labeler,
+      combinded: O.combinded,
+      lockMovementX: O.lockMovementX,
+      lockMovementY: O.lockMovementY
+    });
+  }, M = (O) => {
+    const k = O.e;
+    if (L && (k == null ? void 0 : k.button) === 0) {
+      const R = V(Ee(k));
+      if (!R.x && !R.y) return;
+      const E = w.getClickOffset(R, r), Y = I.data, Q = b.getImageData(0, 0, r, f), G = w.getEncodedLabel(Y, E);
+      if (_ === G) return;
+      _ = G;
+      const $ = w.getPixelIndex()[G], z = ue(n), j = Math.max(0, Math.min(1, z[3] ?? 1)), lt = [
+        z[0],
+        z[1],
+        z[2],
+        Math.round(j * 255)
+      ];
+      w.highlightPixels($, lt, Q, C), w.fillPixels($, lt, Q), b.clearRect(0, 0, r, f), b.putImageData(Q, 0, 0);
+      const { canvas: Mt, minX: It, minY: at } = _e(Q), { hex: K, alpha: tt } = qt(n), ut = new u.FabricImage(Mt, {
+        left: It,
+        top: at,
+        objectCaching: !1,
+        selectable: !1,
+        info: kt,
+        evented: !1,
+        replaced: !0,
+        fill: n,
+        hex: K,
+        alpha: tt,
+        opacity: j,
+        index: x,
+        lockMovementX: !0,
+        lockMovementY: !0
+      });
+      W && a.remove(W), W = ut, a.add(ut);
+    }
+  }, D = (O) => {
+    L = !0, M(O);
+  }, J = () => {
+    L = !1, _ = null;
+    const O = ft(a).filter(
+      (R) => R.info === kt && R.index === x && R.type === "image"
+    ), k = O[O.length - 1];
+    k && (k.combinded = !0, k.evented = !0, a.remove(...O), a.add(k), W = k);
+  };
+  return a.on("mouse:down", S(D)), a.on("mouse:move", S(M)), a.on("mouse:up", S(J)), () => {
+    y && (clearTimeout(y), y = null);
+    try {
+      const O = ft(a), k = O.find(
+        ({ info: E }) => E === te
+      );
+      k && a.remove(k);
+      const R = W || (O.filter(
+        (E) => E.info === kt && E instanceof u.FabricImage
+      ).pop() ?? null);
+      if (R) {
+        const E = nt(R);
+        E && (a.remove(R), a.add(E), a.renderAll());
+      }
+    } finally {
+      a.off("mouse:down", S(D)), a.off("mouse:move", S(M)), a.off("mouse:up", S(J)), W = null;
+    }
+  };
+} }), Rn = /* @__PURE__ */ new Set([At, re]), Dt = (t) => typeof t == "number" && Number.isFinite(t), Gt = (t) => Dt(t) && t !== 0 ? Math.abs(t) : 1, Xt = (t, e = 0) => Dt(t) ? t : e, Zt = (t) => {
+  if (!t) return;
+  const e = t.trim();
+  if (!e) return;
+  if (e.startsWith("#")) {
+    if (e.length === 7 || e.length === 9)
+      return e;
+    const { hex: o } = qt(e);
+    return `#${o}`;
+  }
+  const { hex: n } = qt(e);
+  return `#${n}`;
+}, Qt = (t, e) => {
+  if (e === "fill" && typeof t.fill == "string")
+    return Zt(t.fill);
+  if (e === "stroke" && typeof t.stroke == "string")
+    return Zt(t.stroke);
+  if (e === "hex" && typeof t.hex == "string" && t.hex.length)
+    return Zt(`#${t.hex}`);
+}, Bn = (t) => {
+  const e = t.info ?? "";
+  return Rn.has(e) ? "box" : "segmentation";
+}, An = (t, e, n) => {
+  const o = Xt(t.left), s = Xt(t.top), a = Xt(t.width), i = Xt(t.height), c = Gt(t.scaleX), u = Gt(t.scaleY), m = a * c, d = i * u;
+  return {
+    type: "box",
+    x: e > 0 ? o / e : o,
+    y: n > 0 ? s / n : s,
+    width: e > 0 ? Math.max(m, 0) / e : m,
+    height: n > 0 ? Math.max(d, 0) / n : d
+  };
+}, _n = (t) => t.clone(ie).then((e) => e ?? t), Dn = async (t) => {
+  if (typeof document > "u") return null;
+  const e = t.getBoundingRect(), n = Math.max(
+    1,
+    Math.round((e == null ? void 0 : e.width) ?? (t.width ?? 0) * Gt(t.scaleX))
+  ), o = Math.max(
+    1,
+    Math.round((e == null ? void 0 : e.height) ?? (t.height ?? 0) * Gt(t.scaleY))
+  ), s = dn(), a = document.createElement("canvas");
+  a.width = n, a.height = o;
+  const i = new s(a, {
+    width: n,
+    height: o,
+    renderOnAddRemove: !1
+  }), c = await _n(t), u = (e == null ? void 0 : e.left) ?? 0, m = (e == null ? void 0 : e.top) ?? 0;
+  c.set({
+    left: (c.left ?? 0) - u,
+    top: (c.top ?? 0) - m
+  }), i.add(c), i.renderAll();
+  const d = i.toDataURL({ format: "png", multiplier: 1 });
+  return i.dispose(), a.remove(), d;
+}, Un = async (t) => {
+  const e = await Dn(t);
+  if (!e) return null;
+  const [, n] = e.split(",");
+  if (!n) return null;
+  const o = JSON.stringify(t.toObject(ie));
+  return {
+    type: "segmentation",
+    mask: n,
+    vector: o
+  };
+}, Wn = (t) => {
+  const e = Qt(t, "fill") ?? Qt(t, "hex") ?? "#000000", n = Dt(t.opacity) ? t.opacity : 1, o = Qt(t, "stroke"), s = Dt(t.seq) ? t.seq : void 0;
+  return { color: e, opacity: n, lineColor: o, zIndex: s };
+}, Yn = async (t, e, n) => {
+  const o = t.unique ?? "";
+  if (!o) return null;
+  const s = Bn(t);
+  let a = null;
+  s === "box" ? a = An(t, e, n) : a = await Un(t);
+  const i = Wn(t), c = {
+    name: t.class ?? "",
+    index: Dt(t.seq) ? t.seq : 0
+  };
+  return { id: o, type: s, label: c, style: i, geometry: a };
+}, $e = async (t, e, n) => {
+  const o = [];
+  for (const s of t) {
+    const a = await Yn(s, e, n);
+    a && o.push(a);
+  }
+  return o;
+}, ze = (t, e, n) => {
+  const { id: o, type: s, label: a, style: i, geometry: c } = t, u = {
+    unique: o,
+    class: a.name,
+    seq: a.index,
+    hex: i.color.replace("#", ""),
+    alpha: `${Math.round(i.opacity * 100)}%`,
+    opacity: i.opacity,
+    objectCaching: !1,
+    selectable: !1,
+    evented: !0
+  };
+  if (i.lineColor && (u.stroke = i.lineColor), s === "box" && (c == null ? void 0 : c.type) === "box") {
+    const m = c;
+    return {
+      ...u,
+      type: "rect",
+      left: m.x * e,
+      top: m.y * n,
+      width: m.width * e,
+      height: m.height * n,
+      fill: i.lineColor ? "" : Be(i.color.replace("#", ""), i.opacity),
+      stroke: i.lineColor ?? void 0,
+      info: i.lineColor ? At : re
+    };
+  }
+  if (s === "segmentation" && (c == null ? void 0 : c.type) === "segmentation") {
+    const m = c;
+    if (m.vector)
+      try {
+        return {
+          ...u,
+          ...JSON.parse(m.vector),
+          unique: o
+        };
+      } catch {
+      }
+    return {
+      ...u,
+      type: "image",
+      src: `data:image/png;base64,${m.mask}`
+    };
+  }
+  return u;
+}, ge = (t) => {
+  let e;
+  const n = /* @__PURE__ */ new Set(), o = (m, d) => {
+    const r = typeof m == "function" ? m(e) : m;
+    if (!Object.is(r, e)) {
+      const f = e;
+      e = d ?? (typeof r != "object" || r === null) ? r : Object.assign({}, e, r), n.forEach((v) => v(e, f));
+    }
+  }, s = () => e, c = { setState: o, getState: s, getInitialState: () => u, subscribe: (m) => (n.add(m), () => n.delete(m)) }, u = e = t(o, s, c);
+  return c;
+}, qe = (t) => t ? ge(t) : ge, Fn = (t) => t;
+function Xn(t, e = Fn) {
+  const n = Ft.useSyncExternalStore(
+    t.subscribe,
+    Ft.useCallback(() => e(t.getState()), [t, e]),
+    Ft.useCallback(() => e(t.getInitialState()), [t, e])
+  );
+  return Ft.useDebugValue(n), n;
+}
+const ve = (t) => {
+  const e = qe(t), n = (o) => Xn(e, o);
+  return Object.assign(n, e), n;
+}, wt = (t) => t ? ve(t) : ve, Ct = wt((t) => ({
+  tool: null,
+  setTool(e) {
+    t({ tool: e });
+  },
+  overedUniques: [],
+  setOveredUniques(e) {
+    t({ overedUniques: e });
+  },
+  undoStack: [],
+  redoStack: [],
+  setUndoStack(e) {
+    if (e.length === 1 && !JSON.parse(e[0]).objects.length)
+      return t({ undoStack: [] });
+    t({ undoStack: e });
+  },
+  setRedoStack(e) {
+    if (e.length === 1 && !JSON.parse(e[0]).objects.length)
+      return t({ redoStack: [] });
+    t({ redoStack: e });
+  }
+})), yo = () => Ct.getState(), pe = [
+  "#C21460",
+  "#8601AF",
+  "#4424D6",
+  "#0247FE",
+  "#347C98",
+  "#66B032",
+  "#B2D732",
+  "#FEFE33",
+  "#FCCC1A",
+  "#FB9902",
+  "#FC600A",
+  "#FE2712"
+], be = wt((t) => ({
+  colorCode: Be(pe[pe.length - 1], 1),
+  setColorCode(e) {
+    t({ colorCode: e });
+  }
+})), ye = wt((t) => ({
+  opacity: 1,
+  setOpacity(e) {
+    t({ opacity: e });
+  }
+})), Hn = [
+  { id: 1, lineCap: "square", lineWidth: 5 },
+  { id: 3, lineCap: "square", lineWidth: 10 },
+  { id: 5, lineCap: "square", lineWidth: 20 },
+  { id: 2, lineCap: "round", lineWidth: 5 },
+  { id: 4, lineCap: "round", lineWidth: 10 },
+  { id: 6, lineCap: "round", lineWidth: 20 }
+], xe = wt((t) => ({
+  brush: Hn[0],
+  setBrush(e) {
+    t({ brush: e });
+  }
+}));
+var Ce = (t, e, n) => (s, a) => ({
+  pastStates: (n == null ? void 0 : n.pastStates) || [],
+  futureStates: (n == null ? void 0 : n.futureStates) || [],
+  undo: (i = 1) => {
+    var c, u;
+    if (a().pastStates.length) {
+      const m = ((c = n == null ? void 0 : n.partialize) == null ? void 0 : c.call(n, e())) || e(), d = a().pastStates.splice(-i, i), r = d.shift();
+      t(r), s({
+        pastStates: a().pastStates,
+        futureStates: a().futureStates.concat(
+          ((u = n == null ? void 0 : n.diff) == null ? void 0 : u.call(n, m, r)) || m,
+          d.reverse()
+        )
+      });
+    }
+  },
+  redo: (i = 1) => {
+    var c, u;
+    if (a().futureStates.length) {
+      const m = ((c = n == null ? void 0 : n.partialize) == null ? void 0 : c.call(n, e())) || e(), d = a().futureStates.splice(-i, i), r = d.shift();
+      t(r), s({
+        pastStates: a().pastStates.concat(
+          ((u = n == null ? void 0 : n.diff) == null ? void 0 : u.call(n, m, r)) || m,
+          d.reverse()
+        ),
+        futureStates: a().futureStates
+      });
+    }
+  },
+  clear: () => s({ pastStates: [], futureStates: [] }),
+  isTracking: !0,
+  pause: () => s({ isTracking: !1 }),
+  resume: () => s({ isTracking: !0 }),
+  setOnSave: (i) => s({ _onSave: i }),
+  // Internal properties
+  _onSave: n == null ? void 0 : n.onSave,
+  _handleSet: (i, c, u, m) => {
+    var d, r;
+    n != null && n.limit && a().pastStates.length >= (n == null ? void 0 : n.limit) && a().pastStates.shift(), (r = (d = a())._onSave) == null || r.call(d, i, u), s({
+      pastStates: a().pastStates.concat(m || i),
+      futureStates: []
+    });
+  }
+}), $n = (t, e) => (o, s, a) => {
+  var m, d;
+  a.temporal = qe(
+    ((m = e == null ? void 0 : e.wrapTemporal) == null ? void 0 : m.call(e, Ce(o, s, e))) || Ce(o, s, e)
+  );
+  const i = ((d = e == null ? void 0 : e.handleSet) == null ? void 0 : d.call(
+    e,
+    a.temporal.getState()._handleSet
+  )) || a.temporal.getState()._handleSet, c = (r) => {
+    var h, x, l;
+    if (!a.temporal.getState().isTracking) return;
+    const f = ((h = e == null ? void 0 : e.partialize) == null ? void 0 : h.call(e, s())) || s(), v = (x = e == null ? void 0 : e.diff) == null ? void 0 : x.call(e, r, f);
+    // If the user has provided a diff function but nothing has been changed, deltaState will be null
+    v === null || // If the user has provided an equality function, use it
+    (l = e == null ? void 0 : e.equality) != null && l.call(e, r, f) || i(
+      r,
+      void 0,
+      f,
+      v
+    );
+  }, u = a.setState;
+  return a.setState = (...r) => {
+    var v;
+    const f = ((v = e == null ? void 0 : e.partialize) == null ? void 0 : v.call(e, s())) || s();
+    u(...r), c(f);
+  }, t(
+    // Modify the set function to call the userlandSet function
+    (...r) => {
+      var v;
+      const f = ((v = e == null ? void 0 : e.partialize) == null ? void 0 : v.call(e, s())) || s();
+      o(...r), c(f);
+    },
+    s,
+    a
+  );
+};
+const xo = () => wt()(
+  $n(
+    (t) => ({
+      snapshot: null,
+      setSnapshot: (e) => t({ snapshot: e }),
+      reset: () => t({ snapshot: null })
+    }),
+    {
+      limit: 100,
+      partialize: (t) => ({ snapshot: t.snapshot })
+    }
+  )
+), Oe = 0, Se = 1, Bt = {
+  NORMAL: [Oe, Se],
+  ONLY_ORIGIN: [Oe],
+  ONLY_OVERLAY: [Se]
+}, jt = [
+  Bt.NORMAL,
+  Bt.ONLY_ORIGIN,
+  Bt.ONLY_OVERLAY
+], Co = wt((t, e) => ({
+  mode: Bt.NORMAL,
+  setMode: (n) => t({ mode: n }),
+  cycleMode: () => {
+    const n = e().mode, o = jt.findIndex(
+      (a) => a.length === n.length && a.every((i, c) => i === n[c])
+    ), s = o >= 0 ? jt[(o + 1) % jt.length] : Bt.NORMAL;
+    t({ mode: s });
+  }
+})), Jt = wt((t) => ({
+  objects: [],
+  setObjects: (e) => t({ objects: e })
+})), ae = wt((t) => ({
+  level: 1,
+  width: 0,
+  height: 0,
+  setZoom: ({ level: e, width: n, height: o }) => t({ level: e, width: n, height: o }),
+  reset: () => t({ level: 1, width: 0, height: 0 })
+})), Ge = Ze(null);
+function zn() {
+  const t = Qe(Ge);
+  if (!t)
+    throw new Error("useLabelingContext must be used within a LabelingProvider");
+  return t;
+}
+function qn({
+  image: t,
+  annotations: e,
+  onChange: n,
+  records: o,
+  activeRecordId: s,
+  onRecordSelect: a,
+  classes: i,
+  onClassSelect: c,
+  onSave: u,
+  isSaving: m = !1,
+  mode: d = "labeling",
+  onModeChange: r,
+  validationResults: f = [],
+  indicator: v,
+  extensions: h = [],
+  tools: x = ["selection", "blankRect", "polygon", "brush", "eraser"],
+  theme: l,
+  layout: g = {},
+  children: b
+}) {
+  var nt;
+  const [N, w] = st(((nt = i[0]) == null ? void 0 : nt.id) ?? null), [I, C] = st(null), [P, y] = st(
+    g.navigation === "bottom" ? "vertical" : "horizontal"
+  ), [L, _] = st(g.navigation !== "hidden"), W = it(
+    () => ({
+      image: t,
+      annotations: e,
+      onChange: n,
+      records: o,
+      activeRecordId: s,
+      onRecordSelect: a,
+      classes: i,
+      onClassSelect: c,
+      selectedClassId: N,
+      setSelectedClassId: w,
+      selectedAnnotationId: I,
+      setSelectedAnnotationId: C,
+      onSave: u,
+      isSaving: m,
+      mode: d,
+      onModeChange: r,
+      validationResults: f,
+      indicator: v,
+      extensions: h,
+      tools: x,
+      theme: l,
+      layout: g,
+      navDirection: P,
+      setNavDirection: y,
+      navVisible: L,
+      setNavVisible: _
+    }),
+    [
+      t,
+      e,
+      n,
+      o,
+      s,
+      a,
+      i,
+      c,
+      N,
+      I,
+      u,
+      m,
+      d,
+      r,
+      f,
+      v,
+      h,
+      x,
+      l,
+      g,
+      P,
+      L
+    ]
+  ), V = it(() => {
+    if (!l) return;
+    const M = {};
+    return l.primary && (M["--lc-primary"] = l.primary), l.background && (M["--lc-background"] = l.background), l.surface && (M["--lc-surface"] = l.surface), l.border && (M["--lc-border"] = l.border), l.text && (M["--lc-text"] = l.text), l.textSecondary && (M["--lc-text-secondary"] = l.textSecondary), l.hover && (M["--lc-hover"] = l.hover), l.fontFamily && (M["--lc-font-family"] = l.fontFamily), Object.keys(M).length > 0 ? M : void 0;
+  }, [l]);
+  return /* @__PURE__ */ p(Ge.Provider, { value: W, children: /* @__PURE__ */ p("div", { style: V, children: b }) });
+}
+const Gn = "lc-workspace-8csim", Jn = "lc-mainSection-uZv5Q", Kn = "lc-controls-VGubk", Zn = "lc-controlsLeft-2Cdhh", Qn = "lc-controlsRight-sbdSx", jn = "lc-canvasArea-zoUW1", Vn = "lc-canvasSection-aUKNP", ts = "lc-imagePanel-ghGQ6", es = "lc-sidePanel-3s3Nv", xt = {
+  workspace: Gn,
+  mainSection: Jn,
+  controls: Kn,
+  controlsLeft: Zn,
+  controlsRight: Qn,
+  canvasArea: jn,
+  canvasSection: Vn,
+  imagePanel: ts,
+  sidePanel: es
+};
+function ns({
+  image: t,
+  annotations: e,
+  onChange: n,
+  readOnly: o = !1,
+  width: s,
+  height: a
+}) {
+  const i = Et(null), c = Et(null), [u, m] = st(!1), [d, r] = st({ width: 0, height: 0 }), f = Et(e);
+  f.current = e;
+  const v = Et(n);
+  v.current = n;
+  const h = ae((g) => g.setZoom), x = Jt((g) => g.setObjects), l = typeof t == "string" ? t : t.url;
+  return St(() => {
+    if (typeof document > "u") return;
+    let g = !1;
+    return (async () => {
+      if (await an(), g || !i.current) return;
+      const N = await import("fabric"), w = new N.Canvas(i.current, {
+        selection: !o,
+        preserveObjectStacking: !0
+      });
+      fe(w), m(!0);
+      const I = await N.FabricImage.fromURL(l, { crossOrigin: "anonymous" });
+      if (g) return;
+      const C = typeof t == "object" ? t.width : I.width ?? 0, P = typeof t == "object" ? t.height : I.height ?? 0;
+      r({ width: C, height: P });
+      const y = c.current, L = s ?? (y == null ? void 0 : y.clientWidth) ?? C, _ = a ?? (y == null ? void 0 : y.clientHeight) ?? P, W = Math.min(L / (C || 1), _ / (P || 1), 1), V = Math.round(C * W), nt = Math.round(P * W);
+      w.setDimensions({ width: V, height: nt }), w.setZoom(W), I.set({ selectable: !1, evented: !1 }), w.backgroundImage = I, w.renderAll(), h({ level: W, width: V, height: nt });
+    })(), () => {
+      g = !0;
+      const N = ot();
+      N && (N.dispose(), fe(null));
+    };
+  }, [l]), St(() => {
+    if (!u) return;
+    const g = ot();
+    if (!g) return;
+    (async () => {
+      const N = g.getObjects();
+      for (const I of N)
+        g.remove(I);
+      const w = await import("fabric");
+      for (const I of e) {
+        const C = ze(I, d.width, d.height), P = C.type;
+        let y = null;
+        P === "rect" ? y = new w.Rect(C) : P === "image" && typeof C.src == "string" ? (y = await w.FabricImage.fromURL(C.src, { crossOrigin: "anonymous" }), y.set(C)) : P === "path" && C.path ? y = new w.Path(C.path, C) : P === "polygon" && C.points && (y = new w.Polygon(C.points, C)), y && (o && y.set({ selectable: !1, evented: !1 }), g.add(y));
+      }
+      g.renderAll(), x(g.getObjects());
+    })();
+  }, [e, u, d.width, d.height, o, x]), St(() => {
+    if (!u) return;
+    const g = ot();
+    if (!g) return;
+    const b = async () => {
+      var C;
+      const w = ft(), I = await $e(
+        w,
+        d.width,
+        d.height
+      );
+      x(w), (C = v.current) == null || C.call(v, {
+        annotations: I,
+        action: {
+          type: "batch",
+          added: [],
+          updated: I,
+          deleted: []
+        }
+      });
+    }, N = ["object:added", "object:removed", "object:modified"];
+    for (const w of N)
+      g.on(w, b);
+    return () => {
+      for (const w of N)
+        g.off(w, b);
+    };
+  }, [u, d.width, d.height, x]), St(() => {
+    if (u)
+      return pn(() => {
+      });
+  }, [u]), /* @__PURE__ */ p("div", { ref: c, className: xt.canvasSection, children: /* @__PURE__ */ p("div", { className: xt.imagePanel, children: /* @__PURE__ */ p("canvas", { ref: i }) }) });
+}
+const ss = "lc-navigationWrapper-3oNp8", os = "lc-title-ozM0E", as = "lc-titleUtil-V4RV4", rs = "lc-directionButton-GOUn-", is = "lc-content-fBa8N", cs = "lc-recordList-kWbe2", ls = "lc-recordItem-qutOX", us = "lc-recordThumbnail-s2bPH", ds = "lc-recordTitle-BtPW7", fs = "lc-recordStatus--HJxg", hs = "lc-childrenList-i9Ow3", ms = "lc-searchInput-RI4GW", gs = "lc-empty-olthD", et = {
+  navigationWrapper: ss,
+  title: os,
+  titleUtil: as,
+  directionButton: rs,
+  content: is,
+  recordList: cs,
+  recordItem: ls,
+  recordThumbnail: us,
+  recordTitle: ds,
+  recordStatus: fs,
+  childrenList: hs,
+  searchInput: ms,
+  empty: gs
+};
+function we({
+  records: t,
+  activeRecordId: e,
+  onRecordSelect: n,
+  direction: o = "horizontal",
+  onDirectionChange: s,
+  hidden: a = !1
+}) {
+  const [i, c] = st(""), u = it(() => {
+    if (!i.trim()) return t;
+    const r = i.trim().toLowerCase();
+    return t.filter(
+      (f) => {
+        var v;
+        return f.title.toLowerCase().includes(r) || ((v = f.children) == null ? void 0 : v.some((h) => h.title.toLowerCase().includes(r)));
+      }
+    );
+  }, [t, i]), m = F((r) => {
+    c(r.target.value);
+  }, []), d = o === "vertical" ? "bottom" : "left";
+  return /* @__PURE__ */ T(
+    "div",
+    {
+      className: et.navigationWrapper,
+      "data-position": d,
+      "data-hidden": a || void 0,
+      children: [
+        /* @__PURE__ */ T("div", { className: et.title, children: [
+          /* @__PURE__ */ p("p", { children: "Navigation" }),
+          s && /* @__PURE__ */ T("div", { className: et.titleUtil, children: [
+            /* @__PURE__ */ p(
+              "button",
+              {
+                className: et.directionButton,
+                "data-active": o === "horizontal" || void 0,
+                onClick: () => s("horizontal"),
+                title: "Side panel",
+                children: /* @__PURE__ */ p(vs, {})
+              }
+            ),
+            /* @__PURE__ */ p(
+              "button",
+              {
+                className: et.directionButton,
+                "data-active": o === "vertical" || void 0,
+                onClick: () => s("vertical"),
+                title: "Bottom panel",
+                children: /* @__PURE__ */ p(ps, {})
+              }
+            )
+          ] })
+        ] }),
+        /* @__PURE__ */ T("div", { className: et.content, children: [
+          /* @__PURE__ */ p(
+            "input",
+            {
+              className: et.searchInput,
+              type: "text",
+              placeholder: "Search records...",
+              value: i,
+              onChange: m
+            }
+          ),
+          u.length === 0 ? /* @__PURE__ */ p("div", { className: et.empty, children: "No records found" }) : /* @__PURE__ */ p("div", { className: et.recordList, children: u.map((r) => /* @__PURE__ */ p(
+            Je,
+            {
+              record: r,
+              activeRecordId: e,
+              onRecordSelect: n
+            },
+            r.id
+          )) })
+        ] })
+      ]
+    }
+  );
+}
+function Je({
+  record: t,
+  activeRecordId: e,
+  onRecordSelect: n
+}) {
+  const o = t.id === e, s = t.children && t.children.length > 0, [a, i] = st(o || !1), c = F(() => {
+    s && i((u) => !u), n(t);
+  }, [s, n, t]);
+  return /* @__PURE__ */ T(je, { children: [
+    /* @__PURE__ */ T(
+      "div",
+      {
+        className: et.recordItem,
+        "data-active": o || void 0,
+        onClick: c,
+        children: [
+          t.thumbnail && /* @__PURE__ */ p(
+            "img",
+            {
+              className: et.recordThumbnail,
+              src: t.thumbnail,
+              alt: t.title
+            }
+          ),
+          /* @__PURE__ */ p("span", { className: et.recordTitle, children: t.title }),
+          t.status && /* @__PURE__ */ p("span", { className: et.recordStatus, "data-status": t.status })
+        ]
+      }
+    ),
+    s && a && /* @__PURE__ */ p("div", { className: et.childrenList, children: t.children.map((u) => /* @__PURE__ */ p(
+      Je,
+      {
+        record: u,
+        activeRecordId: e,
+        onRecordSelect: n
+      },
+      u.id
+    )) })
+  ] });
+}
+function vs() {
+  return /* @__PURE__ */ T("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: [
+    /* @__PURE__ */ p("rect", { x: "1", y: "1", width: "12", height: "12", rx: "1.5", stroke: "currentColor", strokeWidth: "1.2" }),
+    /* @__PURE__ */ p("line", { x1: "5", y1: "1", x2: "5", y2: "13", stroke: "currentColor", strokeWidth: "1.2" })
+  ] });
+}
+function ps() {
+  return /* @__PURE__ */ T("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", children: [
+    /* @__PURE__ */ p("rect", { x: "1", y: "1", width: "12", height: "12", rx: "1.5", stroke: "currentColor", strokeWidth: "1.2" }),
+    /* @__PURE__ */ p("line", { x1: "1", y1: "9", x2: "13", y2: "9", stroke: "currentColor", strokeWidth: "1.2" })
+  ] });
+}
+const bs = "lc-infoPanel-mqfKy", ys = "lc-section-sMcXk", xs = "lc-sectionTitle-XfGbz", Cs = "lc-sectionContent-xsoVh", Os = "lc-tabs-huI9o", Ss = "lc-tab-jbpRb", ws = "lc-classList-mtPXc", Ms = "lc-classButton-Cdd6v", Is = "lc-classColorDot-Ravod", Ns = "lc-className-yQWn-", Ps = "lc-classHotkey-deQqu", ks = "lc-labelList-iJvDs", Ls = "lc-labelItem-ws-sn", Es = "lc-indicator-6JWmk", Ts = "lc-indicatorProgress-5iZVD", q = {
+  infoPanel: bs,
+  section: ys,
+  sectionTitle: xs,
+  sectionContent: Cs,
+  tabs: Os,
+  tab: Ss,
+  classList: ws,
+  classButton: Ms,
+  classColorDot: Is,
+  className: Ns,
+  classHotkey: Ps,
+  labelList: ks,
+  labelItem: Ls,
+  indicator: Es,
+  indicatorProgress: Ts
+};
+function Rs({
+  classes: t,
+  annotations: e,
+  selectedAnnotationId: n,
+  onClassSelect: o,
+  onAnnotationSelect: s,
+  onAnnotationDelete: a,
+  disabled: i = !1
+}) {
+  var v;
+  const [c, u] = st("class"), [m, d] = st(((v = t[0]) == null ? void 0 : v.id) ?? "");
+  St(() => {
+    t.length > 0 && !t.find((h) => h.id === m) && d(t[0].id);
+  }, [t, m]);
+  const r = it(() => {
+    const h = /* @__PURE__ */ new Map();
+    for (const x of t) {
+      const l = x.group ?? "", g = h.get(l) ?? [];
+      g.push(x), h.set(l, g);
+    }
+    return h;
+  }, [t]), f = F(
+    (h) => {
+      i || (d(h.id), o == null || o(h));
+    },
+    [i, o]
+  );
+  return St(() => {
+    const h = (x) => {
+      if (i) return;
+      const l = x.target;
+      if (l instanceof HTMLElement && (l.tagName === "INPUT" || l.tagName === "TEXTAREA" || l.tagName === "SELECT" || l.isContentEditable))
+        return;
+      const g = x.key, b = t.find((N) => N.hotkey === g);
+      b && (x.preventDefault(), f(b));
+    };
+    return window.addEventListener("keydown", h), () => window.removeEventListener("keydown", h);
+  }, [t, i, f]), /* @__PURE__ */ p("div", { className: q.infoPanel, children: /* @__PURE__ */ T("div", { className: q.section, children: [
+    /* @__PURE__ */ p("div", { className: q.sectionTitle, children: /* @__PURE__ */ T("div", { className: q.tabs, children: [
+      /* @__PURE__ */ p(
+        "button",
+        {
+          className: q.tab,
+          "data-active": c === "class" || void 0,
+          onClick: () => u("class"),
+          children: "Class"
+        }
+      ),
+      /* @__PURE__ */ p(
+        "button",
+        {
+          className: q.tab,
+          "data-active": c === "label" || void 0,
+          onClick: () => u("label"),
+          children: "Label"
+        }
+      )
+    ] }) }),
+    c === "class" && /* @__PURE__ */ p("div", { className: q.sectionContent, children: /* @__PURE__ */ p("div", { className: q.classList, children: Array.from(r.entries()).map(([h, x]) => /* @__PURE__ */ T("div", { children: [
+      h && /* @__PURE__ */ p("div", { style: { fontSize: "0.75rem", fontWeight: 600, color: "#64748b", padding: "0.25rem 0", marginTop: "0.25rem" }, children: h }),
+      x.map((l) => /* @__PURE__ */ T(
+        "button",
+        {
+          className: q.classButton,
+          "data-active": m === l.id || void 0,
+          disabled: i,
+          onClick: () => f(l),
+          children: [
+            /* @__PURE__ */ p(
+              "div",
+              {
+                className: q.classColorDot,
+                style: { backgroundColor: l.color }
+              }
+            ),
+            /* @__PURE__ */ p("span", { className: q.className, children: l.name }),
+            l.hotkey && /* @__PURE__ */ p("span", { className: q.classHotkey, children: l.hotkey })
+          ]
+        },
+        l.id
+      ))
+    ] }, h || "__default")) }) }),
+    c === "label" && /* @__PURE__ */ p("div", { className: q.sectionContent, children: e.length === 0 ? /* @__PURE__ */ p("div", { style: { fontSize: "0.8125rem", color: "#64748b", padding: "1rem 0", textAlign: "center" }, children: "No labels yet" }) : /* @__PURE__ */ p("div", { className: q.labelList, children: e.map((h) => /* @__PURE__ */ T(
+      "div",
+      {
+        className: q.labelItem,
+        "data-selected": n === h.id || void 0,
+        onClick: () => s == null ? void 0 : s(h),
+        children: [
+          /* @__PURE__ */ p(
+            "div",
+            {
+              className: q.classColorDot,
+              style: { backgroundColor: h.style.color, opacity: h.style.opacity }
+            }
+          ),
+          /* @__PURE__ */ p("p", { children: h.label.name || h.type }),
+          a && /* @__PURE__ */ p(
+            "button",
+            {
+              style: {
+                marginLeft: "auto",
+                padding: "0.125rem 0.25rem",
+                border: "none",
+                background: "transparent",
+                cursor: "pointer",
+                fontSize: "0.75rem",
+                color: "#94a3b8"
+              },
+              onClick: (x) => {
+                x.stopPropagation(), a(h.id);
+              },
+              children: "×"
+            }
+          )
+        ]
+      },
+      h.id
+    )) }) })
+  ] }) });
+}
+const Bs = "lc-stickyWrapper-vurRe", As = "lc-toolbarWrapper-YBEn0", _s = "lc-divider-lifqe", Ds = "lc-toolButton-G2Yss", Us = "lc-toolButtonSlim-AHST8", Ws = "lc-buttonWithSub-ZjS34", Ys = "lc-subToolbar-c1-nf", gt = {
+  stickyWrapper: Bs,
+  toolbarWrapper: As,
+  divider: _s,
+  toolButton: Ds,
+  toolButtonSlim: Us,
+  buttonWithSub: Ws,
+  subToolbar: Ys
+};
+function Fs({
+  items: t,
+  show: e = !0,
+  verticalNav: n = !1,
+  children: o
+}) {
+  return e ? /* @__PURE__ */ p(
+    "div",
+    {
+      className: gt.stickyWrapper,
+      "data-vertical-nav": n || void 0,
+      children: /* @__PURE__ */ T("div", { className: gt.toolbarWrapper, children: [
+        t.map((s, a) => /* @__PURE__ */ p(Ke, { item: s }, a)),
+        o
+      ] })
+    }
+  ) : null;
+}
+function Ke({ item: t }) {
+  var e;
+  return t.variant === "divider" ? /* @__PURE__ */ p("div", { className: gt.divider }) : t.variant === "radio" ? /* @__PURE__ */ p(
+    "button",
+    {
+      className: gt.toolButton,
+      "data-active": t.checked || void 0,
+      title: t.title,
+      disabled: t.disabled,
+      onClick: t.onClick,
+      children: t.icon
+    }
+  ) : (e = t.subItems) != null && e.length ? /* @__PURE__ */ p(Xs, { item: t }) : /* @__PURE__ */ p(
+    "button",
+    {
+      className: `${gt.toolButton} ${t.slim ? gt.toolButtonSlim : ""}`,
+      "data-active": t.active || void 0,
+      title: t.tooltip ?? t.title,
+      disabled: t.disabled,
+      onClick: t.onClick,
+      children: t.icon
+    }
+  );
+}
+function Xs({ item: t }) {
+  const [e, n] = st(!1), o = Et(null), s = F((a) => {
+    o.current && !o.current.contains(a.target) && n(!1);
+  }, []);
+  return St(() => {
+    if (e)
+      return window.addEventListener("mousedown", s), () => window.removeEventListener("mousedown", s);
+  }, [e, s]), /* @__PURE__ */ T("div", { className: gt.buttonWithSub, ref: o, children: [
+    /* @__PURE__ */ p(
+      "button",
+      {
+        className: `${gt.toolButton} ${t.slim ? gt.toolButtonSlim : ""}`,
+        "data-active": t.active || void 0,
+        title: t.tooltip ?? t.title,
+        disabled: t.disabled,
+        onClick: () => {
+          var a;
+          (a = t.onClick) == null || a.call(t), n((i) => !i);
+        },
+        children: t.icon
+      }
+    ),
+    e && t.subItems && /* @__PURE__ */ p("div", { className: gt.subToolbar, children: t.subItems.map((a, i) => /* @__PURE__ */ p(Ke, { item: a }, i)) })
+  ] });
+}
+const Hs = {
+  selection: Xe,
+  brush: Te,
+  blankRect: se,
+  filledRect: se,
+  polygon: Ue,
+  eraser: Re,
+  magicbrush: De,
+  superpixel: He
+}, Me = {
+  selection: "Selection",
+  brush: "Brush",
+  blankRect: "Bounding Box",
+  filledRect: "Filled Box",
+  polygon: "Pen",
+  eraser: "Eraser",
+  magicbrush: "Magic Brush",
+  superpixel: "Superpixel"
+}, Ie = [
+  "selection",
+  "blankRect",
+  "polygon",
+  "brush",
+  "eraser"
+];
+function $s({
+  tools: t = Ie,
+  sections: e,
+  onSave: n,
+  isSaving: o,
+  onPrev: s,
+  onNext: a,
+  hasPrev: i,
+  hasNext: c,
+  children: u
+}) {
+  const m = Ct((b) => b.tool), d = Ct((b) => b.setTool), r = F(
+    (b) => {
+      const N = Hs[b];
+      N && d(N());
+    },
+    [d]
+  ), f = [], v = t.length > 0 ? t : Ie;
+  for (const b of v) {
+    if (b === "selection") {
+      f.push({
+        variant: "radio",
+        id: "selection",
+        name: "tool",
+        title: Me.selection,
+        checked: (m == null ? void 0 : m.id) === "selection",
+        onClick: () => r("selection")
+      }), f.push({ variant: "divider" });
+      continue;
+    }
+    f.push({
+      variant: "radio",
+      id: b,
+      name: "tool",
+      title: Me[b],
+      checked: (m == null ? void 0 : m.id) === b || b === "blankRect" && (m == null ? void 0 : m.id) === "bounded-box" || b === "filledRect" && (m == null ? void 0 : m.id) === "filled-box",
+      onClick: () => r(b)
+    });
+  }
+  const h = f.findIndex(
+    (b) => b.variant === "radio" && b.id === "eraser"
+  );
+  h > 0 && f.splice(h, 0, { variant: "divider" });
+  const x = [];
+  (s || a) && (x.push({ variant: "divider" }), s && x.push({
+    variant: "button",
+    title: "Previous",
+    disabled: !i,
+    onClick: s
+  }), a && x.push({
+    variant: "button",
+    title: "Next",
+    disabled: !c,
+    onClick: a
+  }));
+  const l = [];
+  n && (l.push({ variant: "divider" }), l.push({
+    variant: "button",
+    title: "Save",
+    disabled: o,
+    onClick: n
+  }));
+  const g = [
+    ...f,
+    ...x,
+    ...l
+  ];
+  return /* @__PURE__ */ p(Fs, { items: g, children: u });
+}
+function zs({ indicator: t }) {
+  return t ? /* @__PURE__ */ T("div", { className: q.indicator, children: [
+    /* @__PURE__ */ p("span", { children: t.title }),
+    t.subtitle && /* @__PURE__ */ T("span", { children: [
+      ": ",
+      t.subtitle
+    ] }),
+    t.detail && /* @__PURE__ */ T("span", { children: [
+      " ",
+      t.detail
+    ] }),
+    t.progress && /* @__PURE__ */ T("span", { className: q.indicatorProgress, children: [
+      "(",
+      t.progress.current,
+      "/",
+      t.progress.total,
+      ")"
+    ] })
+  ] }) : null;
+}
+function Oo(t) {
+  return /* @__PURE__ */ p(
+    qn,
+    {
+      image: t.image,
+      annotations: t.annotations,
+      onChange: t.onChange,
+      records: t.records,
+      activeRecordId: t.activeRecordId,
+      onRecordSelect: t.onRecordSelect,
+      classes: t.classes,
+      onClassSelect: t.onClassSelect,
+      onSave: t.onSave,
+      isSaving: t.isSaving,
+      mode: t.mode,
+      onModeChange: t.onModeChange,
+      validationResults: t.validationResults,
+      indicator: t.indicator,
+      extensions: t.extensions,
+      tools: t.tools,
+      theme: t.theme,
+      layout: t.layout,
+      children: /* @__PURE__ */ p(qs, {})
+    }
+  );
+}
+function qs() {
+  const t = zn(), e = t.mode === "readonly", n = t.navVisible && t.layout.navigation !== "hidden", o = t.navDirection, s = n && o === "horizontal" ? "with-nav-left" : n && o === "vertical" ? "with-nav-bottom" : void 0;
+  return /* @__PURE__ */ T("div", { className: xt.workspace, "data-layout": s, children: [
+    n && o === "horizontal" && /* @__PURE__ */ p(
+      we,
+      {
+        records: t.records,
+        activeRecordId: t.activeRecordId,
+        onRecordSelect: t.onRecordSelect,
+        direction: t.navDirection,
+        onDirectionChange: t.setNavDirection
+      }
+    ),
+    /* @__PURE__ */ T("div", { className: xt.mainSection, children: [
+      /* @__PURE__ */ T("div", { className: xt.controls, children: [
+        /* @__PURE__ */ p("div", { className: xt.controlsLeft, children: /* @__PURE__ */ p(zs, { indicator: t.indicator }) }),
+        /* @__PURE__ */ p("div", { className: xt.controlsRight })
+      ] }),
+      /* @__PURE__ */ T("div", { className: xt.canvasArea, children: [
+        /* @__PURE__ */ p(
+          ns,
+          {
+            image: t.image,
+            annotations: t.annotations,
+            onChange: t.onChange,
+            readOnly: e
+          }
+        ),
+        !e && /* @__PURE__ */ p(
+          $s,
+          {
+            tools: t.tools,
+            onSave: () => t.onSave({
+              annotations: t.annotations,
+              canvasJSON: {},
+              image: typeof t.image == "string" ? { width: 0, height: 0 } : { width: t.image.width, height: t.image.height }
+            }),
+            isSaving: t.isSaving
+          }
+        )
+      ] }),
+      /* @__PURE__ */ p("div", { className: xt.sidePanel, children: /* @__PURE__ */ p(
+        Rs,
+        {
+          classes: t.classes,
+          annotations: t.annotations,
+          selectedAnnotationId: t.selectedAnnotationId,
+          onClassSelect: t.onClassSelect,
+          onAnnotationSelect: (a) => t.setSelectedAnnotationId(a.id),
+          disabled: e
+        }
+      ) })
+    ] }),
+    n && o === "vertical" && /* @__PURE__ */ p(
+      we,
+      {
+        records: t.records,
+        activeRecordId: t.activeRecordId,
+        onRecordSelect: t.onRecordSelect,
+        direction: t.navDirection,
+        onDirectionChange: t.setNavDirection
+      }
+    )
+  ] });
+}
+const Gs = "lc-issuePanel-Ji1Oq", Js = "lc-issuePanelTitle-MnKUa", Ks = "lc-issueCount-xtlWy", Zs = "lc-issueItem-CL2Qq", Qs = "lc-issueHeader-YSNcb", js = "lc-issueLabel-K-Klr", Vs = "lc-issueBadge-oMlCN", to = "lc-issueReason-Pof-O", eo = "lc-issueDate-PZH2G", no = "lc-validationActions-qtvXO", so = "lc-validateButton-mhzNq", oo = "lc-reasonInput-WGZ6m", ao = "lc-emptyState-4wJWu", Z = {
+  issuePanel: Gs,
+  issuePanelTitle: Js,
+  issueCount: Ks,
+  issueItem: Zs,
+  issueHeader: Qs,
+  issueLabel: js,
+  issueBadge: Vs,
+  issueReason: to,
+  issueDate: eo,
+  validationActions: no,
+  validateButton: so,
+  reasonInput: oo,
+  emptyState: ao
+};
+function So({
+  annotations: t,
+  validationResults: e,
+  selectedAnnotationId: n,
+  onAnnotationSelect: o,
+  onValidate: s,
+  onValidationUpdate: a,
+  onValidationDelete: i
+}) {
+  const [c, u] = st(""), [m, d] = st(null), r = e.filter((l) => !l.result).length, f = F(async () => {
+    n && await (s == null ? void 0 : s({
+      annotationIds: [n],
+      result: !0
+    }));
+  }, [n, s]), v = F(async () => {
+    n && (await (s == null ? void 0 : s({
+      annotationIds: [n],
+      result: !1,
+      reason: c || void 0
+    })), u(""));
+  }, [n, c, s]), h = F(
+    async (l) => {
+      await (i == null ? void 0 : i({ ids: [l] }));
+    },
+    [i]
+  ), x = F(
+    (l) => l.annotationId ? t.find((g) => g.id === l.annotationId) ?? null : null,
+    [t]
+  );
+  return /* @__PURE__ */ T("div", { className: Z.issuePanel, children: [
+    /* @__PURE__ */ T("div", { className: Z.issuePanelTitle, children: [
+      /* @__PURE__ */ p("span", { children: "Validation" }),
+      r > 0 && /* @__PURE__ */ T("span", { className: Z.issueCount, children: [
+        r,
+        " issues"
+      ] })
+    ] }),
+    e.length === 0 ? /* @__PURE__ */ p("div", { className: Z.emptyState, children: /* @__PURE__ */ p("p", { children: "No validation results yet" }) }) : e.map((l) => {
+      const g = x(l);
+      return /* @__PURE__ */ T(
+        "div",
+        {
+          className: Z.issueItem,
+          "data-selected": m === l.id || void 0,
+          "data-result": l.result ? "pass" : "fail",
+          onClick: () => {
+            d(l.id), g && (o == null || o(g));
+          },
+          children: [
+            /* @__PURE__ */ T("div", { className: Z.issueHeader, children: [
+              /* @__PURE__ */ p("span", { className: Z.issueLabel, children: (g == null ? void 0 : g.label.name) ?? `Annotation ${l.annotationId ?? l.id}` }),
+              /* @__PURE__ */ p(
+                "span",
+                {
+                  className: Z.issueBadge,
+                  "data-result": l.result ? "pass" : "fail",
+                  children: l.result ? "Pass" : "Fail"
+                }
+              )
+            ] }),
+            l.reason && /* @__PURE__ */ p("p", { className: Z.issueReason, children: l.reason }),
+            l.validatedAt && /* @__PURE__ */ p("span", { className: Z.issueDate, children: l.validatedAt }),
+            i && /* @__PURE__ */ p(
+              "button",
+              {
+                className: Z.validateButton,
+                "data-variant": "secondary",
+                style: { marginTop: "0.25rem", padding: "0.25rem 0.5rem", fontSize: "0.75rem" },
+                onClick: (b) => {
+                  b.stopPropagation(), h(l.id);
+                },
+                children: "Delete"
+              }
+            )
+          ]
+        },
+        l.id
+      );
+    }),
+    s && /* @__PURE__ */ p("div", { className: Z.validationActions, children: /* @__PURE__ */ p(
+      "textarea",
+      {
+        className: Z.reasonInput,
+        placeholder: "Reason (optional)...",
+        value: c,
+        onChange: (l) => u(l.target.value)
+      }
+    ) }),
+    s && /* @__PURE__ */ T("div", { className: Z.validationActions, children: [
+      /* @__PURE__ */ p(
+        "button",
+        {
+          className: Z.validateButton,
+          "data-variant": "approve",
+          disabled: !n,
+          onClick: f,
+          children: "Approve"
+        }
+      ),
+      /* @__PURE__ */ p(
+        "button",
+        {
+          className: Z.validateButton,
+          "data-variant": "reject",
+          disabled: !n,
+          onClick: v,
+          children: "Reject"
+        }
+      )
+    ] })
+  ] });
+}
+const ro = {
+  selection: Xe,
+  brush: Te,
+  blankRect: se,
+  filledRect: Tn,
+  polygon: Ue,
+  eraser: Re,
+  magicbrush: De,
+  superpixel: He
+};
+function wo() {
+  const t = Ct((r) => r.tool), e = Ct((r) => r.setTool), n = be((r) => r.colorCode), o = be((r) => r.setColorCode), s = ye((r) => r.opacity), a = ye((r) => r.setOpacity), i = xe((r) => r.brush), c = xe((r) => r.setBrush), u = F(
+    (r) => {
+      const f = ro[r];
+      f && e(f());
+    },
+    [e]
+  ), m = F(() => {
+    e(null);
+  }, [e]), d = (t == null ? void 0 : t.id) ?? null;
+  return it(
+    () => ({
+      activeToolId: d,
+      currentTool: t,
+      setTool: u,
+      clearTool: m,
+      colorCode: n,
+      setColorCode: o,
+      opacity: s,
+      setOpacity: a,
+      brush: i,
+      setBrush: c
+    }),
+    [d, t, u, m, n, o, s, a, i, c]
+  );
+}
+function Mo() {
+  const t = Jt((d) => d.objects), e = Jt((d) => d.setObjects), n = ae((d) => d.level), o = ae((d) => d.setZoom), s = F(
+    async (d, r) => {
+      const f = ft();
+      return $e(f, d, r);
+    },
+    []
+  ), a = F(
+    async (d, r, f) => {
+      const v = ot();
+      if (!v) return;
+      const h = ze(d, r, f), x = await import("fabric");
+      let l = null;
+      const g = h.type;
+      g === "rect" ? l = new x.Rect(h) : g === "polygon" && h.points ? l = new x.Polygon(h.points, h) : g === "path" && h.path ? l = new x.Path(h.path, h) : g === "image" && typeof h.src == "string" && (l = await x.FabricImage.fromURL(h.src, { crossOrigin: "anonymous" }), l.set(h)), l && (v.add(l), mt(v), e(v.getObjects()));
+    },
+    [e]
+  ), i = F(
+    (d) => {
+      const r = ot();
+      if (!r) return;
+      const v = r.getObjects().find((h) => h.unique === d);
+      v && (r.remove(v), mt(r), e(r.getObjects()));
+    },
+    [e]
+  ), c = F(() => {
+    const d = ot();
+    if (!d) return;
+    const r = d.getObjects();
+    for (const f of r)
+      d.remove(f);
+    mt(d), e([]);
+  }, [e]), u = F(
+    async (d, r) => {
+      const f = await s(d, r), v = Tt();
+      return {
+        annotations: f,
+        canvasJSON: v,
+        image: { width: d, height: r }
+      };
+    },
+    [s]
+  ), m = F(
+    (d) => {
+      const r = ot();
+      r && (r.setZoom(d), mt(r), o({ level: d, width: r.getWidth(), height: r.getHeight() }));
+    },
+    [o]
+  );
+  return it(
+    () => ({
+      objects: t,
+      zoom: n,
+      getAnnotations: s,
+      addAnnotation: a,
+      removeAnnotation: i,
+      clearCanvas: c,
+      exportState: u,
+      setZoomLevel: m
+    }),
+    [t, n, s, a, i, c, u, m]
+  );
+}
+function Io() {
+  const t = Ct((r) => r.undoStack), e = Ct((r) => r.redoStack), n = Ct((r) => r.setUndoStack), o = Ct((r) => r.setRedoStack), s = Jt((r) => r.setObjects), a = t.length > 0, i = e.length > 0, c = F(() => {
+    const r = Tt(), f = JSON.stringify(r);
+    n([...t, f]), o([]);
+  }, [t, n, o]), u = F(async () => {
+    if (!a) return;
+    const r = ot();
+    if (!r) return;
+    const f = JSON.stringify(Tt());
+    o([...e, f]);
+    const v = [...t], h = v.pop();
+    n(v), await r.loadFromJSON(h), mt(r), s(r.getObjects());
+  }, [a, t, e, n, o, s]), m = F(async () => {
+    if (!i) return;
+    const r = ot();
+    if (!r) return;
+    const f = JSON.stringify(Tt());
+    n([...t, f]);
+    const v = [...e], h = v.pop();
+    o(v), await r.loadFromJSON(h), mt(r), s(r.getObjects());
+  }, [i, t, e, n, o, s]), d = F(() => {
+    n([]), o([]);
+  }, [n, o]);
+  return it(
+    () => ({
+      canUndo: a,
+      canRedo: i,
+      undo: u,
+      redo: m,
+      pushSnapshot: c,
+      clear: d
+    }),
+    [a, i, u, m, c, d]
+  );
+}
+function No(t) {
+  const {
+    extensions: e,
+    image: n,
+    annotations: o,
+    selectedIds: s,
+    activeTool: a,
+    addAnnotations: i,
+    updateAnnotation: c,
+    removeAnnotations: u,
+    setTool: m
+  } = t, d = it(
+    () => e.filter((l) => l.slot === "tool"),
+    [e]
+  ), r = it(
+    () => e.filter((l) => l.slot === "sidePanel"),
+    [e]
+  ), f = it(
+    () => e.filter((l) => l.slot === "toolbar"),
+    [e]
+  ), v = it(
+    () => ({
+      image: n,
+      annotations: o,
+      selectedIds: s,
+      activeTool: a,
+      addAnnotations: i,
+      updateAnnotation: c,
+      removeAnnotations: u,
+      setTool: m,
+      canvas: {
+        toJSON: () => Tt(),
+        getImageDataURL: () => {
+          const l = ot();
+          return l ? l.toDataURL({ format: "png", multiplier: 1 }) : "";
+        }
+      }
+    }),
+    [n, o, s, a, i, c, u, m]
+  ), h = it(
+    () => d.find((l) => l.id === a),
+    [d, a]
+  ), x = Et(h == null ? void 0 : h.canvasHandlers);
+  return x.current = h == null ? void 0 : h.canvasHandlers, St(() => {
+    const l = ot();
+    if (!l || !x.current) return;
+    const g = (I) => {
+      var P, y, L, _, W;
+      const C = ((P = l.getScenePoint) == null ? void 0 : P.call(l, I)) ?? ((y = l.getPointer) == null ? void 0 : y.call(l, I)) ?? { x: 0, y: 0 };
+      return {
+        x: C.x,
+        y: C.y,
+        shiftKey: ((L = I.e) == null ? void 0 : L.shiftKey) ?? !1,
+        ctrlKey: ((_ = I.e) == null ? void 0 : _.ctrlKey) ?? !1,
+        altKey: ((W = I.e) == null ? void 0 : W.altKey) ?? !1
+      };
+    }, b = (I) => {
+      var C, P;
+      return (P = (C = x.current) == null ? void 0 : C.onMouseDown) == null ? void 0 : P.call(C, g(I));
+    }, N = (I) => {
+      var C, P;
+      return (P = (C = x.current) == null ? void 0 : C.onMouseMove) == null ? void 0 : P.call(C, g(I));
+    }, w = (I) => {
+      var C, P;
+      return (P = (C = x.current) == null ? void 0 : C.onMouseUp) == null ? void 0 : P.call(C, g(I));
+    };
+    return l.on("mouse:down", b), l.on("mouse:move", N), l.on("mouse:up", w), () => {
+      l.off("mouse:down", b), l.off("mouse:move", N), l.off("mouse:up", w);
+    };
+  }, [h == null ? void 0 : h.id]), {
+    context: v,
+    toolExtensions: d,
+    sidePanelExtensions: r,
+    toolbarExtensions: f,
+    activeToolExtension: h
+  };
+}
+export {
+  nn as EXCEPTION_TOOLS,
+  ie as EXPORT_PROPS,
+  Bt as LAYER_MODE,
+  ns as LabelingCanvas,
+  Fs as LabelingFloatingToolbar,
+  zs as LabelingIndicator,
+  Rs as LabelingInfoPanel,
+  So as LabelingIssuePanel,
+  we as LabelingNavigation,
+  qn as LabelingProvider,
+  $s as LabelingToolbar,
+  Oo as LabelingWorkspace,
+  At as TOOL_INFO_BOUNDED_BOX,
+  lo as TOOL_INFO_BRUSH,
+  uo as TOOL_INFO_COMBINED_LABELS,
+  fo as TOOL_INFO_ERASER,
+  re as TOOL_INFO_FILLED_BOX,
+  Ve as TOOL_INFO_FILLED_POLYGON,
+  Vt as TOOL_INFO_MAGIC_BRUSH,
+  kt as TOOL_INFO_SUPERPIXEL,
+  ze as annotationToFabricProps,
+  Hn as basicBrushes,
+  pe as basicColors,
+  se as blankRectTool,
+  Te as brushTool,
+  $e as canvasToAnnotations,
+  Ae as createImage,
+  xo as createTemporalHistoryStore,
+  _e as cropAlphaArea,
+  bn as emitLabelEvent,
+  ct as ensureCanvas,
+  Re as eraserTool,
+  Yn as fabricObjectToAnnotation,
+  Tn as filledRectTool,
+  ho as getActiveLabeledObjects,
+  ot as getCanvasInstance,
+  Tt as getCanvasJSON,
+  ft as getLabeledObjects,
+  yo as getToolSelectionStore,
+  an as loadFabric,
+  De as magicbrushTool,
+  Ue as polygonTool,
+  mt as renderAllSafe,
+  po as segmentAnythingTool,
+  Xe as selectionTool,
+  fe as setCanvasInstance,
+  vo as setMagicBrushModule,
+  bo as setSuperpixelModules,
+  pn as subscribeLabelEvents,
+  He as superpixelTool,
+  qt as toHex,
+  mo as toRGBAHex,
+  Be as toRgba,
+  ue as toRgbaArray,
+  go as transparentBlackPixel,
+  xe as useBrushStore,
+  Jt as useCanvasObjectsStore,
+  No as useExtensions,
+  Mo as useLabelingCanvas,
+  zn as useLabelingContext,
+  Io as useLabelingHistory,
+  wo as useLabelingTools,
+  Co as useLayerModeStore,
+  ye as useOpacityStore,
+  be as usePaletteStore,
+  Ct as useToolSelectionStore,
+  ae as useZoomStore
+};