@arach/arc-iso 0.8.0 → 0.9.1

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

@@ -1,92 +1,92 @@
-import Xt, { useId as gt, forwardRef as Ot, createElement as mt, useMemo as Ht, useState as ft, useEffect as qt } from "react";
-const Nt = 30 * (Math.PI / 180), Ut = Math.cos(Nt), Gt = Math.sin(Nt);
-function k(t, e, s = 0) {
+import qt, { useId as $t, forwardRef as Ot, createElement as mt, useMemo as Gt, useState as ft, useEffect as Vt } from "react";
+const Nt = 30 * (Math.PI / 180), Zt = Math.cos(Nt), Jt = Math.sin(Nt);
+function k(t, n, s = 0) {
   return {
-    screenX: (t - e) * Ut,
-    screenY: -(t + e) * Gt - s
+    screenX: (t - n) * Zt,
+    screenY: -(t + n) * Jt - s
     // Negated so +X,+Y go UP on screen
   };
 }
-function Vt(t = "x") {
-  let e = 1, s = 0, a = 0, i = -1;
-  t === "y" ? (e = 0, s = 1, a = 1, i = 0) : t === "x-" ? (e = -1, s = 0, a = 0, i = 1) : t === "y-" && (e = 0, s = -1, a = -1, i = 0);
-  const l = k(e, s, 0), u = k(a, i, 0);
-  return `${l.screenX},${l.screenY},${u.screenX},${u.screenY},0,0`;
+function Kt(t = "x") {
+  let n = 1, s = 0, a = 0, i = -1;
+  t === "y" ? (n = 0, s = 1, a = 1, i = 0) : t === "x-" ? (n = -1, s = 0, a = 0, i = 1) : t === "y-" && (n = 0, s = -1, a = -1, i = 0);
+  const l = k(n, s, 0), y = k(a, i, 0);
+  return `${l.screenX},${l.screenY},${y.screenX},${y.screenY},0,0`;
 }
-function rt(t, e, s, a = 0, i = 0, l = 0) {
-  const u = {
+function rt(t, n, s, a = 0, i = 0, l = 0) {
+  const y = {
     // Bottom face
     frontBottom: k(t, 0, 0),
-    rightBottom: k(t, e, 0),
-    backBottom: k(0, e, 0),
+    rightBottom: k(t, n, 0),
+    backBottom: k(0, n, 0),
     leftBottom: k(0, 0, 0),
     // Top face
     frontTop: k(t, 0, s),
-    rightTop: k(t, e, s),
-    backTop: k(0, e, s),
+    rightTop: k(t, n, s),
+    backTop: k(0, n, s),
     leftTop: k(0, 0, s)
-  }, m = (b) => ({
-    x: b.screenX + a,
-    y: b.screenY + i
-  }), g = Object.fromEntries(
-    Object.entries(u).map(([b, T]) => [b, m(T)])
-  ), x = (b, T, L, w) => {
-    if (w <= 0) {
-      const U = k(0, 0, L), H = k(b, 0, L), M = k(b, T, L), D = k(0, T, L);
-      return `M ${U.screenX + a},${U.screenY + i} L ${H.screenX + a},${H.screenY + i} L ${M.screenX + a},${M.screenY + i} L ${D.screenX + a},${D.screenY + i} Z`;
+  }, m = ($) => ({
+    x: $.screenX + a,
+    y: $.screenY + i
+  }), u = Object.fromEntries(
+    Object.entries(y).map(([$, A]) => [$, m(A)])
+  ), x = ($, A, P, I) => {
+    if (I <= 0) {
+      const V = k(0, 0, P), H = k($, 0, P), F = k($, A, P), M = k(0, A, P);
+      return `M ${V.screenX + a},${V.screenY + i} L ${H.screenX + a},${H.screenY + i} L ${F.screenX + a},${F.screenY + i} L ${M.screenX + a},${M.screenY + i} Z`;
     }
-    const F = Math.min(b, T) / 2, Y = Math.min(w, F), R = 8, z = [], V = (U, H, M, D) => {
-      for (let G = 0; G <= R; G++) {
-        const S = M + (D - M) * (G / R), y = U + Y * Math.cos(S), o = H + Y * Math.sin(S), p = k(y, o, L);
-        z.push(`${p.screenX + a},${p.screenY + i}`);
+    const S = Math.min($, A) / 2, L = Math.min(I, S), q = 8, N = [], Y = (V, H, F, M) => {
+      for (let D = 0; D <= q; D++) {
+        const K = F + (M - F) * (D / q), w = V + L * Math.cos(K), e = H + L * Math.sin(K), p = k(w, e, P);
+        N.push(`${p.screenX + a},${p.screenY + i}`);
       }
     };
-    return V(Y, Y, Math.PI, Math.PI * 1.5), V(b - Y, Y, Math.PI * 1.5, Math.PI * 2), V(b - Y, T - Y, 0, Math.PI * 0.5), V(Y, T - Y, Math.PI * 0.5, Math.PI), `M ${z[0]} L ${z.slice(1).join(" L ")} Z`;
-  }, d = (b) => `M ${b.map((T) => `${T.x},${T.y}`).join(" L ")} Z`, C = (b, T, L, w, F, Y) => {
-    const z = [];
-    for (let M = 0; M < 6; M++) {
-      const D = F + (Y - F) * (M / 6), G = F + (Y - F) * ((M + 1) / 6), S = (D + G) / 2, y = Math.cos(S), o = Math.sin(S), N = y * -0.577 + o * -0.577 + 0 * 0.577, tt = 0.3 + Math.max(0, N + 0.4) * 0.5, et = k(b + L * Math.cos(D), T + L * Math.sin(D), 0), W = k(b + L * Math.cos(G), T + L * Math.sin(G), 0), J = k(b + L * Math.cos(D), T + L * Math.sin(D), w), Q = k(b + L * Math.cos(G), T + L * Math.sin(G), w), at = `M ${et.screenX + a},${et.screenY + i} L ${W.screenX + a},${W.screenY + i} L ${Q.screenX + a},${Q.screenY + i} L ${J.screenX + a},${J.screenY + i} Z`;
-      z.push({ path: at, intensity: tt });
+    return Y(L, L, Math.PI, Math.PI * 1.5), Y($ - L, L, Math.PI * 1.5, Math.PI * 2), Y($ - L, A - L, 0, Math.PI * 0.5), Y(L, A - L, Math.PI * 0.5, Math.PI), `M ${N[0]} L ${N.slice(1).join(" L ")} Z`;
+  }, c = ($) => `M ${$.map((A) => `${A.x},${A.y}`).join(" L ")} Z`, O = ($, A, P, I, S, L) => {
+    const N = [];
+    for (let F = 0; F < 6; F++) {
+      const M = S + (L - S) * (F / 6), D = S + (L - S) * ((F + 1) / 6), K = (M + D) / 2, w = Math.cos(K), e = Math.sin(K), T = w * -0.577 + e * -0.577 + 0 * 0.577, Q = 0.3 + Math.max(0, T + 0.4) * 0.5, tt = k($ + P * Math.cos(M), A + P * Math.sin(M), 0), z = k($ + P * Math.cos(D), A + P * Math.sin(D), 0), Z = k($ + P * Math.cos(M), A + P * Math.sin(M), I), et = k($ + P * Math.cos(D), A + P * Math.sin(D), I), st = `M ${tt.screenX + a},${tt.screenY + i} L ${z.screenX + a},${z.screenY + i} L ${et.screenX + a},${et.screenY + i} L ${Z.screenX + a},${Z.screenY + i} Z`;
+      N.push({ path: st, intensity: Q });
     }
-    return z;
-  }, h = Math.min(l, Math.min(t, e) / 2), c = x(t, e, s, h);
-  let _, f, O, $, E, P;
-  if (h > 0) {
-    const b = [
-      { x: k(0, h, 0).screenX + a, y: k(0, h, 0).screenY + i },
-      { x: k(0, e - h, 0).screenX + a, y: k(0, e - h, 0).screenY + i },
-      { x: k(0, e - h, s).screenX + a, y: k(0, e - h, s).screenY + i },
-      { x: k(0, h, s).screenX + a, y: k(0, h, s).screenY + i }
+    return N;
+  }, f = Math.min(l, Math.min(t, n) / 2), E = x(t, n, s, f);
+  let d, h, j, g, C, W;
+  if (f > 0) {
+    const $ = [
+      { x: k(0, f, 0).screenX + a, y: k(0, f, 0).screenY + i },
+      { x: k(0, n - f, 0).screenX + a, y: k(0, n - f, 0).screenY + i },
+      { x: k(0, n - f, s).screenX + a, y: k(0, n - f, s).screenY + i },
+      { x: k(0, f, s).screenX + a, y: k(0, f, s).screenY + i }
     ];
-    _ = d(b);
-    const T = [
-      { x: k(h, 0, 0).screenX + a, y: k(h, 0, 0).screenY + i },
-      { x: k(t - h, 0, 0).screenX + a, y: k(t - h, 0, 0).screenY + i },
-      { x: k(t - h, 0, s).screenX + a, y: k(t - h, 0, s).screenY + i },
-      { x: k(h, 0, s).screenX + a, y: k(h, 0, s).screenY + i }
+    d = c($);
+    const A = [
+      { x: k(f, 0, 0).screenX + a, y: k(f, 0, 0).screenY + i },
+      { x: k(t - f, 0, 0).screenX + a, y: k(t - f, 0, 0).screenY + i },
+      { x: k(t - f, 0, s).screenX + a, y: k(t - f, 0, s).screenY + i },
+      { x: k(f, 0, s).screenX + a, y: k(f, 0, s).screenY + i }
     ];
-    f = d(T), O = C(h, h, h, s, Math.PI, Math.PI * 1.5), $ = C(t - h, h, h, s, Math.PI * 1.5, Math.PI * 2), E = C(h, e - h, h, s, Math.PI * 0.5, Math.PI), P = C(t - h, e - h, h, s, 0, Math.PI * 0.5);
+    h = c(A), j = O(f, f, f, s, Math.PI, Math.PI * 1.5), g = O(t - f, f, f, s, Math.PI * 1.5, Math.PI * 2), C = O(f, n - f, f, s, Math.PI * 0.5, Math.PI), W = O(t - f, n - f, f, s, 0, Math.PI * 0.5);
   } else {
-    const b = [g.leftBottom, g.backBottom, g.backTop, g.leftTop], T = [g.leftBottom, g.frontBottom, g.frontTop, g.leftTop];
-    _ = d(b), f = d(T), O = [], $ = [], E = [], P = [];
+    const $ = [u.leftBottom, u.backBottom, u.backTop, u.leftTop], A = [u.leftBottom, u.frontBottom, u.frontTop, u.leftTop];
+    d = c($), h = c(A), j = [], g = [], C = [], W = [];
   }
-  const A = `M ${g.leftBottom.x},${g.leftBottom.y} L ${g.frontBottom.x},${g.frontBottom.y} L ${g.rightBottom.x},${g.rightBottom.y} L ${g.backBottom.x},${g.backBottom.y} Z`;
+  const _ = `M ${u.leftBottom.x},${u.leftBottom.y} L ${u.frontBottom.x},${u.frontBottom.y} L ${u.rightBottom.x},${u.rightBottom.y} L ${u.backBottom.x},${u.backBottom.y} Z`;
   return {
-    top: c,
-    left: _,
-    right: f,
-    cornerFrontLeft: O,
-    cornerFrontRight: $,
-    cornerBackLeft: E,
-    cornerBackRight: P,
-    outline: A
+    top: E,
+    left: d,
+    right: h,
+    cornerFrontLeft: j,
+    cornerFrontRight: g,
+    cornerBackLeft: C,
+    cornerBackRight: W,
+    outline: _
   };
 }
-function Zt(t, e = 60, s = 50) {
+function Qt(t, n = 60, s = 50) {
   return {
-    top: `hsl(${t}, ${e}%, ${Math.min(s + 15, 95)}%)`,
-    right: `hsl(${t}, ${e}%, ${s}%)`,
-    left: `hsl(${t}, ${e}%, ${Math.max(s - 15, 15)}%)`
+    top: `hsl(${t}, ${n}%, ${Math.min(s + 15, 95)}%)`,
+    right: `hsl(${t}, ${n}%, ${s}%)`,
+    left: `hsl(${t}, ${n}%, ${Math.max(s - 15, 15)}%)`
   };
 }
 const jt = {
@@ -99,19 +99,19 @@ const jt = {
   slate: { hue: 220, saturation: 15, lightness: 50 },
   zinc: { hue: 240, saturation: 5, lightness: 50 }
 };
-function bo(t) {
-  const e = jt[t] || jt.slate;
-  return Zt(e.hue, e.saturation, e.lightness);
+function jo(t) {
+  const n = jt[t] || jt.slate;
+  return Qt(n.hue, n.saturation, n.lightness);
 }
 var pt = { exports: {} }, ct = {};
 var Mt;
-function Jt() {
+function te() {
   if (Mt) return ct;
   Mt = 1;
-  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), e = /* @__PURE__ */ Symbol.for("react.fragment");
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
   function s(a, i, l) {
-    var u = null;
-    if (l !== void 0 && (u = "" + l), i.key !== void 0 && (u = "" + i.key), "key" in i) {
+    var y = null;
+    if (l !== void 0 && (y = "" + l), i.key !== void 0 && (y = "" + i.key), "key" in i) {
       l = {};
       for (var m in i)
         m !== "key" && (l[m] = i[m]);
@@ -119,251 +119,263 @@ function Jt() {
     return i = l.ref, {
       $$typeof: t,
       type: a,
-      key: u,
+      key: y,
       ref: i !== void 0 ? i : null,
       props: l
     };
   }
-  return ct.Fragment = e, ct.jsx = s, ct.jsxs = s, ct;
+  return ct.Fragment = n, ct.jsx = s, ct.jsxs = s, ct;
 }
 var lt = {};
 var wt;
-function Kt() {
+function ee() {
   return wt || (wt = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(o) {
-      if (o == null) return null;
-      if (typeof o == "function")
-        return o.$$typeof === R ? null : o.displayName || o.name || null;
-      if (typeof o == "string") return o;
-      switch (o) {
-        case O:
+    function t(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === q ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case j:
           return "Fragment";
-        case E:
+        case C:
           return "Profiler";
-        case $:
+        case g:
           return "StrictMode";
-        case T:
+        case A:
           return "Suspense";
-        case L:
+        case P:
           return "SuspenseList";
-        case Y:
+        case L:
           return "Activity";
       }
-      if (typeof o == "object")
-        switch (typeof o.tag == "number" && console.error(
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
-        ), o.$$typeof) {
-          case f:
+        ), e.$$typeof) {
+          case h:
             return "Portal";
-          case A:
-            return o.displayName || "Context";
-          case P:
-            return (o._context.displayName || "Context") + ".Consumer";
-          case b:
-            var p = o.render;
-            return o = o.displayName, o || (o = p.displayName || p.name || "", o = o !== "" ? "ForwardRef(" + o + ")" : "ForwardRef"), o;
-          case w:
-            return p = o.displayName || null, p !== null ? p : t(o.type) || "Memo";
-          case F:
-            p = o._payload, o = o._init;
+          case _:
+            return e.displayName || "Context";
+          case W:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case $:
+            var p = e.render;
+            return e = e.displayName, e || (e = p.displayName || p.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case I:
+            return p = e.displayName || null, p !== null ? p : t(e.type) || "Memo";
+          case S:
+            p = e._payload, e = e._init;
             try {
-              return t(o(p));
+              return t(e(p));
             } catch {
             }
         }
       return null;
     }
-    function e(o) {
-      return "" + o;
+    function n(e) {
+      return "" + e;
     }
-    function s(o) {
+    function s(e) {
       try {
-        e(o);
+        n(e);
         var p = !1;
       } catch {
         p = !0;
       }
       if (p) {
         p = console;
-        var N = p.error, I = typeof Symbol == "function" && Symbol.toStringTag && o[Symbol.toStringTag] || o.constructor.name || "Object";
-        return N.call(
+        var T = p.error, R = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return T.call(
           p,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          I
-        ), e(o);
+          R
+        ), n(e);
       }
     }
-    function a(o) {
-      if (o === O) return "<>";
-      if (typeof o == "object" && o !== null && o.$$typeof === F)
+    function a(e) {
+      if (e === j) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === S)
         return "<...>";
       try {
-        var p = t(o);
+        var p = t(e);
         return p ? "<" + p + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
     function i() {
-      var o = z.A;
-      return o === null ? null : o.getOwner();
+      var e = N.A;
+      return e === null ? null : e.getOwner();
     }
     function l() {
       return Error("react-stack-top-frame");
     }
-    function u(o) {
-      if (V.call(o, "key")) {
-        var p = Object.getOwnPropertyDescriptor(o, "key").get;
+    function y(e) {
+      if (Y.call(e, "key")) {
+        var p = Object.getOwnPropertyDescriptor(e, "key").get;
         if (p && p.isReactWarning) return !1;
       }
-      return o.key !== void 0;
+      return e.key !== void 0;
     }
-    function m(o, p) {
-      function N() {
-        M || (M = !0, console.error(
+    function m(e, p) {
+      function T() {
+        F || (F = !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)",
           p
         ));
       }
-      N.isReactWarning = !0, Object.defineProperty(o, "key", {
-        get: N,
+      T.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: T,
         configurable: !0
       });
     }
-    function g() {
-      var o = t(this.type);
-      return D[o] || (D[o] = !0, console.error(
+    function u() {
+      var e = t(this.type);
+      return M[e] || (M[e] = !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."
-      )), o = this.props.ref, o !== void 0 ? o : null;
+      )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function x(o, p, N, I, tt, et) {
-      var W = N.ref;
-      return o = {
-        $$typeof: _,
-        type: o,
+    function x(e, p, T, R, Q, tt) {
+      var z = T.ref;
+      return e = {
+        $$typeof: d,
+        type: e,
         key: p,
-        props: N,
-        _owner: I
-      }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(o, "ref", {
+        props: T,
+        _owner: R
+      }, (z !== void 0 ? z : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: g
-      }) : Object.defineProperty(o, "ref", { enumerable: !1, value: null }), o._store = {}, Object.defineProperty(o._store, "validated", {
+        get: u
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: 0
-      }), Object.defineProperty(o, "_debugInfo", {
+      }), Object.defineProperty(e, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(o, "_debugStack", {
+      }), Object.defineProperty(e, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: tt
-      }), Object.defineProperty(o, "_debugTask", {
+        value: Q
+      }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: et
-      }), Object.freeze && (Object.freeze(o.props), Object.freeze(o)), o;
+        value: tt
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function d(o, p, N, I, tt, et) {
-      var W = p.children;
-      if (W !== void 0)
-        if (I)
-          if (U(W)) {
-            for (I = 0; I < W.length; I++)
-              C(W[I]);
-            Object.freeze && Object.freeze(W);
+    function c(e, p, T, R, Q, tt) {
+      var z = p.children;
+      if (z !== void 0)
+        if (R)
+          if (V(z)) {
+            for (R = 0; R < z.length; R++)
+              O(z[R]);
+            Object.freeze && Object.freeze(z);
           } 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 C(W);
-      if (V.call(p, "key")) {
-        W = t(o);
-        var J = Object.keys(p).filter(function(at) {
-          return at !== "key";
+        else O(z);
+      if (Y.call(p, "key")) {
+        z = t(e);
+        var Z = Object.keys(p).filter(function(st) {
+          return st !== "key";
         });
-        I = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", y[W + I] || (J = 0 < J.length ? "{" + J.join(": ..., ") + ": ...}" : "{}", console.error(
+        R = 0 < Z.length ? "{key: someKey, " + Z.join(": ..., ") + ": ...}" : "{key: someKey}", w[z + R] || (Z = 0 < Z.length ? "{" + Z.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} />`,
-          I,
-          W,
-          J,
-          W
-        ), y[W + I] = !0);
+          R,
+          z,
+          Z,
+          z
+        ), w[z + R] = !0);
       }
-      if (W = null, N !== void 0 && (s(N), W = "" + N), u(p) && (s(p.key), W = "" + p.key), "key" in p) {
-        N = {};
-        for (var Q in p)
-          Q !== "key" && (N[Q] = p[Q]);
-      } else N = p;
-      return W && m(
-        N,
-        typeof o == "function" ? o.displayName || o.name || "Unknown" : o
+      if (z = null, T !== void 0 && (s(T), z = "" + T), y(p) && (s(p.key), z = "" + p.key), "key" in p) {
+        T = {};
+        for (var et in p)
+          et !== "key" && (T[et] = p[et]);
+      } else T = p;
+      return z && m(
+        T,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
       ), x(
-        o,
-        W,
-        N,
+        e,
+        z,
+        T,
         i(),
-        tt,
-        et
+        Q,
+        tt
       );
     }
-    function C(o) {
-      h(o) ? o._store && (o._store.validated = 1) : typeof o == "object" && o !== null && o.$$typeof === F && (o._payload.status === "fulfilled" ? h(o._payload.value) && o._payload.value._store && (o._payload.value._store.validated = 1) : o._store && (o._store.validated = 1));
+    function O(e) {
+      f(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === S && (e._payload.status === "fulfilled" ? f(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function h(o) {
-      return typeof o == "object" && o !== null && o.$$typeof === _;
+    function f(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === d;
     }
-    var c = Xt, _ = /* @__PURE__ */ Symbol.for("react.transitional.element"), f = /* @__PURE__ */ Symbol.for("react.portal"), O = /* @__PURE__ */ Symbol.for("react.fragment"), $ = /* @__PURE__ */ Symbol.for("react.strict_mode"), E = /* @__PURE__ */ Symbol.for("react.profiler"), P = /* @__PURE__ */ Symbol.for("react.consumer"), A = /* @__PURE__ */ Symbol.for("react.context"), b = /* @__PURE__ */ Symbol.for("react.forward_ref"), T = /* @__PURE__ */ Symbol.for("react.suspense"), L = /* @__PURE__ */ Symbol.for("react.suspense_list"), w = /* @__PURE__ */ Symbol.for("react.memo"), F = /* @__PURE__ */ Symbol.for("react.lazy"), Y = /* @__PURE__ */ Symbol.for("react.activity"), R = /* @__PURE__ */ Symbol.for("react.client.reference"), z = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, U = Array.isArray, H = console.createTask ? console.createTask : function() {
+    var E = qt, d = /* @__PURE__ */ Symbol.for("react.transitional.element"), h = /* @__PURE__ */ Symbol.for("react.portal"), j = /* @__PURE__ */ Symbol.for("react.fragment"), g = /* @__PURE__ */ Symbol.for("react.strict_mode"), C = /* @__PURE__ */ Symbol.for("react.profiler"), W = /* @__PURE__ */ Symbol.for("react.consumer"), _ = /* @__PURE__ */ Symbol.for("react.context"), $ = /* @__PURE__ */ Symbol.for("react.forward_ref"), A = /* @__PURE__ */ Symbol.for("react.suspense"), P = /* @__PURE__ */ Symbol.for("react.suspense_list"), I = /* @__PURE__ */ Symbol.for("react.memo"), S = /* @__PURE__ */ Symbol.for("react.lazy"), L = /* @__PURE__ */ Symbol.for("react.activity"), q = /* @__PURE__ */ Symbol.for("react.client.reference"), N = E.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, Y = Object.prototype.hasOwnProperty, V = Array.isArray, H = console.createTask ? console.createTask : function() {
       return null;
     };
-    c = {
-      react_stack_bottom_frame: function(o) {
-        return o();
+    E = {
+      react_stack_bottom_frame: function(e) {
+        return e();
       }
     };
-    var M, D = {}, G = c.react_stack_bottom_frame.bind(
-      c,
+    var F, M = {}, D = E.react_stack_bottom_frame.bind(
+      E,
       l
-    )(), S = H(a(l)), y = {};
-    lt.Fragment = O, lt.jsx = function(o, p, N) {
-      var I = 1e4 > z.recentlyCreatedOwnerStacks++;
-      return d(
-        o,
+    )(), K = H(a(l)), w = {};
+    lt.Fragment = j, lt.jsx = function(e, p, T) {
+      var R = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return c(
+        e,
         p,
-        N,
+        T,
         !1,
-        I ? Error("react-stack-top-frame") : G,
-        I ? H(a(o)) : S
+        R ? Error("react-stack-top-frame") : D,
+        R ? H(a(e)) : K
       );
-    }, lt.jsxs = function(o, p, N) {
-      var I = 1e4 > z.recentlyCreatedOwnerStacks++;
-      return d(
-        o,
+    }, lt.jsxs = function(e, p, T) {
+      var R = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return c(
+        e,
         p,
-        N,
+        T,
         !0,
-        I ? Error("react-stack-top-frame") : G,
-        I ? H(a(o)) : S
+        R ? Error("react-stack-top-frame") : D,
+        R ? H(a(e)) : K
       );
     };
   })()), lt;
 }
 var St;
-function Qt() {
-  return St || (St = 1, process.env.NODE_ENV === "production" ? pt.exports = Jt() : pt.exports = Kt()), pt.exports;
+function ne() {
+  return St || (St = 1, process.env.NODE_ENV === "production" ? pt.exports = te() : pt.exports = ee()), pt.exports;
 }
-var n = Qt();
-const te = ["solid", "blueprint", "cyanotype"], $t = '"JetBrains Mono", "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace', ee = 0.78, r = (t) => Math.round(t * ee * 10) / 10, Rt = {
+var o = ne();
+const Rt = {
+  rose: { top: "#c58a70", side: "#a86c55", front: "#b57860" },
+  slate: { top: "#9aaab6", side: "#718693", front: "#8196a2" },
+  cyan: { top: "#679c99", side: "#467f7d", front: "#568e8a" },
+  emerald: { top: "#a2b08b", side: "#7d9168", front: "#8e9f78" },
+  blue: { top: "#829eae", side: "#5b798b", front: "#6b8999" },
+  violet: { top: "#a698ac", side: "#807187", front: "#918297" },
+  amber: { top: "#c6ac71", side: "#a08950", front: "#b09a61" }
+}, Pt = Array.from({ length: 180 }, (t, n) => ({
+  x: (n * 73.37 + 11.7) % 64,
+  y: (n * n * 13.19 + 5.3) % 64,
+  r: n % 3 === 0 ? 0.48 : 0.28
+})), oe = ["solid", "blueprint", "cyanotype"], gt = '"JetBrains Mono", "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace', re = 0.78, r = (t) => Math.round(t * re * 10) / 10, Lt = {
   id: "solid",
   name: "Solid",
   description: "Shaded isometric boxes",
@@ -379,9 +391,9 @@ const te = ["solid", "blueprint", "cyanotype"], $t = '"JetBrains Mono", "IBM Ple
   },
   face: { top: "transparent", right: "transparent", left: "transparent" },
   hatchOpacity: { top: 0, right: 0, left: 0 },
-  font: $t,
+  font: gt,
   strokeWidth: 0.5
-}, ne = {
+}, se = {
   id: "blueprint",
   name: "Blueprint",
   description: "Sepia engineering plate on parchment",
@@ -397,9 +409,9 @@ const te = ["solid", "blueprint", "cyanotype"], $t = '"JetBrains Mono", "IBM Ple
   },
   face: { top: "#f4ebd7", right: "#e6dabb", left: "#d6c6a2" },
   hatchOpacity: { top: 0.48, right: 0.68, left: 0.92 },
-  font: $t,
+  font: gt,
   strokeWidth: 1
-}, oe = {
+}, ae = {
   id: "cyanotype",
   name: "Cyanotype",
   description: "White linework on classic blueprint blue",
@@ -415,15 +427,15 @@ const te = ["solid", "blueprint", "cyanotype"], $t = '"JetBrains Mono", "IBM Ple
   },
   face: { top: "#1b4675", right: "#153a61", left: "#0f2b49" },
   hatchOpacity: { top: 0.46, right: 0.64, left: 0.88 },
-  font: $t,
+  font: gt,
   strokeWidth: 1
-}, Lt = { solid: Rt, blueprint: ne, cyanotype: oe };
-function re(t) {
-  return Lt[t] || Rt;
+}, zt = { solid: Lt, blueprint: se, cyanotype: ae };
+function ie(t) {
+  return zt[t] || Lt;
 }
-const se = te.filter((t) => Lt[t].technical);
-se[0];
-const ae = {
+const ce = oe.filter((t) => zt[t].technical);
+ce[0];
+const le = {
   violet: "cross",
   blue: "lines",
   sky: "dashes",
@@ -435,10 +447,10 @@ const ae = {
   zinc: "plain",
   slate: "plain"
 };
-function Pt(t) {
-  return ae[t || "zinc"] || "lines";
+function Yt(t) {
+  return le[t || "zinc"] || "lines";
 }
-const ie = {
+const de = {
   plain: "PLAIN",
   lines: "HATCH-A",
   cross: "HATCH-X",
@@ -446,47 +458,47 @@ const ie = {
   dots: "STIPPLE",
   dashes: "BROKEN"
 };
-function Ct(t, e, s, a = 0, i = 0) {
-  const l = ($, E, P) => {
-    const A = k($, E, P);
-    return { x: A.screenX + a, y: A.screenY + i };
-  }, u = l(0, 0, 0), m = l(t, 0, 0), g = l(t, e, 0), x = l(0, e, 0), d = l(0, 0, s), C = l(t, 0, s), h = l(t, e, s), c = l(0, e, s), _ = ($) => `M ${$.map((E) => `${E.x},${E.y}`).join(" L ")} Z`, f = ($, E) => `M ${$.x},${$.y} L ${E.x},${E.y}`, O = [u, m, g, x, d, C, h, c];
+function Ct(t, n, s, a = 0, i = 0) {
+  const l = (g, C, W) => {
+    const _ = k(g, C, W);
+    return { x: _.screenX + a, y: _.screenY + i };
+  }, y = l(0, 0, 0), m = l(t, 0, 0), u = l(t, n, 0), x = l(0, n, 0), c = l(0, 0, s), O = l(t, 0, s), f = l(t, n, s), E = l(0, n, s), d = (g) => `M ${g.map((C) => `${C.x},${C.y}`).join(" L ")} Z`, h = (g, C) => `M ${g.x},${g.y} L ${C.x},${C.y}`, j = [y, m, u, x, c, O, f, E];
   return {
-    top: _([d, C, h, c]),
-    right: _([u, m, C, d]),
-    left: _([u, x, c, d]),
+    top: d([c, O, f, E]),
+    right: d([y, m, O, c]),
+    left: d([y, x, E, c]),
     visible: [
       // silhouette
-      _([u, m, C, h, c, x]),
+      d([y, m, O, f, E, x]),
       // interior creases radiating from the near top corner
-      f(d, C),
-      f(d, c),
-      f(d, u)
+      h(c, O),
+      h(c, E),
+      h(c, y)
     ].join(" "),
-    hidden: [f(g, m), f(g, x), f(g, h)].join(" "),
-    topCenter: { x: (d.x + h.x) / 2, y: (d.y + h.y) / 2 },
-    topApex: { x: h.x, y: h.y },
-    minX: Math.min(...O.map(($) => $.x)),
-    minY: Math.min(...O.map(($) => $.y)),
-    maxX: Math.max(...O.map(($) => $.x)),
-    maxY: Math.max(...O.map(($) => $.y))
+    hidden: [h(u, m), h(u, x), h(u, f)].join(" "),
+    topCenter: { x: (c.x + f.x) / 2, y: (c.y + f.y) / 2 },
+    topApex: { x: f.x, y: f.y },
+    minX: Math.min(...j.map((g) => g.x)),
+    minY: Math.min(...j.map((g) => g.y)),
+    maxX: Math.max(...j.map((g) => g.x)),
+    maxY: Math.max(...j.map((g) => g.y))
   };
 }
 function kt(t) {
   return String(t).padStart(2, "0");
 }
-const ce = {
+const he = {
   top: ["n30", "p30"],
   right: ["n30", "v"],
   left: ["p30", "v"]
-}, le = { n30: -30, p30: 30, v: 90 }, de = [
+}, fe = { n30: -30, p30: 30, v: 90 }, pe = [
   { 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" }
 ], dt = 22;
-function zt(t, e, s) {
-  const [a, i] = ce[s];
-  switch (e) {
+function Wt(t, n, s) {
+  const [a, i] = he[s];
+  switch (n) {
     case "plain":
       return [];
     case "lines":
@@ -503,17 +515,17 @@ function zt(t, e, s) {
       return [`${t}-line-${a}`];
   }
 }
-const Yt = (t) => `${t}-paper`, Wt = (t) => `${t}-grain`, he = (t, e = "line") => `${t}-arrow-${e}`, fe = (t) => [`${t}-grid-n30`, `${t}-grid-p30`];
+const It = (t) => `${t}-paper`, Ft = (t) => `${t}-grain`, ue = (t, n = "line") => `${t}-arrow-${n}`, ye = (t) => [`${t}-grid-n30`, `${t}-grid-p30`];
 function bt({
   uid: t,
-  style: e,
+  style: n,
   /** 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: s = ""
 }) {
-  return /* @__PURE__ */ n.jsxs("defs", { children: [
-    de.flatMap(
-      (a) => Object.entries(le).map(([i, l]) => /* @__PURE__ */ n.jsx(
+  return /* @__PURE__ */ o.jsxs("defs", { children: [
+    pe.flatMap(
+      (a) => Object.entries(fe).map(([i, l]) => /* @__PURE__ */ o.jsx(
         "pattern",
         {
           id: `${t}-${a.key}-${i}`,
@@ -521,14 +533,14 @@ function bt({
           height: a.spacing,
           patternUnits: "userSpaceOnUse",
           patternTransform: `rotate(${l})`,
-          children: /* @__PURE__ */ n.jsx(
+          children: /* @__PURE__ */ o.jsx(
             "line",
             {
               x1: -1,
               y1: a.spacing / 2,
               x2: a.spacing + 1,
               y2: a.spacing / 2,
-              stroke: e.ink.hatch,
+              stroke: n.ink.hatch,
               strokeWidth: a.strokeWidth,
               strokeDasharray: a.dash
             }
@@ -537,11 +549,11 @@ function bt({
         `${a.key}-${i}`
       ))
     ),
-    /* @__PURE__ */ n.jsx("pattern", { id: `${t}-dot`, width: 4.5, height: 4.5, patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ n.jsx("circle", { cx: 2.25, cy: 2.25, r: 0.55, fill: e.ink.hatch }) }),
+    /* @__PURE__ */ o.jsx("pattern", { id: `${t}-dot`, width: 4.5, height: 4.5, patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ o.jsx("circle", { cx: 2.25, cy: 2.25, r: 0.55, fill: n.ink.hatch }) }),
     [
       { id: `${t}-grid-n30`, angle: -30 },
       { id: `${t}-grid-p30`, angle: 30 }
-    ].map(({ id: a, angle: i }) => /* @__PURE__ */ n.jsx(
+    ].map(({ id: a, angle: i }) => /* @__PURE__ */ o.jsx(
       "pattern",
       {
         id: a,
@@ -549,44 +561,44 @@ function bt({
         height: dt,
         patternUnits: "userSpaceOnUse",
         patternTransform: `${s} rotate(${i})`.trim(),
-        children: /* @__PURE__ */ n.jsx(
+        children: /* @__PURE__ */ o.jsx(
           "line",
           {
             x1: -1,
             y1: dt / 2,
             x2: dt + 1,
             y2: dt / 2,
-            stroke: e.paper.grid,
+            stroke: n.paper.grid,
             strokeWidth: 0.5
           }
         )
       },
       a
     )),
-    /* @__PURE__ */ n.jsxs("linearGradient", { id: Yt(t), x1: "0", y1: "0", x2: "0.35", y2: "1", children: [
-      /* @__PURE__ */ n.jsx("stop", { offset: "0%", stopColor: e.paper.from }),
-      /* @__PURE__ */ n.jsx("stop", { offset: "100%", stopColor: e.paper.to })
+    /* @__PURE__ */ o.jsxs("linearGradient", { id: It(t), x1: "0", y1: "0", x2: "0.35", y2: "1", children: [
+      /* @__PURE__ */ o.jsx("stop", { offset: "0%", stopColor: n.paper.from }),
+      /* @__PURE__ */ o.jsx("stop", { offset: "100%", stopColor: n.paper.to })
     ] }),
-    /* @__PURE__ */ n.jsxs("filter", { id: Wt(t), x: "0%", y: "0%", width: "100%", height: "100%", children: [
-      /* @__PURE__ */ n.jsx("feTurbulence", { type: "fractalNoise", baseFrequency: "0.85", numOctaves: 3, stitchTiles: "stitch" }),
-      /* @__PURE__ */ n.jsx("feColorMatrix", { type: "saturate", values: "0" })
+    /* @__PURE__ */ o.jsxs("filter", { id: Ft(t), x: "0%", y: "0%", width: "100%", height: "100%", children: [
+      /* @__PURE__ */ o.jsx("feTurbulence", { type: "fractalNoise", baseFrequency: "0.85", numOctaves: 3, stitchTiles: "stitch" }),
+      /* @__PURE__ */ o.jsx("feColorMatrix", { type: "saturate", values: "0" })
     ] }),
-    ["line", "accent"].map((a) => /* @__PURE__ */ n.jsx(
+    ["line", "accent"].map((a) => /* @__PURE__ */ o.jsx(
       "marker",
       {
-        id: he(t, a),
+        id: ue(t, a),
         markerWidth: "10",
         markerHeight: "10",
         refX: "8",
         refY: "4",
         orient: "auto",
         markerUnits: "userSpaceOnUse",
-        children: /* @__PURE__ */ n.jsx(
+        children: /* @__PURE__ */ o.jsx(
           "path",
           {
             d: "M 1 1 L 8 4 L 1 7",
             fill: "none",
-            stroke: a === "accent" ? e.ink.accent : e.ink.line,
+            stroke: a === "accent" ? n.ink.accent : n.ink.line,
             strokeWidth: 1,
             strokeLinecap: "round",
             strokeLinejoin: "round"
@@ -597,54 +609,54 @@ function bt({
     ))
   ] });
 }
-function pe({
+function xe({
   style: t,
-  rect: e,
+  rect: n,
   pan: s,
   zoom: a = 1,
   className: i = "absolute inset-0 w-full h-full pointer-events-none"
 }) {
-  const l = gt().replace(/:/g, ""), u = s ? `translate(${s.x} ${s.y}) scale(${a})` : a !== 1 ? `scale(${a})` : "", m = e ? { x: e.x, y: e.y, width: e.width, height: e.height } : { x: 0, y: 0, width: "100%", height: "100%" };
-  return /* @__PURE__ */ n.jsxs("svg", { className: i, "aria-hidden": "true", children: [
-    /* @__PURE__ */ n.jsx(bt, { uid: l, style: t, gridTransform: u }),
-    /* @__PURE__ */ n.jsx("rect", { ...m, fill: `url(#${Yt(l)})` }),
-    fe(l).map((g) => /* @__PURE__ */ n.jsx("rect", { ...m, fill: `url(#${g})`, opacity: 0.6 }, g)),
-    t.paper.grain > 0 && /* @__PURE__ */ n.jsx("rect", { ...m, filter: `url(#${Wt(l)})`, opacity: t.paper.grain })
+  const l = $t().replace(/:/g, ""), y = s ? `translate(${s.x} ${s.y}) scale(${a})` : a !== 1 ? `scale(${a})` : "", m = n ? { x: n.x, y: n.y, width: n.width, height: n.height } : { x: 0, y: 0, width: "100%", height: "100%" };
+  return /* @__PURE__ */ o.jsxs("svg", { className: i, "aria-hidden": "true", children: [
+    /* @__PURE__ */ o.jsx(bt, { uid: l, style: t, gridTransform: y }),
+    /* @__PURE__ */ o.jsx("rect", { ...m, fill: `url(#${It(l)})` }),
+    ye(l).map((u) => /* @__PURE__ */ o.jsx("rect", { ...m, fill: `url(#${u})`, opacity: 0.6 }, u)),
+    t.paper.grain > 0 && /* @__PURE__ */ o.jsx("rect", { ...m, filter: `url(#${Ft(l)})`, opacity: t.paper.grain })
   ] });
 }
-const ut = r(10), ue = 9, Et = (t, e) => t.length > e ? `${t.slice(0, e - 1)}…` : t;
-function xe({
+const ut = r(10), ke = 9, Tt = (t, n) => t.length > n ? `${t.slice(0, n - 1)}…` : t;
+function me({
   style: t,
-  plate: e,
+  plate: n,
   rows: s,
   title: a,
   tally: i,
   className: l = "absolute inset-0 w-full h-full pointer-events-none"
 }) {
-  const u = gt().replace(/:/g, ""), m = s.slice(0, ue), g = s.length - m.length, x = {
-    x: e.minX + ut,
-    y: e.minY + ut,
-    width: e.maxX - e.minX - ut * 2,
-    height: e.maxY - e.minY - ut * 2
-  }, d = {
+  const y = $t().replace(/:/g, ""), m = s.slice(0, ke), u = s.length - m.length, x = {
+    x: n.minX + ut,
+    y: n.minY + ut,
+    width: n.maxX - n.minX - ut * 2,
+    height: n.maxY - n.minY - ut * 2
+  }, c = {
     fontFamily: t.font,
     letterSpacing: "0.08em"
-  }, C = r(236), h = r(13), c = r(16), _ = c + Math.max(m.length, 1) * h + (g > 0 ? h : 0), f = x.x + r(14), O = x.y + r(14), $ = r(264), E = r(74), P = r(126), A = x.x + x.width - $ - r(14), b = x.y + x.height - E - r(14);
-  return /* @__PURE__ */ n.jsxs("svg", { className: l, style: { overflow: "visible" }, "aria-hidden": "true", children: [
-    /* @__PURE__ */ n.jsx(bt, { uid: u, style: t }),
-    /* @__PURE__ */ n.jsx(
+  }, O = r(236), f = r(13), E = r(16), d = E + Math.max(m.length, 1) * f + (u > 0 ? f : 0), h = x.x + r(14), j = x.y + r(14), g = r(264), C = r(74), W = r(126), _ = x.x + x.width - g - r(14), $ = x.y + x.height - C - r(14);
+  return /* @__PURE__ */ o.jsxs("svg", { className: l, style: { overflow: "visible" }, "aria-hidden": "true", children: [
+    /* @__PURE__ */ o.jsx(bt, { uid: y, style: t }),
+    /* @__PURE__ */ o.jsx(
       "rect",
       {
-        x: e.minX,
-        y: e.minY,
-        width: e.maxX - e.minX,
-        height: e.maxY - e.minY,
+        x: n.minX,
+        y: n.minY,
+        width: n.maxX - n.minX,
+        height: n.maxY - n.minY,
         fill: "none",
         stroke: t.paper.edge,
         strokeWidth: 1.4
       }
     ),
-    /* @__PURE__ */ n.jsx(
+    /* @__PURE__ */ o.jsx(
       "rect",
       {
         x: x.x,
@@ -662,66 +674,66 @@ function xe({
       [x.x + x.width, x.y, -1, 1],
       [x.x, x.y + x.height, 1, -1],
       [x.x + x.width, x.y + x.height, -1, -1]
-    ].map(([T, L, w, F], Y) => /* @__PURE__ */ n.jsx(
+    ].map(([A, P, I, S], L) => /* @__PURE__ */ o.jsx(
       "path",
       {
-        d: `M ${T + w * r(16)} ${L} L ${T} ${L} L ${T} ${L + F * r(16)}`,
+        d: `M ${A + I * r(16)} ${P} L ${A} ${P} L ${A} ${P + S * r(16)}`,
         fill: "none",
         stroke: t.ink.line,
         strokeWidth: 1.2
       },
-      Y
+      L
     )),
-    m.length > 0 && /* @__PURE__ */ n.jsxs("g", { children: [
-      /* @__PURE__ */ n.jsx(
+    m.length > 0 && /* @__PURE__ */ o.jsxs("g", { children: [
+      /* @__PURE__ */ o.jsx(
         "rect",
         {
-          x: f,
-          y: O,
-          width: C,
-          height: _,
+          x: h,
+          y: j,
+          width: O,
+          height: d,
           fill: t.paper.from,
           fillOpacity: 0.55,
           stroke: t.ink.line,
           strokeWidth: 0.8
         }
       ),
-      /* @__PURE__ */ n.jsx(
+      /* @__PURE__ */ o.jsx(
         "line",
         {
-          x1: f,
-          y1: O + c,
-          x2: f + C,
-          y2: O + c,
+          x1: h,
+          y1: j + E,
+          x2: h + O,
+          y2: j + E,
           stroke: t.ink.line,
           strokeWidth: 0.8
         }
       ),
-      /* @__PURE__ */ n.jsx("text", { x: f + r(8), y: O + r(11), fill: t.ink.text, fontSize: r(8), fontWeight: 600, style: d, children: "COMPONENT INDEX" }),
-      /* @__PURE__ */ n.jsxs(
+      /* @__PURE__ */ o.jsx("text", { x: h + r(8), y: j + r(11), fill: t.ink.text, fontSize: r(8), fontWeight: 600, style: c, children: "COMPONENT INDEX" }),
+      /* @__PURE__ */ o.jsxs(
         "text",
         {
-          x: f + C - r(8),
-          y: O + r(11),
+          x: h + O - r(8),
+          y: j + r(11),
           textAnchor: "end",
           fill: t.ink.muted,
           fontSize: r(8),
-          style: d,
+          style: c,
           children: [
             kt(s.length),
             " ITEMS"
           ]
         }
       ),
-      m.map((T, L) => {
-        const w = O + c + L * h, F = Pt(T.color), Y = zt(u, F, "top");
-        return /* @__PURE__ */ n.jsxs("g", { children: [
-          /* @__PURE__ */ n.jsx("text", { x: f + r(8), y: w + r(9.5), fill: t.ink.muted, fontSize: r(7.5), style: d, children: kt(T.n) }),
-          /* @__PURE__ */ n.jsx(
+      m.map((A, P) => {
+        const I = j + E + P * f, S = Yt(A.color), L = Wt(y, S, "top");
+        return /* @__PURE__ */ o.jsxs("g", { children: [
+          /* @__PURE__ */ o.jsx("text", { x: h + r(8), y: I + r(9.5), fill: t.ink.muted, fontSize: r(7.5), style: c, children: kt(A.n) }),
+          /* @__PURE__ */ o.jsx(
             "rect",
             {
-              x: f + r(28),
-              y: w + r(3),
+              x: h + r(28),
+              y: I + r(3),
               width: r(14),
               height: r(7),
               fill: t.face.right,
@@ -729,87 +741,87 @@ function xe({
               strokeWidth: 0.4
             }
           ),
-          Y.map((R) => /* @__PURE__ */ n.jsx(
+          L.map((q) => /* @__PURE__ */ o.jsx(
             "rect",
             {
-              x: f + r(28),
-              y: w + r(3),
+              x: h + r(28),
+              y: I + r(3),
               width: r(14),
               height: r(7),
-              fill: `url(#${R})`,
+              fill: `url(#${q})`,
               opacity: 0.85
             },
-            R
+            q
           )),
-          /* @__PURE__ */ n.jsx("text", { x: f + r(50), y: w + r(9.5), fill: t.ink.text, fontSize: r(7.5), style: d, children: Et((T.name || "").toUpperCase(), 18) }),
-          /* @__PURE__ */ n.jsx(
+          /* @__PURE__ */ o.jsx("text", { x: h + r(50), y: I + r(9.5), fill: t.ink.text, fontSize: r(7.5), style: c, children: Tt((A.name || "").toUpperCase(), 18) }),
+          /* @__PURE__ */ o.jsx(
             "text",
             {
-              x: f + C - r(8),
-              y: w + r(9.5),
+              x: h + O - r(8),
+              y: I + r(9.5),
               textAnchor: "end",
               fill: t.ink.muted,
               fontSize: r(7),
-              style: d,
-              children: ie[F]
+              style: c,
+              children: de[S]
             }
           )
-        ] }, T.n);
+        ] }, A.n);
       }),
-      g > 0 && /* @__PURE__ */ n.jsx(
+      u > 0 && /* @__PURE__ */ o.jsx(
         "text",
         {
-          x: f + r(8),
-          y: O + c + m.length * h + r(9.5),
+          x: h + r(8),
+          y: j + E + m.length * f + r(9.5),
           fill: t.ink.muted,
           fontSize: r(7.5),
-          style: d,
-          children: `+ ${g} NOT LISTED`
+          style: c,
+          children: `+ ${u} NOT LISTED`
         }
       )
     ] }),
-    /* @__PURE__ */ n.jsxs("g", { children: [
-      /* @__PURE__ */ n.jsx(
+    /* @__PURE__ */ o.jsxs("g", { children: [
+      /* @__PURE__ */ o.jsx(
         "rect",
         {
-          x: A,
-          y: b,
-          width: $,
-          height: E,
+          x: _,
+          y: $,
+          width: g,
+          height: C,
           fill: t.paper.from,
           fillOpacity: 0.55,
           stroke: t.ink.line,
           strokeWidth: 0.8
         }
       ),
-      /* @__PURE__ */ n.jsx("line", { x1: A, y1: b + r(30), x2: A + $, y2: b + r(30), stroke: t.ink.line, strokeWidth: 0.8 }),
-      /* @__PURE__ */ n.jsx("line", { x1: A, y1: b + r(52), x2: A + $, y2: b + r(52), stroke: t.ink.line, strokeWidth: 0.5 }),
-      /* @__PURE__ */ n.jsx("line", { x1: A + P, y1: b + r(30), x2: A + P, y2: b + E, stroke: t.ink.line, strokeWidth: 0.5 }),
-      /* @__PURE__ */ n.jsx("text", { x: A + r(9), y: b + r(12), fill: t.ink.muted, fontSize: r(6.5), style: d, children: "DRAWING TITLE" }),
-      /* @__PURE__ */ n.jsx("text", { x: A + r(9), y: b + r(24), fill: t.ink.text, fontSize: r(10), fontWeight: 600, style: d, children: Et((a || "UNTITLED ASSEMBLY").toUpperCase(), 26) }),
-      /* @__PURE__ */ n.jsx("text", { x: A + r(9), y: b + r(43), fill: t.ink.muted, fontSize: r(6.5), style: d, children: "PROJECTION" }),
-      /* @__PURE__ */ n.jsx("text", { x: A + P - r(9), y: b + r(43), textAnchor: "end", fill: t.ink.text, fontSize: r(7), style: d, children: "ISOMETRIC 30°" }),
-      /* @__PURE__ */ n.jsx("text", { x: A + r(9), y: b + r(65), fill: t.ink.muted, fontSize: r(6.5), style: d, children: "SCALE" }),
-      /* @__PURE__ */ n.jsx("text", { x: A + P - r(9), y: b + r(65), textAnchor: "end", fill: t.ink.text, fontSize: r(7), style: d, children: "1:1" }),
-      /* @__PURE__ */ n.jsx("text", { x: A + P + r(9), y: b + r(43), fill: t.ink.muted, fontSize: r(6.5), style: d, children: "QTY" }),
-      /* @__PURE__ */ n.jsx("text", { x: A + $ - r(9), y: b + r(43), textAnchor: "end", fill: t.ink.text, fontSize: r(7), style: d, children: i || `${kt(s.length)} CMP` }),
-      /* @__PURE__ */ n.jsx("text", { x: A + P + r(9), y: b + r(65), fill: t.ink.muted, fontSize: r(6.5), style: d, children: "SHEET" }),
-      /* @__PURE__ */ n.jsx("text", { x: A + $ - r(9), y: b + r(65), textAnchor: "end", fill: t.ink.text, fontSize: r(7), style: d, children: "1 OF 1" })
+      /* @__PURE__ */ o.jsx("line", { x1: _, y1: $ + r(30), x2: _ + g, y2: $ + r(30), stroke: t.ink.line, strokeWidth: 0.8 }),
+      /* @__PURE__ */ o.jsx("line", { x1: _, y1: $ + r(52), x2: _ + g, y2: $ + r(52), stroke: t.ink.line, strokeWidth: 0.5 }),
+      /* @__PURE__ */ o.jsx("line", { x1: _ + W, y1: $ + r(30), x2: _ + W, y2: $ + C, stroke: t.ink.line, strokeWidth: 0.5 }),
+      /* @__PURE__ */ o.jsx("text", { x: _ + r(9), y: $ + r(12), fill: t.ink.muted, fontSize: r(6.5), style: c, children: "DRAWING TITLE" }),
+      /* @__PURE__ */ o.jsx("text", { x: _ + r(9), y: $ + r(24), fill: t.ink.text, fontSize: r(10), fontWeight: 600, style: c, children: Tt((a || "UNTITLED ASSEMBLY").toUpperCase(), 26) }),
+      /* @__PURE__ */ o.jsx("text", { x: _ + r(9), y: $ + r(43), fill: t.ink.muted, fontSize: r(6.5), style: c, children: "PROJECTION" }),
+      /* @__PURE__ */ o.jsx("text", { x: _ + W - r(9), y: $ + r(43), textAnchor: "end", fill: t.ink.text, fontSize: r(7), style: c, children: "ISOMETRIC 30°" }),
+      /* @__PURE__ */ o.jsx("text", { x: _ + r(9), y: $ + r(65), fill: t.ink.muted, fontSize: r(6.5), style: c, children: "SCALE" }),
+      /* @__PURE__ */ o.jsx("text", { x: _ + W - r(9), y: $ + r(65), textAnchor: "end", fill: t.ink.text, fontSize: r(7), style: c, children: "1:1" }),
+      /* @__PURE__ */ o.jsx("text", { x: _ + W + r(9), y: $ + r(43), fill: t.ink.muted, fontSize: r(6.5), style: c, children: "QTY" }),
+      /* @__PURE__ */ o.jsx("text", { x: _ + g - r(9), y: $ + r(43), textAnchor: "end", fill: t.ink.text, fontSize: r(7), style: c, children: i || `${kt(s.length)} CMP` }),
+      /* @__PURE__ */ o.jsx("text", { x: _ + W + r(9), y: $ + r(65), fill: t.ink.muted, fontSize: r(6.5), style: c, children: "SHEET" }),
+      /* @__PURE__ */ o.jsx("text", { x: _ + g - r(9), y: $ + r(65), textAnchor: "end", fill: t.ink.text, fontSize: r(7), style: c, children: "1 OF 1" })
     ] })
   ] });
 }
-const ye = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ke = (t) => t.replace(
+const $e = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ge = (t) => t.replace(
   /^([A-Z])|[\s-_]+(\w)/g,
-  (e, s, a) => a ? a.toUpperCase() : s.toLowerCase()
-), Tt = (t) => {
-  const e = ke(t);
-  return e.charAt(0).toUpperCase() + e.slice(1);
-}, It = (...t) => t.filter((e, s, a) => !!e && e.trim() !== "" && a.indexOf(e) === s).join(" ").trim(), me = (t) => {
-  for (const e in t)
-    if (e.startsWith("aria-") || e === "role" || e === "title")
+  (n, s, a) => a ? a.toUpperCase() : s.toLowerCase()
+), Et = (t) => {
+  const n = ge(t);
+  return n.charAt(0).toUpperCase() + n.slice(1);
+}, Dt = (...t) => t.filter((n, s, a) => !!n && n.trim() !== "" && a.indexOf(n) === s).join(" ").trim(), be = (t) => {
+  for (const n in t)
+    if (n.startsWith("aria-") || n === "role" || n === "title")
       return !0;
 };
-var ge = {
+var ve = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -820,51 +832,51 @@ var ge = {
   strokeLinecap: "round",
   strokeLinejoin: "round"
 };
-const $e = Ot(
+const _e = Ot(
   ({
     color: t = "currentColor",
-    size: e = 24,
+    size: n = 24,
     strokeWidth: s = 2,
     absoluteStrokeWidth: a,
     className: i = "",
     children: l,
-    iconNode: u,
+    iconNode: y,
     ...m
-  }, g) => mt(
+  }, u) => mt(
     "svg",
     {
-      ref: g,
-      ...ge,
-      width: e,
-      height: e,
+      ref: u,
+      ...ve,
+      width: n,
+      height: n,
       stroke: t,
-      strokeWidth: a ? Number(s) * 24 / Number(e) : s,
-      className: It("lucide", i),
-      ...!l && !me(m) && { "aria-hidden": "true" },
+      strokeWidth: a ? Number(s) * 24 / Number(n) : s,
+      className: Dt("lucide", i),
+      ...!l && !be(m) && { "aria-hidden": "true" },
       ...m
     },
     [
-      ...u.map(([x, d]) => mt(x, d)),
+      ...y.map(([x, c]) => mt(x, c)),
       ...Array.isArray(l) ? l : [l]
     ]
   )
 );
-const v = (t, e) => {
+const b = (t, n) => {
   const s = Ot(
-    ({ className: a, ...i }, l) => mt($e, {
+    ({ className: a, ...i }, l) => mt(_e, {
       ref: l,
-      iconNode: e,
-      className: It(
-        `lucide-${ye(Tt(t))}`,
+      iconNode: n,
+      className: Dt(
+        `lucide-${$e(Et(t))}`,
         `lucide-${t}`,
         a
       ),
       ...i
     })
   );
-  return s.displayName = Tt(t), s;
+  return s.displayName = Et(t), s;
 };
-const be = [
+const je = [
   [
     "path",
     {
@@ -872,16 +884,16 @@ const be = [
       key: "169zse"
     }
   ]
-], ve = v("activity", be);
-const _e = [
+], Me = b("activity", je);
+const we = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
-], je = v("arrow-down", _e);
-const Me = [
+], Se = b("arrow-down", we);
+const Ce = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
-], we = v("arrow-right", Me);
-const Se = [
+], Te = b("arrow-right", Ce);
+const Ee = [
   ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
   [
     "path",
@@ -890,8 +902,8 @@ const Se = [
       key: "11g9vi"
     }
   ]
-], Ce = v("bell", Se);
-const Ee = [
+], Ae = b("bell", Ee);
+const Oe = [
   [
     "path",
     {
@@ -901,8 +913,8 @@ const Ee = [
   ],
   ["path", { d: "m3.3 7 8.7 5 8.7-5", key: "g66t2b" }],
   ["path", { d: "M12 22V12", key: "d0xqtd" }]
-], Ft = v("box", Ee);
-const Te = [
+], Bt = b("box", Oe);
+const Ne = [
   [
     "path",
     {
@@ -911,13 +923,13 @@ const Te = [
     }
   ],
   ["circle", { cx: "12", cy: "13", r: "3", key: "1vg3eu" }]
-], Ae = v("camera", Te);
-const Oe = [
+], Re = b("camera", Ne);
+const Pe = [
   ["path", { d: "M5 21v-6", key: "1hz6c0" }],
   ["path", { d: "M12 21V9", key: "uvy0l4" }],
   ["path", { d: "M19 21V3", key: "11j9sm" }]
-], Ne = v("chart-no-axes-column-increasing", Oe);
-const Re = [
+], Le = b("chart-no-axes-column-increasing", Pe);
+const ze = [
   [
     "path",
     {
@@ -926,16 +938,16 @@ const Re = [
     }
   ],
   ["path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83", key: "k2fpak" }]
-], Le = v("chart-pie", Re);
-const Pe = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], ze = v("circle", Pe);
-const Ye = [
+], Ye = b("chart-pie", ze);
+const We = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]], Ie = b("circle", We);
+const Fe = [
   ["path", { d: "M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z", key: "p7xjir" }]
-], We = v("cloud", Ye);
-const Ie = [
+], De = b("cloud", Fe);
+const Be = [
   ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
   ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
-], Fe = v("code", Ie);
-const De = [
+], Xe = b("code", Be);
+const He = [
   ["path", { d: "M12 20v2", key: "1lh1kg" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
   ["path", { d: "M17 20v2", key: "1rnc9c" }],
@@ -950,18 +962,18 @@ const De = [
   ["path", { d: "M7 2v2", key: "1i4yhu" }],
   ["rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", key: "1vbyd7" }],
   ["rect", { x: "8", y: "8", width: "8", height: "8", rx: "1", key: "z9xiuo" }]
-], Be = v("cpu", De);
-const Xe = [
+], Ue = b("cpu", He);
+const qe = [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
-], He = v("database", Xe);
-const qe = [
+], Ge = b("database", qe);
+const Ve = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
-], Ue = v("download", qe);
-const Ge = [
+], Ze = b("download", Ve);
+const Je = [
   [
     "path",
     {
@@ -972,8 +984,8 @@ const Ge = [
   ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
   ["path", { d: "M10 12.5 8 15l2 2.5", key: "1tg20x" }],
   ["path", { d: "m14 12.5 2 2.5-2 2.5", key: "yinavb" }]
-], Ve = v("file-code", Ge);
-const Ze = [
+], Ke = b("file-code", Je);
+const Qe = [
   [
     "path",
     {
@@ -981,8 +993,8 @@ const Ze = [
       key: "1kt360"
     }
   ]
-], Je = v("folder", Ze);
-const Ke = [
+], tn = b("folder", Qe);
+const en = [
   [
     "path",
     {
@@ -990,20 +1002,20 @@ const Ke = [
       key: "sc7q7i"
     }
   ]
-], Qe = v("funnel", Ke);
-const tn = [
+], nn = b("funnel", en);
+const on = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
-], en = v("globe", tn);
-const nn = [
+], rn = b("globe", on);
+const sn = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }],
   ["path", { d: "M3 15h18", key: "5xshup" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }],
   ["path", { d: "M15 3v18", key: "14nvp0" }]
-], on = v("grid-3x3", nn);
-const rn = [
+], an = b("grid-3x3", sn);
+const cn = [
   ["line", { x1: "22", x2: "2", y1: "12", y2: "12", key: "1y58io" }],
   [
     "path",
@@ -1014,8 +1026,8 @@ const rn = [
   ],
   ["line", { x1: "6", x2: "6.01", y1: "16", y2: "16", key: "sgf278" }],
   ["line", { x1: "10", x2: "10.01", y1: "16", y2: "16", key: "1l4acy" }]
-], sn = v("hard-drive", rn);
-const an = [
+], ln = b("hard-drive", cn);
+const dn = [
   [
     "path",
     {
@@ -1023,13 +1035,13 @@ const an = [
       key: "1xhozi"
     }
   ]
-], cn = v("headphones", an);
-const ln = [
+], hn = b("headphones", dn);
+const fn = [
   ["path", { d: "m15.5 7.5 2.3 2.3a1 1 0 0 0 1.4 0l2.1-2.1a1 1 0 0 0 0-1.4L19 4", key: "g0fldk" }],
   ["path", { d: "m21 2-9.6 9.6", key: "1j0ho8" }],
   ["circle", { cx: "7.5", cy: "15.5", r: "5.5", key: "yqb3hr" }]
-], dn = v("key", ln);
-const hn = [
+], pn = b("key", fn);
+const un = [
   [
     "path",
     {
@@ -1051,16 +1063,16 @@ const hn = [
       key: "kqbvx6"
     }
   ]
-], fn = v("layers", hn);
-const pn = [
+], yn = b("layers", un);
+const xn = [
   ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
   ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
-], un = v("lock", pn);
-const xn = [
+], kn = b("lock", xn);
+const mn = [
   ["path", { d: "m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7", key: "132q7q" }],
   ["rect", { x: "2", y: "4", width: "20", height: "16", rx: "2", key: "izxlao" }]
-], yn = v("mail", xn);
-const kn = [
+], $n = b("mail", mn);
+const gn = [
   [
     "path",
     {
@@ -1068,18 +1080,18 @@ const kn = [
       key: "18887p"
     }
   ]
-], mn = v("message-square", kn);
-const gn = [
+], bn = b("message-square", gn);
+const vn = [
   ["path", { d: "M12 19v3", key: "npa21l" }],
   ["path", { d: "M19 10v2a7 7 0 0 1-14 0v-2", key: "1vc78b" }],
   ["rect", { x: "9", y: "2", width: "6", height: "13", rx: "3", key: "s6n7sd" }]
-], $n = v("mic", gn);
-const bn = [
+], _n = b("mic", vn);
+const jn = [
   ["rect", { width: "20", height: "14", x: "2", y: "3", rx: "2", key: "48i651" }],
   ["line", { x1: "8", x2: "16", y1: "21", y2: "21", key: "1svkeh" }],
   ["line", { x1: "12", x2: "12", y1: "17", y2: "21", key: "vw1qmm" }]
-], vn = v("monitor", bn);
-const _n = [
+], Mn = b("monitor", jn);
+const wn = [
   [
     "path",
     {
@@ -1090,12 +1102,12 @@ const _n = [
   ["path", { d: "M12 22V12", key: "d0xqtd" }],
   ["polyline", { points: "3.29 7 12 12 20.71 7", key: "ousv84" }],
   ["path", { d: "m7.5 4.27 9 5.15", key: "1c824w" }]
-], jn = v("package", _n);
-const Mn = [
+], Sn = b("package", wn);
+const Cn = [
   ["rect", { x: "14", y: "3", width: "5", height: "18", rx: "1", key: "kaeet6" }],
   ["rect", { x: "5", y: "3", width: "5", height: "18", rx: "1", key: "1wsw3u" }]
-], wn = v("pause", Mn);
-const Sn = [
+], Tn = b("pause", Cn);
+const En = [
   [
     "path",
     {
@@ -1103,30 +1115,30 @@ const Sn = [
       key: "10ikf1"
     }
   ]
-], Cn = v("play", Sn);
-const En = [
+], An = b("play", En);
+const On = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
-], Tn = v("refresh-cw", En);
-const An = [
+], Nn = b("refresh-cw", On);
+const Rn = [
   ["path", { d: "m17 2 4 4-4 4", key: "nntrym" }],
   ["path", { d: "M3 11v-1a4 4 0 0 1 4-4h14", key: "84bu3i" }],
   ["path", { d: "m7 22-4-4 4-4", key: "1wqhfi" }],
   ["path", { d: "M21 13v1a4 4 0 0 1-4 4H3", key: "1rx37r" }]
-], On = v("repeat", An);
-const Nn = [
+], Pn = b("repeat", Rn);
+const Ln = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
-], Rn = v("search", Nn);
-const Ln = [
+], zn = b("search", Ln);
+const Yn = [
   ["rect", { width: "20", height: "8", x: "2", y: "2", rx: "2", ry: "2", key: "ngkwjq" }],
   ["rect", { width: "20", height: "8", x: "2", y: "14", rx: "2", ry: "2", key: "iecqi9" }],
   ["line", { x1: "6", x2: "6.01", y1: "6", y2: "6", key: "16zg32" }],
   ["line", { x1: "6", x2: "6.01", y1: "18", y2: "18", key: "nzw8ys" }]
-], Pn = v("server", Ln);
-const zn = [
+], Wn = b("server", Yn);
+const In = [
   [
     "path",
     {
@@ -1135,8 +1147,8 @@ const zn = [
     }
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
-], Yn = v("settings", zn);
-const Wn = [
+], Fn = b("settings", In);
+const Dn = [
   [
     "path",
     {
@@ -1144,40 +1156,40 @@ const Wn = [
       key: "oel41y"
     }
   ]
-], In = v("shield", Wn);
-const Fn = [
+], Bn = b("shield", Dn);
+const Xn = [
   ["rect", { width: "14", height: "20", x: "5", y: "2", rx: "2", ry: "2", key: "1yt0o3" }],
   ["path", { d: "M12 18h.01", key: "mhygvu" }]
-], Dn = v("smartphone", Fn);
-const Bn = [
+], Hn = b("smartphone", Xn);
+const Un = [
   ["rect", { width: "16", height: "20", x: "4", y: "2", rx: "2", key: "1nb95v" }],
   ["path", { d: "M12 6h.01", key: "1vi96p" }],
   ["circle", { cx: "12", cy: "14", r: "4", key: "1jruaj" }],
   ["path", { d: "M12 14h.01", key: "1etili" }]
-], Xn = v("speaker", Bn);
-const Hn = [
+], qn = b("speaker", Un);
+const Gn = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
-], qn = v("square", Hn);
-const Un = [
+], Vn = b("square", Gn);
+const Zn = [
   ["path", { d: "M12 19h8", key: "baeox8" }],
   ["path", { d: "m4 17 6-6-6-6", key: "1yngyt" }]
-], Gn = v("terminal", Un);
-const Vn = [
+], Jn = b("terminal", Zn);
+const Kn = [
   ["path", { d: "M12 3v12", key: "1x0j5s" }],
   ["path", { d: "m17 8-5-5-5 5", key: "7q97r8" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }]
-], Zn = v("upload", Vn);
-const Jn = [
+], Qn = b("upload", Kn);
+const to = [
   ["path", { d: "M19 21v-2a4 4 0 0 0-4-4H9a4 4 0 0 0-4 4v2", key: "975kel" }],
   ["circle", { cx: "12", cy: "7", r: "4", key: "17ys0d" }]
-], Kn = v("user", Jn);
-const Qn = [
+], eo = b("user", to);
+const no = [
   ["path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2", key: "1yyitq" }],
   ["path", { d: "M16 3.128a4 4 0 0 1 0 7.744", key: "16gr8j" }],
   ["path", { d: "M22 21v-2a4 4 0 0 0-3-3.87", key: "kshegd" }],
   ["circle", { cx: "9", cy: "7", r: "4", key: "nufk8" }]
-], to = v("users", Qn);
-const eo = [
+], oo = b("users", no);
+const ro = [
   ["path", { d: "M12 10v2.2l1.6 1", key: "n3r21l" }],
   [
     "path",
@@ -1185,14 +1197,14 @@ const eo = [
   ],
   ["path", { d: "m7.88 16.36.8 4a2 2 0 0 0 2 1.61h2.72a2 2 0 0 0 2-1.61l.81-4.05", key: "16ny36" }],
   ["circle", { cx: "12", cy: "12", r: "6", key: "1vlfrh" }]
-], no = v("watch", eo);
-const oo = [
+], so = b("watch", ro);
+const ao = [
   ["path", { d: "M12 20h.01", key: "zekei9" }],
   ["path", { d: "M2 8.82a15 15 0 0 1 20 0", key: "dnpr2z" }],
   ["path", { d: "M5 12.859a10 10 0 0 1 14 0", key: "1x1e6c" }],
   ["path", { d: "M8.5 16.429a5 5 0 0 1 7 0", key: "1bycff" }]
-], ro = v("wifi", oo);
-const so = [
+], io = b("wifi", ao);
+const co = [
   [
     "path",
     {
@@ -1200,118 +1212,118 @@ const so = [
       key: "1xq2db"
     }
   ]
-], ao = v("zap", so), io = {
-  Monitor: vn,
-  Server: Pn,
-  Smartphone: Dn,
-  Watch: no,
-  Cloud: We,
-  Cpu: Be,
-  Database: He,
-  HardDrive: sn,
-  Wifi: ro,
-  Globe: en,
-  User: Kn,
-  Users: to,
-  Lock: un,
-  Key: dn,
-  Shield: In,
-  Mic: $n,
-  Camera: Ae,
-  Speaker: Xn,
-  Headphones: cn,
-  Code: Fe,
-  Terminal: Gn,
-  FileCode: Ve,
-  Folder: Je,
-  Zap: ao,
-  Activity: ve,
-  BarChart: Ne,
-  PieChart: Le,
-  ArrowRight: we,
-  ArrowDown: je,
-  RefreshCw: Tn,
-  Repeat: On,
-  Box: Ft,
-  Package: jn,
-  Layers: fn,
-  Grid: on,
-  Settings: Yn,
-  Bell: Ce,
-  Mail: yn,
-  MessageSquare: mn,
-  Search: Rn,
-  Filter: Qe,
-  Download: Ue,
-  Upload: Zn,
-  Play: Cn,
-  Pause: wn,
-  Square: qn,
-  Circle: ze
+], lo = b("zap", co), ho = {
+  Monitor: Mn,
+  Server: Wn,
+  Smartphone: Hn,
+  Watch: so,
+  Cloud: De,
+  Cpu: Ue,
+  Database: Ge,
+  HardDrive: ln,
+  Wifi: io,
+  Globe: rn,
+  User: eo,
+  Users: oo,
+  Lock: kn,
+  Key: pn,
+  Shield: Bn,
+  Mic: _n,
+  Camera: Re,
+  Speaker: qn,
+  Headphones: hn,
+  Code: Xe,
+  Terminal: Jn,
+  FileCode: Ke,
+  Folder: tn,
+  Zap: lo,
+  Activity: Me,
+  BarChart: Le,
+  PieChart: Ye,
+  ArrowRight: Te,
+  ArrowDown: Se,
+  RefreshCw: Nn,
+  Repeat: Pn,
+  Box: Bt,
+  Package: Sn,
+  Layers: yn,
+  Grid: an,
+  Settings: Fn,
+  Bell: Ae,
+  Mail: $n,
+  MessageSquare: bn,
+  Search: zn,
+  Filter: nn,
+  Download: Ze,
+  Upload: Qn,
+  Play: An,
+  Pause: Tn,
+  Square: Vn,
+  Circle: Ie
 };
-function co(t) {
-  return io[t] || Ft;
+function fo(t) {
+  return ho[t] || Bt;
 }
-function lo({
+function po({
   uid: t,
-  style: e,
+  style: n,
   box: s,
   color: a,
   tag: i,
   selected: l = !1,
-  opacity: u,
+  opacity: y,
   onClick: m,
-  onPointerDown: g
+  onPointerDown: u
 }) {
-  const x = Pt(a), d = l ? e.ink.accent : e.ink.line, C = l ? e.ink.accent : e.ink.text, h = [
+  const x = Yt(a), c = l ? n.ink.accent : n.ink.line, O = l ? n.ink.accent : n.ink.text, f = [
     { face: "left", path: s.left },
     { face: "right", path: s.right },
     { face: "top", path: s.top }
   ];
-  return /* @__PURE__ */ n.jsxs(
+  return /* @__PURE__ */ o.jsxs(
     "g",
     {
-      className: m || g ? "cursor-pointer" : void 0,
-      opacity: u,
+      className: m || u ? "cursor-pointer" : void 0,
+      opacity: y,
       onClick: m,
-      onPointerDown: g,
+      onPointerDown: u,
       children: [
-        h.map(({ face: c, path: _ }) => /* @__PURE__ */ n.jsxs("g", { children: [
-          /* @__PURE__ */ n.jsx("path", { d: _, fill: e.face[c] }),
-          zt(t, x, c).map((f) => /* @__PURE__ */ n.jsx("path", { d: _, fill: `url(#${f})`, opacity: e.hatchOpacity[c] }, f))
-        ] }, c)),
-        /* @__PURE__ */ n.jsx(
+        f.map(({ face: E, path: d }) => /* @__PURE__ */ o.jsxs("g", { children: [
+          /* @__PURE__ */ o.jsx("path", { d, fill: n.face[E] }),
+          Wt(t, x, E).map((h) => /* @__PURE__ */ o.jsx("path", { d, fill: `url(#${h})`, opacity: n.hatchOpacity[E] }, h))
+        ] }, E)),
+        /* @__PURE__ */ o.jsx(
           "path",
           {
             d: s.hidden,
             fill: "none",
-            stroke: e.ink.hidden,
-            strokeWidth: e.strokeWidth * 0.55,
+            stroke: n.ink.hidden,
+            strokeWidth: n.strokeWidth * 0.55,
             strokeDasharray: "3.5 3",
             opacity: 0.85
           }
         ),
-        /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ o.jsx(
           "path",
           {
             d: s.visible,
             fill: "none",
-            stroke: d,
-            strokeWidth: l ? e.strokeWidth * 1.7 : e.strokeWidth,
+            stroke: c,
+            strokeWidth: l ? n.strokeWidth * 1.7 : n.strokeWidth,
             strokeLinejoin: "round",
             strokeLinecap: "round"
           }
         ),
-        i != null && /* @__PURE__ */ n.jsx(
+        i != null && /* @__PURE__ */ o.jsx(
           "text",
           {
             x: s.topCenter.x,
             y: s.topCenter.y + r(3),
             textAnchor: "middle",
-            fill: C,
+            fill: O,
             fontSize: r(8),
             fontWeight: 600,
-            fontFamily: e.font,
+            fontFamily: n.font,
             style: { letterSpacing: "0.1em" },
             pointerEvents: "none",
             children: kt(i)
@@ -1321,47 +1333,47 @@ function lo({
     }
   );
 }
-function ho({
+function uo({
   style: t,
-  box: e,
+  box: n,
   name: s,
   subtitle: a,
   icon: i,
   selected: l = !1,
-  opacity: u
+  opacity: y
 }) {
-  const m = l ? t.ink.accent : t.ink.line, g = l ? t.ink.accent : t.ink.text, x = i ? co(i) : null, d = (s || "").toUpperCase(), C = (a || "").toUpperCase(), h = e.minY - r(11), c = h - r(4), _ = C ? h - r(15) : h - r(4), f = r(9), O = r(3), $ = x ? f + O : 0, E = Math.max(d.length * r(5.6) + $, C.length * r(4.4), r(24)), P = e.topCenter.x + $ / 2, A = P - d.length * r(5.6) / 2 - O - f, b = _ - f + r(1);
-  return /* @__PURE__ */ n.jsxs("g", { pointerEvents: "none", opacity: u, children: [
-    /* @__PURE__ */ n.jsx(
+  const m = l ? t.ink.accent : t.ink.line, u = l ? t.ink.accent : t.ink.text, x = i ? fo(i) : null, c = (s || "").toUpperCase(), O = (a || "").toUpperCase(), f = n.minY - r(11), E = f - r(4), d = O ? f - r(15) : f - r(4), h = r(9), j = r(3), g = x ? h + j : 0, C = Math.max(c.length * r(5.6) + g, O.length * r(4.4), r(24)), W = n.topCenter.x + g / 2, _ = W - c.length * r(5.6) / 2 - j - h, $ = d - h + r(1);
+  return /* @__PURE__ */ o.jsxs("g", { pointerEvents: "none", opacity: y, children: [
+    /* @__PURE__ */ o.jsx(
       "line",
       {
-        x1: e.topCenter.x,
-        y1: e.topCenter.y - r(6),
-        x2: e.topCenter.x,
-        y2: h,
+        x1: n.topCenter.x,
+        y1: n.topCenter.y - r(6),
+        x2: n.topCenter.x,
+        y2: f,
         stroke: m,
         strokeWidth: t.strokeWidth * 0.6
       }
     ),
-    /* @__PURE__ */ n.jsx(
+    /* @__PURE__ */ o.jsx(
       "line",
       {
-        x1: e.topCenter.x - E / 2,
-        y1: h,
-        x2: e.topCenter.x + E / 2,
-        y2: h,
+        x1: n.topCenter.x - C / 2,
+        y1: f,
+        x2: n.topCenter.x + C / 2,
+        y2: f,
         stroke: m,
         strokeWidth: t.strokeWidth * 0.6
       }
     ),
-    x && /* @__PURE__ */ n.jsx("g", { transform: `translate(${A}, ${b})`, color: g, children: /* @__PURE__ */ n.jsx(x, { width: f, height: f, strokeWidth: 1.75 }) }),
-    /* @__PURE__ */ n.jsx(
+    x && /* @__PURE__ */ o.jsx("g", { transform: `translate(${_}, ${$})`, color: u, children: /* @__PURE__ */ o.jsx(x, { width: h, height: h, strokeWidth: 1.75 }) }),
+    /* @__PURE__ */ o.jsx(
       "text",
       {
-        x: P,
-        y: _,
+        x: W,
+        y: d,
         textAnchor: "middle",
-        fill: g,
+        fill: u,
         fontSize: r(9.5),
         fontWeight: 600,
         fontFamily: t.font,
@@ -1370,14 +1382,14 @@ function ho({
         paintOrder: "stroke",
         strokeLinejoin: "round",
         style: { letterSpacing: "0.12em" },
-        children: d
+        children: c
       }
     ),
-    C && /* @__PURE__ */ n.jsx(
+    O && /* @__PURE__ */ o.jsx(
       "text",
       {
-        x: e.topCenter.x,
-        y: c,
+        x: n.topCenter.x,
+        y: E,
         textAnchor: "middle",
         fill: t.ink.muted,
         fontSize: r(7.5),
@@ -1387,12 +1399,12 @@ function ho({
         paintOrder: "stroke",
         strokeLinejoin: "round",
         style: { letterSpacing: "0.1em" },
-        children: C
+        children: O
       }
     )
   ] });
 }
-const Dt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', fo = {
+const Xt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', yo = {
   blue: { top: "#3b82f6", side: "#2563eb", front: "#1d4ed8" },
   violet: { top: "#8b5cf6", side: "#7c3aed", front: "#6d28d9" },
   cyan: { top: "#06b6d4", side: "#0891b2", front: "#0e7490" },
@@ -1400,7 +1412,7 @@ const Dt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', fo =
   amber: { top: "#f59e0b", side: "#d97706", front: "#b45309" },
   rose: { top: "#f43f5e", side: "#e11d48", front: "#be123c" },
   slate: { top: "#475569", side: "#334155", front: "#1e293b" }
-}, po = {
+}, xo = {
   blue: { top: "#93c5fd", side: "#60a5fa", front: "#3b82f6" },
   violet: { top: "#c4b5fd", side: "#a78bfa", front: "#8b5cf6" },
   cyan: { top: "#67e8f9", side: "#22d3ee", front: "#06b6d4" },
@@ -1409,20 +1421,20 @@ const Dt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', fo =
   rose: { top: "#fda4af", side: "#fb7185", front: "#f43f5e" },
   slate: { top: "#e2e8f0", side: "#cbd5e1", front: "#94a3b8" }
 };
-function xt(t, e, s) {
+function yt(t, n, s) {
   const a = (x) => {
-    const d = x.replace("#", "");
+    const c = x.replace("#", "");
     return {
-      r: parseInt(d.substring(0, 2), 16),
-      g: parseInt(d.substring(2, 4), 16),
-      b: parseInt(d.substring(4, 6), 16)
+      r: parseInt(c.substring(0, 2), 16),
+      g: parseInt(c.substring(2, 4), 16),
+      b: parseInt(c.substring(4, 6), 16)
     };
-  }, i = a(t), l = a(e), u = Math.round(i.r + (l.r - i.r) * s), m = Math.round(i.g + (l.g - i.g) * s), g = Math.round(i.b + (l.b - i.b) * s);
-  return `rgb(${u},${m},${g})`;
+  }, i = a(t), l = a(n), y = Math.round(i.r + (l.r - i.r) * s), m = Math.round(i.g + (l.g - i.g) * s), u = Math.round(i.b + (l.b - i.b) * s);
+  return `rgb(${y},${m},${u})`;
 }
-function uo({ x: t, y: e, z: s, children: a, fontSize: i = 8, color: l = "#1e293b", shadow: u }) {
-  const m = k(t, e, s);
-  return /* @__PURE__ */ n.jsx("g", { transform: `translate(${m.screenX}, ${m.screenY})`, filter: u, children: /* @__PURE__ */ n.jsx("g", { transform: `matrix(${Vt()})`, children: /* @__PURE__ */ n.jsx(
+function ko({ x: t, y: n, z: s, children: a, fontSize: i = 8, color: l = "#1e293b", shadow: y }) {
+  const m = k(t, n, s);
+  return /* @__PURE__ */ o.jsx("g", { transform: `translate(${m.screenX}, ${m.screenY})`, filter: y, children: /* @__PURE__ */ o.jsx("g", { transform: `matrix(${Kt()})`, children: /* @__PURE__ */ o.jsx(
     "text",
     {
       x: 0,
@@ -1431,161 +1443,162 @@ function uo({ x: t, y: e, z: s, children: a, fontSize: i = 8, color: l = "#1e293
       fill: l,
       fontSize: i,
       fontWeight: 600,
-      fontFamily: Dt,
+      fontFamily: Xt,
       style: { textTransform: "uppercase", letterSpacing: "0.06em" },
       children: a
     }
   ) }) });
 }
-function xo({ width: t, depth: e, elevation: s, color: a, opacity: i, borderColor: l, theme: u, isGround: m }) {
-  const x = rt(t, e, m ? 8 : 2, 0, 0), d = k(0, 0, s);
-  return /* @__PURE__ */ n.jsxs("g", { transform: `translate(${d.screenX}, ${d.screenY})`, children: [
-    m && /* @__PURE__ */ n.jsx("g", { transform: "translate(4, 4)", opacity: 0.2, children: /* @__PURE__ */ n.jsx("path", { d: x.top, fill: "#000" }) }),
-    /* @__PURE__ */ n.jsx("path", { d: x.top, fill: a, opacity: i }),
-    m && /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-      /* @__PURE__ */ n.jsx("path", { d: x.left, fill: u === "dark" ? "#0f172a" : "#cbd5e1", opacity: 0.8 }),
-      /* @__PURE__ */ n.jsx("path", { d: x.right, fill: u === "dark" ? "#1e293b" : "#94a3b8", opacity: 0.8 })
+function mo({ width: t, depth: n, elevation: s, color: a, opacity: i, borderColor: l, theme: y, isGround: m }) {
+  const x = rt(t, n, m ? 8 : 2, 0, 0), c = k(0, 0, s);
+  return /* @__PURE__ */ o.jsxs("g", { transform: `translate(${c.screenX}, ${c.screenY})`, children: [
+    m && /* @__PURE__ */ o.jsx("g", { transform: "translate(4, 4)", opacity: 0.2, children: /* @__PURE__ */ o.jsx("path", { d: x.top, fill: "#000" }) }),
+    /* @__PURE__ */ o.jsx("path", { d: x.top, fill: a, opacity: i }),
+    m && /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+      /* @__PURE__ */ o.jsx("path", { d: x.left, fill: y === "dark" ? "#0f172a" : "#cbd5e1", opacity: 0.8 }),
+      /* @__PURE__ */ o.jsx("path", { d: x.right, fill: y === "dark" ? "#1e293b" : "#94a3b8", opacity: 0.8 })
     ] }),
-    /* @__PURE__ */ n.jsx(
+    /* @__PURE__ */ o.jsx(
       "path",
       {
         d: x.top,
         fill: "none",
-        stroke: l || (u === "dark" ? "#475569" : "#94a3b8"),
+        stroke: l || (y === "dark" ? "#475569" : "#94a3b8"),
         strokeWidth: m ? 1.5 : 0.75,
         opacity: m ? 1 : 0.6
       }
     )
   ] });
 }
-function vo({ config: t, options: e = {}, className: s, style: a, onNodeClick: i, onLayerClick: l }) {
-  const { interactive: u = !0, animate: m = !0, showLabels: g = !0, expandOnHover: x = !0 } = e, { theme: d, canvas: C, origin: h, tiers: c, floorSize: _, nodes: f, cornerRadius: O = 0 } = t, $ = re(t.style), E = $.technical, P = gt().replace(/:/g, ""), A = d === "dark" ? fo : po, b = E ? $.paper.to : d === "dark" ? "#0f172a" : "#fafafa", T = E ? $.ink.text : d === "dark" ? "#e2e8f0" : "#1e293b", L = E ? $.ink.muted : d === "dark" ? "#64748b" : "#94a3b8", w = Ht(() => {
-    const S = f.map((o, p) => ({ node: o, i: p })).sort((o, p) => o.node.tier - p.node.tier || o.node.y - p.node.y || o.node.x - p.node.x), y = /* @__PURE__ */ new Map();
-    return S.forEach(({ i: o }, p) => y.set(o, p + 1)), y;
-  }, [f]), F = { minX: 16, minY: 16, maxX: C.width - 16, maxY: C.height - 16 }, [Y, R] = ft(/* @__PURE__ */ new Set());
-  qt(() => {
-    m ? (R(/* @__PURE__ */ new Set()), c.forEach((S, y) => {
+function Mo({ config: t, options: n = {}, className: s, style: a, onNodeClick: i, onLayerClick: l }) {
+  const { interactive: y = !0, animate: m = !0, showLabels: u = !0, expandOnHover: x = !0 } = n, { theme: c, canvas: O, origin: f, tiers: E, floorSize: d, nodes: h, cornerRadius: j = 0 } = t, g = ie(t.style), C = g.technical, W = $t().replace(/:/g, ""), _ = !C && t.material === "retro-print", $ = _ ? Rt : c === "dark" ? yo : xo, A = C ? g.paper.to : _ ? c === "dark" ? "#202624" : "#f4efe6" : c === "dark" ? "#0f172a" : "#fafafa", P = C ? g.ink.text : _ ? "#202a29" : c === "dark" ? "#e2e8f0" : "#1e293b", I = C ? g.ink.muted : _ ? c === "dark" ? "#c5c4b7" : "#505b56" : c === "dark" ? "#64748b" : "#94a3b8", S = Gt(() => {
+    const w = h.map((p, T) => ({ node: p, i: T })).sort((p, T) => p.node.tier - T.node.tier || p.node.y - T.node.y || p.node.x - T.node.x), e = /* @__PURE__ */ new Map();
+    return w.forEach(({ i: p }, T) => e.set(p, T + 1)), e;
+  }, [h]), L = { minX: 16, minY: 16, maxX: O.width - 16, maxY: O.height - 16 }, [q, N] = ft(/* @__PURE__ */ new Set());
+  Vt(() => {
+    m ? (N(/* @__PURE__ */ new Set()), E.forEach((w, e) => {
       setTimeout(() => {
-        R((o) => /* @__PURE__ */ new Set([...o, y]));
-      }, y * 150 + 100);
-    })) : R(new Set(c.map((S, y) => y)));
-  }, [t.id, m, c.length]);
-  const [z, V] = ft(null), [U, H] = ft(null), [M, D] = ft(null), G = [...f].sort((S, y) => {
-    const o = c[S.tier]?.elevation || 0, p = c[y.tier]?.elevation || 0;
-    if (o !== p) return o - p;
-    const N = S.x + S.width + (S.y + S.depth);
-    return y.x + y.width + (y.y + y.depth) - N;
+        N((p) => /* @__PURE__ */ new Set([...p, e]));
+      }, e * 150 + 100);
+    })) : N(new Set(E.map((w, e) => e)));
+  }, [t.id, m, E.length]);
+  const [Y, V] = ft(null), [H, F] = ft(null), [M, D] = ft(null), K = [...h].sort((w, e) => {
+    const p = E[w.tier]?.elevation || 0, T = E[e.tier]?.elevation || 0;
+    if (p !== T) return p - T;
+    const R = w.x + w.width + (w.y + w.depth);
+    return e.x + e.width + (e.y + e.depth) - R;
   });
-  return /* @__PURE__ */ n.jsx("div", { className: s, style: { display: "inline-block", ...a }, children: /* @__PURE__ */ n.jsxs(
+  return /* @__PURE__ */ o.jsx("div", { className: s, style: { display: "inline-block", ...a }, children: /* @__PURE__ */ o.jsxs(
     "svg",
     {
-      width: C.width,
-      height: C.height,
-      style: { backgroundColor: b },
+      width: O.width,
+      height: O.height,
+      style: { backgroundColor: A },
       onClick: () => {
-        u && (D(null), H(null));
+        y && (D(null), F(null));
       },
       children: [
-        /* @__PURE__ */ n.jsxs("defs", { children: [
-          /* @__PURE__ */ n.jsx("pattern", { id: `grid-${t.id}`, width: "24", height: "24", patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ n.jsx("circle", { cx: "12", cy: "12", r: "0.5", fill: d === "dark" ? "#1e293b" : "#e2e8f0" }) }),
-          /* @__PURE__ */ n.jsx("filter", { id: `glow-${t.id}`, x: "-20%", y: "-20%", width: "140%", height: "140%", children: /* @__PURE__ */ n.jsx(
+        /* @__PURE__ */ o.jsxs("defs", { children: [
+          _ && /* @__PURE__ */ o.jsx("pattern", { id: `print-${t.id}`, width: "64", height: "64", patternUnits: "userSpaceOnUse", children: Pt.map((w, e) => /* @__PURE__ */ o.jsx("circle", { cx: w.x, cy: w.y, r: w.r, fill: "#26362e", opacity: 0.32 }, e)) }),
+          /* @__PURE__ */ o.jsx("pattern", { id: `grid-${t.id}`, width: "24", height: "24", patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ o.jsx("circle", { cx: "12", cy: "12", r: "0.5", fill: c === "dark" ? "#1e293b" : "#e2e8f0" }) }),
+          /* @__PURE__ */ o.jsx("filter", { id: `glow-${t.id}`, x: "-20%", y: "-20%", width: "140%", height: "140%", children: /* @__PURE__ */ o.jsx(
             "feDropShadow",
             {
               dx: "0",
               dy: "4",
               stdDeviation: "8",
-              floodColor: d === "dark" ? "#60a5fa" : "#3b82f6",
+              floodColor: c === "dark" ? "#60a5fa" : "#3b82f6",
               floodOpacity: "0.3"
             }
           ) }),
-          /* @__PURE__ */ n.jsxs("radialGradient", { id: `bg-${t.id}`, cx: "48%", cy: "34%", r: "82%", children: [
-            /* @__PURE__ */ n.jsx("stop", { offset: "0%", stopColor: d === "dark" ? "#16203a" : "#ffffff" }),
-            /* @__PURE__ */ n.jsx("stop", { offset: "55%", stopColor: d === "dark" ? "#0e1526" : "#f2f5f9" }),
-            /* @__PURE__ */ n.jsx("stop", { offset: "100%", stopColor: d === "dark" ? "#080d18" : "#e7ecf2" })
+          /* @__PURE__ */ o.jsxs("radialGradient", { id: `bg-${t.id}`, cx: "48%", cy: "34%", r: "82%", children: [
+            /* @__PURE__ */ o.jsx("stop", { offset: "0%", stopColor: c === "dark" ? "#16203a" : "#ffffff" }),
+            /* @__PURE__ */ o.jsx("stop", { offset: "55%", stopColor: c === "dark" ? "#0e1526" : "#f2f5f9" }),
+            /* @__PURE__ */ o.jsx("stop", { offset: "100%", stopColor: c === "dark" ? "#080d18" : "#e7ecf2" })
           ] }),
-          /* @__PURE__ */ n.jsx("filter", { id: `contact-${t.id}`, x: "-60%", y: "-60%", width: "220%", height: "220%", children: /* @__PURE__ */ n.jsx("feGaussianBlur", { stdDeviation: "5" }) }),
-          /* @__PURE__ */ n.jsxs("linearGradient", { id: `sheen-${t.id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-            /* @__PURE__ */ n.jsx("stop", { offset: "0%", stopColor: "#ffffff", stopOpacity: "0.18" }),
-            /* @__PURE__ */ n.jsx("stop", { offset: "55%", stopColor: "#ffffff", stopOpacity: "0.04" }),
-            /* @__PURE__ */ n.jsx("stop", { offset: "100%", stopColor: "#ffffff", stopOpacity: "0" })
+          /* @__PURE__ */ o.jsx("filter", { id: `contact-${t.id}`, x: "-60%", y: "-60%", width: "220%", height: "220%", children: /* @__PURE__ */ o.jsx("feGaussianBlur", { stdDeviation: "5" }) }),
+          /* @__PURE__ */ o.jsxs("linearGradient", { id: `sheen-${t.id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ o.jsx("stop", { offset: "0%", stopColor: "#ffffff", stopOpacity: "0.18" }),
+            /* @__PURE__ */ o.jsx("stop", { offset: "55%", stopColor: "#ffffff", stopOpacity: "0.04" }),
+            /* @__PURE__ */ o.jsx("stop", { offset: "100%", stopColor: "#ffffff", stopOpacity: "0" })
           ] }),
-          /* @__PURE__ */ n.jsxs("linearGradient", { id: `shade-${t.id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-            /* @__PURE__ */ n.jsx("stop", { offset: "0%", stopColor: "#000000", stopOpacity: "0" }),
-            /* @__PURE__ */ n.jsx("stop", { offset: "100%", stopColor: "#000000", stopOpacity: "0.24" })
+          /* @__PURE__ */ o.jsxs("linearGradient", { id: `shade-${t.id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ o.jsx("stop", { offset: "0%", stopColor: "#000000", stopOpacity: "0" }),
+            /* @__PURE__ */ o.jsx("stop", { offset: "100%", stopColor: "#000000", stopOpacity: "0.24" })
           ] }),
-          /* @__PURE__ */ n.jsx("filter", { id: `label-${t.id}`, x: "-40%", y: "-40%", width: "180%", height: "180%", children: /* @__PURE__ */ n.jsx("feDropShadow", { dx: "0", dy: "0.5", stdDeviation: "0.7", floodColor: "#000000", floodOpacity: "0.7" }) })
+          /* @__PURE__ */ o.jsx("filter", { id: `label-${t.id}`, x: "-40%", y: "-40%", width: "180%", height: "180%", children: /* @__PURE__ */ o.jsx("feDropShadow", { dx: "0", dy: "0.5", stdDeviation: "0.7", floodColor: "#000000", floodOpacity: "0.7" }) })
         ] }),
-        E ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-          /* @__PURE__ */ n.jsx(bt, { uid: P, style: $ }),
-          /* @__PURE__ */ n.jsx(
-            pe,
+        C ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+          /* @__PURE__ */ o.jsx(bt, { uid: W, style: g }),
+          /* @__PURE__ */ o.jsx(
+            xe,
             {
-              style: $,
-              rect: { x: 0, y: 0, width: C.width, height: C.height },
+              style: g,
+              rect: { x: 0, y: 0, width: O.width, height: O.height },
               className: ""
             }
           )
-        ] }) : /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-          /* @__PURE__ */ n.jsx("rect", { width: "100%", height: "100%", fill: `url(#bg-${t.id})` }),
-          /* @__PURE__ */ n.jsx("rect", { width: "100%", height: "100%", fill: `url(#grid-${t.id})`, opacity: "0.5" })
+        ] }) : /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+          /* @__PURE__ */ o.jsx("rect", { width: "100%", height: "100%", fill: _ ? A : `url(#bg-${t.id})` }),
+          /* @__PURE__ */ o.jsx("rect", { width: "100%", height: "100%", fill: `url(#grid-${t.id})`, opacity: "0.5" })
         ] }),
-        /* @__PURE__ */ n.jsx("g", { transform: `translate(${h.x}, ${h.y})`, children: c.map((S, y) => {
-          const o = G.filter((j) => j.tier === y), p = Y.has(y), N = u && (U === y || U === null && M === null && z === y), I = u && (U !== null || z !== null || M !== null), tt = M?.tier === y, et = I && !N && !tt, W = p ? 0 : 60, J = p ? 1 : 0, Q = N && x ? { x: 10, y: -34 } : { x: 0, y: 0 }, at = N ? 1.03 : 1, ht = k(_.width / 2, _.depth / 2, S.elevation), vt = S.offset || { x: 0, y: 0 };
-          return /* @__PURE__ */ n.jsxs(
+        /* @__PURE__ */ o.jsx("g", { transform: `translate(${f.x}, ${f.y})`, children: E.map((w, e) => {
+          const p = K.filter((v) => v.tier === e), T = q.has(e), R = y && (H === e || H === null && M === null && Y === e), Q = y && (H !== null || Y !== null || M !== null), tt = M?.tier === e, z = Q && !R && !tt, Z = T ? 0 : 60, et = T ? 1 : 0, st = R && x ? { x: 10, y: -34 } : { x: 0, y: 0 }, Ht = R ? 1.03 : 1, ht = k(d.width / 2, d.depth / 2, w.elevation), vt = w.offset || { x: 0, y: 0 };
+          return /* @__PURE__ */ o.jsxs(
             "g",
             {
-              "data-tier": y,
-              onMouseEnter: () => u && V(y),
-              onMouseLeave: () => u && V(null),
-              onClick: (j) => {
-                u && (j.stopPropagation(), D(null), H((B) => B === y ? null : y), l?.(y));
+              "data-tier": e,
+              onMouseEnter: () => y && V(e),
+              onMouseLeave: () => y && V(null),
+              onClick: (v) => {
+                y && (v.stopPropagation(), D(null), F((B) => B === e ? null : e), l?.(e));
               },
               style: {
-                transform: `translate(${vt.x + Q.x}px, ${vt.y + Q.y}px) translate(${ht.screenX}px, ${ht.screenY + W}px) scale(${at}) translate(${-ht.screenX}px, ${-ht.screenY}px)`,
+                transform: `translate(${vt.x + st.x}px, ${vt.y + st.y}px) translate(${ht.screenX}px, ${ht.screenY + Z}px) scale(${Ht}) translate(${-ht.screenX}px, ${-ht.screenY}px)`,
                 transition: "transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease-out",
-                opacity: J * (et ? 0.35 : 1),
-                filter: N ? `url(#glow-${t.id})` : "none",
-                cursor: u ? "pointer" : "default"
+                opacity: et * (z ? 0.35 : 1),
+                filter: R ? `url(#glow-${t.id})` : "none",
+                cursor: y ? "pointer" : "default"
               },
               children: [
-                E ? /* @__PURE__ */ n.jsx(
-                  yo,
+                C ? /* @__PURE__ */ o.jsx(
+                  $o,
                   {
-                    width: _.width,
-                    depth: _.depth,
-                    elevation: y === 0 ? -2 : S.elevation,
-                    ink: y === 0 ? $.ink.line : $.ink.hidden,
-                    isGround: y === 0
+                    width: d.width,
+                    depth: d.depth,
+                    elevation: e === 0 ? -2 : w.elevation,
+                    ink: e === 0 ? g.ink.line : g.ink.hidden,
+                    isGround: e === 0
                   }
-                ) : /* @__PURE__ */ n.jsx(
-                  xo,
+                ) : /* @__PURE__ */ o.jsx(
+                  mo,
                   {
-                    width: _.width,
-                    depth: _.depth,
-                    elevation: y === 0 ? -2 : S.elevation,
-                    color: S.floorColor || (d === "dark" ? "#0f172a" : "#f8fafc"),
-                    opacity: S.floorOpacity || (y === 0 ? 0.95 : 0.5),
-                    borderColor: S.borderColor,
-                    theme: d,
-                    isGround: y === 0
+                    width: d.width,
+                    depth: d.depth,
+                    elevation: e === 0 ? -2 : w.elevation,
+                    color: w.floorColor || (c === "dark" ? "#0f172a" : "#f8fafc"),
+                    opacity: w.floorOpacity || (e === 0 ? 0.95 : 0.5),
+                    borderColor: w.borderColor,
+                    theme: c,
+                    isGround: e === 0
                   }
                 ),
-                E && o.map((j, B) => {
-                  const st = S.elevation + 5, nt = k(j.x, j.y, st), q = Ct(j.width, j.depth, j.height, nt.screenX, nt.screenY), X = M?.tier === y && M?.index === B, ot = u && M !== null && !X;
-                  return /* @__PURE__ */ n.jsx(
-                    lo,
+                C && p.map((v, B) => {
+                  const at = w.elevation + 5, nt = k(v.x, v.y, at), U = Ct(v.width, v.depth, v.height, nt.screenX, nt.screenY), X = M?.tier === e && M?.index === B, ot = y && M !== null && !X;
+                  return /* @__PURE__ */ o.jsx(
+                    po,
                     {
-                      uid: P,
-                      style: $,
-                      box: q,
-                      color: j.color,
-                      tag: w.get(f.indexOf(j)),
+                      uid: W,
+                      style: g,
+                      box: U,
+                      color: v.color,
+                      tag: S.get(h.indexOf(v)),
                       selected: X,
-                      opacity: (j.opacity ?? 1) * (ot ? 0.3 : 1),
-                      onClick: u ? () => {
-                        if (H(null), D((it) => it && it.tier === y && it.index === B ? null : { tier: y, index: B }), i?.(j, { tier: y, index: B }), j.link)
+                      opacity: (v.opacity ?? 1) * (ot ? 0.3 : 1),
+                      onClick: y ? () => {
+                        if (F(null), D((it) => it && it.tier === e && it.index === B ? null : { tier: e, index: B }), i?.(v, { tier: e, index: B }), v.link)
                           try {
-                            window.open(j.link, "_blank");
+                            window.open(v.link, "_blank");
                           } catch {
                           }
                       } : void 0
@@ -1593,95 +1606,95 @@ function vo({ config: t, options: e = {}, className: s, style: a, onNodeClick: i
                     `tech-${B}`
                   );
                 }),
-                E && g && o.map((j, B) => {
-                  const st = S.elevation + 5, nt = k(j.x, j.y, st), q = Ct(j.width, j.depth, j.height, nt.screenX, nt.screenY), X = M?.tier === y && M?.index === B, ot = u && M !== null && !X;
-                  return /* @__PURE__ */ n.jsx(
-                    ho,
+                C && u && p.map((v, B) => {
+                  const at = w.elevation + 5, nt = k(v.x, v.y, at), U = Ct(v.width, v.depth, v.height, nt.screenX, nt.screenY), X = M?.tier === e && M?.index === B, ot = y && M !== null && !X;
+                  return /* @__PURE__ */ o.jsx(
+                    uo,
                     {
-                      style: $,
-                      box: q,
-                      name: j.label,
+                      style: g,
+                      box: U,
+                      name: v.label,
                       selected: X,
                       opacity: ot ? 0.3 : 1
                     },
                     `tech-label-${B}`
                   );
                 }),
-                !E && o.map((j, B) => {
-                  const st = S.elevation + 5, nt = k(j.x, j.y, st), q = rt(j.width, j.depth, j.height, nt.screenX, nt.screenY, O), X = A[j.color] || A.slate, ot = M?.tier === y && M?.index === B, it = u && M !== null && !ot, _t = k(j.x - 3, j.y - 3, S.elevation), Bt = rt(j.width + 6, j.depth + 6, 0, _t.screenX, _t.screenY, O).top;
-                  return /* @__PURE__ */ n.jsxs(
+                !C && p.map((v, B) => {
+                  const at = w.elevation + 5, nt = k(v.x, v.y, at), U = rt(v.width, v.depth, v.height, nt.screenX, nt.screenY, j), X = $[v.color] || $.slate, ot = M?.tier === e && M?.index === B, it = y && M !== null && !ot, _t = k(v.x - 3, v.y - 3, w.elevation), Ut = rt(v.width + 6, v.depth + 6, 0, _t.screenX, _t.screenY, j).top;
+                  return /* @__PURE__ */ o.jsxs(
                     "g",
                     {
-                      "data-node": `${y}-${B}`,
-                      opacity: (j.opacity ?? 1) * (it ? 0.3 : 1),
-                      onClick: u ? (Z) => {
-                        if (Z.stopPropagation(), H(null), D((K) => K && K.tier === y && K.index === B ? null : { tier: y, index: B }), i?.(j, { tier: y, index: B }), j.link)
+                      "data-node": `${e}-${B}`,
+                      opacity: (v.opacity ?? 1) * (it ? 0.3 : 1),
+                      onClick: y ? (G) => {
+                        if (G.stopPropagation(), F(null), D((J) => J && J.tier === e && J.index === B ? null : { tier: e, index: B }), i?.(v, { tier: e, index: B }), v.link)
                           try {
-                            window.open(j.link, "_blank");
+                            window.open(v.link, "_blank");
                           } catch {
                           }
                       } : void 0,
-                      style: { cursor: u ? "pointer" : "default", transition: "opacity 0.3s ease-out" },
+                      style: { cursor: y ? "pointer" : "default", transition: "opacity 0.3s ease-out" },
                       children: [
-                        /* @__PURE__ */ n.jsx("path", { d: Bt, fill: "#000000", opacity: 0.3, filter: `url(#contact-${t.id})` }),
-                        q.cornerBackRight?.map((Z, K) => /* @__PURE__ */ n.jsx(
+                        /* @__PURE__ */ o.jsx("path", { d: Ut, fill: "#000000", opacity: 0.3, filter: `url(#contact-${t.id})` }),
+                        U.cornerBackRight?.map((G, J) => /* @__PURE__ */ o.jsx(
                           "path",
                           {
-                            d: Z.path,
-                            fill: xt(X.front, X.side, Z.intensity)
+                            d: G.path,
+                            fill: yt(X.front, X.side, G.intensity)
                           },
-                          `cbr-${K}`
+                          `cbr-${J}`
                         )),
-                        q.cornerBackLeft?.map((Z, K) => /* @__PURE__ */ n.jsx(
+                        U.cornerBackLeft?.map((G, J) => /* @__PURE__ */ o.jsx(
                           "path",
                           {
-                            d: Z.path,
-                            fill: xt(X.side, X.front, Z.intensity)
+                            d: G.path,
+                            fill: yt(X.side, X.front, G.intensity)
                           },
-                          `cbl-${K}`
+                          `cbl-${J}`
                         )),
-                        /* @__PURE__ */ n.jsx("path", { d: q.left, fill: X.side }),
-                        /* @__PURE__ */ n.jsx("path", { d: q.left, fill: `url(#shade-${t.id})` }),
-                        /* @__PURE__ */ n.jsx("path", { d: q.right, fill: X.front }),
-                        /* @__PURE__ */ n.jsx("path", { d: q.right, fill: `url(#shade-${t.id})` }),
-                        q.cornerFrontRight?.map((Z, K) => /* @__PURE__ */ n.jsx(
+                        /* @__PURE__ */ o.jsx("path", { d: U.left, fill: X.side }),
+                        /* @__PURE__ */ o.jsx("path", { d: U.left, fill: `url(#${_ ? "print" : "shade"}-${t.id})` }),
+                        /* @__PURE__ */ o.jsx("path", { d: U.right, fill: X.front }),
+                        /* @__PURE__ */ o.jsx("path", { d: U.right, fill: `url(#${_ ? "print" : "shade"}-${t.id})` }),
+                        U.cornerFrontRight?.map((G, J) => /* @__PURE__ */ o.jsx(
                           "path",
                           {
-                            d: Z.path,
-                            fill: xt(X.front, X.side, Z.intensity)
+                            d: G.path,
+                            fill: yt(X.front, X.side, G.intensity)
                           },
-                          `cfr-${K}`
+                          `cfr-${J}`
                         )),
-                        q.cornerFrontLeft?.map((Z, K) => /* @__PURE__ */ n.jsx(
+                        U.cornerFrontLeft?.map((G, J) => /* @__PURE__ */ o.jsx(
                           "path",
                           {
-                            d: Z.path,
-                            fill: xt(X.front, X.side, Z.intensity)
+                            d: G.path,
+                            fill: yt(X.front, X.side, G.intensity)
                           },
-                          `cfl-${K}`
+                          `cfl-${J}`
                         )),
-                        /* @__PURE__ */ n.jsx("path", { d: q.top, fill: X.top }),
-                        /* @__PURE__ */ n.jsx("path", { d: q.top, fill: `url(#sheen-${t.id})` }),
-                        /* @__PURE__ */ n.jsx(
+                        /* @__PURE__ */ o.jsx("path", { d: U.top, fill: X.top }),
+                        /* @__PURE__ */ o.jsx("path", { d: U.top, fill: `url(#${_ ? "print" : "sheen"}-${t.id})` }),
+                        /* @__PURE__ */ o.jsx(
                           "path",
                           {
-                            d: q.top,
+                            d: U.top,
                             fill: "none",
                             stroke: ot ? "#ffffff" : "rgba(255,255,255,0.28)",
                             strokeWidth: ot ? 1.4 : 0.75,
                             strokeLinejoin: "round"
                           }
                         ),
-                        g && j.label && /* @__PURE__ */ n.jsx(
-                          uo,
+                        u && v.label && /* @__PURE__ */ o.jsx(
+                          ko,
                           {
-                            x: j.x + j.width / 2,
-                            y: j.y + j.depth / 2,
-                            z: st + j.height + 2,
-                            fontSize: j.width > 70 ? 9 : 8,
-                            color: T,
-                            shadow: `url(#label-${t.id})`,
-                            children: j.label
+                            x: v.x + v.width / 2,
+                            y: v.y + v.depth / 2,
+                            z: at + v.height + 2,
+                            fontSize: v.width > 70 ? 9 : 8,
+                            color: P,
+                            shadow: _ ? void 0 : `url(#label-${t.id})`,
+                            children: v.label
                           }
                         )
                       ]
@@ -1689,38 +1702,38 @@ function vo({ config: t, options: e = {}, className: s, style: a, onNodeClick: i
                     B
                   );
                 }),
-                g && /* @__PURE__ */ n.jsx(
+                u && /* @__PURE__ */ o.jsx(
                   "text",
                   {
-                    x: k(-25, _.depth / 2, S.elevation + 15).screenX - 35,
-                    y: k(-25, _.depth / 2, S.elevation + 15).screenY,
-                    fill: L,
+                    x: k(-25, d.depth / 2, w.elevation + 15).screenX - 35,
+                    y: k(-25, d.depth / 2, w.elevation + 15).screenY,
+                    fill: I,
                     fontSize: 9,
                     fontWeight: 500,
-                    fontFamily: Dt,
-                    opacity: E ? 0.9 : 0.6,
-                    style: { letterSpacing: "0.05em", textTransform: E ? "uppercase" : "none" },
-                    children: S.name
+                    fontFamily: Xt,
+                    opacity: C ? 0.9 : 0.6,
+                    style: { letterSpacing: "0.05em", textTransform: C ? "uppercase" : "none" },
+                    children: w.name
                   }
                 )
               ]
             },
-            y
+            e
           );
         }) }),
-        E && /* @__PURE__ */ n.jsx(
-          xe,
+        C && /* @__PURE__ */ o.jsx(
+          me,
           {
-            style: $,
-            plate: F,
-            rows: f.map((S, y) => ({
-              n: w.get(y) || y + 1,
-              name: S.label,
-              subtitle: c[S.tier]?.name,
-              color: S.color
-            })).sort((S, y) => S.n - y.n),
+            style: g,
+            plate: L,
+            rows: h.map((w, e) => ({
+              n: S.get(e) || e + 1,
+              name: w.label,
+              subtitle: E[w.tier]?.name,
+              color: w.color
+            })).sort((w, e) => w.n - e.n),
             title: t.title,
-            tally: `${String(f.length).padStart(2, "0")} CMP / ${String(c.length).padStart(2, "0")} TIER`,
+            tally: `${String(h.length).padStart(2, "0")} CMP / ${String(E.length).padStart(2, "0")} TIER`,
             className: ""
           }
         )
@@ -1728,12 +1741,12 @@ function vo({ config: t, options: e = {}, className: s, style: a, onNodeClick: i
     }
   ) });
 }
-function yo({ width: t, depth: e, elevation: s, ink: a, isGround: i }) {
-  const l = k(0, 0, s), u = rt(t, e, 0, l.screenX, l.screenY).top;
-  return /* @__PURE__ */ n.jsx(
+function $o({ width: t, depth: n, elevation: s, ink: a, isGround: i }) {
+  const l = k(0, 0, s), y = rt(t, n, 0, l.screenX, l.screenY).top;
+  return /* @__PURE__ */ o.jsx(
     "path",
     {
-      d: u,
+      d: y,
       fill: "none",
       stroke: a,
       strokeWidth: i ? 1 : 0.7,
@@ -1742,7 +1755,7 @@ function yo({ width: t, depth: e, elevation: s, ink: a, isGround: i }) {
     }
   );
 }
-const At = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', ko = {
+const At = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', go = {
   blue: { top: "#3b82f6", side: "#2563eb", front: "#1d4ed8" },
   violet: { top: "#8b5cf6", side: "#7c3aed", front: "#6d28d9" },
   cyan: { top: "#06b6d4", side: "#0891b2", front: "#0e7490" },
@@ -1750,7 +1763,7 @@ const At = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', ko =
   amber: { top: "#f59e0b", side: "#d97706", front: "#b45309" },
   rose: { top: "#f43f5e", side: "#e11d48", front: "#be123c" },
   slate: { top: "#475569", side: "#334155", front: "#1e293b" }
-}, mo = {
+}, bo = {
   blue: { top: "#93c5fd", side: "#60a5fa", front: "#3b82f6" },
   violet: { top: "#c4b5fd", side: "#a78bfa", front: "#8b5cf6" },
   cyan: { top: "#67e8f9", side: "#22d3ee", front: "#06b6d4" },
@@ -1759,77 +1772,77 @@ const At = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', ko =
   rose: { top: "#fda4af", side: "#fb7185", front: "#f43f5e" },
   slate: { top: "#e2e8f0", side: "#cbd5e1", front: "#94a3b8" }
 };
-function yt(t, e, s) {
+function xt(t, n, s) {
   const a = (x) => {
-    const d = x.replace("#", "");
+    const c = x.replace("#", "");
     return {
-      r: parseInt(d.substring(0, 2), 16),
-      g: parseInt(d.substring(2, 4), 16),
-      b: parseInt(d.substring(4, 6), 16)
+      r: parseInt(c.substring(0, 2), 16),
+      g: parseInt(c.substring(2, 4), 16),
+      b: parseInt(c.substring(4, 6), 16)
     };
-  }, i = a(t), l = a(e), u = Math.round(i.r + (l.r - i.r) * s), m = Math.round(i.g + (l.g - i.g) * s), g = Math.round(i.b + (l.b - i.b) * s);
-  return `rgb(${u},${m},${g})`;
+  }, i = a(t), l = a(n), y = Math.round(i.r + (l.r - i.r) * s), m = Math.round(i.g + (l.g - i.g) * s), u = Math.round(i.b + (l.b - i.b) * s);
+  return `rgb(${y},${m},${u})`;
 }
-function go(t) {
-  const { theme: e, canvas: s, origin: a, tiers: i, floorSize: l, nodes: u, cornerRadius: m = 0 } = t, g = e === "dark" ? ko : mo, x = e === "dark" ? "#0f172a" : "#fafafa", d = e === "dark" ? "#e2e8f0" : "#1e293b", C = e === "dark" ? "#64748b" : "#94a3b8", h = [...u].sort((_, f) => {
-    const O = i[_.tier]?.elevation || 0, $ = i[f.tier]?.elevation || 0;
-    return O !== $ ? O - $ : f.x + f.width + (f.y + f.depth) - (_.x + _.width + (_.y + _.depth));
+function vo(t) {
+  const { theme: n, canvas: s, origin: a, tiers: i, floorSize: l, nodes: y, cornerRadius: m = 0 } = t, u = t.material === "retro-print", x = u ? Rt : n === "dark" ? go : bo, c = u ? n === "dark" ? "#202624" : "#f4efe6" : n === "dark" ? "#0f172a" : "#fafafa", O = u ? "#202a29" : n === "dark" ? "#e2e8f0" : "#1e293b", f = u ? n === "dark" ? "#c5c4b7" : "#505b56" : n === "dark" ? "#64748b" : "#94a3b8", E = [...y].sort((h, j) => {
+    const g = i[h.tier]?.elevation || 0, C = i[j.tier]?.elevation || 0;
+    return g !== C ? g - C : j.x + j.width + (j.y + j.depth) - (h.x + h.width + (h.y + h.depth));
   });
-  let c = `<svg xmlns="http://www.w3.org/2000/svg" width="${s.width}" height="${s.height}" style="background:${x}">`;
-  c += `<defs>
+  let d = `<svg xmlns="http://www.w3.org/2000/svg" width="${s.width}" height="${s.height}" style="background:${c}">`;
+  d += `<defs>${u ? `<pattern id="print" width="64" height="64" patternUnits="userSpaceOnUse">${Pt.map((h) => `<circle cx="${h.x}" cy="${h.y}" r="${h.r}" fill="#26362e" opacity="0.32"/>`).join("")}</pattern>` : ""}
     <pattern id="grid" width="24" height="24" patternUnits="userSpaceOnUse">
-      <circle cx="12" cy="12" r="0.5" fill="${e === "dark" ? "#1e293b" : "#e2e8f0"}"/>
+      <circle cx="12" cy="12" r="0.5" fill="${n === "dark" ? "#1e293b" : "#e2e8f0"}"/>
     </pattern>
     <radialGradient id="bg" cx="48%" cy="34%" r="82%">
-      <stop offset="0%" stop-color="${e === "dark" ? "#16203a" : "#ffffff"}"/>
-      <stop offset="55%" stop-color="${e === "dark" ? "#0e1526" : "#f2f5f9"}"/>
-      <stop offset="100%" stop-color="${e === "dark" ? "#080d18" : "#e7ecf2"}"/>
+      <stop offset="0%" stop-color="${n === "dark" ? "#16203a" : "#ffffff"}"/>
+      <stop offset="55%" stop-color="${n === "dark" ? "#0e1526" : "#f2f5f9"}"/>
+      <stop offset="100%" stop-color="${n === "dark" ? "#080d18" : "#e7ecf2"}"/>
     </radialGradient>
     <filter id="contact" x="-60%" y="-60%" width="220%" height="220%"><feGaussianBlur stdDeviation="5"/></filter>
     <linearGradient id="sheen" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#ffffff" stop-opacity="0.18"/><stop offset="55%" stop-color="#ffffff" stop-opacity="0.04"/><stop offset="100%" stop-color="#ffffff" stop-opacity="0"/></linearGradient>
     <linearGradient id="shade" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#000000" stop-opacity="0"/><stop offset="100%" stop-color="#000000" stop-opacity="0.24"/></linearGradient>
     <filter id="labelshadow" x="-40%" y="-40%" width="180%" height="180%"><feDropShadow dx="0" dy="0.5" stdDeviation="0.7" flood-color="#000000" flood-opacity="0.7"/></filter>
-  </defs>`, c += '<rect width="100%" height="100%" fill="url(#bg)"/>', c += '<rect width="100%" height="100%" fill="url(#grid)" opacity="0.5"/>', c += `<g transform="translate(${a.x},${a.y})">`;
-  for (let _ = 0; _ < i.length; _++) {
-    const f = i[_], O = h.filter((w) => w.tier === _), $ = f.offset || { x: 0, y: 0 };
-    c += `<g transform="translate(${$.x},${$.y})">`;
-    const E = _ === 0 ? 8 : 2, P = rt(l.width, l.depth, E, 0, 0), A = k(0, 0, _ === 0 ? -2 : f.elevation), b = f.floorColor || (e === "dark" ? "#0f172a" : "#f8fafc"), T = f.floorOpacity || (_ === 0 ? 0.95 : 0.5);
-    c += `<g transform="translate(${A.screenX},${A.screenY})">`, _ === 0 && (c += `<g transform="translate(4,4)" opacity="0.2"><path d="${P.top}" fill="#000"/></g>`), c += `<path d="${P.top}" fill="${b}" opacity="${T}"/>`, _ === 0 && (c += `<path d="${P.left}" fill="${e === "dark" ? "#0f172a" : "#cbd5e1"}" opacity="0.8"/>`, c += `<path d="${P.right}" fill="${e === "dark" ? "#1e293b" : "#94a3b8"}" opacity="0.8"/>`), c += `<path d="${P.top}" fill="none" stroke="${f.borderColor || (e === "dark" ? "#475569" : "#94a3b8")}" stroke-width="${_ === 0 ? 1.5 : 0.75}" opacity="${_ === 0 ? 1 : 0.6}"/>`, c += "</g>";
-    for (const w of O) {
-      const F = f.elevation + 5, Y = k(w.x, w.y, F), R = rt(w.width, w.depth, w.height, Y.screenX, Y.screenY, m), z = g[w.color] || g.slate, V = w.opacity ?? 1;
-      c += `<g opacity="${V}">`;
-      const U = k(w.x - 3, w.y - 3, f.elevation), H = rt(w.width + 6, w.depth + 6, 0, U.screenX, U.screenY, m).top;
-      if (c += `<path d="${H}" fill="#000000" opacity="0.3" filter="url(#contact)"/>`, R.cornerBackRight)
-        for (const M of R.cornerBackRight)
-          c += `<path d="${M.path}" fill="${yt(z.front, z.side, M.intensity)}"/>`;
-      if (R.cornerBackLeft)
-        for (const M of R.cornerBackLeft)
-          c += `<path d="${M.path}" fill="${yt(z.side, z.front, M.intensity)}"/>`;
-      if (c += `<path d="${R.left}" fill="${z.side}"/>`, c += `<path d="${R.left}" fill="url(#shade)"/>`, c += `<path d="${R.right}" fill="${z.front}"/>`, c += `<path d="${R.right}" fill="url(#shade)"/>`, R.cornerFrontRight)
-        for (const M of R.cornerFrontRight)
-          c += `<path d="${M.path}" fill="${yt(z.front, z.side, M.intensity)}"/>`;
-      if (R.cornerFrontLeft)
-        for (const M of R.cornerFrontLeft)
-          c += `<path d="${M.path}" fill="${yt(z.front, z.side, M.intensity)}"/>`;
-      if (c += `<path d="${R.top}" fill="${z.top}"/>`, c += `<path d="${R.top}" fill="url(#sheen)"/>`, c += `<path d="${R.top}" fill="none" stroke="rgba(255,255,255,0.28)" stroke-width="0.75" stroke-linejoin="round"/>`, w.label) {
-        const M = k(w.x + w.width / 2, w.y + w.depth / 2, F + w.height + 2), D = w.width > 70 ? 9 : 8;
-        c += `<g transform="translate(${M.screenX},${M.screenY})" filter="url(#labelshadow)">`, c += '<g transform="matrix(0.866,-0.5,0.866,0.5,0,0)">', c += `<text x="0" y="0" text-anchor="middle" fill="${d}" font-size="${D}" font-weight="600" font-family='${At}' style="text-transform:uppercase;letter-spacing:0.06em">${w.label}</text>`, c += "</g></g>";
+  </defs>`, d += `<rect width="100%" height="100%" fill="${u ? c : "url(#bg)"}"/>`, d += '<rect width="100%" height="100%" fill="url(#grid)" opacity="0.5"/>', d += `<g transform="translate(${a.x},${a.y})">`;
+  for (let h = 0; h < i.length; h++) {
+    const j = i[h], g = E.filter((S) => S.tier === h), C = j.offset || { x: 0, y: 0 };
+    d += `<g transform="translate(${C.x},${C.y})">`;
+    const W = h === 0 ? 8 : 2, _ = rt(l.width, l.depth, W, 0, 0), $ = k(0, 0, h === 0 ? -2 : j.elevation), A = j.floorColor || (n === "dark" ? "#0f172a" : "#f8fafc"), P = j.floorOpacity || (h === 0 ? 0.95 : 0.5);
+    d += `<g transform="translate(${$.screenX},${$.screenY})">`, h === 0 && (d += `<g transform="translate(4,4)" opacity="0.2"><path d="${_.top}" fill="#000"/></g>`), d += `<path d="${_.top}" fill="${A}" opacity="${P}"/>`, h === 0 && (d += `<path d="${_.left}" fill="${n === "dark" ? "#0f172a" : "#cbd5e1"}" opacity="0.8"/>`, d += `<path d="${_.right}" fill="${n === "dark" ? "#1e293b" : "#94a3b8"}" opacity="0.8"/>`), d += `<path d="${_.top}" fill="none" stroke="${j.borderColor || (n === "dark" ? "#475569" : "#94a3b8")}" stroke-width="${h === 0 ? 1.5 : 0.75}" opacity="${h === 0 ? 1 : 0.6}"/>`, d += "</g>";
+    for (const S of g) {
+      const L = j.elevation + 5, q = k(S.x, S.y, L), N = rt(S.width, S.depth, S.height, q.screenX, q.screenY, m), Y = x[S.color] || x.slate, V = S.opacity ?? 1;
+      d += `<g opacity="${V}">`;
+      const H = k(S.x - 3, S.y - 3, j.elevation), F = rt(S.width + 6, S.depth + 6, 0, H.screenX, H.screenY, m).top;
+      if (d += `<path d="${F}" fill="#000000" opacity="0.3" filter="url(#contact)"/>`, N.cornerBackRight)
+        for (const M of N.cornerBackRight)
+          d += `<path d="${M.path}" fill="${xt(Y.front, Y.side, M.intensity)}"/>`;
+      if (N.cornerBackLeft)
+        for (const M of N.cornerBackLeft)
+          d += `<path d="${M.path}" fill="${xt(Y.side, Y.front, M.intensity)}"/>`;
+      if (d += `<path d="${N.left}" fill="${Y.side}"/>`, d += `<path d="${N.left}" fill="url(#${u ? "print" : "shade"})"/>`, d += `<path d="${N.right}" fill="${Y.front}"/>`, d += `<path d="${N.right}" fill="url(#${u ? "print" : "shade"})"/>`, N.cornerFrontRight)
+        for (const M of N.cornerFrontRight)
+          d += `<path d="${M.path}" fill="${xt(Y.front, Y.side, M.intensity)}"/>`;
+      if (N.cornerFrontLeft)
+        for (const M of N.cornerFrontLeft)
+          d += `<path d="${M.path}" fill="${xt(Y.front, Y.side, M.intensity)}"/>`;
+      if (d += `<path d="${N.top}" fill="${Y.top}"/>`, d += `<path d="${N.top}" fill="url(#${u ? "print" : "sheen"})"/>`, d += `<path d="${N.top}" fill="none" stroke="rgba(255,255,255,0.28)" stroke-width="0.75" stroke-linejoin="round"/>`, S.label) {
+        const M = k(S.x + S.width / 2, S.y + S.depth / 2, L + S.height + 2), D = S.width > 70 ? 9 : 8;
+        d += `<g transform="translate(${M.screenX},${M.screenY})" filter="${u ? "none" : "url(#labelshadow)"}">`, d += '<g transform="matrix(0.866,-0.5,0.866,0.5,0,0)">', d += `<text x="0" y="0" text-anchor="middle" fill="${O}" font-size="${D}" font-weight="600" font-family='${At}' style="text-transform:uppercase;letter-spacing:0.06em">${S.label}</text>`, d += "</g></g>";
       }
-      c += "</g>";
+      d += "</g>";
     }
-    const L = k(-25, l.depth / 2, f.elevation + 15);
-    c += `<text x="${L.screenX - 35}" y="${L.screenY}" fill="${C}" font-size="9" font-weight="500" font-family='${At}' opacity="0.6" style="letter-spacing:0.05em">${f.name}</text>`, c += "</g>";
+    const I = k(-25, l.depth / 2, j.elevation + 15);
+    d += `<text x="${I.screenX - 35}" y="${I.screenY}" fill="${f}" font-size="9" font-weight="500" font-family='${At}' opacity="0.6" style="letter-spacing:0.05em">${j.name}</text>`, d += "</g>";
   }
-  return c += "</g></svg>", c;
+  return d += "</g></svg>", d;
 }
-function _o(t, e) {
-  t.innerHTML = go(e);
+function wo(t, n) {
+  t.innerHTML = vo(n);
 }
 export {
-  vo as ArcDiagram,
-  bo as getColorShading,
+  Mo as ArcDiagram,
+  jo as getColorShading,
   rt as isoBox,
   k as isoToScreen,
-  _o as renderToElement,
-  go as renderToString
+  wo as renderToElement,
+  vo as renderToString
 };