@arach/arc-iso 0.5.0 → 0.6.0

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

@@ -1,8 +1,8 @@
-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);
+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) {
   return {
-    screenX: (t - r) * It,
+    screenX: (t - r) * Dt,
     screenY: -(t + r) * Bt - a
     // Negated so +X,+Y go UP on screen
   };
@@ -24,27 +24,27 @@ function rt(t, r, a, i = 0, s = 0, f = 0) {
     y: $.screenY + s
   }), k = Object.fromEntries(
     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`;
+  ), 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`;
     }
-    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);
+    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}`);
       }
     };
     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) => {
+  }, 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 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`;
+      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 L;
   }, d = Math.min(f, Math.min(t, r) / 2), c = u(t, r, a, d);
-  let S, m, R, g, C, N;
+  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 },
@@ -59,24 +59,24 @@ function rt(t, r, a, i = 0, s = 0, f = 0) {
       { 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 }
     ];
-    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);
+    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);
   } else {
     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 = [];
+    S = l($), m = l(w), M = [], g = [], C = [], N = [];
   }
-  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`;
+  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`;
   return {
     top: c,
     left: S,
     right: m,
-    cornerFrontLeft: R,
+    cornerFrontLeft: M,
     cornerFrontRight: g,
     cornerBackLeft: C,
     cornerBackRight: N,
-    outline: M
+    outline: R
   };
 }
