@plures/design-dojo 0.2.0

package/dist/index.js

@@ -0,0 +1,669 @@
+import "svelte/internal/disclose-version";
+import * as e from "svelte/internal/client";
+import { getContext as Re, setContext as Se } from "svelte";
+const He = {
+  /** Gentle hover, focus ring expansion */
+  gentle: { stiffness: 120, damping: 14, mass: 1, restThreshold: 0.01 },
+  /** Button press, toggle switch */
+  snappy: { stiffness: 300, damping: 24, mass: 1, restThreshold: 0.01 },
+  /** Playful bounce, notification pop */
+  bouncy: { stiffness: 400, damping: 10, mass: 1, restThreshold: 0.01 },
+  /** Modal open, panel slide */
+  heavy: { stiffness: 200, damping: 30, mass: 1.5, restThreshold: 0.01 },
+  /** Tooltip, popover */
+  quick: { stiffness: 500, damping: 30, mass: 0.5, restThreshold: 0.01 }
+};
+function Ne(y, t, w) {
+  const { stiffness: p, damping: u, mass: f } = t, m = y.value - y.target, v = -p * m, D = -u * y.velocity, r = (v + D) / f, k = y.velocity + r * w, A = y.value + k * w, o = Math.abs(k) < t.restThreshold && Math.abs(A - y.target) < t.restThreshold;
+  return {
+    value: o ? y.target : A,
+    velocity: o ? 0 : k,
+    target: y.target,
+    done: o
+  };
+}
+function ve(y, t = "snappy", w) {
+  const p = typeof t == "string" ? He[t] : t;
+  let u = {
+    value: y,
+    velocity: 0,
+    target: y,
+    done: !0
+  }, f = null, m = null;
+  function v(r) {
+    m === null && (m = r);
+    const k = Math.min((r - m) / 1e3, 0.064);
+    m = r, u = Ne(u, p, k), w(u.value), u.done ? (f = null, m = null) : f = requestAnimationFrame(v);
+  }
+  function D() {
+    f === null && (m = null, f = requestAnimationFrame(v));
+  }
+  return {
+    /** Set a new target value. Animation starts automatically. */
+    set(r) {
+      u.target = r, u.done = !1, D();
+    },
+    /** Jump to value immediately (no animation). */
+    jump(r) {
+      u = { value: r, velocity: 0, target: r, done: !0 }, w(r);
+    },
+    /** Add velocity impulse (e.g., from a flick gesture). */
+    impulse(r) {
+      u.velocity += r, u.done = !1, D();
+    },
+    /** Stop animation. */
+    stop() {
+      f !== null && (cancelAnimationFrame(f), f = null, m = null);
+    },
+    /** Get current value. */
+    get value() {
+      return u.value;
+    },
+    /** Whether the spring has settled. */
+    get done() {
+      return u.done;
+    }
+  };
+}
+const Ee = Symbol("tui");
+function Ve(y) {
+  Se(Ee, y);
+}
+function fe() {
+  return Re(Ee) ?? (() => !1);
+}
+var qe = e.from_html('<span class="tui-border-l svelte-5blyfe">╠</span><!><span class="tui-border-r svelte-5blyfe">╣</span>', 1), ze = e.from_html("<button><!></button>");
+function _t(y, t) {
+  e.push(t, !0);
+  let w = e.prop(t, "variant", 3, "solid"), p = e.prop(t, "size", 3, "md"), u = e.prop(t, "disabled", 3, !1), f = e.prop(t, "tui", 3, !1);
+  const m = fe(), v = e.derived(() => f() || m());
+  let D = e.state(void 0), r = e.state(1), k = e.state(1), A = e.state(0), o, h, C;
+  const c = typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
+  e.user_effect(() => {
+    if (!c)
+      return o = ve(1, "snappy", (L) => e.set(r, L, !0)), h = ve(1, "snappy", (L) => e.set(k, L, !0)), C = ve(0, "gentle", (L) => e.set(A, L, !0)), () => {
+        o == null || o.stop(), h == null || h.stop(), C == null || C.stop();
+      };
+  });
+  function l() {
+    u() || c || (o == null || o.set(0.96), h == null || h.set(0.3));
+  }
+  function T() {
+    u() || c || (o == null || o.set(1), h == null || h.set(1));
+  }
+  function a() {
+    u() || c || (o == null || o.set(1), h == null || h.set(1));
+  }
+  function E() {
+    if (c) {
+      e.set(A, 1);
+      return;
+    }
+    C == null || C.set(1);
+  }
+  function q() {
+    if (c) {
+      e.set(A, 0);
+      return;
+    }
+    C == null || C.set(0);
+  }
+  var P = ze();
+  let F, ee;
+  var ie = e.child(P);
+  {
+    var re = (L) => {
+      var z = qe(), Y = e.sibling(e.first_child(z));
+      e.snippet(Y, () => t.children), e.next(), e.append(L, z);
+    }, O = (L) => {
+      var z = e.comment(), Y = e.first_child(z);
+      e.snippet(Y, () => t.children), e.append(L, z);
+    };
+    e.if(ie, (L) => {
+      e.get(v) ? L(re) : L(O, !1);
+    });
+  }
+  e.reset(P), e.bind_this(P, (L) => e.set(D, L), () => e.get(D)), e.template_effect(() => {
+    F = e.set_class(P, 1, `btn btn-${w() ?? ""} btn-${p() ?? ""}`, "svelte-5blyfe", F, { disabled: u(), tui: e.get(v) }), P.disabled = u(), ee = e.set_style(P, "", ee, {
+      transform: e.get(v) ? void 0 : `scale(${e.get(r)})`,
+      "--shadow-depth": e.get(v) ? void 0 : e.get(k),
+      "--focus-opacity": e.get(A)
+    });
+  }), e.delegated("click", P, function(...L) {
+    var z;
+    (z = t.onclick) == null || z.apply(this, L);
+  }), e.delegated("pointerdown", P, l), e.delegated("pointerup", P, T), e.event("pointerleave", P, a), e.event("focus", P, E), e.event("blur", P, q), e.append(y, P), e.pop();
+}
+e.delegate(["click", "pointerdown", "pointerup"]);
+var Ke = e.from_html('<span class="toggle-label svelte-197v0i2"> </span>'), Ge = e.from_html('<label><!> <div class="toggle-track svelte-197v0i2" role="switch"><div class="toggle-thumb svelte-197v0i2"></div></div></label>');
+function gt(y, t) {
+  e.push(t, !0);
+  let w = e.prop(t, "checked", 15, !1), p = e.prop(t, "disabled", 3, !1), u = e.prop(t, "label", 3, ""), f = e.state(e.proxy(w() ? 1 : 0)), m = e.state(0);
+  const v = typeof window < "u" ? window.matchMedia("(prefers-reduced-motion: reduce)").matches : !1;
+  let D, r;
+  e.user_effect(() => {
+    if (!v)
+      return D = ve(w() ? 1 : 0, "snappy", (a) => e.set(f, a, !0)), r = ve(0, "gentle", (a) => e.set(m, a, !0)), () => {
+        D == null || D.stop(), r == null || r.stop();
+      };
+  }), e.user_effect(() => {
+    v ? e.set(f, w() ? 1 : 0, !0) : D == null || D.set(w() ? 1 : 0);
+  });
+  function k() {
+    var a;
+    p() || (w(!w()), (a = t.onchange) == null || a.call(t, w()));
+  }
+  function A(a) {
+    (a.key === " " || a.key === "Enter") && (a.preventDefault(), k());
+  }
+  var o = Ge();
+  let h;
+  var C = e.child(o);
+  {
+    var c = (a) => {
+      var E = Ke(), q = e.child(E, !0);
+      e.reset(E), e.template_effect(() => e.set_text(q, u())), e.append(a, E);
+    };
+    e.if(C, (a) => {
+      u() && a(c);
+    });
+  }
+  var l = e.sibling(C, 2);
+  let T;
+  e.reset(o), e.template_effect(
+    (a) => {
+      h = e.set_class(o, 1, "toggle-wrapper svelte-197v0i2", null, h, { disabled: p() }), e.set_attribute(l, "aria-checked", w()), e.set_attribute(l, "tabindex", p() ? -1 : 0), T = e.set_style(l, "", T, a);
+    },
+    [
+      () => ({
+        "--thumb-x": e.get(f),
+        "--track-color": `color-mix(in srgb, var(--color-accent, #6366f1) ${Math.round(e.get(f) * 100)}%, var(--surface-2, #2a2a2a) ${Math.round((1 - e.get(f)) * 100)}%)`,
+        "--focus-opacity": e.get(m)
+      })
+    ]
+  ), e.delegated("click", l, k), e.delegated("keydown", l, A), e.event("focus", l, () => v ? e.set(m, 1) : r == null ? void 0 : r.set(1)), e.event("blur", l, () => v ? e.set(m, 0) : r == null ? void 0 : r.set(0)), e.append(y, o), e.pop();
+}
+e.delegate(["click", "keydown"]);
+var Je = e.from_html('<div class="tui-panel svelte-1ps7oei"><div class="tui-panel-top svelte-1ps7oei"> </div> <div class="tui-panel-body svelte-1ps7oei"><span class="tui-panel-side svelte-1ps7oei">║</span> <div class="tui-panel-content svelte-1ps7oei"><!></div> <span class="tui-panel-side svelte-1ps7oei">║</span></div> <div class="tui-panel-bottom svelte-1ps7oei"> </div></div>'), Oe = e.from_html('<div class="glass svelte-1ps7oei"><!></div>');
+function ht(y, t) {
+  e.push(t, !0);
+  let w = e.prop(t, "blur", 3, 20), p = e.prop(t, "opacity", 3, 0.6), u = e.prop(t, "radius", 3, "var(--radius-md, 10px)"), f = e.prop(t, "padding", 3, "var(--space-4, 16px)"), m = e.prop(t, "tui", 3, !1), v = e.prop(t, "cols", 3, 20);
+  const D = fe(), r = e.derived(() => m() || D()), k = e.derived(() => "═".repeat(v()));
+  var A = e.comment(), o = e.first_child(A);
+  {
+    var h = (c) => {
+      var l = Je();
+      let T;
+      var a = e.child(l), E = e.child(a);
+      e.reset(a);
+      var q = e.sibling(a, 2), P = e.sibling(e.child(q), 2), F = e.child(P);
+      e.snippet(F, () => t.children), e.reset(P), e.next(2), e.reset(q);
+      var ee = e.sibling(q, 2), ie = e.child(ee);
+      e.reset(ee), e.reset(l), e.template_effect(() => {
+        T = e.set_style(l, "", T, { padding: f() }), e.set_text(E, `╔${e.get(k) ?? ""}╗`), e.set_text(ie, `╚${e.get(k) ?? ""}╝`);
+      }), e.append(c, l);
+    }, C = (c) => {
+      var l = Oe();
+      let T;
+      var a = e.child(l);
+      e.snippet(a, () => t.children), e.reset(l), e.template_effect(() => T = e.set_style(l, "", T, {
+        "--blur": `${w() ?? ""}px`,
+        "--bg-opacity": p(),
+        "border-radius": u(),
+        padding: f()
+      })), e.append(c, l);
+    };
+    e.if(o, (c) => {
+      e.get(r) ? c(h) : c(C, !1);
+    });
+  }
+  e.append(y, A), e.pop();
+}
+var je = e.from_html('<div><div class="chat-tui__msg-border svelte-10e5u2c" aria-hidden="true"> </div> <div class="chat-tui__msg-body svelte-10e5u2c"><span class="chat-tui__msg-side svelte-10e5u2c" aria-hidden="true">│</span> <div class="chat-tui__msg-content svelte-10e5u2c"> </div> <span class="chat-tui__msg-side svelte-10e5u2c" aria-hidden="true">│</span></div> <div class="chat-tui__msg-border svelte-10e5u2c" aria-hidden="true"> </div></div>'), Qe = e.from_html('<div class="chat-tui__indicator svelte-10e5u2c" role="status" aria-live="polite"><span tabindex="0" role="button" class="svelte-10e5u2c"> </span></div>'), We = e.from_html('<div tabindex="0" role="log" aria-live="polite" aria-label="Chat messages"><div class="chat-tui__border svelte-10e5u2c" aria-hidden="true"></div> <div class="chat-tui__body svelte-10e5u2c"><span class="chat-tui__side svelte-10e5u2c" aria-hidden="true">│</span> <div class="chat-tui__content svelte-10e5u2c"><!> <!></div> <span class="chat-tui__side svelte-10e5u2c" aria-hidden="true">│</span></div> <div class="chat-tui__border svelte-10e5u2c" aria-hidden="true"></div></div>'), Xe = e.from_html('<span class="chat-gui__msg-time svelte-10e5u2c"> </span>'), Ye = e.from_html('<div><div class="chat-gui__msg-header svelte-10e5u2c"><span class="chat-gui__msg-author svelte-10e5u2c"> </span> <!></div> <div class="chat-gui__msg-body svelte-10e5u2c"> </div></div>'), Ze = e.from_html('<button class="chat-gui__indicator svelte-10e5u2c" aria-live="polite" aria-label="Jump to latest messages"> </button>'), $e = e.from_html('<div role="log" aria-live="polite" aria-label="Chat messages"><div class="chat-gui__scroll svelte-10e5u2c" tabindex="0" role="region" aria-label="Scrollable message history"><div class="chat-gui__messages svelte-10e5u2c"><!> <div class="chat-gui__sentinel svelte-10e5u2c" aria-hidden="true"></div></div></div> <!></div>');
+function ft(y, t) {
+  e.push(t, !0);
+  let w = e.prop(t, "tui", 3, !1), p = e.prop(t, "showTimestamps", 3, !0), u = e.prop(t, "class", 3, "");
+  const f = fe(), m = e.derived(() => w() || f());
+  Ve(() => e.get(m));
+  let v = e.state(void 0), D = e.state(void 0), r = e.state(!0), k = e.state(0), A = e.state(0), o = e.state(0);
+  e.user_effect(() => {
+    const i = t.messages.length;
+    if (i !== e.get(o)) {
+      const B = i - e.get(o);
+      e.set(o, i, !0), e.get(r) ? (e.set(k, 0), e.set(A, i, !0), h()) : B > 0 && e.set(k, e.get(k) + B);
+    }
+  });
+  function h() {
+    typeof requestAnimationFrame < "u" && requestAnimationFrame(() => C());
+  }
+  function C() {
+    e.get(v) && (e.get(v).scrollTop = e.get(v).scrollHeight);
+  }
+  function c() {
+    var i;
+    e.set(r, !0), e.set(k, 0), e.set(A, t.messages.length, !0), C(), (i = t.onscrolltolatest) == null || i.call(t);
+  }
+  function l() {
+    if (!e.get(v)) return;
+    const { scrollTop: i, scrollHeight: B, clientHeight: K } = e.get(v), s = B - i - K, d = e.get(r);
+    e.set(
+      r,
+      s < 8
+      // 8px tolerance
+    ), e.get(r) && !d && (e.set(k, 0), e.set(A, t.messages.length, !0));
+  }
+  function T(i) {
+    if (!e.get(v)) return;
+    const { clientHeight: B } = e.get(v);
+    switch (i.key) {
+      case "PageUp":
+        i.preventDefault(), e.get(v).scrollBy({ top: -B, behavior: "smooth" });
+        break;
+      case "PageDown":
+        i.preventDefault(), e.get(v).scrollBy({ top: B, behavior: "smooth" });
+        break;
+      case "Home":
+        i.preventDefault(), e.get(v).scrollTo({ top: 0, behavior: "smooth" });
+        break;
+      case "End":
+        i.preventDefault(), C();
+        break;
+    }
+  }
+  let a = e.state(0);
+  const E = 10, q = e.derived(() => e.get(a) >= Math.max(0, t.messages.length - E)), P = e.derived(() => e.get(q) ? 0 : Math.max(0, t.messages.length - (e.get(a) + E))), F = e.derived(() => t.messages.slice(e.get(a), e.get(a) + E));
+  e.user_effect(() => {
+    e.get(m) && e.get(q) && e.set(a, Math.max(0, t.messages.length - E), !0);
+  });
+  function ee() {
+    e.set(a, Math.max(0, e.get(a) - 1), !0);
+  }
+  function ie() {
+    e.set(a, Math.min(Math.max(0, t.messages.length - E), e.get(a) + 1), !0);
+  }
+  function re() {
+    e.set(a, Math.max(0, e.get(a) - E), !0);
+  }
+  function O() {
+    e.set(a, Math.min(Math.max(0, t.messages.length - E), e.get(a) + E), !0);
+  }
+  function L() {
+    e.set(a, 0);
+  }
+  function z() {
+    e.set(a, Math.max(0, t.messages.length - E), !0);
+  }
+  function Y() {
+    var i;
+    z(), (i = t.onscrolltolatest) == null || i.call(t);
+  }
+  function _e(i) {
+    switch (i.key) {
+      case "ArrowUp":
+        i.preventDefault(), ee();
+        break;
+      case "ArrowDown":
+        i.preventDefault(), ie();
+        break;
+      case "PageUp":
+        i.preventDefault(), re();
+        break;
+      case "PageDown":
+        i.preventDefault(), O();
+        break;
+      case "Home":
+        i.preventDefault(), L();
+        break;
+      case "End":
+        i.preventDefault(), z();
+        break;
+    }
+  }
+  function oe(i) {
+    return i.toLocaleTimeString([], { hour: "2-digit", minute: "2-digit" });
+  }
+  function le(i) {
+    return p() ? `${i.author} · ${oe(i.timestamp)}` : i.author;
+  }
+  var ce = e.comment(), ge = e.first_child(ce);
+  {
+    var pe = (i) => {
+      var B = We(), K = e.child(B);
+      K.textContent = `┌─ Chat ${"─".repeat(38) ?? ""}┐`;
+      var s = e.sibling(K, 2), d = e.sibling(e.child(s), 2), x = e.child(d);
+      e.each(x, 17, () => e.get(F), (g) => g.id, (g, b) => {
+        const I = e.derived(() => le(e.get(b))), S = e.derived(() => 38), H = e.derived(() => `╭─ ${e.get(I)} ${"─".repeat(Math.max(0, e.get(S) - e.get(I).length - 3))}╮`), te = e.derived(() => `╰${"─".repeat(e.get(S) + 1)}╯`);
+        var Z = je();
+        let V;
+        var Q = e.child(Z), se = e.child(Q, !0);
+        e.reset(Q);
+        var j = e.sibling(Q, 2), W = e.sibling(e.child(j), 2), X = e.child(W, !0);
+        e.reset(W), e.next(2), e.reset(j);
+        var R = e.sibling(j, 2), ae = e.child(R, !0);
+        e.reset(R), e.reset(Z), e.template_effect(() => {
+          V = e.set_class(Z, 1, "chat-tui__msg svelte-10e5u2c", null, V, {
+            "chat-tui__msg--user": e.get(b).type === "user",
+            "chat-tui__msg--system": e.get(b).type === "system"
+          }), e.set_text(se, e.get(H)), e.set_text(X, e.get(b).content), e.set_text(ae, e.get(te));
+        }), e.append(g, Z);
+      });
+      var _ = e.sibling(x, 2);
+      {
+        var n = (g) => {
+          var b = Qe(), I = e.child(b), S = e.child(I);
+          e.reset(I), e.reset(b), e.template_effect(() => e.set_text(S, `▼ ${e.get(P) ?? ""} new ${e.get(P) === 1 ? "message" : "messages"}`)), e.delegated("click", I, Y), e.delegated("keydown", I, (H) => (H.key === "Enter" || H.key === " ") && Y()), e.append(g, b);
+        };
+        e.if(_, (g) => {
+          e.get(P) > 0 && g(n);
+        });
+      }
+      e.reset(d), e.next(2), e.reset(s);
+      var M = e.sibling(s, 2);
+      M.textContent = `└${"─".repeat(40) ?? ""}┘`, e.reset(B), e.template_effect(() => e.set_class(B, 1, `chat-tui ${u() ?? ""}`, "svelte-10e5u2c")), e.delegated("keydown", B, _e), e.append(i, B);
+    }, he = (i) => {
+      var B = $e(), K = e.child(B), s = e.child(K), d = e.child(s);
+      e.each(d, 17, () => t.messages, (M) => M.id, (M, g) => {
+        var b = Ye();
+        let I;
+        var S = e.child(b), H = e.child(S), te = e.child(H, !0);
+        e.reset(H);
+        var Z = e.sibling(H, 2);
+        {
+          var V = (j) => {
+            var W = Xe(), X = e.child(W, !0);
+            e.reset(W), e.template_effect((R) => e.set_text(X, R), [() => oe(e.get(g).timestamp)]), e.append(j, W);
+          };
+          e.if(Z, (j) => {
+            p() && j(V);
+          });
+        }
+        e.reset(S);
+        var Q = e.sibling(S, 2), se = e.child(Q, !0);
+        e.reset(Q), e.reset(b), e.template_effect(() => {
+          I = e.set_class(b, 1, "chat-gui__msg svelte-10e5u2c", null, I, {
+            "chat-gui__msg--user": e.get(g).type === "user",
+            "chat-gui__msg--agent": e.get(g).type === "agent",
+            "chat-gui__msg--system": e.get(g).type === "system"
+          }), e.set_text(te, e.get(g).author), e.set_text(se, e.get(g).content);
+        }), e.append(M, b);
+      });
+      var x = e.sibling(d, 2);
+      e.bind_this(x, (M) => e.set(D, M), () => e.get(D)), e.reset(s), e.reset(K), e.bind_this(K, (M) => e.set(v, M), () => e.get(v));
+      var _ = e.sibling(K, 2);
+      {
+        var n = (M) => {
+          var g = Ze(), b = e.child(g);
+          e.reset(g), e.template_effect(() => e.set_text(b, `▼ ${e.get(k) ?? ""} new ${e.get(k) === 1 ? "message" : "messages"}`)), e.delegated("click", g, c), e.append(M, g);
+        };
+        e.if(_, (M) => {
+          e.get(k) > 0 && !e.get(r) && M(n);
+        });
+      }
+      e.reset(B), e.template_effect(() => e.set_class(B, 1, `chat-gui ${u() ?? ""}`, "svelte-10e5u2c")), e.event("scroll", K, l), e.delegated("keydown", K, T), e.append(i, B);
+    };
+    e.if(ge, (i) => {
+      e.get(m) ? i(pe) : i(he, !1);
+    });
+  }
+  e.append(y, ce), e.pop();
+}
+e.delegate(["keydown", "click"]);
+var et = e.from_html(' <span class="search-tui__cursor svelte-1xnd4ea">█</span> ', 1), tt = e.from_html('<span class="search-tui__result-gap svelte-1xnd4ea"> </span> <span class="search-tui__result-score svelte-1xnd4ea"> </span>', 1), st = e.from_html('<div role="option" tabindex="-1"><span class="search-tui__side search-tui__side--dim svelte-1xnd4ea">│</span> <span class="search-tui__result-content svelte-1xnd4ea"><span class="search-tui__result-prefix svelte-1xnd4ea"> </span> <span class="search-tui__result-text svelte-1xnd4ea"> </span> <!></span> <span class="search-tui__side search-tui__side--dim svelte-1xnd4ea">│</span></div>'), at = e.from_html('<div class="search-tui__separator svelte-1xnd4ea"> </div> <div role="listbox" aria-label="Search suggestions" class="svelte-1xnd4ea"></div>', 1), it = e.from_html('<label><div> </div> <div class="search-tui__row svelte-1xnd4ea"><span>│</span> <span><!></span> <span>│</span></div> <!> <div class="search-tui__bottom svelte-1xnd4ea"> </div> <input class="search-tui__hidden svelte-1xnd4ea" type="text" aria-label="Search" role="combobox" aria-autocomplete="list" aria-haspopup="listbox"/></label>'), lt = e.from_html('<mark class="search-gui__highlight svelte-1xnd4ea"> </mark>'), nt = e.from_html('<span class="search-gui__score svelte-1xnd4ea"> </span>'), rt = e.from_html('<li role="option" tabindex="-1"><span class="search-gui__option-text svelte-1xnd4ea"></span> <!></li>'), ot = e.from_html('<ul class="search-gui__dropdown svelte-1xnd4ea" role="listbox" aria-label="Search suggestions"></ul>'), ct = e.from_html('<div><div><span class="search-gui__icon svelte-1xnd4ea" aria-hidden="true">⌕</span> <input class="search-gui__input svelte-1xnd4ea" type="text" aria-label="Search" role="combobox" aria-autocomplete="list" aria-haspopup="listbox"/></div> <!></div>');
+function pt(y, t) {
+  e.push(t, !0);
+  let w = e.prop(t, "tui", 3, !1), p = e.prop(t, "value", 15, ""), u = e.prop(t, "placeholder", 3, "Search..."), f = e.prop(t, "maxSuggestions", 3, 8), m = e.prop(t, "debounceMs", 3, 100), v = e.prop(t, "showScores", 3, !0), D = e.prop(t, "class", 3, ""), r = e.prop(t, "cols", 3, 48);
+  const k = fe(), A = e.derived(() => w() || k());
+  let o = e.state(void 0), h = e.state(!1), C = e.state(0), c = e.state(e.proxy([])), l = e.state(-1), T = e.state(!1);
+  function a() {
+    if (typeof crypto < "u" && typeof crypto.randomUUID == "function")
+      return `search-listbox-${crypto.randomUUID()}`;
+    if (typeof crypto < "u" && typeof crypto.getRandomValues == "function") {
+      const s = new Uint32Array(1);
+      return crypto.getRandomValues(s), `search-listbox-${s[0].toString(36)}`;
+    }
+    return `search-listbox-${Date.now().toString(36)}`;
+  }
+  const E = a();
+  let q;
+  const P = e.derived(() => Math.max(6, r())), F = e.derived(() => e.get(P) - 2), ee = e.derived(() => (() => {
+    const s = "Search", d = Math.max(0, e.get(F) - 4), _ = `─ ${s.length > d ? s.substring(0, d) : s} `, n = Math.max(0, e.get(F) - _.length);
+    return `┌${_}${"─".repeat(n)}┐`;
+  })()), ie = e.derived(() => `├${"─".repeat(e.get(F))}┤`), re = e.derived(() => `└${"─".repeat(e.get(F))}┘`), O = e.derived(() => {
+    const s = p() ?? "", d = s.length, x = Math.min(Math.max(0, e.get(C)), d);
+    if (!e.get(h))
+      return s ? {
+        kind: "text",
+        text: s.substring(0, e.get(F)).padEnd(e.get(F), " ")
+      } : {
+        kind: "placeholder",
+        text: (u() || "").substring(0, e.get(F)).padEnd(e.get(F), " ")
+      };
+    const _ = e.get(F) - 1;
+    let n;
+    d <= _ ? n = 0 : (n = Math.min(x, d - _), n = Math.max(0, n), x < n && (n = x));
+    const M = s.substring(n, x), g = s.substring(x, n + _), b = " ".repeat(Math.max(0, _ - M.length - g.length));
+    return { kind: "cursor", before: M, after: g, pad: b };
+  });
+  function L(s, d) {
+    const x = d === e.get(l) ? "› " : "  ";
+    if (v()) {
+      const _ = `★ ${s.score.toFixed(2)}`, n = "  ", M = Math.max(0, e.get(F) - x.length - n.length - _.length), g = s.text.length > M ? s.text.substring(0, M - 1) + "…" : s.text.padEnd(M, " ");
+      return { prefix: x, text: g, gap: n, score: _ };
+    } else {
+      const _ = Math.max(0, e.get(F) - x.length), n = s.text.length > _ ? s.text.substring(0, _ - 1) + "…" : s.text.padEnd(_, " ");
+      return { prefix: x, text: n, gap: "", score: "" };
+    }
+  }
+  async function z(s) {
+    if (!s.trim()) {
+      e.set(c, [], !0), e.set(T, !1), e.set(l, -1);
+      return;
+    }
+    try {
+      const d = await t.onSearch(s);
+      e.set(c, d.slice(0, f()), !0), e.set(l, -1), e.set(T, e.get(c).length > 0);
+    } catch {
+      e.set(c, [], !0), e.set(T, !1);
+    }
+  }
+  function Y(s) {
+    p(s.text), e.set(c, [], !0), e.set(T, !1), e.set(l, -1), t.onSelect(s);
+  }
+  function _e(s) {
+    const d = s.target;
+    p(d.value), le(), clearTimeout(q), q = setTimeout(() => z(p() ?? ""), m());
+  }
+  function oe(s) {
+    s.key === "ArrowDown" ? (s.preventDefault(), e.get(c).length > 0 && e.set(l, Math.min(e.get(l) + 1, e.get(c).length - 1), !0)) : s.key === "ArrowUp" ? (s.preventDefault(), e.get(c).length > 0 && e.set(l, Math.max(e.get(l) - 1, -1), !0)) : s.key === "Enter" ? (s.preventDefault(), e.get(l) >= 0 && e.get(l) < e.get(c).length && Y(e.get(c)[e.get(l)])) : s.key === "Escape" && (e.set(c, [], !0), e.set(T, !1), e.set(l, -1)), le();
+  }
+  function le() {
+    const s = e.get(o);
+    s && (typeof queueMicrotask < "u" ? queueMicrotask(() => {
+      e.set(C, s.selectionStart ?? (p() ?? "").length, !0);
+    }) : e.set(C, s.selectionStart ?? (p() ?? "").length, !0));
+  }
+  function ce() {
+    e.set(h, !0), le(), (p() ?? "").trim() && e.get(c).length > 0 && e.set(T, !0);
+  }
+  function ge() {
+    e.set(h, !1), setTimeout(
+      () => {
+        e.set(T, !1);
+      },
+      150
+    );
+  }
+  function pe(s, d) {
+    if (!d.trim()) return [{ text: s, match: !1 }];
+    const x = s.toLowerCase(), _ = d.trim().toLowerCase(), n = x.indexOf(_);
+    return n < 0 ? [{ text: s, match: !1 }] : [
+      { text: s.slice(0, n), match: !1 },
+      { text: s.slice(n, n + _.length), match: !0 },
+      { text: s.slice(n + _.length), match: !1 }
+    ];
+  }
+  var he = e.comment(), i = e.first_child(he);
+  {
+    var B = (s) => {
+      var d = it();
+      let x;
+      var _ = e.child(d);
+      let n;
+      var M = e.child(_, !0);
+      e.reset(_);
+      var g = e.sibling(_, 2), b = e.child(g);
+      let I;
+      var S = e.sibling(b, 2);
+      let H;
+      var te = e.child(S);
+      {
+        var Z = (U) => {
+          var G = e.text();
+          e.template_effect(() => e.set_text(G, e.get(O).text)), e.append(U, G);
+        }, V = (U) => {
+          var G = e.text();
+          e.template_effect(() => e.set_text(G, e.get(O).text)), e.append(U, G);
+        }, Q = (U) => {
+          var G = et(), J = e.first_child(G, !0), $ = e.sibling(J, 2);
+          e.template_effect(() => {
+            e.set_text(J, e.get(O).before), e.set_text($, `${e.get(O).after ?? ""}${e.get(O).pad ?? ""}`);
+          }), e.append(U, G);
+        };
+        e.if(te, (U) => {
+          e.get(O).kind === "placeholder" ? U(Z) : e.get(O).kind === "text" ? U(V, 1) : U(Q, !1);
+        });
+      }
+      e.reset(S);
+      var se = e.sibling(S, 2);
+      let j;
+      e.reset(g);
+      var W = e.sibling(g, 2);
+      {
+        var X = (U) => {
+          var G = at(), J = e.first_child(G), $ = e.child(J, !0);
+          e.reset(J);
+          var de = e.sibling(J, 2);
+          e.each(de, 21, () => e.get(c), e.index, (Pe, ke, me) => {
+            const ue = e.derived(() => L(e.get(ke), me));
+            var ne = st();
+            let Te;
+            var Me = e.sibling(e.child(ne), 2), xe = e.child(Me), Le = e.child(xe, !0);
+            e.reset(xe);
+            var be = e.sibling(xe, 2), Be = e.child(be, !0);
+            e.reset(be);
+            var Ae = e.sibling(be, 2);
+            {
+              var Fe = (ye) => {
+                var De = tt(), we = e.first_child(De), Ie = e.child(we, !0);
+                e.reset(we);
+                var Ce = e.sibling(we, 2), Ue = e.child(Ce, !0);
+                e.reset(Ce), e.template_effect(() => {
+                  e.set_text(Ie, e.get(ue).gap), e.set_text(Ue, e.get(ue).score);
+                }), e.append(ye, De);
+              };
+              e.if(Ae, (ye) => {
+                e.get(ue).score && ye(Fe);
+              });
+            }
+            e.reset(Me), e.next(2), e.reset(ne), e.template_effect(() => {
+              Te = e.set_class(ne, 1, "search-tui__result svelte-1xnd4ea", null, Te, { "search-tui__result--selected": me === e.get(l) }), e.set_attribute(ne, "aria-selected", me === e.get(l)), e.set_text(Le, e.get(ue).prefix), e.set_text(Be, e.get(ue).text);
+            }), e.delegated("mousedown", ne, () => Y(e.get(ke))), e.append(Pe, ne);
+          }), e.reset(de), e.template_effect(() => {
+            e.set_text($, e.get(ie)), e.set_attribute(de, "id", E);
+          }), e.append(U, G);
+        };
+        e.if(W, (U) => {
+          e.get(T) && e.get(c).length > 0 && U(X);
+        });
+      }
+      var R = e.sibling(W, 2), ae = e.child(R, !0);
+      e.reset(R);
+      var N = e.sibling(R, 2);
+      e.remove_input_defaults(N), e.bind_this(N, (U) => e.set(o, U), () => e.get(o)), e.reset(d), e.template_effect(() => {
+        x = e.set_class(d, 1, `search-tui ${D() ?? ""}`, "svelte-1xnd4ea", x, { focused: e.get(h) }), n = e.set_class(_, 1, "search-tui__top svelte-1xnd4ea", null, n, { focused: e.get(h) }), e.set_text(M, e.get(ee)), I = e.set_class(b, 1, "search-tui__side svelte-1xnd4ea", null, I, { focused: e.get(h) }), H = e.set_class(S, 1, "search-tui__content svelte-1xnd4ea", null, H, {
+          "search-tui__content--placeholder": e.get(O).kind === "placeholder"
+        }), j = e.set_class(se, 1, "search-tui__side svelte-1xnd4ea", null, j, { focused: e.get(h) }), e.set_text(ae, e.get(re)), e.set_value(N, p()), e.set_attribute(N, "aria-controls", E), e.set_attribute(N, "aria-expanded", e.get(T));
+      }), e.delegated("input", N, _e), e.delegated("keydown", N, oe), e.event("focus", N, ce), e.event("blur", N, ge), e.delegated("click", N, le), e.event("select", N, le), e.append(s, d);
+    }, K = (s) => {
+      var d = ct(), x = e.child(d);
+      let _;
+      var n = e.sibling(e.child(x), 2);
+      e.remove_input_defaults(n), e.bind_this(n, (b) => e.set(o, b), () => e.get(o)), e.reset(x);
+      var M = e.sibling(x, 2);
+      {
+        var g = (b) => {
+          var I = ot();
+          e.each(I, 21, () => e.get(c), e.index, (S, H, te) => {
+            const Z = e.derived(() => pe(e.get(H).text, p() ?? ""));
+            var V = rt();
+            let Q;
+            var se = e.child(V);
+            e.each(se, 21, () => e.get(Z), e.index, (X, R) => {
+              var ae = e.comment(), N = e.first_child(ae);
+              {
+                var U = (J) => {
+                  var $ = lt(), de = e.child($, !0);
+                  e.reset($), e.template_effect(() => e.set_text(de, e.get(R).text)), e.append(J, $);
+                }, G = (J) => {
+                  var $ = e.text();
+                  e.template_effect(() => e.set_text($, e.get(R).text)), e.append(J, $);
+                };
+                e.if(N, (J) => {
+                  e.get(R).match ? J(U) : J(G, !1);
+                });
+              }
+              e.append(X, ae);
+            }), e.reset(se);
+            var j = e.sibling(se, 2);
+            {
+              var W = (X) => {
+                var R = nt(), ae = e.child(R);
+                e.reset(R), e.template_effect((N) => e.set_text(ae, `★ ${N ?? ""}`), [() => e.get(H).score.toFixed(2)]), e.append(X, R);
+              };
+              e.if(j, (X) => {
+                v() && X(W);
+              });
+            }
+            e.reset(V), e.template_effect(() => {
+              Q = e.set_class(V, 1, "search-gui__option svelte-1xnd4ea", null, Q, { "search-gui__option--selected": te === e.get(l) }), e.set_attribute(V, "aria-selected", te === e.get(l));
+            }), e.delegated("mousedown", V, () => Y(e.get(H))), e.event("mouseenter", V, () => e.set(l, te, !0)), e.append(S, V);
+          }), e.reset(I), e.template_effect(() => e.set_attribute(I, "id", E)), e.append(b, I);
+        };
+        e.if(M, (b) => {
+          e.get(T) && e.get(c).length > 0 && b(g);
+        });
+      }
+      e.reset(d), e.template_effect(() => {
+        e.set_class(d, 1, `search-gui ${D() ?? ""}`, "svelte-1xnd4ea"), _ = e.set_class(x, 1, "search-gui__field svelte-1xnd4ea", null, _, { "search-gui__field--focused": e.get(h) }), e.set_value(n, p()), e.set_attribute(n, "placeholder", u()), e.set_attribute(n, "aria-controls", E), e.set_attribute(n, "aria-expanded", e.get(T));
+      }), e.delegated("input", n, _e), e.delegated("keydown", n, oe), e.event("focus", n, ce), e.event("blur", n, ge), e.append(s, d);
+    };
+    e.if(i, (s) => {
+      e.get(A) ? s(B) : s(K, !1);
+    });
+  }
+  e.append(y, he), e.pop();
+}
+e.delegate(["mousedown", "input", "keydown", "click"]);
+var dt = e.from_html('<span aria-hidden="true"></span>');
+function mt(y, t) {
+  let w = e.prop(t, "size", 3, 16), p = e.prop(t, "color", 3, "currentColor"), u = e.prop(t, "class", 3, "");
+  var f = dt();
+  let m;
+  e.template_effect(() => {
+    e.set_class(f, 1, `nf ${t.icon ?? ""} ${u() ?? ""}`, "svelte-81k4o2"), m = e.set_style(f, "", m, {
+      "font-size": `${w() ?? ""}px`,
+      color: p(),
+      "line-height": `${w() ?? ""}px`
+    });
+  }), e.append(y, f);
+}
+export {
+  _t as Button,
+  ft as ChatPane,
+  ht as GlassPanel,
+  mt as NerdFont,
+  pt as SearchInput,
+  gt as Toggle,
+  Ve as provideTui,
+  fe as useTui
+};