@arach/arc-iso 0.4.5 → 0.5.0

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

@@ -1,89 +1,89 @@
-import yt, { useState as ot, useEffect as $t } from "react";
-const ht = 30 * (Math.PI / 180), kt = Math.cos(ht), vt = Math.sin(ht);
-function l(e, s, a = 0) {
+import Wt, { useId as yt, useMemo as Nt, useState as dt, useEffect as Ft } from "react";
+const Ct = 30 * (Math.PI / 180), It = Math.cos(Ct), Bt = Math.sin(Ct);
+function y(t, r, a = 0) {
   return {
-    screenX: (e - s) * kt,
-    screenY: -(e + s) * vt - a
+    screenX: (t - r) * It,
+    screenY: -(t + r) * Bt - a
     // Negated so +X,+Y go UP on screen
   };
 }
-function K(e, s, a, f = 0, o = 0, x = 0) {
-  const y = {
+function rt(t, r, a, i = 0, s = 0, f = 0) {
+  const x = {
     // Bottom face
-    frontBottom: l(e, 0, 0),
-    rightBottom: l(e, s, 0),
-    backBottom: l(0, s, 0),
-    leftBottom: l(0, 0, 0),
+    frontBottom: y(t, 0, 0),
+    rightBottom: y(t, r, 0),
+    backBottom: y(0, r, 0),
+    leftBottom: y(0, 0, 0),
     // Top face
-    frontTop: l(e, 0, a),
-    rightTop: l(e, s, a),
-    backTop: l(0, s, a),
-    leftTop: l(0, 0, a)
-  }, _ = (g) => ({
-    x: g.screenX + f,
-    y: g.screenY + o
+    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(y).map(([g, j]) => [g, _(j)])
-  ), A = (g, j, S, b) => {
-    if (b <= 0) {
-      const $ = l(0, 0, S), i = l(g, 0, S), u = l(g, j, S), C = l(0, j, S);
-      return `M ${$.screenX + f},${$.screenY + o} L ${i.screenX + f},${i.screenY + o} L ${u.screenX + f},${u.screenY + o} L ${C.screenX + f},${C.screenY + o} Z`;
+    Object.entries(x).map(([$, w]) => [$, b(w)])
+  ), u = ($, w, A, T) => {
+    if (T <= 0) {
+      const G = y(0, 0, A), z = y($, 0, A), v = y($, w, A), B = y(0, w, A);
+      return `M ${G.screenX + i},${G.screenY + s} L ${z.screenX + i},${z.screenY + s} L ${v.screenX + i},${v.screenY + s} L ${B.screenX + i},${B.screenY + s} Z`;
     }
-    const L = Math.min(g, j) / 2, M = Math.min(b, L), v = 8, E = [], X = ($, i, u, C) => {
-      for (let P = 0; P <= v; P++) {
-        const z = u + (C - u) * (P / v), V = $ + M * Math.cos(z), t = i + M * Math.sin(z), c = l(V, t, S);
-        E.push(`${c.screenX + f},${c.screenY + o}`);
+    const I = Math.min($, w) / 2, Y = Math.min(T, I), P = 8, L = [], J = (G, z, v, B) => {
+      for (let H = 0; H <= P; H++) {
+        const E = v + (B - v) * (H / P), p = G + Y * Math.cos(E), n = z + Y * Math.sin(E), h = y(p, n, A);
+        L.push(`${h.screenX + i},${h.screenY + s}`);
       }
     };
-    return X(M, M, Math.PI, Math.PI * 1.5), X(g - M, M, Math.PI * 1.5, Math.PI * 2), X(g - M, j - M, 0, Math.PI * 0.5), X(M, j - M, Math.PI * 0.5, Math.PI), `M ${E[0]} L ${E.slice(1).join(" L ")} Z`;
-  }, h = (g) => `M ${g.map((j) => `${j.x},${j.y}`).join(" L ")} Z`, I = (g, j, S, b, L, M) => {
-    const E = [];
-    for (let u = 0; u < 6; u++) {
-      const C = L + (M - L) * (u / 6), P = L + (M - L) * ((u + 1) / 6), z = (C + P) / 2, V = Math.cos(z), t = Math.sin(z), T = V * -0.577 + t * -0.577 + 0 * 0.577, H = 0.3 + Math.max(0, T + 0.4) * 0.5, G = l(g + S * Math.cos(C), j + S * Math.sin(C), 0), R = l(g + S * Math.cos(P), j + S * Math.sin(P), 0), p = l(g + S * Math.cos(C), j + S * Math.sin(C), b), Y = l(g + S * Math.cos(P), j + S * Math.sin(P), b), Q = `M ${G.screenX + f},${G.screenY + o} L ${R.screenX + f},${R.screenY + o} L ${Y.screenX + f},${Y.screenY + o} L ${p.screenX + f},${p.screenY + o} Z`;
-      E.push({ path: Q, intensity: H });
+    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, T, I, Y) => {
+    const L = [];
+    for (let v = 0; v < 6; v++) {
+      const B = I + (Y - I) * (v / 6), H = I + (Y - I) * ((v + 1) / 6), E = (B + H) / 2, p = Math.cos(E), n = Math.sin(E), _ = p * -0.577 + n * -0.577 + 0 * 0.577, Q = 0.3 + Math.max(0, _ + 0.4) * 0.5, tt = y($ + A * Math.cos(B), w + A * Math.sin(B), 0), W = y($ + A * Math.cos(H), w + A * Math.sin(H), 0), q = y($ + A * Math.cos(B), w + A * Math.sin(B), T), K = y($ + A * Math.cos(H), w + A * Math.sin(H), T), 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 E;
-  }, d = Math.min(x, Math.min(e, s) / 2), n = A(e, s, a, d);
-  let m, w, N, F, Z, B;
+    return L;
+  }, d = Math.min(f, Math.min(t, r) / 2), c = u(t, r, a, d);
+  let S, m, R, g, C, N;
   if (d > 0) {
-    const g = [
-      { x: l(0, d, 0).screenX + f, y: l(0, d, 0).screenY + o },
-      { x: l(0, s - d, 0).screenX + f, y: l(0, s - d, 0).screenY + o },
-      { x: l(0, s - d, a).screenX + f, y: l(0, s - d, a).screenY + o },
-      { x: l(0, d, a).screenX + f, y: l(0, d, a).screenY + o }
+    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 }
     ];
-    m = h(g);
-    const j = [
-      { x: l(d, 0, 0).screenX + f, y: l(d, 0, 0).screenY + o },
-      { x: l(e - d, 0, 0).screenX + f, y: l(e - d, 0, 0).screenY + o },
-      { x: l(e - d, 0, a).screenX + f, y: l(e - d, 0, a).screenY + o },
-      { x: l(d, 0, a).screenX + f, y: l(d, 0, a).screenY + o }
+    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 }
     ];
-    w = h(j), N = I(d, d, d, a, Math.PI, Math.PI * 1.5), F = I(e - d, d, d, a, Math.PI * 1.5, Math.PI * 2), Z = I(d, s - d, d, a, Math.PI * 0.5, Math.PI), B = I(e - d, s - d, d, a, 0, Math.PI * 0.5);
+    m = l(w), R = 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);
   } else {
-    const g = [k.leftBottom, k.backBottom, k.backTop, k.leftTop], j = [k.leftBottom, k.frontBottom, k.frontTop, k.leftTop];
-    m = h(g), w = h(j), N = [], F = [], Z = [], B = [];
+    const $ = [k.leftBottom, k.backBottom, k.backTop, k.leftTop], w = [k.leftBottom, k.frontBottom, k.frontTop, k.leftTop];
+    S = l($), m = l(w), R = [], g = [], C = [], N = [];
   }
-  const q = `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 M = `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`;
   return {
-    top: n,
-    left: m,
-    right: w,
-    cornerFrontLeft: N,
-    cornerFrontRight: F,
-    cornerBackLeft: Z,
-    cornerBackRight: B,
-    outline: q
+    top: c,
+    left: S,
+    right: m,
+    cornerFrontLeft: R,
+    cornerFrontRight: g,
+    cornerBackLeft: C,
+    cornerBackRight: N,
+    outline: M
   };
 }
-function gt(e, s = 60, a = 50) {
+function Dt(t, r = 60, a = 50) {
   return {
-    top: `hsl(${e}, ${s}%, ${Math.min(a + 15, 95)}%)`,
-    right: `hsl(${e}, ${s}%, ${a}%)`,
-    left: `hsl(${e}, ${s}%, ${Math.max(a - 15, 15)}%)`
+    top: `hsl(${t}, ${r}%, ${Math.min(a + 15, 95)}%)`,
+    right: `hsl(${t}, ${r}%, ${a}%)`,
+    left: `hsl(${t}, ${r}%, ${Math.max(a - 15, 15)}%)`
   };
 }
-const it = {
+const jt = {
   violet: { hue: 270, saturation: 60, lightness: 55 },
   blue: { hue: 220, saturation: 70, lightness: 50 },
   cyan: { hue: 190, saturation: 80, lightness: 45 },
@@ -93,271 +93,842 @@ const it = {
   slate: { hue: 220, saturation: 15, lightness: 50 },
   zinc: { hue: 240, saturation: 5, lightness: 50 }
 };
-function At(e) {
-  const s = it[e] || it.slate;
-  return gt(s.hue, s.saturation, s.lightness);
+function ke(t) {
+  const r = jt[t] || jt.slate;
+  return Dt(r.hue, r.saturation, r.lightness);
 }
-var rt = { exports: {} }, tt = {};
-var ft;
-function jt() {
-  if (ft) return tt;
-  ft = 1;
-  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), s = /* @__PURE__ */ Symbol.for("react.fragment");
-  function a(f, o, x) {
-    var y = null;
-    if (x !== void 0 && (y = "" + x), o.key !== void 0 && (y = "" + o.key), "key" in o) {
-      x = {};
-      for (var _ in o)
-        _ !== "key" && (x[_] = o[_]);
-    } else x = o;
-    return o = x.ref, {
-      $$typeof: e,
-      type: f,
-      key: y,
-      ref: o !== void 0 ? o : null,
-      props: x
+var ht = { exports: {} }, it = {};
+var St;
+function Xt() {
+  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, {
+      $$typeof: t,
+      type: i,
+      key: x,
+      ref: s !== void 0 ? s : null,
+      props: f
     };
   }
-  return tt.Fragment = s, tt.jsx = a, tt.jsxs = a, tt;
+  return it.Fragment = r, it.jsx = a, it.jsxs = a, it;
 }
-var et = {};
-var dt;
-function _t() {
-  return dt || (dt = 1, process.env.NODE_ENV !== "production" && (function() {
-    function e(t) {
-      if (t == null) return null;
-      if (typeof t == "function")
-        return t.$$typeof === v ? null : t.displayName || t.name || null;
-      if (typeof t == "string") return t;
-      switch (t) {
-        case N:
+var ct = {};
+var vt;
+function zt() {
+  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 R:
           return "Fragment";
-        case Z:
+        case C:
           return "Profiler";
-        case F:
+        case g:
           return "StrictMode";
-        case j:
+        case w:
           return "Suspense";
-        case S:
+        case A:
           return "SuspenseList";
-        case M:
+        case Y:
           return "Activity";
       }
-      if (typeof t == "object")
-        switch (typeof t.tag == "number" && console.error(
+      if (typeof n == "object")
+        switch (typeof n.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), t.$$typeof) {
-          case w:
+        ), n.$$typeof) {
+          case m:
             return "Portal";
-          case q:
-            return t.displayName || "Context";
-          case B:
-            return (t._context.displayName || "Context") + ".Consumer";
-          case g:
-            var c = t.render;
-            return t = t.displayName, t || (t = c.displayName || c.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
-          case b:
-            return c = t.displayName || null, c !== null ? c : e(t.type) || "Memo";
-          case L:
-            c = t._payload, t = t._init;
+          case M:
+            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 T:
+            return h = n.displayName || null, h !== null ? h : t(n.type) || "Memo";
+          case I:
+            h = n._payload, n = n._init;
             try {
-              return e(t(c));
+              return t(n(h));
             } catch {
             }
         }
       return null;
     }
-    function s(t) {
-      return "" + t;
+    function r(n) {
+      return "" + n;
     }
-    function a(t) {
+    function a(n) {
       try {
-        s(t);
-        var c = !1;
+        r(n);
+        var h = !1;
       } catch {
-        c = !0;
+        h = !0;
       }
-      if (c) {
-        c = console;
-        var T = c.error, O = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
-        return T.call(
-          c,
+      if (h) {
+        h = console;
+        var _ = h.error, F = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        return _.call(
+          h,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          O
-        ), s(t);
+          F
+        ), r(n);
       }
     }
-    function f(t) {
-      if (t === N) return "<>";
-      if (typeof t == "object" && t !== null && t.$$typeof === L)
+    function i(n) {
+      if (n === R) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === I)
         return "<...>";
       try {
-        var c = e(t);
-        return c ? "<" + c + ">" : "<...>";
+        var h = t(n);
+        return h ? "<" + h + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function o() {
-      var t = E.A;
-      return t === null ? null : t.getOwner();
+    function s() {
+      var n = L.A;
+      return n === null ? null : n.getOwner();
     }
-    function x() {
+    function f() {
       return Error("react-stack-top-frame");
     }
-    function y(t) {
-      if (X.call(t, "key")) {
-        var c = Object.getOwnPropertyDescriptor(t, "key").get;
-        if (c && c.isReactWarning) return !1;
+    function x(n) {
+      if (J.call(n, "key")) {
+        var h = Object.getOwnPropertyDescriptor(n, "key").get;
+        if (h && h.isReactWarning) return !1;
       }
-      return t.key !== void 0;
+      return n.key !== void 0;
     }
-    function _(t, c) {
-      function T() {
-        u || (u = !0, console.error(
+    function b(n, h) {
+      function _() {
+        v || (v = !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)",
-          c
+          h
         ));
       }
-      T.isReactWarning = !0, Object.defineProperty(t, "key", {
-        get: T,
+      _.isReactWarning = !0, Object.defineProperty(n, "key", {
+        get: _,
         configurable: !0
       });
     }
     function k() {
-      var t = e(this.type);
-      return C[t] || (C[t] = !0, console.error(
+      var n = t(this.type);
+      return B[n] || (B[n] = !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."
-      )), t = this.props.ref, t !== void 0 ? t : null;
+      )), n = this.props.ref, n !== void 0 ? n : null;
     }
-    function A(t, c, T, O, H, G) {
-      var R = T.ref;
-      return t = {
-        $$typeof: m,
-        type: t,
-        key: c,
-        props: T,
-        _owner: O
-      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(t, "ref", {
+    function u(n, h, _, F, Q, tt) {
+      var W = _.ref;
+      return n = {
+        $$typeof: S,
+        type: n,
+        key: h,
+        props: _,
+        _owner: F
+      }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
         get: k
-      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(t, "_debugInfo", {
+      }), Object.defineProperty(n, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(t, "_debugStack", {
+      }), Object.defineProperty(n, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: H
-      }), Object.defineProperty(t, "_debugTask", {
+        value: Q
+      }), Object.defineProperty(n, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: G
-      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+        value: tt
+      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    function h(t, c, T, O, H, G) {
-      var R = c.children;
-      if (R !== void 0)
-        if (O)
-          if ($(R)) {
-            for (O = 0; O < R.length; O++)
-              I(R[O]);
-            Object.freeze && Object.freeze(R);
+    function l(n, h, _, F, Q, tt) {
+      var W = h.children;
+      if (W !== void 0)
+        if (F)
+          if (G(W)) {
+            for (F = 0; F < W.length; F++)
+              O(W[F]);
+            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 I(R);
-      if (X.call(c, "key")) {
-        R = e(t);
-        var p = Object.keys(c).filter(function(Q) {
-          return Q !== "key";
+        else O(W);
+      if (J.call(h, "key")) {
+        W = t(n);
+        var q = Object.keys(h).filter(function(st) {
+          return st !== "key";
         });
-        O = 0 < p.length ? "{key: someKey, " + p.join(": ..., ") + ": ...}" : "{key: someKey}", V[R + O] || (p = 0 < p.length ? "{" + p.join(": ..., ") + ": ...}" : "{}", console.error(
+        F = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", p[W + F] || (q = 0 < q.length ? "{" + q.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          O,
-          R,
-          p,
-          R
-        ), V[R + O] = !0);
+          F,
+          W,
+          q,
+          W
+        ), p[W + F] = !0);
       }
-      if (R = null, T !== void 0 && (a(T), R = "" + T), y(c) && (a(c.key), R = "" + c.key), "key" in c) {
-        T = {};
-        for (var Y in c)
-          Y !== "key" && (T[Y] = c[Y]);
-      } else T = c;
-      return R && _(
-        T,
-        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
-      ), A(
-        t,
-        R,
-        T,
-        o(),
-        H,
-        G
+      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,
+        W,
+        _,
+        s(),
+        Q,
+        tt
       );
     }
-    function I(t) {
-      d(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === L && (t._payload.status === "fulfilled" ? d(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    function O(n) {
+      d(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === I && (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 d(t) {
-      return typeof t == "object" && t !== null && t.$$typeof === m;
+    function d(n) {
+      return typeof n == "object" && n !== null && n.$$typeof === S;
     }
-    var n = yt, m = /* @__PURE__ */ Symbol.for("react.transitional.element"), w = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), F = /* @__PURE__ */ Symbol.for("react.strict_mode"), Z = /* @__PURE__ */ Symbol.for("react.profiler"), B = /* @__PURE__ */ Symbol.for("react.consumer"), q = /* @__PURE__ */ Symbol.for("react.context"), g = /* @__PURE__ */ Symbol.for("react.forward_ref"), j = /* @__PURE__ */ Symbol.for("react.suspense"), S = /* @__PURE__ */ Symbol.for("react.suspense_list"), b = /* @__PURE__ */ Symbol.for("react.memo"), L = /* @__PURE__ */ Symbol.for("react.lazy"), M = /* @__PURE__ */ Symbol.for("react.activity"), v = /* @__PURE__ */ Symbol.for("react.client.reference"), E = n.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, $ = Array.isArray, i = console.createTask ? console.createTask : function() {
+    var c = Wt, S = /* @__PURE__ */ Symbol.for("react.transitional.element"), m = /* @__PURE__ */ Symbol.for("react.portal"), R = /* @__PURE__ */ Symbol.for("react.fragment"), g = /* @__PURE__ */ Symbol.for("react.strict_mode"), C = /* @__PURE__ */ Symbol.for("react.profiler"), N = /* @__PURE__ */ Symbol.for("react.consumer"), M = /* @__PURE__ */ Symbol.for("react.context"), $ = /* @__PURE__ */ Symbol.for("react.forward_ref"), w = /* @__PURE__ */ Symbol.for("react.suspense"), A = /* @__PURE__ */ Symbol.for("react.suspense_list"), T = /* @__PURE__ */ Symbol.for("react.memo"), I = /* @__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, G = Array.isArray, z = console.createTask ? console.createTask : function() {
       return null;
     };
-    n = {
-      react_stack_bottom_frame: function(t) {
-        return t();
+    c = {
+      react_stack_bottom_frame: function(n) {
+        return n();
       }
     };
-    var u, C = {}, P = n.react_stack_bottom_frame.bind(
-      n,
-      x
-    )(), z = i(f(x)), V = {};
-    et.Fragment = N, et.jsx = function(t, c, T) {
-      var O = 1e4 > E.recentlyCreatedOwnerStacks++;
-      return h(
-        t,
-        c,
-        T,
+    var v, B = {}, H = c.react_stack_bottom_frame.bind(
+      c,
+      f
+    )(), E = z(i(f)), p = {};
+    ct.Fragment = R, ct.jsx = function(n, h, _) {
+      var F = 1e4 > L.recentlyCreatedOwnerStacks++;
+      return l(
+        n,
+        h,
+        _,
         !1,
-        O ? Error("react-stack-top-frame") : P,
-        O ? i(f(t)) : z
+        F ? Error("react-stack-top-frame") : H,
+        F ? z(i(n)) : E
       );
-    }, et.jsxs = function(t, c, T) {
-      var O = 1e4 > E.recentlyCreatedOwnerStacks++;
-      return h(
-        t,
-        c,
-        T,
+    }, ct.jsxs = function(n, h, _) {
+      var F = 1e4 > L.recentlyCreatedOwnerStacks++;
+      return l(
+        n,
+        h,
+        _,
         !0,
-        O ? Error("react-stack-top-frame") : P,
-        O ? i(f(t)) : z
+        F ? Error("react-stack-top-frame") : H,
+        F ? z(i(n)) : E
       );
     };
-  })()), et;
+  })()), ct;
 }
-var pt;
-function Et() {
-  return pt || (pt = 1, process.env.NODE_ENV === "production" ? rt.exports = jt() : rt.exports = _t()), rt.exports;
+var Tt;
+function Ut() {
+  return Tt || (Tt = 1, process.env.NODE_ENV === "production" ? ht.exports = Xt() : ht.exports = zt()), ht.exports;
 }
-var r = Et();
-const bt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', Tt = {
+var e = Ut();
+const kt = '"JetBrains Mono", "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace', Gt = 0.78, o = (t) => Math.round(t * Gt * 10) / 10, _t = {
+  id: "solid",
+  name: "Solid",
+  description: "Shaded isometric boxes",
+  technical: !1,
+  paper: { from: "transparent", to: "transparent", edge: "transparent", grid: "transparent", grain: 0 },
+  ink: {
+    line: "rgba(0,0,0,0.3)",
+    hidden: "rgba(0,0,0,0.2)",
+    hatch: "transparent",
+    text: "#ffffff",
+    muted: "rgba(255,255,255,0.6)",
+    accent: "#3b82f6"
+  },
+  face: { top: "transparent", right: "transparent", left: "transparent" },
+  hatchOpacity: { top: 0, right: 0, left: 0 },
+  font: kt,
+  strokeWidth: 0.5
+}, Ht = {
+  id: "blueprint",
+  name: "Blueprint",
+  description: "Sepia engineering plate on parchment",
+  technical: !0,
+  paper: { from: "#f0e6d0", to: "#ddceac", edge: "#b09a74", grid: "#c6b48f", grain: 0.055 },
+  ink: {
+    line: "#4a3826",
+    hidden: "#96805f",
+    hatch: "#6d563c",
+    text: "#3b2c1d",
+    muted: "#8a7455",
+    accent: "#a8412a"
+  },
+  face: { top: "#f4ebd7", right: "#e6dabb", left: "#d6c6a2" },
+  hatchOpacity: { top: 0.3, right: 0.55, left: 0.85 },
+  font: kt,
+  strokeWidth: 1
+}, Jt = {
+  id: "cyanotype",
+  name: "Cyanotype",
+  description: "White linework on classic blueprint blue",
+  technical: !0,
+  paper: { from: "#123256", to: "#0b1f3a", edge: "#3f6d9f", grid: "#27507f", grain: 0.07 },
+  ink: {
+    line: "#e6f0fb",
+    hidden: "#78a2cc",
+    hatch: "#a6c6e5",
+    text: "#f2f8ff",
+    muted: "#8fb2d6",
+    accent: "#ffc857"
+  },
+  face: { top: "#1b4675", right: "#153a61", left: "#0f2b49" },
+  hatchOpacity: { top: 0.28, right: 0.5, left: 0.78 },
+  font: kt,
+  strokeWidth: 1
+}, Zt = { solid: _t, blueprint: Ht, cyanotype: Jt };
+function qt(t) {
+  return Zt[t] || _t;
+}
+const Vt = {
+  violet: "cross",
+  blue: "lines",
+  sky: "lines",
+  cyan: "dashes",
+  emerald: "dots",
+  amber: "dense",
+  orange: "dense",
+  rose: "cross",
+  zinc: "plain",
+  slate: "plain"
+};
+function Mt(t) {
+  return Vt[t || "zinc"] || "lines";
+}
+const Kt = {
+  plain: "PLAIN",
+  lines: "HATCH-A",
+  cross: "HATCH-X",
+  dense: "HATCH-D",
+  dots: "STIPPLE",
+  dashes: "BROKEN"
+};
+function Et(t, r, a, i = 0, s = 0) {
+  const f = (g, C, N) => {
+    const M = y(g, C, N);
+    return { x: M.screenX + i, y: M.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}`, R = [x, b, k, u, l, O, d, c];
+  return {
+    top: S([l, O, d, c]),
+    right: S([x, b, O, l]),
+    left: S([x, u, c, l]),
+    visible: [
+      // silhouette
+      S([x, b, O, d, c, u]),
+      // interior creases radiating from the near top corner
+      m(l, O),
+      m(l, c),
+      m(l, x)
+    ].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(...R.map((g) => g.x)),
+    minY: Math.min(...R.map((g) => g.y)),
+    maxX: Math.max(...R.map((g) => g.x)),
+    maxY: Math.max(...R.map((g) => g.y))
+  };
+}
+function mt(t) {
+  return String(t).padStart(2, "0");
+}
+const Qt = {
+  top: ["n30", "p30"],
+  right: ["n30", "v"],
+  left: ["p30", "v"]
+}, te = { n30: -30, p30: 30, v: 90 }, ee = [
+  { 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 Rt(t, r, a) {
+  const [i, s] = Qt[a];
+  switch (r) {
+    case "plain":
+      return [];
+    case "lines":
+      return [`${t}-line-${i}`];
+    case "cross":
+      return [`${t}-line-${i}`, `${t}-line-${s}`];
+    case "dense":
+      return [`${t}-dense-${i}`];
+    case "dashes":
+      return [`${t}-dash-${i}`];
+    case "dots":
+      return [`${t}-dot`];
+    default:
+      return [`${t}-line-${i}`];
+  }
+}
+const Pt = (t) => `${t}-paper`, At = (t) => `${t}-grain`, ne = (t, r = "line") => `${t}-arrow-${r}`, re = (t) => [`${t}-grid-n30`, `${t}-grid-p30`];
+function bt({
+  uid: t,
+  style: r,
+  /** 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 = ""
+}) {
+  return /* @__PURE__ */ e.jsxs("defs", { children: [
+    ee.flatMap(
+      (i) => Object.entries(te).map(([s, f]) => /* @__PURE__ */ e.jsx(
+        "pattern",
+        {
+          id: `${t}-${i.key}-${s}`,
+          width: i.spacing,
+          height: i.spacing,
+          patternUnits: "userSpaceOnUse",
+          patternTransform: `rotate(${f})`,
+          children: /* @__PURE__ */ e.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
+            }
+          )
+        },
+        `${i.key}-${s}`
+      ))
+    ),
+    /* @__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 }) }),
+    [
+      { id: `${t}-grid-n30`, angle: -30 },
+      { id: `${t}-grid-p30`, angle: 30 }
+    ].map(({ id: i, angle: s }) => /* @__PURE__ */ e.jsx(
+      "pattern",
+      {
+        id: i,
+        width: lt,
+        height: lt,
+        patternUnits: "userSpaceOnUse",
+        patternTransform: `${a} rotate(${s})`.trim(),
+        children: /* @__PURE__ */ e.jsx(
+          "line",
+          {
+            x1: -1,
+            y1: lt / 2,
+            x2: lt + 1,
+            y2: lt / 2,
+            stroke: r.paper.grid,
+            strokeWidth: 0.5
+          }
+        )
+      },
+      i
+    )),
+    /* @__PURE__ */ e.jsxs("linearGradient", { id: Pt(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__ */ e.jsxs("filter", { id: At(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" })
+    ] }),
+    ["line", "accent"].map((i) => /* @__PURE__ */ e.jsx(
+      "marker",
+      {
+        id: ne(t, i),
+        markerWidth: "10",
+        markerHeight: "10",
+        refX: "8",
+        refY: "4",
+        orient: "auto",
+        markerUnits: "userSpaceOnUse",
+        children: /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            d: "M 1 1 L 8 4 L 1 7",
+            fill: "none",
+            stroke: i === "accent" ? r.ink.accent : r.ink.line,
+            strokeWidth: 1,
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      },
+      i
+    ))
+  ] });
+}
+function oe({
+  style: t,
+  rect: r,
+  pan: a,
+  zoom: i = 1,
+  className: s = "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(#${Pt(f)})` }),
+    re(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(#${At(f)})`, opacity: t.paper.grain })
+  ] });
+}
+const pt = o(10), se = 9, wt = (t, r) => t.length > r ? `${t.slice(0, r - 1)}…` : t;
+function ae({
+  style: t,
+  plate: r,
+  rows: a,
+  title: i,
+  tally: s,
+  className: f = "absolute inset-0 w-full h-full pointer-events-none"
+}) {
+  const x = yt().replace(/:/g, ""), b = a.slice(0, se), 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 = {
+    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), R = u.y + o(14), g = o(264), C = o(74), N = o(126), M = 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(
+      "rect",
+      {
+        x: r.minX,
+        y: r.minY,
+        width: r.maxX - r.minX,
+        height: r.maxY - r.minY,
+        fill: "none",
+        stroke: t.paper.edge,
+        strokeWidth: 1.4
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      "rect",
+      {
+        x: u.x,
+        y: u.y,
+        width: u.width,
+        height: u.height,
+        fill: "none",
+        stroke: t.paper.edge,
+        strokeWidth: 0.6,
+        opacity: 0.75
+      }
+    ),
+    [
+      [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, T, I], Y) => /* @__PURE__ */ e.jsx(
+      "path",
+      {
+        d: `M ${w + T * o(16)} ${A} L ${w} ${A} L ${w} ${A + I * o(16)}`,
+        fill: "none",
+        stroke: t.ink.line,
+        strokeWidth: 1.2
+      },
+      Y
+    )),
+    b.length > 0 && /* @__PURE__ */ e.jsxs("g", { children: [
+      /* @__PURE__ */ e.jsx(
+        "rect",
+        {
+          x: m,
+          y: R,
+          width: O,
+          height: S,
+          fill: t.paper.from,
+          fillOpacity: 0.55,
+          stroke: t.ink.line,
+          strokeWidth: 0.8
+        }
+      ),
+      /* @__PURE__ */ e.jsx(
+        "line",
+        {
+          x1: m,
+          y1: R + c,
+          x2: m + O,
+          y2: R + c,
+          stroke: t.ink.line,
+          strokeWidth: 0.8
+        }
+      ),
+      /* @__PURE__ */ e.jsx("text", { x: m + o(8), y: R + o(11), fill: t.ink.text, fontSize: o(8), fontWeight: 600, style: l, children: "COMPONENT INDEX" }),
+      /* @__PURE__ */ e.jsxs(
+        "text",
+        {
+          x: m + O - o(8),
+          y: R + o(11),
+          textAnchor: "end",
+          fill: t.ink.muted,
+          fontSize: o(8),
+          style: l,
+          children: [
+            mt(a.length),
+            " ITEMS"
+          ]
+        }
+      ),
+      b.map((w, A) => {
+        const T = R + c + A * d, I = Mt(w.color), Y = Rt(x, I, "top");
+        return /* @__PURE__ */ e.jsxs("g", { children: [
+          /* @__PURE__ */ e.jsx("text", { x: m + o(8), y: T + o(9.5), fill: t.ink.muted, fontSize: o(7.5), style: l, children: mt(w.n) }),
+          /* @__PURE__ */ e.jsx(
+            "rect",
+            {
+              x: m + o(28),
+              y: T + o(3),
+              width: o(14),
+              height: o(7),
+              fill: t.face.right,
+              stroke: t.ink.line,
+              strokeWidth: 0.4
+            }
+          ),
+          Y.map((P) => /* @__PURE__ */ e.jsx(
+            "rect",
+            {
+              x: m + o(28),
+              y: T + o(3),
+              width: o(14),
+              height: o(7),
+              fill: `url(#${P})`,
+              opacity: 0.85
+            },
+            P
+          )),
+          /* @__PURE__ */ e.jsx("text", { x: m + o(50), y: T + o(9.5), fill: t.ink.text, fontSize: o(7.5), style: l, children: wt((w.name || "").toUpperCase(), 18) }),
+          /* @__PURE__ */ e.jsx(
+            "text",
+            {
+              x: m + O - o(8),
+              y: T + o(9.5),
+              textAnchor: "end",
+              fill: t.ink.muted,
+              fontSize: o(7),
+              style: l,
+              children: Kt[I]
+            }
+          )
+        ] }, w.n);
+      }),
+      k > 0 && /* @__PURE__ */ e.jsx(
+        "text",
+        {
+          x: m + o(8),
+          y: R + c + b.length * d + o(9.5),
+          fill: t.ink.muted,
+          fontSize: o(7.5),
+          style: l,
+          children: `+ ${k} NOT LISTED`
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsxs("g", { children: [
+      /* @__PURE__ */ e.jsx(
+        "rect",
+        {
+          x: M,
+          y: $,
+          width: g,
+          height: C,
+          fill: t.paper.from,
+          fillOpacity: 0.55,
+          stroke: t.ink.line,
+          strokeWidth: 0.8
+        }
+      ),
+      /* @__PURE__ */ e.jsx("line", { x1: M, y1: $ + o(30), x2: M + g, y2: $ + o(30), stroke: t.ink.line, strokeWidth: 0.8 }),
+      /* @__PURE__ */ e.jsx("line", { x1: M, y1: $ + o(52), x2: M + g, y2: $ + o(52), stroke: t.ink.line, strokeWidth: 0.5 }),
+      /* @__PURE__ */ e.jsx("line", { x1: M + N, y1: $ + o(30), x2: M + N, y2: $ + C, stroke: t.ink.line, strokeWidth: 0.5 }),
+      /* @__PURE__ */ e.jsx("text", { x: M + o(9), y: $ + o(12), fill: t.ink.muted, fontSize: o(6.5), style: l, children: "DRAWING TITLE" }),
+      /* @__PURE__ */ e.jsx("text", { x: M + 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: M + o(9), y: $ + o(43), fill: t.ink.muted, fontSize: o(6.5), style: l, children: "PROJECTION" }),
+      /* @__PURE__ */ e.jsx("text", { x: M + 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: M + o(9), y: $ + o(65), fill: t.ink.muted, fontSize: o(6.5), style: l, children: "SCALE" }),
+      /* @__PURE__ */ e.jsx("text", { x: M + 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: M + N + o(9), y: $ + o(43), fill: t.ink.muted, fontSize: o(6.5), style: l, children: "QTY" }),
+      /* @__PURE__ */ e.jsx("text", { x: M + 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: M + N + o(9), y: $ + o(65), fill: t.ink.muted, fontSize: o(6.5), style: l, children: "SHEET" }),
+      /* @__PURE__ */ e.jsx("text", { x: M + g - o(9), y: $ + o(65), textAnchor: "end", fill: t.ink.text, fontSize: o(7), style: l, children: "1 OF 1" })
+    ] })
+  ] });
+}
+function ie({
+  uid: t,
+  style: r,
+  box: a,
+  color: i,
+  tag: s,
+  selected: f = !1,
+  opacity: x,
+  onClick: b,
+  onPointerDown: k
+}) {
+  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 }
+  ];
+  return /* @__PURE__ */ e.jsxs(
+    "g",
+    {
+      className: b || k ? "cursor-pointer" : void 0,
+      opacity: x,
+      onClick: b,
+      onPointerDown: k,
+      children: [
+        d.map(({ face: c, path: S }) => /* @__PURE__ */ e.jsxs("g", { children: [
+          /* @__PURE__ */ e.jsx("path", { d: S, fill: r.face[c] }),
+          Rt(t, u, c).map((m) => /* @__PURE__ */ e.jsx("path", { d: S, fill: `url(#${m})`, opacity: r.hatchOpacity[c] }, m))
+        ] }, c)),
+        /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            d: a.hidden,
+            fill: "none",
+            stroke: r.ink.hidden,
+            strokeWidth: r.strokeWidth * 0.55,
+            strokeDasharray: "3.5 3",
+            opacity: 0.85
+          }
+        ),
+        /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            d: a.visible,
+            fill: "none",
+            stroke: l,
+            strokeWidth: f ? r.strokeWidth * 1.7 : r.strokeWidth,
+            strokeLinejoin: "round",
+            strokeLinecap: "round"
+          }
+        ),
+        s != null && /* @__PURE__ */ e.jsx(
+          "text",
+          {
+            x: a.topCenter.x,
+            y: a.topCenter.y + o(3),
+            textAnchor: "middle",
+            fill: O,
+            fontSize: o(8),
+            fontWeight: 600,
+            fontFamily: r.font,
+            style: { letterSpacing: "0.1em" },
+            pointerEvents: "none",
+            children: mt(s)
+          }
+        )
+      ]
+    }
+  );
+}
+function ce({
+  style: t,
+  box: r,
+  name: a,
+  subtitle: i,
+  selected: s = !1,
+  opacity: f
+}) {
+  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(
+      "line",
+      {
+        x1: r.topCenter.x,
+        y1: r.topCenter.y - o(6),
+        x2: r.topCenter.x,
+        y2: l,
+        stroke: x,
+        strokeWidth: t.strokeWidth * 0.6
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      "line",
+      {
+        x1: r.topCenter.x - c / 2,
+        y1: l,
+        x2: r.topCenter.x + c / 2,
+        y2: l,
+        stroke: x,
+        strokeWidth: t.strokeWidth * 0.6
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      "text",
+      {
+        x: r.topCenter.x,
+        y: d,
+        textAnchor: "middle",
+        fill: b,
+        fontSize: o(9.5),
+        fontWeight: 600,
+        fontFamily: t.font,
+        stroke: t.paper.from,
+        strokeWidth: o(3),
+        paintOrder: "stroke",
+        strokeLinejoin: "round",
+        style: { letterSpacing: "0.12em" },
+        children: k
+      }
+    ),
+    u && /* @__PURE__ */ e.jsx(
+      "text",
+      {
+        x: r.topCenter.x,
+        y: O,
+        textAnchor: "middle",
+        fill: t.ink.muted,
+        fontSize: o(7.5),
+        fontFamily: t.font,
+        stroke: t.paper.from,
+        strokeWidth: o(2.5),
+        paintOrder: "stroke",
+        strokeLinejoin: "round",
+        style: { letterSpacing: "0.1em" },
+        children: u
+      }
+    )
+  ] });
+}
+const Lt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', le = {
   blue: { top: "#3b82f6", side: "#2563eb", front: "#1d4ed8" },
   violet: { top: "#8b5cf6", side: "#7c3aed", front: "#6d28d9" },
   cyan: { top: "#06b6d4", side: "#0891b2", front: "#0e7490" },
@@ -365,7 +936,7 @@ const bt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', Tt =
   amber: { top: "#f59e0b", side: "#d97706", front: "#b45309" },
   rose: { top: "#f43f5e", side: "#e11d48", front: "#be123c" },
   slate: { top: "#475569", side: "#334155", front: "#1e293b" }
-}, Rt = {
+}, fe = {
   blue: { top: "#93c5fd", side: "#60a5fa", front: "#3b82f6" },
   violet: { top: "#c4b5fd", side: "#a78bfa", front: "#8b5cf6" },
   cyan: { top: "#67e8f9", side: "#22d3ee", front: "#06b6d4" },
@@ -374,249 +945,340 @@ const bt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', Tt =
   rose: { top: "#fda4af", side: "#fb7185", front: "#f43f5e" },
   slate: { top: "#e2e8f0", side: "#cbd5e1", front: "#94a3b8" }
 };
-function st(e, s, a) {
-  const f = (A) => {
-    const h = A.replace("#", "");
+function ut(t, r, a) {
+  const i = (u) => {
+    const l = u.replace("#", "");
     return {
-      r: parseInt(h.substring(0, 2), 16),
-      g: parseInt(h.substring(2, 4), 16),
-      b: parseInt(h.substring(4, 6), 16)
+      r: parseInt(l.substring(0, 2), 16),
+      g: parseInt(l.substring(2, 4), 16),
+      b: parseInt(l.substring(4, 6), 16)
     };
-  }, o = f(e), x = f(s), y = Math.round(o.r + (x.r - o.r) * a), _ = Math.round(o.g + (x.g - o.g) * a), k = Math.round(o.b + (x.b - o.b) * a);
-  return `rgb(${y},${_},${k})`;
+  }, 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})`;
 }
-function wt({ x: e, y: s, z: a, children: f, fontSize: o = 8, color: x = "#1e293b", shadow: y }) {
-  const _ = l(e, s, a);
-  return /* @__PURE__ */ r.jsx("g", { transform: `translate(${_.screenX}, ${_.screenY})`, filter: y, children: /* @__PURE__ */ r.jsx("g", { transform: "matrix(0.866, -0.5, 0.866, 0.5, 0, 0)", children: /* @__PURE__ */ r.jsx(
+function de({ 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(
     "text",
     {
       x: 0,
       y: 0,
       textAnchor: "middle",
-      fill: x,
-      fontSize: o,
+      fill: f,
+      fontSize: s,
       fontWeight: 600,
-      fontFamily: bt,
+      fontFamily: Lt,
       style: { textTransform: "uppercase", letterSpacing: "0.06em" },
-      children: f
+      children: i
     }
   ) }) });
 }
-function Ot({ width: e, depth: s, elevation: a, color: f, opacity: o, borderColor: x, theme: y, isGround: _ }) {
-  const A = K(e, s, _ ? 8 : 2, 0, 0), h = l(0, 0, a);
-  return /* @__PURE__ */ r.jsxs("g", { transform: `translate(${h.screenX}, ${h.screenY})`, children: [
-    _ && /* @__PURE__ */ r.jsx("g", { transform: "translate(4, 4)", opacity: 0.2, children: /* @__PURE__ */ r.jsx("path", { d: A.top, fill: "#000" }) }),
-    /* @__PURE__ */ r.jsx("path", { d: A.top, fill: f, opacity: o }),
-    _ && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-      /* @__PURE__ */ r.jsx("path", { d: A.left, fill: y === "dark" ? "#0f172a" : "#cbd5e1", opacity: 0.8 }),
-      /* @__PURE__ */ r.jsx("path", { d: A.right, fill: y === "dark" ? "#1e293b" : "#94a3b8", opacity: 0.8 })
+function he({ 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 })
     ] }),
-    /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ e.jsx(
       "path",
       {
-        d: A.top,
+        d: u.top,
         fill: "none",
-        stroke: x || (y === "dark" ? "#475569" : "#94a3b8"),
-        strokeWidth: _ ? 1.5 : 0.75,
-        opacity: _ ? 1 : 0.6
+        stroke: f || (x === "dark" ? "#475569" : "#94a3b8"),
+        strokeWidth: b ? 1.5 : 0.75,
+        opacity: b ? 1 : 0.6
       }
     )
   ] });
 }
-function Lt({ config: e, options: s = {}, className: a, style: f, onNodeClick: o, onLayerClick: x }) {
-  const { interactive: y = !0, animate: _ = !0, showLabels: k = !0, expandOnHover: A = !0 } = s, { theme: h, canvas: I, origin: d, tiers: n, floorSize: m, nodes: w, cornerRadius: N = 0 } = e, F = h === "dark" ? Tt : Rt, Z = h === "dark" ? "#0f172a" : "#fafafa", B = h === "dark" ? "#e2e8f0" : "#1e293b", q = h === "dark" ? "#64748b" : "#94a3b8", [g, j] = ot(/* @__PURE__ */ new Set());
-  $t(() => {
-    _ ? (j(/* @__PURE__ */ new Set()), n.forEach(($, i) => {
+function be({ 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: R = 0 } = t, g = qt(t.style), C = g.technical, N = yt().replace(/:/g, ""), M = l === "dark" ? le : fe, $ = 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", T = Nt(() => {
+    const E = 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 E.forEach(({ i: n }, h) => p.set(n, h + 1)), p;
+  }, [m]), I = { 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((E, p) => {
       setTimeout(() => {
-        j((u) => /* @__PURE__ */ new Set([...u, i]));
-      }, i * 150 + 100);
-    })) : j(new Set(n.map(($, i) => i)));
-  }, [e.id, _, n.length]);
-  const [S, b] = ot(null), [L, M] = ot(null), [v, E] = ot(null), X = [...w].sort(($, i) => {
-    const u = n[$.tier]?.elevation || 0, C = n[i.tier]?.elevation || 0;
-    if (u !== C) return u - C;
-    const P = $.x + $.width + ($.y + $.depth);
-    return i.x + i.width + (i.y + i.depth) - P;
+        P((n) => /* @__PURE__ */ new Set([...n, p]));
+      }, p * 150 + 100);
+    })) : P(new Set(c.map((E, p) => p)));
+  }, [t.id, b, c.length]);
+  const [L, J] = dt(null), [G, z] = dt(null), [v, B] = dt(null), H = [...m].sort((E, p) => {
+    const n = c[E.tier]?.elevation || 0, h = c[p.tier]?.elevation || 0;
+    if (n !== h) return n - h;
+    const _ = E.x + E.width + (E.y + E.depth);
+    return p.x + p.width + (p.y + p.depth) - _;
   });
-  return /* @__PURE__ */ r.jsx("div", { className: a, style: { display: "inline-block", ...f }, children: /* @__PURE__ */ r.jsxs(
+  return /* @__PURE__ */ e.jsx("div", { className: a, style: { display: "inline-block", ...i }, children: /* @__PURE__ */ e.jsxs(
     "svg",
     {
-      width: I.width,
-      height: I.height,
-      style: { backgroundColor: Z },
+      width: O.width,
+      height: O.height,
+      style: { backgroundColor: $ },
       onClick: () => {
-        y && (E(null), M(null));
+        x && (B(null), z(null));
       },
       children: [
-        /* @__PURE__ */ r.jsxs("defs", { children: [
-          /* @__PURE__ */ r.jsx("pattern", { id: `grid-${e.id}`, width: "24", height: "24", patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ r.jsx("circle", { cx: "12", cy: "12", r: "0.5", fill: h === "dark" ? "#1e293b" : "#e2e8f0" }) }),
-          /* @__PURE__ */ r.jsx("filter", { id: `glow-${e.id}`, x: "-20%", y: "-20%", width: "140%", height: "140%", children: /* @__PURE__ */ r.jsx(
+        /* @__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(
             "feDropShadow",
             {
               dx: "0",
               dy: "4",
               stdDeviation: "8",
-              floodColor: h === "dark" ? "#60a5fa" : "#3b82f6",
+              floodColor: l === "dark" ? "#60a5fa" : "#3b82f6",
               floodOpacity: "0.3"
             }
           ) }),
-          /* @__PURE__ */ r.jsxs("radialGradient", { id: `bg-${e.id}`, cx: "48%", cy: "34%", r: "82%", children: [
-            /* @__PURE__ */ r.jsx("stop", { offset: "0%", stopColor: h === "dark" ? "#16203a" : "#ffffff" }),
-            /* @__PURE__ */ r.jsx("stop", { offset: "55%", stopColor: h === "dark" ? "#0e1526" : "#f2f5f9" }),
-            /* @__PURE__ */ r.jsx("stop", { offset: "100%", stopColor: h === "dark" ? "#080d18" : "#e7ecf2" })
+          /* @__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__ */ r.jsx("filter", { id: `contact-${e.id}`, x: "-60%", y: "-60%", width: "220%", height: "220%", children: /* @__PURE__ */ r.jsx("feGaussianBlur", { stdDeviation: "5" }) }),
-          /* @__PURE__ */ r.jsxs("linearGradient", { id: `sheen-${e.id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-            /* @__PURE__ */ r.jsx("stop", { offset: "0%", stopColor: "#ffffff", stopOpacity: "0.18" }),
-            /* @__PURE__ */ r.jsx("stop", { offset: "55%", stopColor: "#ffffff", stopOpacity: "0.04" }),
-            /* @__PURE__ */ r.jsx("stop", { offset: "100%", stopColor: "#ffffff", stopOpacity: "0" })
+          /* @__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__ */ r.jsxs("linearGradient", { id: `shade-${e.id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-            /* @__PURE__ */ r.jsx("stop", { offset: "0%", stopColor: "#000000", stopOpacity: "0" }),
-            /* @__PURE__ */ r.jsx("stop", { offset: "100%", stopColor: "#000000", stopOpacity: "0.24" })
+          /* @__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__ */ r.jsx("filter", { id: `label-${e.id}`, x: "-40%", y: "-40%", width: "180%", height: "180%", children: /* @__PURE__ */ r.jsx("feDropShadow", { dx: "0", dy: "0.5", stdDeviation: "0.7", floodColor: "#000000", floodOpacity: "0.7" }) })
+          /* @__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__ */ r.jsx("rect", { width: "100%", height: "100%", fill: `url(#bg-${e.id})` }),
-        /* @__PURE__ */ r.jsx("rect", { width: "100%", height: "100%", fill: `url(#grid-${e.id})`, opacity: "0.5" }),
-        /* @__PURE__ */ r.jsx("g", { transform: `translate(${d.x}, ${d.y})`, children: n.map(($, i) => {
-          const u = X.filter((p) => p.tier === i), C = g.has(i), P = y && (L === i || L === null && v === null && S === i), z = y && (L !== null || S !== null || v !== null), V = v?.tier === i, t = z && !P && !V, c = C ? 0 : 60, T = C ? 1 : 0, O = P && A ? { x: 10, y: -34 } : { x: 0, y: 0 }, H = P ? 1.03 : 1, G = l(m.width / 2, m.depth / 2, $.elevation), R = $.offset || { x: 0, y: 0 };
-          return /* @__PURE__ */ r.jsxs(
+        C ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(bt, { uid: N, style: g }),
+          /* @__PURE__ */ e.jsx(
+            oe,
+            {
+              style: g,
+              rect: { x: 0, y: 0, width: O.width, height: O.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__ */ e.jsx("g", { transform: `translate(${d.x}, ${d.y})`, children: c.map((E, p) => {
+          const n = H.filter((j) => j.tier === p), h = Y.has(p), _ = x && (G === p || G === null && v === null && L === p), F = x && (G !== null || L !== null || v !== null), Q = v?.tier === p, tt = F && !_ && !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, E.elevation), gt = E.offset || { x: 0, y: 0 };
+          return /* @__PURE__ */ e.jsxs(
             "g",
             {
-              "data-tier": i,
-              onMouseEnter: () => y && b(i),
-              onMouseLeave: () => y && b(null),
-              onClick: (p) => {
-                y && (p.stopPropagation(), E(null), M((Y) => Y === i ? null : i), x?.(i));
+              "data-tier": p,
+              onMouseEnter: () => x && J(p),
+              onMouseLeave: () => x && J(null),
+              onClick: (j) => {
+                x && (j.stopPropagation(), B(null), z((D) => D === p ? null : p), f?.(p));
               },
               style: {
-                transform: `translate(${R.x + O.x}px, ${R.y + O.y}px) translate(${G.screenX}px, ${G.screenY + c}px) scale(${H}) translate(${-G.screenX}px, ${-G.screenY}px)`,
+                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)`,
                 transition: "transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease-out",
-                opacity: T * (t ? 0.35 : 1),
-                filter: P ? `url(#glow-${e.id})` : "none",
-                cursor: y ? "pointer" : "default"
+                opacity: q * (tt ? 0.35 : 1),
+                filter: _ ? `url(#glow-${t.id})` : "none",
+                cursor: x ? "pointer" : "default"
               },
               children: [
-                /* @__PURE__ */ r.jsx(
-                  Ot,
+                C ? /* @__PURE__ */ e.jsx(
+                  pe,
+                  {
+                    width: S.width,
+                    depth: S.depth,
+                    elevation: p === 0 ? -2 : E.elevation,
+                    ink: p === 0 ? g.ink.line : g.ink.hidden,
+                    isGround: p === 0
+                  }
+                ) : /* @__PURE__ */ e.jsx(
+                  he,
                   {
-                    width: m.width,
-                    depth: m.depth,
-                    elevation: i === 0 ? -2 : $.elevation,
-                    color: $.floorColor || (h === "dark" ? "#0f172a" : "#f8fafc"),
-                    opacity: $.floorOpacity || (i === 0 ? 0.95 : 0.5),
-                    borderColor: $.borderColor,
-                    theme: h,
-                    isGround: i === 0
+                    width: S.width,
+                    depth: S.depth,
+                    elevation: p === 0 ? -2 : E.elevation,
+                    color: E.floorColor || (l === "dark" ? "#0f172a" : "#f8fafc"),
+                    opacity: E.floorOpacity || (p === 0 ? 0.95 : 0.5),
+                    borderColor: E.borderColor,
+                    theme: l,
+                    isGround: p === 0
                   }
                 ),
-                u.map((p, Y) => {
-                  const Q = $.elevation + 5, lt = l(p.x, p.y, Q), W = K(p.width, p.depth, p.height, lt.screenX, lt.screenY, N), U = F[p.color] || F.slate, at = v?.tier === i && v?.index === Y, mt = y && v !== null && !at, ct = l(p.x - 3, p.y - 3, $.elevation), xt = K(p.width + 6, p.depth + 6, 0, ct.screenX, ct.screenY, N).top;
-                  return /* @__PURE__ */ r.jsxs(
+                C && n.map((j, D) => {
+                  const ot = E.elevation + 5, et = y(j.x, j.y, ot), U = Et(j.width, j.depth, j.height, et.screenX, et.screenY), X = v?.tier === p && v?.index === D, nt = x && v !== null && !X;
+                  return /* @__PURE__ */ e.jsx(
+                    ie,
+                    {
+                      uid: N,
+                      style: g,
+                      box: U,
+                      color: j.color,
+                      tag: T.get(m.indexOf(j)),
+                      selected: X,
+                      opacity: (j.opacity ?? 1) * (nt ? 0.3 : 1),
+                      onClick: x ? () => {
+                        if (z(null), B((at) => at && at.tier === p && at.index === D ? null : { tier: p, index: D }), s?.(j, { tier: p, index: D }), j.link)
+                          try {
+                            window.open(j.link, "_blank");
+                          } catch {
+                          }
+                      } : void 0
+                    },
+                    `tech-${D}`
+                  );
+                }),
+                C && k && n.map((j, D) => {
+                  const ot = E.elevation + 5, et = y(j.x, j.y, ot), U = Et(j.width, j.depth, j.height, et.screenX, et.screenY), X = v?.tier === p && v?.index === D, nt = x && v !== null && !X;
+                  return /* @__PURE__ */ e.jsx(
+                    ce,
+                    {
+                      style: g,
+                      box: U,
+                      name: j.label,
+                      selected: X,
+                      opacity: nt ? 0.3 : 1
+                    },
+                    `tech-label-${D}`
+                  );
+                }),
+                !C && n.map((j, D) => {
+                  const ot = E.elevation + 5, et = y(j.x, j.y, ot), U = rt(j.width, j.depth, j.height, et.screenX, et.screenY, R), X = M[j.color] || M.slate, nt = v?.tier === p && v?.index === D, at = x && v !== null && !nt, $t = y(j.x - 3, j.y - 3, E.elevation), Yt = rt(j.width + 6, j.depth + 6, 0, $t.screenX, $t.screenY, R).top;
+                  return /* @__PURE__ */ e.jsxs(
                     "g",
                     {
-                      "data-node": `${i}-${Y}`,
-                      opacity: (p.opacity ?? 1) * (mt ? 0.3 : 1),
-                      onClick: y ? (D) => {
-                        if (D.stopPropagation(), M(null), E((J) => J && J.tier === i && J.index === Y ? null : { tier: i, index: Y }), o?.(p, { tier: i, index: Y }), p.link)
+                      "data-node": `${p}-${D}`,
+                      opacity: (j.opacity ?? 1) * (at ? 0.3 : 1),
+                      onClick: x ? (Z) => {
+                        if (Z.stopPropagation(), z(null), B((V) => V && V.tier === p && V.index === D ? null : { tier: p, index: D }), s?.(j, { tier: p, index: D }), j.link)
                           try {
-                            window.open(p.link, "_blank");
+                            window.open(j.link, "_blank");
                           } catch {
                           }
                       } : void 0,
-                      style: { cursor: y ? "pointer" : "default", transition: "opacity 0.3s ease-out" },
+                      style: { cursor: x ? "pointer" : "default", transition: "opacity 0.3s ease-out" },
                       children: [
-                        /* @__PURE__ */ r.jsx("path", { d: xt, fill: "#000000", opacity: 0.3, filter: `url(#contact-${e.id})` }),
-                        W.cornerBackRight?.map((D, J) => /* @__PURE__ */ r.jsx(
+                        /* @__PURE__ */ e.jsx("path", { d: Yt, fill: "#000000", opacity: 0.3, filter: `url(#contact-${t.id})` }),
+                        U.cornerBackRight?.map((Z, V) => /* @__PURE__ */ e.jsx(
                           "path",
                           {
-                            d: D.path,
-                            fill: st(U.front, U.side, D.intensity)
+                            d: Z.path,
+                            fill: ut(X.front, X.side, Z.intensity)
                           },
-                          `cbr-${J}`
+                          `cbr-${V}`
                         )),
-                        W.cornerBackLeft?.map((D, J) => /* @__PURE__ */ r.jsx(
+                        U.cornerBackLeft?.map((Z, V) => /* @__PURE__ */ e.jsx(
                           "path",
                           {
-                            d: D.path,
-                            fill: st(U.side, U.front, D.intensity)
+                            d: Z.path,
+                            fill: ut(X.side, X.front, Z.intensity)
                           },
-                          `cbl-${J}`
+                          `cbl-${V}`
                         )),
-                        /* @__PURE__ */ r.jsx("path", { d: W.left, fill: U.side }),
-                        /* @__PURE__ */ r.jsx("path", { d: W.left, fill: `url(#shade-${e.id})` }),
-                        /* @__PURE__ */ r.jsx("path", { d: W.right, fill: U.front }),
-                        /* @__PURE__ */ r.jsx("path", { d: W.right, fill: `url(#shade-${e.id})` }),
-                        W.cornerFrontRight?.map((D, J) => /* @__PURE__ */ r.jsx(
+                        /* @__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(
                           "path",
                           {
-                            d: D.path,
-                            fill: st(U.front, U.side, D.intensity)
+                            d: Z.path,
+                            fill: ut(X.front, X.side, Z.intensity)
                           },
-                          `cfr-${J}`
+                          `cfr-${V}`
                         )),
-                        W.cornerFrontLeft?.map((D, J) => /* @__PURE__ */ r.jsx(
+                        U.cornerFrontLeft?.map((Z, V) => /* @__PURE__ */ e.jsx(
                           "path",
                           {
-                            d: D.path,
-                            fill: st(U.front, U.side, D.intensity)
+                            d: Z.path,
+                            fill: ut(X.front, X.side, Z.intensity)
                           },
-                          `cfl-${J}`
+                          `cfl-${V}`
                         )),
-                        /* @__PURE__ */ r.jsx("path", { d: W.top, fill: U.top }),
-                        /* @__PURE__ */ r.jsx("path", { d: W.top, fill: `url(#sheen-${e.id})` }),
-                        /* @__PURE__ */ r.jsx(
+                        /* @__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(
                           "path",
                           {
-                            d: W.top,
+                            d: U.top,
                             fill: "none",
-                            stroke: at ? "#ffffff" : "rgba(255,255,255,0.28)",
-                            strokeWidth: at ? 1.4 : 0.75,
+                            stroke: nt ? "#ffffff" : "rgba(255,255,255,0.28)",
+                            strokeWidth: nt ? 1.4 : 0.75,
                             strokeLinejoin: "round"
                           }
                         ),
-                        k && p.label && /* @__PURE__ */ r.jsx(
-                          wt,
+                        k && j.label && /* @__PURE__ */ e.jsx(
+                          de,
                           {
-                            x: p.x + p.width / 2,
-                            y: p.y + p.depth / 2,
-                            z: Q + p.height + 2,
-                            fontSize: p.width > 70 ? 9 : 8,
-                            color: B,
-                            shadow: `url(#label-${e.id})`,
-                            children: p.label
+                            x: j.x + j.width / 2,
+                            y: j.y + j.depth / 2,
+                            z: ot + j.height + 2,
+                            fontSize: j.width > 70 ? 9 : 8,
+                            color: w,
+                            shadow: `url(#label-${t.id})`,
+                            children: j.label
                           }
                         )
                       ]
                     },
-                    Y
+                    D
                   );
                 }),
-                k && /* @__PURE__ */ r.jsx(
+                k && /* @__PURE__ */ e.jsx(
                   "text",
                   {
-                    x: l(-25, m.depth / 2, $.elevation + 15).screenX - 35,
-                    y: l(-25, m.depth / 2, $.elevation + 15).screenY,
-                    fill: q,
+                    x: y(-25, S.depth / 2, E.elevation + 15).screenX - 35,
+                    y: y(-25, S.depth / 2, E.elevation + 15).screenY,
+                    fill: A,
                     fontSize: 9,
                     fontWeight: 500,
-                    fontFamily: bt,
-                    opacity: 0.6,
-                    style: { letterSpacing: "0.05em" },
-                    children: $.name
+                    fontFamily: Lt,
+                    opacity: C ? 0.9 : 0.6,
+                    style: { letterSpacing: "0.05em", textTransform: C ? "uppercase" : "none" },
+                    children: E.name
                   }
                 )
               ]
             },
-            i
+            p
           );
-        }) })
+        }) }),
+        C && /* @__PURE__ */ e.jsx(
+          ae,
+          {
+            style: g,
+            plate: I,
+            rows: m.map((E, p) => ({
+              n: T.get(p) || p + 1,
+              name: E.label,
+              subtitle: c[E.tier]?.name,
+              color: E.color
+            })).sort((E, p) => E.n - p.n),
+            title: t.title,
+            tally: `${String(m.length).padStart(2, "0")} CMP / ${String(c.length).padStart(2, "0")} TIER`,
+            className: ""
+          }
+        )
       ]
     }
   ) });
 }
-const ut = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', St = {
+function pe({ 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(
+    "path",
+    {
+      d: x,
+      fill: "none",
+      stroke: i,
+      strokeWidth: s ? 1 : 0.7,
+      strokeDasharray: s ? void 0 : "5 4",
+      opacity: s ? 0.9 : 0.7
+    }
+  );
+}
+const Ot = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', ue = {
   blue: { top: "#3b82f6", side: "#2563eb", front: "#1d4ed8" },
   violet: { top: "#8b5cf6", side: "#7c3aed", front: "#6d28d9" },
   cyan: { top: "#06b6d4", side: "#0891b2", front: "#0e7490" },
@@ -624,7 +1286,7 @@ const ut = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', St =
   amber: { top: "#f59e0b", side: "#d97706", front: "#b45309" },
   rose: { top: "#f43f5e", side: "#e11d48", front: "#be123c" },
   slate: { top: "#475569", side: "#334155", front: "#1e293b" }
-}, Mt = {
+}, xe = {
   blue: { top: "#93c5fd", side: "#60a5fa", front: "#3b82f6" },
   violet: { top: "#c4b5fd", side: "#a78bfa", front: "#8b5cf6" },
   cyan: { top: "#67e8f9", side: "#22d3ee", front: "#06b6d4" },
@@ -633,77 +1295,77 @@ const ut = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', St =
   rose: { top: "#fda4af", side: "#fb7185", front: "#f43f5e" },
   slate: { top: "#e2e8f0", side: "#cbd5e1", front: "#94a3b8" }
 };
-function nt(e, s, a) {
-  const f = (A) => {
-    const h = A.replace("#", "");
+function xt(t, r, a) {
+  const i = (u) => {
+    const l = u.replace("#", "");
     return {
-      r: parseInt(h.substring(0, 2), 16),
-      g: parseInt(h.substring(2, 4), 16),
-      b: parseInt(h.substring(4, 6), 16)
+      r: parseInt(l.substring(0, 2), 16),
+      g: parseInt(l.substring(2, 4), 16),
+      b: parseInt(l.substring(4, 6), 16)
     };
-  }, o = f(e), x = f(s), y = Math.round(o.r + (x.r - o.r) * a), _ = Math.round(o.g + (x.g - o.g) * a), k = Math.round(o.b + (x.b - o.b) * a);
-  return `rgb(${y},${_},${k})`;
+  }, 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})`;
 }
-function Ct(e) {
-  const { theme: s, canvas: a, origin: f, tiers: o, floorSize: x, nodes: y, cornerRadius: _ = 0 } = e, k = s === "dark" ? St : Mt, A = s === "dark" ? "#0f172a" : "#fafafa", h = s === "dark" ? "#e2e8f0" : "#1e293b", I = s === "dark" ? "#64748b" : "#94a3b8", d = [...y].sort((m, w) => {
-    const N = o[m.tier]?.elevation || 0, F = o[w.tier]?.elevation || 0;
-    return N !== F ? N - F : w.x + w.width + (w.y + w.depth) - (m.x + m.width + (m.y + m.depth));
+function me(t) {
+  const { theme: r, canvas: a, origin: i, tiers: s, floorSize: f, nodes: x, cornerRadius: b = 0 } = t, k = r === "dark" ? ue : xe, u = r === "dark" ? "#0f172a" : "#fafafa", l = r === "dark" ? "#e2e8f0" : "#1e293b", O = r === "dark" ? "#64748b" : "#94a3b8", d = [...x].sort((S, m) => {
+    const R = s[S.tier]?.elevation || 0, g = s[m.tier]?.elevation || 0;
+    return R !== g ? R - g : m.x + m.width + (m.y + m.depth) - (S.x + S.width + (S.y + S.depth));
   });
-  let n = `<svg xmlns="http://www.w3.org/2000/svg" width="${a.width}" height="${a.height}" style="background:${A}">`;
-  n += `<defs>
+  let c = `<svg xmlns="http://www.w3.org/2000/svg" width="${a.width}" height="${a.height}" style="background:${u}">`;
+  c += `<defs>
     <pattern id="grid" width="24" height="24" patternUnits="userSpaceOnUse">
-      <circle cx="12" cy="12" r="0.5" fill="${s === "dark" ? "#1e293b" : "#e2e8f0"}"/>
+      <circle cx="12" cy="12" r="0.5" fill="${r === "dark" ? "#1e293b" : "#e2e8f0"}"/>
     </pattern>
     <radialGradient id="bg" cx="48%" cy="34%" r="82%">
-      <stop offset="0%" stop-color="${s === "dark" ? "#16203a" : "#ffffff"}"/>
-      <stop offset="55%" stop-color="${s === "dark" ? "#0e1526" : "#f2f5f9"}"/>
-      <stop offset="100%" stop-color="${s === "dark" ? "#080d18" : "#e7ecf2"}"/>
+      <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"}"/>
     </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>`, n += '<rect width="100%" height="100%" fill="url(#bg)"/>', n += '<rect width="100%" height="100%" fill="url(#grid)" opacity="0.5"/>', n += `<g transform="translate(${f.x},${f.y})">`;
-  for (let m = 0; m < o.length; m++) {
-    const w = o[m], N = d.filter((b) => b.tier === m), F = w.offset || { x: 0, y: 0 };
-    n += `<g transform="translate(${F.x},${F.y})">`;
-    const Z = m === 0 ? 8 : 2, B = K(x.width, x.depth, Z, 0, 0), q = l(0, 0, m === 0 ? -2 : w.elevation), g = w.floorColor || (s === "dark" ? "#0f172a" : "#f8fafc"), j = w.floorOpacity || (m === 0 ? 0.95 : 0.5);
-    n += `<g transform="translate(${q.screenX},${q.screenY})">`, m === 0 && (n += `<g transform="translate(4,4)" opacity="0.2"><path d="${B.top}" fill="#000"/></g>`), n += `<path d="${B.top}" fill="${g}" opacity="${j}"/>`, m === 0 && (n += `<path d="${B.left}" fill="${s === "dark" ? "#0f172a" : "#cbd5e1"}" opacity="0.8"/>`, n += `<path d="${B.right}" fill="${s === "dark" ? "#1e293b" : "#94a3b8"}" opacity="0.8"/>`), n += `<path d="${B.top}" fill="none" stroke="${w.borderColor || (s === "dark" ? "#475569" : "#94a3b8")}" stroke-width="${m === 0 ? 1.5 : 0.75}" opacity="${m === 0 ? 1 : 0.6}"/>`, n += "</g>";
-    for (const b of N) {
-      const L = w.elevation + 5, M = l(b.x, b.y, L), v = K(b.width, b.depth, b.height, M.screenX, M.screenY, _), E = k[b.color] || k.slate, X = b.opacity ?? 1;
-      n += `<g opacity="${X}">`;
-      const $ = l(b.x - 3, b.y - 3, w.elevation), i = K(b.width + 6, b.depth + 6, 0, $.screenX, $.screenY, _).top;
-      if (n += `<path d="${i}" fill="#000000" opacity="0.3" filter="url(#contact)"/>`, v.cornerBackRight)
-        for (const u of v.cornerBackRight)
-          n += `<path d="${u.path}" fill="${nt(E.front, E.side, u.intensity)}"/>`;
-      if (v.cornerBackLeft)
-        for (const u of v.cornerBackLeft)
-          n += `<path d="${u.path}" fill="${nt(E.side, E.front, u.intensity)}"/>`;
-      if (n += `<path d="${v.left}" fill="${E.side}"/>`, n += `<path d="${v.left}" fill="url(#shade)"/>`, n += `<path d="${v.right}" fill="${E.front}"/>`, n += `<path d="${v.right}" fill="url(#shade)"/>`, v.cornerFrontRight)
-        for (const u of v.cornerFrontRight)
-          n += `<path d="${u.path}" fill="${nt(E.front, E.side, u.intensity)}"/>`;
-      if (v.cornerFrontLeft)
-        for (const u of v.cornerFrontLeft)
-          n += `<path d="${u.path}" fill="${nt(E.front, E.side, u.intensity)}"/>`;
-      if (n += `<path d="${v.top}" fill="${E.top}"/>`, n += `<path d="${v.top}" fill="url(#sheen)"/>`, n += `<path d="${v.top}" fill="none" stroke="rgba(255,255,255,0.28)" stroke-width="0.75" stroke-linejoin="round"/>`, b.label) {
-        const u = l(b.x + b.width / 2, b.y + b.depth / 2, L + b.height + 2), C = b.width > 70 ? 9 : 8;
-        n += `<g transform="translate(${u.screenX},${u.screenY})" filter="url(#labelshadow)">`, n += '<g transform="matrix(0.866,-0.5,0.866,0.5,0,0)">', n += `<text x="0" y="0" text-anchor="middle" fill="${h}" font-size="${C}" font-weight="600" font-family='${ut}' style="text-transform:uppercase;letter-spacing:0.06em">${b.label}</text>`, n += "</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(${i.x},${i.y})">`;
+  for (let S = 0; S < s.length; S++) {
+    const m = s[S], R = d.filter((T) => T.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), M = 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(${M.screenX},${M.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 T of R) {
+      const I = m.elevation + 5, Y = y(T.x, T.y, I), P = rt(T.width, T.depth, T.height, Y.screenX, Y.screenY, b), L = k[T.color] || k.slate, J = T.opacity ?? 1;
+      c += `<g opacity="${J}">`;
+      const G = y(T.x - 3, T.y - 3, m.elevation), z = rt(T.width + 6, T.depth + 6, 0, G.screenX, G.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"/>`, T.label) {
+        const v = y(T.x + T.width / 2, T.y + T.depth / 2, I + T.height + 2), B = T.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="${B}" font-weight="600" font-family='${Ot}' style="text-transform:uppercase;letter-spacing:0.06em">${T.label}</text>`, c += "</g></g>";
       }
-      n += "</g>";
+      c += "</g>";
     }
-    const S = l(-25, x.depth / 2, w.elevation + 15);
-    n += `<text x="${S.screenX - 35}" y="${S.screenY}" fill="${I}" font-size="9" font-weight="500" font-family='${ut}' opacity="0.6" style="letter-spacing:0.05em">${w.name}</text>`, n += "</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>";
   }
-  return n += "</g></svg>", n;
+  return c += "</g></svg>", c;
 }
-function Nt(e, s) {
-  e.innerHTML = Ct(s);
+function ge(t, r) {
+  t.innerHTML = me(r);
 }
 export {
-  Lt as ArcDiagram,
-  At as getColorShading,
-  K as isoBox,
-  l as isoToScreen,
-  Nt as renderToElement,
-  Ct as renderToString
+  be as ArcDiagram,
+  ke as getColorShading,
+  rt as isoBox,
+  y as isoToScreen,
+  ge as renderToElement,
+  me as renderToString
 };