@goblin-systems/goblin-design-system 0.1.0

package/dist/index.js

@@ -0,0 +1,716 @@
+import * as V from "lucide";
+import { createIcons as F } from "lucide";
+import { getCurrentWindow as G } from "@tauri-apps/api/window";
+const H = Object.fromEntries(
+  Object.entries(V).filter(([, e]) => Array.isArray(e))
+);
+function ne() {
+  F({ icons: H });
+}
+function oe(e) {
+  const t = e.split("-").map((p) => p.charAt(0).toUpperCase() + p.slice(1)).join(""), o = H[t];
+  if (!o) return null;
+  const l = "http://www.w3.org/2000/svg", n = document.createElementNS(l, "svg");
+  n.setAttribute("xmlns", l), n.setAttribute("width", "24"), n.setAttribute("height", "24"), n.setAttribute("viewBox", "0 0 24 24"), n.setAttribute("fill", "none"), n.setAttribute("stroke", "currentColor"), n.setAttribute("stroke-width", "2"), n.setAttribute("stroke-linecap", "round"), n.setAttribute("stroke-linejoin", "round");
+  for (const [p, d] of o) {
+    const g = document.createElementNS(l, p);
+    for (const [s, i] of Object.entries(d))
+      g.setAttribute(s, String(i));
+    n.appendChild(g);
+  }
+  return n;
+}
+function re(e, t = document) {
+  const o = t.getElementById(e);
+  if (!o) throw new Error(`Missing required element: #${e}`);
+  return o;
+}
+function ae(e, t = document) {
+  return t.getElementById(e) ?? null;
+}
+function se(e, t = document) {
+  const o = t.querySelector(e);
+  if (!o) throw new Error(`Missing required element: ${e}`);
+  return o;
+}
+function ie(e, t = document) {
+  return t.querySelectorAll(e);
+}
+function le(e, t, o) {
+  if (e.innerHTML = "", t.length === 0) {
+    const l = document.createElement("option");
+    l.value = "", l.textContent = "No options available", e.appendChild(l), e.value = "", e.disabled = !0;
+    return;
+  }
+  for (const l of t) {
+    const n = document.createElement("option");
+    n.value = l, n.textContent = l, e.appendChild(n);
+  }
+  e.disabled = !1, e.value = t.includes(o) ? o : t[0];
+}
+function ce(e, t) {
+  e.classList.toggle("is-disabled", t), e.querySelectorAll(
+    "input, select, button"
+  ).forEach((o) => {
+    o.disabled = t;
+  });
+}
+function de(e = {}) {
+  const { root: t = document, onSelect: o } = e, l = Array.from(t.querySelectorAll(".nav-item"));
+  let n = null;
+  function p(s) {
+    n && n !== s && d(n);
+    const i = s.querySelector(".nav-trigger"), r = s.querySelector(".nav-dropdown");
+    !i || !r || (i.classList.add("is-open"), r.classList.add("is-open"), n = s);
+  }
+  function d(s) {
+    var r;
+    (r = s.querySelector(".nav-trigger")) == null || r.classList.remove("is-open");
+    const i = s.querySelector(".nav-dropdown");
+    i == null || i.classList.remove("is-open"), i == null || i.querySelectorAll(".nav-option--has-sub.is-sub-open").forEach((a) => a.classList.remove("is-sub-open")), n === s && (n = null);
+  }
+  function g() {
+    l.forEach(d);
+  }
+  return l.forEach((s) => {
+    const i = s.querySelector(".nav-trigger"), r = s.querySelector(".nav-dropdown");
+    i == null || i.addEventListener("click", (a) => {
+      a.stopPropagation(), n === s ? d(s) : p(s);
+    }), i == null || i.addEventListener("mouseenter", () => {
+      n && n !== s && p(s);
+    }), r == null || r.querySelectorAll(".nav-option--has-sub").forEach((a) => {
+      a.addEventListener("mouseenter", () => {
+        r.querySelectorAll(".nav-option--has-sub.is-sub-open").forEach((f) => {
+          f !== a && f.classList.remove("is-sub-open");
+        }), a.classList.add("is-sub-open");
+      });
+      const u = a.querySelector(".nav-submenu");
+      u == null || u.addEventListener("mouseleave", (f) => {
+        const c = f.relatedTarget;
+        a.contains(c) || a.classList.remove("is-sub-open");
+      });
+    }), r == null || r.querySelectorAll(".nav-option:not(.nav-option--has-sub)").forEach((a) => {
+      a.addEventListener("click", (u) => {
+        if (u.stopPropagation(), a.classList.contains("nav-option--disabled")) return;
+        const f = a.dataset.navId ?? "";
+        o == null || o(f), g();
+      });
+    });
+  }), document.addEventListener("click", g), document.addEventListener("keydown", (s) => {
+    s.key === "Escape" && n && (s.preventDefault(), g());
+  }), { openItem: p, closeItem: d, closeAll: g };
+}
+let C = null;
+function X(e, t) {
+  const { message: o, variant: l = "success", durationMs: n = 3e3 } = t;
+  C && (clearTimeout(C), C = null), e.textContent = o, e.className = `app-toast ${l}`, e.offsetHeight, e.classList.add("visible"), C = setTimeout(() => {
+    e.classList.remove("visible"), C = null;
+  }, n);
+}
+function ue(e, t = "success", o = 3e3, l = "app-toast") {
+  const n = document.getElementById(l);
+  n && X(n, { message: e, variant: t, durationMs: o });
+}
+function me(e) {
+  var h;
+  const {
+    input: t,
+    onSearch: o,
+    onSelect: l,
+    debounce: n = 200,
+    minChars: p = 0
+  } = e;
+  let d = null, g = -1, s = [];
+  const i = ((h = t.closest(".search-field")) == null ? void 0 : h.querySelector(".search-suggestions")) ?? null;
+  function r(b) {
+    if (s = b, g = -1, !i) return;
+    if (i.innerHTML = "", b.length === 0) {
+      i.classList.remove("is-open");
+      return;
+    }
+    const S = document.createDocumentFragment();
+    for (const M of b) {
+      const y = document.createElement("button");
+      y.type = "button", y.className = "search-suggestion", y.textContent = M, y.addEventListener("mousedown", (L) => {
+        L.preventDefault(), a(M);
+      }), S.appendChild(y);
+    }
+    i.appendChild(S), i.classList.add("is-open");
+  }
+  function a(b) {
+    t.value = b, i == null || i.classList.remove("is-open"), s = [], g = -1, l == null || l(b);
+  }
+  function u(b) {
+    var M;
+    if (!i) return;
+    const S = i.querySelectorAll(".search-suggestion");
+    S.forEach((y, L) => y.classList.toggle("is-active", L === b)), g = b, (M = S[b]) == null || M.scrollIntoView({ block: "nearest" });
+  }
+  function f() {
+    d && clearTimeout(d);
+    const b = t.value;
+    if (b.length < p) {
+      r([]);
+      return;
+    }
+    d = setTimeout(() => o == null ? void 0 : o(b), n);
+  }
+  function c(b) {
+    if (i != null && i.classList.contains("is-open"))
+      switch (b.key) {
+        case "ArrowDown":
+          b.preventDefault(), u(Math.min(g + 1, s.length - 1));
+          break;
+        case "ArrowUp":
+          b.preventDefault(), u(Math.max(g - 1, 0));
+          break;
+        case "Enter":
+          g >= 0 && (b.preventDefault(), a(s[g]));
+          break;
+        case "Escape":
+          r([]);
+          break;
+      }
+  }
+  function m() {
+    setTimeout(() => i == null ? void 0 : i.classList.remove("is-open"), 150);
+  }
+  return t.addEventListener("input", f), t.addEventListener("keydown", c), t.addEventListener("blur", m), {
+    setSuggestions: r,
+    clearSuggestions: () => r([]),
+    destroy() {
+      d && clearTimeout(d), t.removeEventListener("input", f), t.removeEventListener("keydown", c), t.removeEventListener("blur", m);
+    }
+  };
+}
+function fe(e) {
+  var W, O;
+  const {
+    el: t,
+    min: o = 0,
+    max: l = 100,
+    step: n = 1,
+    inverted: p = !1,
+    onChange: d
+  } = e, g = t.querySelector(".range-track"), s = t.querySelector(".range-fill"), i = t.querySelector(".range-fill-end") ?? null, r = t.querySelector('[data-thumb="lo"]'), a = t.querySelector('[data-thumb="hi"]'), u = t.querySelector(".range-label-lo") ?? null, f = t.querySelector(".range-label-hi") ?? null;
+  let c = ((W = e.value) == null ? void 0 : W[0]) ?? o, m = ((O = e.value) == null ? void 0 : O[1]) ?? l;
+  function h(v) {
+    return Math.round((v - o) / n) * n + o;
+  }
+  function b(v, E, w) {
+    return Math.max(E, Math.min(w, v));
+  }
+  function S(v) {
+    return (v - o) / (l - o) * 100;
+  }
+  function M() {
+    const v = S(c), E = S(m);
+    r.style.left = `${v}%`, a.style.left = `${E}%`, p ? (s.style.left = "0%", s.style.width = `${v}%`, i && (i.style.left = `${E}%`, i.style.width = `${100 - E}%`)) : (s.style.left = `${v}%`, s.style.width = `${E - v}%`), r.setAttribute("aria-valuenow", String(c)), a.setAttribute("aria-valuenow", String(m)), r.setAttribute("aria-valuetext", String(c)), a.setAttribute("aria-valuetext", String(m)), u && (u.textContent = String(c)), f && (f.textContent = String(m));
+  }
+  function y(v) {
+    const E = g.getBoundingClientRect(), w = b((v - E.left) / E.width, 0, 1);
+    return h(o + w * (l - o));
+  }
+  function L(v, E) {
+    E.preventDefault();
+    const w = v === "lo" ? r : a;
+    w.classList.add("is-dragging"), w.setPointerCapture(E.pointerId);
+    function B(I) {
+      const $ = y(I.clientX);
+      v === "lo" ? c = b($, o, m) : m = b($, c, l), M(), d == null || d(c, m);
+    }
+    function R(I) {
+      w.classList.remove("is-dragging"), w.releasePointerCapture(I.pointerId), w.removeEventListener("pointermove", B), w.removeEventListener("pointerup", R);
+    }
+    w.addEventListener("pointermove", B), w.addEventListener("pointerup", R);
+  }
+  function D(v) {
+    if (v.target.closest(".range-thumb")) return;
+    const E = y(v.clientX), w = Math.abs(E - c), B = Math.abs(E - m);
+    w <= B ? c = b(E, o, m) : m = b(E, c, l), M(), d == null || d(c, m);
+  }
+  function T(v) {
+    const E = v.currentTarget.dataset.thumb;
+    let w = 0;
+    switch (v.key) {
+      case "ArrowRight":
+      case "ArrowUp":
+        w = +n;
+        break;
+      case "ArrowLeft":
+      case "ArrowDown":
+        w = -n;
+        break;
+      case "PageUp":
+        w = +n * 10;
+        break;
+      case "PageDown":
+        w = -n * 10;
+        break;
+      case "Home":
+        E === "lo" && (c = o, M(), d == null || d(c, m));
+        return;
+      case "End":
+        E === "hi" && (m = l, M(), d == null || d(c, m));
+        return;
+      default:
+        return;
+    }
+    v.preventDefault(), E === "lo" ? c = b(h(c + w), o, m) : m = b(h(m + w), c, l), M(), d == null || d(c, m);
+  }
+  return r.setAttribute("role", "slider"), r.setAttribute("tabindex", "0"), r.setAttribute("aria-label", "Minimum"), r.setAttribute("aria-valuemin", String(o)), r.setAttribute("aria-valuemax", String(l)), a.setAttribute("role", "slider"), a.setAttribute("tabindex", "0"), a.setAttribute("aria-label", "Maximum"), a.setAttribute("aria-valuemin", String(o)), a.setAttribute("aria-valuemax", String(l)), r.addEventListener("pointerdown", (v) => L("lo", v)), a.addEventListener("pointerdown", (v) => L("hi", v)), r.addEventListener("keydown", T), a.addEventListener("keydown", T), g.addEventListener("click", D), M(), {
+    setValue(v, E) {
+      c = b(h(v), o, l), m = b(h(E), o, l), c > m && ([c, m] = [m, c]), M();
+    },
+    getValue() {
+      return [c, m];
+    },
+    destroy() {
+      r.removeEventListener("pointerdown", (v) => L("lo", v)), a.removeEventListener("pointerdown", (v) => L("hi", v)), r.removeEventListener("keydown", T), a.removeEventListener("keydown", T), g.removeEventListener("click", D);
+    }
+  };
+}
+function _(e) {
+  const {
+    backdrop: t,
+    closeOnBackdrop: o = !0,
+    closeOnEscape: l = !0,
+    onClose: n,
+    onAccept: p,
+    onReject: d,
+    acceptBtnSelector: g = ".modal-btn-accept",
+    rejectBtnSelector: s = ".modal-btn-reject"
+  } = e;
+  t.removeAttribute("hidden"), document.body.classList.add("modal-open");
+  const i = () => {
+    j({ backdrop: t, onClose: n }), p == null || p();
+  }, r = () => {
+    j({ backdrop: t, onClose: n }), d == null || d();
+  };
+  if (t.querySelectorAll(g).forEach((a) => a.addEventListener("click", i, { once: !0 })), t.querySelectorAll(s).forEach((a) => a.addEventListener("click", r, { once: !0 })), o && t.addEventListener(
+    "click",
+    (a) => {
+      a.target === t && r();
+    },
+    { once: !0 }
+  ), l) {
+    const a = (u) => {
+      u.key === "Escape" && (r(), document.removeEventListener("keydown", a));
+    };
+    document.addEventListener("keydown", a);
+  }
+}
+function j(e) {
+  const { backdrop: t, onClose: o } = e;
+  t.setAttribute("hidden", ""), document.body.classList.remove("modal-open"), o == null || o();
+}
+function ge(e, t, o = {}) {
+  const l = document.getElementById(e), n = document.getElementById(t);
+  n && (l == null || l.addEventListener("click", () => _({ backdrop: n, ...o })));
+}
+const Y = `<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24"
+  fill="none" stroke="currentColor" stroke-width="2"
+  stroke-linecap="round" stroke-linejoin="round">
+  <line x1="18" y1="6" x2="6" y2="18"/><line x1="6" y1="6" x2="18" y2="18"/>
+</svg>`;
+function pe(e) {
+  const {
+    title: t,
+    message: o,
+    acceptLabel: l = "Confirm",
+    rejectLabel: n = "Cancel",
+    variant: p = "default",
+    closeOnBackdrop: d = !0,
+    closeOnEscape: g = !0
+  } = e;
+  return new Promise((s) => {
+    const i = document.createElement("div");
+    i.className = "modal-backdrop";
+    const r = document.createElement("div");
+    r.className = "modal-card", r.setAttribute("role", "dialog"), r.setAttribute("aria-modal", "true");
+    const a = document.createElement("div");
+    a.className = "modal-header";
+    const u = document.createElement("h3");
+    u.textContent = t;
+    const f = document.createElement("button");
+    if (f.className = "icon-btn modal-close-btn modal-btn-reject", f.setAttribute("aria-label", "Close"), f.innerHTML = Y, a.append(u, f), r.appendChild(a), o) {
+      const y = document.createElement("p");
+      y.className = "modal-body-text", y.textContent = o, r.appendChild(y);
+    }
+    const c = document.createElement("div");
+    c.className = "modal-footer";
+    const m = document.createElement("button");
+    m.className = "secondary-btn modal-btn-reject", m.textContent = n;
+    const h = document.createElement("button");
+    h.className = `modal-btn-accept${p === "danger" ? " danger" : ""}`, h.textContent = l, c.append(m, h), r.appendChild(c), i.appendChild(r), document.body.appendChild(i), document.body.classList.add("modal-open"), requestAnimationFrame(() => m.focus());
+    const b = () => {
+      i.remove(), document.body.classList.remove("modal-open");
+    }, S = () => {
+      b(), s(!0);
+    }, M = () => {
+      b(), s(!1);
+    };
+    if (h.addEventListener("click", S, { once: !0 }), i.querySelectorAll(".modal-btn-reject").forEach((y) => y.addEventListener("click", M, { once: !0 })), d && i.addEventListener(
+      "click",
+      (y) => {
+        y.target === i && M();
+      },
+      { once: !0 }
+    ), g) {
+      const y = (L) => {
+        L.key === "Escape" && (M(), document.removeEventListener("keydown", y));
+      };
+      document.addEventListener("keydown", y);
+    }
+  });
+}
+function be(e = {}) {
+  var i, r;
+  const {
+    triggerSelector: t = "[data-tab-trigger]",
+    panelSelector: o = "[data-tab-panel]",
+    root: l = document,
+    onChange: n
+  } = e, p = Array.from(l.querySelectorAll(t)), d = Array.from(l.querySelectorAll(o));
+  function g(a) {
+    p.forEach((u) => {
+      u.classList.toggle("is-active", u.dataset.tabTrigger === a);
+    }), d.forEach((u) => {
+      u.classList.toggle("is-active", u.dataset.tabPanel === a);
+    }), n == null || n(a);
+  }
+  p.forEach((a) => {
+    a.addEventListener("click", () => {
+      const u = a.dataset.tabTrigger;
+      u && g(u);
+    });
+  });
+  const s = ((i = p.find((a) => a.classList.contains("is-active"))) == null ? void 0 : i.dataset.tabTrigger) ?? ((r = p[0]) == null ? void 0 : r.dataset.tabTrigger);
+  return s && g(s), { activate: g };
+}
+function ve(e) {
+  const {
+    workspace: t,
+    leftResizer: o,
+    rightResizer: l,
+    leftVar: n = "--left-panel-width",
+    rightVar: p = "--right-panel-width",
+    minLeft: d = 160,
+    maxLeft: g = 480,
+    minRight: s = 160,
+    maxRight: i = 520
+  } = e;
+  let r = null, a = 0, u = 0;
+  function f() {
+    return parseInt(getComputedStyle(t).getPropertyValue(n) || "220", 10);
+  }
+  function c() {
+    return parseInt(getComputedStyle(t).getPropertyValue(p) || "260", 10);
+  }
+  o.addEventListener("mousedown", (m) => {
+    r = "left", a = m.clientX, u = f(), m.preventDefault();
+  }), l.addEventListener("mousedown", (m) => {
+    r = "right", a = m.clientX, u = c(), m.preventDefault();
+  }), document.addEventListener("mousemove", (m) => {
+    if (r)
+      if (r === "left") {
+        const h = m.clientX - a, b = Math.min(g, Math.max(d, u + h));
+        t.style.setProperty(n, `${b}px`);
+      } else {
+        const h = a - m.clientX, b = Math.min(i, Math.max(s, u + h));
+        t.style.setProperty(p, `${b}px`);
+      }
+  }), document.addEventListener("mouseup", () => {
+    r = null;
+  });
+}
+function he(e = {}) {
+  const {
+    minimizeBtnId: t = "window-minimize-btn",
+    maximizeBtnId: o = "window-maximize-btn",
+    closeBtnId: l = "window-close-btn"
+  } = e, n = G(), p = document.getElementById(t), d = document.getElementById(o), g = document.getElementById(l);
+  p == null || p.addEventListener("click", async () => {
+    try {
+      await n.minimize();
+    } catch (s) {
+      console.error("Failed to minimize window:", s);
+    }
+  }), d && (d.addEventListener("click", async () => {
+    try {
+      const s = await n.isMaximized();
+      s ? await n.unmaximize() : await n.maximize(), x(d, !s);
+    } catch (s) {
+      console.error("Failed to toggle maximize:", s);
+    }
+  }), n.isMaximized().then((s) => x(d, s)).catch(() => {
+  }), n.onResized(async () => {
+    try {
+      const s = await n.isMaximized();
+      x(d, s);
+    } catch {
+    }
+  })), g == null || g.addEventListener("click", async () => {
+    try {
+      await n.close();
+    } catch (s) {
+      console.error("Failed to close window:", s);
+    }
+  });
+}
+function x(e, t) {
+  e.dataset.maximized = String(t);
+  const o = e.querySelector("svg");
+  if (!o) return;
+  const l = t ? [
+    // minimize-2: two arrows pointing inward
+    ["polyline", "points", "4 14 10 14 10 20"],
+    ["polyline", "points", "20 10 14 10 14 4"],
+    ["line", "x1,y1,x2,y2", "10,20,3,13"],
+    ["line", "x1,y1,x2,y2", "21,3,14,10"]
+  ] : [
+    // maximize-2: two arrows pointing outward
+    ["polyline", "points", "15 3 21 3 21 9"],
+    ["polyline", "points", "9 21 3 21 3 15"],
+    ["line", "x1,y1,x2,y2", "21,3,14,10"],
+    ["line", "x1,y1,x2,y2", "3,21,10,14"]
+  ];
+  o.innerHTML = "";
+  const n = "http://www.w3.org/2000/svg";
+  for (const [p, d, g] of l) {
+    const s = document.createElementNS(n, p), i = d.split(","), r = g.split(",");
+    i.forEach((a, u) => s.setAttribute(a, r[u] ?? "")), o.appendChild(s);
+  }
+}
+function ye() {
+  window.addEventListener("contextmenu", (e) => {
+    e.preventDefault();
+  }), window.addEventListener("keydown", (e) => {
+    (e.key === "ContextMenu" || e.shiftKey && e.key === "F10") && e.preventDefault();
+  });
+}
+const z = ["classic", "bars", "pulse", "bloom", "fan"], P = [
+  "aurora",
+  "ember",
+  "glacier",
+  "sunset",
+  "monochrome"
+], A = {
+  aurora: {
+    horizontalStart: "rgba(108, 99, 255, 0.3)",
+    horizontalMid: "rgba(74, 222, 128, 0.95)",
+    horizontalEnd: "rgba(108, 99, 255, 0.3)",
+    verticalTop: "rgba(167, 139, 250, 0.7)",
+    verticalMid: "rgba(74, 222, 128, 0.95)",
+    verticalBottom: "rgba(34, 211, 238, 0.62)",
+    glow: "rgba(74, 222, 128, 0.45)",
+    progressStart: "rgba(251, 191, 36, 0.95)",
+    progressEnd: "rgba(248, 113, 113, 0.9)",
+    label: "Aurora"
+  },
+  ember: {
+    horizontalStart: "rgba(251, 146, 60, 0.34)",
+    horizontalMid: "rgba(248, 113, 113, 0.98)",
+    horizontalEnd: "rgba(245, 158, 11, 0.34)",
+    verticalTop: "rgba(253, 186, 116, 0.78)",
+    verticalMid: "rgba(248, 113, 113, 0.94)",
+    verticalBottom: "rgba(239, 68, 68, 0.66)",
+    glow: "rgba(248, 113, 113, 0.42)",
+    progressStart: "rgba(253, 224, 71, 0.96)",
+    progressEnd: "rgba(239, 68, 68, 0.9)",
+    label: "Ember"
+  },
+  glacier: {
+    horizontalStart: "rgba(96, 165, 250, 0.3)",
+    horizontalMid: "rgba(125, 211, 252, 0.95)",
+    horizontalEnd: "rgba(45, 212, 191, 0.3)",
+    verticalTop: "rgba(191, 219, 254, 0.76)",
+    verticalMid: "rgba(125, 211, 252, 0.92)",
+    verticalBottom: "rgba(45, 212, 191, 0.62)",
+    glow: "rgba(96, 165, 250, 0.38)",
+    progressStart: "rgba(165, 243, 252, 0.95)",
+    progressEnd: "rgba(96, 165, 250, 0.88)",
+    label: "Glacier"
+  },
+  sunset: {
+    horizontalStart: "rgba(244, 114, 182, 0.32)",
+    horizontalMid: "rgba(251, 191, 36, 0.96)",
+    horizontalEnd: "rgba(249, 115, 22, 0.34)",
+    verticalTop: "rgba(251, 207, 232, 0.76)",
+    verticalMid: "rgba(251, 191, 36, 0.93)",
+    verticalBottom: "rgba(249, 115, 22, 0.66)",
+    glow: "rgba(251, 191, 36, 0.4)",
+    progressStart: "rgba(253, 224, 71, 0.96)",
+    progressEnd: "rgba(236, 72, 153, 0.9)",
+    label: "Sunset"
+  },
+  monochrome: {
+    horizontalStart: "rgba(148, 163, 184, 0.25)",
+    horizontalMid: "rgba(241, 245, 249, 0.95)",
+    horizontalEnd: "rgba(148, 163, 184, 0.25)",
+    verticalTop: "rgba(226, 232, 240, 0.68)",
+    verticalMid: "rgba(241, 245, 249, 0.92)",
+    verticalBottom: "rgba(148, 163, 184, 0.55)",
+    glow: "rgba(226, 232, 240, 0.26)",
+    progressStart: "rgba(248, 250, 252, 0.92)",
+    progressEnd: "rgba(148, 163, 184, 0.82)",
+    label: "Monochrome"
+  }
+};
+function Ee(e) {
+  return typeof e == "string" && z.includes(e);
+}
+function we(e) {
+  return typeof e == "string" && P.includes(e);
+}
+function Me(e) {
+  const t = z.indexOf(e);
+  return z[(t + 1) % z.length];
+}
+function Se(e) {
+  const t = P.indexOf(e);
+  return P[(t + 1) % P.length];
+}
+function Le(e) {
+  return {
+    classic: "Classic",
+    bars: "Bars",
+    pulse: "Pulse",
+    bloom: "Bloom",
+    fan: "Fan"
+  }[e];
+}
+function ke(e) {
+  return A[e].label;
+}
+function k(e, t) {
+  const o = e.match(/^rgba\((.+?),\s*([0-9.]+)\)$/);
+  return o ? `rgba(${o[1]}, ${Number(o[2]) * t})` : e;
+}
+function q(e, t, o, l = 1) {
+  const n = e.createLinearGradient(0, 0, t, 0);
+  return n.addColorStop(0, k(o.horizontalStart, l)), n.addColorStop(0.5, k(o.horizontalMid, l)), n.addColorStop(1, k(o.horizontalEnd, l)), n;
+}
+function N(e, t, o, l = 1) {
+  const n = e.createLinearGradient(0, 0, 0, t);
+  return n.addColorStop(0, k(o.verticalTop, l)), n.addColorStop(0.45, k(o.verticalMid, l)), n.addColorStop(1, k(o.verticalBottom, l)), n;
+}
+function K({ ctx: e, width: t, height: o, amplitude: l, phase: n, colorScheme: p }) {
+  const d = A[p], g = o / 2;
+  e.lineWidth = 2, e.strokeStyle = q(e, t, d), e.shadowColor = d.glow, e.shadowBlur = 12, e.beginPath();
+  for (let s = 0; s <= t; s += 2) {
+    const i = s / Math.max(t, 1), r = Math.sin(i * Math.PI), a = g + Math.sin(i * 10 + n) * l * r + Math.sin(i * 22 + n * 1.8) * l * 0.16;
+    s === 0 ? e.moveTo(s, a) : e.lineTo(s, a);
+  }
+  e.stroke(), e.shadowBlur = 0;
+}
+function U({ ctx: e, width: t, height: o, amplitude: l, phase: n, active: p, colorScheme: d }) {
+  const g = A[d], s = o / 2, i = 6, r = 3, a = Math.max(2, o * 0.08), u = Math.max(a + 2, Math.min(o * 0.92, a + l * 2.4));
+  e.fillStyle = N(e, o, g, p ? 1 : 0.72), e.shadowColor = k(g.glow, 0.84), e.shadowBlur = p ? 10 : 0;
+  for (let f = 0; f <= t; f += i) {
+    const c = f / Math.max(t, 1), m = Math.sin(c * 18 - n * 1.9), h = Math.sin(c * 8 + n * 1.15), b = Math.max(0, m * 0.72 + h * 0.28), S = p ? 0.2 + b * 0.8 : 0, M = a + (u - a) * S, y = s - M / 2;
+    e.fillRect(f, y, r, M);
+  }
+  e.shadowBlur = 0;
+}
+function J({ ctx: e, width: t, height: o, amplitude: l, phase: n, active: p, colorScheme: d }) {
+  const g = A[d], s = o / 2, i = p ? Math.max(3, l * 1.25) : 0;
+  e.fillStyle = N(e, o, g, 0.28), e.beginPath();
+  for (let r = 0; r <= t; r += 4) {
+    const a = r / Math.max(t, 1), u = 0.32 + Math.sin(a * Math.PI) * 0.68, f = Math.sin(a * 8 + n * 0.95) + Math.sin(a * 17 - n * 1.6) * 0.35, c = s - i * u * f * 0.7;
+    r === 0 ? e.moveTo(r, c) : e.lineTo(r, c);
+  }
+  for (let r = t; r >= 0; r -= 4) {
+    const a = r / Math.max(t, 1), u = 0.32 + Math.sin(a * Math.PI) * 0.68, f = Math.sin(a * 8 + n * 0.95) + Math.sin(a * 17 - n * 1.6) * 0.35, c = s + i * u * f * 0.7;
+    e.lineTo(r, c);
+  }
+  e.closePath(), e.fill(), e.lineWidth = 1.5, e.strokeStyle = q(e, t, g), e.shadowColor = k(g.glow, 0.88), e.shadowBlur = p ? 10 : 0, e.beginPath();
+  for (let r = 0; r <= t; r += 3) {
+    const a = r / Math.max(t, 1), u = 0.32 + Math.sin(a * Math.PI) * 0.68, f = Math.sin(a * 8 + n * 0.95) + Math.sin(a * 17 - n * 1.6) * 0.35, c = s + i * u * f * 0.45;
+    r === 0 ? e.moveTo(r, c) : e.lineTo(r, c);
+  }
+  e.stroke(), e.shadowBlur = 0;
+}
+function Q({ ctx: e, width: t, height: o, amplitude: l, phase: n, active: p, colorScheme: d }) {
+  const g = A[d], s = t / 2, i = o / 2, r = t / 2, a = 24, u = p ? Math.max(4, l * 1.4) : 0;
+  e.lineWidth = 1.8, e.strokeStyle = q(e, t, g), e.shadowColor = k(g.glow, 0.9), e.shadowBlur = p ? 12 : 0;
+  for (let f = 0; f < a; f += 1) {
+    const c = (f + 1) / a, m = c * r, h = Math.pow(1 - c, 0.45), b = Math.sin(n * 1.15 - c * 12) * 0.7 + Math.sin(n * 0.65 - c * 6.5) * 0.3, S = 1 + u * h * Math.max(0.15, b + 0.45);
+    e.beginPath(), e.moveTo(s - m, i - S), e.lineTo(s - m, i + S), e.moveTo(s + m, i - S), e.lineTo(s + m, i + S), e.stroke();
+  }
+  e.shadowBlur = 0;
+}
+function Z({ ctx: e, width: t, height: o, amplitude: l, phase: n, active: p, colorScheme: d }) {
+  const g = A[d], s = t / 2, i = o / 2, r = t / 2, a = p ? Math.max(4, l * 1.15) : 0;
+  e.fillStyle = N(e, o, g, 0.22), e.strokeStyle = q(e, t, g), e.lineWidth = 1.6, e.shadowColor = k(g.glow, 0.85), e.shadowBlur = p ? 10 : 0, e.beginPath(), e.moveTo(s, i);
+  for (let u = 0; u <= r; u += 3) {
+    const f = u / Math.max(r, 1), c = Math.sin(f * Math.PI * 0.95), m = Math.sin(n * 1.25 + f * 10) + Math.sin(n * 0.82 + f * 18) * 0.24, h = i - a * c * m * 0.58;
+    e.lineTo(s + u, h);
+  }
+  for (let u = r; u >= 0; u -= 3) {
+    const f = u / Math.max(r, 1), c = Math.sin(f * Math.PI * 0.95), m = Math.sin(n * 1.25 + f * 10) + Math.sin(n * 0.82 + f * 18) * 0.24, h = i + a * c * m * 0.58;
+    e.lineTo(s + u, h);
+  }
+  e.closePath(), e.fill();
+  for (const u of [1, -1]) {
+    e.beginPath(), e.moveTo(s, i);
+    for (let f = 0; f <= r; f += 3) {
+      const c = f / Math.max(r, 1), m = Math.sin(c * Math.PI * 0.95), h = Math.sin(n * 1.25 + c * 10) + Math.sin(n * 0.82 + c * 18) * 0.24, b = i - a * m * h * 0.58;
+      e.lineTo(s + u * f, b);
+    }
+    e.stroke(), e.beginPath(), e.moveTo(s, i);
+    for (let f = 0; f <= r; f += 3) {
+      const c = f / Math.max(r, 1), m = Math.sin(c * Math.PI * 0.95), h = Math.sin(n * 1.25 + c * 10) + Math.sin(n * 0.82 + c * 18) * 0.24, b = i + a * m * h * 0.58;
+      e.lineTo(s + u * f, b);
+    }
+    e.stroke();
+  }
+  e.shadowBlur = 0;
+}
+function Ae(e, t) {
+  ({
+    classic: K,
+    bars: U,
+    pulse: J,
+    bloom: Q,
+    fan: Z
+  })[e](t);
+}
+function Ce(e, t, o) {
+  const l = A[o], n = e.createLinearGradient(0, 0, 0, t);
+  return n.addColorStop(0, l.progressStart), n.addColorStop(1, l.progressEnd), n;
+}
+export {
+  H as ICON_SET,
+  P as WAVEFORM_COLOR_SCHEMES,
+  z as WAVEFORM_STYLES,
+  ne as applyIcons,
+  ge as bindModal,
+  de as bindNavigation,
+  fe as bindRange,
+  me as bindSearch,
+  ve as bindSplitPaneResize,
+  be as bindTabs,
+  re as byId,
+  ae as byIdOptional,
+  j as closeModal,
+  pe as confirmModal,
+  oe as createIcon,
+  Ce as createWaveProgressGradient,
+  Se as cycleWaveformColorScheme,
+  Me as cycleWaveformStyle,
+  Ae as drawWaveform,
+  ke as getWaveformColorSchemeLabel,
+  Le as getWaveformStyleLabel,
+  we as isWaveformColorScheme,
+  Ee as isWaveformStyle,
+  X as mountToast,
+  _ as openModal,
+  le as populateSelectOptions,
+  se as qs,
+  ie as qsAll,
+  ce as setGroupDisabled,
+  ye as setupContextMenuGuard,
+  he as setupWindowControls,
+  ue as showToast
+};