@arach/arc-iso 0.4.4

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

@@ -0,0 +1,709 @@
+import yt, { useState as ot, useEffect as $t } from "react";
+const ht = 30 * (Math.PI / 180), kt = Math.cos(ht), vt = Math.sin(ht);
+function l(e, s, a = 0) {
+  return {
+    screenX: (e - s) * kt,
+    screenY: -(e + s) * vt - a
+    // Negated so +X,+Y go UP on screen
+  };
+}
+function K(e, s, a, f = 0, o = 0, x = 0) {
+  const y = {
+    // Bottom face
+    frontBottom: l(e, 0, 0),
+    rightBottom: l(e, s, 0),
+    backBottom: l(0, s, 0),
+    leftBottom: l(0, 0, 0),
+    // Top face
+    frontTop: l(e, 0, a),
+    rightTop: l(e, s, a),
+    backTop: l(0, s, a),
+    leftTop: l(0, 0, a)
+  }, _ = (g) => ({
+    x: g.screenX + f,
+    y: g.screenY + o
+  }), k = Object.fromEntries(
+    Object.entries(y).map(([g, j]) => [g, _(j)])
+  ), A = (g, j, S, b) => {
+    if (b <= 0) {
+      const $ = l(0, 0, S), i = l(g, 0, S), u = l(g, j, S), C = l(0, j, S);
+      return `M ${$.screenX + f},${$.screenY + o} L ${i.screenX + f},${i.screenY + o} L ${u.screenX + f},${u.screenY + o} L ${C.screenX + f},${C.screenY + o} Z`;
+    }
+    const L = Math.min(g, j) / 2, M = Math.min(b, L), v = 8, E = [], X = ($, i, u, C) => {
+      for (let P = 0; P <= v; P++) {
+        const z = u + (C - u) * (P / v), V = $ + M * Math.cos(z), t = i + M * Math.sin(z), c = l(V, t, S);
+        E.push(`${c.screenX + f},${c.screenY + o}`);
+      }
+    };
+    return X(M, M, Math.PI, Math.PI * 1.5), X(g - M, M, Math.PI * 1.5, Math.PI * 2), X(g - M, j - M, 0, Math.PI * 0.5), X(M, j - M, Math.PI * 0.5, Math.PI), `M ${E[0]} L ${E.slice(1).join(" L ")} Z`;
+  }, h = (g) => `M ${g.map((j) => `${j.x},${j.y}`).join(" L ")} Z`, I = (g, j, S, b, L, M) => {
+    const E = [];
+    for (let u = 0; u < 6; u++) {
+      const C = L + (M - L) * (u / 6), P = L + (M - L) * ((u + 1) / 6), z = (C + P) / 2, V = Math.cos(z), t = Math.sin(z), T = V * -0.577 + t * -0.577 + 0 * 0.577, H = 0.3 + Math.max(0, T + 0.4) * 0.5, G = l(g + S * Math.cos(C), j + S * Math.sin(C), 0), R = l(g + S * Math.cos(P), j + S * Math.sin(P), 0), p = l(g + S * Math.cos(C), j + S * Math.sin(C), b), Y = l(g + S * Math.cos(P), j + S * Math.sin(P), b), Q = `M ${G.screenX + f},${G.screenY + o} L ${R.screenX + f},${R.screenY + o} L ${Y.screenX + f},${Y.screenY + o} L ${p.screenX + f},${p.screenY + o} Z`;
+      E.push({ path: Q, intensity: H });
+    }
+    return E;
+  }, d = Math.min(x, Math.min(e, s) / 2), n = A(e, s, a, d);
+  let m, w, N, F, Z, B;
+  if (d > 0) {
+    const g = [
+      { x: l(0, d, 0).screenX + f, y: l(0, d, 0).screenY + o },
+      { x: l(0, s - d, 0).screenX + f, y: l(0, s - d, 0).screenY + o },
+      { x: l(0, s - d, a).screenX + f, y: l(0, s - d, a).screenY + o },
+      { x: l(0, d, a).screenX + f, y: l(0, d, a).screenY + o }
+    ];
+    m = h(g);
+    const j = [
+      { x: l(d, 0, 0).screenX + f, y: l(d, 0, 0).screenY + o },
+      { x: l(e - d, 0, 0).screenX + f, y: l(e - d, 0, 0).screenY + o },
+      { x: l(e - d, 0, a).screenX + f, y: l(e - d, 0, a).screenY + o },
+      { x: l(d, 0, a).screenX + f, y: l(d, 0, a).screenY + o }
+    ];
+    w = h(j), N = I(d, d, d, a, Math.PI, Math.PI * 1.5), F = I(e - d, d, d, a, Math.PI * 1.5, Math.PI * 2), Z = I(d, s - d, d, a, Math.PI * 0.5, Math.PI), B = I(e - d, s - d, d, a, 0, Math.PI * 0.5);
+  } else {
+    const g = [k.leftBottom, k.backBottom, k.backTop, k.leftTop], j = [k.leftBottom, k.frontBottom, k.frontTop, k.leftTop];
+    m = h(g), w = h(j), N = [], F = [], Z = [], B = [];
+  }
+  const q = `M ${k.leftBottom.x},${k.leftBottom.y} L ${k.frontBottom.x},${k.frontBottom.y} L ${k.rightBottom.x},${k.rightBottom.y} L ${k.backBottom.x},${k.backBottom.y} Z`;
+  return {
+    top: n,
+    left: m,
+    right: w,
+    cornerFrontLeft: N,
+    cornerFrontRight: F,
+    cornerBackLeft: Z,
+    cornerBackRight: B,
+    outline: q
+  };
+}
+function gt(e, s = 60, a = 50) {
+  return {
+    top: `hsl(${e}, ${s}%, ${Math.min(a + 15, 95)}%)`,
+    right: `hsl(${e}, ${s}%, ${a}%)`,
+    left: `hsl(${e}, ${s}%, ${Math.max(a - 15, 15)}%)`
+  };
+}
+const it = {
+  violet: { hue: 270, saturation: 60, lightness: 55 },
+  blue: { hue: 220, saturation: 70, lightness: 50 },
+  cyan: { hue: 190, saturation: 80, lightness: 45 },
+  emerald: { hue: 155, saturation: 65, lightness: 45 },
+  amber: { hue: 40, saturation: 90, lightness: 50 },
+  rose: { hue: 350, saturation: 70, lightness: 55 },
+  slate: { hue: 220, saturation: 15, lightness: 50 },
+  zinc: { hue: 240, saturation: 5, lightness: 50 }
+};
+function At(e) {
+  const s = it[e] || it.slate;
+  return gt(s.hue, s.saturation, s.lightness);
+}
+var rt = { exports: {} }, tt = {};
+var ft;
+function jt() {
+  if (ft) return tt;
+  ft = 1;
+  var e = /* @__PURE__ */ Symbol.for("react.transitional.element"), s = /* @__PURE__ */ Symbol.for("react.fragment");
+  function a(f, o, x) {
+    var y = null;
+    if (x !== void 0 && (y = "" + x), o.key !== void 0 && (y = "" + o.key), "key" in o) {
+      x = {};
+      for (var _ in o)
+        _ !== "key" && (x[_] = o[_]);
+    } else x = o;
+    return o = x.ref, {
+      $$typeof: e,
+      type: f,
+      key: y,
+      ref: o !== void 0 ? o : null,
+      props: x
+    };
+  }
+  return tt.Fragment = s, tt.jsx = a, tt.jsxs = a, tt;
+}
+var et = {};
+var dt;
+function _t() {
+  return dt || (dt = 1, process.env.NODE_ENV !== "production" && (function() {
+    function e(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === v ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case N:
+          return "Fragment";
+        case Z:
+          return "Profiler";
+        case F:
+          return "StrictMode";
+        case j:
+          return "Suspense";
+        case S:
+          return "SuspenseList";
+        case M:
+          return "Activity";
+      }
+      if (typeof t == "object")
+        switch (typeof t.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), t.$$typeof) {
+          case w:
+            return "Portal";
+          case q:
+            return t.displayName || "Context";
+          case B:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case g:
+            var c = t.render;
+            return t = t.displayName, t || (t = c.displayName || c.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case b:
+            return c = t.displayName || null, c !== null ? c : e(t.type) || "Memo";
+          case L:
+            c = t._payload, t = t._init;
+            try {
+              return e(t(c));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function s(t) {
+      return "" + t;
+    }
+    function a(t) {
+      try {
+        s(t);
+        var c = !1;
+      } catch {
+        c = !0;
+      }
+      if (c) {
+        c = console;
+        var T = c.error, O = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return T.call(
+          c,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          O
+        ), s(t);
+      }
+    }
+    function f(t) {
+      if (t === N) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === L)
+        return "<...>";
+      try {
+        var c = e(t);
+        return c ? "<" + c + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function o() {
+      var t = E.A;
+      return t === null ? null : t.getOwner();
+    }
+    function x() {
+      return Error("react-stack-top-frame");
+    }
+    function y(t) {
+      if (X.call(t, "key")) {
+        var c = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (c && c.isReactWarning) return !1;
+      }
+      return t.key !== void 0;
+    }
+    function _(t, c) {
+      function T() {
+        u || (u = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          c
+        ));
+      }
+      T.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: T,
+        configurable: !0
+      });
+    }
+    function k() {
+      var t = e(this.type);
+      return C[t] || (C[t] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), t = this.props.ref, t !== void 0 ? t : null;
+    }
+    function A(t, c, T, O, H, G) {
+      var R = T.ref;
+      return t = {
+        $$typeof: m,
+        type: t,
+        key: c,
+        props: T,
+        _owner: O
+      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(t, "ref", {
+        enumerable: !1,
+        get: k
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(t, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(t, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: H
+      }), Object.defineProperty(t, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: G
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+    }
+    function h(t, c, T, O, H, G) {
+      var R = c.children;
+      if (R !== void 0)
+        if (O)
+          if ($(R)) {
+            for (O = 0; O < R.length; O++)
+              I(R[O]);
+            Object.freeze && Object.freeze(R);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else I(R);
+      if (X.call(c, "key")) {
+        R = e(t);
+        var p = Object.keys(c).filter(function(Q) {
+          return Q !== "key";
+        });
+        O = 0 < p.length ? "{key: someKey, " + p.join(": ..., ") + ": ...}" : "{key: someKey}", V[R + O] || (p = 0 < p.length ? "{" + p.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          O,
+          R,
+          p,
+          R
+        ), V[R + O] = !0);
+      }
+      if (R = null, T !== void 0 && (a(T), R = "" + T), y(c) && (a(c.key), R = "" + c.key), "key" in c) {
+        T = {};
+        for (var Y in c)
+          Y !== "key" && (T[Y] = c[Y]);
+      } else T = c;
+      return R && _(
+        T,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), A(
+        t,
+        R,
+        T,
+        o(),
+        H,
+        G
+      );
+    }
+    function I(t) {
+      d(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === L && (t._payload.status === "fulfilled" ? d(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    }
+    function d(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === m;
+    }
+    var n = yt, m = /* @__PURE__ */ Symbol.for("react.transitional.element"), w = /* @__PURE__ */ Symbol.for("react.portal"), N = /* @__PURE__ */ Symbol.for("react.fragment"), F = /* @__PURE__ */ Symbol.for("react.strict_mode"), Z = /* @__PURE__ */ Symbol.for("react.profiler"), B = /* @__PURE__ */ Symbol.for("react.consumer"), q = /* @__PURE__ */ Symbol.for("react.context"), g = /* @__PURE__ */ Symbol.for("react.forward_ref"), j = /* @__PURE__ */ Symbol.for("react.suspense"), S = /* @__PURE__ */ Symbol.for("react.suspense_list"), b = /* @__PURE__ */ Symbol.for("react.memo"), L = /* @__PURE__ */ Symbol.for("react.lazy"), M = /* @__PURE__ */ Symbol.for("react.activity"), v = /* @__PURE__ */ Symbol.for("react.client.reference"), E = n.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, X = Object.prototype.hasOwnProperty, $ = Array.isArray, i = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    n = {
+      react_stack_bottom_frame: function(t) {
+        return t();
+      }
+    };
+    var u, C = {}, P = n.react_stack_bottom_frame.bind(
+      n,
+      x
+    )(), z = i(f(x)), V = {};
+    et.Fragment = N, et.jsx = function(t, c, T) {
+      var O = 1e4 > E.recentlyCreatedOwnerStacks++;
+      return h(
+        t,
+        c,
+        T,
+        !1,
+        O ? Error("react-stack-top-frame") : P,
+        O ? i(f(t)) : z
+      );
+    }, et.jsxs = function(t, c, T) {
+      var O = 1e4 > E.recentlyCreatedOwnerStacks++;
+      return h(
+        t,
+        c,
+        T,
+        !0,
+        O ? Error("react-stack-top-frame") : P,
+        O ? i(f(t)) : z
+      );
+    };
+  })()), et;
+}
+var pt;
+function Et() {
+  return pt || (pt = 1, process.env.NODE_ENV === "production" ? rt.exports = jt() : rt.exports = _t()), rt.exports;
+}
+var r = Et();
+const bt = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', Tt = {
+  blue: { top: "#3b82f6", side: "#2563eb", front: "#1d4ed8" },
+  violet: { top: "#8b5cf6", side: "#7c3aed", front: "#6d28d9" },
+  cyan: { top: "#06b6d4", side: "#0891b2", front: "#0e7490" },
+  emerald: { top: "#10b981", side: "#059669", front: "#047857" },
+  amber: { top: "#f59e0b", side: "#d97706", front: "#b45309" },
+  rose: { top: "#f43f5e", side: "#e11d48", front: "#be123c" },
+  slate: { top: "#475569", side: "#334155", front: "#1e293b" }
+}, Rt = {
+  blue: { top: "#93c5fd", side: "#60a5fa", front: "#3b82f6" },
+  violet: { top: "#c4b5fd", side: "#a78bfa", front: "#8b5cf6" },
+  cyan: { top: "#67e8f9", side: "#22d3ee", front: "#06b6d4" },
+  emerald: { top: "#6ee7b7", side: "#34d399", front: "#10b981" },
+  amber: { top: "#fcd34d", side: "#fbbf24", front: "#f59e0b" },
+  rose: { top: "#fda4af", side: "#fb7185", front: "#f43f5e" },
+  slate: { top: "#e2e8f0", side: "#cbd5e1", front: "#94a3b8" }
+};
+function st(e, s, a) {
+  const f = (A) => {
+    const h = A.replace("#", "");
+    return {
+      r: parseInt(h.substring(0, 2), 16),
+      g: parseInt(h.substring(2, 4), 16),
+      b: parseInt(h.substring(4, 6), 16)
+    };
+  }, o = f(e), x = f(s), y = Math.round(o.r + (x.r - o.r) * a), _ = Math.round(o.g + (x.g - o.g) * a), k = Math.round(o.b + (x.b - o.b) * a);
+  return `rgb(${y},${_},${k})`;
+}
+function wt({ x: e, y: s, z: a, children: f, fontSize: o = 8, color: x = "#1e293b", shadow: y }) {
+  const _ = l(e, s, a);
+  return /* @__PURE__ */ r.jsx("g", { transform: `translate(${_.screenX}, ${_.screenY})`, filter: y, children: /* @__PURE__ */ r.jsx("g", { transform: "matrix(0.866, -0.5, 0.866, 0.5, 0, 0)", children: /* @__PURE__ */ r.jsx(
+    "text",
+    {
+      x: 0,
+      y: 0,
+      textAnchor: "middle",
+      fill: x,
+      fontSize: o,
+      fontWeight: 600,
+      fontFamily: bt,
+      style: { textTransform: "uppercase", letterSpacing: "0.06em" },
+      children: f
+    }
+  ) }) });
+}
+function Ot({ width: e, depth: s, elevation: a, color: f, opacity: o, borderColor: x, theme: y, isGround: _ }) {
+  const A = K(e, s, _ ? 8 : 2, 0, 0), h = l(0, 0, a);
+  return /* @__PURE__ */ r.jsxs("g", { transform: `translate(${h.screenX}, ${h.screenY})`, children: [
+    _ && /* @__PURE__ */ r.jsx("g", { transform: "translate(4, 4)", opacity: 0.2, children: /* @__PURE__ */ r.jsx("path", { d: A.top, fill: "#000" }) }),
+    /* @__PURE__ */ r.jsx("path", { d: A.top, fill: f, opacity: o }),
+    _ && /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
+      /* @__PURE__ */ r.jsx("path", { d: A.left, fill: y === "dark" ? "#0f172a" : "#cbd5e1", opacity: 0.8 }),
+      /* @__PURE__ */ r.jsx("path", { d: A.right, fill: y === "dark" ? "#1e293b" : "#94a3b8", opacity: 0.8 })
+    ] }),
+    /* @__PURE__ */ r.jsx(
+      "path",
+      {
+        d: A.top,
+        fill: "none",
+        stroke: x || (y === "dark" ? "#475569" : "#94a3b8"),
+        strokeWidth: _ ? 1.5 : 0.75,
+        opacity: _ ? 1 : 0.6
+      }
+    )
+  ] });
+}
+function Lt({ config: e, options: s = {}, className: a, style: f, onNodeClick: o, onLayerClick: x }) {
+  const { interactive: y = !0, animate: _ = !0, showLabels: k = !0, expandOnHover: A = !0 } = s, { theme: h, canvas: I, origin: d, tiers: n, floorSize: m, nodes: w, cornerRadius: N = 0 } = e, F = h === "dark" ? Tt : Rt, Z = h === "dark" ? "#0f172a" : "#fafafa", B = h === "dark" ? "#e2e8f0" : "#1e293b", q = h === "dark" ? "#64748b" : "#94a3b8", [g, j] = ot(/* @__PURE__ */ new Set());
+  $t(() => {
+    _ ? (j(/* @__PURE__ */ new Set()), n.forEach(($, i) => {
+      setTimeout(() => {
+        j((u) => /* @__PURE__ */ new Set([...u, i]));
+      }, i * 150 + 100);
+    })) : j(new Set(n.map(($, i) => i)));
+  }, [e.id, _, n.length]);
+  const [S, b] = ot(null), [L, M] = ot(null), [v, E] = ot(null), X = [...w].sort(($, i) => {
+    const u = n[$.tier]?.elevation || 0, C = n[i.tier]?.elevation || 0;
+    if (u !== C) return u - C;
+    const P = $.x + $.width + ($.y + $.depth);
+    return i.x + i.width + (i.y + i.depth) - P;
+  });
+  return /* @__PURE__ */ r.jsx("div", { className: a, style: { display: "inline-block", ...f }, children: /* @__PURE__ */ r.jsxs(
+    "svg",
+    {
+      width: I.width,
+      height: I.height,
+      style: { backgroundColor: Z },
+      onClick: () => {
+        y && (E(null), M(null));
+      },
+      children: [
+        /* @__PURE__ */ r.jsxs("defs", { children: [
+          /* @__PURE__ */ r.jsx("pattern", { id: `grid-${e.id}`, width: "24", height: "24", patternUnits: "userSpaceOnUse", children: /* @__PURE__ */ r.jsx("circle", { cx: "12", cy: "12", r: "0.5", fill: h === "dark" ? "#1e293b" : "#e2e8f0" }) }),
+          /* @__PURE__ */ r.jsx("filter", { id: `glow-${e.id}`, x: "-20%", y: "-20%", width: "140%", height: "140%", children: /* @__PURE__ */ r.jsx(
+            "feDropShadow",
+            {
+              dx: "0",
+              dy: "4",
+              stdDeviation: "8",
+              floodColor: h === "dark" ? "#60a5fa" : "#3b82f6",
+              floodOpacity: "0.3"
+            }
+          ) }),
+          /* @__PURE__ */ r.jsxs("radialGradient", { id: `bg-${e.id}`, cx: "48%", cy: "34%", r: "82%", children: [
+            /* @__PURE__ */ r.jsx("stop", { offset: "0%", stopColor: h === "dark" ? "#16203a" : "#ffffff" }),
+            /* @__PURE__ */ r.jsx("stop", { offset: "55%", stopColor: h === "dark" ? "#0e1526" : "#f2f5f9" }),
+            /* @__PURE__ */ r.jsx("stop", { offset: "100%", stopColor: h === "dark" ? "#080d18" : "#e7ecf2" })
+          ] }),
+          /* @__PURE__ */ r.jsx("filter", { id: `contact-${e.id}`, x: "-60%", y: "-60%", width: "220%", height: "220%", children: /* @__PURE__ */ r.jsx("feGaussianBlur", { stdDeviation: "5" }) }),
+          /* @__PURE__ */ r.jsxs("linearGradient", { id: `sheen-${e.id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ r.jsx("stop", { offset: "0%", stopColor: "#ffffff", stopOpacity: "0.18" }),
+            /* @__PURE__ */ r.jsx("stop", { offset: "55%", stopColor: "#ffffff", stopOpacity: "0.04" }),
+            /* @__PURE__ */ r.jsx("stop", { offset: "100%", stopColor: "#ffffff", stopOpacity: "0" })
+          ] }),
+          /* @__PURE__ */ r.jsxs("linearGradient", { id: `shade-${e.id}`, x1: "0", y1: "0", x2: "0", y2: "1", children: [
+            /* @__PURE__ */ r.jsx("stop", { offset: "0%", stopColor: "#000000", stopOpacity: "0" }),
+            /* @__PURE__ */ r.jsx("stop", { offset: "100%", stopColor: "#000000", stopOpacity: "0.24" })
+          ] }),
+          /* @__PURE__ */ r.jsx("filter", { id: `label-${e.id}`, x: "-40%", y: "-40%", width: "180%", height: "180%", children: /* @__PURE__ */ r.jsx("feDropShadow", { dx: "0", dy: "0.5", stdDeviation: "0.7", floodColor: "#000000", floodOpacity: "0.7" }) })
+        ] }),
+        /* @__PURE__ */ r.jsx("rect", { width: "100%", height: "100%", fill: `url(#bg-${e.id})` }),
+        /* @__PURE__ */ r.jsx("rect", { width: "100%", height: "100%", fill: `url(#grid-${e.id})`, opacity: "0.5" }),
+        /* @__PURE__ */ r.jsx("g", { transform: `translate(${d.x}, ${d.y})`, children: n.map(($, i) => {
+          const u = X.filter((p) => p.tier === i), C = g.has(i), P = y && (L === i || L === null && v === null && S === i), z = y && (L !== null || S !== null || v !== null), V = v?.tier === i, t = z && !P && !V, c = C ? 0 : 60, T = C ? 1 : 0, O = P && A ? { x: 10, y: -34 } : { x: 0, y: 0 }, H = P ? 1.03 : 1, G = l(m.width / 2, m.depth / 2, $.elevation), R = $.offset || { x: 0, y: 0 };
+          return /* @__PURE__ */ r.jsxs(
+            "g",
+            {
+              "data-tier": i,
+              onMouseEnter: () => y && b(i),
+              onMouseLeave: () => y && b(null),
+              onClick: (p) => {
+                y && (p.stopPropagation(), E(null), M((Y) => Y === i ? null : i), x?.(i));
+              },
+              style: {
+                transform: `translate(${R.x + O.x}px, ${R.y + O.y}px) translate(${G.screenX}px, ${G.screenY + c}px) scale(${H}) translate(${-G.screenX}px, ${-G.screenY}px)`,
+                transition: "transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), opacity 0.4s ease-out",
+                opacity: T * (t ? 0.35 : 1),
+                filter: P ? `url(#glow-${e.id})` : "none",
+                cursor: y ? "pointer" : "default"
+              },
+              children: [
+                /* @__PURE__ */ r.jsx(
+                  Ot,
+                  {
+                    width: m.width,
+                    depth: m.depth,
+                    elevation: i === 0 ? -2 : $.elevation,
+                    color: $.floorColor || (h === "dark" ? "#0f172a" : "#f8fafc"),
+                    opacity: $.floorOpacity || (i === 0 ? 0.95 : 0.5),
+                    borderColor: $.borderColor,
+                    theme: h,
+                    isGround: i === 0
+                  }
+                ),
+                u.map((p, Y) => {
+                  const Q = $.elevation + 5, lt = l(p.x, p.y, Q), W = K(p.width, p.depth, p.height, lt.screenX, lt.screenY, N), U = F[p.color] || F.slate, at = v?.tier === i && v?.index === Y, mt = y && v !== null && !at, ct = l(p.x - 3, p.y - 3, $.elevation), xt = K(p.width + 6, p.depth + 6, 0, ct.screenX, ct.screenY, N).top;
+                  return /* @__PURE__ */ r.jsxs(
+                    "g",
+                    {
+                      "data-node": `${i}-${Y}`,
+                      opacity: (p.opacity ?? 1) * (mt ? 0.3 : 1),
+                      onClick: y ? (D) => {
+                        if (D.stopPropagation(), M(null), E((J) => J && J.tier === i && J.index === Y ? null : { tier: i, index: Y }), o?.(p, { tier: i, index: Y }), p.link)
+                          try {
+                            window.open(p.link, "_blank");
+                          } catch {
+                          }
+                      } : void 0,
+                      style: { cursor: y ? "pointer" : "default", transition: "opacity 0.3s ease-out" },
+                      children: [
+                        /* @__PURE__ */ r.jsx("path", { d: xt, fill: "#000000", opacity: 0.3, filter: `url(#contact-${e.id})` }),
+                        W.cornerBackRight?.map((D, J) => /* @__PURE__ */ r.jsx(
+                          "path",
+                          {
+                            d: D.path,
+                            fill: st(U.front, U.side, D.intensity)
+                          },
+                          `cbr-${J}`
+                        )),
+                        W.cornerBackLeft?.map((D, J) => /* @__PURE__ */ r.jsx(
+                          "path",
+                          {
+                            d: D.path,
+                            fill: st(U.side, U.front, D.intensity)
+                          },
+                          `cbl-${J}`
+                        )),
+                        /* @__PURE__ */ r.jsx("path", { d: W.left, fill: U.side }),
+                        /* @__PURE__ */ r.jsx("path", { d: W.left, fill: `url(#shade-${e.id})` }),
+                        /* @__PURE__ */ r.jsx("path", { d: W.right, fill: U.front }),
+                        /* @__PURE__ */ r.jsx("path", { d: W.right, fill: `url(#shade-${e.id})` }),
+                        W.cornerFrontRight?.map((D, J) => /* @__PURE__ */ r.jsx(
+                          "path",
+                          {
+                            d: D.path,
+                            fill: st(U.front, U.side, D.intensity)
+                          },
+                          `cfr-${J}`
+                        )),
+                        W.cornerFrontLeft?.map((D, J) => /* @__PURE__ */ r.jsx(
+                          "path",
+                          {
+                            d: D.path,
+                            fill: st(U.front, U.side, D.intensity)
+                          },
+                          `cfl-${J}`
+                        )),
+                        /* @__PURE__ */ r.jsx("path", { d: W.top, fill: U.top }),
+                        /* @__PURE__ */ r.jsx("path", { d: W.top, fill: `url(#sheen-${e.id})` }),
+                        /* @__PURE__ */ r.jsx(
+                          "path",
+                          {
+                            d: W.top,
+                            fill: "none",
+                            stroke: at ? "#ffffff" : "rgba(255,255,255,0.28)",
+                            strokeWidth: at ? 1.4 : 0.75,
+                            strokeLinejoin: "round"
+                          }
+                        ),
+                        k && p.label && /* @__PURE__ */ r.jsx(
+                          wt,
+                          {
+                            x: p.x + p.width / 2,
+                            y: p.y + p.depth / 2,
+                            z: Q + p.height + 2,
+                            fontSize: p.width > 70 ? 9 : 8,
+                            color: B,
+                            shadow: `url(#label-${e.id})`,
+                            children: p.label
+                          }
+                        )
+                      ]
+                    },
+                    Y
+                  );
+                }),
+                k && /* @__PURE__ */ r.jsx(
+                  "text",
+                  {
+                    x: l(-25, m.depth / 2, $.elevation + 15).screenX - 35,
+                    y: l(-25, m.depth / 2, $.elevation + 15).screenY,
+                    fill: q,
+                    fontSize: 9,
+                    fontWeight: 500,
+                    fontFamily: bt,
+                    opacity: 0.6,
+                    style: { letterSpacing: "0.05em" },
+                    children: $.name
+                  }
+                )
+              ]
+            },
+            i
+          );
+        }) })
+      ]
+    }
+  ) });
+}
+const ut = '"JetBrains Mono", "Fira Code", "SF Mono", Consolas, monospace', St = {
+  blue: { top: "#3b82f6", side: "#2563eb", front: "#1d4ed8" },
+  violet: { top: "#8b5cf6", side: "#7c3aed", front: "#6d28d9" },
+  cyan: { top: "#06b6d4", side: "#0891b2", front: "#0e7490" },
+  emerald: { top: "#10b981", side: "#059669", front: "#047857" },
+  amber: { top: "#f59e0b", side: "#d97706", front: "#b45309" },
+  rose: { top: "#f43f5e", side: "#e11d48", front: "#be123c" },
+  slate: { top: "#475569", side: "#334155", front: "#1e293b" }
+}, Mt = {
+  blue: { top: "#93c5fd", side: "#60a5fa", front: "#3b82f6" },
+  violet: { top: "#c4b5fd", side: "#a78bfa", front: "#8b5cf6" },
+  cyan: { top: "#67e8f9", side: "#22d3ee", front: "#06b6d4" },
+  emerald: { top: "#6ee7b7", side: "#34d399", front: "#10b981" },
+  amber: { top: "#fcd34d", side: "#fbbf24", front: "#f59e0b" },
+  rose: { top: "#fda4af", side: "#fb7185", front: "#f43f5e" },
+  slate: { top: "#e2e8f0", side: "#cbd5e1", front: "#94a3b8" }
+};
+function nt(e, s, a) {
+  const f = (A) => {
+    const h = A.replace("#", "");
+    return {
+      r: parseInt(h.substring(0, 2), 16),
+      g: parseInt(h.substring(2, 4), 16),
+      b: parseInt(h.substring(4, 6), 16)
+    };
+  }, o = f(e), x = f(s), y = Math.round(o.r + (x.r - o.r) * a), _ = Math.round(o.g + (x.g - o.g) * a), k = Math.round(o.b + (x.b - o.b) * a);
+  return `rgb(${y},${_},${k})`;
+}
+function Ct(e) {
+  const { theme: s, canvas: a, origin: f, tiers: o, floorSize: x, nodes: y, cornerRadius: _ = 0 } = e, k = s === "dark" ? St : Mt, A = s === "dark" ? "#0f172a" : "#fafafa", h = s === "dark" ? "#e2e8f0" : "#1e293b", I = s === "dark" ? "#64748b" : "#94a3b8", d = [...y].sort((m, w) => {
+    const N = o[m.tier]?.elevation || 0, F = o[w.tier]?.elevation || 0;
+    return N !== F ? N - F : w.x + w.width + (w.y + w.depth) - (m.x + m.width + (m.y + m.depth));
+  });
+  let n = `<svg xmlns="http://www.w3.org/2000/svg" width="${a.width}" height="${a.height}" style="background:${A}">`;
+  n += `<defs>
+    <pattern id="grid" width="24" height="24" patternUnits="userSpaceOnUse">
+      <circle cx="12" cy="12" r="0.5" fill="${s === "dark" ? "#1e293b" : "#e2e8f0"}"/>
+    </pattern>
+    <radialGradient id="bg" cx="48%" cy="34%" r="82%">
+      <stop offset="0%" stop-color="${s === "dark" ? "#16203a" : "#ffffff"}"/>
+      <stop offset="55%" stop-color="${s === "dark" ? "#0e1526" : "#f2f5f9"}"/>
+      <stop offset="100%" stop-color="${s === "dark" ? "#080d18" : "#e7ecf2"}"/>
+    </radialGradient>
+    <filter id="contact" x="-60%" y="-60%" width="220%" height="220%"><feGaussianBlur stdDeviation="5"/></filter>
+    <linearGradient id="sheen" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#ffffff" stop-opacity="0.18"/><stop offset="55%" stop-color="#ffffff" stop-opacity="0.04"/><stop offset="100%" stop-color="#ffffff" stop-opacity="0"/></linearGradient>
+    <linearGradient id="shade" x1="0" y1="0" x2="0" y2="1"><stop offset="0%" stop-color="#000000" stop-opacity="0"/><stop offset="100%" stop-color="#000000" stop-opacity="0.24"/></linearGradient>
+    <filter id="labelshadow" x="-40%" y="-40%" width="180%" height="180%"><feDropShadow dx="0" dy="0.5" stdDeviation="0.7" flood-color="#000000" flood-opacity="0.7"/></filter>
+  </defs>`, n += '<rect width="100%" height="100%" fill="url(#bg)"/>', n += '<rect width="100%" height="100%" fill="url(#grid)" opacity="0.5"/>', n += `<g transform="translate(${f.x},${f.y})">`;
+  for (let m = 0; m < o.length; m++) {
+    const w = o[m], N = d.filter((b) => b.tier === m), F = w.offset || { x: 0, y: 0 };
+    n += `<g transform="translate(${F.x},${F.y})">`;
+    const Z = m === 0 ? 8 : 2, B = K(x.width, x.depth, Z, 0, 0), q = l(0, 0, m === 0 ? -2 : w.elevation), g = w.floorColor || (s === "dark" ? "#0f172a" : "#f8fafc"), j = w.floorOpacity || (m === 0 ? 0.95 : 0.5);
+    n += `<g transform="translate(${q.screenX},${q.screenY})">`, m === 0 && (n += `<g transform="translate(4,4)" opacity="0.2"><path d="${B.top}" fill="#000"/></g>`), n += `<path d="${B.top}" fill="${g}" opacity="${j}"/>`, m === 0 && (n += `<path d="${B.left}" fill="${s === "dark" ? "#0f172a" : "#cbd5e1"}" opacity="0.8"/>`, n += `<path d="${B.right}" fill="${s === "dark" ? "#1e293b" : "#94a3b8"}" opacity="0.8"/>`), n += `<path d="${B.top}" fill="none" stroke="${w.borderColor || (s === "dark" ? "#475569" : "#94a3b8")}" stroke-width="${m === 0 ? 1.5 : 0.75}" opacity="${m === 0 ? 1 : 0.6}"/>`, n += "</g>";
+    for (const b of N) {
+      const L = w.elevation + 5, M = l(b.x, b.y, L), v = K(b.width, b.depth, b.height, M.screenX, M.screenY, _), E = k[b.color] || k.slate, X = b.opacity ?? 1;
+      n += `<g opacity="${X}">`;
+      const $ = l(b.x - 3, b.y - 3, w.elevation), i = K(b.width + 6, b.depth + 6, 0, $.screenX, $.screenY, _).top;
+      if (n += `<path d="${i}" fill="#000000" opacity="0.3" filter="url(#contact)"/>`, v.cornerBackRight)
+        for (const u of v.cornerBackRight)
+          n += `<path d="${u.path}" fill="${nt(E.front, E.side, u.intensity)}"/>`;
+      if (v.cornerBackLeft)
+        for (const u of v.cornerBackLeft)
+          n += `<path d="${u.path}" fill="${nt(E.side, E.front, u.intensity)}"/>`;
+      if (n += `<path d="${v.left}" fill="${E.side}"/>`, n += `<path d="${v.left}" fill="url(#shade)"/>`, n += `<path d="${v.right}" fill="${E.front}"/>`, n += `<path d="${v.right}" fill="url(#shade)"/>`, v.cornerFrontRight)
+        for (const u of v.cornerFrontRight)
+          n += `<path d="${u.path}" fill="${nt(E.front, E.side, u.intensity)}"/>`;
+      if (v.cornerFrontLeft)
+        for (const u of v.cornerFrontLeft)
+          n += `<path d="${u.path}" fill="${nt(E.front, E.side, u.intensity)}"/>`;
+      if (n += `<path d="${v.top}" fill="${E.top}"/>`, n += `<path d="${v.top}" fill="url(#sheen)"/>`, n += `<path d="${v.top}" fill="none" stroke="rgba(255,255,255,0.28)" stroke-width="0.75" stroke-linejoin="round"/>`, b.label) {
+        const u = l(b.x + b.width / 2, b.y + b.depth / 2, L + b.height + 2), C = b.width > 70 ? 9 : 8;
+        n += `<g transform="translate(${u.screenX},${u.screenY})" filter="url(#labelshadow)">`, n += '<g transform="matrix(0.866,-0.5,0.866,0.5,0,0)">', n += `<text x="0" y="0" text-anchor="middle" fill="${h}" font-size="${C}" font-weight="600" font-family='${ut}' style="text-transform:uppercase;letter-spacing:0.06em">${b.label}</text>`, n += "</g></g>";
+      }
+      n += "</g>";
+    }
+    const S = l(-25, x.depth / 2, w.elevation + 15);
+    n += `<text x="${S.screenX - 35}" y="${S.screenY}" fill="${I}" font-size="9" font-weight="500" font-family='${ut}' opacity="0.6" style="letter-spacing:0.05em">${w.name}</text>`, n += "</g>";
+  }
+  return n += "</g></svg>", n;
+}
+function Nt(e, s) {
+  e.innerHTML = Ct(s);
+}
+export {
+  Lt as ArcDiagram,
+  At as getColorShading,
+  K as isoBox,
+  l as isoToScreen,
+  Nt as renderToElement,
+  Ct as renderToString
+};