soltana-ui 0.1.0

package/dist/soltana-ui.js

@@ -0,0 +1,1702 @@
+const ze = ["dark", "light", "sepia"], We = ["flat", "glassmorphic", "skeuomorphic", "neumorphic"], Ge = ["matte", "frosted", "tinted", "glossy"], $e = [...ze, "auto"], qe = [...We], De = [...Ge], _e = {
+  theme: $e,
+  relief: qe,
+  finish: De
+};
+function Re(e, t) {
+  const i = _e[e];
+  i.includes(t) || i.push(t);
+}
+function Me(e, t) {
+  const i = _e[e], r = i.indexOf(t);
+  r !== -1 && i.splice(r, 1);
+}
+const fe = $e, he = qe, be = De, Ie = 'a[href], button:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
+function Pe(e, t) {
+  const i = Array.from(new Set(e.querySelectorAll(Ie)));
+  if (i.length === 0) return;
+  const r = i[0], o = i[i.length - 1];
+  t.shiftKey && document.activeElement === r ? (t.preventDefault(), o.focus()) : !t.shiftKey && document.activeElement === o && (t.preventDefault(), r.focus());
+}
+function Ne(e) {
+  let t = null, i = 0;
+  function r(n) {
+    n.classList.contains("active") || (n.classList.add("active"), e.childElementsToActivate.forEach((s) => {
+      n.querySelector(s)?.classList.add("active");
+    }), n.setAttribute("aria-hidden", "false"), i++, document.body.classList.add(e.bodyOpenClass), requestAnimationFrame(() => {
+      const s = n.querySelector(e.contentSelector);
+      (s?.querySelector(Ie) ?? s)?.focus();
+    }));
+  }
+  function o(n) {
+    n.classList.remove("active"), e.childElementsToActivate.forEach((s) => {
+      n.querySelector(s)?.classList.remove("active");
+    }), n.setAttribute("aria-hidden", "true"), i = Math.max(0, i - 1), i === 0 && document.body.classList.remove(e.bodyOpenClass);
+  }
+  return function(s) {
+    t?.abort(), t = new AbortController(), i = 0, document.body.classList.remove(e.bodyOpenClass);
+    const { signal: c } = t, l = s?.root ?? document, d = `[${e.openTriggerAttr}]`, a = `[${e.closeTriggerAttr}]`;
+    return l.querySelectorAll(s?.selector ?? d).forEach((u) => {
+      u.addEventListener(
+        "click",
+        () => {
+          const f = u.getAttribute(e.openTriggerAttr);
+          if (!f) return;
+          const b = document.getElementById(f);
+          b?.hasAttribute(e.overlaySelector.slice(1, -1)) && r(b);
+        },
+        { signal: c }
+      );
+    }), l.querySelectorAll(e.overlaySelector).forEach((u) => {
+      e.setupAria?.(u), u.querySelectorAll(a).forEach((b) => {
+        b.addEventListener(
+          "click",
+          () => {
+            o(u);
+          },
+          { signal: c }
+        );
+      });
+      const f = e.checkOverlayAsBackdrop && u.matches(e.backdropSelector) ? u : u.querySelector(e.backdropSelector);
+      f?.addEventListener(
+        "click",
+        (b) => {
+          b.target === f && o(u);
+        },
+        { signal: c }
+      ), u.addEventListener(
+        "keydown",
+        (b) => {
+          if (b.key === "Escape") {
+            o(u);
+            return;
+          }
+          if (b.key === "Tab") {
+            const h = u.querySelector(e.contentSelector);
+            h && Pe(h, b);
+          }
+        },
+        { signal: c }
+      );
+    }), {
+      destroy() {
+        t?.abort(), t = null, i = 0, document.body.classList.remove(e.bodyOpenClass);
+      }
+    };
+  };
+}
+const Je = "[data-sol-modal]", nr = "[data-modal-open]", Xe = Ne({
+  overlaySelector: Je,
+  openTriggerAttr: "data-modal-open",
+  closeTriggerAttr: "data-modal-close",
+  bodyOpenClass: "sol-modal-open",
+  contentSelector: ".modal__content, .modal",
+  childElementsToActivate: [".modal"],
+  checkOverlayAsBackdrop: !0,
+  backdropSelector: ".modal-backdrop"
+});
+function W() {
+  return Math.random().toString(36).slice(2, 7);
+}
+const Ze = "[data-sol-tabs]";
+let $ = null;
+function re(e, t) {
+  const i = e.querySelectorAll('[role="tab"]'), r = e.querySelectorAll('[role="tabpanel"]');
+  i.forEach((o, n) => {
+    const s = n === t;
+    o.setAttribute("aria-selected", String(s)), o.setAttribute("tabindex", s ? "0" : "-1"), o.classList.toggle("active", s);
+  }), r.forEach((o, n) => {
+    const s = n === t;
+    o.hidden = !s, o.classList.toggle("active", s);
+  });
+}
+function me(e) {
+  const t = e.querySelectorAll('[role="tab"]');
+  for (let i = 0; i < t.length; i++)
+    if (t[i].getAttribute("aria-selected") === "true") return i;
+  return 0;
+}
+function Qe(e) {
+  $?.abort(), $ = new AbortController();
+  const { signal: t } = $;
+  return (e?.root ?? document).querySelectorAll(e?.selector ?? Ze).forEach((r) => {
+    const o = r.querySelectorAll('[role="tab"]'), n = o.length;
+    if (n === 0) return;
+    const s = r.id || `sol-tabs-${W()}`, c = r.querySelectorAll('[role="tabpanel"]');
+    o.forEach((d, a) => {
+      const u = `${s}-tab-${String(a)}`, f = `${s}-panel-${String(a)}`;
+      d.id = u, d.setAttribute("aria-controls", f);
+      const b = c[a];
+      b && (b.id = f, b.setAttribute("aria-labelledby", u));
+    }), re(r, me(r)), o.forEach((d, a) => {
+      d.addEventListener(
+        "click",
+        () => {
+          re(r, a), d.focus();
+        },
+        { signal: t }
+      );
+    }), r.querySelector('[role="tablist"]')?.addEventListener(
+      "keydown",
+      (d) => {
+        const a = me(r);
+        let u = a;
+        switch (d.key) {
+          case "ArrowRight":
+          case "ArrowDown":
+            d.preventDefault(), u = (a + 1) % n;
+            break;
+          case "ArrowLeft":
+          case "ArrowUp":
+            d.preventDefault(), u = (a - 1 + n) % n;
+            break;
+          case "Home":
+            d.preventDefault(), u = 0;
+            break;
+          case "End":
+            d.preventDefault(), u = n - 1;
+            break;
+          default:
+            return;
+        }
+        re(r, u), o[u].focus();
+      },
+      { signal: t }
+    );
+  }), {
+    destroy() {
+      $?.abort(), $ = null;
+    }
+  };
+}
+const pe = {
+  top: "bottom",
+  bottom: "top",
+  left: "right",
+  right: "left"
+};
+function et(e) {
+  return e instanceof HTMLElement ? e.getBoundingClientRect() : { top: e.y, bottom: e.y, left: e.x, right: e.x, width: 0, height: 0 };
+}
+function ve(e, t, i, r) {
+  let o = 0, n = 0;
+  switch (i) {
+    case "top":
+      o = e.top - t.height - r, n = e.left + e.width / 2 - t.width / 2;
+      break;
+    case "bottom":
+      o = e.bottom + r, n = e.left + e.width / 2 - t.width / 2;
+      break;
+    case "left":
+      o = e.top + e.height / 2 - t.height / 2, n = e.left - t.width - r;
+      break;
+    case "right":
+      o = e.top + e.height / 2 - t.height / 2, n = e.right + r;
+      break;
+  }
+  return { top: o, left: n };
+}
+function ge(e, t, i, r) {
+  switch (i) {
+    case "top":
+      return e.top < r;
+    case "bottom":
+      return e.top + t.height > window.innerHeight - r;
+    case "left":
+      return e.left < r;
+    case "right":
+      return e.left + t.width > window.innerWidth - r;
+  }
+}
+function de(e) {
+  const { anchor: t, floating: i, placement: r, gap: o = 8, viewportPadding: n = 4, flip: s = !0 } = e, c = et(t), l = i.getBoundingClientRect();
+  let d = ve(c, l, r, o);
+  if (s && ge(d, l, r, n)) {
+    const a = ve(c, l, pe[r], o);
+    ge(a, l, pe[r], n) || (d = a);
+  }
+  return d.left = Math.max(
+    n,
+    Math.min(d.left, window.innerWidth - l.width - n)
+  ), d.top = Math.max(
+    n,
+    Math.min(d.top, window.innerHeight - l.height - n)
+  ), d;
+}
+const tt = "[data-sol-tooltip]";
+let q = null, k = null, w = null;
+function rt() {
+  return k?.isConnected || (k = document.createElement("div"), k.className = "tooltip", k.setAttribute("role", "tooltip"), document.body.appendChild(k)), k;
+}
+function ye(e) {
+  const t = e.getAttribute("data-sol-tooltip");
+  if (!t) return;
+  w && w !== e && w.removeAttribute("aria-describedby");
+  const i = rt();
+  i.textContent = t, i.classList.add("active"), w = e, i.id || (i.id = `sol-tooltip-${W()}`), e.setAttribute("aria-describedby", i.id), requestAnimationFrame(() => {
+    ot(e, i);
+  });
+}
+function oe() {
+  k && k.classList.remove("active"), w && (w.removeAttribute("aria-describedby"), w = null);
+}
+function ot(e, t) {
+  const i = e.getAttribute("data-tooltip-position") ?? "top", { top: r, left: o } = de({
+    anchor: e,
+    floating: t,
+    placement: i
+  });
+  t.style.setProperty("--tooltip-top", `${String(r)}px`), t.style.setProperty("--tooltip-left", `${String(o)}px`);
+}
+function nt(e) {
+  q?.abort(), q = new AbortController();
+  const { signal: t } = q;
+  return (e?.root ?? document).querySelectorAll(e?.selector ?? tt).forEach((r) => {
+    r.addEventListener(
+      "mouseenter",
+      () => {
+        ye(r);
+      },
+      { signal: t }
+    ), r.addEventListener(
+      "focus",
+      () => {
+        ye(r);
+      },
+      { signal: t }
+    ), r.addEventListener("mouseleave", oe, { signal: t }), r.addEventListener("blur", oe, { signal: t }), r.addEventListener(
+      "keydown",
+      (o) => {
+        o.key === "Escape" && oe();
+      },
+      { signal: t }
+    );
+  }), {
+    destroy() {
+      q?.abort(), q = null, k?.isConnected && k.remove(), k = null, w && (w.removeAttribute("aria-describedby"), w = null);
+    }
+  };
+}
+function te(e, t) {
+  const { container: i, itemSelector: r, orientation: o, wrap: n = !0, onActivate: s } = e, c = Array.from(i.querySelectorAll(r));
+  if (c.length === 0) return !1;
+  const l = c.indexOf(document.activeElement);
+  let d = l;
+  const a = o === "vertical" || o === "both", u = o === "horizontal" || o === "both";
+  switch (t.key) {
+    case "ArrowDown":
+      if (!a) return !1;
+      t.preventDefault(), d = l + 1;
+      break;
+    case "ArrowUp":
+      if (!a) return !1;
+      t.preventDefault(), d = l - 1;
+      break;
+    case "ArrowRight":
+      if (!u) return !1;
+      t.preventDefault(), d = l + 1;
+      break;
+    case "ArrowLeft":
+      if (!u) return !1;
+      t.preventDefault(), d = l - 1;
+      break;
+    case "Home":
+      t.preventDefault(), d = 0;
+      break;
+    case "End":
+      t.preventDefault(), d = c.length - 1;
+      break;
+    case "Enter":
+    case " ":
+      return l >= 0 && s && (t.preventDefault(), s(c[l])), l >= 0;
+    default:
+      return !1;
+  }
+  return n ? d = (d + c.length) % c.length : d = Math.max(0, Math.min(d, c.length - 1)), c[d]?.focus(), !0;
+}
+const st = "[data-sol-accordion]";
+let D = null;
+function Ee(e, t) {
+  e.classList.toggle("active", t);
+  const i = e.querySelector(".accordion-header"), r = e.querySelector(".accordion-body");
+  i?.setAttribute("aria-expanded", String(t)), r && (t ? (r.style.setProperty("--accordion-height", `${String(r.scrollHeight)}px`), r.hidden = !1) : (r.style.setProperty("--accordion-height", "0"), r.addEventListener(
+    "transitionend",
+    () => {
+      r.hidden = !0;
+    },
+    { once: !0 }
+  )));
+}
+function it(e) {
+  D?.abort(), D = new AbortController();
+  const { signal: t } = D;
+  return (e?.root ?? document).querySelectorAll(e?.selector ?? st).forEach((r) => {
+    const o = r.hasAttribute("data-accordion-exclusive"), n = r.querySelectorAll(".accordion-item");
+    n.forEach((s, c) => {
+      const l = s.querySelector(".accordion-header"), d = s.querySelector(".accordion-body");
+      if (!l || !d) return;
+      const a = r.id || `sol-accordion-${W()}`, u = `${a}-header-${String(c)}`, f = `${a}-panel-${String(c)}`;
+      l.id = u, l.setAttribute("role", "button"), l.setAttribute("tabindex", "0"), l.setAttribute("aria-controls", f), d.id = f, d.setAttribute("role", "region"), d.setAttribute("aria-labelledby", u);
+      const b = s.classList.contains("active");
+      l.setAttribute("aria-expanded", String(b)), b ? d.style.setProperty("--accordion-height", `${String(d.scrollHeight)}px`) : (d.style.setProperty("--accordion-height", "0"), d.hidden = !0), l.addEventListener(
+        "click",
+        () => {
+          const h = !s.classList.contains("active");
+          o && h && n.forEach((g) => {
+            g !== s && g.classList.contains("active") && Ee(g, !1);
+          }), Ee(s, h);
+        },
+        { signal: t }
+      ), l.addEventListener(
+        "keydown",
+        (h) => {
+          (h.key === "Enter" || h.key === " ") && (h.preventDefault(), l.click());
+        },
+        { signal: t }
+      );
+    }), r.addEventListener(
+      "keydown",
+      (s) => {
+        te(
+          {
+            container: r,
+            itemSelector: ".accordion-header",
+            orientation: "vertical"
+          },
+          s
+        );
+      },
+      { signal: t }
+    );
+  }), {
+    destroy() {
+      D?.abort(), D = null;
+    }
+  };
+}
+function G(e, t, i) {
+  document.addEventListener(
+    "mousedown",
+    (r) => {
+      e.contains(r.target) || t();
+    },
+    { signal: i }
+  );
+}
+const ct = "[data-sol-dropdown]";
+let _ = null;
+function Ae(e, t) {
+  t.classList.add("active"), e.setAttribute("aria-expanded", "true"), e.focus(), requestAnimationFrame(() => {
+    t.querySelector('[role="menuitem"]')?.focus();
+  });
+}
+function R(e, t) {
+  t.classList.remove("active"), e.setAttribute("aria-expanded", "false");
+}
+function lt(e) {
+  _?.abort(), _ = new AbortController();
+  const { signal: t } = _;
+  return (e?.root ?? document).querySelectorAll(e?.selector ?? ct).forEach((r) => {
+    const o = r.querySelector(".dropdown-toggle"), n = r.querySelector(".dropdown-menu");
+    !o || !n || (o.setAttribute("aria-haspopup", "menu"), o.setAttribute("aria-expanded", "false"), n.getAttribute("role") || n.setAttribute("role", "menu"), n.querySelectorAll(".dropdown-item").forEach((s) => {
+      s.getAttribute("role") || s.setAttribute("role", "menuitem"), s.setAttribute("tabindex", "-1");
+    }), o.addEventListener(
+      "click",
+      () => {
+        n.classList.contains("active") ? R(o, n) : Ae(o, n);
+      },
+      { signal: t }
+    ), G(
+      r,
+      () => {
+        n.classList.contains("active") && R(o, n);
+      },
+      t
+    ), r.addEventListener(
+      "keydown",
+      (s) => {
+        const c = n.classList.contains("active");
+        if (s.key === "Escape" && c) {
+          s.preventDefault(), R(o, n), requestAnimationFrame(() => {
+            o.focus();
+          });
+          return;
+        }
+        if (s.key === "Tab" && c) {
+          R(o, n);
+          return;
+        }
+        if ((s.key === "ArrowDown" || s.key === "Enter" || s.key === " ") && document.activeElement === o && !c) {
+          s.preventDefault(), Ae(o, n);
+          return;
+        }
+        c && te(
+          {
+            container: n,
+            itemSelector: '[role="menuitem"]',
+            orientation: "vertical",
+            onActivate: (l) => {
+              l.click(), R(o, n), o.focus();
+            }
+          },
+          s
+        );
+      },
+      { signal: t }
+    ));
+  }), {
+    destroy() {
+      _?.abort(), _ = null;
+    }
+  };
+}
+const at = "[data-sol-drawer]", sr = "[data-drawer-open]", dt = Ne({
+  overlaySelector: at,
+  openTriggerAttr: "data-drawer-open",
+  closeTriggerAttr: "data-drawer-close",
+  bodyOpenClass: "sol-drawer-open",
+  contentSelector: ".drawer",
+  childElementsToActivate: [".drawer-backdrop", ".drawer"],
+  checkOverlayAsBackdrop: !1,
+  backdropSelector: ".drawer-backdrop",
+  setupAria: (e) => {
+    e.getAttribute("role") || e.querySelector(".drawer")?.setAttribute("role", "dialog");
+  }
+}), ut = "[data-sol-toast-container]";
+let M = null, x = null;
+function ft(e) {
+  const t = document.querySelector(
+    `.toast-container-${e}[data-sol-toast-container]`
+  );
+  if (t) return t;
+  if (x?.isConnected && x.classList.contains(`toast-container-${e}`))
+    return x;
+  const i = document.createElement("div");
+  return i.className = `toast-container toast-container-${e}`, i.setAttribute("data-sol-toast-container", ""), i.setAttribute("role", "status"), i.setAttribute("aria-live", "polite"), document.body.appendChild(i), x = i, i;
+}
+function ht(e) {
+  const t = document.createElement("div"), i = e.type ? ` toast-${e.type}` : "";
+  t.className = `toast${i}`;
+  const r = document.createElement("div");
+  r.className = "toast-header";
+  const o = document.createElement("strong");
+  o.className = "text-sm", o.textContent = e.type ? e.type.charAt(0).toUpperCase() + e.type.slice(1) : "Notice";
+  const n = document.createElement("button");
+  n.className = "close close-sm", n.setAttribute("aria-label", "Dismiss"), r.appendChild(o), r.appendChild(n);
+  const s = document.createElement("div");
+  return s.className = "toast-body text-sm", s.textContent = e.message, t.appendChild(r), t.appendChild(s), t;
+}
+function ir(e) {
+  const { duration: t = 5e3, position: i = "top-right" } = e, r = ft(i), o = ht(e);
+  r.appendChild(o), requestAnimationFrame(() => {
+    o.classList.add("active");
+  });
+  const n = o.querySelector(".close"), s = () => {
+    o.classList.remove("active"), o.addEventListener(
+      "transitionend",
+      () => {
+        o.remove();
+      },
+      { once: !0 }
+    ), setTimeout(() => {
+      o.isConnected && o.remove();
+    }, 500);
+  };
+  return n?.addEventListener("click", s), t > 0 && setTimeout(s, t), o;
+}
+function bt(e) {
+  e.classList.remove("active"), e.addEventListener(
+    "transitionend",
+    () => {
+      e.remove();
+    },
+    { once: !0 }
+  ), setTimeout(() => {
+    e.isConnected && e.remove();
+  }, 500);
+}
+function mt(e) {
+  M?.abort(), M = new AbortController();
+  const { signal: t } = M;
+  return (e?.root ?? document).querySelectorAll(e?.selector ?? ut).forEach((r) => {
+    r.getAttribute("role") || r.setAttribute("role", "status"), r.getAttribute("aria-live") || r.setAttribute("aria-live", "polite"), r.querySelectorAll(".toast .close").forEach((o) => {
+      o.addEventListener(
+        "click",
+        () => {
+          const n = o.closest(".toast");
+          n && bt(n);
+        },
+        { signal: t }
+      );
+    });
+  }), {
+    destroy() {
+      M?.abort(), M = null, x?.isConnected && x.remove(), x = null;
+    }
+  };
+}
+const pt = "[data-sol-collapsible]";
+let I = null;
+function vt(e) {
+  I?.abort(), I = new AbortController();
+  const { signal: t } = I;
+  return (e?.root ?? document).querySelectorAll(e?.selector ?? pt).forEach((r) => {
+    const o = r.querySelector(".collapsible-trigger"), n = r.querySelector(".collapsible-content");
+    if (!o || !n) return;
+    const s = r.hasAttribute("data-collapsible-open");
+    o.setAttribute("aria-expanded", String(s)), n.setAttribute("aria-hidden", String(!s)), s ? n.style.setProperty("--collapsible-height", `${String(n.scrollHeight)}px`) : n.style.setProperty("--collapsible-height", "0"), n.id || (n.id = `sol-collapsible-${W()}`), o.setAttribute("aria-controls", n.id), o.addEventListener(
+      "click",
+      () => {
+        const l = !(o.getAttribute("aria-expanded") === "true");
+        o.setAttribute("aria-expanded", String(l)), n.setAttribute("aria-hidden", String(!l)), l ? (n.style.setProperty("--collapsible-height", `${String(n.scrollHeight)}px`), r.setAttribute("data-collapsible-open", "")) : (n.style.setProperty("--collapsible-height", "0"), r.removeAttribute("data-collapsible-open"));
+      },
+      { signal: t }
+    );
+  }), {
+    destroy() {
+      I?.abort(), I = null;
+    }
+  };
+}
+const gt = "[data-sol-combobox]";
+let P = null;
+function yt(e) {
+  return (e.getAttribute("data-value") ?? e.textContent ?? "").toLowerCase();
+}
+function Et(e) {
+  P?.abort(), P = new AbortController();
+  const { signal: t } = P;
+  return (e?.root ?? document).querySelectorAll(e?.selector ?? gt).forEach((r) => {
+    const o = r.querySelector(".combobox-input"), n = r.querySelector(".combobox-listbox");
+    if (!o || !n) return;
+    const s = o, c = n, l = Array.from(c.querySelectorAll(".combobox-option")), d = c.querySelector(".combobox-empty");
+    s.setAttribute("role", "combobox"), s.setAttribute("aria-expanded", "false"), s.setAttribute("aria-autocomplete", "list"), c.id || (c.id = `sol-combobox-list-${W()}`), s.setAttribute("aria-controls", c.id), c.setAttribute("role", "listbox"), l.forEach((h) => {
+      h.setAttribute("role", "option"), h.setAttribute("tabindex", "-1");
+    });
+    function a() {
+      c.classList.add("active"), s.setAttribute("aria-expanded", "true");
+    }
+    function u() {
+      c.classList.remove("active"), s.setAttribute("aria-expanded", "false"), s.removeAttribute("aria-activedescendant"), l.forEach((h) => {
+        h.classList.remove("active");
+      });
+    }
+    function f(h) {
+      const g = h.toLowerCase();
+      let E = 0;
+      l.forEach((m) => {
+        const p = yt(m), v = g === "" || p.includes(g);
+        m.hidden = !v, m.classList.remove("active"), v && E++;
+      }), d && (d.hidden = E > 0 || g === "");
+    }
+    function b(h) {
+      const E = h.getAttribute("data-value") ?? (h.textContent || "").trim();
+      s.value = E, l.forEach((m) => {
+        m.classList.remove("selected");
+      }), h.classList.add("selected"), h.setAttribute("aria-selected", "true"), u(), s.focus();
+    }
+    s.addEventListener(
+      "input",
+      () => {
+        f(s.value), c.classList.contains("active") || a();
+      },
+      { signal: t }
+    ), s.addEventListener(
+      "focus",
+      () => {
+        f(s.value), a();
+      },
+      { signal: t }
+    ), l.forEach((h) => {
+      h.addEventListener(
+        "click",
+        () => {
+          b(h);
+        },
+        { signal: t }
+      );
+    }), G(
+      r,
+      () => {
+        c.classList.contains("active") && u();
+      },
+      t
+    ), r.addEventListener(
+      "keydown",
+      (h) => {
+        const g = c.classList.contains("active");
+        if (h.key === "Escape" && g) {
+          h.preventDefault(), u(), s.focus();
+          return;
+        }
+        if (h.key === "ArrowDown" && !g) {
+          h.preventDefault(), a();
+          return;
+        }
+        g && te(
+          {
+            container: c,
+            itemSelector: ".combobox-option:not([hidden])",
+            orientation: "vertical",
+            onActivate: b
+          },
+          h
+        );
+      },
+      { signal: t }
+    );
+  }), {
+    destroy() {
+      P?.abort(), P = null;
+    }
+  };
+}
+const At = "[data-sol-hover-card]";
+let N = null;
+function St(e) {
+  N?.abort(), N = new AbortController();
+  const { signal: t } = N;
+  return (e?.root ?? document).querySelectorAll(e?.selector ?? At).forEach((r) => {
+    const o = r.querySelector(".hover-card-trigger"), n = r.querySelector(".hover-card-content");
+    if (!o || !n) return;
+    const s = o, c = n, l = Number(r.getAttribute("data-hover-show-delay") ?? "200"), d = Number(r.getAttribute("data-hover-hide-delay") ?? "300"), a = r.getAttribute("data-hover-placement") ?? "bottom";
+    let u = null, f = null;
+    function b() {
+      f && (clearTimeout(f), f = null), u = setTimeout(() => {
+        const g = de({ anchor: s, floating: c, placement: a });
+        c.style.setProperty(
+          "--hover-card-top",
+          `${String(g.top - r.getBoundingClientRect().top)}px`
+        ), c.style.setProperty(
+          "--hover-card-left",
+          `${String(g.left - r.getBoundingClientRect().left)}px`
+        ), c.classList.add("active");
+      }, l);
+    }
+    function h() {
+      u && (clearTimeout(u), u = null), f = setTimeout(() => {
+        c.classList.remove("active");
+      }, d);
+    }
+    s.addEventListener("mouseenter", b, { signal: t }), s.addEventListener("mouseleave", h, { signal: t }), c.addEventListener(
+      "mouseenter",
+      () => {
+        f && (clearTimeout(f), f = null);
+      },
+      { signal: t }
+    ), c.addEventListener("mouseleave", h, { signal: t }), s.addEventListener("focus", b, { signal: t }), s.addEventListener("blur", h, { signal: t });
+  }), {
+    destroy() {
+      N?.abort(), N = null;
+    }
+  };
+}
+const kt = "[data-sol-context-menu]";
+let F = null;
+function wt(e) {
+  F?.abort(), F = new AbortController();
+  const { signal: t } = F;
+  return (e?.root ?? document).querySelectorAll(e?.selector ?? kt).forEach((r) => {
+    const o = r.querySelector(".context-menu");
+    if (!o) return;
+    const n = o;
+    n.getAttribute("role") || n.setAttribute("role", "menu"), n.querySelectorAll(".context-menu-item").forEach((c) => {
+      c.getAttribute("role") || c.setAttribute("role", "menuitem"), c.setAttribute("tabindex", "-1");
+    });
+    function s() {
+      n.classList.remove("active");
+    }
+    r.addEventListener(
+      "contextmenu",
+      (c) => {
+        c.preventDefault();
+        const l = de({
+          anchor: { x: c.clientX, y: c.clientY },
+          floating: n,
+          placement: "right",
+          gap: 0
+        });
+        n.style.setProperty("--context-menu-top", `${String(l.top)}px`), n.style.setProperty("--context-menu-left", `${String(l.left)}px`), n.classList.add("active"), requestAnimationFrame(() => {
+          n.querySelector('[role="menuitem"]')?.focus();
+        });
+      },
+      { signal: t }
+    ), G(n, s, t), n.addEventListener(
+      "keydown",
+      (c) => {
+        if (c.key === "Escape") {
+          c.preventDefault(), s();
+          return;
+        }
+        te(
+          {
+            container: n,
+            itemSelector: '[role="menuitem"]',
+            orientation: "vertical",
+            onActivate: (l) => {
+              l.click(), s();
+            }
+          },
+          c
+        );
+      },
+      { signal: t }
+    );
+  }), {
+    destroy() {
+      F?.abort(), F = null;
+    }
+  };
+}
+const Lt = "[data-sol-carousel]";
+let B = null;
+function Ct(e) {
+  B?.abort(), B = new AbortController();
+  const { signal: t } = B, i = [];
+  return (e?.root ?? document).querySelectorAll(e?.selector ?? Lt).forEach((o) => {
+    const n = o.querySelector(".carousel-track"), s = Array.from(o.querySelectorAll(".carousel-slide")), c = o.querySelector(".carousel-prev"), l = o.querySelector(".carousel-next"), d = o.querySelector(".carousel-dots");
+    if (!n || s.length === 0) return;
+    const a = n, u = o.hasAttribute("data-carousel-loop"), f = o.hasAttribute("data-carousel-autoplay"), b = Number(o.getAttribute("data-carousel-interval") ?? "5000");
+    let h = 0;
+    o.setAttribute("role", "region"), o.setAttribute("aria-roledescription", "carousel"), s.forEach((m, p) => {
+      m.setAttribute("role", "group"), m.setAttribute("aria-roledescription", "slide"), m.setAttribute("aria-label", `Slide ${String(p + 1)} of ${String(s.length)}`);
+    });
+    const g = [];
+    d && s.forEach((m, p) => {
+      const v = document.createElement("button");
+      v.className = p === 0 ? "carousel-dot active" : "carousel-dot", v.setAttribute("aria-label", `Go to slide ${String(p + 1)}`), d.appendChild(v), g.push(v);
+    });
+    function E(m) {
+      u ? h = (m + s.length) % s.length : h = Math.max(0, Math.min(m, s.length - 1)), a.style.setProperty("--carousel-offset", `-${String(h * 100)}%`), g.forEach((p, v) => p.classList.toggle("active", v === h)), u || (c?.toggleAttribute("disabled", h === 0), l?.toggleAttribute("disabled", h === s.length - 1));
+    }
+    if (E(0), c?.addEventListener(
+      "click",
+      () => {
+        E(h - 1);
+      },
+      { signal: t }
+    ), l?.addEventListener(
+      "click",
+      () => {
+        E(h + 1);
+      },
+      { signal: t }
+    ), g.forEach((m, p) => {
+      m.addEventListener(
+        "click",
+        () => {
+          E(p);
+        },
+        { signal: t }
+      );
+    }), o.addEventListener(
+      "keydown",
+      (m) => {
+        m.key === "ArrowLeft" ? (m.preventDefault(), E(h - 1)) : m.key === "ArrowRight" && (m.preventDefault(), E(h + 1));
+      },
+      { signal: t }
+    ), f) {
+      const m = setInterval(() => {
+        E(h + 1);
+      }, b);
+      i.push(m), o.addEventListener(
+        "mouseenter",
+        () => {
+          clearInterval(m);
+        },
+        { signal: t }
+      ), o.addEventListener(
+        "mouseleave",
+        () => {
+          const p = setInterval(() => {
+            E(h + 1);
+          }, b);
+          i.push(p);
+        },
+        { signal: t }
+      );
+    }
+  }), {
+    destroy() {
+      B?.abort(), B = null, i.forEach(clearInterval);
+    }
+  };
+}
+const xt = "[data-sol-scroll-area]";
+let H = null;
+function Tt(e) {
+  H?.abort(), H = new AbortController();
+  const { signal: t } = H;
+  return (e?.root ?? document).querySelectorAll(e?.selector ?? xt).forEach((r) => {
+    let o = null;
+    r.addEventListener(
+      "scroll",
+      () => {
+        r.classList.add("scrolling"), o && clearTimeout(o), o = setTimeout(() => {
+          r.classList.remove("scrolling");
+        }, 1200);
+      },
+      { signal: t, passive: !0 }
+    ), r.setAttribute("tabindex", "0"), r.setAttribute("role", "region"), r.getAttribute("aria-label") || r.setAttribute("aria-label", "Scrollable content");
+  }), {
+    destroy() {
+      H?.abort(), H = null;
+    }
+  };
+}
+const Ot = "[data-sol-date-picker]";
+let U = null;
+const $t = ["Su", "Mo", "Tu", "We", "Th", "Fr", "Sa"], Se = [
+  "January",
+  "February",
+  "March",
+  "April",
+  "May",
+  "June",
+  "July",
+  "August",
+  "September",
+  "October",
+  "November",
+  "December"
+];
+function ke(e, t) {
+  return new Date(e, t + 1, 0).getDate();
+}
+function qt(e, t) {
+  return new Date(e, t, 1).getDay();
+}
+function we(e, t) {
+  return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
+}
+function Dt(e) {
+  const t = String(e.getFullYear()), i = String(e.getMonth() + 1).padStart(2, "0"), r = String(e.getDate()).padStart(2, "0");
+  return `${t}-${i}-${r}`;
+}
+function _t(e, t, i, r) {
+  let o = e.querySelector(".date-picker-grid");
+  o || (o = document.createElement("div"), o.className = "date-picker-grid", o.setAttribute("role", "grid"), e.appendChild(o)), o.innerHTML = "";
+  for (const a of $t) {
+    const u = document.createElement("div");
+    u.className = "date-picker-weekday", u.textContent = a, o.appendChild(u);
+  }
+  const n = ke(t.viewYear, t.viewMonth), s = qt(t.viewYear, t.viewMonth), c = ke(
+    t.viewMonth === 0 ? t.viewYear - 1 : t.viewYear,
+    t.viewMonth === 0 ? 11 : t.viewMonth - 1
+  );
+  for (let a = s - 1; a >= 0; a--) {
+    const u = document.createElement("button");
+    u.className = "date-picker-cell date-picker-cell-other", u.textContent = String(c - a), u.setAttribute("tabindex", "-1"), u.setAttribute("role", "gridcell"), u.disabled = !0, o.appendChild(u);
+  }
+  for (let a = 1; a <= n; a++) {
+    const u = new Date(t.viewYear, t.viewMonth, a), f = document.createElement("button");
+    f.className = "date-picker-cell", f.textContent = String(a), f.setAttribute("tabindex", "-1"), f.setAttribute("role", "gridcell"), we(u, i) && f.classList.add("today"), t.selected && we(u, t.selected) && (f.classList.add("selected"), f.setAttribute("aria-selected", "true"), f.setAttribute("tabindex", "0")), f.addEventListener("click", () => {
+      r(u);
+    }), o.appendChild(f);
+  }
+  const l = s + n, d = l % 7 === 0 ? 0 : 7 - l % 7;
+  for (let a = 1; a <= d; a++) {
+    const u = document.createElement("button");
+    u.className = "date-picker-cell date-picker-cell-other", u.textContent = String(a), u.setAttribute("tabindex", "-1"), u.setAttribute("role", "gridcell"), u.disabled = !0, o.appendChild(u);
+  }
+}
+function Rt(e, t) {
+  const i = e.querySelector(".date-picker-title");
+  i && (i.textContent = `${Se[t.viewMonth]} ${String(t.viewYear)}`), e.setAttribute("aria-label", `${Se[t.viewMonth]} ${String(t.viewYear)}`);
+}
+function Mt(e) {
+  U?.abort(), U = new AbortController();
+  const { signal: t } = U;
+  return (e?.root ?? document).querySelectorAll(e?.selector ?? Ot).forEach((r) => {
+    if (r.hasAttribute("data-sol-date-native")) return;
+    const o = r.querySelector(".date-picker-input");
+    if (!o) return;
+    const n = o, s = /* @__PURE__ */ new Date(), c = {
+      viewYear: s.getFullYear(),
+      viewMonth: s.getMonth(),
+      selected: null
+    }, l = document.createElement("div");
+    l.className = "date-picker-popup", l.setAttribute("role", "dialog"), l.setAttribute("aria-modal", "true");
+    const d = document.createElement("div");
+    d.className = "date-picker-header";
+    const a = document.createElement("button");
+    a.className = "date-picker-nav", a.setAttribute("aria-label", "Previous month"), a.innerHTML = "&#8249;";
+    const u = document.createElement("span");
+    u.className = "date-picker-title";
+    const f = document.createElement("button");
+    f.className = "date-picker-nav", f.setAttribute("aria-label", "Next month"), f.innerHTML = "&#8250;", d.appendChild(a), d.appendChild(u), d.appendChild(f), l.appendChild(d), r.appendChild(l);
+    function b() {
+      Rt(l, c), _t(l, c, s, E);
+    }
+    function h() {
+      l.classList.add("active"), b(), requestAnimationFrame(() => {
+        (l.querySelector(".date-picker-cell.selected") ?? l.querySelector(".date-picker-cell.today") ?? l.querySelector(".date-picker-cell:not(.date-picker-cell-other)"))?.focus();
+      });
+    }
+    function g() {
+      l.classList.remove("active"), n.focus();
+    }
+    function E(m) {
+      c.selected = m, n.value = Dt(m), n.dispatchEvent(new Event("change", { bubbles: !0 })), g();
+    }
+    a.addEventListener(
+      "click",
+      () => {
+        c.viewMonth--, c.viewMonth < 0 && (c.viewMonth = 11, c.viewYear--), b();
+      },
+      { signal: t }
+    ), f.addEventListener(
+      "click",
+      () => {
+        c.viewMonth++, c.viewMonth > 11 && (c.viewMonth = 0, c.viewYear++), b();
+      },
+      { signal: t }
+    ), n.addEventListener(
+      "click",
+      () => {
+        l.classList.contains("active") ? g() : h();
+      },
+      { signal: t }
+    ), G(
+      r,
+      () => {
+        l.classList.contains("active") && g();
+      },
+      t
+    ), l.addEventListener(
+      "keydown",
+      (m) => {
+        if (m.key === "Escape") {
+          m.preventDefault(), g();
+          return;
+        }
+        if (m.key === "Tab") {
+          Pe(l, m);
+          return;
+        }
+        const p = Array.from(
+          l.querySelectorAll(".date-picker-cell:not(.date-picker-cell-other)")
+        ), v = p.indexOf(document.activeElement);
+        let y = v;
+        switch (m.key) {
+          case "ArrowRight":
+            m.preventDefault(), y = v + 1;
+            break;
+          case "ArrowLeft":
+            m.preventDefault(), y = v - 1;
+            break;
+          case "ArrowDown":
+            m.preventDefault(), y = v + 7;
+            break;
+          case "ArrowUp":
+            m.preventDefault(), y = v - 7;
+            break;
+          case "Home":
+            m.preventDefault(), y = v - v % 7;
+            break;
+          case "End":
+            m.preventDefault(), y = v + (6 - v % 7);
+            break;
+          case "PageDown":
+            m.preventDefault(), f.click();
+            return;
+          case "PageUp":
+            m.preventDefault(), a.click();
+            return;
+          case "Enter":
+          case " ":
+            v >= 0 && (m.preventDefault(), p[v].click());
+            return;
+          default:
+            return;
+        }
+        y >= 0 && y < p.length && p[y].focus();
+      },
+      { signal: t }
+    ), b();
+  }), {
+    destroy() {
+      U?.abort(), U = null;
+    }
+  };
+}
+const It = "[data-sol-color-picker]";
+let Y = null;
+function Fe(e) {
+  const { h: t, s: i, v: r } = e, o = r * i, n = o * (1 - Math.abs(t / 60 % 2 - 1)), s = r - o;
+  let c = 0, l = 0, d = 0;
+  return t < 60 ? (c = o, l = n) : t < 120 ? (c = n, l = o) : t < 180 ? (l = o, d = n) : t < 240 ? (l = n, d = o) : t < 300 ? (c = n, d = o) : (c = o, d = n), [Math.round((c + s) * 255), Math.round((l + s) * 255), Math.round((d + s) * 255)];
+}
+function Be(e, t, i) {
+  return "#" + [e, t, i].map((r) => r.toString(16).padStart(2, "0")).join("");
+}
+function ne(e) {
+  const t = e.replace("#", "").match(/.{2}/g);
+  if (!t) return { h: 0, s: 0, v: 0 };
+  const [i, r, o] = t.map((d) => parseInt(d, 16) / 255), n = Math.max(i, r, o), s = Math.min(i, r, o), c = n - s;
+  let l = 0;
+  return c > 0 && (n === i ? l = ((r - o) / c + 6) % 6 : n === r ? l = (o - i) / c + 2 : l = (i - r) / c + 4, l *= 60), {
+    h: l,
+    s: n === 0 ? 0 : c / n,
+    v: n
+  };
+}
+function Le(e) {
+  const [t, i, r] = Fe(e);
+  return Be(t, i, r);
+}
+function Pt(e) {
+  Y?.abort(), Y = new AbortController();
+  const { signal: t } = Y;
+  return (e?.root ?? document).querySelectorAll(e?.selector ?? It).forEach((r) => {
+    const o = r.querySelector(".color-picker-trigger"), n = r.querySelector(".color-picker-popup"), s = r.querySelector(".color-picker-area"), c = r.querySelector(".color-picker-hue"), l = r.querySelector(".color-picker-input");
+    if (!o || !n) return;
+    const d = o, a = n, u = l?.value ?? "#d4a843";
+    let f = ne(u), b = s?.querySelector(".color-picker-area-thumb");
+    s && !b && (b = document.createElement("div"), b.className = "color-picker-area-thumb", s.appendChild(b));
+    let h = c?.querySelector(".color-picker-slider-thumb");
+    c && !h && (h = document.createElement("div"), h.className = "color-picker-slider-thumb", c.appendChild(h));
+    function g() {
+      const p = Le(f), [v, y, S] = Fe({ h: f.h, s: 1, v: 1 }), O = Be(v, y, S);
+      d.style.setProperty("--cp-trigger-bg", p), l && (l.value = p), s && s.style.setProperty("--cp-area-bg", O), b && (b.style.setProperty("--cp-thumb-x", `${String(f.s * 100)}%`), b.style.setProperty("--cp-thumb-y", `${String((1 - f.v) * 100)}%`), b.style.setProperty("--cp-thumb-bg", p)), h && h.style.setProperty("--cp-hue-x", `${String(f.h / 360 * 100)}%`);
+    }
+    function E() {
+      r.dispatchEvent(
+        new CustomEvent("color-change", {
+          bubbles: !0,
+          detail: { hex: Le(f), hsv: { ...f } }
+        })
+      );
+    }
+    if (d.addEventListener(
+      "click",
+      () => {
+        a.classList.toggle("active"), a.classList.contains("active") && g();
+      },
+      { signal: t }
+    ), G(
+      r,
+      () => {
+        a.classList.remove("active");
+      },
+      t
+    ), s) {
+      let p = function(v) {
+        if (!s) return;
+        const y = s.getBoundingClientRect();
+        f.s = Math.max(0, Math.min(1, (v.clientX - y.left) / y.width)), f.v = Math.max(0, Math.min(1, 1 - (v.clientY - y.top) / y.height)), g(), E();
+      };
+      s.addEventListener(
+        "pointerdown",
+        (v) => {
+          p(v);
+          const y = (O) => {
+            p(O);
+          }, S = () => {
+            document.removeEventListener("pointermove", y), document.removeEventListener("pointerup", S);
+          };
+          document.addEventListener("pointermove", y), document.addEventListener("pointerup", S);
+        },
+        { signal: t }
+      );
+    }
+    if (c) {
+      let p = function(v) {
+        if (!c) return;
+        const y = c.getBoundingClientRect();
+        f.h = Math.max(0, Math.min(360, (v.clientX - y.left) / y.width * 360)), g(), E();
+      };
+      c.addEventListener(
+        "pointerdown",
+        (v) => {
+          p(v);
+          const y = (O) => {
+            p(O);
+          }, S = () => {
+            document.removeEventListener("pointermove", y), document.removeEventListener("pointerup", S);
+          };
+          document.addEventListener("pointermove", y), document.addEventListener("pointerup", S);
+        },
+        { signal: t }
+      );
+    }
+    l?.addEventListener(
+      "change",
+      () => {
+        const p = l.value.trim();
+        /^#[0-9a-fA-F]{6}$/.test(p) && (f = ne(p), g(), E());
+      },
+      { signal: t }
+    );
+    const m = r.querySelector(".color-picker-swatches");
+    if (m) {
+      const p = m.getAttribute("data-swatches");
+      let v = [];
+      if (p)
+        try {
+          v = JSON.parse(p);
+        } catch {
+          console.warn("[soltana] Invalid JSON in data-swatches attribute:", p);
+        }
+      v.forEach((y) => {
+        const S = document.createElement("button");
+        S.className = "color-picker-swatch", S.style.setProperty("--cp-swatch-bg", y), S.setAttribute("aria-label", y), S.addEventListener(
+          "click",
+          () => {
+            f = ne(y), g(), E();
+          },
+          { signal: t }
+        ), m.appendChild(S);
+      });
+    }
+    a.addEventListener(
+      "keydown",
+      (p) => {
+        p.key === "Escape" && (a.classList.remove("active"), d.focus());
+      },
+      { signal: t }
+    ), g();
+  }), {
+    destroy() {
+      Y?.abort(), Y = null;
+    }
+  };
+}
+const Nt = "[data-sol-tree]";
+let j = null;
+function Ft(e) {
+  return Array.from(e.querySelectorAll(".tree-node-content")).filter((t) => !t.closest(".tree-branch:not(.active) > .tree-children"));
+}
+function se(e, t) {
+  e.classList.toggle("active", t), e.querySelector(":scope > .tree-node-content")?.setAttribute("aria-expanded", String(t));
+}
+function Bt(e) {
+  j?.abort(), j = new AbortController();
+  const { signal: t } = j;
+  return (e?.root ?? document).querySelectorAll(e?.selector ?? Nt).forEach((r) => {
+    r.getAttribute("role") || r.setAttribute("role", "tree"), r.querySelectorAll(".tree-node").forEach((n) => {
+      n.getAttribute("role") || n.setAttribute("role", "treeitem");
+    }), r.querySelectorAll(".tree-branch").forEach((n) => {
+      const s = n.querySelector(":scope > .tree-node-content"), c = n.classList.contains("active");
+      s?.setAttribute("aria-expanded", String(c)), s?.setAttribute("tabindex", "-1");
+      const l = n.querySelector(":scope > .tree-node-content .tree-toggle"), d = () => {
+        se(n, !n.classList.contains("active"));
+      };
+      l && l.addEventListener(
+        "click",
+        (a) => {
+          a.stopPropagation(), d();
+        },
+        { signal: t }
+      ), s?.addEventListener("click", d, { signal: t });
+    }), r.querySelectorAll(".tree-leaf .tree-node-content").forEach((n) => {
+      n.setAttribute("tabindex", "-1"), n.addEventListener(
+        "click",
+        () => {
+          r.querySelectorAll(".tree-node-content.selected").forEach((s) => {
+            s.classList.remove("selected");
+          }), n.classList.add("selected");
+        },
+        { signal: t }
+      );
+    });
+    const o = r.querySelector(".tree-node-content");
+    o && o.setAttribute("tabindex", "0"), r.addEventListener(
+      "keydown",
+      (n) => {
+        const s = document.activeElement;
+        if (!s.classList.contains("tree-node-content")) return;
+        const c = Ft(r), l = c.indexOf(s);
+        if (l === -1) return;
+        const d = s.closest(".tree-branch");
+        switch (n.key) {
+          case "ArrowDown":
+            n.preventDefault(), l < c.length - 1 && c[l + 1].focus();
+            break;
+          case "ArrowUp":
+            n.preventDefault(), l > 0 && c[l - 1].focus();
+            break;
+          case "ArrowRight":
+            n.preventDefault(), d && !d.classList.contains("active") ? se(d, !0) : d?.classList.contains("active") && d.querySelector(
+              ":scope > .tree-children > .tree-node > .tree-node-content"
+            )?.focus();
+            break;
+          case "ArrowLeft":
+            n.preventDefault(), d?.classList.contains("active") ? se(d, !1) : s.closest(".tree-children")?.closest(".tree-branch")?.querySelector(
+              ":scope > .tree-node-content"
+            )?.focus();
+            break;
+          case "Home":
+            n.preventDefault(), c[0]?.focus();
+            break;
+          case "End":
+            n.preventDefault(), c[c.length - 1]?.focus();
+            break;
+          case "Enter":
+          case " ":
+            n.preventDefault(), s.click();
+            break;
+        }
+      },
+      { signal: t }
+    );
+  }), {
+    destroy() {
+      j?.abort(), j = null;
+    }
+  };
+}
+function Ht(e) {
+  const t = Xe(e), i = Qe(e), r = nt(e), o = it(e), n = lt(e), s = dt(e), c = mt(e), l = vt(e), d = Et(e), a = St(e), u = wt(e), f = Ct(e), b = Tt(e), h = Mt(e), g = Pt(e), E = Bt(e);
+  return {
+    destroy() {
+      t.destroy(), i.destroy(), r.destroy(), o.destroy(), n.destroy(), s.destroy(), c.destroy(), l.destroy(), d.destroy(), a.destroy(), u.destroy(), f.destroy(), b.destroy(), h.destroy(), g.destroy(), E.destroy();
+    }
+  };
+}
+let A = null, L = null;
+function Ut() {
+  try {
+    return new CSSStyleSheet(), typeof document.adoptedStyleSheets < "u";
+  } catch {
+    return !1;
+  }
+}
+function Yt() {
+  if (A) return A;
+  if (Ut())
+    A = new CSSStyleSheet(), document.adoptedStyleSheets = [...document.adoptedStyleSheets, A];
+  else {
+    if (L = document.createElement("style"), L.id = "soltana-custom", document.head.appendChild(L), !L.sheet)
+      throw new Error("[soltana] Failed to create stylesheet — styleElement.sheet is null");
+    A = L.sheet;
+  }
+  return A;
+}
+function He(e) {
+  const t = Yt(), i = t.insertRule(e, t.cssRules.length);
+  return t.cssRules[i];
+}
+function Ue(e) {
+  if (!A) return;
+  const t = [];
+  for (let i = 0; i < A.cssRules.length; i++)
+    e.includes(A.cssRules[i]) && t.push(i);
+  for (let i = t.length - 1; i >= 0; i--)
+    A.deleteRule(t[i]);
+}
+function Ce() {
+  A && L ? L.remove() : A && (document.adoptedStyleSheets = document.adoptedStyleSheets.filter((e) => e !== A)), A = null, L = null;
+}
+function J(e, t, i) {
+  const { isDark: r, mix: o, mixSrgb: n, fallbacks: s } = i, [c, l, d] = r ? s.dark : s.light;
+  return {
+    [`--color-${e}`]: t ?? c,
+    [`--color-${e}-subtle`]: t ? n(t, r ? 12 : 8) : l,
+    [`--color-${e}-text`]: t ? r ? o(t, "white", 25) : o(t, "black", 25) : d
+  };
+}
+function jt(e) {
+  const t = e.surfaceBg, i = e.textPrimary, r = e.accentPrimary, o = e.accentDecorative ?? r, s = (e.colorScheme ?? "dark") === "dark", c = (u, f, b) => `color-mix(in oklch, ${u}, ${f} ${String(b)}%)`, l = (u, f) => `color-mix(in srgb, ${u} ${String(f)}%, transparent)`, d = s ? "white" : "black";
+  return {
+    // --- Surface ---
+    "--surface-bg": t,
+    "--surface-1": s ? c(t, "white", 5) : c(t, "white", 50),
+    "--surface-2": s ? c(t, "white", 10) : c(t, "black", 5),
+    "--surface-3": s ? c(t, "white", 15) : c(t, "black", 10),
+    "--surface-4": s ? c(t, "white", 20) : c(t, "black", 15),
+    // --- Text ---
+    "--text-primary": i,
+    "--text-secondary": c(i, t, 25),
+    "--text-tertiary": c(i, t, 45),
+    "--text-muted": c(i, t, 55),
+    "--text-inverse": t,
+    // --- Border ---
+    "--border-default": l(i, s ? 6 : 12),
+    "--border-subtle": l(i, s ? 3 : 7),
+    "--border-strong": l(i, s ? 10 : 20),
+    // --- Accent ---
+    "--accent-primary": r,
+    "--accent-primary-hover": c(r, d, 15),
+    "--accent-primary-active": c(r, "black", 25),
+    // Secondary: hue-rotated complement
+    "--accent-secondary": `oklch(from ${r} l c calc(h + 120))`,
+    "--accent-secondary-hover": `oklch(from ${c(r, d, 15)} l c calc(h + 120))`,
+    "--accent-secondary-active": `oklch(from ${c(r, "black", 25)} l c calc(h + 120))`,
+    // --- Decorative accent ---
+    "--accent-decorative": o,
+    "--accent-decorative-hover": c(o, d, 15),
+    "--accent-decorative-subtle": l(o, 10),
+    "--border-decorative": l(o, s ? 20 : 25),
+    "--border-decorative-strong": l(o, s ? 35 : 40),
+    // --- Semantic colors ---
+    ...J("success", e.colorSuccess, {
+      isDark: s,
+      mix: c,
+      mixSrgb: l,
+      fallbacks: {
+        dark: ["#10b981", "rgb(16 185 129 / 12%)", "#34d399"],
+        light: ["#0d6b4e", "rgb(13 107 78 / 8%)", "#065f46"]
+      }
+    }),
+    ...J("warning", e.colorWarning, {
+      isDark: s,
+      mix: c,
+      mixSrgb: l,
+      fallbacks: {
+        dark: ["#fcd34d", "rgb(252 211 77 / 12%)", "#fde68a"],
+        light: ["#855c0a", "rgb(133 92 10 / 8%)", "#6b4a08"]
+      }
+    }),
+    ...J("error", e.colorError, {
+      isDark: s,
+      mix: c,
+      mixSrgb: l,
+      fallbacks: {
+        dark: ["#ef4444", "rgb(239 68 68 / 12%)", "#f87171"],
+        light: ["#991b1b", "rgb(153 27 27 / 8%)", "#7f1d1d"]
+      }
+    }),
+    ...J("info", e.colorInfo, {
+      isDark: s,
+      mix: c,
+      mixSrgb: l,
+      fallbacks: {
+        dark: ["#3b82f6", "rgb(59 130 246 / 12%)", "#60a5fa"],
+        light: ["#1e40af", "rgb(30 64 175 / 8%)", "#1e3a8a"]
+      }
+    }),
+    // --- Interactive states ---
+    "--state-hover": l(r, s ? 8 : 6),
+    "--state-active": l(r, s ? 14 : 12),
+    "--state-focus-ring": l(r, s ? 40 : 35),
+    "--state-disabled-bg": s ? c(t, "white", 10) : c(t, "black", 10),
+    "--state-disabled-text": c(i, t, 55),
+    // --- Channel tokens ---
+    "--shadow-color": "0 0 0",
+    "--highlight-color": e.highlightColor ?? "255 255 255",
+    "--accent-glow": l(r, s ? 15 : 10),
+    "--channel-sheen-color": s ? "255 255 255" : "0 0 0",
+    "--channel-tint-color": Vt(r),
+    // --- Bridge tokens ---
+    "--glass-opacity": s ? "0.5" : "0.35",
+    "--mesh-color-1": "var(--accent-primary)",
+    "--mesh-color-2": "var(--accent-secondary)",
+    "--mesh-color-3": "var(--accent-decorative)",
+    "--surface-deep": "var(--surface-2)",
+    "--neu-shadow": s ? "rgb(var(--shadow-color) / 65%)" : "rgb(var(--shadow-color) / 35%)",
+    "--neu-light": s ? "rgb(var(--highlight-color) / 12%)" : "rgb(var(--highlight-color) / 88%)",
+    // --- Component tokens ---
+    "--input-bg": s ? l("white", 4) : "white",
+    "--input-border": l(i, s ? 8 : 14),
+    "--input-border-focus": "var(--accent-primary)",
+    "--input-placeholder": c(i, t, 55),
+    "--card-bg": s ? `color-mix(in srgb, ${c(t, "white", 5)} 60%, transparent)` : "color-mix(in srgb, white 78%, transparent)",
+    "--card-border": l(i, s ? 6 : 10),
+    "--badge-bg": l(r, s ? 10 : 8),
+    "--tooltip-bg": s ? t : i,
+    "--tooltip-text": s ? i : c(t, "white", 50),
+    "--scrollbar-thumb": l(i, s ? 12 : 15),
+    "--scrollbar-track": l(i, 3),
+    "--code-bg": s ? "rgb(0 0 0 / 35%)" : c(t, "black", 5),
+    "--toast-bg": "var(--surface-1)",
+    "--toast-text": "var(--text-primary)",
+    "--drawer-bg": "var(--surface-1)",
+    "--popover-bg": "var(--surface-1)",
+    "--popover-border": "var(--border-default)",
+    "--kbd-bg": "var(--surface-2)",
+    "--kbd-border": "var(--border-strong)",
+    "--modal-bg": "var(--surface-1)",
+    "--overlay-backdrop-bg": "rgb(var(--shadow-color) / 60%)"
+  };
+}
+const Kt = /^#?[0-9a-fA-F]{3}([0-9a-fA-F]{3})?$/;
+function Vt(e) {
+  if (!Kt.test(e)) {
+    const n = /^rgb\(\s*(\d+)[, ]\s*(\d+)[, ]\s*(\d+)\s*\)$/.exec(e);
+    if (n)
+      return `${n[1]} ${n[2]} ${n[3]}`;
+    throw new Error(
+      `[soltana] Invalid color "${e}". Expected hex format (#RGB or #RRGGBB) or rgb(r, g, b).`
+    );
+  }
+  let t = e.replace("#", "");
+  t.length === 3 && (t = t[0] + t[0] + t[1] + t[1] + t[2] + t[2]);
+  const i = String(parseInt(t.slice(0, 2), 16)), r = String(parseInt(t.slice(2, 4), 16)), o = String(parseInt(t.slice(4, 6), 16));
+  return `${i} ${r} ${o}`;
+}
+const zt = /^[a-zA-Z][a-zA-Z0-9_-]*$/;
+function Ye(e) {
+  if (!e || !zt.test(e))
+    throw new Error(
+      `[soltana] Invalid tier name "${e}". Must be a non-empty CSS identifier (letters, digits, hyphens, underscores; starting with a letter).`
+    );
+}
+function je(e) {
+  return Object.entries(e).map(([t, i]) => `${t}: ${i}`).join("; ");
+}
+function Wt(e, t) {
+  Ye(e);
+  const i = jt(t.seed), r = t.tokens ? { ...i, ...t.tokens } : i, o = je(r), n = [];
+  return n.push(
+    He(
+      `[data-theme='${e}'], .theme-${e} { color-scheme: ${t.seed.colorScheme ?? "dark"}; ${o} }`
+    )
+  ), Re("theme", e), {
+    name: e,
+    tier: "theme",
+    unregister() {
+      Ue(n), Me("theme", e);
+    }
+  };
+}
+const Gt = [
+  "--relief-bg",
+  "--relief-shadow-sm",
+  "--relief-shadow",
+  "--relief-shadow-lg",
+  "--relief-shadow-inset-sm",
+  "--relief-shadow-inset",
+  "--relief-shadow-inset-lg",
+  "--relief-border"
+], Jt = [
+  "--finish-blur",
+  "--finish-saturation",
+  "--finish-opacity",
+  "--finish-overlay",
+  "--finish-sheen"
+], Xt = {
+  relief: Gt,
+  finish: Jt
+};
+function Zt(e, t, i) {
+  const o = Xt[e].filter((n) => !(n in i));
+  if (o.length > 0)
+    throw new Error(
+      `[soltana] register${e[0].toUpperCase()}${e.slice(1)}("${t}") missing required tokens: ${o.join(", ")}`
+    );
+}
+function Ke(e, t, i) {
+  Ye(t), Zt(e, t, i);
+  const r = je(i), o = [];
+  return o.push(He(`[data-${e}='${t}'], .${e}-${t} { ${r} }`)), Re(e, t), {
+    name: t,
+    tier: e,
+    unregister() {
+      Ue(o), Me(e, t);
+    }
+  };
+}
+function Qt(e, t) {
+  return Ke("relief", e, t.tokens);
+}
+function er(e, t) {
+  return Ke("finish", e, t.tokens);
+}
+const tr = "https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700;800;900&family=Cinzel+Decorative:wght@400;700;900&family=Raleway:ital,wght@0,100..900;1,400;1,500&family=JetBrains+Mono:wght@400;500;600&display=swap";
+let le = !1;
+const K = [];
+function cr(e) {
+  if (le || typeof document > "u") return;
+  le = !0;
+  const t = e ?? tr, i = document.head;
+  if (t.startsWith("https://fonts.googleapis.com")) {
+    const o = document.createElement("link");
+    o.rel = "preconnect", o.href = "https://fonts.googleapis.com", i.appendChild(o), K.push(o);
+    const n = document.createElement("link");
+    n.rel = "preconnect", n.href = "https://fonts.gstatic.com", n.crossOrigin = "", i.appendChild(n), K.push(n);
+  }
+  const r = document.createElement("link");
+  r.rel = "stylesheet", r.href = t, r.onerror = () => {
+    console.warn("[soltana] Failed to load fonts from Google Fonts CDN");
+  }, i.appendChild(r), K.push(r);
+}
+function rr() {
+  for (const e of K)
+    e.remove();
+  K.length = 0, le = !1;
+}
+const X = Object.freeze({
+  theme: "auto",
+  relief: "flat",
+  finish: "matte",
+  overrides: {}
+}), xe = {
+  enhancers: !1,
+  strict: !1
+};
+let V = null, z = null, Z = null;
+const ee = /* @__PURE__ */ new Set(), or = /^--[a-zA-Z][-_a-zA-Z0-9]*$/;
+function ie(e, t) {
+  if (or.test(e)) return !0;
+  const i = `[soltana] Override key "${e}" is not a valid CSS custom property (must match --<ident>)`;
+  if (t) throw new Error(i);
+  return console.error(i), !1;
+}
+function ue(e) {
+  return e !== "auto" ? e : typeof window > "u" || typeof window.matchMedia != "function" ? "dark" : window.matchMedia("(prefers-color-scheme: light)").matches ? "light" : "dark";
+}
+function Ve(e) {
+  const t = document.documentElement;
+  for (const [i, r] of Object.entries(e))
+    t.style.setProperty(i, r), ee.add(i);
+}
+function Te() {
+  const e = document.documentElement;
+  for (const t of ee)
+    e.style.removeProperty(t);
+  ee.clear();
+}
+function Oe(e) {
+  const t = document.documentElement;
+  t.setAttribute("data-theme", ue(e.theme)), t.setAttribute("data-relief", e.relief), t.setAttribute("data-finish", e.finish), Ve(e.overrides);
+}
+function ae() {
+  V && z && V.removeEventListener("change", z), V = null, z = null;
+}
+function ce(e) {
+  ae(), !(typeof window > "u" || typeof window.matchMedia != "function" || e.theme !== "auto") && (V = window.matchMedia("(prefers-color-scheme: light)"), z = () => {
+    e.theme === "auto" && document.documentElement.setAttribute("data-theme", ue("auto"));
+  }, V.addEventListener("change", z));
+}
+function T(e, t, i, r) {
+  if (!i.includes(t)) {
+    const o = `[soltana] Unknown ${e} "${t}". Built-in options: ${i.join(", ")}`;
+    if (r) throw new Error(o);
+    console.warn(o);
+  }
+}
+function Q(e) {
+  if (Z)
+    try {
+      Z.destroy();
+    } finally {
+      Z = null;
+    }
+  e && (Z = Ht());
+}
+function C(e, t) {
+  document.documentElement.dispatchEvent(
+    new CustomEvent("soltana:change", { detail: { type: e, value: t } })
+  );
+}
+function lr(e = {}) {
+  const { enhancers: t, strict: i, ...r } = e, o = { ...X, ...r }, n = {
+    enhancers: t ?? xe.enhancers,
+    strict: i ?? xe.strict
+  };
+  o.overrides = Object.fromEntries(
+    Object.entries(o.overrides).filter(([a]) => ie(a, n.strict))
+  ), T("theme", o.theme, fe, n.strict), T("relief", o.relief, he, n.strict), T("finish", o.finish, be, n.strict), Oe(o), ce(o), Q(n.enhancers);
+  const s = [];
+  function c(a) {
+    T("theme", a, fe, n.strict), o.theme = a, document.documentElement.setAttribute("data-theme", ue(a)), ce(o), C("theme", a);
+  }
+  function l(a) {
+    T("relief", a, he, n.strict), o.relief = a, document.documentElement.setAttribute("data-relief", a), C("relief", a);
+  }
+  function d(a) {
+    T("finish", a, be, n.strict), o.finish = a, document.documentElement.setAttribute("data-finish", a), C("finish", a);
+  }
+  return {
+    getState() {
+      return { ...o, overrides: { ...o.overrides } };
+    },
+    setTheme: c,
+    setRelief: l,
+    setFinish: d,
+    setOverrides(a) {
+      const u = {};
+      for (const [f, b] of Object.entries(a))
+        ie(f, n.strict) && (u[f] = b);
+      o.overrides = { ...o.overrides, ...u }, Ve(u), C("overrides", u);
+    },
+    removeOverrides(a) {
+      const u = a.filter((b) => ie(b, n.strict)), f = document.documentElement;
+      for (const b of u)
+        f.style.removeProperty(b), ee.delete(b);
+      o.overrides = Object.fromEntries(
+        Object.entries(o.overrides).filter(([b]) => !u.includes(b))
+      ), C("overrides", null);
+    },
+    registerTheme(a, u) {
+      const f = Wt(a, u);
+      return s.push(f), f;
+    },
+    registerRelief(a, u) {
+      const f = Qt(a, u);
+      return s.push(f), f;
+    },
+    registerFinish(a, u) {
+      const f = er(a, u);
+      return s.push(f), f;
+    },
+    reinitEnhancers() {
+      Q(n.enhancers);
+    },
+    reset() {
+      for (const a of s.splice(0))
+        a.unregister();
+      Ce(), o.theme = X.theme, o.relief = X.relief, o.finish = X.finish, o.overrides = {}, ae(), Te(), Oe(o), ce(o), Q(n.enhancers), C("reset", null);
+    },
+    destroy() {
+      C("destroy", null);
+      for (const u of s.splice(0))
+        u.unregister();
+      Ce(), ae(), Q(!1), rr();
+      const a = document.documentElement;
+      a.removeAttribute("data-theme"), a.removeAttribute("data-relief"), a.removeAttribute("data-finish"), Te();
+    }
+  };
+}
+const ar = "0.1.0";
+export {
+  st as ACCORDION_SELECTOR,
+  Ge as BUILT_IN_FINISHES,
+  We as BUILT_IN_RELIEFS,
+  ze as BUILT_IN_THEMES,
+  Lt as CAROUSEL_SELECTOR,
+  pt as COLLAPSIBLE_SELECTOR,
+  It as COLOR_PICKER_SELECTOR,
+  gt as COMBOBOX_SELECTOR,
+  kt as CONTEXT_MENU_SELECTOR,
+  Ot as DATE_PICKER_SELECTOR,
+  tr as DEFAULT_FONT_URL,
+  X as DEFAULT_STATE,
+  sr as DRAWER_OPEN_SELECTOR,
+  at as DRAWER_SELECTOR,
+  ct as DROPDOWN_SELECTOR,
+  At as HOVER_CARD_SELECTOR,
+  nr as MODAL_OPEN_SELECTOR,
+  Je as MODAL_SELECTOR,
+  xt as SCROLL_AREA_SELECTOR,
+  Ze as TABS_SELECTOR,
+  ut as TOAST_CONTAINER_SELECTOR,
+  tt as TOOLTIP_SELECTOR,
+  Nt as TREE_SELECTOR,
+  be as VALID_FINISHES,
+  he as VALID_RELIEFS,
+  fe as VALID_THEMES,
+  bt as dismissToast,
+  it as initAccordions,
+  Ht as initAll,
+  Ct as initCarousels,
+  vt as initCollapsibles,
+  Pt as initColorPickers,
+  Et as initComboboxes,
+  wt as initContextMenus,
+  Mt as initDatePickers,
+  dt as initDrawers,
+  lt as initDropdowns,
+  St as initHoverCards,
+  Xe as initModals,
+  Tt as initScrollAreas,
+  lr as initSoltana,
+  Qe as initTabs,
+  mt as initToasts,
+  nt as initTooltips,
+  Bt as initTrees,
+  cr as loadSoltanaFonts,
+  ir as showToast,
+  ar as version
+};