@arach/arc-iso 0.7.0 → 0.9.1

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

@@ -1,86 +1,92 @@
-import Nt, { useId as yt, useMemo as It, useState as dt, useEffect as Ft } from "react";
-const Ct = 30 * (Math.PI / 180), Dt = Math.cos(Ct), Bt = Math.sin(Ct);
-function y(t, r, a = 0) {
+import 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 - r) * Dt,
-    screenY: -(t + r) * Bt - a
+    screenX: (t - n) * Zt,
+    screenY: -(t + n) * Jt - s
     // Negated so +X,+Y go UP on screen
   };
 }
-function rt(t, r, a, i = 0, s = 0, f = 0) {
-  const x = {
+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, n, s, a = 0, i = 0, l = 0) {
+  const y = {
     // Bottom face
-    frontBottom: y(t, 0, 0),
-    rightBottom: y(t, r, 0),
-    backBottom: y(0, r, 0),
-    leftBottom: y(0, 0, 0),
+    frontBottom: k(t, 0, 0),
+    rightBottom: k(t, n, 0),
+    backBottom: k(0, n, 0),
+    leftBottom: k(0, 0, 0),
     // Top face
-    frontTop: y(t, 0, a),
-    rightTop: y(t, r, a),
-    backTop: y(0, r, a),
-    leftTop: y(0, 0, a)
-  }, b = ($) => ({
-    x: $.screenX + i,
-    y: $.screenY + s
-  }), k = Object.fromEntries(
-    Object.entries(x).map(([$, w]) => [$, b(w)])
-  ), u = ($, w, A, E) => {
-    if (E <= 0) {
-      const H = y(0, 0, A), z = y($, 0, A), v = y($, w, A), D = y(0, w, A);
-      return `M ${H.screenX + i},${H.screenY + s} L ${z.screenX + i},${z.screenY + s} L ${v.screenX + i},${v.screenY + s} L ${D.screenX + i},${D.screenY + s} Z`;
+    frontTop: k(t, 0, s),
+    rightTop: k(t, n, s),
+    backTop: k(0, n, s),
+    leftTop: k(0, 0, s)
+  }, 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($, w) / 2, Y = Math.min(E, F), P = 8, L = [], J = (H, z, v, D) => {
-      for (let G = 0; G <= P; G++) {
-        const T = v + (D - v) * (G / P), p = H + Y * Math.cos(T), n = z + Y * Math.sin(T), h = y(p, n, A);
-        L.push(`${h.screenX + i},${h.screenY + s}`);
+    const 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 J(Y, Y, Math.PI, Math.PI * 1.5), J($ - Y, Y, Math.PI * 1.5, Math.PI * 2), J($ - Y, w - Y, 0, Math.PI * 0.5), J(Y, w - Y, Math.PI * 0.5, Math.PI), `M ${L[0]} L ${L.slice(1).join(" L ")} Z`;
-  }, l = ($) => `M ${$.map((w) => `${w.x},${w.y}`).join(" L ")} Z`, O = ($, w, A, E, F, Y) => {
-    const L = [];
-    for (let v = 0; v < 6; v++) {
-      const D = F + (Y - F) * (v / 6), G = F + (Y - F) * ((v + 1) / 6), T = (D + G) / 2, p = Math.cos(T), n = Math.sin(T), _ = p * -0.577 + n * -0.577 + 0 * 0.577, Q = 0.3 + Math.max(0, _ + 0.4) * 0.5, tt = y($ + A * Math.cos(D), w + A * Math.sin(D), 0), W = y($ + A * Math.cos(G), w + A * Math.sin(G), 0), q = y($ + A * Math.cos(D), w + A * Math.sin(D), E), K = y($ + A * Math.cos(G), w + A * Math.sin(G), E), st = `M ${tt.screenX + i},${tt.screenY + s} L ${W.screenX + i},${W.screenY + s} L ${K.screenX + i},${K.screenY + s} L ${q.screenX + i},${q.screenY + s} Z`;
-      L.push({ path: st, intensity: Q });
+    return 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 L;
-  }, d = Math.min(f, Math.min(t, r) / 2), c = u(t, r, a, d);
-  let S, m, M, g, C, N;
-  if (d > 0) {
+    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: y(0, d, 0).screenX + i, y: y(0, d, 0).screenY + s },
-      { x: y(0, r - d, 0).screenX + i, y: y(0, r - d, 0).screenY + s },
-      { x: y(0, r - d, a).screenX + i, y: y(0, r - d, a).screenY + s },
-      { x: y(0, d, a).screenX + i, y: y(0, d, a).screenY + s }
+      { 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 }
     ];
-    S = l($);
-    const w = [
-      { x: y(d, 0, 0).screenX + i, y: y(d, 0, 0).screenY + s },
-      { x: y(t - d, 0, 0).screenX + i, y: y(t - d, 0, 0).screenY + s },
-      { x: y(t - d, 0, a).screenX + i, y: y(t - d, 0, a).screenY + s },
-      { x: y(d, 0, a).screenX + i, y: y(d, 0, a).screenY + s }
+    d = 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 }
     ];
-    m = l(w), M = O(d, d, d, a, Math.PI, Math.PI * 1.5), g = O(t - d, d, d, a, Math.PI * 1.5, Math.PI * 2), C = O(d, r - d, d, a, Math.PI * 0.5, Math.PI), N = O(t - d, r - d, d, a, 0, Math.PI * 0.5);
+    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 $ = [k.leftBottom, k.backBottom, k.backTop, k.leftTop], w = [k.leftBottom, k.frontBottom, k.frontTop, k.leftTop];
-    S = l($), m = l(w), M = [], g = [], C = [], N = [];
+    const $ = [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 R = `M ${k.leftBottom.x},${k.leftBottom.y} L ${k.frontBottom.x},${k.frontBottom.y} L ${k.rightBottom.x},${k.rightBottom.y} L ${k.backBottom.x},${k.backBottom.y} Z`;
+  const _ = `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: S,
-    right: m,
-    cornerFrontLeft: M,
+    top: E,
+    left: d,
+    right: h,
+    cornerFrontLeft: j,
     cornerFrontRight: g,
     cornerBackLeft: C,
-    cornerBackRight: N,
-    outline: R
+    cornerBackRight: W,
+    outline: _
   };
 }
-function Xt(t, r = 60, a = 50) {
+function Qt(t, n = 60, s = 50) {
   return {
-    top: `hsl(${t}, ${r}%, ${Math.min(a + 15, 95)}%)`,
-    right: `hsl(${t}, ${r}%, ${a}%)`,
-    left: `hsl(${t}, ${r}%, ${Math.max(a - 15, 15)}%)`
+    top: `hsl(${t}, ${n}%, ${Math.min(s + 15, 95)}%)`,
+    right: `hsl(${t}, ${n}%, ${s}%)`,
+    left: `hsl(${t}, ${n}%, ${Math.max(s - 15, 15)}%)`
   };
 }
 const jt = {
@@ -93,271 +99,283 @@ const jt = {
   slate: { hue: 220, saturation: 15, lightness: 50 },
   zinc: { hue: 240, saturation: 5, lightness: 50 }
 };
-function ge(t) {
-  const r = jt[t] || jt.slate;
-  return Xt(r.hue, r.saturation, r.lightness);
+function jo(t) {
+  const n = jt[t] || jt.slate;
+  return Qt(n.hue, n.saturation, n.lightness);
 }
-var ht = { exports: {} }, it = {};
-var St;
-function zt() {
-  if (St) return it;
-  St = 1;
-  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), r = /* @__PURE__ */ Symbol.for("react.fragment");
-  function a(i, s, f) {
-    var x = null;
-    if (f !== void 0 && (x = "" + f), s.key !== void 0 && (x = "" + s.key), "key" in s) {
-      f = {};
-      for (var b in s)
-        b !== "key" && (f[b] = s[b]);
-    } else f = s;
-    return s = f.ref, {
+var pt = { exports: {} }, ct = {};
+var Mt;
+function te() {
+  if (Mt) return ct;
+  Mt = 1;
+  var t = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
+  function s(a, i, l) {
+    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]);
+    } else l = i;
+    return i = l.ref, {
       $$typeof: t,
-      type: i,
-      key: x,
-      ref: s !== void 0 ? s : null,
-      props: f
+      type: a,
+      key: y,
+      ref: i !== void 0 ? i : null,
+      props: l
     };
   }
-  return it.Fragment = r, it.jsx = a, it.jsxs = a, it;
+  return ct.Fragment = n, ct.jsx = s, ct.jsxs = s, ct;
 }
-var ct = {};
-var vt;
-function Ut() {
-  return vt || (vt = 1, process.env.NODE_ENV !== "production" && (function() {
-    function t(n) {
-      if (n == null) return null;
-      if (typeof n == "function")
-        return n.$$typeof === P ? null : n.displayName || n.name || null;
-      if (typeof n == "string") return n;
-      switch (n) {
-        case M:
+var lt = {};
+var wt;
+function ee() {
+  return wt || (wt = 1, process.env.NODE_ENV !== "production" && (function() {
+    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 C:
           return "Profiler";
         case g:
           return "StrictMode";
-        case w:
-          return "Suspense";
         case A:
+          return "Suspense";
+        case P:
           return "SuspenseList";
-        case Y:
+        case L:
           return "Activity";
       }
-      if (typeof n == "object")
-        switch (typeof n.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."
-        ), n.$$typeof) {
-          case m:
+        ), e.$$typeof) {
+          case h:
             return "Portal";
-          case R:
-            return n.displayName || "Context";
-          case N:
-            return (n._context.displayName || "Context") + ".Consumer";
+          case _:
+            return e.displayName || "Context";
+          case W:
+            return (e._context.displayName || "Context") + ".Consumer";
           case $:
-            var h = n.render;
-            return n = n.displayName, n || (n = h.displayName || h.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
-          case E:
-            return h = n.displayName || null, h !== null ? h : t(n.type) || "Memo";
-          case F:
-            h = n._payload, n = n._init;
+            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(n(h));
+              return t(e(p));
             } catch {
             }
         }
       return null;
     }
-    function r(n) {
-      return "" + n;
+    function n(e) {
+      return "" + e;
     }
-    function a(n) {
+    function s(e) {
       try {
-        r(n);
-        var h = !1;
+        n(e);
+        var p = !1;
       } catch {
-        h = !0;
+        p = !0;
       }
-      if (h) {
-        h = console;
-        var _ = h.error, I = typeof Symbol == "function" && Symbol.toStringTag && n[Symbol.toStringTag] || n.constructor.name || "Object";
-        return _.call(
-          h,
+      if (p) {
+        p = console;
+        var 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
-        ), r(n);
+          R
+        ), n(e);
       }
     }
-    function i(n) {
-      if (n === M) return "<>";
-      if (typeof n == "object" && n !== null && n.$$typeof === F)
+    function a(e) {
+      if (e === j) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === S)
         return "<...>";
       try {
-        var h = t(n);
-        return h ? "<" + h + ">" : "<...>";
+        var p = t(e);
+        return p ? "<" + p + ">" : "<...>";
       } catch {
         return "<...>";
       }
     }
-    function s() {
-      var n = L.A;
-      return n === null ? null : n.getOwner();
+    function i() {
+      var e = N.A;
+      return e === null ? null : e.getOwner();
     }
-    function f() {
+    function l() {
       return Error("react-stack-top-frame");
     }
-    function x(n) {
-      if (J.call(n, "key")) {
-        var h = Object.getOwnPropertyDescriptor(n, "key").get;
-        if (h && h.isReactWarning) return !1;
+    function y(e) {
+      if (Y.call(e, "key")) {
+        var p = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (p && p.isReactWarning) return !1;
       }
-      return n.key !== void 0;
+      return e.key !== void 0;
     }
-    function b(n, h) {
-      function _() {
-        v || (v = !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)",
-          h
+          p
         ));
       }
-      _.isReactWarning = !0, Object.defineProperty(n, "key", {
-        get: _,
+      T.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: T,
         configurable: !0
       });
     }
-    function k() {
-      var n = t(this.type);
-      return D[n] || (D[n] = !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."
-      )), n = this.props.ref, n !== void 0 ? n : null;
+      )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function u(n, h, _, I, Q, tt) {
-      var W = _.ref;
-      return n = {
-        $$typeof: S,
-        type: n,
-        key: h,
-        props: _,
-        _owner: I
-      }, (W !== void 0 ? W : null) !== null ? Object.defineProperty(n, "ref", {
+    function x(e, p, T, R, Q, tt) {
+      var z = T.ref;
+      return e = {
+        $$typeof: d,
+        type: e,
+        key: p,
+        props: T,
+        _owner: R
+      }, (z !== void 0 ? z : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: k
-      }) : Object.defineProperty(n, "ref", { enumerable: !1, value: null }), n._store = {}, Object.defineProperty(n._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(n, "_debugInfo", {
+      }), Object.defineProperty(e, "_debugInfo", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: null
-      }), Object.defineProperty(n, "_debugStack", {
+      }), Object.defineProperty(e, "_debugStack", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: Q
-      }), Object.defineProperty(n, "_debugTask", {
+      }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: tt
-      }), Object.freeze && (Object.freeze(n.props), Object.freeze(n)), n;
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function l(n, h, _, I, Q, tt) {
-      var W = h.children;
-      if (W !== void 0)
-        if (I)
-          if (H(W)) {
-            for (I = 0; I < W.length; I++)
-              O(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 O(W);
-      if (J.call(h, "key")) {
-        W = t(n);
-        var q = Object.keys(h).filter(function(st) {
+        else O(z);
+      if (Y.call(p, "key")) {
+        z = t(e);
+        var Z = Object.keys(p).filter(function(st) {
           return st !== "key";
         });
-        I = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", p[W + I] || (q = 0 < q.length ? "{" + q.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,
-          q,
-          W
-        ), p[W + I] = !0);
+          R,
+          z,
+          Z,
+          z
+        ), w[z + R] = !0);
       }
-      if (W = null, _ !== void 0 && (a(_), W = "" + _), x(h) && (a(h.key), W = "" + h.key), "key" in h) {
-        _ = {};
-        for (var K in h)
-          K !== "key" && (_[K] = h[K]);
-      } else _ = h;
-      return W && b(
-        _,
-        typeof n == "function" ? n.displayName || n.name || "Unknown" : n
-      ), u(
-        n,
-        W,
-        _,
-        s(),
+      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(
+        e,
+        z,
+        T,
+        i(),
         Q,
         tt
       );
     }
-    function O(n) {
-      d(n) ? n._store && (n._store.validated = 1) : typeof n == "object" && n !== null && n.$$typeof === F && (n._payload.status === "fulfilled" ? d(n._payload.value) && n._payload.value._store && (n._payload.value._store.validated = 1) : n._store && (n._store.validated = 1));
+    function 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 d(n) {
-      return typeof n == "object" && n !== null && n.$$typeof === S;
+    function f(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === d;
     }
-    var c = Nt, S = /* @__PURE__ */ Symbol.for("react.transitional.element"), m = /* @__PURE__ */ Symbol.for("react.portal"), M = /* @__PURE__ */ Symbol.for("react.fragment"), g = /* @__PURE__ */ Symbol.for("react.strict_mode"), C = /* @__PURE__ */ Symbol.for("react.profiler"), N = /* @__PURE__ */ Symbol.for("react.consumer"), R = /* @__PURE__ */ Symbol.for("react.context"), $ = /* @__PURE__ */ Symbol.for("react.forward_ref"), w = /* @__PURE__ */ Symbol.for("react.suspense"), A = /* @__PURE__ */ Symbol.for("react.suspense_list"), E = /* @__PURE__ */ Symbol.for("react.memo"), F = /* @__PURE__ */ Symbol.for("react.lazy"), Y = /* @__PURE__ */ Symbol.for("react.activity"), P = /* @__PURE__ */ Symbol.for("react.client.reference"), L = c.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, H = Array.isArray, z = console.createTask ? console.createTask : function() {
+    var 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(n) {
-        return n();
+    E = {
+      react_stack_bottom_frame: function(e) {
+        return e();
       }
     };
-    var v, D = {}, G = c.react_stack_bottom_frame.bind(
-      c,
-      f
-    )(), T = z(i(f)), p = {};
-    ct.Fragment = M, ct.jsx = function(n, h, _) {
-      var I = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return l(
-        n,
-        h,
-        _,
+    var F, M = {}, D = E.react_stack_bottom_frame.bind(
+      E,
+      l
+    )(), K = H(a(l)), w = {};
+    lt.Fragment = j, lt.jsx = function(e, p, T) {
+      var R = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return c(
+        e,
+        p,
+        T,
         !1,
-        I ? Error("react-stack-top-frame") : G,
-        I ? z(i(n)) : T
+        R ? Error("react-stack-top-frame") : D,
+        R ? H(a(e)) : K
       );
-    }, ct.jsxs = function(n, h, _) {
-      var I = 1e4 > L.recentlyCreatedOwnerStacks++;
-      return l(
-        n,
-        h,
-        _,
+    }, lt.jsxs = function(e, p, T) {
+      var R = 1e4 > N.recentlyCreatedOwnerStacks++;
+      return c(
+        e,
+        p,
+        T,
         !0,
-        I ? Error("react-stack-top-frame") : G,
-        I ? z(i(n)) : T
+        R ? Error("react-stack-top-frame") : D,
+        R ? H(a(e)) : K
       );
     };
-  })()), ct;
+  })()), lt;
 }
-var Et;
-function Ht() {
-  return Et || (Et = 1, process.env.NODE_ENV === "production" ? ht.exports = zt() : ht.exports = Ut()), ht.exports;
+var St;
+function ne() {
+  return St || (St = 1, process.env.NODE_ENV === "production" ? pt.exports = te() : pt.exports = ee()), pt.exports;
 }
-var e = Ht();
-const Gt = ["solid", "blueprint", "cyanotype"], kt = '"JetBrains Mono", "IBM Plex Mono", "SF Mono", ui-monospace, Menlo, Consolas, monospace', Jt = 0.78, o = (t) => Math.round(t * Jt * 10) / 10, _t = {
+var 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",
@@ -373,9 +391,9 @@ const Gt = ["solid", "blueprint", "cyanotype"], kt = '"JetBrains Mono", "IBM Ple
   },
   face: { top: "transparent", right: "transparent", left: "transparent" },
   hatchOpacity: { top: 0, right: 0, left: 0 },
-  font: kt,
+  font: gt,
   strokeWidth: 0.5
-}, Zt = {
+}, se = {
   id: "blueprint",
   name: "Blueprint",
   description: "Sepia engineering plate on parchment",
@@ -390,10 +408,10 @@ const Gt = ["solid", "blueprint", "cyanotype"], kt = '"JetBrains Mono", "IBM Ple
     accent: "#a8412a"
   },
   face: { top: "#f4ebd7", right: "#e6dabb", left: "#d6c6a2" },
-  hatchOpacity: { top: 0.3, right: 0.55, left: 0.85 },
-  font: kt,
+  hatchOpacity: { top: 0.48, right: 0.68, left: 0.92 },
+  font: gt,
   strokeWidth: 1
-}, qt = {
+}, ae = {
   id: "cyanotype",
   name: "Cyanotype",
   description: "White linework on classic blueprint blue",
@@ -408,19 +426,19 @@ const Gt = ["solid", "blueprint", "cyanotype"], kt = '"JetBrains Mono", "IBM Ple
     accent: "#ffc857"
   },
   face: { top: "#1b4675", right: "#153a61", left: "#0f2b49" },
-  hatchOpacity: { top: 0.28, right: 0.5, left: 0.78 },
-  font: kt,
+  hatchOpacity: { top: 0.46, right: 0.64, left: 0.88 },
+  font: gt,
   strokeWidth: 1
-}, Rt = { solid: _t, blueprint: Zt, cyanotype: qt };
-function Vt(t) {
-  return Rt[t] || _t;
+}, zt = { solid: Lt, blueprint: se, cyanotype: ae };
+function ie(t) {
+  return zt[t] || Lt;
 }
-const Kt = Gt.filter((t) => Rt[t].technical);
-Kt[0];
-const Qt = {
+const ce = oe.filter((t) => zt[t].technical);
+ce[0];
+const le = {
   violet: "cross",
   blue: "lines",
-  sky: "lines",
+  sky: "dashes",
   cyan: "dashes",
   emerald: "dots",
   amber: "dense",
@@ -429,10 +447,10 @@ const Qt = {
   zinc: "plain",
   slate: "plain"
 };
-function Mt(t) {
-  return Qt[t || "zinc"] || "lines";
+function Yt(t) {
+  return le[t || "zinc"] || "lines";
 }
-const te = {
+const de = {
   plain: "PLAIN",
   lines: "HATCH-A",
   cross: "HATCH-X",
@@ -440,211 +458,211 @@ const te = {
   dots: "STIPPLE",
   dashes: "BROKEN"
 };
-function Tt(t, r, a, i = 0, s = 0) {
-  const f = (g, C, N) => {
-    const R = y(g, C, N);
-    return { x: R.screenX + i, y: R.screenY + s };
-  }, x = f(0, 0, 0), b = f(t, 0, 0), k = f(t, r, 0), u = f(0, r, 0), l = f(0, 0, a), O = f(t, 0, a), d = f(t, r, a), c = f(0, r, a), S = (g) => `M ${g.map((C) => `${C.x},${C.y}`).join(" L ")} Z`, m = (g, C) => `M ${g.x},${g.y} L ${C.x},${C.y}`, M = [x, b, k, u, l, O, d, c];
+function Ct(t, 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: S([l, O, d, c]),
-    right: S([x, b, O, l]),
-    left: S([x, u, c, l]),
+    top: d([c, O, f, E]),
+    right: d([y, m, O, c]),
+    left: d([y, x, E, c]),
     visible: [
       // silhouette
-      S([x, b, O, d, c, u]),
+      d([y, m, O, f, E, x]),
       // interior creases radiating from the near top corner
-      m(l, O),
-      m(l, c),
-      m(l, x)
+      h(c, O),
+      h(c, E),
+      h(c, y)
     ].join(" "),
-    hidden: [m(k, b), m(k, u), m(k, d)].join(" "),
-    topCenter: { x: (l.x + d.x) / 2, y: (l.y + d.y) / 2 },
-    topApex: { x: d.x, y: d.y },
-    minX: Math.min(...M.map((g) => g.x)),
-    minY: Math.min(...M.map((g) => g.y)),
-    maxX: Math.max(...M.map((g) => g.x)),
-    maxY: Math.max(...M.map((g) => g.y))
+    hidden: [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 mt(t) {
+function kt(t) {
   return String(t).padStart(2, "0");
 }
-const ee = {
+const he = {
   top: ["n30", "p30"],
   right: ["n30", "v"],
   left: ["p30", "v"]
-}, ne = { n30: -30, p30: 30, v: 90 }, re = [
+}, 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" }
-], lt = 22;
-function Pt(t, r, a) {
-  const [i, s] = ee[a];
-  switch (r) {
+], dt = 22;
+function Wt(t, n, s) {
+  const [a, i] = he[s];
+  switch (n) {
     case "plain":
       return [];
     case "lines":
-      return [`${t}-line-${i}`];
+      return [`${t}-line-${a}`];
     case "cross":
-      return [`${t}-line-${i}`, `${t}-line-${s}`];
+      return [`${t}-line-${a}`, `${t}-line-${i}`];
     case "dense":
-      return [`${t}-dense-${i}`];
+      return [`${t}-dense-${a}`];
     case "dashes":
-      return [`${t}-dash-${i}`];
+      return [`${t}-dash-${a}`];
     case "dots":
       return [`${t}-dot`];
     default:
-      return [`${t}-line-${i}`];
+      return [`${t}-line-${a}`];
   }
 }
-const At = (t) => `${t}-paper`, Lt = (t) => `${t}-grain`, oe = (t, r = "line") => `${t}-arrow-${r}`, se = (t) => [`${t}-grid-n30`, `${t}-grid-p30`];
+const 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: r,
+  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: a = ""
+  gridTransform: s = ""
 }) {
-  return /* @__PURE__ */ e.jsxs("defs", { children: [
-    re.flatMap(
-      (i) => Object.entries(ne).map(([s, f]) => /* @__PURE__ */ e.jsx(
+  return /* @__PURE__ */ o.jsxs("defs", { children: [
+    pe.flatMap(
+      (a) => Object.entries(fe).map(([i, l]) => /* @__PURE__ */ o.jsx(
         "pattern",
         {
-          id: `${t}-${i.key}-${s}`,
-          width: i.spacing,
-          height: i.spacing,
+          id: `${t}-${a.key}-${i}`,
+          width: a.spacing,
+          height: a.spacing,
           patternUnits: "userSpaceOnUse",
-          patternTransform: `rotate(${f})`,
-          children: /* @__PURE__ */ e.jsx(
+          patternTransform: `rotate(${l})`,
+          children: /* @__PURE__ */ o.jsx(
             "line",
             {
               x1: -1,
-              y1: i.spacing / 2,
-              x2: i.spacing + 1,
-              y2: i.spacing / 2,
-              stroke: r.ink.hatch,
-              strokeWidth: i.strokeWidth,
-              strokeDasharray: i.dash
+              y1: a.spacing / 2,
+              x2: a.spacing + 1,
+              y2: a.spacing / 2,
+              stroke: n.ink.hatch,
+              strokeWidth: a.strokeWidth,
+              strokeDasharray: a.dash
             }
           )
         },
-        `${i.key}-${s}`
+        `${a.key}-${i}`
       ))
     ),
-    /* @__PURE__ */ e.jsx("pattern", { id: `${t}-dot`, width: 4.5, height: 4.5, patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ e.jsx("circle", { cx: 2.25, cy: 2.25, r: 0.55, fill: r.ink.hatch }) }),
+    /* @__PURE__ */ 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: i, angle: s }) => /* @__PURE__ */ e.jsx(
+    ].map(({ id: a, angle: i }) => /* @__PURE__ */ o.jsx(
       "pattern",
       {
-        id: i,
-        width: lt,
-        height: lt,
+        id: a,
+        width: dt,
+        height: dt,
         patternUnits: "userSpaceOnUse",
-        patternTransform: `${a} rotate(${s})`.trim(),
-        children: /* @__PURE__ */ e.jsx(
+        patternTransform: `${s} rotate(${i})`.trim(),
+        children: /* @__PURE__ */ o.jsx(
           "line",
           {
             x1: -1,
-            y1: lt / 2,
-            x2: lt + 1,
-            y2: lt / 2,
-            stroke: r.paper.grid,
+            y1: dt / 2,
+            x2: dt + 1,
+            y2: dt / 2,
+            stroke: n.paper.grid,
             strokeWidth: 0.5
           }
         )
       },
-      i
+      a
     )),
-    /* @__PURE__ */ e.jsxs("linearGradient", { id: At(t), x1: "0", y1: "0", x2: "0.35", y2: "1", children: [
-      /* @__PURE__ */ e.jsx("stop", { offset: "0%", stopColor: r.paper.from }),
-      /* @__PURE__ */ e.jsx("stop", { offset: "100%", stopColor: r.paper.to })
+    /* @__PURE__ */ 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__ */ e.jsxs("filter", { id: Lt(t), x: "0%", y: "0%", width: "100%", height: "100%", children: [
-      /* @__PURE__ */ e.jsx("feTurbulence", { type: "fractalNoise", baseFrequency: "0.85", numOctaves: 3, stitchTiles: "stitch" }),
-      /* @__PURE__ */ e.jsx("feColorMatrix", { type: "saturate", values: "0" })
+    /* @__PURE__ */ 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((i) => /* @__PURE__ */ e.jsx(
+    ["line", "accent"].map((a) => /* @__PURE__ */ o.jsx(
       "marker",
       {
-        id: oe(t, i),
+        id: ue(t, a),
         markerWidth: "10",
         markerHeight: "10",
         refX: "8",
         refY: "4",
         orient: "auto",
         markerUnits: "userSpaceOnUse",
-        children: /* @__PURE__ */ e.jsx(
+        children: /* @__PURE__ */ o.jsx(
           "path",
           {
             d: "M 1 1 L 8 4 L 1 7",
             fill: "none",
-            stroke: i === "accent" ? r.ink.accent : r.ink.line,
+            stroke: a === "accent" ? n.ink.accent : n.ink.line,
             strokeWidth: 1,
             strokeLinecap: "round",
             strokeLinejoin: "round"
           }
         )
       },
-      i
+      a
     ))
   ] });
 }
-function ae({
+function xe({
   style: t,
-  rect: r,
-  pan: a,
-  zoom: i = 1,
-  className: s = "absolute inset-0 w-full h-full pointer-events-none"
+  rect: n,
+  pan: s,
+  zoom: a = 1,
+  className: i = "absolute inset-0 w-full h-full pointer-events-none"
 }) {
-  const f = yt().replace(/:/g, ""), x = a ? `translate(${a.x} ${a.y}) scale(${i})` : i !== 1 ? `scale(${i})` : "", b = r ? { x: r.x, y: r.y, width: r.width, height: r.height } : { x: 0, y: 0, width: "100%", height: "100%" };
-  return /* @__PURE__ */ e.jsxs("svg", { className: s, "aria-hidden": "true", children: [
-    /* @__PURE__ */ e.jsx(bt, { uid: f, style: t, gridTransform: x }),
-    /* @__PURE__ */ e.jsx("rect", { ...b, fill: `url(#${At(f)})` }),
-    se(f).map((k) => /* @__PURE__ */ e.jsx("rect", { ...b, fill: `url(#${k})`, opacity: 0.6 }, k)),
-    t.paper.grain > 0 && /* @__PURE__ */ e.jsx("rect", { ...b, filter: `url(#${Lt(f)})`, opacity: t.paper.grain })
+  const l = $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 pt = o(10), ie = 9, wt = (t, r) => t.length > r ? `${t.slice(0, r - 1)}…` : t;
-function ce({
+const ut = r(10), ke = 9, Tt = (t, n) => t.length > n ? `${t.slice(0, n - 1)}…` : t;
+function me({
   style: t,
-  plate: r,
-  rows: a,
-  title: i,
-  tally: s,
-  className: f = "absolute inset-0 w-full h-full pointer-events-none"
+  plate: n,
+  rows: s,
+  title: a,
+  tally: i,
+  className: l = "absolute inset-0 w-full h-full pointer-events-none"
 }) {
-  const x = yt().replace(/:/g, ""), b = a.slice(0, ie), k = a.length - b.length, u = {
-    x: r.minX + pt,
-    y: r.minY + pt,
-    width: r.maxX - r.minX - pt * 2,
-    height: r.maxY - r.minY - pt * 2
-  }, l = {
+  const 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"
-  }, O = o(236), d = o(13), c = o(16), S = c + Math.max(b.length, 1) * d + (k > 0 ? d : 0), m = u.x + o(14), M = u.y + o(14), g = o(264), C = o(74), N = o(126), R = u.x + u.width - g - o(14), $ = u.y + u.height - C - o(14);
-  return /* @__PURE__ */ e.jsxs("svg", { className: f, style: { overflow: "visible" }, "aria-hidden": "true", children: [
-    /* @__PURE__ */ e.jsx(bt, { uid: x, style: t }),
-    /* @__PURE__ */ e.jsx(
+  }, 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: r.minX,
-        y: r.minY,
-        width: r.maxX - r.minX,
-        height: r.maxY - r.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__ */ e.jsx(
+    /* @__PURE__ */ o.jsx(
       "rect",
       {
-        x: u.x,
-        y: u.y,
-        width: u.width,
-        height: u.height,
+        x: x.x,
+        y: x.y,
+        width: x.width,
+        height: x.height,
         fill: "none",
         stroke: t.paper.edge,
         strokeWidth: 0.6,
@@ -652,121 +670,121 @@ function ce({
       }
     ),
     [
-      [u.x, u.y, 1, 1],
-      [u.x + u.width, u.y, -1, 1],
-      [u.x, u.y + u.height, 1, -1],
-      [u.x + u.width, u.y + u.height, -1, -1]
-    ].map(([w, A, E, F], Y) => /* @__PURE__ */ e.jsx(
+      [x.x, x.y, 1, 1],
+      [x.x + x.width, x.y, -1, 1],
+      [x.x, x.y + x.height, 1, -1],
+      [x.x + x.width, x.y + x.height, -1, -1]
+    ].map(([A, P, I, S], L) => /* @__PURE__ */ o.jsx(
       "path",
       {
-        d: `M ${w + E * o(16)} ${A} L ${w} ${A} L ${w} ${A + F * o(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
     )),
-    b.length > 0 && /* @__PURE__ */ e.jsxs("g", { children: [
-      /* @__PURE__ */ e.jsx(
+    m.length > 0 && /* @__PURE__ */ o.jsxs("g", { children: [
+      /* @__PURE__ */ o.jsx(
         "rect",
         {
-          x: m,
-          y: M,
+          x: h,
+          y: j,
           width: O,
-          height: S,
+          height: d,
           fill: t.paper.from,
           fillOpacity: 0.55,
           stroke: t.ink.line,
           strokeWidth: 0.8
         }
       ),
-      /* @__PURE__ */ e.jsx(
+      /* @__PURE__ */ o.jsx(
         "line",
         {
-          x1: m,
-          y1: M + c,
-          x2: m + O,
-          y2: M + c,
+          x1: h,
+          y1: j + E,
+          x2: h + O,
+          y2: j + E,
           stroke: t.ink.line,
           strokeWidth: 0.8
         }
       ),
-      /* @__PURE__ */ e.jsx("text", { x: m + o(8), y: M + o(11), fill: t.ink.text, fontSize: o(8), fontWeight: 600, style: l, children: "COMPONENT INDEX" }),
-      /* @__PURE__ */ e.jsxs(
+      /* @__PURE__ */ 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: m + O - o(8),
-          y: M + o(11),
+          x: h + O - r(8),
+          y: j + r(11),
           textAnchor: "end",
           fill: t.ink.muted,
-          fontSize: o(8),
-          style: l,
+          fontSize: r(8),
+          style: c,
           children: [
-            mt(a.length),
+            kt(s.length),
             " ITEMS"
           ]
         }
       ),
-      b.map((w, A) => {
-        const E = M + c + A * d, F = Mt(w.color), Y = Pt(x, F, "top");
-        return /* @__PURE__ */ e.jsxs("g", { children: [
-          /* @__PURE__ */ e.jsx("text", { x: m + o(8), y: E + o(9.5), fill: t.ink.muted, fontSize: o(7.5), style: l, children: mt(w.n) }),
-          /* @__PURE__ */ e.jsx(
+      m.map((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: m + o(28),
-              y: E + o(3),
-              width: o(14),
-              height: o(7),
+              x: h + r(28),
+              y: I + r(3),
+              width: r(14),
+              height: r(7),
               fill: t.face.right,
               stroke: t.ink.line,
               strokeWidth: 0.4
             }
           ),
-          Y.map((P) => /* @__PURE__ */ e.jsx(
+          L.map((q) => /* @__PURE__ */ o.jsx(
             "rect",
             {
-              x: m + o(28),
-              y: E + o(3),
-              width: o(14),
-              height: o(7),
-              fill: `url(#${P})`,
+              x: h + r(28),
+              y: I + r(3),
+              width: r(14),
+              height: r(7),
+              fill: `url(#${q})`,
               opacity: 0.85
             },
-            P
+            q
           )),
-          /* @__PURE__ */ e.jsx("text", { x: m + o(50), y: E + o(9.5), fill: t.ink.text, fontSize: o(7.5), style: l, children: wt((w.name || "").toUpperCase(), 18) }),
-          /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ 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: m + O - o(8),
-              y: E + o(9.5),
+              x: h + O - r(8),
+              y: I + r(9.5),
               textAnchor: "end",
               fill: t.ink.muted,
-              fontSize: o(7),
-              style: l,
-              children: te[F]
+              fontSize: r(7),
+              style: c,
+              children: de[S]
             }
           )
-        ] }, w.n);
+        ] }, A.n);
       }),
-      k > 0 && /* @__PURE__ */ e.jsx(
+      u > 0 && /* @__PURE__ */ o.jsx(
         "text",
         {
-          x: m + o(8),
-          y: M + c + b.length * d + o(9.5),
+          x: h + r(8),
+          y: j + E + m.length * f + r(9.5),
           fill: t.ink.muted,
-          fontSize: o(7.5),
-          style: l,
-          children: `+ ${k} NOT LISTED`
+          fontSize: r(7.5),
+          style: c,
+          children: `+ ${u} NOT LISTED`
         }
       )
     ] }),
-    /* @__PURE__ */ e.jsxs("g", { children: [
-      /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ o.jsxs("g", { children: [
+      /* @__PURE__ */ o.jsx(
         "rect",
         {
-          x: R,
+          x: _,
           y: $,
           width: g,
           height: C,
@@ -776,161 +794,617 @@ function ce({
           strokeWidth: 0.8
         }
       ),
-      /* @__PURE__ */ e.jsx("line", { x1: R, y1: $ + o(30), x2: R + g, y2: $ + o(30), stroke: t.ink.line, strokeWidth: 0.8 }),
-      /* @__PURE__ */ e.jsx("line", { x1: R, y1: $ + o(52), x2: R + g, y2: $ + o(52), stroke: t.ink.line, strokeWidth: 0.5 }),
-      /* @__PURE__ */ e.jsx("line", { x1: R + N, y1: $ + o(30), x2: R + N, y2: $ + C, stroke: t.ink.line, strokeWidth: 0.5 }),
-      /* @__PURE__ */ e.jsx("text", { x: R + o(9), y: $ + o(12), fill: t.ink.muted, fontSize: o(6.5), style: l, children: "DRAWING TITLE" }),
-      /* @__PURE__ */ e.jsx("text", { x: R + o(9), y: $ + o(24), fill: t.ink.text, fontSize: o(10), fontWeight: 600, style: l, children: wt((i || "UNTITLED ASSEMBLY").toUpperCase(), 26) }),
-      /* @__PURE__ */ e.jsx("text", { x: R + o(9), y: $ + o(43), fill: t.ink.muted, fontSize: o(6.5), style: l, children: "PROJECTION" }),
-      /* @__PURE__ */ e.jsx("text", { x: R + N - o(9), y: $ + o(43), textAnchor: "end", fill: t.ink.text, fontSize: o(7), style: l, children: "ISOMETRIC 30°" }),
-      /* @__PURE__ */ e.jsx("text", { x: R + o(9), y: $ + o(65), fill: t.ink.muted, fontSize: o(6.5), style: l, children: "SCALE" }),
-      /* @__PURE__ */ e.jsx("text", { x: R + N - o(9), y: $ + o(65), textAnchor: "end", fill: t.ink.text, fontSize: o(7), style: l, children: "1:1" }),
-      /* @__PURE__ */ e.jsx("text", { x: R + N + o(9), y: $ + o(43), fill: t.ink.muted, fontSize: o(6.5), style: l, children: "QTY" }),
-      /* @__PURE__ */ e.jsx("text", { x: R + g - o(9), y: $ + o(43), textAnchor: "end", fill: t.ink.text, fontSize: o(7), style: l, children: s || `${mt(a.length)} CMP` }),
-      /* @__PURE__ */ e.jsx("text", { x: R + N + o(9), y: $ + o(65), fill: t.ink.muted, fontSize: o(6.5), style: l, children: "SHEET" }),
-      /* @__PURE__ */ e.jsx("text", { x: R + g - o(9), y: $ + o(65), textAnchor: "end", fill: t.ink.text, fontSize: o(7), style: l, children: "1 OF 1" })
+      /* @__PURE__ */ 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" })
     ] })
   ] });
 }
-function le({
+const $e = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ge = (t) => t.replace(
+  /^([A-Z])|[\s-_]+(\w)/g,
+  (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 ve = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: 24,
+  height: 24,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 2,
+  strokeLinecap: "round",
+  strokeLinejoin: "round"
+};
+const _e = Ot(
+  ({
+    color: t = "currentColor",
+    size: n = 24,
+    strokeWidth: s = 2,
+    absoluteStrokeWidth: a,
+    className: i = "",
+    children: l,
+    iconNode: y,
+    ...m
+  }, u) => mt(
+    "svg",
+    {
+      ref: u,
+      ...ve,
+      width: n,
+      height: n,
+      stroke: t,
+      strokeWidth: a ? Number(s) * 24 / Number(n) : s,
+      className: Dt("lucide", i),
+      ...!l && !be(m) && { "aria-hidden": "true" },
+      ...m
+    },
+    [
+      ...y.map(([x, c]) => mt(x, c)),
+      ...Array.isArray(l) ? l : [l]
+    ]
+  )
+);
+const b = (t, n) => {
+  const s = Ot(
+    ({ className: a, ...i }, l) => mt(_e, {
+      ref: l,
+      iconNode: n,
+      className: Dt(
+        `lucide-${$e(Et(t))}`,
+        `lucide-${t}`,
+        a
+      ),
+      ...i
+    })
+  );
+  return s.displayName = Et(t), s;
+};
+const je = [
+  [
+    "path",
+    {
+      d: "M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2",
+      key: "169zse"
+    }
+  ]
+], Me = b("activity", je);
+const we = [
+  ["path", { d: "M12 5v14", key: "s699le" }],
+  ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
+], Se = b("arrow-down", we);
+const Ce = [
+  ["path", { d: "M5 12h14", key: "1ays0h" }],
+  ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
+], Te = b("arrow-right", Ce);
+const Ee = [
+  ["path", { d: "M10.268 21a2 2 0 0 0 3.464 0", key: "vwvbt9" }],
+  [
+    "path",
+    {
+      d: "M3.262 15.326A1 1 0 0 0 4 17h16a1 1 0 0 0 .74-1.673C19.41 13.956 18 12.499 18 8A6 6 0 0 0 6 8c0 4.499-1.411 5.956-2.738 7.326",
+      key: "11g9vi"
+    }
+  ]
+], Ae = b("bell", Ee);
+const Oe = [
+  [
+    "path",
+    {
+      d: "M21 8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16Z",
+      key: "hh9hay"
+    }
+  ],
+  ["path", { d: "m3.3 7 8.7 5 8.7-5", key: "g66t2b" }],
+  ["path", { d: "M12 22V12", key: "d0xqtd" }]
+], Bt = b("box", Oe);
+const Ne = [
+  [
+    "path",
+    {
+      d: "M13.997 4a2 2 0 0 1 1.76 1.05l.486.9A2 2 0 0 0 18.003 7H20a2 2 0 0 1 2 2v9a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V9a2 2 0 0 1 2-2h1.997a2 2 0 0 0 1.759-1.048l.489-.904A2 2 0 0 1 10.004 4z",
+      key: "18u6gg"
+    }
+  ],
+  ["circle", { cx: "12", cy: "13", r: "3", key: "1vg3eu" }]
+], 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" }]
+], Le = b("chart-no-axes-column-increasing", Pe);
+const ze = [
+  [
+    "path",
+    {
+      d: "M21 12c.552 0 1.005-.449.95-.998a10 10 0 0 0-8.953-8.951c-.55-.055-.998.398-.998.95v8a1 1 0 0 0 1 1z",
+      key: "pzmjnu"
+    }
+  ],
+  ["path", { d: "M21.21 15.89A10 10 0 1 1 8 2.83", key: "k2fpak" }]
+], 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" }]
+], 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" }]
+], Xe = b("code", Be);
+const He = [
+  ["path", { d: "M12 20v2", key: "1lh1kg" }],
+  ["path", { d: "M12 2v2", key: "tus03m" }],
+  ["path", { d: "M17 20v2", key: "1rnc9c" }],
+  ["path", { d: "M17 2v2", key: "11trls" }],
+  ["path", { d: "M2 12h2", key: "1t8f8n" }],
+  ["path", { d: "M2 17h2", key: "7oei6x" }],
+  ["path", { d: "M2 7h2", key: "asdhe0" }],
+  ["path", { d: "M20 12h2", key: "1q8mjw" }],
+  ["path", { d: "M20 17h2", key: "1fpfkl" }],
+  ["path", { d: "M20 7h2", key: "1o8tra" }],
+  ["path", { d: "M7 20v2", key: "4gnj0m" }],
+  ["path", { d: "M7 2v2", key: "1i4yhu" }],
+  ["rect", { x: "4", y: "4", width: "16", height: "16", rx: "2", key: "1vbyd7" }],
+  ["rect", { x: "8", y: "8", width: "8", height: "8", rx: "1", key: "z9xiuo" }]
+], 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" }]
+], 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" }]
+], Ze = b("download", Ve);
+const Je = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M10 12.5 8 15l2 2.5", key: "1tg20x" }],
+  ["path", { d: "m14 12.5 2 2.5-2 2.5", key: "yinavb" }]
+], Ke = b("file-code", Je);
+const Qe = [
+  [
+    "path",
+    {
+      d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z",
+      key: "1kt360"
+    }
+  ]
+], tn = b("folder", Qe);
+const en = [
+  [
+    "path",
+    {
+      d: "M10 20a1 1 0 0 0 .553.895l2 1A1 1 0 0 0 14 21v-7a2 2 0 0 1 .517-1.341L21.74 4.67A1 1 0 0 0 21 3H3a1 1 0 0 0-.742 1.67l7.225 7.989A2 2 0 0 1 10 14z",
+      key: "sc7q7i"
+    }
+  ]
+], 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" }]
+], 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" }]
+], an = b("grid-3x3", sn);
+const cn = [
+  ["line", { x1: "22", x2: "2", y1: "12", y2: "12", key: "1y58io" }],
+  [
+    "path",
+    {
+      d: "M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z",
+      key: "oot6mr"
+    }
+  ],
+  ["line", { x1: "6", x2: "6.01", y1: "16", y2: "16", key: "sgf278" }],
+  ["line", { x1: "10", x2: "10.01", y1: "16", y2: "16", key: "1l4acy" }]
+], ln = b("hard-drive", cn);
+const dn = [
+  [
+    "path",
+    {
+      d: "M3 14h3a2 2 0 0 1 2 2v3a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-7a9 9 0 0 1 18 0v7a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3",
+      key: "1xhozi"
+    }
+  ]
+], 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" }]
+], pn = b("key", fn);
+const un = [
+  [
+    "path",
+    {
+      d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z",
+      key: "zw3jo"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12",
+      key: "1wduqc"
+    }
+  ],
+  [
+    "path",
+    {
+      d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17",
+      key: "kqbvx6"
+    }
+  ]
+], 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" }]
+], 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" }]
+], $n = b("mail", mn);
+const gn = [
+  [
+    "path",
+    {
+      d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z",
+      key: "18887p"
+    }
+  ]
+], 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 = 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" }]
+], Mn = b("monitor", jn);
+const wn = [
+  [
+    "path",
+    {
+      d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z",
+      key: "1a0edw"
+    }
+  ],
+  ["path", { d: "M12 22V12", key: "d0xqtd" }],
+  ["polyline", { points: "3.29 7 12 12 20.71 7", key: "ousv84" }],
+  ["path", { d: "m7.5 4.27 9 5.15", key: "1c824w" }]
+], 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" }]
+], Tn = b("pause", Cn);
+const En = [
+  [
+    "path",
+    {
+      d: "M5 5a2 2 0 0 1 3.008-1.728l11.997 6.998a2 2 0 0 1 .003 3.458l-12 7A2 2 0 0 1 5 19z",
+      key: "10ikf1"
+    }
+  ]
+], 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" }]
+], 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" }]
+], 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" }]
+], 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" }]
+], Wn = b("server", Yn);
+const In = [
+  [
+    "path",
+    {
+      d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915",
+      key: "1i5ecw"
+    }
+  ],
+  ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
+], Fn = b("settings", In);
+const Dn = [
+  [
+    "path",
+    {
+      d: "M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",
+      key: "oel41y"
+    }
+  ]
+], 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" }]
+], 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" }]
+], qn = b("speaker", Un);
+const Gn = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
+], Vn = b("square", Gn);
+const Zn = [
+  ["path", { d: "M12 19h8", key: "baeox8" }],
+  ["path", { d: "m4 17 6-6-6-6", key: "1yngyt" }]
+], 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" }]
+], 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" }]
+], 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" }]
+], oo = b("users", no);
+const ro = [
+  ["path", { d: "M12 10v2.2l1.6 1", key: "n3r21l" }],
+  [
+    "path",
+    { d: "m16.13 7.66-.81-4.05a2 2 0 0 0-2-1.61h-2.68a2 2 0 0 0-2 1.61l-.78 4.05", key: "18k57s" }
+  ],
+  ["path", { d: "m7.88 16.36.8 4a2 2 0 0 0 2 1.61h2.72a2 2 0 0 0 2-1.61l.81-4.05", key: "16ny36" }],
+  ["circle", { cx: "12", cy: "12", r: "6", key: "1vlfrh" }]
+], 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" }]
+], io = b("wifi", ao);
+const co = [
+  [
+    "path",
+    {
+      d: "M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z",
+      key: "1xq2db"
+    }
+  ]
+], 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 fo(t) {
+  return ho[t] || Bt;
+}
+function po({
   uid: t,
-  style: r,
-  box: a,
-  color: i,
-  tag: s,
-  selected: f = !1,
-  opacity: x,
-  onClick: b,
-  onPointerDown: k
+  style: n,
+  box: s,
+  color: a,
+  tag: i,
+  selected: l = !1,
+  opacity: y,
+  onClick: m,
+  onPointerDown: u
 }) {
-  const u = Mt(i), l = f ? r.ink.accent : r.ink.line, O = f ? r.ink.accent : r.ink.text, d = [
-    { face: "left", path: a.left },
-    { face: "right", path: a.right },
-    { face: "top", path: a.top }
+  const x = 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__ */ e.jsxs(
+  return /* @__PURE__ */ o.jsxs(
     "g",
     {
-      className: b || k ? "cursor-pointer" : void 0,
-      opacity: x,
-      onClick: b,
-      onPointerDown: k,
+      className: m || u ? "cursor-pointer" : void 0,
+      opacity: y,
+      onClick: m,
+      onPointerDown: u,
       children: [
-        d.map(({ face: c, path: S }) => /* @__PURE__ */ e.jsxs("g", { children: [
-          /* @__PURE__ */ e.jsx("path", { d: S, fill: r.face[c] }),
-          Pt(t, u, c).map((m) => /* @__PURE__ */ e.jsx("path", { d: S, fill: `url(#${m})`, opacity: r.hatchOpacity[c] }, m))
-        ] }, c)),
-        /* @__PURE__ */ e.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: a.hidden,
+            d: s.hidden,
             fill: "none",
-            stroke: r.ink.hidden,
-            strokeWidth: r.strokeWidth * 0.55,
+            stroke: n.ink.hidden,
+            strokeWidth: n.strokeWidth * 0.55,
             strokeDasharray: "3.5 3",
             opacity: 0.85
           }
         ),
-        /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ o.jsx(
           "path",
           {
-            d: a.visible,
+            d: s.visible,
             fill: "none",
-            stroke: l,
-            strokeWidth: f ? r.strokeWidth * 1.7 : r.strokeWidth,
+            stroke: c,
+            strokeWidth: l ? n.strokeWidth * 1.7 : n.strokeWidth,
             strokeLinejoin: "round",
             strokeLinecap: "round"
           }
         ),
-        s != null && /* @__PURE__ */ e.jsx(
+        i != null && /* @__PURE__ */ o.jsx(
           "text",
           {
-            x: a.topCenter.x,
-            y: a.topCenter.y + o(3),
+            x: s.topCenter.x,
+            y: s.topCenter.y + r(3),
             textAnchor: "middle",
             fill: O,
-            fontSize: o(8),
+            fontSize: r(8),
             fontWeight: 600,
-            fontFamily: r.font,
+            fontFamily: n.font,
             style: { letterSpacing: "0.1em" },
             pointerEvents: "none",
-            children: mt(s)
+            children: kt(i)
           }
         )
       ]
     }
   );
 }
-function fe({
+function uo({
   style: t,
-  box: r,
-  name: a,
-  subtitle: i,
-  selected: s = !1,
-  opacity: f
+  box: n,
+  name: s,
+  subtitle: a,
+  icon: i,
+  selected: l = !1,
+  opacity: y
 }) {
-  const x = s ? t.ink.accent : t.ink.line, b = s ? t.ink.accent : t.ink.text, k = (a || "").toUpperCase(), u = (i || "").toUpperCase(), l = r.minY - o(11), O = l - o(4), d = u ? l - o(15) : l - o(4), c = Math.max(k.length * o(5.6), u.length * o(4.4), o(24));
-  return /* @__PURE__ */ e.jsxs("g", { pointerEvents: "none", opacity: f, children: [
-    /* @__PURE__ */ e.jsx(
+  const m = l ? t.ink.accent : t.ink.line, 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: r.topCenter.x,
-        y1: r.topCenter.y - o(6),
-        x2: r.topCenter.x,
-        y2: l,
-        stroke: x,
+        x1: n.topCenter.x,
+        y1: n.topCenter.y - r(6),
+        x2: n.topCenter.x,
+        y2: f,
+        stroke: m,
         strokeWidth: t.strokeWidth * 0.6
       }
     ),
-    /* @__PURE__ */ e.jsx(
+    /* @__PURE__ */ o.jsx(
       "line",
       {
-        x1: r.topCenter.x - c / 2,
-        y1: l,
-        x2: r.topCenter.x + c / 2,
-        y2: l,
-        stroke: x,
+        x1: n.topCenter.x - C / 2,
+        y1: f,
+        x2: n.topCenter.x + C / 2,
+        y2: f,
+        stroke: m,
         strokeWidth: t.strokeWidth * 0.6
       }
     ),
-    /* @__PURE__ */ e.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: r.topCenter.x,
+        x: W,
         y: d,
         textAnchor: "middle",
-        fill: b,
-        fontSize: o(9.5),
+        fill: u,
+        fontSize: r(9.5),
         fontWeight: 600,
         fontFamily: t.font,
         stroke: t.paper.from,
-        strokeWidth: o(3),
+        strokeWidth: r(3),
         paintOrder: "stroke",
         strokeLinejoin: "round",
         style: { letterSpacing: "0.12em" },
-        children: k
+        children: c
       }
     ),
-    u && /* @__PURE__ */ e.jsx(
+    O && /* @__PURE__ */ o.jsx(
       "text",
       {
-        x: r.topCenter.x,
-        y: O,
+        x: n.topCenter.x,
+        y: E,
         textAnchor: "middle",
         fill: t.ink.muted,
-        fontSize: o(7.5),
+        fontSize: r(7.5),
         fontFamily: t.font,
         stroke: t.paper.from,
-        strokeWidth: o(2.5),
+        strokeWidth: r(2.5),
         paintOrder: "stroke",
         strokeLinejoin: "round",
         style: { letterSpacing: "0.1em" },
-        children: u
+        children: O
       }
     )
   ] });
 }
-const Yt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', de = {
+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" },
@@ -938,7 +1412,7 @@ const Yt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', de =
   amber: { top: "#f59e0b", side: "#d97706", front: "#b45309" },
   rose: { top: "#f43f5e", side: "#e11d48", front: "#be123c" },
   slate: { top: "#475569", side: "#334155", front: "#1e293b" }
-}, he = {
+}, xo = {
   blue: { top: "#93c5fd", side: "#60a5fa", front: "#3b82f6" },
   violet: { top: "#c4b5fd", side: "#a78bfa", front: "#8b5cf6" },
   cyan: { top: "#67e8f9", side: "#22d3ee", front: "#06b6d4" },
@@ -947,183 +1421,184 @@ const Yt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', de =
   rose: { top: "#fda4af", side: "#fb7185", front: "#f43f5e" },
   slate: { top: "#e2e8f0", side: "#cbd5e1", front: "#94a3b8" }
 };
-function ut(t, r, a) {
-  const i = (u) => {
-    const l = u.replace("#", "");
+function yt(t, n, s) {
+  const a = (x) => {
+    const c = x.replace("#", "");
     return {
-      r: parseInt(l.substring(0, 2), 16),
-      g: parseInt(l.substring(2, 4), 16),
-      b: parseInt(l.substring(4, 6), 16)
+      r: parseInt(c.substring(0, 2), 16),
+      g: parseInt(c.substring(2, 4), 16),
+      b: parseInt(c.substring(4, 6), 16)
     };
-  }, s = i(t), f = i(r), x = Math.round(s.r + (f.r - s.r) * a), b = Math.round(s.g + (f.g - s.g) * a), k = Math.round(s.b + (f.b - s.b) * a);
-  return `rgb(${x},${b},${k})`;
+  }, i = a(t), l = a(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 pe({ x: t, y: r, z: a, children: i, fontSize: s = 8, color: f = "#1e293b", shadow: x }) {
-  const b = y(t, r, a);
-  return /* @__PURE__ */ e.jsx("g", { transform: `translate(${b.screenX}, ${b.screenY})`, filter: x, children: /* @__PURE__ */ e.jsx("g", { transform: "matrix(0.866, -0.5, 0.866, 0.5, 0, 0)", children: /* @__PURE__ */ e.jsx(
+function 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,
       y: 0,
       textAnchor: "middle",
-      fill: f,
-      fontSize: s,
+      fill: l,
+      fontSize: i,
       fontWeight: 600,
-      fontFamily: Yt,
+      fontFamily: Xt,
       style: { textTransform: "uppercase", letterSpacing: "0.06em" },
-      children: i
+      children: a
     }
   ) }) });
 }
-function ue({ width: t, depth: r, elevation: a, color: i, opacity: s, borderColor: f, theme: x, isGround: b }) {
-  const u = rt(t, r, b ? 8 : 2, 0, 0), l = y(0, 0, a);
-  return /* @__PURE__ */ e.jsxs("g", { transform: `translate(${l.screenX}, ${l.screenY})`, children: [
-    b && /* @__PURE__ */ e.jsx("g", { transform: "translate(4, 4)", opacity: 0.2, children: /* @__PURE__ */ e.jsx("path", { d: u.top, fill: "#000" }) }),
-    /* @__PURE__ */ e.jsx("path", { d: u.top, fill: i, opacity: s }),
-    b && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-      /* @__PURE__ */ e.jsx("path", { d: u.left, fill: x === "dark" ? "#0f172a" : "#cbd5e1", opacity: 0.8 }),
-      /* @__PURE__ */ e.jsx("path", { d: u.right, fill: x === "dark" ? "#1e293b" : "#94a3b8", opacity: 0.8 })
+function 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__ */ e.jsx(
+    /* @__PURE__ */ o.jsx(
       "path",
       {
-        d: u.top,
+        d: x.top,
         fill: "none",
-        stroke: f || (x === "dark" ? "#475569" : "#94a3b8"),
-        strokeWidth: b ? 1.5 : 0.75,
-        opacity: b ? 1 : 0.6
+        stroke: l || (y === "dark" ? "#475569" : "#94a3b8"),
+        strokeWidth: m ? 1.5 : 0.75,
+        opacity: m ? 1 : 0.6
       }
     )
   ] });
 }
-function $e({ config: t, options: r = {}, className: a, style: i, onNodeClick: s, onLayerClick: f }) {
-  const { interactive: x = !0, animate: b = !0, showLabels: k = !0, expandOnHover: u = !0 } = r, { theme: l, canvas: O, origin: d, tiers: c, floorSize: S, nodes: m, cornerRadius: M = 0 } = t, g = Vt(t.style), C = g.technical, N = yt().replace(/:/g, ""), R = l === "dark" ? de : he, $ = C ? g.paper.to : l === "dark" ? "#0f172a" : "#fafafa", w = C ? g.ink.text : l === "dark" ? "#e2e8f0" : "#1e293b", A = C ? g.ink.muted : l === "dark" ? "#64748b" : "#94a3b8", E = It(() => {
-    const T = m.map((n, h) => ({ node: n, i: h })).sort((n, h) => n.node.tier - h.node.tier || n.node.y - h.node.y || n.node.x - h.node.x), p = /* @__PURE__ */ new Map();
-    return T.forEach(({ i: n }, h) => p.set(n, h + 1)), p;
-  }, [m]), F = { minX: 16, minY: 16, maxX: O.width - 16, maxY: O.height - 16 }, [Y, P] = dt(/* @__PURE__ */ new Set());
-  Ft(() => {
-    b ? (P(/* @__PURE__ */ new Set()), c.forEach((T, p) => {
+function 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(() => {
-        P((n) => /* @__PURE__ */ new Set([...n, p]));
-      }, p * 150 + 100);
-    })) : P(new Set(c.map((T, p) => p)));
-  }, [t.id, b, c.length]);
-  const [L, J] = dt(null), [H, z] = dt(null), [v, D] = dt(null), G = [...m].sort((T, p) => {
-    const n = c[T.tier]?.elevation || 0, h = c[p.tier]?.elevation || 0;
-    if (n !== h) return n - h;
-    const _ = T.x + T.width + (T.y + T.depth);
-    return p.x + p.width + (p.y + p.depth) - _;
+        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__ */ e.jsx("div", { className: a, style: { display: "inline-block", ...i }, children: /* @__PURE__ */ e.jsxs(
+  return /* @__PURE__ */ o.jsx("div", { className: s, style: { display: "inline-block", ...a }, children: /* @__PURE__ */ o.jsxs(
     "svg",
     {
       width: O.width,
       height: O.height,
-      style: { backgroundColor: $ },
+      style: { backgroundColor: A },
       onClick: () => {
-        x && (D(null), z(null));
+        y && (D(null), F(null));
       },
       children: [
-        /* @__PURE__ */ e.jsxs("defs", { children: [
-          /* @__PURE__ */ e.jsx("pattern", { id: `grid-${t.id}`, width: "24", height: "24", patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ e.jsx("circle", { cx: "12", cy: "12", r: "0.5", fill: l === "dark" ? "#1e293b" : "#e2e8f0" }) }),
-          /* @__PURE__ */ e.jsx("filter", { id: `glow-${t.id}`, x: "-20%", y: "-20%", width: "140%", height: "140%", children: /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ 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: l === "dark" ? "#60a5fa" : "#3b82f6",
+              floodColor: c === "dark" ? "#60a5fa" : "#3b82f6",
               floodOpacity: "0.3"
             }
           ) }),
-          /* @__PURE__ */ e.jsxs("radialGradient", { id: `bg-${t.id}`, cx: "48%", cy: "34%", r: "82%", children: [
-            /* @__PURE__ */ e.jsx("stop", { offset: "0%", stopColor: l === "dark" ? "#16203a" : "#ffffff" }),
-            /* @__PURE__ */ e.jsx("stop", { offset: "55%", stopColor: l === "dark" ? "#0e1526" : "#f2f5f9" }),
-            /* @__PURE__ */ e.jsx("stop", { offset: "100%", stopColor: l === "dark" ? "#080d18" : "#e7ecf2" })
+          /* @__PURE__ */ 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__ */ e.jsx("filter", { id: `contact-${t.id}`, x: "-60%", y: "-60%", width: "220%", height: "220%", children: /* @__PURE__ */ e.jsx("feGaussianBlur", { stdDeviation: "5" }) }),
-          /* @__PURE__ */ e.jsxs("linearGradient", { id: `sheen-${t.id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-            /* @__PURE__ */ e.jsx("stop", { offset: "0%", stopColor: "#ffffff", stopOpacity: "0.18" }),
-            /* @__PURE__ */ e.jsx("stop", { offset: "55%", stopColor: "#ffffff", stopOpacity: "0.04" }),
-            /* @__PURE__ */ e.jsx("stop", { offset: "100%", stopColor: "#ffffff", stopOpacity: "0" })
+          /* @__PURE__ */ 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__ */ e.jsxs("linearGradient", { id: `shade-${t.id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
-            /* @__PURE__ */ e.jsx("stop", { offset: "0%", stopColor: "#000000", stopOpacity: "0" }),
-            /* @__PURE__ */ e.jsx("stop", { offset: "100%", stopColor: "#000000", stopOpacity: "0.24" })
+          /* @__PURE__ */ 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__ */ e.jsx("filter", { id: `label-${t.id}`, x: "-40%", y: "-40%", width: "180%", height: "180%", children: /* @__PURE__ */ e.jsx("feDropShadow", { dx: "0", dy: "0.5", stdDeviation: "0.7", floodColor: "#000000", floodOpacity: "0.7" }) })
+          /* @__PURE__ */ 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" }) })
         ] }),
-        C ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx(bt, { uid: N, style: g }),
-          /* @__PURE__ */ e.jsx(
-            ae,
+        C ? /* @__PURE__ */ o.jsxs(o.Fragment, { children: [
+          /* @__PURE__ */ o.jsx(bt, { uid: W, style: g }),
+          /* @__PURE__ */ o.jsx(
+            xe,
             {
               style: g,
               rect: { x: 0, y: 0, width: O.width, height: O.height },
               className: ""
             }
           )
-        ] }) : /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx("rect", { width: "100%", height: "100%", fill: `url(#bg-${t.id})` }),
-          /* @__PURE__ */ e.jsx("rect", { width: "100%", height: "100%", fill: `url(#grid-${t.id})`, opacity: "0.5" })
+        ] }) : /* @__PURE__ */ 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__ */ e.jsx("g", { transform: `translate(${d.x}, ${d.y})`, children: c.map((T, p) => {
-          const n = G.filter((j) => j.tier === p), h = Y.has(p), _ = x && (H === p || H === null && v === null && L === p), I = x && (H !== null || L !== null || v !== null), Q = v?.tier === p, tt = I && !_ && !Q, W = h ? 0 : 60, q = h ? 1 : 0, K = _ && u ? { x: 10, y: -34 } : { x: 0, y: 0 }, st = _ ? 1.03 : 1, ft = y(S.width / 2, S.depth / 2, T.elevation), gt = T.offset || { x: 0, y: 0 };
-          return /* @__PURE__ */ e.jsxs(
+        /* @__PURE__ */ 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": p,
-              onMouseEnter: () => x && J(p),
-              onMouseLeave: () => x && J(null),
-              onClick: (j) => {
-                x && (j.stopPropagation(), D(null), z((B) => B === p ? null : p), f?.(p));
+              "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(${gt.x + K.x}px, ${gt.y + K.y}px) translate(${ft.screenX}px, ${ft.screenY + W}px) scale(${st}) translate(${-ft.screenX}px, ${-ft.screenY}px)`,
+                transform: `translate(${vt.x + 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: q * (tt ? 0.35 : 1),
-                filter: _ ? `url(#glow-${t.id})` : "none",
-                cursor: x ? "pointer" : "default"
+                opacity: et * (z ? 0.35 : 1),
+                filter: R ? `url(#glow-${t.id})` : "none",
+                cursor: y ? "pointer" : "default"
               },
               children: [
-                C ? /* @__PURE__ */ e.jsx(
-                  xe,
+                C ? /* @__PURE__ */ o.jsx(
+                  $o,
                   {
-                    width: S.width,
-                    depth: S.depth,
-                    elevation: p === 0 ? -2 : T.elevation,
-                    ink: p === 0 ? g.ink.line : g.ink.hidden,
-                    isGround: p === 0
+                    width: d.width,
+                    depth: d.depth,
+                    elevation: e === 0 ? -2 : w.elevation,
+                    ink: e === 0 ? g.ink.line : g.ink.hidden,
+                    isGround: e === 0
                   }
-                ) : /* @__PURE__ */ e.jsx(
-                  ue,
+                ) : /* @__PURE__ */ o.jsx(
+                  mo,
                   {
-                    width: S.width,
-                    depth: S.depth,
-                    elevation: p === 0 ? -2 : T.elevation,
-                    color: T.floorColor || (l === "dark" ? "#0f172a" : "#f8fafc"),
-                    opacity: T.floorOpacity || (p === 0 ? 0.95 : 0.5),
-                    borderColor: T.borderColor,
-                    theme: l,
-                    isGround: p === 0
+                    width: 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
                   }
                 ),
-                C && n.map((j, B) => {
-                  const ot = T.elevation + 5, et = y(j.x, j.y, ot), U = Tt(j.width, j.depth, j.height, et.screenX, et.screenY), X = v?.tier === p && v?.index === B, nt = x && v !== null && !X;
-                  return /* @__PURE__ */ e.jsx(
-                    le,
+                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: N,
+                      uid: W,
                       style: g,
                       box: U,
-                      color: j.color,
-                      tag: E.get(m.indexOf(j)),
+                      color: v.color,
+                      tag: S.get(h.indexOf(v)),
                       selected: X,
-                      opacity: (j.opacity ?? 1) * (nt ? 0.3 : 1),
-                      onClick: x ? () => {
-                        if (z(null), D((at) => at && at.tier === p && at.index === B ? null : { tier: p, index: B }), s?.(j, { tier: p, index: B }), j.link)
+                      opacity: (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
@@ -1131,95 +1606,95 @@ function $e({ config: t, options: r = {}, className: a, style: i, onNodeClick: s
                     `tech-${B}`
                   );
                 }),
-                C && k && n.map((j, B) => {
-                  const ot = T.elevation + 5, et = y(j.x, j.y, ot), U = Tt(j.width, j.depth, j.height, et.screenX, et.screenY), X = v?.tier === p && v?.index === B, nt = x && v !== null && !X;
-                  return /* @__PURE__ */ e.jsx(
-                    fe,
+                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: g,
                       box: U,
-                      name: j.label,
+                      name: v.label,
                       selected: X,
-                      opacity: nt ? 0.3 : 1
+                      opacity: ot ? 0.3 : 1
                     },
                     `tech-label-${B}`
                   );
                 }),
-                !C && n.map((j, B) => {
-                  const ot = T.elevation + 5, et = y(j.x, j.y, ot), U = rt(j.width, j.depth, j.height, et.screenX, et.screenY, M), X = R[j.color] || R.slate, nt = v?.tier === p && v?.index === B, at = x && v !== null && !nt, $t = y(j.x - 3, j.y - 3, T.elevation), Wt = rt(j.width + 6, j.depth + 6, 0, $t.screenX, $t.screenY, M).top;
-                  return /* @__PURE__ */ e.jsxs(
+                !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": `${p}-${B}`,
-                      opacity: (j.opacity ?? 1) * (at ? 0.3 : 1),
-                      onClick: x ? (Z) => {
-                        if (Z.stopPropagation(), z(null), D((V) => V && V.tier === p && V.index === B ? null : { tier: p, index: B }), s?.(j, { tier: p, index: B }), j.link)
+                      "data-node": `${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: x ? "pointer" : "default", transition: "opacity 0.3s ease-out" },
+                      style: { cursor: y ? "pointer" : "default", transition: "opacity 0.3s ease-out" },
                       children: [
-                        /* @__PURE__ */ e.jsx("path", { d: Wt, fill: "#000000", opacity: 0.3, filter: `url(#contact-${t.id})` }),
-                        U.cornerBackRight?.map((Z, V) => /* @__PURE__ */ e.jsx(
+                        /* @__PURE__ */ 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: ut(X.front, X.side, Z.intensity)
+                            d: G.path,
+                            fill: yt(X.front, X.side, G.intensity)
                           },
-                          `cbr-${V}`
+                          `cbr-${J}`
                         )),
-                        U.cornerBackLeft?.map((Z, V) => /* @__PURE__ */ e.jsx(
+                        U.cornerBackLeft?.map((G, J) => /* @__PURE__ */ o.jsx(
                           "path",
                           {
-                            d: Z.path,
-                            fill: ut(X.side, X.front, Z.intensity)
+                            d: G.path,
+                            fill: yt(X.side, X.front, G.intensity)
                           },
-                          `cbl-${V}`
+                          `cbl-${J}`
                         )),
-                        /* @__PURE__ */ e.jsx("path", { d: U.left, fill: X.side }),
-                        /* @__PURE__ */ e.jsx("path", { d: U.left, fill: `url(#shade-${t.id})` }),
-                        /* @__PURE__ */ e.jsx("path", { d: U.right, fill: X.front }),
-                        /* @__PURE__ */ e.jsx("path", { d: U.right, fill: `url(#shade-${t.id})` }),
-                        U.cornerFrontRight?.map((Z, V) => /* @__PURE__ */ e.jsx(
+                        /* @__PURE__ */ 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: ut(X.front, X.side, Z.intensity)
+                            d: G.path,
+                            fill: yt(X.front, X.side, G.intensity)
                           },
-                          `cfr-${V}`
+                          `cfr-${J}`
                         )),
-                        U.cornerFrontLeft?.map((Z, V) => /* @__PURE__ */ e.jsx(
+                        U.cornerFrontLeft?.map((G, J) => /* @__PURE__ */ o.jsx(
                           "path",
                           {
-                            d: Z.path,
-                            fill: ut(X.front, X.side, Z.intensity)
+                            d: G.path,
+                            fill: yt(X.front, X.side, G.intensity)
                           },
-                          `cfl-${V}`
+                          `cfl-${J}`
                         )),
-                        /* @__PURE__ */ e.jsx("path", { d: U.top, fill: X.top }),
-                        /* @__PURE__ */ e.jsx("path", { d: U.top, fill: `url(#sheen-${t.id})` }),
-                        /* @__PURE__ */ e.jsx(
+                        /* @__PURE__ */ 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: U.top,
                             fill: "none",
-                            stroke: nt ? "#ffffff" : "rgba(255,255,255,0.28)",
-                            strokeWidth: nt ? 1.4 : 0.75,
+                            stroke: ot ? "#ffffff" : "rgba(255,255,255,0.28)",
+                            strokeWidth: ot ? 1.4 : 0.75,
                             strokeLinejoin: "round"
                           }
                         ),
-                        k && j.label && /* @__PURE__ */ e.jsx(
-                          pe,
+                        u && v.label && /* @__PURE__ */ o.jsx(
+                          ko,
                           {
-                            x: j.x + j.width / 2,
-                            y: j.y + j.depth / 2,
-                            z: ot + j.height + 2,
-                            fontSize: j.width > 70 ? 9 : 8,
-                            color: w,
-                            shadow: `url(#label-${t.id})`,
-                            children: j.label
+                            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
                           }
                         )
                       ]
@@ -1227,38 +1702,38 @@ function $e({ config: t, options: r = {}, className: a, style: i, onNodeClick: s
                     B
                   );
                 }),
-                k && /* @__PURE__ */ e.jsx(
+                u && /* @__PURE__ */ o.jsx(
                   "text",
                   {
-                    x: y(-25, S.depth / 2, T.elevation + 15).screenX - 35,
-                    y: y(-25, S.depth / 2, T.elevation + 15).screenY,
-                    fill: A,
+                    x: k(-25, 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: Yt,
+                    fontFamily: Xt,
                     opacity: C ? 0.9 : 0.6,
                     style: { letterSpacing: "0.05em", textTransform: C ? "uppercase" : "none" },
-                    children: T.name
+                    children: w.name
                   }
                 )
               ]
             },
-            p
+            e
           );
         }) }),
-        C && /* @__PURE__ */ e.jsx(
-          ce,
+        C && /* @__PURE__ */ o.jsx(
+          me,
           {
             style: g,
-            plate: F,
-            rows: m.map((T, p) => ({
-              n: E.get(p) || p + 1,
-              name: T.label,
-              subtitle: c[T.tier]?.name,
-              color: T.color
-            })).sort((T, p) => T.n - p.n),
+            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(m.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: ""
           }
         )
@@ -1266,21 +1741,21 @@ function $e({ config: t, options: r = {}, className: a, style: i, onNodeClick: s
     }
   ) });
 }
-function xe({ width: t, depth: r, elevation: a, ink: i, isGround: s }) {
-  const f = y(0, 0, a), x = rt(t, r, 0, f.screenX, f.screenY).top;
-  return /* @__PURE__ */ e.jsx(
+function $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: x,
+      d: y,
       fill: "none",
-      stroke: i,
-      strokeWidth: s ? 1 : 0.7,
-      strokeDasharray: s ? void 0 : "5 4",
-      opacity: s ? 0.9 : 0.7
+      stroke: a,
+      strokeWidth: i ? 1 : 0.7,
+      strokeDasharray: i ? void 0 : "5 4",
+      opacity: i ? 0.9 : 0.7
     }
   );
 }
-const Ot = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', me = {
+const At = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', go = {
   blue: { top: "#3b82f6", side: "#2563eb", front: "#1d4ed8" },
   violet: { top: "#8b5cf6", side: "#7c3aed", front: "#6d28d9" },
   cyan: { top: "#06b6d4", side: "#0891b2", front: "#0e7490" },
@@ -1288,7 +1763,7 @@ const Ot = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', me =
   amber: { top: "#f59e0b", side: "#d97706", front: "#b45309" },
   rose: { top: "#f43f5e", side: "#e11d48", front: "#be123c" },
   slate: { top: "#475569", side: "#334155", front: "#1e293b" }
-}, ye = {
+}, bo = {
   blue: { top: "#93c5fd", side: "#60a5fa", front: "#3b82f6" },
   violet: { top: "#c4b5fd", side: "#a78bfa", front: "#8b5cf6" },
   cyan: { top: "#67e8f9", side: "#22d3ee", front: "#06b6d4" },
@@ -1297,77 +1772,77 @@ const Ot = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', me =
   rose: { top: "#fda4af", side: "#fb7185", front: "#f43f5e" },
   slate: { top: "#e2e8f0", side: "#cbd5e1", front: "#94a3b8" }
 };
-function xt(t, r, a) {
-  const i = (u) => {
-    const l = u.replace("#", "");
+function xt(t, n, s) {
+  const a = (x) => {
+    const c = x.replace("#", "");
     return {
-      r: parseInt(l.substring(0, 2), 16),
-      g: parseInt(l.substring(2, 4), 16),
-      b: parseInt(l.substring(4, 6), 16)
+      r: parseInt(c.substring(0, 2), 16),
+      g: parseInt(c.substring(2, 4), 16),
+      b: parseInt(c.substring(4, 6), 16)
     };
-  }, s = i(t), f = i(r), x = Math.round(s.r + (f.r - s.r) * a), b = Math.round(s.g + (f.g - s.g) * a), k = Math.round(s.b + (f.b - s.b) * a);
-  return `rgb(${x},${b},${k})`;
+  }, i = a(t), l = a(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 ke(t) {
-  const { theme: r, canvas: a, origin: i, tiers: s, floorSize: f, nodes: x, cornerRadius: b = 0 } = t, k = r === "dark" ? me : ye, u = r === "dark" ? "#0f172a" : "#fafafa", l = r === "dark" ? "#e2e8f0" : "#1e293b", O = r === "dark" ? "#64748b" : "#94a3b8", d = [...x].sort((S, m) => {
-    const M = s[S.tier]?.elevation || 0, g = s[m.tier]?.elevation || 0;
-    return M !== g ? M - g : m.x + m.width + (m.y + m.depth) - (S.x + S.width + (S.y + S.depth));
+function 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="${a.width}" height="${a.height}" style="background:${u}">`;
-  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="${r === "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="${r === "dark" ? "#16203a" : "#ffffff"}"/>
-      <stop offset="55%" stop-color="${r === "dark" ? "#0e1526" : "#f2f5f9"}"/>
-      <stop offset="100%" stop-color="${r === "dark" ? "#080d18" : "#e7ecf2"}"/>
+      <stop offset="0%" stop-color="${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(${i.x},${i.y})">`;
-  for (let S = 0; S < s.length; S++) {
-    const m = s[S], M = d.filter((E) => E.tier === S), g = m.offset || { x: 0, y: 0 };
-    c += `<g transform="translate(${g.x},${g.y})">`;
-    const C = S === 0 ? 8 : 2, N = rt(f.width, f.depth, C, 0, 0), R = y(0, 0, S === 0 ? -2 : m.elevation), $ = m.floorColor || (r === "dark" ? "#0f172a" : "#f8fafc"), w = m.floorOpacity || (S === 0 ? 0.95 : 0.5);
-    c += `<g transform="translate(${R.screenX},${R.screenY})">`, S === 0 && (c += `<g transform="translate(4,4)" opacity="0.2"><path d="${N.top}" fill="#000"/></g>`), c += `<path d="${N.top}" fill="${$}" opacity="${w}"/>`, S === 0 && (c += `<path d="${N.left}" fill="${r === "dark" ? "#0f172a" : "#cbd5e1"}" opacity="0.8"/>`, c += `<path d="${N.right}" fill="${r === "dark" ? "#1e293b" : "#94a3b8"}" opacity="0.8"/>`), c += `<path d="${N.top}" fill="none" stroke="${m.borderColor || (r === "dark" ? "#475569" : "#94a3b8")}" stroke-width="${S === 0 ? 1.5 : 0.75}" opacity="${S === 0 ? 1 : 0.6}"/>`, c += "</g>";
-    for (const E of M) {
-      const F = m.elevation + 5, Y = y(E.x, E.y, F), P = rt(E.width, E.depth, E.height, Y.screenX, Y.screenY, b), L = k[E.color] || k.slate, J = E.opacity ?? 1;
-      c += `<g opacity="${J}">`;
-      const H = y(E.x - 3, E.y - 3, m.elevation), z = rt(E.width + 6, E.depth + 6, 0, H.screenX, H.screenY, b).top;
-      if (c += `<path d="${z}" fill="#000000" opacity="0.3" filter="url(#contact)"/>`, P.cornerBackRight)
-        for (const v of P.cornerBackRight)
-          c += `<path d="${v.path}" fill="${xt(L.front, L.side, v.intensity)}"/>`;
-      if (P.cornerBackLeft)
-        for (const v of P.cornerBackLeft)
-          c += `<path d="${v.path}" fill="${xt(L.side, L.front, v.intensity)}"/>`;
-      if (c += `<path d="${P.left}" fill="${L.side}"/>`, c += `<path d="${P.left}" fill="url(#shade)"/>`, c += `<path d="${P.right}" fill="${L.front}"/>`, c += `<path d="${P.right}" fill="url(#shade)"/>`, P.cornerFrontRight)
-        for (const v of P.cornerFrontRight)
-          c += `<path d="${v.path}" fill="${xt(L.front, L.side, v.intensity)}"/>`;
-      if (P.cornerFrontLeft)
-        for (const v of P.cornerFrontLeft)
-          c += `<path d="${v.path}" fill="${xt(L.front, L.side, v.intensity)}"/>`;
-      if (c += `<path d="${P.top}" fill="${L.top}"/>`, c += `<path d="${P.top}" fill="url(#sheen)"/>`, c += `<path d="${P.top}" fill="none" stroke="rgba(255,255,255,0.28)" stroke-width="0.75" stroke-linejoin="round"/>`, E.label) {
-        const v = y(E.x + E.width / 2, E.y + E.depth / 2, F + E.height + 2), D = E.width > 70 ? 9 : 8;
-        c += `<g transform="translate(${v.screenX},${v.screenY})" filter="url(#labelshadow)">`, c += '<g transform="matrix(0.866,-0.5,0.866,0.5,0,0)">', c += `<text x="0" y="0" text-anchor="middle" fill="${l}" font-size="${D}" font-weight="600" font-family='${Ot}' style="text-transform:uppercase;letter-spacing:0.06em">${E.label}</text>`, c += "</g></g>";
+  </defs>`, 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 A = y(-25, f.depth / 2, m.elevation + 15);
-    c += `<text x="${A.screenX - 35}" y="${A.screenY}" fill="${O}" font-size="9" font-weight="500" font-family='${Ot}' opacity="0.6" style="letter-spacing:0.05em">${m.name}</text>`, c += "</g>";
+    const 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 je(t, r) {
-  t.innerHTML = ke(r);
+function wo(t, n) {
+  t.innerHTML = vo(n);
 }
 export {
-  $e as ArcDiagram,
-  ge as getColorShading,
+  Mo as ArcDiagram,
+  jo as getColorShading,
   rt as isoBox,
-  y as isoToScreen,
-  je as renderToElement,
-  ke as renderToString
+  k as isoToScreen,
+  wo as renderToElement,
+  vo as renderToString
 };