-function Dt(t, r = 60, a = 50) {
+function Xt(t, r = 60, a = 50) {
   return {
     top: `hsl(${t}, ${r}%, ${Math.min(a + 15, 95)}%)`,
     right: `hsl(${t}, ${r}%, ${a}%)`,
@@ -93,13 +93,13 @@ const jt = {
   slate: { hue: 220, saturation: 15, lightness: 50 },
   zinc: { hue: 240, saturation: 5, lightness: 50 }
 };
-function ke(t) {
+function ge(t) {
   const r = jt[t] || jt.slate;
-  return Dt(r.hue, r.saturation, r.lightness);
+  return Xt(r.hue, r.saturation, r.lightness);
 }
 var ht = { exports: {} }, it = {};
 var St;
-function Xt() {
+function zt() {
   if (St) return it;
   St = 1;
   var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
@@ -122,7 +122,7 @@ function Xt() {
 }
 var ct = {};
 var vt;
-function zt() {
+function Ut() {
   return vt || (vt = 1, process.env.NODE_ENV !== "production" && (function() {
     function t(n) {
       if (n == null) return null;
@@ -130,7 +130,7 @@ function zt() {
         return n.$$typeof === P ? null : n.displayName || n.name || null;
       if (typeof n == "string") return n;
       switch (n) {
-        case R:
+        case M:
           return "Fragment";
         case C:
           return "Profiler";
@@ -149,16 +149,16 @@ function zt() {
         ), n.$$typeof) {
           case m:
             return "Portal";
-          case M:
+          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 T:
+          case E:
             return h = n.displayName || null, h !== null ? h : t(n.type) || "Memo";
-          case I:
+          case F:
             h = n._payload, n = n._init;
             try {
               return t(n(h));
@@ -179,17 +179,17 @@ function zt() {
       }
       if (h) {
         h = console;
-        var _ = h.error, F = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
+        var _ = h.error, I = 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.",
-          F
+          I
         ), r(n);
       }
     }
     function i(n) {
-      if (n === R) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === I)
+      if (n === M) return "<>";
+      if (typeof n == "object" && n !== null && n.$$typeof === F)
         return "<...>";
       try {
         var h = t(n);
@@ -226,18 +226,18 @@ function zt() {
     }
     function k() {
       var n = t(this.type);
-      return B[n] || (B[n] = !0, console.error(
+      return D[n] || (D[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."
       )), n = this.props.ref, n !== void 0 ? n : null;
     }
-    function u(n, h, _, F, Q, tt) {
+    function u(n, h, _, I, Q, tt) {
       var W = _.ref;
       return n = {
         $$typeof: S,
         type: n,
         key: h,
         props: _,
-        _owner: F
+        _owner: I
       }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(n, "ref", {
         enumerable: !1,
         get: k
@@ -263,13 +263,13 @@ function zt() {
         value: tt
       }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
     }
-    function l(n, h, _, F, Q, tt) {
+    function l(n, h, _, I, 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]);
+        if (I)
+          if (H(W)) {
+            for (I = 0; I < W.length; I++)
+              O(W[I]);
             Object.freeze && Object.freeze(W);
           } else
             console.error(
@@ -281,18 +281,18 @@ function zt() {
         var q = Object.keys(h).filter(function(st) {
           return st !== "key";
         });
-        F = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", p[W + F] || (q = 0 < q.length ? "{" + q.join(": ..., ") + ": ...}" : "{}", console.error(
+        I = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", p[W + I] || (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} />`,
-          F,
+          I,
           W,
           q,
           W
-        ), p[W + F] = !0);
+        ), p[W + I] = !0);
       }
       if (W = null, _ !== void 0 && (a(_), W = "" + _), x(h) && (a(h.key), W = "" + h.key), "key" in h) {
         _ = {};
@@ -312,12 +312,12 @@ React keys must be passed directly to JSX without using spread:
       );
     }
     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));
+      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 d(n) {
       return typeof n == "object" && n !== null && n.$$typeof === S;
     }
-    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() {
+    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() {
       return null;
     };
     c = {
@@ -325,39 +325,39 @@ React keys must be passed directly to JSX without using spread:
         return n();
       }
     };
-    var v, B = {}, H = c.react_stack_bottom_frame.bind(
+    var v, D = {}, G = 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++;
+    )(), T = z(i(f)), p = {};
+    ct.Fragment = M, ct.jsx = function(n, h, _) {
+      var I = 1e4 > L.recentlyCreatedOwnerStacks++;
       return l(
         n,
         h,
         _,
         !1,
-        F ? Error("react-stack-top-frame") : H,
-        F ? z(i(n)) : E
+        I ? Error("react-stack-top-frame") : G,
+        I ? z(i(n)) : T
       );
     }, ct.jsxs = function(n, h, _) {
-      var F = 1e4 > L.recentlyCreatedOwnerStacks++;
+      var I = 1e4 > L.recentlyCreatedOwnerStacks++;
       return l(
         n,
         h,
         _,
         !0,
-        F ? Error("react-stack-top-frame") : H,
-        F ? z(i(n)) : E
+        I ? Error("react-stack-top-frame") : G,
+        I ? z(i(n)) : T
       );
     };
   })()), ct;
 }
-var Tt;
-function Ut() {
-  return Tt || (Tt = 1, process.env.NODE_ENV === "production" ? ht.exports = Xt() : ht.exports = zt()), ht.exports;
+var Et;
+function Ht() {
+  return Et || (Et = 1, process.env.NODE_ENV === "production" ? ht.exports = zt() : ht.exports = Ut()), ht.exports;
 }
-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 = {
+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 = {
   id: "solid",
   name: "Solid",
   description: "Shaded isometric boxes",
@@ -375,7 +375,7 @@ const kt = '"JetBrains Mono", "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, C
   hatchOpacity: { top: 0, right: 0, left: 0 },
   font: kt,
   strokeWidth: 0.5
-}, Ht = {
+}, Zt = {
   id: "blueprint",
   name: "Blueprint",
   description: "Sepia engineering plate on parchment",
@@ -393,7 +393,7 @@ const kt = '"JetBrains Mono", "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, C
   hatchOpacity: { top: 0.3, right: 0.55, left: 0.85 },
   font: kt,
   strokeWidth: 1
-}, Jt = {
+}, qt = {
   id: "cyanotype",
   name: "Cyanotype",
   description: "White linework on classic blueprint blue",
@@ -411,11 +411,13 @@ const kt = '"JetBrains Mono", "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, C
   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;
+}, Rt = { solid: _t, blueprint: Zt, cyanotype: qt };
+function Vt(t) {
+  return Rt[t] || _t;
 }
-const Vt = {
+const Kt = Gt.filter((t) => Rt[t].technical);
+Kt[0];
+const Qt = {
   violet: "cross",
   blue: "lines",
   sky: "lines",
@@ -428,9 +430,9 @@ const Vt = {
   slate: "plain"
 };
 function Mt(t) {
-  return Vt[t || "zinc"] || "lines";
+  return Qt[t || "zinc"] || "lines";
 }
-const Kt = {
+const te = {
   plain: "PLAIN",
   lines: "HATCH-A",
   cross: "HATCH-X",
@@ -438,11 +440,11 @@ const Kt = {
   dots: "STIPPLE",
   dashes: "BROKEN"
 };
-function Et(t, r, a, i = 0, s = 0) {
+function Tt(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];
+    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];
   return {
     top: S([l, O, d, c]),
     right: S([x, b, O, l]),
@@ -458,26 +460,26 @@ function Et(t, r, a, i = 0, s = 0) {
     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))
+    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))
   };
 }
 function mt(t) {
   return String(t).padStart(2, "0");
 }
-const Qt = {
+const ee = {
   top: ["n30", "p30"],
   right: ["n30", "v"],
   left: ["p30", "v"]
-}, te = { n30: -30, p30: 30, v: 90 }, ee = [
+}, ne = { n30: -30, p30: 30, v: 90 }, re = [
   { 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];
+function Pt(t, r, a) {
+  const [i, s] = ee[a];
   switch (r) {
     case "plain":
       return [];
@@ -495,7 +497,7 @@ function Rt(t, r, a) {
       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`];
+const At = (t) => `${t}-paper`, Lt = (t) => `${t}-grain`, oe = (t, r = "line") => `${t}-arrow-${r}`, se = (t) => [`${t}-grid-n30`, `${t}-grid-p30`];
 function bt({
   uid: t,
   style: r,
@@ -504,8 +506,8 @@ function bt({
   gridTransform: a = ""
 }) {
   return /* @__PURE__ */ e.jsxs("defs", { children: [
-    ee.flatMap(
-      (i) => Object.entries(te).map(([s, f]) => /* @__PURE__ */ e.jsx(
+    re.flatMap(
+      (i) => Object.entries(ne).map(([s, f]) => /* @__PURE__ */ e.jsx(
         "pattern",
         {
           id: `${t}-${i.key}-${s}`,
@@ -555,18 +557,18 @@ function bt({
       },
       i
     )),
-    /* @__PURE__ */ e.jsxs("linearGradient", { id: Pt(t), x1: "0", y1: "0", x2: "0.35", y2: "1", children: [
+    /* @__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__ */ e.jsxs("filter", { id: At(t), x: "0%", y: "0%", width: "100%", height: "100%", children: [
+    /* @__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" })
     ] }),
     ["line", "accent"].map((i) => /* @__PURE__ */ e.jsx(
       "marker",
       {
-        id: ne(t, i),
+        id: oe(t, i),
         markerWidth: "10",
         markerHeight: "10",
         refX: "8",
@@ -589,7 +591,7 @@ function bt({
     ))
   ] });
 }
-function oe({
+function ae({
   style: t,
   rect: r,
   pan: a,
@@ -599,13 +601,13 @@ function oe({
   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 })
+    /* @__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 pt = o(10), se = 9, wt = (t, r) => t.length > r ? `${t.slice(0, r - 1)}…` : t;
-function ae({
+const pt = o(10), ie = 9, wt = (t, r) => t.length > r ? `${t.slice(0, r - 1)}…` : t;
+function ce({
   style: t,
   plate: r,
   rows: a,
@@ -613,7 +615,7 @@ function ae({
   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 = {
+  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,
@@ -621,7 +623,7 @@ function ae({
   }, 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);
+  }, 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(
@@ -654,10 +656,10 @@ function ae({
       [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(
+    ].map(([w, A, E, F], Y) => /* @__PURE__ */ e.jsx(
       "path",
       {
-        d: `M ${w + T * o(16)} ${A} L ${w} ${A} L ${w} ${A + I * o(16)}`,
+        d: `M ${w + E * o(16)} ${A} L ${w} ${A} L ${w} ${A + F * o(16)}`,
         fill: "none",
         stroke: t.ink.line,
         strokeWidth: 1.2
@@ -669,7 +671,7 @@ function ae({
         "rect",
         {
           x: m,
-          y: R,
+          y: M,
           width: O,
           height: S,
           fill: t.paper.from,
@@ -682,19 +684,19 @@ function ae({
         "line",
         {
           x1: m,
-          y1: R + c,
+          y1: M + c,
           x2: m + O,
-          y2: R + c,
+          y2: M + 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.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(
         "text",
         {
           x: m + O - o(8),
-          y: R + o(11),
+          y: M + o(11),
           textAnchor: "end",
           fill: t.ink.muted,
           fontSize: o(8),
@@ -706,14 +708,14 @@ function ae({
         }
       ),
       b.map((w, A) => {
-        const T = R + c + A * d, I = Mt(w.color), Y = Rt(x, I, "top");
+        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: T + o(9.5), fill: t.ink.muted, fontSize: o(7.5), style: l, children: mt(w.n) }),
+          /* @__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(
             "rect",
             {
               x: m + o(28),
-              y: T + o(3),
+              y: E + o(3),
               width: o(14),
               height: o(7),
               fill: t.face.right,
@@ -725,7 +727,7 @@ function ae({
             "rect",
             {
               x: m + o(28),
-              y: T + o(3),
+              y: E + o(3),
               width: o(14),
               height: o(7),
               fill: `url(#${P})`,
@@ -733,17 +735,17 @@ function ae({
             },
             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(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(
             "text",
             {
               x: m + O - o(8),
-              y: T + o(9.5),
+              y: E + o(9.5),
               textAnchor: "end",
               fill: t.ink.muted,
               fontSize: o(7),
               style: l,
-              children: Kt[I]
+              children: te[F]
             }
           )
         ] }, w.n);
@@ -752,7 +754,7 @@ function ae({
         "text",
         {
           x: m + o(8),
-          y: R + c + b.length * d + o(9.5),
+          y: M + c + b.length * d + o(9.5),
           fill: t.ink.muted,
           fontSize: o(7.5),
           style: l,
@@ -764,7 +766,7 @@ function ae({
       /* @__PURE__ */ e.jsx(
         "rect",
         {
-          x: M,
+          x: R,
           y: $,
           width: g,
           height: C,
@@ -774,23 +776,23 @@ function ae({
           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" })
+      /* @__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" })
     ] })
   ] });
 }
-function ie({
+function le({
   uid: t,
   style: r,
   box: a,
@@ -816,7 +818,7 @@ function ie({
       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))
+          Pt(t, u, c).map((m) => /* @__PURE__ */ e.jsx("path", { d: S, fill: `url(#${m})`, opacity: r.hatchOpacity[c] }, m))
         ] }, c)),
         /* @__PURE__ */ e.jsx(
           "path",
@@ -859,7 +861,7 @@ function ie({
     }
   );
 }
-function ce({
+function fe({
   style: t,
   box: r,
   name: a,
@@ -928,7 +930,7 @@ function ce({
     )
   ] });
 }
-const Lt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', le = {
+const Yt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', de = {
   blue: { top: "#3b82f6", side: "#2563eb", front: "#1d4ed8" },
   violet: { top: "#8b5cf6", side: "#7c3aed", front: "#6d28d9" },
   cyan: { top: "#06b6d4", side: "#0891b2", front: "#0e7490" },
@@ -936,7 +938,7 @@ const Lt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', le =
   amber: { top: "#f59e0b", side: "#d97706", front: "#b45309" },
   rose: { top: "#f43f5e", side: "#e11d48", front: "#be123c" },
   slate: { top: "#475569", side: "#334155", front: "#1e293b" }
-}, fe = {
+}, he = {
   blue: { top: "#93c5fd", side: "#60a5fa", front: "#3b82f6" },
   violet: { top: "#c4b5fd", side: "#a78bfa", front: "#8b5cf6" },
   cyan: { top: "#67e8f9", side: "#22d3ee", front: "#06b6d4" },
@@ -956,7 +958,7 @@ function ut(t, r, a) {
   }, 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 de({ x: t, y: r, z: a, children: i, fontSize: s = 8, color: f = "#1e293b", shadow: x }) {
+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(
     "text",
@@ -967,13 +969,13 @@ function de({ x: t, y: r, z: a, children: i, fontSize: s = 8, color: f = "#1e293
       fill: f,
       fontSize: s,
       fontWeight: 600,
-      fontFamily: Lt,
+      fontFamily: Yt,
       style: { textTransform: "uppercase", letterSpacing: "0.06em" },
       children: i
     }
   ) }) });
 }
-function he({ width: t, depth: r, elevation: a, color: i, opacity: s, borderColor: f, theme: x, isGround: b }) {
+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" }) }),
@@ -994,22 +996,22 @@ function he({ width: t, depth: r, elevation: a, color: i, opacity: s, borderColo
     )
   ] });
 }
-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());
+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((E, p) => {
+    b ? (P(/* @__PURE__ */ new Set()), c.forEach((T, p) => {
       setTimeout(() => {
         P((n) => /* @__PURE__ */ new Set([...n, p]));
       }, p * 150 + 100);
-    })) : P(new Set(c.map((E, p) => p)));
+    })) : P(new Set(c.map((T, 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;
+  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 _ = E.x + E.width + (E.y + E.depth);
+    const _ = T.x + T.width + (T.y + T.depth);
     return p.x + p.width + (p.y + p.depth) - _;
   });
   return /* @__PURE__ */ e.jsx("div", { className: a, style: { display: "inline-block", ...i }, children: /* @__PURE__ */ e.jsxs(
@@ -1019,7 +1021,7 @@ function be({ config: t, options: r = {}, className: a, style: i, onNodeClick: s
       height: O.height,
       style: { backgroundColor: $ },
       onClick: () => {
-        x && (B(null), z(null));
+        x && (D(null), z(null));
       },
       children: [
         /* @__PURE__ */ e.jsxs("defs", { children: [
@@ -1054,7 +1056,7 @@ function be({ config: t, options: r = {}, className: a, style: i, onNodeClick: s
         C ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
           /* @__PURE__ */ e.jsx(bt, { uid: N, style: g }),
           /* @__PURE__ */ e.jsx(
-            oe,
+            ae,
             {
               style: g,
               rect: { x: 0, y: 0, width: O.width, height: O.height },
@@ -1065,8 +1067,8 @@ function be({ config: t, options: r = {}, className: a, style: i, onNodeClick: s
           /* @__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 };
+        /* @__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(
             "g",
             {
@@ -1074,7 +1076,7 @@ function be({ config: t, options: r = {}, className: a, style: i, onNodeClick: s
               onMouseEnter: () => x && J(p),
               onMouseLeave: () => x && J(null),
               onClick: (j) => {
-                x && (j.stopPropagation(), B(null), z((D) => D === p ? null : p), f?.(p));
+                x && (j.stopPropagation(), D(null), z((B) => B === p ? null : p), f?.(p));
               },
               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)`,
@@ -1085,54 +1087,54 @@ function be({ config: t, options: r = {}, className: a, style: i, onNodeClick: s
               },
               children: [
                 C ? /* @__PURE__ */ e.jsx(
-                  pe,
+                  xe,
                   {
                     width: S.width,
                     depth: S.depth,
-                    elevation: p === 0 ? -2 : E.elevation,
+                    elevation: p === 0 ? -2 : T.elevation,
                     ink: p === 0 ? g.ink.line : g.ink.hidden,
                     isGround: p === 0
                   }
                 ) : /* @__PURE__ */ e.jsx(
-                  he,
+                  ue,
                   {
                     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,
+                    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
                   }
                 ),
-                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;
+                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(
-                    ie,
+                    le,
                     {
                       uid: N,
                       style: g,
                       box: U,
                       color: j.color,
-                      tag: T.get(m.indexOf(j)),
+                      tag: E.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)
+                        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)
                           try {
                             window.open(j.link, "_blank");
                           } catch {
                           }
                       } : void 0
                     },
-                    `tech-${D}`
+                    `tech-${B}`
                   );
                 }),
-                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;
+                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(
-                    ce,
+                    fe,
                     {
                       style: g,
                       box: U,
@@ -1140,18 +1142,18 @@ function be({ config: t, options: r = {}, className: a, style: i, onNodeClick: s
                       selected: X,
                       opacity: nt ? 0.3 : 1
                     },
-                    `tech-label-${D}`
+                    `tech-label-${B}`
                   );
                 }),
-                !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;
+                !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(
                     "g",
                     {
-                      "data-node": `${p}-${D}`,
+                      "data-node": `${p}-${B}`,
                       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)
+                        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)
                           try {
                             window.open(j.link, "_blank");
                           } catch {
@@ -1159,7 +1161,7 @@ function be({ config: t, options: r = {}, className: a, style: i, onNodeClick: s
                       } : void 0,
                       style: { cursor: x ? "pointer" : "default", transition: "opacity 0.3s ease-out" },
                       children: [
-                        /* @__PURE__ */ e.jsx("path", { d: Yt, fill: "#000000", opacity: 0.3, filter: `url(#contact-${t.id})` }),
+                        /* @__PURE__ */ e.jsx("path", { d: Wt, fill: "#000000", opacity: 0.3, filter: `url(#contact-${t.id})` }),
                         U.cornerBackRight?.map((Z, V) => /* @__PURE__ */ e.jsx(
                           "path",
                           {
@@ -1209,7 +1211,7 @@ function be({ config: t, options: r = {}, className: a, style: i, onNodeClick: s
                           }
                         ),
                         k && j.label && /* @__PURE__ */ e.jsx(
-                          de,
+                          pe,
                           {
                             x: j.x + j.width / 2,
                             y: j.y + j.depth / 2,
@@ -1222,21 +1224,21 @@ function be({ config: t, options: r = {}, className: a, style: i, onNodeClick: s
                         )
                       ]
                     },
-                    D
+                    B
                   );
                 }),
                 k && /* @__PURE__ */ e.jsx(
                   "text",
                   {
-                    x: y(-25, S.depth / 2, E.elevation + 15).screenX - 35,
-                    y: y(-25, S.depth / 2, E.elevation + 15).screenY,
+                    x: y(-25, S.depth / 2, T.elevation + 15).screenX - 35,
+                    y: y(-25, S.depth / 2, T.elevation + 15).screenY,
                     fill: A,
                     fontSize: 9,
                     fontWeight: 500,
-                    fontFamily: Lt,
+                    fontFamily: Yt,
                     opacity: C ? 0.9 : 0.6,
                     style: { letterSpacing: "0.05em", textTransform: C ? "uppercase" : "none" },
-                    children: E.name
+                    children: T.name
                   }
                 )
               ]
@@ -1245,16 +1247,16 @@ function be({ config: t, options: r = {}, className: a, style: i, onNodeClick: s
           );
         }) }),
         C && /* @__PURE__ */ e.jsx(
-          ae,
+          ce,
           {
             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),
+            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),
             title: t.title,
             tally: `${String(m.length).padStart(2, "0")} CMP / ${String(c.length).padStart(2, "0")} TIER`,
             className: ""
@@ -1264,7 +1266,7 @@ function be({ config: t, options: r = {}, className: a, style: i, onNodeClick: s
     }
   ) });
 }
-function pe({ width: t, depth: r, elevation: a, ink: i, isGround: 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(
     "path",
@@ -1278,7 +1280,7 @@ function pe({ width: t, depth: r, elevation: a, ink: i, isGround: s }) {
     }
   );
 }
-const Ot = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', ue = {
+const Ot = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', me = {
   blue: { top: "#3b82f6", side: "#2563eb", front: "#1d4ed8" },
   violet: { top: "#8b5cf6", side: "#7c3aed", front: "#6d28d9" },
   cyan: { top: "#06b6d4", side: "#0891b2", front: "#0e7490" },
@@ -1286,7 +1288,7 @@ const Ot = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', ue =
   amber: { top: "#f59e0b", side: "#d97706", front: "#b45309" },
   rose: { top: "#f43f5e", side: "#e11d48", front: "#be123c" },
   slate: { top: "#475569", side: "#334155", front: "#1e293b" }
-}, xe = {
+}, ye = {
   blue: { top: "#93c5fd", side: "#60a5fa", front: "#3b82f6" },
   violet: { top: "#c4b5fd", side: "#a78bfa", front: "#8b5cf6" },
   cyan: { top: "#67e8f9", side: "#22d3ee", front: "#06b6d4" },
@@ -1306,10 +1308,10 @@ function xt(t, r, a) {
   }, 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 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));
+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));
   });
   let c = `<svg xmlns="http://www.w3.org/2000/svg" width="${a.width}" height="${a.height}" style="background:${u}">`;
   c += `<defs>
@@ -1327,14 +1329,14 @@ function me(t) {
     <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], R = d.filter((T) => T.tier === S), g = m.offset || { x: 0, y: 0 };
+    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), 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;
+    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 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;
+      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)}"/>`;
@@ -1347,9 +1349,9 @@ function me(t) {
       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>";
+      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>";
       }
       c += "</g>";
     }
@@ -1358,14 +1360,14 @@ function me(t) {
   }
   return c += "</g></svg>", c;
 }
-function ge(t, r) {
-  t.innerHTML = me(r);
+function je(t, r) {
+  t.innerHTML = ke(r);
 }
 export {
-  be as ArcDiagram,
-  ke as getColorShading,
+  $e as ArcDiagram,
+  ge as getColorShading,
   rt as isoBox,
   y as isoToScreen,
-  ge as renderToElement,
-  me as renderToString
+  je as renderToElement,
+  ke as renderToString
 };