@arach/arc-iso 0.6.0 → 0.8.0

package/dist/arc-iso-slim.es.js

@@ -1,86 +1,92 @@
-import Nt, { useId as yt, useMemo as It, useState as dt, useEffect as Ft } from "react";
-const Ct = 30 * (Math.PI / 180), Dt = Math.cos(Ct), Bt = Math.sin(Ct);
-function y(t, r, a = 0) {
+import Xt, { useId as gt, forwardRef as Ot, createElement as mt, useMemo as Ht, useState as ft, useEffect as qt } from "react";
+const Nt = 30 * (Math.PI / 180), Ut = Math.cos(Nt), Gt = Math.sin(Nt);
+function k(t, e, s = 0) {
   return {
-    screenX: (t - r) * Dt,
-    screenY: -(t + r) * Bt - a
+    screenX: (t - e) * Ut,
+    screenY: -(t + e) * Gt - s
     // Negated so +X,+Y go UP on screen
   };
 }
-function rt(t, r, a, i = 0, s = 0, f = 0) {
-  const x = {
+function Vt(t = "x") {
+  let e = 1, s = 0, a = 0, i = -1;
+  t === "y" ? (e = 0, s = 1, a = 1, i = 0) : t === "x-" ? (e = -1, s = 0, a = 0, i = 1) : t === "y-" && (e = 0, s = -1, a = -1, i = 0);
+  const l = k(e, s, 0), u = k(a, i, 0);
+  return `${l.screenX},${l.screenY},${u.screenX},${u.screenY},0,0`;
+}
+function rt(t, e, s, a = 0, i = 0, l = 0) {
+  const u = {
     // Bottom face
-    frontBottom: y(t, 0, 0),
-    rightBottom: y(t, r, 0),
-    backBottom: y(0, r, 0),
-    leftBottom: y(0, 0, 0),
+    frontBottom: k(t, 0, 0),
+    rightBottom: k(t, e, 0),
+    backBottom: k(0, e, 0),
+    leftBottom: k(0, 0, 0),
     // Top face
-    frontTop: y(t, 0, a),
-    rightTop: y(t, r, a),
-    backTop: y(0, r, a),
-    leftTop: y(0, 0, a)
-  }, b = ($) => ({
-    x: $.screenX + i,
-    y: $.screenY + s
-  }), k = Object.fromEntries(
-    Object.entries(x).map(([$, w]) => [$, b(w)])
-  ), u = ($, w, A, E) => {
-    if (E <= 0) {
-      const H = y(0, 0, A), z = y($, 0, A), v = y($, w, A), D = y(0, w, A);
-      return `M ${H.screenX + i},${H.screenY + s} L ${z.screenX + i},${z.screenY + s} L ${v.screenX + i},${v.screenY + s} L ${D.screenX + i},${D.screenY + s} Z`;
+    frontTop: k(t, 0, s),
+    rightTop: k(t, e, s),
+    backTop: k(0, e, s),
+    leftTop: k(0, 0, s)
+  }, m = (b) => ({
+    x: b.screenX + a,
+    y: b.screenY + i
+  }), g = Object.fromEntries(
+    Object.entries(u).map(([b, T]) => [b, m(T)])
+  ), x = (b, T, L, w) => {
+    if (w <= 0) {
+      const U = k(0, 0, L), H = k(b, 0, L), M = k(b, T, L), D = k(0, T, L);
+      return `M ${U.screenX + a},${U.screenY + i} L ${H.screenX + a},${H.screenY + i} L ${M.screenX + a},${M.screenY + i} L ${D.screenX + a},${D.screenY + i} Z`;
     }
-    const F = Math.min($, w) / 2, Y = Math.min(E, F), P = 8, L = [], J = (H, z, v, D) => {
-      for (let G = 0; G <= P; G++) {
-        const T = v + (D - v) * (G / P), p = H + Y * Math.cos(T), n = z + Y * Math.sin(T), h = y(p, n, A);
-        L.push(`${h.screenX + i},${h.screenY + s}`);
+    const F = Math.min(b, T) / 2, Y = Math.min(w, F), R = 8, z = [], V = (U, H, M, D) => {
+      for (let G = 0; G <= R; G++) {
+        const S = M + (D - M) * (G / R), y = U + Y * Math.cos(S), o = H + Y * Math.sin(S), p = k(y, o, L);
+        z.push(`${p.screenX + a},${p.screenY + i}`);
       }
     };
-    return J(Y, Y, Math.PI, Math.PI * 1.5), J($ - Y, Y, Math.PI * 1.5, Math.PI * 2), J($ - Y, w - Y, 0, Math.PI * 0.5), J(Y, w - Y, Math.PI * 0.5, Math.PI), `M ${L[0]} L ${L.slice(1).join(" L ")} Z`;
-  }, l = ($) => `M ${$.map((w) => `${w.x},${w.y}`).join(" L ")} Z`, O = ($, w, A, E, F, Y) => {
-    const L = [];
-    for (let v = 0; v < 6; v++) {
-      const D = F + (Y - F) * (v / 6), G = F + (Y - F) * ((v + 1) / 6), T = (D + G) / 2, p = Math.cos(T), n = Math.sin(T), _ = p * -0.577 + n * -0.577 + 0 * 0.577, Q = 0.3 + Math.max(0, _ + 0.4) * 0.5, tt = y($ + A * Math.cos(D), w + A * Math.sin(D), 0), W = y($ + A * Math.cos(G), w + A * Math.sin(G), 0), q = y($ + A * Math.cos(D), w + A * Math.sin(D), E), K = y($ + A * Math.cos(G), w + A * Math.sin(G), E), st = `M ${tt.screenX + i},${tt.screenY + s} L ${W.screenX + i},${W.screenY + s} L ${K.screenX + i},${K.screenY + s} L ${q.screenX + i},${q.screenY + s} Z`;
-      L.push({ path: st, intensity: Q });
+    return V(Y, Y, Math.PI, Math.PI * 1.5), V(b - Y, Y, Math.PI * 1.5, Math.PI * 2), V(b - Y, T - Y, 0, Math.PI * 0.5), V(Y, T - Y, Math.PI * 0.5, Math.PI), `M ${z[0]} L ${z.slice(1).join(" L ")} Z`;
+  }, d = (b) => `M ${b.map((T) => `${T.x},${T.y}`).join(" L ")} Z`, C = (b, T, L, w, F, Y) => {
+    const z = [];
+    for (let M = 0; M < 6; M++) {
+      const D = F + (Y - F) * (M / 6), G = F + (Y - F) * ((M + 1) / 6), S = (D + G) / 2, y = Math.cos(S), o = Math.sin(S), N = y * -0.577 + o * -0.577 + 0 * 0.577, tt = 0.3 + Math.max(0, N + 0.4) * 0.5, et = k(b + L * Math.cos(D), T + L * Math.sin(D), 0), W = k(b + L * Math.cos(G), T + L * Math.sin(G), 0), J = k(b + L * Math.cos(D), T + L * Math.sin(D), w), Q = k(b + L * Math.cos(G), T + L * Math.sin(G), w), at = `M ${et.screenX + a},${et.screenY + i} L ${W.screenX + a},${W.screenY + i} L ${Q.screenX + a},${Q.screenY + i} L ${J.screenX + a},${J.screenY + i} Z`;
+      z.push({ path: at, intensity: tt });
     }
-    return L;
-  }, d = Math.min(f, Math.min(t, r) / 2), c = u(t, r, a, d);
-  let S, m, M, g, C, N;
-  if (d > 0) {
-    const $ = [
-      { x: y(0, d, 0).screenX + i, y: y(0, d, 0).screenY + s },
-      { x: y(0, r - d, 0).screenX + i, y: y(0, r - d, 0).screenY + s },
-      { x: y(0, r - d, a).screenX + i, y: y(0, r - d, a).screenY + s },
-      { x: y(0, d, a).screenX + i, y: y(0, d, a).screenY + s }
+    return z;
+  }, h = Math.min(l, Math.min(t, e) / 2), c = x(t, e, s, h);
+  let _, f, O, $, E, P;
+  if (h > 0) {
+    const b = [
+      { x: k(0, h, 0).screenX + a, y: k(0, h, 0).screenY + i },
+      { x: k(0, e - h, 0).screenX + a, y: k(0, e - h, 0).screenY + i },
+      { x: k(0, e - h, s).screenX + a, y: k(0, e - h, s).screenY + i },
+      { x: k(0, h, s).screenX + a, y: k(0, h, s).screenY + i }
     ];
-    S = l($);
-    const w = [
-      { x: y(d, 0, 0).screenX + i, y: y(d, 0, 0).screenY + s },
-      { x: y(t - d, 0, 0).screenX + i, y: y(t - d, 0, 0).screenY + s },
-      { x: y(t - d, 0, a).screenX + i, y: y(t - d, 0, a).screenY + s },
-      { x: y(d, 0, a).screenX + i, y: y(d, 0, a).screenY + s }
+    _ = d(b);
+    const T = [
+      { x: k(h, 0, 0).screenX + a, y: k(h, 0, 0).screenY + i },
+      { x: k(t - h, 0, 0).screenX + a, y: k(t - h, 0, 0).screenY + i },
+      { x: k(t - h, 0, s).screenX + a, y: k(t - h, 0, s).screenY + i },
+      { x: k(h, 0, s).screenX + a, y: k(h, 0, s).screenY + i }
     ];
-    m = l(w), M = O(d, d, d, a, Math.PI, Math.PI * 1.5), g = O(t - d, d, d, a, Math.PI * 1.5, Math.PI * 2), C = O(d, r - d, d, a, Math.PI * 0.5, Math.PI), N = O(t - d, r - d, d, a, 0, Math.PI * 0.5);
+    f = d(T), O = C(h, h, h, s, Math.PI, Math.PI * 1.5), $ = C(t - h, h, h, s, Math.PI * 1.5, Math.PI * 2), E = C(h, e - h, h, s, Math.PI * 0.5, Math.PI), P = C(t - h, e - h, h, s, 0, Math.PI * 0.5);
   } else {
-    const $ = [k.leftBottom, k.backBottom, k.backTop, k.leftTop], w = [k.leftBottom, k.frontBottom, k.frontTop, k.leftTop];
-    S = l($), m = l(w), M = [], g = [], C = [], N = [];
+    const b = [g.leftBottom, g.backBottom, g.backTop, g.leftTop], T = [g.leftBottom, g.frontBottom, g.frontTop, g.leftTop];
+    _ = d(b), f = d(T), O = [], $ = [], E = [], P = [];
   }
-  const R = `M ${k.leftBottom.x},${k.leftBottom.y} L ${k.frontBottom.x},${k.frontBottom.y} L ${k.rightBottom.x},${k.rightBottom.y} L ${k.backBottom.x},${k.backBottom.y} Z`;
+  const A = `M ${g.leftBottom.x},${g.leftBottom.y} L ${g.frontBottom.x},${g.frontBottom.y} L ${g.rightBottom.x},${g.rightBottom.y} L ${g.backBottom.x},${g.backBottom.y} Z`;
   return {
     top: c,
-    left: S,
-    right: m,
-    cornerFrontLeft: M,
-    cornerFrontRight: g,
-    cornerBackLeft: C,
-    cornerBackRight: N,
-    outline: R
+    left: _,
+    right: f,
+    cornerFrontLeft: O,
+    cornerFrontRight: $,
+    cornerBackLeft: E,
+    cornerBackRight: P,
+    outline: A
   };
 }
-function Xt(t, r = 60, a = 50) {
+function Zt(t, e = 60, s = 50) {
   return {
-    top: `hsl(${t}, ${r}%, ${Math.min(a + 15, 95)}%)`,
-    right: `hsl(${t}, ${r}%, ${a}%)`,
-    left: `hsl(${t}, ${r}%, ${Math.max(a - 15, 15)}%)`
+    top: `hsl(${t}, ${e}%, ${Math.min(s + 15, 95)}%)`,
+    right: `hsl(${t}, ${e}%, ${s}%)`,
+    left: `hsl(${t}, ${e}%, ${Math.max(s - 15, 15)}%)`
   };
 }
 const jt = {
@@ -93,195 +99,195 @@ const jt = {
   slate: { hue: 220, saturation: 15, lightness: 50 },
   zinc: { hue: 240, saturation: 5, lightness: 50 }
 };
-function ge(t) {
-  const r = jt[t] || jt.slate;
-  return Xt(r.hue, r.saturation, r.lightness);
+function bo(t) {
+  const e = jt[t] || jt.slate;
+  return Zt(e.hue, e.saturation, e.lightness);
 }
-var ht = { exports: {} }, it = {};
-var St;
-function zt() {
-  if (St) return it;
-  St = 1;
-  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
-  function a(i, s, f) {
-    var x = null;
-    if (f !== void 0 && (x = "" + f), s.key !== void 0 && (x = "" + s.key), "key" in s) {
-      f = {};
-      for (var b in s)
-        b !== "key" && (f[b] = s[b]);
-    } else f = s;
-    return s = f.ref, {
+var pt = { exports: {} }, ct = {};
+var Mt;
+function Jt() {
+  if (Mt) return ct;
+  Mt = 1;
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), e = /* @__PURE__ */ Symbol.for("react.fragment");
+  function s(a, i, l) {
+    var u = null;
+    if (l !== void 0 && (u = "" + l), i.key !== void 0 && (u = "" + i.key), "key" in i) {
+      l = {};
+      for (var m in i)
+        m !== "key" && (l[m] = i[m]);
+    } else l = i;
+    return i = l.ref, {
       $$typeof: t,
-      type: i,
-      key: x,
-      ref: s !== void 0 ? s : null,
-      props: f
+      type: a,
+      key: u,
+      ref: i !== void 0 ? i : null,
+      props: l
     };
   }
-  return it.Fragment = r, it.jsx = a, it.jsxs = a, it;
+  return ct.Fragment = e, ct.jsx = s, ct.jsxs = s, ct;
 }
-var ct = {};
-var vt;
-function Ut() {
-  return vt || (vt = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(n) {
-      if (n == null) return null;
-      if (typeof n == "function")
-        return n.$$typeof === P ? null : n.displayName || n.name || null;
-      if (typeof n == "string") return n;
-      switch (n) {
-        case M:
+var lt = {};
+var wt;
+function Kt() {
+  return wt || (wt = 1, process.env.NODE_ENV !== "production" && (function() {
+    function t(o) {
+      if (o == null) return null;
+      if (typeof o == "function")
+        return o.$$typeof === R ? null : o.displayName || o.name || null;
+      if (typeof o == "string") return o;
+      switch (o) {
+        case O:
           return "Fragment";
-        case C:
+        case E:
           return "Profiler";
-        case g:
+        case $:
           return "StrictMode";
-        case w:
+        case T:
           return "Suspense";
-        case A:
+        case L:
           return "SuspenseList";
         case Y:
           return "Activity";
       }
-      if (typeof n == "object")
-        switch (typeof n.tag == "number" && console.error(
+      if (typeof o == "object")
+        switch (typeof o.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), n.$$typeof) {
-          case m:
+        ), o.$$typeof) {
+          case f:
             return "Portal";
-          case R:
-            return n.displayName || "Context";
-          case N:
-            return (n._context.displayName || "Context") + ".Consumer";
-          case $:
-            var h = n.render;
-            return n = n.displayName, n || (n = h.displayName || h.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
-          case E:
-            return h = n.displayName || null, h !== null ? h : t(n.type) || "Memo";
+          case A:
+            return o.displayName || "Context";
+          case P:
+            return (o._context.displayName || "Context") + ".Consumer";
+          case b:
+            var p = o.render;
+            return o = o.displayName, o || (o = p.displayName || p.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
+          case w:
+            return p = o.displayName || null, p !== null ? p : t(o.type) || "Memo";
           case F:
-            h = n._payload, n = n._init;
+            p = o._payload, o = o._init;
             try {
-              return t(n(h));
+              return t(o(p));
             } catch {
             }
         }
       return null;
     }
-    function r(n) {
-      return "" + n;
+    function e(o) {
+      return "" + o;
     }
-    function a(n) {
+    function s(o) {
       try {
-        r(n);
-        var h = !1;
+        e(o);
+        var p = !1;
       } catch {
-        h = !0;
+        p = !0;
       }
-      if (h) {
-        h = console;
-        var _ = h.error, I = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return _.call(
-          h,
+      if (p) {
+        p = console;
+        var N = p.error, I = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
+        return N.call(
+          p,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
           I
-        ), r(n);
+        ), e(o);
       }
     }
-    function i(n) {
-      if (n === M) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === F)
+    function a(o) {
+      if (o === O) return "<>";
+      if (typeof o == "object" && o !== null && o.$$typeof === F)
         return "<...>";
       try {
-        var h = t(n);
-        return h ? "<" + h + ">" : "<...>";
+        var p = t(o);
+        return p ? "<" + p + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var n = L.A;
-      return n === null ? null : n.getOwner();
+    function i() {
+      var o = z.A;
+      return o === null ? null : o.getOwner();
     }
-    function f() {
+    function l() {
       return Error("react-stack-top-frame");
     }
-    function x(n) {
-      if (J.call(n, "key")) {
-        var h = Object.getOwnPropertyDescriptor(n, "key").get;
-        if (h && h.isReactWarning) return !1;
+    function u(o) {
+      if (V.call(o, "key")) {
+        var p = Object.getOwnPropertyDescriptor(o, "key").get;
+        if (p && p.isReactWarning) return !1;
       }
-      return n.key !== void 0;
+      return o.key !== void 0;
     }
-    function b(n, h) {
-      function _() {
-        v || (v = !0, console.error(
+    function m(o, p) {
+      function N() {
+        M || (M = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
-          h
+          p
         ));
       }
-      _.isReactWarning = !0, Object.defineProperty(n, "key", {
-        get: _,
+      N.isReactWarning = !0, Object.defineProperty(o, "key", {
+        get: N,
         configurable: !0
       });
     }
-    function k() {
-      var n = t(this.type);
-      return D[n] || (D[n] = !0, console.error(
+    function g() {
+      var o = t(this.type);
+      return D[o] || (D[o] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
-      )), n = this.props.ref, n !== void 0 ? n : null;
+      )), o = this.props.ref, o !== void 0 ? o : null;
     }
-    function u(n, h, _, I, Q, tt) {
-      var W = _.ref;
-      return n = {
-        $$typeof: S,
-        type: n,
-        key: h,
-        props: _,
+    function x(o, p, N, I, tt, et) {
+      var W = N.ref;
+      return o = {
+        $$typeof: _,
+        type: o,
+        key: p,
+        props: N,
         _owner: I
-      }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(n, "ref", {
+      }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(o, "ref", {
         enumerable: !1,
-        get: k
-      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
+        get: g
+      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(n, "_debugInfo", {
+      }), Object.defineProperty(o, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(n, "_debugStack", {
+      }), Object.defineProperty(o, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Q
-      }), Object.defineProperty(n, "_debugTask", {
+        value: tt
+      }), Object.defineProperty(o, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: tt
-      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
+        value: et
+      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
     }
-    function l(n, h, _, I, Q, tt) {
-      var W = h.children;
+    function d(o, p, N, I, tt, et) {
+      var W = p.children;
       if (W !== void 0)
         if (I)
-          if (H(W)) {
+          if (U(W)) {
             for (I = 0; I < W.length; I++)
-              O(W[I]);
+              C(W[I]);
             Object.freeze && Object.freeze(W);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else O(W);
-      if (J.call(h, "key")) {
-        W = t(n);
-        var q = Object.keys(h).filter(function(st) {
-          return st !== "key";
+        else C(W);
+      if (V.call(p, "key")) {
+        W = t(o);
+        var J = Object.keys(p).filter(function(at) {
+          return at !== "key";
         });
-        I = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", p[W + I] || (q = 0 < q.length ? "{" + q.join(": ..., ") + ": ...}" : "{}", console.error(
+        I = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", y[W + I] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
@@ -290,74 +296,74 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           I,
           W,
-          q,
+          J,
           W
-        ), p[W + I] = !0);
+        ), y[W + I] = !0);
       }
-      if (W = null, _ !== void 0 && (a(_), W = "" + _), x(h) && (a(h.key), W = "" + h.key), "key" in h) {
-        _ = {};
-        for (var K in h)
-          K !== "key" && (_[K] = h[K]);
-      } else _ = h;
-      return W && b(
-        _,
-        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
-      ), u(
-        n,
+      if (W = null, N !== void 0 && (s(N), W = "" + N), u(p) && (s(p.key), W = "" + p.key), "key" in p) {
+        N = {};
+        for (var Q in p)
+          Q !== "key" && (N[Q] = p[Q]);
+      } else N = p;
+      return W && m(
+        N,
+        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
+      ), x(
+        o,
         W,
-        _,
-        s(),
-        Q,
-        tt
+        N,
+        i(),
+        tt,
+        et
       );
     }
-    function O(n) {
-      d(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === F && (n._payload.status === "fulfilled" ? d(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
+    function C(o) {
+      h(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === F && (o._payload.status === "fulfilled" ? h(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
     }
-    function d(n) {
-      return typeof n == "object" && n !== null && n.$$typeof === S;
+    function h(o) {
+      return typeof o == "object" && o !== null && o.$$typeof === _;
     }
-    var c = Nt, S = /* @__PURE__ */ Symbol.for("react.transitional.element"), m = /* @__PURE__ */ Symbol.for("react.portal"), M = /* @__PURE__ */ Symbol.for("react.fragment"), g = /* @__PURE__ */ Symbol.for("react.strict_mode"), C = /* @__PURE__ */ Symbol.for("react.profiler"), N = /* @__PURE__ */ Symbol.for("react.consumer"), R = /* @__PURE__ */ Symbol.for("react.context"), $ = /* @__PURE__ */ Symbol.for("react.forward_ref"), w = /* @__PURE__ */ Symbol.for("react.suspense"), A = /* @__PURE__ */ Symbol.for("react.suspense_list"), E = /* @__PURE__ */ Symbol.for("react.memo"), F = /* @__PURE__ */ Symbol.for("react.lazy"), Y = /* @__PURE__ */ Symbol.for("react.activity"), P = /* @__PURE__ */ Symbol.for("react.client.reference"), L = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, H = Array.isArray, z = console.createTask ? console.createTask : function() {
+    var c = Xt, _ = /* @__PURE__ */ Symbol.for("react.transitional.element"), f = /* @__PURE__ */ Symbol.for("react.portal"), O = /* @__PURE__ */ Symbol.for("react.fragment"), $ = /* @__PURE__ */ Symbol.for("react.strict_mode"), E = /* @__PURE__ */ Symbol.for("react.profiler"), P = /* @__PURE__ */ Symbol.for("react.consumer"), A = /* @__PURE__ */ Symbol.for("react.context"), b = /* @__PURE__ */ Symbol.for("react.forward_ref"), T = /* @__PURE__ */ Symbol.for("react.suspense"), L = /* @__PURE__ */ Symbol.for("react.suspense_list"), w = /* @__PURE__ */ Symbol.for("react.memo"), F = /* @__PURE__ */ Symbol.for("react.lazy"), Y = /* @__PURE__ */ Symbol.for("react.activity"), R = /* @__PURE__ */ Symbol.for("react.client.reference"), z = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, U = Array.isArray, H = console.createTask ? console.createTask : function() {
       return null;
     };
     c = {
-      react_stack_bottom_frame: function(n) {
-        return n();
+      react_stack_bottom_frame: function(o) {
+        return o();
       }
     };
-    var v, D = {}, G = c.react_stack_bottom_frame.bind(
+    var M, D = {}, G = c.react_stack_bottom_frame.bind(
       c,
-      f
-    )(), T = z(i(f)), p = {};
-    ct.Fragment = M, ct.jsx = function(n, h, _) {
-      var I = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return l(
-        n,
-        h,
-        _,
+      l
+    )(), S = H(a(l)), y = {};
+    lt.Fragment = O, lt.jsx = function(o, p, N) {
+      var I = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return d(
+        o,
+        p,
+        N,
         !1,
         I ? Error("react-stack-top-frame") : G,
-        I ? z(i(n)) : T
+        I ? H(a(o)) : S
       );
-    }, ct.jsxs = function(n, h, _) {
-      var I = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return l(
-        n,
-        h,
-        _,
+    }, lt.jsxs = function(o, p, N) {
+      var I = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return d(
+        o,
+        p,
+        N,
         !0,
         I ? Error("react-stack-top-frame") : G,
-        I ? z(i(n)) : T
+        I ? H(a(o)) : S
       );
     };
-  })()), ct;
+  })()), lt;
 }
-var Et;
-function Ht() {
-  return Et || (Et = 1, process.env.NODE_ENV === "production" ? ht.exports = zt() : ht.exports = Ut()), ht.exports;
+var St;
+function Qt() {
+  return St || (St = 1, process.env.NODE_ENV === "production" ? pt.exports = Jt() : pt.exports = Kt()), pt.exports;
 }
-var e = Ht();
-const Gt = ["solid", "blueprint", "cyanotype"], kt = '"JetBrains Mono", "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace', Jt = 0.78, o = (t) => Math.round(t * Jt * 10) / 10, _t = {
+var n = Qt();
+const te = ["solid", "blueprint", "cyanotype"], $t = '"JetBrains Mono", "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace', ee = 0.78, r = (t) => Math.round(t * ee * 10) / 10, Rt = {
   id: "solid",
   name: "Solid",
   description: "Shaded isometric boxes",
@@ -373,9 +379,9 @@ const Gt = ["solid", "blueprint", "cyanotype"], kt = '"JetBrains Mono", "IBM Ple
   },
   face: { top: "transparent", right: "transparent", left: "transparent" },
   hatchOpacity: { top: 0, right: 0, left: 0 },
-  font: kt,
+  font: $t,
   strokeWidth: 0.5
-}, Zt = {
+}, ne = {
   id: "blueprint",
   name: "Blueprint",
   description: "Sepia engineering plate on parchment",
@@ -390,10 +396,10 @@ const Gt = ["solid", "blueprint", "cyanotype"], kt = '"JetBrains Mono", "IBM Ple
     accent: "#a8412a"
   },
   face: { top: "#f4ebd7", right: "#e6dabb", left: "#d6c6a2" },
-  hatchOpacity: { top: 0.3, right: 0.55, left: 0.85 },
-  font: kt,
+  hatchOpacity: { top: 0.48, right: 0.68, left: 0.92 },
+  font: $t,
   strokeWidth: 1
-}, qt = {
+}, oe = {
   id: "cyanotype",
   name: "Cyanotype",
   description: "White linework on classic blueprint blue",
@@ -408,19 +414,19 @@ const Gt = ["solid", "blueprint", "cyanotype"], kt = '"JetBrains Mono", "IBM Ple
     accent: "#ffc857"
   },
   face: { top: "#1b4675", right: "#153a61", left: "#0f2b49" },
-  hatchOpacity: { top: 0.28, right: 0.5, left: 0.78 },
-  font: kt,
+  hatchOpacity: { top: 0.46, right: 0.64, left: 0.88 },
+  font: $t,
   strokeWidth: 1
-}, Rt = { solid: _t, blueprint: Zt, cyanotype: qt };
-function Vt(t) {
-  return Rt[t] || _t;
+}, Lt = { solid: Rt, blueprint: ne, cyanotype: oe };
+function re(t) {
+  return Lt[t] || Rt;
 }
-const Kt = Gt.filter((t) => Rt[t].technical);
-Kt[0];
-const Qt = {
+const se = te.filter((t) => Lt[t].technical);
+se[0];
+const ae = {
   violet: "cross",
   blue: "lines",
-  sky: "lines",
+  sky: "dashes",
   cyan: "dashes",
   emerald: "dots",
   amber: "dense",
@@ -429,10 +435,10 @@ const Qt = {
   zinc: "plain",
   slate: "plain"
 };
-function Mt(t) {
-  return Qt[t || "zinc"] || "lines";
+function Pt(t) {
+  return ae[t || "zinc"] || "lines";
 }
-const te = {
+const ie = {
   plain: "PLAIN",
   lines: "HATCH-A",
   cross: "HATCH-X",
@@ -440,211 +446,211 @@ const te = {
   dots: "STIPPLE",
   dashes: "BROKEN"
 };
-function Tt(t, r, a, i = 0, s = 0) {
-  const f = (g, C, N) => {
-    const R = y(g, C, N);
-    return { x: R.screenX + i, y: R.screenY + s };
-  }, x = f(0, 0, 0), b = f(t, 0, 0), k = f(t, r, 0), u = f(0, r, 0), l = f(0, 0, a), O = f(t, 0, a), d = f(t, r, a), c = f(0, r, a), S = (g) => `M ${g.map((C) => `${C.x},${C.y}`).join(" L ")} Z`, m = (g, C) => `M ${g.x},${g.y} L ${C.x},${C.y}`, M = [x, b, k, u, l, O, d, c];
+function Ct(t, e, s, a = 0, i = 0) {
+  const l = ($, E, P) => {
+    const A = k($, E, P);
+    return { x: A.screenX + a, y: A.screenY + i };
+  }, u = l(0, 0, 0), m = l(t, 0, 0), g = l(t, e, 0), x = l(0, e, 0), d = l(0, 0, s), C = l(t, 0, s), h = l(t, e, s), c = l(0, e, s), _ = ($) => `M ${$.map((E) => `${E.x},${E.y}`).join(" L ")} Z`, f = ($, E) => `M ${$.x},${$.y} L ${E.x},${E.y}`, O = [u, m, g, x, d, C, h, c];
   return {
-    top: S([l, O, d, c]),
-    right: S([x, b, O, l]),
-    left: S([x, u, c, l]),
+    top: _([d, C, h, c]),
+    right: _([u, m, C, d]),
+    left: _([u, x, c, d]),
     visible: [
       // silhouette
-      S([x, b, O, d, c, u]),
+      _([u, m, C, h, c, x]),
       // interior creases radiating from the near top corner
-      m(l, O),
-      m(l, c),
-      m(l, x)
+      f(d, C),
+      f(d, c),
+      f(d, u)
     ].join(" "),
-    hidden: [m(k, b), m(k, u), m(k, d)].join(" "),
-    topCenter: { x: (l.x + d.x) / 2, y: (l.y + d.y) / 2 },
-    topApex: { x: d.x, y: d.y },
-    minX: Math.min(...M.map((g) => g.x)),
-    minY: Math.min(...M.map((g) => g.y)),
-    maxX: Math.max(...M.map((g) => g.x)),
-    maxY: Math.max(...M.map((g) => g.y))
+    hidden: [f(g, m), f(g, x), f(g, h)].join(" "),
+    topCenter: { x: (d.x + h.x) / 2, y: (d.y + h.y) / 2 },
+    topApex: { x: h.x, y: h.y },
+    minX: Math.min(...O.map(($) => $.x)),
+    minY: Math.min(...O.map(($) => $.y)),
+    maxX: Math.max(...O.map(($) => $.x)),
+    maxY: Math.max(...O.map(($) => $.y))
   };
 }
-function mt(t) {
+function kt(t) {
   return String(t).padStart(2, "0");
 }
-const ee = {
+const ce = {
   top: ["n30", "p30"],
   right: ["n30", "v"],
   left: ["p30", "v"]
-}, ne = { n30: -30, p30: 30, v: 90 }, re = [
+}, le = { n30: -30, p30: 30, v: 90 }, de = [
   { key: "line", spacing: 6.2, strokeWidth: 0.55 },
   { key: "dense", spacing: 3.1, strokeWidth: 0.45 },
   { key: "dash", spacing: 6.2, strokeWidth: 0.55, dash: "2.6 2.6" }
-], lt = 22;
-function Pt(t, r, a) {
-  const [i, s] = ee[a];
-  switch (r) {
+], dt = 22;
+function zt(t, e, s) {
+  const [a, i] = ce[s];
+  switch (e) {
     case "plain":
       return [];
     case "lines":
-      return [`${t}-line-${i}`];
+      return [`${t}-line-${a}`];
     case "cross":
-      return [`${t}-line-${i}`, `${t}-line-${s}`];
+      return [`${t}-line-${a}`, `${t}-line-${i}`];
     case "dense":
-      return [`${t}-dense-${i}`];
+      return [`${t}-dense-${a}`];
     case "dashes":
-      return [`${t}-dash-${i}`];
+      return [`${t}-dash-${a}`];
     case "dots":
       return [`${t}-dot`];
     default:
-      return [`${t}-line-${i}`];
+      return [`${t}-line-${a}`];
   }
 }
-const At = (t) => `${t}-paper`, Lt = (t) => `${t}-grain`, oe = (t, r = "line") => `${t}-arrow-${r}`, se = (t) => [`${t}-grid-n30`, `${t}-grid-p30`];
+const Yt = (t) => `${t}-paper`, Wt = (t) => `${t}-grain`, he = (t, e = "line") => `${t}-arrow-${e}`, fe = (t) => [`${t}-grid-n30`, `${t}-grid-p30`];
 function bt({
   uid: t,
-  style: r,
+  style: e,
   /** Extra transform applied to the graph-paper grid, so it can be pinned to
    *  panned/zoomed content while the paper itself fills the viewport. */
-  gridTransform: a = ""
+  gridTransform: s = ""
 }) {
-  return /* @__PURE__ */ e.jsxs("defs", { children: [
-    re.flatMap(
-      (i) => Object.entries(ne).map(([s, f]) => /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ n.jsxs("defs", { children: [
+    de.flatMap(
+      (a) => Object.entries(le).map(([i, l]) => /* @__PURE__ */ n.jsx(
         "pattern",
         {
-          id: `${t}-${i.key}-${s}`,
-          width: i.spacing,
-          height: i.spacing,
+          id: `${t}-${a.key}-${i}`,
+          width: a.spacing,
+          height: a.spacing,
           patternUnits: "userSpaceOnUse",
-          patternTransform: `rotate(${f})`,
-          children: /* @__PURE__ */ e.jsx(
+          patternTransform: `rotate(${l})`,
+          children: /* @__PURE__ */ n.jsx(
             "line",
             {
               x1: -1,
-              y1: i.spacing / 2,
-              x2: i.spacing + 1,
-              y2: i.spacing / 2,
-              stroke: r.ink.hatch,
-              strokeWidth: i.strokeWidth,
-              strokeDasharray: i.dash
+              y1: a.spacing / 2,
+              x2: a.spacing + 1,
+              y2: a.spacing / 2,
+              stroke: e.ink.hatch,
+              strokeWidth: a.strokeWidth,
+              strokeDasharray: a.dash
             }
           )
         },
-        `${i.key}-${s}`
+        `${a.key}-${i}`
       ))
     ),
-    /* @__PURE__ */ e.jsx("pattern", { id: `${t}-dot`, width: 4.5, height: 4.5, patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ e.jsx("circle", { cx: 2.25, cy: 2.25, r: 0.55, fill: r.ink.hatch }) }),
+    /* @__PURE__ */ n.jsx("pattern", { id: `${t}-dot`, width: 4.5, height: 4.5, patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ n.jsx("circle", { cx: 2.25, cy: 2.25, r: 0.55, fill: e.ink.hatch }) }),
     [
       { id: `${t}-grid-n30`, angle: -30 },
       { id: `${t}-grid-p30`, angle: 30 }
-    ].map(({ id: i, angle: s }) => /* @__PURE__ */ e.jsx(
+    ].map(({ id: a, angle: i }) => /* @__PURE__ */ n.jsx(
       "pattern",
       {
-        id: i,
-        width: lt,
-        height: lt,
+        id: a,
+        width: dt,
+        height: dt,
         patternUnits: "userSpaceOnUse",
-        patternTransform: `${a} rotate(${s})`.trim(),
-        children: /* @__PURE__ */ e.jsx(
+        patternTransform: `${s} rotate(${i})`.trim(),
+        children: /* @__PURE__ */ n.jsx(
           "line",
           {
             x1: -1,
-            y1: lt / 2,
-            x2: lt + 1,
-            y2: lt / 2,
-            stroke: r.paper.grid,
+            y1: dt / 2,
+            x2: dt + 1,
+            y2: dt / 2,
+            stroke: e.paper.grid,
             strokeWidth: 0.5
           }
         )
       },
-      i
+      a
     )),
-    /* @__PURE__ */ e.jsxs("linearGradient", { id: At(t), x1: "0", y1: "0", x2: "0.35", y2: "1", children: [
-      /* @__PURE__ */ e.jsx("stop", { offset: "0%", stopColor: r.paper.from }),
-      /* @__PURE__ */ e.jsx("stop", { offset: "100%", stopColor: r.paper.to })
+    /* @__PURE__ */ n.jsxs("linearGradient", { id: Yt(t), x1: "0", y1: "0", x2: "0.35", y2: "1", children: [
+      /* @__PURE__ */ n.jsx("stop", { offset: "0%", stopColor: e.paper.from }),
+      /* @__PURE__ */ n.jsx("stop", { offset: "100%", stopColor: e.paper.to })
     ] }),
-    /* @__PURE__ */ e.jsxs("filter", { id: Lt(t), x: "0%", y: "0%", width: "100%", height: "100%", children: [
-      /* @__PURE__ */ e.jsx("feTurbulence", { type: "fractalNoise", baseFrequency: "0.85", numOctaves: 3, stitchTiles: "stitch" }),
-      /* @__PURE__ */ e.jsx("feColorMatrix", { type: "saturate", values: "0" })
+    /* @__PURE__ */ n.jsxs("filter", { id: Wt(t), x: "0%", y: "0%", width: "100%", height: "100%", children: [
+      /* @__PURE__ */ n.jsx("feTurbulence", { type: "fractalNoise", baseFrequency: "0.85", numOctaves: 3, stitchTiles: "stitch" }),
+      /* @__PURE__ */ n.jsx("feColorMatrix", { type: "saturate", values: "0" })
     ] }),
-    ["line", "accent"].map((i) => /* @__PURE__ */ e.jsx(
+    ["line", "accent"].map((a) => /* @__PURE__ */ n.jsx(
       "marker",
       {
-        id: oe(t, i),
+        id: he(t, a),
         markerWidth: "10",
         markerHeight: "10",
         refX: "8",
         refY: "4",
         orient: "auto",
         markerUnits: "userSpaceOnUse",
-        children: /* @__PURE__ */ e.jsx(
+        children: /* @__PURE__ */ n.jsx(
           "path",
           {
             d: "M 1 1 L 8 4 L 1 7",
             fill: "none",
-            stroke: i === "accent" ? r.ink.accent : r.ink.line,
+            stroke: a === "accent" ? e.ink.accent : e.ink.line,
             strokeWidth: 1,
             strokeLinecap: "round",
             strokeLinejoin: "round"
           }
         )
       },
-      i
+      a
     ))
   ] });
 }
-function ae({
+function pe({
   style: t,
-  rect: r,
-  pan: a,
-  zoom: i = 1,
-  className: s = "absolute inset-0 w-full h-full pointer-events-none"
+  rect: e,
+  pan: s,
+  zoom: a = 1,
+  className: i = "absolute inset-0 w-full h-full pointer-events-none"
 }) {
-  const f = yt().replace(/:/g, ""), x = a ? `translate(${a.x} ${a.y}) scale(${i})` : i !== 1 ? `scale(${i})` : "", b = r ? { x: r.x, y: r.y, width: r.width, height: r.height } : { x: 0, y: 0, width: "100%", height: "100%" };
-  return /* @__PURE__ */ e.jsxs("svg", { className: s, "aria-hidden": "true", children: [
-    /* @__PURE__ */ e.jsx(bt, { uid: f, style: t, gridTransform: x }),
-    /* @__PURE__ */ e.jsx("rect", { ...b, fill: `url(#${At(f)})` }),
-    se(f).map((k) => /* @__PURE__ */ e.jsx("rect", { ...b, fill: `url(#${k})`, opacity: 0.6 }, k)),
-    t.paper.grain > 0 && /* @__PURE__ */ e.jsx("rect", { ...b, filter: `url(#${Lt(f)})`, opacity: t.paper.grain })
+  const l = gt().replace(/:/g, ""), u = s ? `translate(${s.x} ${s.y}) scale(${a})` : a !== 1 ? `scale(${a})` : "", m = e ? { x: e.x, y: e.y, width: e.width, height: e.height } : { x: 0, y: 0, width: "100%", height: "100%" };
+  return /* @__PURE__ */ n.jsxs("svg", { className: i, "aria-hidden": "true", children: [
+    /* @__PURE__ */ n.jsx(bt, { uid: l, style: t, gridTransform: u }),
+    /* @__PURE__ */ n.jsx("rect", { ...m, fill: `url(#${Yt(l)})` }),
+    fe(l).map((g) => /* @__PURE__ */ n.jsx("rect", { ...m, fill: `url(#${g})`, opacity: 0.6 }, g)),
+    t.paper.grain > 0 && /* @__PURE__ */ n.jsx("rect", { ...m, filter: `url(#${Wt(l)})`, opacity: t.paper.grain })
   ] });
 }
-const pt = o(10), ie = 9, wt = (t, r) => t.length > r ? `${t.slice(0, r - 1)}…` : t;
-function ce({
+const ut = r(10), ue = 9, Et = (t, e) => t.length > e ? `${t.slice(0, e - 1)}…` : t;
+function xe({
   style: t,
-  plate: r,
-  rows: a,
-  title: i,
-  tally: s,
-  className: f = "absolute inset-0 w-full h-full pointer-events-none"
+  plate: e,
+  rows: s,
+  title: a,
+  tally: i,
+  className: l = "absolute inset-0 w-full h-full pointer-events-none"
 }) {
-  const x = yt().replace(/:/g, ""), b = a.slice(0, ie), k = a.length - b.length, u = {
-    x: r.minX + pt,
-    y: r.minY + pt,
-    width: r.maxX - r.minX - pt * 2,
-    height: r.maxY - r.minY - pt * 2
-  }, l = {
+  const u = gt().replace(/:/g, ""), m = s.slice(0, ue), g = s.length - m.length, x = {
+    x: e.minX + ut,
+    y: e.minY + ut,
+    width: e.maxX - e.minX - ut * 2,
+    height: e.maxY - e.minY - ut * 2
+  }, d = {
     fontFamily: t.font,
     letterSpacing: "0.08em"
-  }, O = o(236), d = o(13), c = o(16), S = c + Math.max(b.length, 1) * d + (k > 0 ? d : 0), m = u.x + o(14), M = u.y + o(14), g = o(264), C = o(74), N = o(126), R = u.x + u.width - g - o(14), $ = u.y + u.height - C - o(14);
-  return /* @__PURE__ */ e.jsxs("svg", { className: f, style: { overflow: "visible" }, "aria-hidden": "true", children: [
-    /* @__PURE__ */ e.jsx(bt, { uid: x, style: t }),
-    /* @__PURE__ */ e.jsx(
+  }, C = r(236), h = r(13), c = r(16), _ = c + Math.max(m.length, 1) * h + (g > 0 ? h : 0), f = x.x + r(14), O = x.y + r(14), $ = r(264), E = r(74), P = r(126), A = x.x + x.width - $ - r(14), b = x.y + x.height - E - r(14);
+  return /* @__PURE__ */ n.jsxs("svg", { className: l, style: { overflow: "visible" }, "aria-hidden": "true", children: [
+    /* @__PURE__ */ n.jsx(bt, { uid: u, style: t }),
+    /* @__PURE__ */ n.jsx(
       "rect",
       {
-        x: r.minX,
-        y: r.minY,
-        width: r.maxX - r.minX,
-        height: r.maxY - r.minY,
+        x: e.minX,
+        y: e.minY,
+        width: e.maxX - e.minX,
+        height: e.maxY - e.minY,
         fill: "none",
         stroke: t.paper.edge,
         strokeWidth: 1.4
       }
     ),
-    /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ n.jsx(
       "rect",
       {
-        x: u.x,
-        y: u.y,
-        width: u.width,
-        height: u.height,
+        x: x.x,
+        y: x.y,
+        width: x.width,
+        height: x.height,
         fill: "none",
         stroke: t.paper.edge,
         strokeWidth: 0.6,
@@ -652,285 +658,741 @@ function ce({
       }
     ),
     [
-      [u.x, u.y, 1, 1],
-      [u.x + u.width, u.y, -1, 1],
-      [u.x, u.y + u.height, 1, -1],
-      [u.x + u.width, u.y + u.height, -1, -1]
-    ].map(([w, A, E, F], Y) => /* @__PURE__ */ e.jsx(
+      [x.x, x.y, 1, 1],
+      [x.x + x.width, x.y, -1, 1],
+      [x.x, x.y + x.height, 1, -1],
+      [x.x + x.width, x.y + x.height, -1, -1]
+    ].map(([T, L, w, F], Y) => /* @__PURE__ */ n.jsx(
       "path",
       {
-        d: `M ${w + E * o(16)} ${A} L ${w} ${A} L ${w} ${A + F * o(16)}`,
+        d: `M ${T + w * r(16)} ${L} L ${T} ${L} L ${T} ${L + F * r(16)}`,
         fill: "none",
         stroke: t.ink.line,
         strokeWidth: 1.2
       },
       Y
     )),
-    b.length > 0 && /* @__PURE__ */ e.jsxs("g", { children: [
-      /* @__PURE__ */ e.jsx(
+    m.length > 0 && /* @__PURE__ */ n.jsxs("g", { children: [
+      /* @__PURE__ */ n.jsx(
         "rect",
         {
-          x: m,
-          y: M,
-          width: O,
-          height: S,
+          x: f,
+          y: O,
+          width: C,
+          height: _,
           fill: t.paper.from,
           fillOpacity: 0.55,
           stroke: t.ink.line,
           strokeWidth: 0.8
         }
       ),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ n.jsx(
         "line",
         {
-          x1: m,
-          y1: M + c,
-          x2: m + O,
-          y2: M + c,
+          x1: f,
+          y1: O + c,
+          x2: f + C,
+          y2: O + c,
           stroke: t.ink.line,
           strokeWidth: 0.8
         }
       ),
-      /* @__PURE__ */ e.jsx("text", { x: m + o(8), y: M + o(11), fill: t.ink.text, fontSize: o(8), fontWeight: 600, style: l, children: "COMPONENT INDEX" }),
-      /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ n.jsx("text", { x: f + r(8), y: O + r(11), fill: t.ink.text, fontSize: r(8), fontWeight: 600, style: d, children: "COMPONENT INDEX" }),
+      /* @__PURE__ */ n.jsxs(
         "text",
         {
-          x: m + O - o(8),
-          y: M + o(11),
+          x: f + C - r(8),
+          y: O + r(11),
           textAnchor: "end",
           fill: t.ink.muted,
-          fontSize: o(8),
-          style: l,
+          fontSize: r(8),
+          style: d,
           children: [
-            mt(a.length),
+            kt(s.length),
             " ITEMS"
           ]
         }
       ),
-      b.map((w, A) => {
-        const E = M + c + A * d, F = Mt(w.color), Y = Pt(x, F, "top");
-        return /* @__PURE__ */ e.jsxs("g", { children: [
-          /* @__PURE__ */ e.jsx("text", { x: m + o(8), y: E + o(9.5), fill: t.ink.muted, fontSize: o(7.5), style: l, children: mt(w.n) }),
-          /* @__PURE__ */ e.jsx(
+      m.map((T, L) => {
+        const w = O + c + L * h, F = Pt(T.color), Y = zt(u, F, "top");
+        return /* @__PURE__ */ n.jsxs("g", { children: [
+          /* @__PURE__ */ n.jsx("text", { x: f + r(8), y: w + r(9.5), fill: t.ink.muted, fontSize: r(7.5), style: d, children: kt(T.n) }),
+          /* @__PURE__ */ n.jsx(
             "rect",
             {
-              x: m + o(28),
-              y: E + o(3),
-              width: o(14),
-              height: o(7),
+              x: f + r(28),
+              y: w + r(3),
+              width: r(14),
+              height: r(7),
               fill: t.face.right,
               stroke: t.ink.line,
               strokeWidth: 0.4
             }
           ),
-          Y.map((P) => /* @__PURE__ */ e.jsx(
+          Y.map((R) => /* @__PURE__ */ n.jsx(
             "rect",
             {
-              x: m + o(28),
-              y: E + o(3),
-              width: o(14),
-              height: o(7),
-              fill: `url(#${P})`,
+              x: f + r(28),
+              y: w + r(3),
+              width: r(14),
+              height: r(7),
+              fill: `url(#${R})`,
               opacity: 0.85
             },
-            P
+            R
           )),
-          /* @__PURE__ */ e.jsx("text", { x: m + o(50), y: E + o(9.5), fill: t.ink.text, fontSize: o(7.5), style: l, children: wt((w.name || "").toUpperCase(), 18) }),
-          /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ n.jsx("text", { x: f + r(50), y: w + r(9.5), fill: t.ink.text, fontSize: r(7.5), style: d, children: Et((T.name || "").toUpperCase(), 18) }),
+          /* @__PURE__ */ n.jsx(
             "text",
             {
-              x: m + O - o(8),
-              y: E + o(9.5),
+              x: f + C - r(8),
+              y: w + r(9.5),
               textAnchor: "end",
               fill: t.ink.muted,
-              fontSize: o(7),
-              style: l,
-              children: te[F]
+              fontSize: r(7),
+              style: d,
+              children: ie[F]
             }
           )
-        ] }, w.n);
+        ] }, T.n);
       }),
-      k > 0 && /* @__PURE__ */ e.jsx(
+      g > 0 && /* @__PURE__ */ n.jsx(
         "text",
         {
-          x: m + o(8),
-          y: M + c + b.length * d + o(9.5),
+          x: f + r(8),
+          y: O + c + m.length * h + r(9.5),
           fill: t.ink.muted,
-          fontSize: o(7.5),
-          style: l,
-          children: `+ ${k} NOT LISTED`
+          fontSize: r(7.5),
+          style: d,
+          children: `+ ${g} NOT LISTED`
         }
       )
     ] }),
-    /* @__PURE__ */ e.jsxs("g", { children: [
-      /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ n.jsxs("g", { children: [
+      /* @__PURE__ */ n.jsx(
         "rect",
         {
-          x: R,
-          y: $,
-          width: g,
-          height: C,
+          x: A,
+          y: b,
+          width: $,
+          height: E,
           fill: t.paper.from,
           fillOpacity: 0.55,
           stroke: t.ink.line,
           strokeWidth: 0.8
         }
       ),
-      /* @__PURE__ */ e.jsx("line", { x1: R, y1: $ + o(30), x2: R + g, y2: $ + o(30), stroke: t.ink.line, strokeWidth: 0.8 }),
-      /* @__PURE__ */ e.jsx("line", { x1: R, y1: $ + o(52), x2: R + g, y2: $ + o(52), stroke: t.ink.line, strokeWidth: 0.5 }),
-      /* @__PURE__ */ e.jsx("line", { x1: R + N, y1: $ + o(30), x2: R + N, y2: $ + C, stroke: t.ink.line, strokeWidth: 0.5 }),
-      /* @__PURE__ */ e.jsx("text", { x: R + o(9), y: $ + o(12), fill: t.ink.muted, fontSize: o(6.5), style: l, children: "DRAWING TITLE" }),
-      /* @__PURE__ */ e.jsx("text", { x: R + o(9), y: $ + o(24), fill: t.ink.text, fontSize: o(10), fontWeight: 600, style: l, children: wt((i || "UNTITLED ASSEMBLY").toUpperCase(), 26) }),
-      /* @__PURE__ */ e.jsx("text", { x: R + o(9), y: $ + o(43), fill: t.ink.muted, fontSize: o(6.5), style: l, children: "PROJECTION" }),
-      /* @__PURE__ */ e.jsx("text", { x: R + N - o(9), y: $ + o(43), textAnchor: "end", fill: t.ink.text, fontSize: o(7), style: l, children: "ISOMETRIC 30°" }),
-      /* @__PURE__ */ e.jsx("text", { x: R + o(9), y: $ + o(65), fill: t.ink.muted, fontSize: o(6.5), style: l, children: "SCALE" }),
-      /* @__PURE__ */ e.jsx("text", { x: R + N - o(9), y: $ + o(65), textAnchor: "end", fill: t.ink.text, fontSize: o(7), style: l, children: "1:1" }),
-      /* @__PURE__ */ e.jsx("text", { x: R + N + o(9), y: $ + o(43), fill: t.ink.muted, fontSize: o(6.5), style: l, children: "QTY" }),
-      /* @__PURE__ */ e.jsx("text", { x: R + g - o(9), y: $ + o(43), textAnchor: "end", fill: t.ink.text, fontSize: o(7), style: l, children: s || `${mt(a.length)} CMP` }),
-      /* @__PURE__ */ e.jsx("text", { x: R + N + o(9), y: $ + o(65), fill: t.ink.muted, fontSize: o(6.5), style: l, children: "SHEET" }),
-      /* @__PURE__ */ e.jsx("text", { x: R + g - o(9), y: $ + o(65), textAnchor: "end", fill: t.ink.text, fontSize: o(7), style: l, children: "1 OF 1" })
+      /* @__PURE__ */ n.jsx("line", { x1: A, y1: b + r(30), x2: A + $, y2: b + r(30), stroke: t.ink.line, strokeWidth: 0.8 }),
+      /* @__PURE__ */ n.jsx("line", { x1: A, y1: b + r(52), x2: A + $, y2: b + r(52), stroke: t.ink.line, strokeWidth: 0.5 }),
+      /* @__PURE__ */ n.jsx("line", { x1: A + P, y1: b + r(30), x2: A + P, y2: b + E, stroke: t.ink.line, strokeWidth: 0.5 }),
+      /* @__PURE__ */ n.jsx("text", { x: A + r(9), y: b + r(12), fill: t.ink.muted, fontSize: r(6.5), style: d, children: "DRAWING TITLE" }),
+      /* @__PURE__ */ n.jsx("text", { x: A + r(9), y: b + r(24), fill: t.ink.text, fontSize: r(10), fontWeight: 600, style: d, children: Et((a || "UNTITLED ASSEMBLY").toUpperCase(), 26) }),
+      /* @__PURE__ */ n.jsx("text", { x: A + r(9), y: b + r(43), fill: t.ink.muted, fontSize: r(6.5), style: d, children: "PROJECTION" }),
+      /* @__PURE__ */ n.jsx("text", { x: A + P - r(9), y: b + r(43), textAnchor: "end", fill: t.ink.text, fontSize: r(7), style: d, children: "ISOMETRIC 30°" }),
+      /* @__PURE__ */ n.jsx("text", { x: A + r(9), y: b + r(65), fill: t.ink.muted, fontSize: r(6.5), style: d, children: "SCALE" }),
+      /* @__PURE__ */ n.jsx("text", { x: A + P - r(9), y: b + r(65), textAnchor: "end", fill: t.ink.text, fontSize: r(7), style: d, children: "1:1" }),
+      /* @__PURE__ */ n.jsx("text", { x: A + P + r(9), y: b + r(43), fill: t.ink.muted, fontSize: r(6.5), style: d, children: "QTY" }),
+      /* @__PURE__ */ n.jsx("text", { x: A + $ - r(9), y: b + r(43), textAnchor: "end", fill: t.ink.text, fontSize: r(7), style: d, children: i || `${kt(s.length)} CMP` }),
+      /* @__PURE__ */ n.jsx("text", { x: A + P + r(9), y: b + r(65), fill: t.ink.muted, fontSize: r(6.5), style: d, children: "SHEET" }),
+      /* @__PURE__ */ n.jsx("text", { x: A + $ - r(9), y: b + r(65), textAnchor: "end", fill: t.ink.text, fontSize: r(7), style: d, children: "1 OF 1" })
     ] })
   ] });
 }
-function le({
+const ye = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ke = (t) => t.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (e, s, a) => a ? a.toUpperCase() : s.toLowerCase()
+), Tt = (t) => {
+  const e = ke(t);
+  return e.charAt(0).toUpperCase() + e.slice(1);
+}, It = (...t) => t.filter((e, s, a) => !!e && e.trim() !== "" && a.indexOf(e) === s).join(" ").trim(), me = (t) => {
+  for (const e in t)
+    if (e.startsWith("aria-") || e === "role" || e === "title")
+      return !0;
+};
+var ge = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+const $e = Ot(
+  ({
+    color: t = "currentColor",
+    size: e = 24,
+    strokeWidth: s = 2,
+    absoluteStrokeWidth: a,
+    className: i = "",
+    children: l,
+    iconNode: u,
+    ...m
+  }, g) => mt(
+    "svg",
+    {
+      ref: g,
+      ...ge,
+      width: e,
+      height: e,
+      stroke: t,
+      strokeWidth: a ? Number(s) * 24 / Number(e) : s,
+      className: It("lucide", i),
+      ...!l && !me(m) && { "aria-hidden": "true" },
+      ...m
+    },
+    [
+      ...u.map(([x, d]) => mt(x, d)),
+      ...Array.isArray(l) ? l : [l]
+    ]
+  )
+);
+const v = (t, e) => {
+  const s = Ot(
+    ({ className: a, ...i }, l) => mt($e, {
+      ref: l,
+      iconNode: e,
+      className: It(
+        `lucide-${ye(Tt(t))}`,
+        `lucide-${t}`,
+        a
+      ),
+      ...i
+    })
+  );
+  return s.displayName = Tt(t), s;
+};
+const be = [
+  [
+    "path",
+    {
+      d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",
+      key: "169zse"
+    }
+  ]
+], ve = v("activity", be);
+const _e = [
+  ["path", { d: "M12 5v14", key: "s699le" }],
+  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+], je = v("arrow-down", _e);
+const Me = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
+], we = v("arrow-right", Me);
+const Se = [
+  ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
+  [
+    "path",
+    {
+      d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",
+      key: "11g9vi"
+    }
+  ]
+], Ce = v("bell", Se);
+const Ee = [
+  [
+    "path",
+    {
+      d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",
+      key: "hh9hay"
+    }
+  ],
+  ["path", { d: "m3.3 7 8.7 5 8.7-5", key: "g66t2b" }],
+  ["path", { d: "M12 22V12", key: "d0xqtd" }]
+], Ft = v("box", Ee);
+const Te = [
+  [
+    "path",
+    {
+      d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",
+      key: "18u6gg"
+    }
+  ],
+  ["circle", { cx: "12", cy: "13", r: "3", key: "1vg3eu" }]
+], Ae = v("camera", Te);
+const Oe = [
+  ["path", { d: "M5 21v-6", key: "1hz6c0" }],
+  ["path", { d: "M12 21V9", key: "uvy0l4" }],
+  ["path", { d: "M19 21V3", key: "11j9sm" }]
+], Ne = v("chart-no-axes-column-increasing", Oe);
+const Re = [
+  [
+    "path",
+    {
+      d: "M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z",
+      key: "pzmjnu"
+    }
+  ],
+  ["path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83", key: "k2fpak" }]
+], Le = v("chart-pie", Re);
+const Pe = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], ze = v("circle", Pe);
+const Ye = [
+  ["path", { d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z", key: "p7xjir" }]
+], We = v("cloud", Ye);
+const Ie = [
+  ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
+  ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
+], Fe = v("code", Ie);
+const De = [
+  ["path", { d: "M12 20v2", key: "1lh1kg" }],
+  ["path", { d: "M12 2v2", key: "tus03m" }],
+  ["path", { d: "M17 20v2", key: "1rnc9c" }],
+  ["path", { d: "M17 2v2", key: "11trls" }],
+  ["path", { d: "M2 12h2", key: "1t8f8n" }],
+  ["path", { d: "M2 17h2", key: "7oei6x" }],
+  ["path", { d: "M2 7h2", key: "asdhe0" }],
+  ["path", { d: "M20 12h2", key: "1q8mjw" }],
+  ["path", { d: "M20 17h2", key: "1fpfkl" }],
+  ["path", { d: "M20 7h2", key: "1o8tra" }],
+  ["path", { d: "M7 20v2", key: "4gnj0m" }],
+  ["path", { d: "M7 2v2", key: "1i4yhu" }],
+  ["rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", key: "1vbyd7" }],
+  ["rect", { x: "8", y: "8", width: "8", height: "8", rx: "1", key: "z9xiuo" }]
+], Be = v("cpu", De);
+const Xe = [
+  ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
+  ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
+  ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
+], He = v("database", Xe);
+const qe = [
+  ["path", { d: "M12 15V3", key: "m9g1x1" }],
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
+  ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
+], Ue = v("download", qe);
+const Ge = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M10 12.5 8 15l2 2.5", key: "1tg20x" }],
+  ["path", { d: "m14 12.5 2 2.5-2 2.5", key: "yinavb" }]
+], Ve = v("file-code", Ge);
+const Ze = [
+  [
+    "path",
+    {
+      d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
+      key: "1kt360"
+    }
+  ]
+], Je = v("folder", Ze);
+const Ke = [
+  [
+    "path",
+    {
+      d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z",
+      key: "sc7q7i"
+    }
+  ]
+], Qe = v("funnel", Ke);
+const tn = [
+  ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
+  ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
+  ["path", { d: "M2 12h20", key: "9i4pu4" }]
+], en = v("globe", tn);
+const nn = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M3 9h18", key: "1pudct" }],
+  ["path", { d: "M3 15h18", key: "5xshup" }],
+  ["path", { d: "M9 3v18", key: "fh3hqa" }],
+  ["path", { d: "M15 3v18", key: "14nvp0" }]
+], on = v("grid-3x3", nn);
+const rn = [
+  ["line", { x1: "22", x2: "2", y1: "12", y2: "12", key: "1y58io" }],
+  [
+    "path",
+    {
+      d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",
+      key: "oot6mr"
+    }
+  ],
+  ["line", { x1: "6", x2: "6.01", y1: "16", y2: "16", key: "sgf278" }],
+  ["line", { x1: "10", x2: "10.01", y1: "16", y2: "16", key: "1l4acy" }]
+], sn = v("hard-drive", rn);
+const an = [
+  [
+    "path",
+    {
+      d: "M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3",
+      key: "1xhozi"
+    }
+  ]
+], cn = v("headphones", an);
+const ln = [
+  ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
+  ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
+  ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
+], dn = v("key", ln);
+const hn = [
+  [
+    "path",
+    {
+      d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
+      key: "zw3jo"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
+      key: "1wduqc"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
+      key: "kqbvx6"
+    }
+  ]
+], fn = v("layers", hn);
+const pn = [
+  ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
+  ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
+], un = v("lock", pn);
+const xn = [
+  ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
+  ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
+], yn = v("mail", xn);
+const kn = [
+  [
+    "path",
+    {
+      d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+      key: "18887p"
+    }
+  ]
+], mn = v("message-square", kn);
+const gn = [
+  ["path", { d: "M12 19v3", key: "npa21l" }],
+  ["path", { d: "M19 10v2a7 7 0 0 1-14 0v-2", key: "1vc78b" }],
+  ["rect", { x: "9", y: "2", width: "6", height: "13", rx: "3", key: "s6n7sd" }]
+], $n = v("mic", gn);
+const bn = [
+  ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
+  ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
+  ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
+], vn = v("monitor", bn);
+const _n = [
+  [
+    "path",
+    {
+      d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z",
+      key: "1a0edw"
+    }
+  ],
+  ["path", { d: "M12 22V12", key: "d0xqtd" }],
+  ["polyline", { points: "3.29 7 12 12 20.71 7", key: "ousv84" }],
+  ["path", { d: "m7.5 4.27 9 5.15", key: "1c824w" }]
+], jn = v("package", _n);
+const Mn = [
+  ["rect", { x: "14", y: "3", width: "5", height: "18", rx: "1", key: "kaeet6" }],
+  ["rect", { x: "5", y: "3", width: "5", height: "18", rx: "1", key: "1wsw3u" }]
+], wn = v("pause", Mn);
+const Sn = [
+  [
+    "path",
+    {
+      d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
+      key: "10ikf1"
+    }
+  ]
+], Cn = v("play", Sn);
+const En = [
+  ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
+  ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
+  ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
+  ["path", { d: "M8 16H3v5", key: "1cv678" }]
+], Tn = v("refresh-cw", En);
+const An = [
+  ["path", { d: "m17 2 4 4-4 4", key: "nntrym" }],
+  ["path", { d: "M3 11v-1a4 4 0 0 1 4-4h14", key: "84bu3i" }],
+  ["path", { d: "m7 22-4-4 4-4", key: "1wqhfi" }],
+  ["path", { d: "M21 13v1a4 4 0 0 1-4 4H3", key: "1rx37r" }]
+], On = v("repeat", An);
+const Nn = [
+  ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
+  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
+], Rn = v("search", Nn);
+const Ln = [
+  ["rect", { width: "20", height: "8", x: "2", y: "2", rx: "2", ry: "2", key: "ngkwjq" }],
+  ["rect", { width: "20", height: "8", x: "2", y: "14", rx: "2", ry: "2", key: "iecqi9" }],
+  ["line", { x1: "6", x2: "6.01", y1: "6", y2: "6", key: "16zg32" }],
+  ["line", { x1: "6", x2: "6.01", y1: "18", y2: "18", key: "nzw8ys" }]
+], Pn = v("server", Ln);
+const zn = [
+  [
+    "path",
+    {
+      d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
+      key: "1i5ecw"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+], Yn = v("settings", zn);
+const Wn = [
+  [
+    "path",
+    {
+      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+      key: "oel41y"
+    }
+  ]
+], In = v("shield", Wn);
+const Fn = [
+  ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
+  ["path", { d: "M12 18h.01", key: "mhygvu" }]
+], Dn = v("smartphone", Fn);
+const Bn = [
+  ["rect", { width: "16", height: "20", x: "4", y: "2", rx: "2", key: "1nb95v" }],
+  ["path", { d: "M12 6h.01", key: "1vi96p" }],
+  ["circle", { cx: "12", cy: "14", r: "4", key: "1jruaj" }],
+  ["path", { d: "M12 14h.01", key: "1etili" }]
+], Xn = v("speaker", Bn);
+const Hn = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
+], qn = v("square", Hn);
+const Un = [
+  ["path", { d: "M12 19h8", key: "baeox8" }],
+  ["path", { d: "m4 17 6-6-6-6", key: "1yngyt" }]
+], Gn = v("terminal", Un);
+const Vn = [
+  ["path", { d: "M12 3v12", key: "1x0j5s" }],
+  ["path", { d: "m17 8-5-5-5 5", key: "7q97r8" }],
+  ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }]
+], Zn = v("upload", Vn);
+const Jn = [
+  ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
+  ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
+], Kn = v("user", Jn);
+const Qn = [
+  ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
+  ["path", { d: "M16 3.128a4 4 0 0 1 0 7.744", key: "16gr8j" }],
+  ["path", { d: "M22 21v-2a4 4 0 0 0-3-3.87", key: "kshegd" }],
+  ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
+], to = v("users", Qn);
+const eo = [
+  ["path", { d: "M12 10v2.2l1.6 1", key: "n3r21l" }],
+  [
+    "path",
+    { d: "m16.13 7.66-.81-4.05a2 2 0 0 0-2-1.61h-2.68a2 2 0 0 0-2 1.61l-.78 4.05", key: "18k57s" }
+  ],
+  ["path", { d: "m7.88 16.36.8 4a2 2 0 0 0 2 1.61h2.72a2 2 0 0 0 2-1.61l.81-4.05", key: "16ny36" }],
+  ["circle", { cx: "12", cy: "12", r: "6", key: "1vlfrh" }]
+], no = v("watch", eo);
+const oo = [
+  ["path", { d: "M12 20h.01", key: "zekei9" }],
+  ["path", { d: "M2 8.82a15 15 0 0 1 20 0", key: "dnpr2z" }],
+  ["path", { d: "M5 12.859a10 10 0 0 1 14 0", key: "1x1e6c" }],
+  ["path", { d: "M8.5 16.429a5 5 0 0 1 7 0", key: "1bycff" }]
+], ro = v("wifi", oo);
+const so = [
+  [
+    "path",
+    {
+      d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
+      key: "1xq2db"
+    }
+  ]
+], ao = v("zap", so), io = {
+  Monitor: vn,
+  Server: Pn,
+  Smartphone: Dn,
+  Watch: no,
+  Cloud: We,
+  Cpu: Be,
+  Database: He,
+  HardDrive: sn,
+  Wifi: ro,
+  Globe: en,
+  User: Kn,
+  Users: to,
+  Lock: un,
+  Key: dn,
+  Shield: In,
+  Mic: $n,
+  Camera: Ae,
+  Speaker: Xn,
+  Headphones: cn,
+  Code: Fe,
+  Terminal: Gn,
+  FileCode: Ve,
+  Folder: Je,
+  Zap: ao,
+  Activity: ve,
+  BarChart: Ne,
+  PieChart: Le,
+  ArrowRight: we,
+  ArrowDown: je,
+  RefreshCw: Tn,
+  Repeat: On,
+  Box: Ft,
+  Package: jn,
+  Layers: fn,
+  Grid: on,
+  Settings: Yn,
+  Bell: Ce,
+  Mail: yn,
+  MessageSquare: mn,
+  Search: Rn,
+  Filter: Qe,
+  Download: Ue,
+  Upload: Zn,
+  Play: Cn,
+  Pause: wn,
+  Square: qn,
+  Circle: ze
+};
+function co(t) {
+  return io[t] || Ft;
+}
+function lo({
   uid: t,
-  style: r,
-  box: a,
-  color: i,
-  tag: s,
-  selected: f = !1,
-  opacity: x,
-  onClick: b,
-  onPointerDown: k
+  style: e,
+  box: s,
+  color: a,
+  tag: i,
+  selected: l = !1,
+  opacity: u,
+  onClick: m,
+  onPointerDown: g
 }) {
-  const u = Mt(i), l = f ? r.ink.accent : r.ink.line, O = f ? r.ink.accent : r.ink.text, d = [
-    { face: "left", path: a.left },
-    { face: "right", path: a.right },
-    { face: "top", path: a.top }
+  const x = Pt(a), d = l ? e.ink.accent : e.ink.line, C = l ? e.ink.accent : e.ink.text, h = [
+    { face: "left", path: s.left },
+    { face: "right", path: s.right },
+    { face: "top", path: s.top }
   ];
-  return /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ n.jsxs(
     "g",
     {
-      className: b || k ? "cursor-pointer" : void 0,
-      opacity: x,
-      onClick: b,
-      onPointerDown: k,
+      className: m || g ? "cursor-pointer" : void 0,
+      opacity: u,
+      onClick: m,
+      onPointerDown: g,
       children: [
-        d.map(({ face: c, path: S }) => /* @__PURE__ */ e.jsxs("g", { children: [
-          /* @__PURE__ */ e.jsx("path", { d: S, fill: r.face[c] }),
-          Pt(t, u, c).map((m) => /* @__PURE__ */ e.jsx("path", { d: S, fill: `url(#${m})`, opacity: r.hatchOpacity[c] }, m))
+        h.map(({ face: c, path: _ }) => /* @__PURE__ */ n.jsxs("g", { children: [
+          /* @__PURE__ */ n.jsx("path", { d: _, fill: e.face[c] }),
+          zt(t, x, c).map((f) => /* @__PURE__ */ n.jsx("path", { d: _, fill: `url(#${f})`, opacity: e.hatchOpacity[c] }, f))
         ] }, c)),
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ n.jsx(
           "path",
           {
-            d: a.hidden,
+            d: s.hidden,
             fill: "none",
-            stroke: r.ink.hidden,
-            strokeWidth: r.strokeWidth * 0.55,
+            stroke: e.ink.hidden,
+            strokeWidth: e.strokeWidth * 0.55,
             strokeDasharray: "3.5 3",
             opacity: 0.85
           }
         ),
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ n.jsx(
           "path",
           {
-            d: a.visible,
+            d: s.visible,
             fill: "none",
-            stroke: l,
-            strokeWidth: f ? r.strokeWidth * 1.7 : r.strokeWidth,
+            stroke: d,
+            strokeWidth: l ? e.strokeWidth * 1.7 : e.strokeWidth,
             strokeLinejoin: "round",
             strokeLinecap: "round"
           }
         ),
-        s != null && /* @__PURE__ */ e.jsx(
+        i != null && /* @__PURE__ */ n.jsx(
           "text",
           {
-            x: a.topCenter.x,
-            y: a.topCenter.y + o(3),
+            x: s.topCenter.x,
+            y: s.topCenter.y + r(3),
             textAnchor: "middle",
-            fill: O,
-            fontSize: o(8),
+            fill: C,
+            fontSize: r(8),
             fontWeight: 600,
-            fontFamily: r.font,
+            fontFamily: e.font,
             style: { letterSpacing: "0.1em" },
             pointerEvents: "none",
-            children: mt(s)
+            children: kt(i)
           }
         )
       ]
     }
   );
 }
-function fe({
+function ho({
   style: t,
-  box: r,
-  name: a,
-  subtitle: i,
-  selected: s = !1,
-  opacity: f
+  box: e,
+  name: s,
+  subtitle: a,
+  icon: i,
+  selected: l = !1,
+  opacity: u
 }) {
-  const x = s ? t.ink.accent : t.ink.line, b = s ? t.ink.accent : t.ink.text, k = (a || "").toUpperCase(), u = (i || "").toUpperCase(), l = r.minY - o(11), O = l - o(4), d = u ? l - o(15) : l - o(4), c = Math.max(k.length * o(5.6), u.length * o(4.4), o(24));
-  return /* @__PURE__ */ e.jsxs("g", { pointerEvents: "none", opacity: f, children: [
-    /* @__PURE__ */ e.jsx(
+  const m = l ? t.ink.accent : t.ink.line, g = l ? t.ink.accent : t.ink.text, x = i ? co(i) : null, d = (s || "").toUpperCase(), C = (a || "").toUpperCase(), h = e.minY - r(11), c = h - r(4), _ = C ? h - r(15) : h - r(4), f = r(9), O = r(3), $ = x ? f + O : 0, E = Math.max(d.length * r(5.6) + $, C.length * r(4.4), r(24)), P = e.topCenter.x + $ / 2, A = P - d.length * r(5.6) / 2 - O - f, b = _ - f + r(1);
+  return /* @__PURE__ */ n.jsxs("g", { pointerEvents: "none", opacity: u, children: [
+    /* @__PURE__ */ n.jsx(
       "line",
       {
-        x1: r.topCenter.x,
-        y1: r.topCenter.y - o(6),
-        x2: r.topCenter.x,
-        y2: l,
-        stroke: x,
+        x1: e.topCenter.x,
+        y1: e.topCenter.y - r(6),
+        x2: e.topCenter.x,
+        y2: h,
+        stroke: m,
         strokeWidth: t.strokeWidth * 0.6
       }
     ),
-    /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ n.jsx(
       "line",
       {
-        x1: r.topCenter.x - c / 2,
-        y1: l,
-        x2: r.topCenter.x + c / 2,
-        y2: l,
-        stroke: x,
+        x1: e.topCenter.x - E / 2,
+        y1: h,
+        x2: e.topCenter.x + E / 2,
+        y2: h,
+        stroke: m,
         strokeWidth: t.strokeWidth * 0.6
       }
     ),
-    /* @__PURE__ */ e.jsx(
+    x && /* @__PURE__ */ n.jsx("g", { transform: `translate(${A}, ${b})`, color: g, children: /* @__PURE__ */ n.jsx(x, { width: f, height: f, strokeWidth: 1.75 }) }),
+    /* @__PURE__ */ n.jsx(
       "text",
       {
-        x: r.topCenter.x,
-        y: d,
+        x: P,
+        y: _,
         textAnchor: "middle",
-        fill: b,
-        fontSize: o(9.5),
+        fill: g,
+        fontSize: r(9.5),
         fontWeight: 600,
         fontFamily: t.font,
         stroke: t.paper.from,
-        strokeWidth: o(3),
+        strokeWidth: r(3),
         paintOrder: "stroke",
         strokeLinejoin: "round",
         style: { letterSpacing: "0.12em" },
-        children: k
+        children: d
       }
     ),
-    u && /* @__PURE__ */ e.jsx(
+    C && /* @__PURE__ */ n.jsx(
       "text",
       {
-        x: r.topCenter.x,
-        y: O,
+        x: e.topCenter.x,
+        y: c,
         textAnchor: "middle",
         fill: t.ink.muted,
-        fontSize: o(7.5),
+        fontSize: r(7.5),
         fontFamily: t.font,
         stroke: t.paper.from,
-        strokeWidth: o(2.5),
+        strokeWidth: r(2.5),
         paintOrder: "stroke",
         strokeLinejoin: "round",
         style: { letterSpacing: "0.1em" },
-        children: u
+        children: C
       }
     )
   ] });
 }
-const Yt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', de = {
+const Dt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', fo = {
   blue: { top: "#3b82f6", side: "#2563eb", front: "#1d4ed8" },
   violet: { top: "#8b5cf6", side: "#7c3aed", front: "#6d28d9" },
   cyan: { top: "#06b6d4", side: "#0891b2", front: "#0e7490" },
@@ -938,7 +1400,7 @@ const Yt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', de =
   amber: { top: "#f59e0b", side: "#d97706", front: "#b45309" },
   rose: { top: "#f43f5e", side: "#e11d48", front: "#be123c" },
   slate: { top: "#475569", side: "#334155", front: "#1e293b" }
-}, he = {
+}, po = {
   blue: { top: "#93c5fd", side: "#60a5fa", front: "#3b82f6" },
   violet: { top: "#c4b5fd", side: "#a78bfa", front: "#8b5cf6" },
   cyan: { top: "#67e8f9", side: "#22d3ee", front: "#06b6d4" },
@@ -947,181 +1409,181 @@ const Yt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', de =
   rose: { top: "#fda4af", side: "#fb7185", front: "#f43f5e" },
   slate: { top: "#e2e8f0", side: "#cbd5e1", front: "#94a3b8" }
 };
-function ut(t, r, a) {
-  const i = (u) => {
-    const l = u.replace("#", "");
+function xt(t, e, s) {
+  const a = (x) => {
+    const d = x.replace("#", "");
     return {
-      r: parseInt(l.substring(0, 2), 16),
-      g: parseInt(l.substring(2, 4), 16),
-      b: parseInt(l.substring(4, 6), 16)
+      r: parseInt(d.substring(0, 2), 16),
+      g: parseInt(d.substring(2, 4), 16),
+      b: parseInt(d.substring(4, 6), 16)
     };
-  }, s = i(t), f = i(r), x = Math.round(s.r + (f.r - s.r) * a), b = Math.round(s.g + (f.g - s.g) * a), k = Math.round(s.b + (f.b - s.b) * a);
-  return `rgb(${x},${b},${k})`;
+  }, i = a(t), l = a(e), u = Math.round(i.r + (l.r - i.r) * s), m = Math.round(i.g + (l.g - i.g) * s), g = Math.round(i.b + (l.b - i.b) * s);
+  return `rgb(${u},${m},${g})`;
 }
-function pe({ x: t, y: r, z: a, children: i, fontSize: s = 8, color: f = "#1e293b", shadow: x }) {
-  const b = y(t, r, a);
-  return /* @__PURE__ */ e.jsx("g", { transform: `translate(${b.screenX}, ${b.screenY})`, filter: x, children: /* @__PURE__ */ e.jsx("g", { transform: "matrix(0.866, -0.5, 0.866, 0.5, 0, 0)", children: /* @__PURE__ */ e.jsx(
+function uo({ x: t, y: e, z: s, children: a, fontSize: i = 8, color: l = "#1e293b", shadow: u }) {
+  const m = k(t, e, s);
+  return /* @__PURE__ */ n.jsx("g", { transform: `translate(${m.screenX}, ${m.screenY})`, filter: u, children: /* @__PURE__ */ n.jsx("g", { transform: `matrix(${Vt()})`, children: /* @__PURE__ */ n.jsx(
     "text",
     {
       x: 0,
       y: 0,
       textAnchor: "middle",
-      fill: f,
-      fontSize: s,
+      fill: l,
+      fontSize: i,
       fontWeight: 600,
-      fontFamily: Yt,
+      fontFamily: Dt,
       style: { textTransform: "uppercase", letterSpacing: "0.06em" },
-      children: i
+      children: a
     }
   ) }) });
 }
-function ue({ width: t, depth: r, elevation: a, color: i, opacity: s, borderColor: f, theme: x, isGround: b }) {
-  const u = rt(t, r, b ? 8 : 2, 0, 0), l = y(0, 0, a);
-  return /* @__PURE__ */ e.jsxs("g", { transform: `translate(${l.screenX}, ${l.screenY})`, children: [
-    b && /* @__PURE__ */ e.jsx("g", { transform: "translate(4, 4)", opacity: 0.2, children: /* @__PURE__ */ e.jsx("path", { d: u.top, fill: "#000" }) }),
-    /* @__PURE__ */ e.jsx("path", { d: u.top, fill: i, opacity: s }),
-    b && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("path", { d: u.left, fill: x === "dark" ? "#0f172a" : "#cbd5e1", opacity: 0.8 }),
-      /* @__PURE__ */ e.jsx("path", { d: u.right, fill: x === "dark" ? "#1e293b" : "#94a3b8", opacity: 0.8 })
+function xo({ width: t, depth: e, elevation: s, color: a, opacity: i, borderColor: l, theme: u, isGround: m }) {
+  const x = rt(t, e, m ? 8 : 2, 0, 0), d = k(0, 0, s);
+  return /* @__PURE__ */ n.jsxs("g", { transform: `translate(${d.screenX}, ${d.screenY})`, children: [
+    m && /* @__PURE__ */ n.jsx("g", { transform: "translate(4, 4)", opacity: 0.2, children: /* @__PURE__ */ n.jsx("path", { d: x.top, fill: "#000" }) }),
+    /* @__PURE__ */ n.jsx("path", { d: x.top, fill: a, opacity: i }),
+    m && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+      /* @__PURE__ */ n.jsx("path", { d: x.left, fill: u === "dark" ? "#0f172a" : "#cbd5e1", opacity: 0.8 }),
+      /* @__PURE__ */ n.jsx("path", { d: x.right, fill: u === "dark" ? "#1e293b" : "#94a3b8", opacity: 0.8 })
     ] }),
-    /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ n.jsx(
       "path",
       {
-        d: u.top,
+        d: x.top,
         fill: "none",
-        stroke: f || (x === "dark" ? "#475569" : "#94a3b8"),
-        strokeWidth: b ? 1.5 : 0.75,
-        opacity: b ? 1 : 0.6
+        stroke: l || (u === "dark" ? "#475569" : "#94a3b8"),
+        strokeWidth: m ? 1.5 : 0.75,
+        opacity: m ? 1 : 0.6
       }
     )
   ] });
 }
-function $e({ config: t, options: r = {}, className: a, style: i, onNodeClick: s, onLayerClick: f }) {
-  const { interactive: x = !0, animate: b = !0, showLabels: k = !0, expandOnHover: u = !0 } = r, { theme: l, canvas: O, origin: d, tiers: c, floorSize: S, nodes: m, cornerRadius: M = 0 } = t, g = Vt(t.style), C = g.technical, N = yt().replace(/:/g, ""), R = l === "dark" ? de : he, $ = C ? g.paper.to : l === "dark" ? "#0f172a" : "#fafafa", w = C ? g.ink.text : l === "dark" ? "#e2e8f0" : "#1e293b", A = C ? g.ink.muted : l === "dark" ? "#64748b" : "#94a3b8", E = It(() => {
-    const T = m.map((n, h) => ({ node: n, i: h })).sort((n, h) => n.node.tier - h.node.tier || n.node.y - h.node.y || n.node.x - h.node.x), p = /* @__PURE__ */ new Map();
-    return T.forEach(({ i: n }, h) => p.set(n, h + 1)), p;
-  }, [m]), F = { minX: 16, minY: 16, maxX: O.width - 16, maxY: O.height - 16 }, [Y, P] = dt(/* @__PURE__ */ new Set());
-  Ft(() => {
-    b ? (P(/* @__PURE__ */ new Set()), c.forEach((T, p) => {
+function vo({ config: t, options: e = {}, className: s, style: a, onNodeClick: i, onLayerClick: l }) {
+  const { interactive: u = !0, animate: m = !0, showLabels: g = !0, expandOnHover: x = !0 } = e, { theme: d, canvas: C, origin: h, tiers: c, floorSize: _, nodes: f, cornerRadius: O = 0 } = t, $ = re(t.style), E = $.technical, P = gt().replace(/:/g, ""), A = d === "dark" ? fo : po, b = E ? $.paper.to : d === "dark" ? "#0f172a" : "#fafafa", T = E ? $.ink.text : d === "dark" ? "#e2e8f0" : "#1e293b", L = E ? $.ink.muted : d === "dark" ? "#64748b" : "#94a3b8", w = Ht(() => {
+    const S = f.map((o, p) => ({ node: o, i: p })).sort((o, p) => o.node.tier - p.node.tier || o.node.y - p.node.y || o.node.x - p.node.x), y = /* @__PURE__ */ new Map();
+    return S.forEach(({ i: o }, p) => y.set(o, p + 1)), y;
+  }, [f]), F = { minX: 16, minY: 16, maxX: C.width - 16, maxY: C.height - 16 }, [Y, R] = ft(/* @__PURE__ */ new Set());
+  qt(() => {
+    m ? (R(/* @__PURE__ */ new Set()), c.forEach((S, y) => {
       setTimeout(() => {
-        P((n) => /* @__PURE__ */ new Set([...n, p]));
-      }, p * 150 + 100);
-    })) : P(new Set(c.map((T, p) => p)));
-  }, [t.id, b, c.length]);
-  const [L, J] = dt(null), [H, z] = dt(null), [v, D] = dt(null), G = [...m].sort((T, p) => {
-    const n = c[T.tier]?.elevation || 0, h = c[p.tier]?.elevation || 0;
-    if (n !== h) return n - h;
-    const _ = T.x + T.width + (T.y + T.depth);
-    return p.x + p.width + (p.y + p.depth) - _;
+        R((o) => /* @__PURE__ */ new Set([...o, y]));
+      }, y * 150 + 100);
+    })) : R(new Set(c.map((S, y) => y)));
+  }, [t.id, m, c.length]);
+  const [z, V] = ft(null), [U, H] = ft(null), [M, D] = ft(null), G = [...f].sort((S, y) => {
+    const o = c[S.tier]?.elevation || 0, p = c[y.tier]?.elevation || 0;
+    if (o !== p) return o - p;
+    const N = S.x + S.width + (S.y + S.depth);
+    return y.x + y.width + (y.y + y.depth) - N;
   });
-  return /* @__PURE__ */ e.jsx("div", { className: a, style: { display: "inline-block", ...i }, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ n.jsx("div", { className: s, style: { display: "inline-block", ...a }, children: /* @__PURE__ */ n.jsxs(
     "svg",
     {
-      width: O.width,
-      height: O.height,
-      style: { backgroundColor: $ },
+      width: C.width,
+      height: C.height,
+      style: { backgroundColor: b },
       onClick: () => {
-        x && (D(null), z(null));
+        u && (D(null), H(null));
       },
       children: [
-        /* @__PURE__ */ e.jsxs("defs", { children: [
-          /* @__PURE__ */ e.jsx("pattern", { id: `grid-${t.id}`, width: "24", height: "24", patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "0.5", fill: l === "dark" ? "#1e293b" : "#e2e8f0" }) }),
-          /* @__PURE__ */ e.jsx("filter", { id: `glow-${t.id}`, x: "-20%", y: "-20%", width: "140%", height: "140%", children: /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ n.jsxs("defs", { children: [
+          /* @__PURE__ */ n.jsx("pattern", { id: `grid-${t.id}`, width: "24", height: "24", patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ n.jsx("circle", { cx: "12", cy: "12", r: "0.5", fill: d === "dark" ? "#1e293b" : "#e2e8f0" }) }),
+          /* @__PURE__ */ n.jsx("filter", { id: `glow-${t.id}`, x: "-20%", y: "-20%", width: "140%", height: "140%", children: /* @__PURE__ */ n.jsx(
             "feDropShadow",
             {
               dx: "0",
               dy: "4",
               stdDeviation: "8",
-              floodColor: l === "dark" ? "#60a5fa" : "#3b82f6",
+              floodColor: d === "dark" ? "#60a5fa" : "#3b82f6",
               floodOpacity: "0.3"
             }
           ) }),
-          /* @__PURE__ */ e.jsxs("radialGradient", { id: `bg-${t.id}`, cx: "48%", cy: "34%", r: "82%", children: [
-            /* @__PURE__ */ e.jsx("stop", { offset: "0%", stopColor: l === "dark" ? "#16203a" : "#ffffff" }),
-            /* @__PURE__ */ e.jsx("stop", { offset: "55%", stopColor: l === "dark" ? "#0e1526" : "#f2f5f9" }),
-            /* @__PURE__ */ e.jsx("stop", { offset: "100%", stopColor: l === "dark" ? "#080d18" : "#e7ecf2" })
+          /* @__PURE__ */ n.jsxs("radialGradient", { id: `bg-${t.id}`, cx: "48%", cy: "34%", r: "82%", children: [
+            /* @__PURE__ */ n.jsx("stop", { offset: "0%", stopColor: d === "dark" ? "#16203a" : "#ffffff" }),
+            /* @__PURE__ */ n.jsx("stop", { offset: "55%", stopColor: d === "dark" ? "#0e1526" : "#f2f5f9" }),
+            /* @__PURE__ */ n.jsx("stop", { offset: "100%", stopColor: d === "dark" ? "#080d18" : "#e7ecf2" })
           ] }),
-          /* @__PURE__ */ e.jsx("filter", { id: `contact-${t.id}`, x: "-60%", y: "-60%", width: "220%", height: "220%", children: /* @__PURE__ */ e.jsx("feGaussianBlur", { stdDeviation: "5" }) }),
-          /* @__PURE__ */ e.jsxs("linearGradient", { id: `sheen-${t.id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-            /* @__PURE__ */ e.jsx("stop", { offset: "0%", stopColor: "#ffffff", stopOpacity: "0.18" }),
-            /* @__PURE__ */ e.jsx("stop", { offset: "55%", stopColor: "#ffffff", stopOpacity: "0.04" }),
-            /* @__PURE__ */ e.jsx("stop", { offset: "100%", stopColor: "#ffffff", stopOpacity: "0" })
+          /* @__PURE__ */ n.jsx("filter", { id: `contact-${t.id}`, x: "-60%", y: "-60%", width: "220%", height: "220%", children: /* @__PURE__ */ n.jsx("feGaussianBlur", { stdDeviation: "5" }) }),
+          /* @__PURE__ */ n.jsxs("linearGradient", { id: `sheen-${t.id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ n.jsx("stop", { offset: "0%", stopColor: "#ffffff", stopOpacity: "0.18" }),
+            /* @__PURE__ */ n.jsx("stop", { offset: "55%", stopColor: "#ffffff", stopOpacity: "0.04" }),
+            /* @__PURE__ */ n.jsx("stop", { offset: "100%", stopColor: "#ffffff", stopOpacity: "0" })
           ] }),
-          /* @__PURE__ */ e.jsxs("linearGradient", { id: `shade-${t.id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-            /* @__PURE__ */ e.jsx("stop", { offset: "0%", stopColor: "#000000", stopOpacity: "0" }),
-            /* @__PURE__ */ e.jsx("stop", { offset: "100%", stopColor: "#000000", stopOpacity: "0.24" })
+          /* @__PURE__ */ n.jsxs("linearGradient", { id: `shade-${t.id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ n.jsx("stop", { offset: "0%", stopColor: "#000000", stopOpacity: "0" }),
+            /* @__PURE__ */ n.jsx("stop", { offset: "100%", stopColor: "#000000", stopOpacity: "0.24" })
           ] }),
-          /* @__PURE__ */ e.jsx("filter", { id: `label-${t.id}`, x: "-40%", y: "-40%", width: "180%", height: "180%", children: /* @__PURE__ */ e.jsx("feDropShadow", { dx: "0", dy: "0.5", stdDeviation: "0.7", floodColor: "#000000", floodOpacity: "0.7" }) })
+          /* @__PURE__ */ n.jsx("filter", { id: `label-${t.id}`, x: "-40%", y: "-40%", width: "180%", height: "180%", children: /* @__PURE__ */ n.jsx("feDropShadow", { dx: "0", dy: "0.5", stdDeviation: "0.7", floodColor: "#000000", floodOpacity: "0.7" }) })
         ] }),
-        C ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx(bt, { uid: N, style: g }),
-          /* @__PURE__ */ e.jsx(
-            ae,
+        E ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+          /* @__PURE__ */ n.jsx(bt, { uid: P, style: $ }),
+          /* @__PURE__ */ n.jsx(
+            pe,
             {
-              style: g,
-              rect: { x: 0, y: 0, width: O.width, height: O.height },
+              style: $,
+              rect: { x: 0, y: 0, width: C.width, height: C.height },
               className: ""
             }
           )
-        ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx("rect", { width: "100%", height: "100%", fill: `url(#bg-${t.id})` }),
-          /* @__PURE__ */ e.jsx("rect", { width: "100%", height: "100%", fill: `url(#grid-${t.id})`, opacity: "0.5" })
+        ] }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+          /* @__PURE__ */ n.jsx("rect", { width: "100%", height: "100%", fill: `url(#bg-${t.id})` }),
+          /* @__PURE__ */ n.jsx("rect", { width: "100%", height: "100%", fill: `url(#grid-${t.id})`, opacity: "0.5" })
         ] }),
-        /* @__PURE__ */ e.jsx("g", { transform: `translate(${d.x}, ${d.y})`, children: c.map((T, p) => {
-          const n = G.filter((j) => j.tier === p), h = Y.has(p), _ = x && (H === p || H === null && v === null && L === p), I = x && (H !== null || L !== null || v !== null), Q = v?.tier === p, tt = I && !_ && !Q, W = h ? 0 : 60, q = h ? 1 : 0, K = _ && u ? { x: 10, y: -34 } : { x: 0, y: 0 }, st = _ ? 1.03 : 1, ft = y(S.width / 2, S.depth / 2, T.elevation), gt = T.offset || { x: 0, y: 0 };
-          return /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ n.jsx("g", { transform: `translate(${h.x}, ${h.y})`, children: c.map((S, y) => {
+          const o = G.filter((j) => j.tier === y), p = Y.has(y), N = u && (U === y || U === null && M === null && z === y), I = u && (U !== null || z !== null || M !== null), tt = M?.tier === y, et = I && !N && !tt, W = p ? 0 : 60, J = p ? 1 : 0, Q = N && x ? { x: 10, y: -34 } : { x: 0, y: 0 }, at = N ? 1.03 : 1, ht = k(_.width / 2, _.depth / 2, S.elevation), vt = S.offset || { x: 0, y: 0 };
+          return /* @__PURE__ */ n.jsxs(
             "g",
             {
-              "data-tier": p,
-              onMouseEnter: () => x && J(p),
-              onMouseLeave: () => x && J(null),
+              "data-tier": y,
+              onMouseEnter: () => u && V(y),
+              onMouseLeave: () => u && V(null),
               onClick: (j) => {
-                x && (j.stopPropagation(), D(null), z((B) => B === p ? null : p), f?.(p));
+                u && (j.stopPropagation(), D(null), H((B) => B === y ? null : y), l?.(y));
               },
               style: {
-                transform: `translate(${gt.x + K.x}px, ${gt.y + K.y}px) translate(${ft.screenX}px, ${ft.screenY + W}px) scale(${st}) translate(${-ft.screenX}px, ${-ft.screenY}px)`,
+                transform: `translate(${vt.x + Q.x}px, ${vt.y + Q.y}px) translate(${ht.screenX}px, ${ht.screenY + W}px) scale(${at}) translate(${-ht.screenX}px, ${-ht.screenY}px)`,
                 transition: "transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease-out",
-                opacity: q * (tt ? 0.35 : 1),
-                filter: _ ? `url(#glow-${t.id})` : "none",
-                cursor: x ? "pointer" : "default"
+                opacity: J * (et ? 0.35 : 1),
+                filter: N ? `url(#glow-${t.id})` : "none",
+                cursor: u ? "pointer" : "default"
               },
               children: [
-                C ? /* @__PURE__ */ e.jsx(
-                  xe,
+                E ? /* @__PURE__ */ n.jsx(
+                  yo,
                   {
-                    width: S.width,
-                    depth: S.depth,
-                    elevation: p === 0 ? -2 : T.elevation,
-                    ink: p === 0 ? g.ink.line : g.ink.hidden,
-                    isGround: p === 0
+                    width: _.width,
+                    depth: _.depth,
+                    elevation: y === 0 ? -2 : S.elevation,
+                    ink: y === 0 ? $.ink.line : $.ink.hidden,
+                    isGround: y === 0
                   }
-                ) : /* @__PURE__ */ e.jsx(
-                  ue,
+                ) : /* @__PURE__ */ n.jsx(
+                  xo,
                   {
-                    width: S.width,
-                    depth: S.depth,
-                    elevation: p === 0 ? -2 : T.elevation,
-                    color: T.floorColor || (l === "dark" ? "#0f172a" : "#f8fafc"),
-                    opacity: T.floorOpacity || (p === 0 ? 0.95 : 0.5),
-                    borderColor: T.borderColor,
-                    theme: l,
-                    isGround: p === 0
+                    width: _.width,
+                    depth: _.depth,
+                    elevation: y === 0 ? -2 : S.elevation,
+                    color: S.floorColor || (d === "dark" ? "#0f172a" : "#f8fafc"),
+                    opacity: S.floorOpacity || (y === 0 ? 0.95 : 0.5),
+                    borderColor: S.borderColor,
+                    theme: d,
+                    isGround: y === 0
                   }
                 ),
-                C && n.map((j, B) => {
-                  const ot = T.elevation + 5, et = y(j.x, j.y, ot), U = Tt(j.width, j.depth, j.height, et.screenX, et.screenY), X = v?.tier === p && v?.index === B, nt = x && v !== null && !X;
-                  return /* @__PURE__ */ e.jsx(
-                    le,
+                E && o.map((j, B) => {
+                  const st = S.elevation + 5, nt = k(j.x, j.y, st), q = Ct(j.width, j.depth, j.height, nt.screenX, nt.screenY), X = M?.tier === y && M?.index === B, ot = u && M !== null && !X;
+                  return /* @__PURE__ */ n.jsx(
+                    lo,
                     {
-                      uid: N,
-                      style: g,
-                      box: U,
+                      uid: P,
+                      style: $,
+                      box: q,
                       color: j.color,
-                      tag: E.get(m.indexOf(j)),
+                      tag: w.get(f.indexOf(j)),
                       selected: X,
-                      opacity: (j.opacity ?? 1) * (nt ? 0.3 : 1),
-                      onClick: x ? () => {
-                        if (z(null), D((at) => at && at.tier === p && at.index === B ? null : { tier: p, index: B }), s?.(j, { tier: p, index: B }), j.link)
+                      opacity: (j.opacity ?? 1) * (ot ? 0.3 : 1),
+                      onClick: u ? () => {
+                        if (H(null), D((it) => it && it.tier === y && it.index === B ? null : { tier: y, index: B }), i?.(j, { tier: y, index: B }), j.link)
                           try {
                             window.open(j.link, "_blank");
                           } catch {
@@ -1131,93 +1593,93 @@ function $e({ config: t, options: r = {}, className: a, style: i, onNodeClick: s
                     `tech-${B}`
                   );
                 }),
-                C && k && n.map((j, B) => {
-                  const ot = T.elevation + 5, et = y(j.x, j.y, ot), U = Tt(j.width, j.depth, j.height, et.screenX, et.screenY), X = v?.tier === p && v?.index === B, nt = x && v !== null && !X;
-                  return /* @__PURE__ */ e.jsx(
-                    fe,
+                E && g && o.map((j, B) => {
+                  const st = S.elevation + 5, nt = k(j.x, j.y, st), q = Ct(j.width, j.depth, j.height, nt.screenX, nt.screenY), X = M?.tier === y && M?.index === B, ot = u && M !== null && !X;
+                  return /* @__PURE__ */ n.jsx(
+                    ho,
                     {
-                      style: g,
-                      box: U,
+                      style: $,
+                      box: q,
                       name: j.label,
                       selected: X,
-                      opacity: nt ? 0.3 : 1
+                      opacity: ot ? 0.3 : 1
                     },
                     `tech-label-${B}`
                   );
                 }),
-                !C && n.map((j, B) => {
-                  const ot = T.elevation + 5, et = y(j.x, j.y, ot), U = rt(j.width, j.depth, j.height, et.screenX, et.screenY, M), X = R[j.color] || R.slate, nt = v?.tier === p && v?.index === B, at = x && v !== null && !nt, $t = y(j.x - 3, j.y - 3, T.elevation), Wt = rt(j.width + 6, j.depth + 6, 0, $t.screenX, $t.screenY, M).top;
-                  return /* @__PURE__ */ e.jsxs(
+                !E && o.map((j, B) => {
+                  const st = S.elevation + 5, nt = k(j.x, j.y, st), q = rt(j.width, j.depth, j.height, nt.screenX, nt.screenY, O), X = A[j.color] || A.slate, ot = M?.tier === y && M?.index === B, it = u && M !== null && !ot, _t = k(j.x - 3, j.y - 3, S.elevation), Bt = rt(j.width + 6, j.depth + 6, 0, _t.screenX, _t.screenY, O).top;
+                  return /* @__PURE__ */ n.jsxs(
                     "g",
                     {
-                      "data-node": `${p}-${B}`,
-                      opacity: (j.opacity ?? 1) * (at ? 0.3 : 1),
-                      onClick: x ? (Z) => {
-                        if (Z.stopPropagation(), z(null), D((V) => V && V.tier === p && V.index === B ? null : { tier: p, index: B }), s?.(j, { tier: p, index: B }), j.link)
+                      "data-node": `${y}-${B}`,
+                      opacity: (j.opacity ?? 1) * (it ? 0.3 : 1),
+                      onClick: u ? (Z) => {
+                        if (Z.stopPropagation(), H(null), D((K) => K && K.tier === y && K.index === B ? null : { tier: y, index: B }), i?.(j, { tier: y, index: B }), j.link)
                           try {
                             window.open(j.link, "_blank");
                           } catch {
                           }
                       } : void 0,
-                      style: { cursor: x ? "pointer" : "default", transition: "opacity 0.3s ease-out" },
+                      style: { cursor: u ? "pointer" : "default", transition: "opacity 0.3s ease-out" },
                       children: [
-                        /* @__PURE__ */ e.jsx("path", { d: Wt, fill: "#000000", opacity: 0.3, filter: `url(#contact-${t.id})` }),
-                        U.cornerBackRight?.map((Z, V) => /* @__PURE__ */ e.jsx(
+                        /* @__PURE__ */ n.jsx("path", { d: Bt, fill: "#000000", opacity: 0.3, filter: `url(#contact-${t.id})` }),
+                        q.cornerBackRight?.map((Z, K) => /* @__PURE__ */ n.jsx(
                           "path",
                           {
                             d: Z.path,
-                            fill: ut(X.front, X.side, Z.intensity)
+                            fill: xt(X.front, X.side, Z.intensity)
                           },
-                          `cbr-${V}`
+                          `cbr-${K}`
                         )),
-                        U.cornerBackLeft?.map((Z, V) => /* @__PURE__ */ e.jsx(
+                        q.cornerBackLeft?.map((Z, K) => /* @__PURE__ */ n.jsx(
                           "path",
                           {
                             d: Z.path,
-                            fill: ut(X.side, X.front, Z.intensity)
+                            fill: xt(X.side, X.front, Z.intensity)
                           },
-                          `cbl-${V}`
+                          `cbl-${K}`
                         )),
-                        /* @__PURE__ */ e.jsx("path", { d: U.left, fill: X.side }),
-                        /* @__PURE__ */ e.jsx("path", { d: U.left, fill: `url(#shade-${t.id})` }),
-                        /* @__PURE__ */ e.jsx("path", { d: U.right, fill: X.front }),
-                        /* @__PURE__ */ e.jsx("path", { d: U.right, fill: `url(#shade-${t.id})` }),
-                        U.cornerFrontRight?.map((Z, V) => /* @__PURE__ */ e.jsx(
+                        /* @__PURE__ */ n.jsx("path", { d: q.left, fill: X.side }),
+                        /* @__PURE__ */ n.jsx("path", { d: q.left, fill: `url(#shade-${t.id})` }),
+                        /* @__PURE__ */ n.jsx("path", { d: q.right, fill: X.front }),
+                        /* @__PURE__ */ n.jsx("path", { d: q.right, fill: `url(#shade-${t.id})` }),
+                        q.cornerFrontRight?.map((Z, K) => /* @__PURE__ */ n.jsx(
                           "path",
                           {
                             d: Z.path,
-                            fill: ut(X.front, X.side, Z.intensity)
+                            fill: xt(X.front, X.side, Z.intensity)
                           },
-                          `cfr-${V}`
+                          `cfr-${K}`
                         )),
-                        U.cornerFrontLeft?.map((Z, V) => /* @__PURE__ */ e.jsx(
+                        q.cornerFrontLeft?.map((Z, K) => /* @__PURE__ */ n.jsx(
                           "path",
                           {
                             d: Z.path,
-                            fill: ut(X.front, X.side, Z.intensity)
+                            fill: xt(X.front, X.side, Z.intensity)
                           },
-                          `cfl-${V}`
+                          `cfl-${K}`
                         )),
-                        /* @__PURE__ */ e.jsx("path", { d: U.top, fill: X.top }),
-                        /* @__PURE__ */ e.jsx("path", { d: U.top, fill: `url(#sheen-${t.id})` }),
-                        /* @__PURE__ */ e.jsx(
+                        /* @__PURE__ */ n.jsx("path", { d: q.top, fill: X.top }),
+                        /* @__PURE__ */ n.jsx("path", { d: q.top, fill: `url(#sheen-${t.id})` }),
+                        /* @__PURE__ */ n.jsx(
                           "path",
                           {
-                            d: U.top,
+                            d: q.top,
                             fill: "none",
-                            stroke: nt ? "#ffffff" : "rgba(255,255,255,0.28)",
-                            strokeWidth: nt ? 1.4 : 0.75,
+                            stroke: ot ? "#ffffff" : "rgba(255,255,255,0.28)",
+                            strokeWidth: ot ? 1.4 : 0.75,
                             strokeLinejoin: "round"
                           }
                         ),
-                        k && j.label && /* @__PURE__ */ e.jsx(
-                          pe,
+                        g && j.label && /* @__PURE__ */ n.jsx(
+                          uo,
                           {
                             x: j.x + j.width / 2,
                             y: j.y + j.depth / 2,
-                            z: ot + j.height + 2,
+                            z: st + j.height + 2,
                             fontSize: j.width > 70 ? 9 : 8,
-                            color: w,
+                            color: T,
                             shadow: `url(#label-${t.id})`,
                             children: j.label
                           }
@@ -1227,38 +1689,38 @@ function $e({ config: t, options: r = {}, className: a, style: i, onNodeClick: s
                     B
                   );
                 }),
-                k && /* @__PURE__ */ e.jsx(
+                g && /* @__PURE__ */ n.jsx(
                   "text",
                   {
-                    x: y(-25, S.depth / 2, T.elevation + 15).screenX - 35,
-                    y: y(-25, S.depth / 2, T.elevation + 15).screenY,
-                    fill: A,
+                    x: k(-25, _.depth / 2, S.elevation + 15).screenX - 35,
+                    y: k(-25, _.depth / 2, S.elevation + 15).screenY,
+                    fill: L,
                     fontSize: 9,
                     fontWeight: 500,
-                    fontFamily: Yt,
-                    opacity: C ? 0.9 : 0.6,
-                    style: { letterSpacing: "0.05em", textTransform: C ? "uppercase" : "none" },
-                    children: T.name
+                    fontFamily: Dt,
+                    opacity: E ? 0.9 : 0.6,
+                    style: { letterSpacing: "0.05em", textTransform: E ? "uppercase" : "none" },
+                    children: S.name
                   }
                 )
               ]
             },
-            p
+            y
           );
         }) }),
-        C && /* @__PURE__ */ e.jsx(
-          ce,
+        E && /* @__PURE__ */ n.jsx(
+          xe,
           {
-            style: g,
+            style: $,
             plate: F,
-            rows: m.map((T, p) => ({
-              n: E.get(p) || p + 1,
-              name: T.label,
-              subtitle: c[T.tier]?.name,
-              color: T.color
-            })).sort((T, p) => T.n - p.n),
+            rows: f.map((S, y) => ({
+              n: w.get(y) || y + 1,
+              name: S.label,
+              subtitle: c[S.tier]?.name,
+              color: S.color
+            })).sort((S, y) => S.n - y.n),
             title: t.title,
-            tally: `${String(m.length).padStart(2, "0")} CMP / ${String(c.length).padStart(2, "0")} TIER`,
+            tally: `${String(f.length).padStart(2, "0")} CMP / ${String(c.length).padStart(2, "0")} TIER`,
             className: ""
           }
         )
@@ -1266,21 +1728,21 @@ function $e({ config: t, options: r = {}, className: a, style: i, onNodeClick: s
     }
   ) });
 }
-function xe({ width: t, depth: r, elevation: a, ink: i, isGround: s }) {
-  const f = y(0, 0, a), x = rt(t, r, 0, f.screenX, f.screenY).top;
-  return /* @__PURE__ */ e.jsx(
+function yo({ width: t, depth: e, elevation: s, ink: a, isGround: i }) {
+  const l = k(0, 0, s), u = rt(t, e, 0, l.screenX, l.screenY).top;
+  return /* @__PURE__ */ n.jsx(
     "path",
     {
-      d: x,
+      d: u,
       fill: "none",
-      stroke: i,
-      strokeWidth: s ? 1 : 0.7,
-      strokeDasharray: s ? void 0 : "5 4",
-      opacity: s ? 0.9 : 0.7
+      stroke: a,
+      strokeWidth: i ? 1 : 0.7,
+      strokeDasharray: i ? void 0 : "5 4",
+      opacity: i ? 0.9 : 0.7
     }
   );
 }
-const Ot = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', me = {
+const At = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', ko = {
   blue: { top: "#3b82f6", side: "#2563eb", front: "#1d4ed8" },
   violet: { top: "#8b5cf6", side: "#7c3aed", front: "#6d28d9" },
   cyan: { top: "#06b6d4", side: "#0891b2", front: "#0e7490" },
@@ -1288,7 +1750,7 @@ const Ot = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', me =
   amber: { top: "#f59e0b", side: "#d97706", front: "#b45309" },
   rose: { top: "#f43f5e", side: "#e11d48", front: "#be123c" },
   slate: { top: "#475569", side: "#334155", front: "#1e293b" }
-}, ye = {
+}, mo = {
   blue: { top: "#93c5fd", side: "#60a5fa", front: "#3b82f6" },
   violet: { top: "#c4b5fd", side: "#a78bfa", front: "#8b5cf6" },
   cyan: { top: "#67e8f9", side: "#22d3ee", front: "#06b6d4" },
@@ -1297,77 +1759,77 @@ const Ot = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', me =
   rose: { top: "#fda4af", side: "#fb7185", front: "#f43f5e" },
   slate: { top: "#e2e8f0", side: "#cbd5e1", front: "#94a3b8" }
 };
-function xt(t, r, a) {
-  const i = (u) => {
-    const l = u.replace("#", "");
+function yt(t, e, s) {
+  const a = (x) => {
+    const d = x.replace("#", "");
     return {
-      r: parseInt(l.substring(0, 2), 16),
-      g: parseInt(l.substring(2, 4), 16),
-      b: parseInt(l.substring(4, 6), 16)
+      r: parseInt(d.substring(0, 2), 16),
+      g: parseInt(d.substring(2, 4), 16),
+      b: parseInt(d.substring(4, 6), 16)
     };
-  }, s = i(t), f = i(r), x = Math.round(s.r + (f.r - s.r) * a), b = Math.round(s.g + (f.g - s.g) * a), k = Math.round(s.b + (f.b - s.b) * a);
-  return `rgb(${x},${b},${k})`;
+  }, i = a(t), l = a(e), u = Math.round(i.r + (l.r - i.r) * s), m = Math.round(i.g + (l.g - i.g) * s), g = Math.round(i.b + (l.b - i.b) * s);
+  return `rgb(${u},${m},${g})`;
 }
-function ke(t) {
-  const { theme: r, canvas: a, origin: i, tiers: s, floorSize: f, nodes: x, cornerRadius: b = 0 } = t, k = r === "dark" ? me : ye, u = r === "dark" ? "#0f172a" : "#fafafa", l = r === "dark" ? "#e2e8f0" : "#1e293b", O = r === "dark" ? "#64748b" : "#94a3b8", d = [...x].sort((S, m) => {
-    const M = s[S.tier]?.elevation || 0, g = s[m.tier]?.elevation || 0;
-    return M !== g ? M - g : m.x + m.width + (m.y + m.depth) - (S.x + S.width + (S.y + S.depth));
+function go(t) {
+  const { theme: e, canvas: s, origin: a, tiers: i, floorSize: l, nodes: u, cornerRadius: m = 0 } = t, g = e === "dark" ? ko : mo, x = e === "dark" ? "#0f172a" : "#fafafa", d = e === "dark" ? "#e2e8f0" : "#1e293b", C = e === "dark" ? "#64748b" : "#94a3b8", h = [...u].sort((_, f) => {
+    const O = i[_.tier]?.elevation || 0, $ = i[f.tier]?.elevation || 0;
+    return O !== $ ? O - $ : f.x + f.width + (f.y + f.depth) - (_.x + _.width + (_.y + _.depth));
   });
-  let c = `<svg xmlns="http://www.w3.org/2000/svg" width="${a.width}" height="${a.height}" style="background:${u}">`;
+  let c = `<svg xmlns="http://www.w3.org/2000/svg" width="${s.width}" height="${s.height}" style="background:${x}">`;
   c += `<defs>
     <pattern id="grid" width="24" height="24" patternUnits="userSpaceOnUse">
-      <circle cx="12" cy="12" r="0.5" fill="${r === "dark" ? "#1e293b" : "#e2e8f0"}"/>
+      <circle cx="12" cy="12" r="0.5" fill="${e === "dark" ? "#1e293b" : "#e2e8f0"}"/>
     </pattern>
     <radialGradient id="bg" cx="48%" cy="34%" r="82%">
-      <stop offset="0%" stop-color="${r === "dark" ? "#16203a" : "#ffffff"}"/>
-      <stop offset="55%" stop-color="${r === "dark" ? "#0e1526" : "#f2f5f9"}"/>
-      <stop offset="100%" stop-color="${r === "dark" ? "#080d18" : "#e7ecf2"}"/>
+      <stop offset="0%" stop-color="${e === "dark" ? "#16203a" : "#ffffff"}"/>
+      <stop offset="55%" stop-color="${e === "dark" ? "#0e1526" : "#f2f5f9"}"/>
+      <stop offset="100%" stop-color="${e === "dark" ? "#080d18" : "#e7ecf2"}"/>
     </radialGradient>
     <filter id="contact" x="-60%" y="-60%" width="220%" height="220%"><feGaussianBlur stdDeviation="5"/></filter>
     <linearGradient id="sheen" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#ffffff" stop-opacity="0.18"/><stop offset="55%" stop-color="#ffffff" stop-opacity="0.04"/><stop offset="100%" stop-color="#ffffff" stop-opacity="0"/></linearGradient>
     <linearGradient id="shade" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#000000" stop-opacity="0"/><stop offset="100%" stop-color="#000000" stop-opacity="0.24"/></linearGradient>
     <filter id="labelshadow" x="-40%" y="-40%" width="180%" height="180%"><feDropShadow dx="0" dy="0.5" stdDeviation="0.7" flood-color="#000000" flood-opacity="0.7"/></filter>
-  </defs>`, c += '<rect width="100%" height="100%" fill="url(#bg)"/>', c += '<rect width="100%" height="100%" fill="url(#grid)" opacity="0.5"/>', c += `<g transform="translate(${i.x},${i.y})">`;
-  for (let S = 0; S < s.length; S++) {
-    const m = s[S], M = d.filter((E) => E.tier === S), g = m.offset || { x: 0, y: 0 };
-    c += `<g transform="translate(${g.x},${g.y})">`;
-    const C = S === 0 ? 8 : 2, N = rt(f.width, f.depth, C, 0, 0), R = y(0, 0, S === 0 ? -2 : m.elevation), $ = m.floorColor || (r === "dark" ? "#0f172a" : "#f8fafc"), w = m.floorOpacity || (S === 0 ? 0.95 : 0.5);
-    c += `<g transform="translate(${R.screenX},${R.screenY})">`, S === 0 && (c += `<g transform="translate(4,4)" opacity="0.2"><path d="${N.top}" fill="#000"/></g>`), c += `<path d="${N.top}" fill="${$}" opacity="${w}"/>`, S === 0 && (c += `<path d="${N.left}" fill="${r === "dark" ? "#0f172a" : "#cbd5e1"}" opacity="0.8"/>`, c += `<path d="${N.right}" fill="${r === "dark" ? "#1e293b" : "#94a3b8"}" opacity="0.8"/>`), c += `<path d="${N.top}" fill="none" stroke="${m.borderColor || (r === "dark" ? "#475569" : "#94a3b8")}" stroke-width="${S === 0 ? 1.5 : 0.75}" opacity="${S === 0 ? 1 : 0.6}"/>`, c += "</g>";
-    for (const E of M) {
-      const F = m.elevation + 5, Y = y(E.x, E.y, F), P = rt(E.width, E.depth, E.height, Y.screenX, Y.screenY, b), L = k[E.color] || k.slate, J = E.opacity ?? 1;
-      c += `<g opacity="${J}">`;
-      const H = y(E.x - 3, E.y - 3, m.elevation), z = rt(E.width + 6, E.depth + 6, 0, H.screenX, H.screenY, b).top;
-      if (c += `<path d="${z}" fill="#000000" opacity="0.3" filter="url(#contact)"/>`, P.cornerBackRight)
-        for (const v of P.cornerBackRight)
-          c += `<path d="${v.path}" fill="${xt(L.front, L.side, v.intensity)}"/>`;
-      if (P.cornerBackLeft)
-        for (const v of P.cornerBackLeft)
-          c += `<path d="${v.path}" fill="${xt(L.side, L.front, v.intensity)}"/>`;
-      if (c += `<path d="${P.left}" fill="${L.side}"/>`, c += `<path d="${P.left}" fill="url(#shade)"/>`, c += `<path d="${P.right}" fill="${L.front}"/>`, c += `<path d="${P.right}" fill="url(#shade)"/>`, P.cornerFrontRight)
-        for (const v of P.cornerFrontRight)
-          c += `<path d="${v.path}" fill="${xt(L.front, L.side, v.intensity)}"/>`;
-      if (P.cornerFrontLeft)
-        for (const v of P.cornerFrontLeft)
-          c += `<path d="${v.path}" fill="${xt(L.front, L.side, v.intensity)}"/>`;
-      if (c += `<path d="${P.top}" fill="${L.top}"/>`, c += `<path d="${P.top}" fill="url(#sheen)"/>`, c += `<path d="${P.top}" fill="none" stroke="rgba(255,255,255,0.28)" stroke-width="0.75" stroke-linejoin="round"/>`, E.label) {
-        const v = y(E.x + E.width / 2, E.y + E.depth / 2, F + E.height + 2), D = E.width > 70 ? 9 : 8;
-        c += `<g transform="translate(${v.screenX},${v.screenY})" filter="url(#labelshadow)">`, c += '<g transform="matrix(0.866,-0.5,0.866,0.5,0,0)">', c += `<text x="0" y="0" text-anchor="middle" fill="${l}" font-size="${D}" font-weight="600" font-family='${Ot}' style="text-transform:uppercase;letter-spacing:0.06em">${E.label}</text>`, c += "</g></g>";
+  </defs>`, c += '<rect width="100%" height="100%" fill="url(#bg)"/>', c += '<rect width="100%" height="100%" fill="url(#grid)" opacity="0.5"/>', c += `<g transform="translate(${a.x},${a.y})">`;
+  for (let _ = 0; _ < i.length; _++) {
+    const f = i[_], O = h.filter((w) => w.tier === _), $ = f.offset || { x: 0, y: 0 };
+    c += `<g transform="translate(${$.x},${$.y})">`;
+    const E = _ === 0 ? 8 : 2, P = rt(l.width, l.depth, E, 0, 0), A = k(0, 0, _ === 0 ? -2 : f.elevation), b = f.floorColor || (e === "dark" ? "#0f172a" : "#f8fafc"), T = f.floorOpacity || (_ === 0 ? 0.95 : 0.5);
+    c += `<g transform="translate(${A.screenX},${A.screenY})">`, _ === 0 && (c += `<g transform="translate(4,4)" opacity="0.2"><path d="${P.top}" fill="#000"/></g>`), c += `<path d="${P.top}" fill="${b}" opacity="${T}"/>`, _ === 0 && (c += `<path d="${P.left}" fill="${e === "dark" ? "#0f172a" : "#cbd5e1"}" opacity="0.8"/>`, c += `<path d="${P.right}" fill="${e === "dark" ? "#1e293b" : "#94a3b8"}" opacity="0.8"/>`), c += `<path d="${P.top}" fill="none" stroke="${f.borderColor || (e === "dark" ? "#475569" : "#94a3b8")}" stroke-width="${_ === 0 ? 1.5 : 0.75}" opacity="${_ === 0 ? 1 : 0.6}"/>`, c += "</g>";
+    for (const w of O) {
+      const F = f.elevation + 5, Y = k(w.x, w.y, F), R = rt(w.width, w.depth, w.height, Y.screenX, Y.screenY, m), z = g[w.color] || g.slate, V = w.opacity ?? 1;
+      c += `<g opacity="${V}">`;
+      const U = k(w.x - 3, w.y - 3, f.elevation), H = rt(w.width + 6, w.depth + 6, 0, U.screenX, U.screenY, m).top;
+      if (c += `<path d="${H}" fill="#000000" opacity="0.3" filter="url(#contact)"/>`, R.cornerBackRight)
+        for (const M of R.cornerBackRight)
+          c += `<path d="${M.path}" fill="${yt(z.front, z.side, M.intensity)}"/>`;
+      if (R.cornerBackLeft)
+        for (const M of R.cornerBackLeft)
+          c += `<path d="${M.path}" fill="${yt(z.side, z.front, M.intensity)}"/>`;
+      if (c += `<path d="${R.left}" fill="${z.side}"/>`, c += `<path d="${R.left}" fill="url(#shade)"/>`, c += `<path d="${R.right}" fill="${z.front}"/>`, c += `<path d="${R.right}" fill="url(#shade)"/>`, R.cornerFrontRight)
+        for (const M of R.cornerFrontRight)
+          c += `<path d="${M.path}" fill="${yt(z.front, z.side, M.intensity)}"/>`;
+      if (R.cornerFrontLeft)
+        for (const M of R.cornerFrontLeft)
+          c += `<path d="${M.path}" fill="${yt(z.front, z.side, M.intensity)}"/>`;
+      if (c += `<path d="${R.top}" fill="${z.top}"/>`, c += `<path d="${R.top}" fill="url(#sheen)"/>`, c += `<path d="${R.top}" fill="none" stroke="rgba(255,255,255,0.28)" stroke-width="0.75" stroke-linejoin="round"/>`, w.label) {
+        const M = k(w.x + w.width / 2, w.y + w.depth / 2, F + w.height + 2), D = w.width > 70 ? 9 : 8;
+        c += `<g transform="translate(${M.screenX},${M.screenY})" filter="url(#labelshadow)">`, c += '<g transform="matrix(0.866,-0.5,0.866,0.5,0,0)">', c += `<text x="0" y="0" text-anchor="middle" fill="${d}" font-size="${D}" font-weight="600" font-family='${At}' style="text-transform:uppercase;letter-spacing:0.06em">${w.label}</text>`, c += "</g></g>";
       }
       c += "</g>";
     }
-    const A = y(-25, f.depth / 2, m.elevation + 15);
-    c += `<text x="${A.screenX - 35}" y="${A.screenY}" fill="${O}" font-size="9" font-weight="500" font-family='${Ot}' opacity="0.6" style="letter-spacing:0.05em">${m.name}</text>`, c += "</g>";
+    const L = k(-25, l.depth / 2, f.elevation + 15);
+    c += `<text x="${L.screenX - 35}" y="${L.screenY}" fill="${C}" font-size="9" font-weight="500" font-family='${At}' opacity="0.6" style="letter-spacing:0.05em">${f.name}</text>`, c += "</g>";
   }
   return c += "</g></svg>", c;
 }
-function je(t, r) {
-  t.innerHTML = ke(r);
+function _o(t, e) {
+  t.innerHTML = go(e);
 }
 export {
-  $e as ArcDiagram,
-  ge as getColorShading,
+  vo as ArcDiagram,
+  bo as getColorShading,
   rt as isoBox,
-  y as isoToScreen,
-  je as renderToElement,
-  ke as renderToString
+  k as isoToScreen,
+  _o as renderToElement,
+  go as renderToString
 };