@atelier-ui/vue 0.0.28 → 0.0.29

package/index.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as v, ref as C, provide as H, computed as p, openBlock as l, createElementBlock as n, normalizeClass as $, renderSlot as b, useId as E, inject as R, onMounted as O, watch as q, onBeforeUnmount as G, createElementVNode as c, toDisplayString as L, createCommentVNode as w, useSlots as re, Fragment as B, renderList as z, createBlock as W, resolveDynamicComponent as de, normalizeStyle as P, unref as M, withModifiers as V, onUnmounted as J, createTextVNode as j, createVNode as ue, nextTick as ce, toRef as me } from "vue";
-const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
+import { defineComponent as v, ref as C, provide as H, computed as p, openBlock as s, createElementBlock as n, normalizeClass as y, renderSlot as b, useId as O, inject as q, onMounted as E, watch as z, onBeforeUnmount as j, createElementVNode as c, toDisplayString as L, createCommentVNode as w, useSlots as ue, Fragment as B, renderList as R, createBlock as W, resolveDynamicComponent as ce, normalizeStyle as G, unref as M, withModifiers as V, onUnmounted as J, createTextVNode as F, createVNode as me, nextTick as Z, useTemplateRef as Q, toRef as fe } from "vue";
+const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   name: "LlmAccordionGroup",
   __name: "llm-accordion-group",
   props: {
@@ -8,7 +8,7 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   },
   setup(e) {
     const t = e, a = C(/* @__PURE__ */ new Set()), o = /* @__PURE__ */ new Map();
-    function s(i) {
+    function l(i) {
       const m = new Set(a.value);
       m.has(i) ? m.delete(i) : (t.multi || m.clear(), m.add(i)), a.value = m;
     }
@@ -18,23 +18,23 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
     function u(i) {
       o.delete(i);
     }
-    H(Z, {
+    H(X, {
       get multi() {
         return t.multi;
       },
       openItems: a,
-      toggleItem: s,
+      toggleItem: l,
       registerItem: d,
       unregisterItem: u
     });
     const r = p(() => ["llm-accordion-group", `variant-${t.variant}`]);
-    return (i, m) => (l(), n("div", {
-      class: $(r.value)
+    return (i, m) => (s(), n("div", {
+      class: y(r.value)
     }, [
       b(i.$slots, "default")
     ], 2));
   }
-}), fe = { class: "accordion-heading" }, pe = ["aria-expanded", "disabled"], wt = /* @__PURE__ */ v({
+}), pe = { class: "accordion-heading" }, ve = ["aria-expanded", "disabled"], wt = /* @__PURE__ */ v({
   name: "LlmAccordionItem",
   __name: "llm-accordion-item",
   props: {
@@ -43,39 +43,39 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   },
   emits: ["update:expanded"],
   setup(e, { emit: t }) {
-    const a = e, o = t, s = E(), d = `llm-accordion-trigger-${s}`, u = `llm-accordion-panel-${s}`, r = R(Z, null), i = C(null), m = p(() => r ? r.openItems.value.has(s) : a.expanded ?? !1);
-    function k() {
-      a.disabled || (r ? r.toggleItem(s) : o("update:expanded", !m.value));
+    const a = e, o = t, l = O(), d = `llm-accordion-trigger-${l}`, u = `llm-accordion-panel-${l}`, r = q(X, null), i = C(null), m = p(() => r ? r.openItems.value.has(l) : a.expanded ?? !1);
+    function $() {
+      a.disabled || (r ? r.toggleItem(l) : o("update:expanded", !m.value));
     }
-    function _(y) {
+    function k(g) {
       if (!r) return;
       const f = Array.from(
         document.querySelectorAll(".llm-accordion-item:not(.is-disabled) .accordion-trigger")
-      ), I = f.indexOf(y.currentTarget);
-      y.key === "ArrowDown" ? (y.preventDefault(), f[(I + 1) % f.length]?.focus()) : y.key === "ArrowUp" ? (y.preventDefault(), f[(I - 1 + f.length) % f.length]?.focus()) : y.key === "Home" ? (y.preventDefault(), f[0]?.focus()) : y.key === "End" && (y.preventDefault(), f[f.length - 1]?.focus());
+      ), T = f.indexOf(g.currentTarget);
+      g.key === "ArrowDown" ? (g.preventDefault(), f[(T + 1) % f.length]?.focus()) : g.key === "ArrowUp" ? (g.preventDefault(), f[(T - 1 + f.length) % f.length]?.focus()) : g.key === "Home" ? (g.preventDefault(), f[0]?.focus()) : g.key === "End" && (g.preventDefault(), f[f.length - 1]?.focus());
     }
-    O(() => {
-      r && i.value && r.registerItem(s, i.value), !r && a.expanded;
-    }), q(
+    E(() => {
+      r && i.value && r.registerItem(l, i.value), !r && a.expanded;
+    }), z(
       () => a.expanded,
-      (y) => {
-        if (!r || y === void 0) return;
-        const f = r.openItems.value.has(s);
-        (y && !f || !y && f) && r.toggleItem(s);
+      (g) => {
+        if (!r || g === void 0) return;
+        const f = r.openItems.value.has(l);
+        (g && !f || !g && f) && r.toggleItem(l);
       },
       { immediate: !0 }
-    ), G(() => {
-      r && r.unregisterItem(s);
+    ), j(() => {
+      r && r.unregisterItem(l);
     });
     const h = p(() => [
       "llm-accordion-item",
       m.value && "is-expanded",
       a.disabled && "is-disabled"
-    ]), g = p(() => ["chevron", m.value && "is-expanded"]);
-    return (y, f) => (l(), n("div", {
-      class: $(h.value)
+    ]), _ = p(() => ["chevron", m.value && "is-expanded"]);
+    return (g, f) => (s(), n("div", {
+      class: y(h.value)
     }, [
-      c("h3", fe, [
+      c("h3", pe, [
         c("button", {
           id: d,
           ref_key: "triggerRef",
@@ -85,12 +85,12 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
           "aria-expanded": m.value,
           "aria-controls": u,
           disabled: e.disabled,
-          onClick: k,
-          onKeydown: _
+          onClick: $,
+          onKeydown: k
         }, [
-          b(y.$slots, "header"),
-          (l(), n("svg", {
-            class: $(g.value),
+          b(g.$slots, "header"),
+          (s(), n("svg", {
+            class: y(_.value),
             width: "16",
             height: "16",
             viewBox: "0 0 16 16",
@@ -105,10 +105,10 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
               "stroke-linejoin": "round"
             }, null, -1)
           ])], 2))
-        ], 40, pe)
+        ], 40, ve)
       ]),
       c("div", {
-        class: $(["accordion-panel-wrapper", m.value && "is-expanded"])
+        class: y(["accordion-panel-wrapper", m.value && "is-expanded"])
       }, [
         c("div", {
           id: u,
@@ -116,20 +116,20 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
           "aria-labelledby": d,
           class: "accordion-panel"
         }, [
-          b(y.$slots, "default")
+          b(g.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}), ve = { class: "accordion-header-content" }, Lt = /* @__PURE__ */ v({
+}), he = { class: "accordion-header-content" }, Lt = /* @__PURE__ */ v({
   name: "LlmAccordionHeader",
   __name: "llm-accordion-header",
   setup(e) {
-    return (t, a) => (l(), n("span", ve, [
+    return (t, a) => (s(), n("span", he, [
       b(t.$slots, "default")
     ]));
   }
-}), he = ["aria-live"], be = { class: "content" }, ge = {
+}), be = ["aria-live"], ge = { class: "content" }, ye = {
   class: "variant-icon",
   "aria-hidden": "true"
 }, xt = /* @__PURE__ */ v({
@@ -146,24 +146,24 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
       success: "✓",
       warning: "⚠",
       danger: "✕"
-    }, o = e, s = t, d = p(() => ["llm-alert", `variant-${o.variant}`]), u = p(
+    }, o = e, l = t, d = p(() => ["llm-alert", `variant-${o.variant}`]), u = p(
       () => o.variant === "danger" || o.variant === "warning" ? "assertive" : "polite"
     ), r = p(() => a[o.variant]);
-    return (i, m) => (l(), n("div", {
-      class: $(d.value),
+    return (i, m) => (s(), n("div", {
+      class: y(d.value),
       role: "alert",
       "aria-live": u.value
     }, [
-      c("span", be, [
-        c("span", ge, L(r.value), 1),
+      c("span", ge, [
+        c("span", ye, L(r.value), 1),
         b(i.$slots, "default")
       ]),
-      e.dismissible ? (l(), n("button", {
+      e.dismissible ? (s(), n("button", {
         key: 0,
         class: "dismiss",
         type: "button",
         "aria-label": "Dismiss",
-        onClick: m[0] || (m[0] = (k) => s("dismissed"))
+        onClick: m[0] || (m[0] = ($) => l("dismissed"))
       }, [...m[1] || (m[1] = [
         c("svg", {
           xmlns: "http://www.w3.org/2000/svg",
@@ -191,12 +191,12 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
           })
         ], -1)
       ])])) : w("", !0)
-    ], 10, he));
+    ], 10, be));
   }
-}), ye = ["aria-label"], $e = ["src", "alt"], ke = {
+}), $e = ["aria-label"], ke = ["src", "alt"], _e = {
   key: 1,
   class: "initials"
-}, _e = {
+}, we = {
   key: 2,
   class: "icon",
   xmlns: "http://www.w3.org/2000/svg",
@@ -216,38 +216,38 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   },
   setup(e) {
     const t = e, a = C(!1);
-    q(() => t.src, () => {
+    z(() => t.src, () => {
       a.value = !1;
     });
     function o(r) {
       return r.split(" ").filter(Boolean).slice(0, 2).map((i) => i[0].toUpperCase()).join("");
     }
-    const s = p(() => t.name ? o(t.name) : ""), d = p(() => t.alt || t.name || "Avatar"), u = p(() => [
+    const l = p(() => t.name ? o(t.name) : ""), d = p(() => t.alt || t.name || "Avatar"), u = p(() => [
       "llm-avatar",
       `size-${t.size}`,
       `shape-${t.shape}`
     ]);
-    return (r, i) => (l(), n("div", {
-      class: $(u.value),
+    return (r, i) => (s(), n("div", {
+      class: y(u.value),
       "aria-label": d.value,
       role: "img"
     }, [
-      e.src && !a.value ? (l(), n("img", {
+      e.src && !a.value ? (s(), n("img", {
         key: 0,
         src: e.src,
         alt: e.alt || e.name,
         onError: i[0] || (i[0] = (m) => a.value = !0)
-      }, null, 40, $e)) : s.value ? (l(), n("span", ke, L(s.value), 1)) : (l(), n("svg", _e, [...i[1] || (i[1] = [
+      }, null, 40, ke)) : l.value ? (s(), n("span", _e, L(l.value), 1)) : (s(), n("svg", we, [...i[1] || (i[1] = [
         c("path", { d: "M12 12c2.761 0 5-2.239 5-5s-2.239-5-5-5-5 2.239-5 5 2.239 5 5 5zm0 2c-3.314 0-10 1.343-10 4v2h20v-2c0-2.657-6.686-4-10-4z" }, null, -1)
       ])])),
-      e.status ? (l(), n("span", {
+      e.status ? (s(), n("span", {
         key: 3,
-        class: $(`status-dot status-${e.status}`),
+        class: y(`status-dot status-${e.status}`),
         "aria-hidden": "true"
       }, null, 2)) : w("", !0)
-    ], 10, ye));
+    ], 10, $e));
   }
-}), we = ["aria-label"], Bt = /* @__PURE__ */ v({
+}), Le = ["aria-label"], Bt = /* @__PURE__ */ v({
   name: "LlmAvatarGroup",
   __name: "llm-avatar-group",
   props: {
@@ -255,23 +255,23 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
     size: { default: "md" }
   },
   setup(e) {
-    const t = e, a = re(), o = p(() => a.default?.() ?? []), s = p(() => o.value.slice(0, t.max)), d = p(() => Math.max(0, o.value.length - t.max));
-    return (u, r) => (l(), n("div", {
-      class: $(["llm-avatar-group", `size-${e.size}`])
+    const t = e, a = ue(), o = p(() => a.default?.() ?? []), l = p(() => o.value.slice(0, t.max)), d = p(() => Math.max(0, o.value.length - t.max));
+    return (u, r) => (s(), n("div", {
+      class: y(["llm-avatar-group", `size-${e.size}`])
     }, [
-      (l(!0), n(B, null, z(s.value, (i, m) => (l(), W(de(i), { key: m }))), 128)),
-      d.value > 0 ? (l(), n("div", {
+      (s(!0), n(B, null, R(l.value, (i, m) => (s(), W(ce(i), { key: m }))), 128)),
+      d.value > 0 ? (s(), n("div", {
         key: 0,
-        class: $(`overflow-badge size-${e.size}`),
+        class: y(`overflow-badge size-${e.size}`),
         "aria-label": `+${d.value} more`
-      }, " +" + L(d.value), 11, we)) : w("", !0)
+      }, " +" + L(d.value), 11, Le)) : w("", !0)
     ], 2));
   }
-}), Le = {
+}), xe = {
   key: 0,
   class: "variant-icon",
   "aria-hidden": "true"
-}, It = /* @__PURE__ */ v({
+}, Tt = /* @__PURE__ */ v({
   name: "LlmBadge",
   __name: "llm-badge",
   props: {
@@ -289,16 +289,16 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
       "llm-badge",
       `variant-${a.variant}`,
       `size-${a.size}`
-    ]), s = p(() => t[a.variant]);
-    return (d, u) => (l(), n("span", {
-      class: $(o.value),
+    ]), l = p(() => t[a.variant]);
+    return (d, u) => (s(), n("span", {
+      class: y(o.value),
       role: "status"
     }, [
-      s.value ? (l(), n("span", Le, L(s.value), 1)) : w("", !0),
+      l.value ? (s(), n("span", xe, L(l.value), 1)) : w("", !0),
       b(d.$slots, "default")
     ], 2));
   }
-}), xe = { class: "breadcrumbs-list" }, Tt = /* @__PURE__ */ v({
+}), Ce = { class: "breadcrumbs-list" }, It = /* @__PURE__ */ v({
   name: "LlmBreadcrumbs",
   __name: "llm-breadcrumbs",
   props: {
@@ -306,17 +306,17 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   },
   setup(e) {
     const t = e;
-    return (a, o) => (l(), n("nav", {
+    return (a, o) => (s(), n("nav", {
       class: "llm-breadcrumbs",
       "aria-label": "Breadcrumb",
-      style: P({ "--llm-separator": `'${t.separator}'` })
+      style: G({ "--llm-separator": `'${t.separator}'` })
     }, [
-      c("ol", xe, [
+      c("ol", Ce, [
         b(a.$slots, "default")
       ])
     ], 4));
   }
-}), Ce = ["href"], Be = ["aria-current"], Dt = /* @__PURE__ */ v({
+}), Be = ["href"], Te = ["aria-current"], Dt = /* @__PURE__ */ v({
   name: "LlmBreadcrumbItem",
   __name: "llm-breadcrumb-item",
   props: {
@@ -328,25 +328,25 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
       "llm-breadcrumb-item",
       t.current && "is-current"
     ].filter(Boolean));
-    return (o, s) => (l(), n("li", {
-      class: $(a.value)
+    return (o, l) => (s(), n("li", {
+      class: y(a.value)
     }, [
-      e.href && !e.current ? (l(), n("a", {
+      e.href && !e.current ? (s(), n("a", {
         key: 0,
         href: e.href,
         class: "breadcrumb-link"
       }, [
         b(o.$slots, "default")
-      ], 8, Ce)) : (l(), n("span", {
+      ], 8, Be)) : (s(), n("span", {
         key: 1,
         class: "breadcrumb-current",
         "aria-current": e.current ? "page" : void 0
       }, [
         b(o.$slots, "default")
-      ], 8, Be))
+      ], 8, Te))
     ], 2));
   }
-}), Ie = ["type", "disabled", "aria-disabled"], Te = {
+}), Ie = ["type", "disabled", "aria-disabled"], De = {
   key: 0,
   class: "spinner",
   "aria-hidden": "true"
@@ -368,14 +368,14 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
       a.value && "is-disabled",
       t.loading && "is-loading"
     ].filter(Boolean));
-    return (s, d) => (l(), n("button", {
-      class: $(o.value),
+    return (l, d) => (s(), n("button", {
+      class: y(o.value),
       type: e.type,
       disabled: a.value,
       "aria-disabled": a.value || void 0
     }, [
-      e.loading ? (l(), n("span", Te)) : w("", !0),
-      b(s.$slots, "default")
+      e.loading ? (s(), n("span", De)) : w("", !0),
+      b(l.$slots, "default")
     ], 10, Ie));
   }
 }), Mt = /* @__PURE__ */ v({
@@ -391,41 +391,41 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
       `variant-${t.variant}`,
       `padding-${t.padding}`
     ]);
-    return (o, s) => (l(), n("div", {
-      class: $(a.value)
+    return (o, l) => (s(), n("div", {
+      class: y(a.value)
     }, [
       b(o.$slots, "default")
     ], 2));
   }
-}), De = { class: "llm-card-header" }, At = /* @__PURE__ */ v({
+}), Se = { class: "llm-card-header" }, At = /* @__PURE__ */ v({
   name: "LlmCardHeader",
   __name: "llm-card-header",
   setup(e) {
-    return (t, a) => (l(), n("div", De, [
+    return (t, a) => (s(), n("div", Se, [
       b(t.$slots, "default")
     ]));
   }
-}), Se = { class: "llm-card-content" }, zt = /* @__PURE__ */ v({
+}), Me = { class: "llm-card-content" }, Rt = /* @__PURE__ */ v({
   name: "LlmCardContent",
   __name: "llm-card-content",
   setup(e) {
-    return (t, a) => (l(), n("div", Se, [
+    return (t, a) => (s(), n("div", Me, [
       b(t.$slots, "default")
     ]));
   }
-}), Me = { class: "llm-card-footer" }, Rt = /* @__PURE__ */ v({
+}), Ae = { class: "llm-card-footer" }, zt = /* @__PURE__ */ v({
   name: "LlmCardFooter",
   __name: "llm-card-footer",
   setup(e) {
-    return (t, a) => (l(), n("div", Me, [
+    return (t, a) => (s(), n("div", Ae, [
       b(t.$slots, "default")
     ]));
   }
-}), Ae = ["for"], ze = ["id", "checked", "disabled", "readonly", "required", "name", "aria-invalid"], Re = {
+}), Re = ["for"], ze = ["id", "checked", "disabled", "readonly", "required", "name", "aria-invalid"], qe = {
   key: 0,
   class: "errors",
   "aria-live": "polite"
-}, qe = /* @__PURE__ */ v({
+}, He = /* @__PURE__ */ v({
   name: "LlmCheckbox",
   __name: "llm-checkbox",
   props: {
@@ -441,21 +441,21 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const a = e, o = t, s = C(null), d = p(() => a.id || `checkbox-${Math.random().toString(36).slice(2)}`);
-    q(
+    const a = e, o = t, l = C(null), d = p(() => a.id || `checkbox-${Math.random().toString(36).slice(2)}`);
+    z(
       () => a.indeterminate,
       (r) => {
-        s.value && (s.value.indeterminate = r);
+        l.value && (l.value.indeterminate = r);
       }
-    ), O(() => {
-      s.value && (s.value.indeterminate = a.indeterminate);
+    ), E(() => {
+      l.value && (l.value.indeterminate = a.indeterminate);
     });
     function u(r) {
       const i = r.target;
       o("update:checked", i.checked);
     }
-    return (r, i) => (l(), n("div", {
-      class: $(["llm-checkbox", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
+    return (r, i) => (s(), n("div", {
+      class: y(["llm-checkbox", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
     }, [
       c("label", {
         for: d.value,
@@ -464,7 +464,7 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
         c("input", {
           id: d.value,
           ref_key: "inputRef",
-          ref: s,
+          ref: l,
           type: "checkbox",
           checked: e.checked,
           disabled: e.disabled,
@@ -475,16 +475,16 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
           onChange: u
         }, null, 40, ze),
         b(r.$slots, "default")
-      ], 8, Ae),
-      e.errors.length ? (l(), n("ul", Re, [
-        (l(!0), n(B, null, z(e.errors, (m, k) => (l(), n("li", {
-          key: k,
+      ], 8, Re),
+      e.errors.length ? (s(), n("ul", qe, [
+        (s(!0), n(B, null, R(e.errors, (m, $) => (s(), n("li", {
+          key: $,
           class: "error"
         }, L(m), 1))), 128))
       ])) : w("", !0)
     ], 2));
   }
-}), He = ["aria-label", "aria-labelledby"], Q = /* @__PURE__ */ Symbol("LlmDialog"), qt = /* @__PURE__ */ v({
+}), Ee = ["aria-label", "aria-labelledby"], Y = /* @__PURE__ */ Symbol("LlmDialog"), qt = /* @__PURE__ */ v({
   name: "LlmDialog",
   __name: "llm-dialog",
   props: {
@@ -495,36 +495,36 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   },
   emits: ["update:open"],
   setup(e, { emit: t }) {
-    const a = e, o = t, s = C(null), d = E();
+    const a = e, o = t, l = C(null), d = O();
     function u() {
       o("update:open", !1);
     }
-    H(Q, {
+    H(Y, {
       headerId: d,
       close: u
-    }), O(() => {
-      a.open && s.value && s.value.showModal();
-    }), q(
+    }), E(() => {
+      a.open && l.value && l.value.showModal();
+    }), z(
       () => a.open,
-      (_) => {
-        const h = s.value;
-        h && (_ ? h.open || h.showModal() : h.open && h.close());
+      (k) => {
+        const h = l.value;
+        h && (k ? h.open || h.showModal() : h.open && h.close());
       },
       { flush: "post" }
     );
     function r() {
       o("update:open", !1);
     }
-    function i(_) {
-      _.preventDefault(), o("update:open", !1);
+    function i(k) {
+      k.preventDefault(), o("update:open", !1);
     }
-    function m(_) {
-      a.closeOnBackdrop && _.target === s.value && o("update:open", !1);
+    function m(k) {
+      a.closeOnBackdrop && k.target === l.value && o("update:open", !1);
     }
-    const k = p(() => ["panel", `size-${a.size}`]);
-    return (_, h) => (l(), n("dialog", {
+    const $ = p(() => ["panel", `size-${a.size}`]);
+    return (k, h) => (s(), n("dialog", {
       ref_key: "dialogRef",
-      ref: s,
+      ref: l,
       class: "llm-dialog",
       "aria-label": e.ariaLabel || void 0,
       "aria-labelledby": e.ariaLabel ? void 0 : M(d),
@@ -534,32 +534,32 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
       onClick: m
     }, [
       c("div", {
-        class: $(k.value),
+        class: y($.value),
         onClick: h[0] || (h[0] = V(() => {
         }, ["stop"]))
       }, [
-        b(_.$slots, "default")
+        b(k.$slots, "default")
       ], 2)
-    ], 40, He));
+    ], 40, Ee));
   }
-}), Ee = ["id"], Oe = { class: "header-content" }, Ht = /* @__PURE__ */ v({
+}), Oe = ["id"], Ke = { class: "header-content" }, Ht = /* @__PURE__ */ v({
   name: "LlmDialogHeader",
   __name: "llm-dialog-header",
   setup(e) {
-    const t = R(Q, { headerId: "", close: () => {
+    const t = q(Y, { headerId: "", close: () => {
     } });
-    return (a, o) => (l(), n("div", {
+    return (a, o) => (s(), n("div", {
       id: M(t).headerId,
       class: "llm-dialog-header"
     }, [
-      c("span", Oe, [
+      c("span", Ke, [
         b(a.$slots, "default")
       ]),
       c("button", {
         class: "close-btn",
         type: "button",
         "aria-label": "Close dialog",
-        onClick: o[0] || (o[0] = (s) => M(t).close())
+        onClick: o[0] || (o[0] = (l) => M(t).close())
       }, [...o[1] || (o[1] = [
         c("svg", {
           xmlns: "http://www.w3.org/2000/svg",
@@ -587,25 +587,25 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
           })
         ], -1)
       ])])
-    ], 8, Ee));
+    ], 8, Oe));
   }
-}), Ke = { class: "llm-dialog-content" }, Et = /* @__PURE__ */ v({
+}), je = { class: "llm-dialog-content" }, Et = /* @__PURE__ */ v({
   name: "LlmDialogContent",
   __name: "llm-dialog-content",
   setup(e) {
-    return (t, a) => (l(), n("div", Ke, [
+    return (t, a) => (s(), n("div", je, [
       b(t.$slots, "default")
     ]));
   }
-}), je = { class: "llm-dialog-footer" }, Ot = /* @__PURE__ */ v({
+}), Fe = { class: "llm-dialog-footer" }, Ot = /* @__PURE__ */ v({
   name: "LlmDialogFooter",
   __name: "llm-dialog-footer",
   setup(e) {
-    return (t, a) => (l(), n("div", je, [
+    return (t, a) => (s(), n("div", Fe, [
       b(t.$slots, "default")
     ]));
   }
-}), Ge = ["aria-labelledby"], X = /* @__PURE__ */ Symbol("LlmDrawer"), Kt = /* @__PURE__ */ v({
+}), Ge = ["aria-labelledby"], ee = /* @__PURE__ */ Symbol("LlmDrawer"), Kt = /* @__PURE__ */ v({
   name: "LlmDrawer",
   __name: "llm-drawer",
   props: {
@@ -616,42 +616,42 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   },
   emits: ["update:open"],
   setup(e, { emit: t }) {
-    const a = e, o = t, s = C(null), d = E();
+    const a = e, o = t, l = C(null), d = O();
     function u() {
       o("update:open", !1);
     }
-    H(X, {
+    H(ee, {
       headerId: d,
       close: u
-    }), O(() => {
-      a.open && s.value && s.value.showModal();
-    }), q(
+    }), E(() => {
+      a.open && l.value && l.value.showModal();
+    }), z(
       () => a.open,
-      (_) => {
-        const h = s.value;
-        h && (_ ? h.open || h.showModal() : h.open && h.close());
+      (k) => {
+        const h = l.value;
+        h && (k ? h.open || h.showModal() : h.open && h.close());
       },
       { flush: "post" }
     );
     function r() {
       o("update:open", !1);
     }
-    function i(_) {
-      _.preventDefault(), o("update:open", !1);
+    function i(k) {
+      k.preventDefault(), o("update:open", !1);
     }
-    function m(_) {
-      a.closeOnBackdrop && _.target === s.value && o("update:open", !1);
+    function m(k) {
+      a.closeOnBackdrop && k.target === l.value && o("update:open", !1);
     }
-    const k = p(() => [
+    const $ = p(() => [
       "llm-drawer-host",
       `position-${a.position}`,
       `size-${a.size}`,
       a.open && "is-open"
     ]);
-    return (_, h) => (l(), n("dialog", {
+    return (k, h) => (s(), n("dialog", {
       ref_key: "dialogRef",
-      ref: s,
-      class: $(k.value),
+      ref: l,
+      class: y($.value),
       "aria-labelledby": M(d),
       "aria-modal": "true",
       onClose: r,
@@ -663,28 +663,28 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
         onClick: h[0] || (h[0] = V(() => {
         }, ["stop"]))
       }, [
-        b(_.$slots, "default")
+        b(k.$slots, "default")
       ])
     ], 42, Ge));
   }
-}), Pe = ["id"], Fe = { class: "header-content" }, jt = /* @__PURE__ */ v({
+}), Pe = ["id"], Ve = { class: "header-content" }, jt = /* @__PURE__ */ v({
   name: "LlmDrawerHeader",
   __name: "llm-drawer-header",
   setup(e) {
-    const t = R(X, { headerId: "", close: () => {
+    const t = q(ee, { headerId: "", close: () => {
     } });
-    return (a, o) => (l(), n("div", {
+    return (a, o) => (s(), n("div", {
       id: M(t).headerId,
       class: "llm-drawer-header"
     }, [
-      c("span", Fe, [
+      c("span", Ve, [
         b(a.$slots, "default")
       ]),
       c("button", {
         class: "close-btn",
         type: "button",
         "aria-label": "Close drawer",
-        onClick: o[0] || (o[0] = (s) => M(t).close())
+        onClick: o[0] || (o[0] = (l) => M(t).close())
       }, [...o[1] || (o[1] = [
         c("svg", {
           xmlns: "http://www.w3.org/2000/svg",
@@ -714,27 +714,27 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
       ])])
     ], 8, Pe));
   }
-}), Ve = { class: "llm-drawer-content" }, Gt = /* @__PURE__ */ v({
+}), Ne = { class: "llm-drawer-content" }, Ft = /* @__PURE__ */ v({
   name: "LlmDrawerContent",
   __name: "llm-drawer-content",
   setup(e) {
-    return (t, a) => (l(), n("div", Ve, [
+    return (t, a) => (s(), n("div", Ne, [
       b(t.$slots, "default")
     ]));
   }
-}), Ne = { class: "llm-drawer-footer" }, Pt = /* @__PURE__ */ v({
+}), Ue = { class: "llm-drawer-footer" }, Gt = /* @__PURE__ */ v({
   name: "LlmDrawerFooter",
   __name: "llm-drawer-footer",
   setup(e) {
-    return (t, a) => (l(), n("div", Ne, [
+    return (t, a) => (s(), n("div", Ue, [
       b(t.$slots, "default")
     ]));
   }
-}), Ue = ["for"], We = { class: "input-field" }, Je = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], Ze = {
+}), We = ["for"], Je = { class: "input-field" }, Ze = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], Qe = {
   key: 1,
   class: "errors",
   "aria-live": "polite"
-}, Ft = /* @__PURE__ */ v({
+}, Pt = /* @__PURE__ */ v({
   name: "LlmInput",
   __name: "llm-input",
   props: {
@@ -752,21 +752,21 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const a = e, o = t, s = p(() => a.id || (a.label ? `input-${Math.random().toString(36).slice(2)}` : void 0));
+    const a = e, o = t, l = p(() => a.id || (a.label ? `input-${Math.random().toString(36).slice(2)}` : void 0));
     function d(u) {
       o("update:value", u.target.value);
     }
-    return (u, r) => (l(), n("div", {
-      class: $(["llm-input", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
+    return (u, r) => (s(), n("div", {
+      class: y(["llm-input", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
     }, [
-      e.label ? (l(), n("label", {
+      e.label ? (s(), n("label", {
         key: 0,
-        for: s.value,
+        for: l.value,
         class: "input-label"
-      }, L(e.label), 9, Ue)) : w("", !0),
-      c("div", We, [
+      }, L(e.label), 9, We)) : w("", !0),
+      c("div", Je, [
         c("input", {
-          id: s.value,
+          id: l.value,
           type: e.type,
           value: e.value,
           placeholder: e.placeholder,
@@ -776,49 +776,49 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
           name: e.name,
           "aria-invalid": e.invalid || void 0,
           onInput: d
-        }, null, 40, Je)
+        }, null, 40, Ze)
       ]),
-      e.errors.length ? (l(), n("ul", Ze, [
-        (l(!0), n(B, null, z(e.errors, (i, m) => (l(), n("li", {
+      e.errors.length ? (s(), n("ul", Qe, [
+        (s(!0), n(B, null, R(e.errors, (i, m) => (s(), n("li", {
           key: m,
           class: "error"
         }, L(i), 1))), 128))
       ])) : w("", !0)
     ], 2));
   }
-}), Qe = { class: "llm-menu-trigger-wrapper" }, Y = /* @__PURE__ */ Symbol("LlmMenuTrigger"), Vt = /* @__PURE__ */ v({
+}), Xe = { class: "llm-menu-trigger-wrapper" }, ae = /* @__PURE__ */ Symbol("LlmMenuTrigger"), Vt = /* @__PURE__ */ v({
   name: "LlmMenuTrigger",
   __name: "llm-menu-trigger",
   setup(e) {
     const t = C(!1), a = C(null), o = C(null);
-    function s() {
+    function l() {
       t.value = !t.value;
     }
     function d() {
       t.value = !1;
     }
-    H(Y, { close: d });
+    H(ae, { close: d });
     function u(i) {
       if (!t.value) return;
-      const m = i.target, k = a.value?.contains(m), _ = o.value?.contains(m);
-      !k && !_ && d();
+      const m = i.target, $ = a.value?.contains(m), k = o.value?.contains(m);
+      !$ && !k && d();
     }
     function r(i) {
       i.key === "Escape" && t.value && d();
     }
-    return O(() => {
+    return E(() => {
       document.addEventListener("mousedown", u), document.addEventListener("keydown", r);
-    }), G(() => {
+    }), j(() => {
       document.removeEventListener("mousedown", u), document.removeEventListener("keydown", r);
-    }), (i, m) => (l(), n("div", Qe, [
+    }), (i, m) => (s(), n("div", Xe, [
       c("span", {
         ref_key: "triggerRef",
         ref: a,
-        onClick: s
+        onClick: l
       }, [
         b(i.$slots, "trigger")
       ], 512),
-      t.value ? (l(), n("div", {
+      t.value ? (s(), n("div", {
         key: 0,
         ref_key: "menuRef",
         ref: o,
@@ -836,14 +836,14 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   },
   setup(e) {
     const t = e, a = p(() => ["llm-menu", `variant-${t.variant}`]);
-    return (o, s) => (l(), n("div", {
-      class: $(a.value),
+    return (o, l) => (s(), n("div", {
+      class: y(a.value),
       role: "menu"
     }, [
       b(o.$slots, "default")
     ], 2));
   }
-}), Xe = ["disabled"], Ut = /* @__PURE__ */ v({
+}), Ye = ["disabled"], Ut = /* @__PURE__ */ v({
   name: "LlmMenuItem",
   __name: "llm-menu-item",
   props: {
@@ -851,38 +851,38 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   },
   emits: ["triggered"],
   setup(e, { emit: t }) {
-    const a = e, o = t, s = R(Y, null);
+    const a = e, o = t, l = q(ae, null);
     function d() {
-      a.disabled || (o("triggered"), s?.close());
+      a.disabled || (o("triggered"), l?.close());
     }
     const u = p(() => ["llm-menu-item", a.disabled && "is-disabled"]);
-    return (r, i) => (l(), n("button", {
-      class: $(u.value),
+    return (r, i) => (s(), n("button", {
+      class: y(u.value),
       role: "menuitem",
       type: "button",
       disabled: e.disabled,
       onClick: d
     }, [
       b(r.$slots, "default")
-    ], 10, Xe));
+    ], 10, Ye));
   }
-}), Ye = {
+}), ea = {
   class: "llm-menu-separator",
   role: "separator"
 }, Wt = /* @__PURE__ */ v({
   name: "LlmMenuSeparator",
   __name: "llm-menu-separator",
   setup(e) {
-    return (t, a) => (l(), n("hr", Ye));
+    return (t, a) => (s(), n("hr", ea));
   }
-}), ea = {
+}), aa = {
   class: "llm-pagination",
   "aria-label": "Pagination"
-}, aa = ["disabled"], ta = ["disabled"], la = {
+}, ta = ["disabled"], la = ["disabled"], sa = {
   key: 0,
   class: "ellipsis",
   "aria-hidden": "true"
-}, sa = ["aria-label", "aria-current", "onClick"], na = ["disabled"], oa = ["disabled"], Jt = /* @__PURE__ */ v({
+}, na = ["aria-label", "aria-current", "onClick"], oa = ["disabled"], ia = ["disabled"], Jt = /* @__PURE__ */ v({
   name: "LlmPagination",
   __name: "llm-pagination",
   props: {
@@ -894,61 +894,61 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   emits: ["pageChange"],
   setup(e, { emit: t }) {
     const a = e, o = t;
-    function s(r, i, m) {
+    function l(r, i, m) {
       if (i <= 1) return [{ type: "page", page: 1 }];
-      const k = [];
-      k.push({ type: "page", page: 1 });
-      const _ = Math.max(2, r - m), h = Math.min(i - 1, r + m);
-      _ > 2 && k.push({ type: "ellipsis", key: "ellipsis-start" });
-      for (let g = _; g <= h; g++) k.push({ type: "page", page: g });
-      return h < i - 1 && k.push({ type: "ellipsis", key: "ellipsis-end" }), i > 1 && k.push({ type: "page", page: i }), k;
-    }
-    const d = p(() => s(a.page, a.pageCount, a.siblingCount));
+      const $ = [];
+      $.push({ type: "page", page: 1 });
+      const k = Math.max(2, r - m), h = Math.min(i - 1, r + m);
+      k > 2 && $.push({ type: "ellipsis", key: "ellipsis-start" });
+      for (let _ = k; _ <= h; _++) $.push({ type: "page", page: _ });
+      return h < i - 1 && $.push({ type: "ellipsis", key: "ellipsis-end" }), i > 1 && $.push({ type: "page", page: i }), $;
+    }
+    const d = p(() => l(a.page, a.pageCount, a.siblingCount));
     function u(r) {
       const i = Math.min(Math.max(r, 1), a.pageCount);
       i !== a.page && o("pageChange", i);
     }
-    return (r, i) => (l(), n("nav", ea, [
-      e.showFirstLast ? (l(), n("button", {
+    return (r, i) => (s(), n("nav", aa, [
+      e.showFirstLast ? (s(), n("button", {
         key: 0,
         class: "page-btn nav-btn",
         disabled: e.page <= 1,
         "aria-label": "First page",
         onClick: i[0] || (i[0] = (m) => u(1))
-      }, " « ", 8, aa)) : w("", !0),
+      }, " « ", 8, ta)) : w("", !0),
       c("button", {
         class: "page-btn nav-btn",
         disabled: e.page <= 1,
         "aria-label": "Previous page",
         onClick: i[1] || (i[1] = (m) => u(e.page - 1))
-      }, " ‹ ", 8, ta),
-      (l(!0), n(B, null, z(d.value, (m) => (l(), n(B, {
+      }, " ‹ ", 8, la),
+      (s(!0), n(B, null, R(d.value, (m) => (s(), n(B, {
         key: m.type === "page" ? m.page : m.key
       }, [
-        m.type === "ellipsis" ? (l(), n("span", la, "…")) : (l(), n("button", {
+        m.type === "ellipsis" ? (s(), n("span", sa, "…")) : (s(), n("button", {
           key: 1,
-          class: $(["page-btn", { active: m.page === e.page }]),
+          class: y(["page-btn", { active: m.page === e.page }]),
           "aria-label": `Page ${m.page}`,
           "aria-current": m.page === e.page ? "page" : void 0,
-          onClick: (k) => u(m.page)
-        }, L(m.page), 11, sa))
+          onClick: ($) => u(m.page)
+        }, L(m.page), 11, na))
       ], 64))), 128)),
       c("button", {
         class: "page-btn nav-btn",
         disabled: e.page >= e.pageCount,
         "aria-label": "Next page",
         onClick: i[2] || (i[2] = (m) => u(e.page + 1))
-      }, " › ", 8, na),
-      e.showFirstLast ? (l(), n("button", {
+      }, " › ", 8, oa),
+      e.showFirstLast ? (s(), n("button", {
         key: 1,
         class: "page-btn nav-btn",
         disabled: e.page >= e.pageCount,
         "aria-label": "Last page",
         onClick: i[3] || (i[3] = (m) => u(e.pageCount))
-      }, " » ", 8, oa)) : w("", !0)
+      }, " » ", 8, ia)) : w("", !0)
     ]));
   }
-}), ia = ["aria-valuenow", "aria-valuemax"], ra = { class: "track" }, Zt = /* @__PURE__ */ v({
+}), ra = ["aria-valuenow", "aria-valuemax"], da = { class: "track" }, Zt = /* @__PURE__ */ v({
   name: "LlmProgress",
   __name: "llm-progress",
   props: {
@@ -961,28 +961,28 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   setup(e) {
     const t = e, a = p(() => Math.min(Math.max(t.value, 0), t.max)), o = p(
       () => t.indeterminate ? "100%" : `${a.value / t.max * 100}%`
-    ), s = p(() => [
+    ), l = p(() => [
       "llm-progress",
       `variant-${t.variant}`,
       `size-${t.size}`,
       t.indeterminate && "is-indeterminate"
     ].filter(Boolean));
-    return (d, u) => (l(), n("div", {
-      class: $(s.value),
+    return (d, u) => (s(), n("div", {
+      class: y(l.value),
       role: "progressbar",
       "aria-valuemin": 0,
       "aria-valuenow": e.indeterminate ? void 0 : a.value,
       "aria-valuemax": e.indeterminate ? void 0 : e.max
     }, [
-      c("div", ra, [
+      c("div", da, [
         c("div", {
           class: "fill",
-          style: P({ width: o.value })
+          style: G({ width: o.value })
         }, null, 4)
       ])
-    ], 10, ia));
+    ], 10, ra));
   }
-}), da = { class: "llm-combobox-wrapper" }, ua = ["aria-expanded", "aria-activedescendant", "aria-invalid", "disabled", "readonly", "required", "name", "placeholder", "value"], ca = ["id", "aria-selected", "aria-disabled", "onMousedown", "onMouseenter"], ma = {
+}), ua = { class: "llm-combobox-wrapper" }, ca = ["aria-expanded", "aria-activedescendant", "aria-invalid", "disabled", "readonly", "required", "name", "placeholder", "value"], ma = ["id", "aria-selected", "aria-disabled", "onMousedown", "onMouseenter"], fa = {
   key: 0,
   class: "llm-combobox-check",
   width: "14",
@@ -990,12 +990,12 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   viewBox: "0 0 14 14",
   fill: "none",
   "aria-hidden": "true"
-}, fa = {
+}, pa = {
   key: 1,
   class: "llm-combobox-no-results",
   role: "option",
   "aria-disabled": "true"
-}, pa = {
+}, va = {
   key: 1,
   class: "llm-combobox-errors",
   role: "alert",
@@ -1016,29 +1016,29 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const a = e, o = t, s = C(null), d = C(null), u = C(""), r = C(!1), i = C(-1);
+    const a = e, o = t, l = C(null), d = C(null), u = C(""), r = C(!1), i = C(-1);
     let m = Math.random().toString(36).slice(2);
-    const k = `llm-combobox-input-${m}`, _ = `llm-combobox-panel-${m}`, h = p(
+    const $ = `llm-combobox-input-${m}`, k = `llm-combobox-panel-${m}`, h = p(
       () => a.options.find((D) => D.value === a.value)?.label ?? ""
-    ), g = p(() => {
+    ), _ = p(() => {
       const D = u.value.toLowerCase();
       return D ? a.options.filter((A) => A.label.toLowerCase().includes(D)) : a.options;
-    }), y = p(
-      () => i.value >= 0 ? `${_}-option-${i.value}` : void 0
+    }), g = p(
+      () => i.value >= 0 ? `${k}-option-${i.value}` : void 0
     ), f = p(() => [
       "llm-combobox",
       r.value && "is-open",
       a.disabled && "is-disabled",
       a.invalid && "is-invalid"
     ]);
-    q(
+    z(
       () => a.value,
       () => {
         r.value || (u.value = h.value);
       },
       { immediate: !0 }
     );
-    function I() {
+    function T() {
       a.disabled || a.readonly || r.value || (r.value = !0, i.value = -1, document.addEventListener("click", S));
     }
     function x() {
@@ -1050,44 +1050,44 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
     J(() => {
       document.removeEventListener("click", S);
     });
-    function F(D) {
-      D.disabled || a.disabled || a.readonly || (o("update:value", D.value), u.value = D.label, x(), s.value?.focus());
+    function P(D) {
+      D.disabled || a.disabled || a.readonly || (o("update:value", D.value), u.value = D.label, x(), l.value?.focus());
     }
-    function le(D) {
+    function ne(D) {
       const A = D.target.value;
-      u.value = A, i.value = -1, A === "" && o("update:value", ""), r.value || I();
+      u.value = A, i.value = -1, A === "" && o("update:value", ""), r.value || T();
     }
-    function se() {
-      I();
+    function oe() {
+      T();
     }
-    function ne() {
+    function ie() {
       u.value = h.value;
     }
-    function oe(D) {
-      const A = g.value;
+    function re(D) {
+      const A = _.value;
       switch (D.key) {
         case "ArrowDown": {
           if (D.preventDefault(), !r.value) {
-            I();
+            T();
             return;
           }
-          const T = i.value + 1;
-          i.value = T >= A.length ? 0 : T;
+          const I = i.value + 1;
+          i.value = I >= A.length ? 0 : I;
           break;
         }
         case "ArrowUp": {
           if (D.preventDefault(), !r.value) {
-            I();
+            T();
             return;
           }
-          const T = i.value - 1;
-          i.value = T < 0 ? A.length - 1 : T;
+          const I = i.value - 1;
+          i.value = I < 0 ? A.length - 1 : I;
           break;
         }
         case "Enter": {
           D.preventDefault();
-          const T = i.value;
-          r.value && T >= 0 && T < A.length && F(A[T]);
+          const I = i.value;
+          r.value && I >= 0 && I < A.length && P(A[I]);
           break;
         }
         case "Escape": {
@@ -1100,24 +1100,24 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
         }
       }
     }
-    return (D, A) => (l(), n("div", {
+    return (D, A) => (s(), n("div", {
       ref_key: "containerRef",
       ref: d,
-      class: $(f.value)
+      class: y(f.value)
     }, [
-      c("div", da, [
+      c("div", ua, [
         c("input", {
           ref_key: "inputRef",
-          ref: s,
+          ref: l,
           class: "llm-combobox-input",
           type: "text",
           autocomplete: "off",
           role: "combobox",
-          id: k,
+          id: $,
           "aria-expanded": r.value,
-          "aria-controls": _,
+          "aria-controls": k,
           "aria-autocomplete": "list",
-          "aria-activedescendant": y.value,
+          "aria-activedescendant": g.value,
           "aria-invalid": e.invalid || void 0,
           disabled: e.disabled,
           readonly: e.readonly,
@@ -1125,11 +1125,11 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
           name: e.name || void 0,
           placeholder: e.placeholder,
           value: u.value,
-          onInput: le,
-          onFocus: se,
-          onBlur: ne,
-          onKeydown: oe
-        }, null, 40, ua),
+          onInput: ne,
+          onFocus: oe,
+          onBlur: ie,
+          onKeydown: re
+        }, null, 40, ca),
         A[0] || (A[0] = c("span", {
           class: "llm-combobox-icon",
           "aria-hidden": "true"
@@ -1150,30 +1150,30 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
           ])
         ], -1))
       ]),
-      r.value ? (l(), n("ul", {
+      r.value ? (s(), n("ul", {
         key: 0,
-        id: _,
+        id: k,
         class: "llm-combobox-panel",
         role: "listbox",
-        "aria-labelledby": k
+        "aria-labelledby": $
       }, [
-        g.value.length > 0 ? (l(!0), n(B, { key: 0 }, z(g.value, (T, K) => (l(), n("li", {
-          key: T.value,
-          id: `${_}-option-${K}`,
+        _.value.length > 0 ? (s(!0), n(B, { key: 0 }, R(_.value, (I, K) => (s(), n("li", {
+          key: I.value,
+          id: `${k}-option-${K}`,
           role: "option",
-          class: $([
+          class: y([
             "llm-combobox-option",
             i.value === K && "is-active",
-            T.value === e.value && "is-selected",
-            T.disabled && "is-disabled"
+            I.value === e.value && "is-selected",
+            I.disabled && "is-disabled"
           ]),
-          "aria-selected": T.value === e.value,
-          "aria-disabled": T.disabled || void 0,
-          onMousedown: (ie) => F(T),
-          onMouseenter: (ie) => i.value = K
+          "aria-selected": I.value === e.value,
+          "aria-disabled": I.disabled || void 0,
+          onMousedown: (de) => P(I),
+          onMouseenter: (de) => i.value = K
         }, [
-          c("span", null, L(T.label), 1),
-          T.value === e.value ? (l(), n("svg", ma, [...A[1] || (A[1] = [
+          c("span", null, L(I.label), 1),
+          I.value === e.value ? (s(), n("svg", fa, [...A[1] || (A[1] = [
             c("path", {
               d: "M2 7l4 4 6-7",
               stroke: "currentColor",
@@ -1182,21 +1182,21 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
               "stroke-linejoin": "round"
             }, null, -1)
           ])])) : w("", !0)
-        ], 42, ca))), 128)) : (l(), n("li", fa, " No results found. "))
+        ], 42, ma))), 128)) : (s(), n("li", pa, " No results found. "))
       ])) : w("", !0),
-      e.invalid && e.errors.length > 0 ? (l(), n("div", pa, [
-        (l(!0), n(B, null, z(e.errors, (T, K) => (l(), n("p", {
+      e.invalid && e.errors.length > 0 ? (s(), n("div", va, [
+        (s(!0), n(B, null, R(e.errors, (I, K) => (s(), n("p", {
           key: K,
           class: "llm-combobox-error-message"
-        }, L(T), 1))), 128))
+        }, L(I), 1))), 128))
       ])) : w("", !0)
     ], 2));
   }
-}), va = ["aria-invalid", "aria-required"], ha = {
+}), ha = ["aria-invalid", "aria-required"], ba = {
   key: 0,
   class: "errors",
   role: "alert"
-}, ee = /* @__PURE__ */ Symbol("LlmRadioGroup"), Xt = /* @__PURE__ */ v({
+}, te = /* @__PURE__ */ Symbol("LlmRadioGroup"), Xt = /* @__PURE__ */ v({
   name: "LlmRadioGroup",
   __name: "llm-radio-group",
   props: {
@@ -1211,7 +1211,7 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   emits: ["update:value"],
   setup(e, { emit: t }) {
     const a = e, o = t;
-    H(ee, {
+    H(te, {
       get value() {
         return a.value ?? "";
       },
@@ -1231,27 +1231,27 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
         !a.disabled && !a.readonly && o("update:value", d);
       }
     });
-    const s = p(() => [
+    const l = p(() => [
       "llm-radio-group",
       a.invalid && "is-invalid",
       a.disabled && "is-disabled"
     ]);
-    return (d, u) => (l(), n("div", {
-      class: $(s.value),
+    return (d, u) => (s(), n("div", {
+      class: y(l.value),
       role: "radiogroup",
       "aria-invalid": e.invalid || void 0,
       "aria-required": e.required || void 0
     }, [
       b(d.$slots, "default"),
-      e.errors.length > 0 ? (l(), n("div", ha, [
-        (l(!0), n(B, null, z(e.errors, (r, i) => (l(), n("p", {
+      e.errors.length > 0 ? (s(), n("div", ba, [
+        (s(!0), n(B, null, R(e.errors, (r, i) => (s(), n("p", {
           key: i,
           class: "error-message"
         }, L(r), 1))), 128))
       ])) : w("", !0)
-    ], 10, va));
+    ], 10, ha));
   }
-}), ba = ["name", "value", "checked", "disabled"], ga = {
+}), ga = ["name", "value", "checked", "disabled"], ya = {
   key: 0,
   class: "radio-text"
 }, Yt = /* @__PURE__ */ v({
@@ -1262,7 +1262,7 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = R(ee, {
+    const t = e, a = q(te, {
       value: "",
       name: "",
       disabled: !1,
@@ -1270,42 +1270,42 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
       invalid: !1,
       onSelect: () => {
       }
-    }), o = p(() => t.disabled || a.disabled), s = p(() => a.value === t.radioValue), d = p(() => [
+    }), o = p(() => t.disabled || a.disabled), l = p(() => a.value === t.radioValue), d = p(() => [
       "llm-radio",
       o.value && "is-disabled",
-      s.value && "is-checked",
+      l.value && "is-checked",
       a.invalid && "is-invalid"
     ].filter(Boolean));
     function u() {
       !o.value && !a.readonly && a.onSelect(t.radioValue);
     }
-    return (r, i) => (l(), n("label", {
-      class: $(d.value)
+    return (r, i) => (s(), n("label", {
+      class: y(d.value)
     }, [
       c("input", {
         type: "radio",
         name: M(a).name || void 0,
         value: e.radioValue,
-        checked: s.value,
+        checked: l.value,
         disabled: o.value,
         class: "radio-input",
         onChange: u
-      }, null, 40, ba),
+      }, null, 40, ga),
       i[0] || (i[0] = c("span", {
         class: "radio-indicator",
         "aria-hidden": "true"
       }, null, -1)),
-      r.$slots.default ? (l(), n("span", ga, [
+      r.$slots.default ? (s(), n("span", ya, [
         b(r.$slots, "default")
       ])) : w("", !0)
     ], 2));
   }
-}), ya = ["for"], $a = { class: "select-wrapper" }, ka = ["id", "name", "value", "disabled", "required", "aria-invalid", "aria-describedby"], _a = {
+}), $a = ["for"], ka = { class: "select-wrapper" }, _a = ["id", "name", "value", "disabled", "required", "aria-invalid", "aria-describedby"], wa = {
   key: 0,
   value: "",
   disabled: "",
   hidden: ""
-}, wa = ["id"], el = /* @__PURE__ */ v({
+}, La = ["id"], el = /* @__PURE__ */ v({
   name: "LlmSelect",
   __name: "llm-select",
   props: {
@@ -1321,7 +1321,7 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const a = e, o = t, s = E(), d = E(), u = p(() => [
+    const a = e, o = t, l = O(), d = O(), u = p(() => [
       "llm-select",
       a.invalid && "is-invalid",
       a.disabled && "is-disabled"
@@ -1329,17 +1329,17 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
     function r(i) {
       a.readonly || a.disabled || o("update:value", i.target.value);
     }
-    return (i, m) => (l(), n("div", {
-      class: $(u.value)
+    return (i, m) => (s(), n("div", {
+      class: y(u.value)
     }, [
-      e.label ? (l(), n("label", {
+      e.label ? (s(), n("label", {
         key: 0,
-        for: M(s),
+        for: M(l),
         class: "select-label"
-      }, L(e.label), 9, ya)) : w("", !0),
-      c("div", $a, [
+      }, L(e.label), 9, $a)) : w("", !0),
+      c("div", ka, [
         c("select", {
-          id: M(s),
+          id: M(l),
           name: e.name,
           value: e.value,
           disabled: e.disabled,
@@ -1349,28 +1349,28 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
           class: "select-native",
           onChange: r
         }, [
-          e.placeholder ? (l(), n("option", _a, L(e.placeholder), 1)) : w("", !0),
+          e.placeholder ? (s(), n("option", wa, L(e.placeholder), 1)) : w("", !0),
           b(i.$slots, "default")
-        ], 40, ka),
+        ], 40, _a),
         m[0] || (m[0] = c("span", {
           class: "select-arrow",
           "aria-hidden": "true"
         }, "▾", -1))
       ]),
-      e.errors.length > 0 ? (l(), n("div", {
+      e.errors.length > 0 ? (s(), n("div", {
         key: 1,
         id: M(d),
         class: "errors",
         role: "alert"
       }, [
-        (l(!0), n(B, null, z(e.errors, (k, _) => (l(), n("p", {
-          key: _,
+        (s(!0), n(B, null, R(e.errors, ($, k) => (s(), n("p", {
+          key: k,
           class: "error-message"
-        }, L(k), 1))), 128))
-      ], 8, wa)) : w("", !0)
+        }, L($), 1))), 128))
+      ], 8, La)) : w("", !0)
     ], 2));
   }
-}), La = ["value", "disabled"], al = /* @__PURE__ */ v({
+}), xa = ["value", "disabled"], al = /* @__PURE__ */ v({
   name: "LlmOption",
   __name: "llm-option",
   props: {
@@ -1378,12 +1378,12 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, a) => (l(), n("option", {
+    return (t, a) => (s(), n("option", {
       value: e.optionValue,
       disabled: e.disabled
     }, [
       b(t.$slots, "default")
-    ], 8, La));
+    ], 8, xa));
   }
 }), tl = /* @__PURE__ */ v({
   name: "LlmSkeleton",
@@ -1413,20 +1413,20 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
       "llm-skeleton",
       `variant-${t.variant}`,
       t.animated && "is-animated"
-    ].filter(Boolean)), s = p(() => ({
+    ].filter(Boolean)), l = p(() => ({
       width: t.width,
       height: a(t.variant, t.width, t.height)
     }));
-    return (d, u) => (l(), n("div", {
-      class: $(o.value),
-      style: P(s.value),
+    return (d, u) => (s(), n("div", {
+      class: y(o.value),
+      style: G(l.value),
       "aria-hidden": "true"
     }, null, 6));
   }
-}), xa = {
+}), Ca = {
   class: "stepper-header",
   role: "tablist"
-}, Ca = ["id", "aria-label", "aria-selected", "aria-controls", "aria-disabled", "tabindex", "disabled", "onClick"], Ba = {
+}, Ba = ["id", "aria-label", "aria-selected", "aria-controls", "aria-disabled", "tabindex", "disabled", "onClick"], Ta = {
   key: 0,
   width: "14",
   height: "14",
@@ -1440,13 +1440,13 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   viewBox: "0 0 14 14",
   fill: "none",
   "aria-hidden": "true"
-}, Ta = { class: "step-text" }, Da = { class: "step-label" }, Sa = {
+}, Da = { class: "step-text" }, Sa = { class: "step-label" }, Ma = {
   key: 0,
   class: "step-description"
-}, Ma = {
+}, Aa = {
   key: 1,
   class: "step-optional"
-}, Aa = { class: "stepper-content" }, ae = /* @__PURE__ */ Symbol("LlmStepper"), ll = /* @__PURE__ */ v({
+}, Ra = { class: "stepper-content" }, le = /* @__PURE__ */ Symbol("LlmStepper"), ll = /* @__PURE__ */ v({
   name: "LlmStepper",
   __name: "llm-stepper",
   props: {
@@ -1456,59 +1456,59 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   },
   emits: ["update:activeStep"],
   setup(e, { emit: t }) {
-    const a = e, o = t, s = C(a.activeStep), d = C([]), u = p(() => a.linear);
-    q(
+    const a = e, o = t, l = C(a.activeStep), d = C([]), u = p(() => a.linear);
+    z(
       () => a.activeStep,
       (f) => {
-        s.value = f;
+        l.value = f;
       }
     );
     function r(f) {
       d.value.push(f);
     }
     function i(f) {
-      d.value = d.value.filter((I) => I.id !== f);
+      d.value = d.value.filter((T) => T.id !== f);
     }
-    function m(f, I) {
+    function m(f, T) {
       const x = d.value.findIndex((S) => S.id === f);
-      x !== -1 && (d.value[x] = { ...d.value[x], ...I });
+      x !== -1 && (d.value[x] = { ...d.value[x], ...T });
     }
-    function k(f) {
-      f < 0 || f >= d.value.length || d.value[f].disabled || a.linear && f > s.value && !d.value.slice(0, f).every((x) => x.completed || x.optional) || (s.value = f, o("update:activeStep", f));
+    function $(f) {
+      f < 0 || f >= d.value.length || d.value[f].disabled || a.linear && f > l.value && !d.value.slice(0, f).every((x) => x.completed || x.optional) || (l.value = f, o("update:activeStep", f));
     }
-    function _() {
-      k(s.value + 1);
+    function k() {
+      $(l.value + 1);
     }
     function h() {
-      const f = s.value - 1;
-      f >= 0 && !d.value[f]?.disabled && (s.value = f, o("update:activeStep", f));
+      const f = l.value - 1;
+      f >= 0 && !d.value[f]?.disabled && (l.value = f, o("update:activeStep", f));
     }
-    H(ae, {
-      activeStep: s,
+    H(le, {
+      activeStep: l,
       steps: d,
       linear: u,
       registerStep: r,
       unregisterStep: i,
       updateStep: m,
-      goTo: k,
-      next: _,
+      goTo: $,
+      next: k,
       prev: h
     });
-    const g = p(() => ["llm-stepper", `orientation-${a.orientation}`]);
-    function y(f) {
-      return s.value > f || d.value[f]?.completed;
+    const _ = p(() => ["llm-stepper", `orientation-${a.orientation}`]);
+    function g(f) {
+      return l.value > f || d.value[f]?.completed;
     }
-    return (f, I) => (l(), n("div", {
-      class: $(g.value)
+    return (f, T) => (s(), n("div", {
+      class: y(_.value)
     }, [
-      c("div", xa, [
-        (l(!0), n(B, null, z(d.value, (x, S) => (l(), n(B, {
+      c("div", Ca, [
+        (s(!0), n(B, null, R(d.value, (x, S) => (s(), n(B, {
           key: x.id
         }, [
           c("div", {
-            class: $(["step-item", {
-              "is-active": s.value === S,
-              "is-completed": x.completed && s.value !== S,
+            class: y(["step-item", {
+              "is-active": l.value === S,
+              "is-completed": x.completed && l.value !== S,
               "is-error": x.error,
               "is-disabled": x.disabled
             }])
@@ -1519,14 +1519,14 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
               class: "step-circle",
               id: `llm-step-${S}`,
               "aria-label": x.label,
-              "aria-selected": s.value === S,
+              "aria-selected": l.value === S,
               "aria-controls": `llm-step-panel-${S}`,
               "aria-disabled": x.disabled || void 0,
-              tabindex: s.value === S ? 0 : -1,
+              tabindex: l.value === S ? 0 : -1,
               disabled: x.disabled || void 0,
-              onClick: (F) => k(S)
+              onClick: (P) => $(S)
             }, [
-              x.completed && !x.error ? (l(), n("svg", Ba, [...I[0] || (I[0] = [
+              x.completed && !x.error ? (s(), n("svg", Ta, [...T[0] || (T[0] = [
                 c("path", {
                   d: "M2 7L5.5 10.5L12 3.5",
                   stroke: "currentColor",
@@ -1534,30 +1534,30 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
                 }, null, -1)
-              ])])) : x.error ? (l(), n("svg", Ia, [...I[1] || (I[1] = [
+              ])])) : x.error ? (s(), n("svg", Ia, [...T[1] || (T[1] = [
                 c("path", {
                   d: "M3 3L11 11M11 3L3 11",
                   stroke: "currentColor",
                   "stroke-width": "2",
                   "stroke-linecap": "round"
                 }, null, -1)
-              ])])) : (l(), n(B, { key: 2 }, [
-                j(L(S + 1), 1)
+              ])])) : (s(), n(B, { key: 2 }, [
+                F(L(S + 1), 1)
               ], 64))
-            ], 8, Ca),
-            c("div", Ta, [
-              c("span", Da, L(x.label), 1),
-              x.description ? (l(), n("span", Sa, L(x.description), 1)) : w("", !0),
-              x.optional && !x.completed ? (l(), n("span", Ma, "Optional")) : w("", !0)
+            ], 8, Ba),
+            c("div", Da, [
+              c("span", Sa, L(x.label), 1),
+              x.description ? (s(), n("span", Ma, L(x.description), 1)) : w("", !0),
+              x.optional && !x.completed ? (s(), n("span", Aa, "Optional")) : w("", !0)
             ])
           ], 2),
-          S < d.value.length - 1 ? (l(), n("div", {
+          S < d.value.length - 1 ? (s(), n("div", {
             key: 0,
-            class: $(["step-connector", { "is-active": y(S) }])
+            class: y(["step-connector", { "is-active": g(S) }])
           }, null, 2)) : w("", !0)
         ], 64))), 128))
       ]),
-      c("div", Aa, [
+      c("div", Ra, [
         b(f.$slots, "default")
       ])
     ], 2));
@@ -1574,8 +1574,8 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = R(ae), o = E();
-    O(() => {
+    const t = e, a = q(le), o = O();
+    E(() => {
       a.registerStep({
         id: o,
         label: t.label,
@@ -1585,9 +1585,9 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
         optional: t.optional,
         disabled: t.disabled
       });
-    }), G(() => {
+    }), j(() => {
       a.unregisterStep(o);
-    }), q(
+    }), z(
       () => ({
         label: t.label,
         description: t.description,
@@ -1600,19 +1600,19 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
         a.updateStep(o, u);
       }
     );
-    const s = p(() => a.steps.value.findIndex((u) => u.id === o)), d = p(() => s.value === a.activeStep.value);
-    return (u, r) => s.value >= 0 ? (l(), n("div", {
+    const l = p(() => a.steps.value.findIndex((u) => u.id === o)), d = p(() => l.value === a.activeStep.value);
+    return (u, r) => l.value >= 0 ? (s(), n("div", {
       key: 0,
-      id: `llm-step-panel-${s.value}`,
+      id: `llm-step-panel-${l.value}`,
       role: "tabpanel",
-      "aria-labelledby": `llm-step-${s.value}`,
+      "aria-labelledby": `llm-step-${l.value}`,
       hidden: !d.value,
       tabindex: "0"
     }, [
       b(u.$slots, "default")
     ], 8, za)) : w("", !0);
   }
-}), Ra = { class: "llm-table-wrapper" }, nl = /* @__PURE__ */ v({
+}), qa = { class: "llm-table-wrapper" }, nl = /* @__PURE__ */ v({
   name: "LlmTable",
   __name: "llm-table",
   props: {
@@ -1627,10 +1627,10 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
       `size-${t.size}`,
       t.stickyHeader && "is-sticky-header"
     ]);
-    return (o, s) => (l(), n("div", {
-      class: $(a.value)
+    return (o, l) => (s(), n("div", {
+      class: y(a.value)
     }, [
-      c("div", Ra, [
+      c("div", qa, [
         c("table", null, [
           b(o.$slots, "default")
         ])
@@ -1641,11 +1641,11 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   name: "LlmThead",
   __name: "llm-thead",
   setup(e) {
-    return (t, a) => (l(), n("thead", null, [
+    return (t, a) => (s(), n("thead", null, [
       b(t.$slots, "default")
     ]));
   }
-}), qa = { key: 1 }, Ha = ["colspan"], il = /* @__PURE__ */ v({
+}), Ha = { key: 1 }, Ea = ["colspan"], il = /* @__PURE__ */ v({
   name: "LlmTbody",
   __name: "llm-tbody",
   props: {
@@ -1653,18 +1653,18 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
     colSpan: { default: 1 }
   },
   setup(e) {
-    return (t, a) => (l(), n("tbody", null, [
-      e.empty ? (l(), n("tr", qa, [
+    return (t, a) => (s(), n("tbody", null, [
+      e.empty ? (s(), n("tr", Ha, [
         c("td", {
           colspan: e.colSpan,
           class: "llm-tbody-empty-cell"
         }, [
           b(t.$slots, "empty")
-        ], 8, Ha)
+        ], 8, Ea)
       ])) : b(t.$slots, "default", { key: 0 })
     ]));
   }
-}), Ea = ["aria-selected"], Oa = {
+}), Oa = ["aria-selected"], Ka = {
   key: 0,
   class: "llm-tr-select-cell"
 }, rl = /* @__PURE__ */ v({
@@ -1677,20 +1677,20 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   emits: ["update:selected"],
   setup(e, { emit: t }) {
     const a = t;
-    return (o, s) => (l(), n("tr", {
+    return (o, l) => (s(), n("tr", {
       "aria-selected": e.selectable ? e.selected : void 0,
-      class: $({ "is-selected": e.selected })
+      class: y({ "is-selected": e.selected })
     }, [
-      e.selectable ? (l(), n("td", Oa, [
-        ue(qe, {
+      e.selectable ? (s(), n("td", Ka, [
+        me(He, {
           checked: e.selected,
-          "onUpdate:checked": s[0] || (s[0] = (d) => a("update:selected", d))
+          "onUpdate:checked": l[0] || (l[0] = (d) => a("update:selected", d))
         }, null, 8, ["checked"])
       ])) : w("", !0),
       b(o.$slots, "default")
-    ], 10, Ea));
+    ], 10, Oa));
   }
-}), Ka = ["aria-sort"], dl = /* @__PURE__ */ v({
+}), ja = ["aria-sort"], dl = /* @__PURE__ */ v({
   name: "LlmTh",
   __name: "llm-th",
   props: {
@@ -1701,7 +1701,7 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   },
   emits: ["sort"],
   setup(e, { emit: t }) {
-    const a = e, o = t, s = p(
+    const a = e, o = t, l = p(
       () => [
         `align-${a.align}`,
         a.sortDirection && "is-sorted",
@@ -1716,12 +1716,12 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
       const r = a.sortDirection === null ? "asc" : a.sortDirection === "asc" ? "desc" : null;
       o("sort", r);
     }
-    return (r, i) => (l(), n("th", {
-      class: $(s.value),
+    return (r, i) => (s(), n("th", {
+      class: y(l.value),
       "aria-sort": d.value,
-      style: P(e.width ? { width: e.width } : void 0)
+      style: G(e.width ? { width: e.width } : void 0)
     }, [
-      e.sortable ? (l(), n("button", {
+      e.sortable ? (s(), n("button", {
         key: 0,
         type: "button",
         class: "llm-th-sort-btn",
@@ -1748,7 +1748,7 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
           })
         ], -1))
       ])) : b(r.$slots, "default", { key: 1 })
-    ], 14, Ka));
+    ], 14, ja));
   }
 }), ul = /* @__PURE__ */ v({
   name: "LlmTd",
@@ -1758,13 +1758,13 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   },
   setup(e) {
     const t = e, a = p(() => [`align-${t.align}`]);
-    return (o, s) => (l(), n("td", {
-      class: $(a.value)
+    return (o, l) => (s(), n("td", {
+      class: y(a.value)
     }, [
       b(o.$slots, "default")
     ], 2));
   }
-}), ja = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"], Ga = { class: "tab-panels" }, te = /* @__PURE__ */ Symbol("LlmTabGroup"), cl = /* @__PURE__ */ v({
+}), Fa = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"], Ga = { class: "tab-panels" }, se = /* @__PURE__ */ Symbol("LlmTabGroup"), cl = /* @__PURE__ */ v({
   name: "LlmTabGroup",
   __name: "llm-tab-group",
   props: {
@@ -1773,71 +1773,71 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   },
   emits: ["update:selectedIndex"],
   setup(e, { emit: t }) {
-    const a = e, o = t, s = C(a.selectedIndex), d = C([]);
-    q(
+    const a = e, o = t, l = C(a.selectedIndex), d = C([]);
+    z(
       () => a.selectedIndex,
       (h) => {
-        s.value = h;
+        l.value = h;
       }
     );
     function u(h) {
       d.value.push(h);
     }
     function r(h) {
-      d.value = d.value.filter((g) => g.id !== h);
+      d.value = d.value.filter((_) => _.id !== h);
     }
     function i(h) {
-      s.value = h, o("update:selectedIndex", h);
+      l.value = h, o("update:selectedIndex", h);
     }
-    H(te, {
-      selectedIndex: s,
+    H(se, {
+      selectedIndex: l,
       tabs: d,
       registerTab: u,
       unregisterTab: r,
       selectTab: i
     });
     function m(h) {
-      const g = d.value.map((f, I) => ({ i: I, disabled: f.disabled })).filter((f) => !f.disabled).map((f) => f.i), y = g.indexOf(s.value);
+      const _ = d.value.map((f, T) => ({ i: T, disabled: f.disabled })).filter((f) => !f.disabled).map((f) => f.i), g = _.indexOf(l.value);
       if (h.key === "ArrowRight") {
         h.preventDefault();
-        const f = g[(y + 1) % g.length];
+        const f = _[(g + 1) % _.length];
         f !== void 0 && i(f);
       } else if (h.key === "ArrowLeft") {
         h.preventDefault();
-        const f = g[(y - 1 + g.length) % g.length];
+        const f = _[(g - 1 + _.length) % _.length];
         f !== void 0 && i(f);
       } else if (h.key === "Home")
-        h.preventDefault(), g[0] !== void 0 && i(g[0]);
+        h.preventDefault(), _[0] !== void 0 && i(_[0]);
       else if (h.key === "End") {
         h.preventDefault();
-        const f = g[g.length - 1];
+        const f = _[_.length - 1];
         f !== void 0 && i(f);
       }
     }
-    const k = `llm-tab-group-${Math.random().toString(36).slice(2, 9)}`, _ = p(() => ["llm-tab-group", `variant-${a.variant}`]);
-    return (h, g) => (l(), n("div", {
-      class: $(_.value)
+    const $ = `llm-tab-group-${Math.random().toString(36).slice(2, 9)}`, k = p(() => ["llm-tab-group", `variant-${a.variant}`]);
+    return (h, _) => (s(), n("div", {
+      class: y(k.value)
     }, [
       c("div", {
         class: "tablist",
         role: "tablist",
         onKeydown: m
       }, [
-        (l(!0), n(B, null, z(d.value, (y, f) => (l(), n("button", {
-          key: y.id,
+        (s(!0), n(B, null, R(d.value, (g, f) => (s(), n("button", {
+          key: g.id,
           role: "tab",
-          id: `${k}-tab-${f}`,
-          "aria-selected": f === s.value,
-          "aria-controls": `${k}-panel-${f}`,
-          tabindex: f === s.value ? 0 : -1,
-          disabled: y.disabled,
-          class: $(["tab-button", f === s.value && "is-active", y.disabled && "is-disabled"]),
+          id: `${$}-tab-${f}`,
+          "aria-selected": f === l.value,
+          "aria-controls": `${$}-panel-${f}`,
+          tabindex: f === l.value ? 0 : -1,
+          disabled: g.disabled,
+          class: y(["tab-button", f === l.value && "is-active", g.disabled && "is-disabled"]),
           type: "button",
-          onClick: (I) => !y.disabled && i(f)
-        }, L(y.label), 11, ja))), 128))
+          onClick: (T) => !g.disabled && i(f)
+        }, L(g.label), 11, Fa))), 128))
       ], 32),
       c("div", Ga, [
-        b(h.$slots, "default", { groupId: k })
+        b(h.$slots, "default", { groupId: $ })
       ])
     ], 2));
   }
@@ -1849,15 +1849,15 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = R(te), o = E();
-    O(() => {
+    const t = e, a = q(se), o = O();
+    E(() => {
       a.registerTab({ id: o, label: t.label, disabled: t.disabled });
-    }), G(() => {
+    }), j(() => {
       a.unregisterTab(o);
     });
-    const s = p(() => a.tabs.value.findIndex((u) => u.id === o)), d = p(() => s.value === a.selectedIndex.value);
+    const l = p(() => a.tabs.value.findIndex((u) => u.id === o)), d = p(() => l.value === a.selectedIndex.value);
     return p(() => {
-    }), (u, r) => s.value >= 0 ? (l(), n("div", {
+    }), (u, r) => l.value >= 0 ? (s(), n("div", {
       key: 0,
       role: "tabpanel",
       hidden: !d.value,
@@ -1868,7 +1868,7 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
       b(u.$slots, "default")
     ], 8, Pa)) : w("", !0);
   }
-}), Fa = ["for"], Va = { class: "textarea-field" }, Na = ["id", "value", "rows", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], Ua = {
+}), Va = ["for"], Na = { class: "textarea-field" }, Ua = ["id", "value", "rows", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], Wa = {
   key: 1,
   class: "errors",
   "aria-live": "polite"
@@ -1891,29 +1891,29 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const a = e, o = t, s = C(null), d = p(() => a.id || (a.label ? `textarea-${Math.random().toString(36).slice(2)}` : void 0));
+    const a = e, o = t, l = C(null), d = p(() => a.id || (a.label ? `textarea-${Math.random().toString(36).slice(2)}` : void 0));
     function u() {
-      a.autoResize && s.value && (s.value.style.height = "auto", s.value.style.height = `${s.value.scrollHeight}px`);
+      a.autoResize && l.value && (l.value.style.height = "auto", l.value.style.height = `${l.value.scrollHeight}px`);
     }
-    q(() => a.value, async () => {
-      await ce(), u();
-    }), O(() => u());
+    z(() => a.value, async () => {
+      await Z(), u();
+    }), E(() => u());
     function r(i) {
       o("update:value", i.target.value), u();
     }
-    return (i, m) => (l(), n("div", {
-      class: $(["llm-textarea", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
+    return (i, m) => (s(), n("div", {
+      class: y(["llm-textarea", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
     }, [
-      e.label ? (l(), n("label", {
+      e.label ? (s(), n("label", {
         key: 0,
         for: d.value,
         class: "textarea-label"
-      }, L(e.label), 9, Fa)) : w("", !0),
-      c("div", Va, [
+      }, L(e.label), 9, Va)) : w("", !0),
+      c("div", Na, [
         c("textarea", {
           id: d.value,
           ref_key: "textareaRef",
-          ref: s,
+          ref: l,
           value: e.value,
           rows: e.rows,
           placeholder: e.placeholder,
@@ -1923,19 +1923,19 @@ const Z = /* @__PURE__ */ Symbol("LlmAccordionGroup"), _t = /* @__PURE__ */ v({
           name: e.name,
           "aria-invalid": e.invalid || void 0,
           onInput: r
-        }, null, 40, Na)
+        }, null, 40, Ua)
       ]),
-      e.errors.length ? (l(), n("ul", Ua, [
-        (l(!0), n(B, null, z(e.errors, (k, _) => (l(), n("li", {
-          key: _,
+      e.errors.length ? (s(), n("ul", Wa, [
+        (s(!0), n(B, null, R(e.errors, ($, k) => (s(), n("li", {
+          key: k,
           class: "error"
-        }, L(k), 1))), 128))
+        }, L($), 1))), 128))
       ])) : w("", !0)
     ], 2));
   }
 }), N = /* @__PURE__ */ Symbol("LlmToast");
 function pl() {
-  const e = R(N);
+  const e = q(N);
   if (!e)
     throw new Error(
       "useLlmToast() must be called inside a component that is a descendant of LlmToastProvider."
@@ -1948,22 +1948,22 @@ const vl = /* @__PURE__ */ v({
   setup(e) {
     const t = C([]), a = /* @__PURE__ */ new Map();
     function o(u, r = {}) {
-      const i = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, m = r.duration ?? 5e3, k = {
+      const i = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, m = r.duration ?? 5e3, $ = {
         id: i,
         message: u,
         variant: r.variant ?? "default",
         duration: m,
         dismissible: r.dismissible ?? !0
       };
-      if (t.value = [...t.value, k], m > 0) {
-        const _ = setTimeout(() => {
-          s(i);
+      if (t.value = [...t.value, $], m > 0) {
+        const k = setTimeout(() => {
+          l(i);
         }, m);
-        a.set(i, _);
+        a.set(i, k);
       }
       return i;
     }
-    function s(u) {
+    function l(u) {
       t.value = t.value.filter((i) => i.id !== u);
       const r = a.get(u);
       r !== void 0 && (clearTimeout(r), a.delete(u));
@@ -1973,9 +1973,9 @@ const vl = /* @__PURE__ */ v({
         clearTimeout(u);
       a.clear(), t.value = [];
     }
-    return H(N, { toasts: t, show: o, dismiss: s, clear: d }), (u, r) => b(u.$slots, "default");
+    return H(N, { toasts: t, show: o, dismiss: l, clear: d }), (u, r) => b(u.$slots, "default");
   }
-}), Wa = { class: "message" }, Ja = /* @__PURE__ */ v({
+}), Ja = { class: "message" }, Za = /* @__PURE__ */ v({
   name: "LlmToastItem",
   __name: "llm-toast-item",
   props: {
@@ -1983,13 +1983,13 @@ const vl = /* @__PURE__ */ v({
   },
   emits: ["dismiss"],
   setup(e, { emit: t }) {
-    const a = e, o = t, s = p(() => ["llm-toast", `variant-${a.data.variant}`]);
-    return (d, u) => (l(), n("div", {
-      class: $(s.value),
+    const a = e, o = t, l = p(() => ["llm-toast", `variant-${a.data.variant}`]);
+    return (d, u) => (s(), n("div", {
+      class: y(l.value),
       role: "status"
     }, [
-      c("span", Wa, L(e.data.message), 1),
-      e.data.dismissible ? (l(), n("button", {
+      c("span", Ja, L(e.data.message), 1),
+      e.data.dismissible ? (s(), n("button", {
         key: 0,
         class: "dismiss",
         type: "button",
@@ -2031,24 +2031,24 @@ const vl = /* @__PURE__ */ v({
     position: { default: "bottom-right" }
   },
   setup(e) {
-    const t = e, a = R(N), o = p(() => a.toasts.value);
-    function s(u) {
+    const t = e, a = q(N), o = p(() => a.toasts.value);
+    function l(u) {
       a.dismiss(u);
     }
     const d = p(() => ["llm-toast-container", `position-${t.position}`]);
-    return (u, r) => (l(), n("div", {
-      class: $(d.value),
+    return (u, r) => (s(), n("div", {
+      class: y(d.value),
       "aria-live": "polite",
       role: "status"
     }, [
-      (l(!0), n(B, null, z(o.value, (i) => (l(), W(Ja, {
+      (s(!0), n(B, null, R(o.value, (i) => (s(), W(Za, {
         key: i.id,
         data: i,
-        onDismiss: r[0] || (r[0] = (m) => s(m))
+        onDismiss: r[0] || (r[0] = (m) => l(m))
       }, null, 8, ["data"]))), 128))
     ], 2));
   }
-}), Za = ["for"], Qa = ["id", "checked", "disabled", "required", "name", "aria-invalid", "aria-checked"], Xa = {
+}), Qa = ["for"], Xa = ["id", "checked", "disabled", "required", "name", "aria-invalid", "aria-checked"], Ya = {
   key: 0,
   class: "errors",
   "aria-live": "polite"
@@ -2067,19 +2067,19 @@ const vl = /* @__PURE__ */ v({
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const a = e, o = t, s = p(() => a.id || `toggle-${Math.random().toString(36).slice(2)}`);
+    const a = e, o = t, l = p(() => a.id || `toggle-${Math.random().toString(36).slice(2)}`);
     function d(u) {
       a.readonly || o("update:checked", u.target.checked);
     }
-    return (u, r) => (l(), n("div", {
-      class: $(["llm-toggle", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
+    return (u, r) => (s(), n("div", {
+      class: y(["llm-toggle", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
     }, [
       c("label", {
-        for: s.value,
+        for: l.value,
         class: "toggle-label"
       }, [
         c("input", {
-          id: s.value,
+          id: l.value,
           type: "checkbox",
           role: "switch",
           checked: e.checked,
@@ -2089,14 +2089,14 @@ const vl = /* @__PURE__ */ v({
           "aria-invalid": e.invalid || void 0,
           "aria-checked": e.checked,
           onChange: d
-        }, null, 40, Qa),
+        }, null, 40, Xa),
         r[0] || (r[0] = c("span", { class: "track" }, [
           c("span", { class: "thumb" })
         ], -1)),
         b(u.$slots, "default")
-      ], 8, Za),
-      e.errors.length ? (l(), n("ul", Xa, [
-        (l(!0), n(B, null, z(e.errors, (i, m) => (l(), n("li", {
+      ], 8, Qa),
+      e.errors.length ? (s(), n("ul", Ya, [
+        (s(!0), n(B, null, R(e.errors, (i, m) => (s(), n("li", {
           key: m,
           class: "error"
         }, L(i), 1))), 128))
@@ -2115,9 +2115,9 @@ const vl = /* @__PURE__ */ v({
   },
   setup(e) {
     const t = e, a = C(!1);
-    let o = null, s = null;
+    let o = null, l = null;
     function d() {
-      o && (clearTimeout(o), o = null), s && (clearTimeout(s), s = null);
+      o && (clearTimeout(o), o = null), l && (clearTimeout(l), l = null);
     }
     function u() {
       t.llmTooltipDisabled || !t.llmTooltip || (d(), o = setTimeout(() => {
@@ -2125,14 +2125,14 @@ const vl = /* @__PURE__ */ v({
       }, t.llmTooltipShowDelay));
     }
     function r() {
-      d(), s = setTimeout(() => {
+      d(), l = setTimeout(() => {
         a.value = !1;
       }, t.llmTooltipHideDelay);
     }
     function i(m) {
       m.key === "Escape" && (d(), a.value = !1);
     }
-    return J(() => d()), (m, k) => (l(), n("span", {
+    return J(() => d()), (m, $) => (s(), n("span", {
       class: "llm-tooltip-wrapper",
       onMouseenter: u,
       onMouseleave: r,
@@ -2141,14 +2141,14 @@ const vl = /* @__PURE__ */ v({
       onKeydown: i
     }, [
       b(m.$slots, "default"),
-      a.value && !e.llmTooltipDisabled && e.llmTooltip ? (l(), n("div", {
+      a.value && !e.llmTooltipDisabled && e.llmTooltip ? (s(), n("div", {
         key: 0,
         role: "tooltip",
-        class: $(`llm-tooltip position-${e.llmTooltipPosition}`)
+        class: y(`llm-tooltip position-${e.llmTooltipPosition}`)
       }, L(e.llmTooltip), 3)) : w("", !0)
     ], 32));
   }
-}), Ya = { class: "llm-code-block" }, et = { class: "code-block-header" }, at = { class: "code-block-label" }, tt = ["aria-label"], lt = { class: "code-block-body" }, st = { class: "code-block-pre" }, nt = { class: "code-line-number" }, ot = { class: "code-line-text" }, yl = /* @__PURE__ */ v({
+}), et = { class: "llm-code-block" }, at = { class: "code-block-header" }, tt = { class: "code-block-label" }, lt = ["aria-label"], st = { class: "code-block-body" }, nt = { class: "code-block-pre" }, ot = { class: "code-line-number" }, it = { class: "code-line-text" }, yl = /* @__PURE__ */ v({
   name: "LlmCodeBlock",
   __name: "llm-code-block",
   props: {
@@ -2159,7 +2159,7 @@ const vl = /* @__PURE__ */ v({
     showLineNumbers: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = C(!1), o = p(() => t.filename || t.language), s = p(() => t.code.split(`
+    const t = e, a = C(!1), o = p(() => t.filename || t.language), l = p(() => t.code.split(`
 `));
     function d() {
       navigator.clipboard.writeText(t.code).then(() => {
@@ -2168,17 +2168,17 @@ const vl = /* @__PURE__ */ v({
         }, 1800);
       });
     }
-    return (u, r) => (l(), n("div", Ya, [
-      c("div", et, [
-        c("span", at, L(o.value), 1),
-        e.copyable ? (l(), n("button", {
+    return (u, r) => (s(), n("div", et, [
+      c("div", at, [
+        c("span", tt, L(o.value), 1),
+        e.copyable ? (s(), n("button", {
           key: 0,
           class: "code-block-copy",
           type: "button",
           "aria-label": a.value ? "Copied" : "Copy code",
           onClick: d
         }, [
-          a.value ? (l(), n(B, { key: 0 }, [
+          a.value ? (s(), n(B, { key: 0 }, [
             r[0] || (r[0] = c("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "14",
@@ -2193,8 +2193,8 @@ const vl = /* @__PURE__ */ v({
             }, [
               c("polyline", { points: "20 6 9 17 4 12" })
             ], -1)),
-            r[1] || (r[1] = j(" Copied ", -1))
-          ], 64)) : (l(), n(B, { key: 1 }, [
+            r[1] || (r[1] = F(" Copied ", -1))
+          ], 64)) : (s(), n(B, { key: 1 }, [
             r[2] || (r[2] = c("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "14",
@@ -2217,28 +2217,28 @@ const vl = /* @__PURE__ */ v({
               }),
               c("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
             ], -1)),
-            r[3] || (r[3] = j(" Copy ", -1))
+            r[3] || (r[3] = F(" Copy ", -1))
           ], 64))
-        ], 8, tt)) : w("", !0)
+        ], 8, lt)) : w("", !0)
       ]),
-      c("div", lt, [
-        c("pre", st, [
+      c("div", st, [
+        c("pre", nt, [
           c("code", null, [
-            e.showLineNumbers ? (l(!0), n(B, { key: 0 }, z(s.value, (i, m) => (l(), n("span", {
+            e.showLineNumbers ? (s(!0), n(B, { key: 0 }, R(l.value, (i, m) => (s(), n("span", {
               key: m,
               class: "code-line"
             }, [
-              c("span", nt, L(m + 1), 1),
-              c("span", ot, L(i), 1)
-            ]))), 128)) : (l(), n(B, { key: 1 }, [
-              j(L(e.code), 1)
+              c("span", ot, L(m + 1), 1),
+              c("span", it, L(i), 1)
+            ]))), 128)) : (s(), n(B, { key: 1 }, [
+              F(L(e.code), 1)
             ], 64))
           ])
         ])
       ])
     ]));
   }
-}), it = ["aria-labelledby"], rt = ["aria-labelledby"], dt = ["aria-label", "aria-expanded"], ut = ["aria-labelledby"], U = /* @__PURE__ */ Symbol("LlmChat"), $l = /* @__PURE__ */ v({
+}), rt = ["aria-labelledby"], dt = ["aria-labelledby"], ut = ["aria-label", "aria-expanded"], ct = ["aria-labelledby"], U = /* @__PURE__ */ Symbol("LlmChat"), $l = /* @__PURE__ */ v({
   name: "LlmChat",
   __name: "llm-chat",
   props: {
@@ -2248,94 +2248,104 @@ const vl = /* @__PURE__ */ v({
   },
   emits: ["update:open"],
   setup(e, { emit: t }) {
-    const a = e, o = t, s = C(null), d = E(), u = me(a, "status");
-    function r() {
+    const a = e, o = t, l = C(null), d = Q("hostRef"), u = O(), r = fe(a, "status");
+    function i() {
       o("update:open", !1);
     }
-    function i() {
+    function m() {
       o("update:open", !a.open);
     }
     H(U, {
-      headerId: d,
-      status: u,
-      close: r,
-      toggle: i
-    }), q(
+      headerId: u,
+      status: r,
+      close: i,
+      toggle: m
+    }), z(
       () => a.open,
       (g) => {
         if (a.variant !== "drawer") return;
-        const y = s.value;
-        y && (g ? y.open || y.showModal() : y.open && y.close());
+        const f = l.value;
+        f && (g ? f.open || f.showModal() : f.open && f.close());
       },
       { flush: "post" }
+    ), z(
+      () => a.open,
+      async (g) => {
+        g && a.variant !== "inline" && (await Z(), requestAnimationFrame(() => {
+          d.value?.querySelector("textarea")?.focus();
+        }));
+      },
+      { flush: "post", immediate: !0 }
     );
-    function m() {
+    function $() {
       o("update:open", !1);
     }
     function k(g) {
       g.preventDefault(), o("update:open", !1);
     }
-    function _(g) {
-      g.target === s.value && o("update:open", !1);
+    function h(g) {
+      g.target === l.value && o("update:open", !1);
     }
-    const h = p(() => [
+    const _ = p(() => [
       "llm-chat",
       `variant-${a.variant}`,
       `status-${a.status}`,
       a.open && "is-open"
     ]);
-    return (g, y) => (l(), n("div", {
-      class: $(h.value)
+    return (g, f) => (s(), n("div", {
+      ref_key: "hostRef",
+      ref: d,
+      class: y(_.value)
     }, [
-      e.variant === "drawer" ? (l(), n("dialog", {
+      e.variant === "drawer" ? (s(), n("dialog", {
         key: 0,
         ref_key: "dialogRef",
-        ref: s,
-        "aria-labelledby": M(d),
+        ref: l,
+        "aria-labelledby": M(u),
         "aria-modal": "true",
-        onClose: m,
+        onClose: $,
         onCancel: k,
-        onClick: _
+        onClick: h
       }, [
         c("div", {
           class: "surface drawer-surface",
-          onClick: y[0] || (y[0] = V(() => {
+          onClick: f[0] || (f[0] = V(() => {
           }, ["stop"]))
         }, [
           b(g.$slots, "default")
         ])
-      ], 40, it)) : e.variant === "popup" ? (l(), n(B, { key: 1 }, [
-        e.open ? (l(), n("div", {
+      ], 40, rt)) : e.variant === "popup" ? (s(), n(B, { key: 1 }, [
+        e.open ? (s(), n("div", {
           key: 0,
           class: "surface popup-surface",
           role: "dialog",
-          "aria-labelledby": M(d)
+          "aria-labelledby": M(u)
         }, [
           b(g.$slots, "default")
-        ], 8, rt)) : w("", !0),
+        ], 8, dt)) : w("", !0),
         c("button", {
           type: "button",
           class: "fab-bubble",
           "aria-label": e.open ? "Close AI assistant" : "Open AI assistant",
           "aria-expanded": e.open,
-          onClick: i
-        }, [...y[1] || (y[1] = [
+          onClick: m
+        }, [...f[1] || (f[1] = [
           c("span", { "aria-hidden": "true" }, "AI", -1)
-        ])], 8, dt)
-      ], 64)) : (l(), n("section", {
+        ])], 8, ut)
+      ], 64)) : (s(), n("section", {
         key: 2,
         class: "surface inline-surface",
-        "aria-labelledby": M(d)
+        "aria-labelledby": M(u)
       }, [
         b(g.$slots, "default")
-      ], 8, ut))
+      ], 8, ct))
     ], 2));
   }
-}), ct = ["id"], mt = { class: "title-block" }, kl = /* @__PURE__ */ v({
+}), mt = ["id"], ft = { class: "title-block" }, kl = /* @__PURE__ */ v({
   name: "LlmChatHeader",
   __name: "llm-chat-header",
   setup(e) {
-    const t = R(U, {
+    const t = q(U, {
       headerId: "",
       status: C("idle"),
       close: () => {
@@ -2343,18 +2353,18 @@ const vl = /* @__PURE__ */ v({
       toggle: () => {
       }
     });
-    return (a, o) => (l(), n("div", {
+    return (a, o) => (s(), n("div", {
       id: M(t).headerId,
       class: "llm-chat-header"
     }, [
-      c("div", mt, [
+      c("div", ft, [
         b(a.$slots, "default")
       ]),
       c("button", {
         type: "button",
         class: "close-btn",
         "aria-label": "Close chat",
-        onClick: o[0] || (o[0] = (s) => M(t).close())
+        onClick: o[0] || (o[0] = (l) => M(t).close())
       }, [...o[1] || (o[1] = [
         c("svg", {
           xmlns: "http://www.w3.org/2000/svg",
@@ -2382,15 +2392,30 @@ const vl = /* @__PURE__ */ v({
           })
         ], -1)
       ])])
-    ], 8, ct));
+    ], 8, mt));
   }
-}), ft = { class: "llm-chat-messages" }, _l = /* @__PURE__ */ v({
+}), _l = /* @__PURE__ */ v({
   name: "LlmChatMessages",
   __name: "llm-chat-messages",
   setup(e) {
-    return (t, a) => (l(), n("div", ft, [
-      b(t.$slots, "default")
-    ]));
+    const t = Q("root");
+    let a = null;
+    return E(() => {
+      const o = t.value;
+      if (!o) return;
+      const l = () => {
+        o.scrollTop = o.scrollHeight;
+      };
+      l(), a = new MutationObserver(l), a.observe(o, { childList: !0, subtree: !0, characterData: !0 });
+    }), j(() => {
+      a?.disconnect(), a = null;
+    }), (o, l) => (s(), n("div", {
+      ref_key: "root",
+      ref: t,
+      class: "llm-chat-messages"
+    }, [
+      b(o.$slots, "default")
+    ], 512));
   }
 }), wl = /* @__PURE__ */ v({
   name: "LlmChatMessage",
@@ -2405,9 +2430,9 @@ const vl = /* @__PURE__ */ v({
       `role-${t.role}`,
       t.failed && "is-failed"
     ]);
-    return (o, s) => (l(), n("div", {
+    return (o, l) => (s(), n("div", {
       role: "listitem",
-      class: $(a.value)
+      class: y(a.value)
     }, [
       b(o.$slots, "default")
     ], 2));
@@ -2420,7 +2445,7 @@ const vl = /* @__PURE__ */ v({
   name: "LlmChatTyping",
   __name: "llm-chat-typing",
   setup(e) {
-    return (t, a) => (l(), n("div", pt, [...a[0] || (a[0] = [
+    return (t, a) => (s(), n("div", pt, [...a[0] || (a[0] = [
       c("span", { class: "dot" }, null, -1),
       c("span", { class: "dot" }, null, -1),
       c("span", { class: "dot" }, null, -1),
@@ -2440,14 +2465,14 @@ const vl = /* @__PURE__ */ v({
   emits: ["selected"],
   setup(e, { emit: t }) {
     const a = e, o = t;
-    return (s, d) => (l(), n("div", vt, [
+    return (l, d) => (s(), n("div", vt, [
       c("button", {
         type: "button",
         class: "chip",
         onClick: d[0] || (d[0] = (u) => o("selected", a.label))
       }, [
         c("span", ht, L(a.label), 1),
-        a.hint ? (l(), n("span", bt, L(a.hint), 1)) : w("", !0)
+        a.hint ? (s(), n("span", bt, L(a.hint), 1)) : w("", !0)
       ])
     ]));
   }
@@ -2461,7 +2486,7 @@ const vl = /* @__PURE__ */ v({
   },
   emits: ["update:value", "send", "stop"],
   setup(e, { emit: t }) {
-    const a = e, o = t, s = R(U, {
+    const a = e, o = t, l = q(U, {
       headerId: "",
       status: C("idle"),
       close: () => {
@@ -2470,12 +2495,12 @@ const vl = /* @__PURE__ */ v({
       }
     }), d = C(""), u = p(() => a.value !== void 0), r = p({
       get: () => u.value ? a.value ?? "" : d.value,
-      set: (g) => {
-        u.value || (d.value = g), o("update:value", g);
+      set: (_) => {
+        u.value || (d.value = _), o("update:value", _);
       }
-    }), i = p(() => s.status.value === "streaming"), m = p(() => {
+    }), i = p(() => l.status.value === "streaming"), m = p(() => {
       if (a.placeholder) return a.placeholder;
-      switch (s.status.value) {
+      switch (l.status.value) {
         case "streaming":
           return "Waiting for response…";
         case "error":
@@ -2484,18 +2509,18 @@ const vl = /* @__PURE__ */ v({
           return "Message your AI assistant…";
       }
     });
-    function k() {
-      const g = r.value.trim();
-      !g || i.value || (o("send", g), r.value = "");
+    function $() {
+      const _ = r.value.trim();
+      !_ || i.value || (o("send", _), r.value = "");
     }
-    function _(g) {
-      g.key === "Enter" && !g.shiftKey && (g.preventDefault(), k());
+    function k(_) {
+      _.key === "Enter" && !_.shiftKey && (_.preventDefault(), $());
     }
-    function h(g) {
-      const y = g.target;
-      r.value = y.value;
+    function h(_) {
+      const g = _.target;
+      r.value = g.value;
     }
-    return (g, y) => (l(), n("div", gt, [
+    return (_, g) => (s(), n("div", gt, [
       c("textarea", {
         class: "field",
         rows: "1",
@@ -2504,19 +2529,19 @@ const vl = /* @__PURE__ */ v({
         disabled: i.value,
         "aria-label": a.ariaLabel,
         onInput: h,
-        onKeydown: _
+        onKeydown: k
       }, null, 40, yt),
-      i.value ? (l(), n("button", {
+      i.value ? (s(), n("button", {
         key: 0,
         type: "button",
         class: "action-btn variant-danger size-md",
-        onClick: y[0] || (y[0] = (f) => o("stop"))
-      }, " Stop ")) : (l(), n("button", {
+        onClick: g[0] || (g[0] = (f) => o("stop"))
+      }, " Stop ")) : (s(), n("button", {
         key: 1,
         type: "button",
         class: "action-btn variant-primary size-md",
         disabled: !r.value.trim(),
-        onClick: k
+        onClick: $
       }, " Send ", 8, $t))
     ]));
   }
@@ -2528,13 +2553,13 @@ export {
   xt as LlmAlert,
   Ct as LlmAvatar,
   Bt as LlmAvatarGroup,
-  It as LlmBadge,
+  Tt as LlmBadge,
   Dt as LlmBreadcrumbItem,
-  Tt as LlmBreadcrumbs,
+  It as LlmBreadcrumbs,
   St as LlmButton,
   Mt as LlmCard,
-  zt as LlmCardContent,
-  Rt as LlmCardFooter,
+  Rt as LlmCardContent,
+  zt as LlmCardFooter,
   At as LlmCardHeader,
   $l as LlmChat,
   kl as LlmChatHeader,
@@ -2544,7 +2569,7 @@ export {
   _l as LlmChatMessages,
   xl as LlmChatSuggestion,
   Ll as LlmChatTyping,
-  qe as LlmCheckbox,
+  He as LlmCheckbox,
   yl as LlmCodeBlock,
   Qt as LlmCombobox,
   qt as LlmDialog,
@@ -2552,10 +2577,10 @@ export {
   Ot as LlmDialogFooter,
   Ht as LlmDialogHeader,
   Kt as LlmDrawer,
-  Gt as LlmDrawerContent,
-  Pt as LlmDrawerFooter,
+  Ft as LlmDrawerContent,
+  Gt as LlmDrawerFooter,
   jt as LlmDrawerHeader,
-  Ft as LlmInput,
+  Pt as LlmInput,
   Nt as LlmMenu,
   Ut as LlmMenuItem,
   Wt as LlmMenuSeparator,
@@ -2578,7 +2603,7 @@ export {
   dl as LlmTh,
   ol as LlmThead,
   hl as LlmToastContainer,
-  Ja as LlmToastItem,
+  Za as LlmToastItem,
   vl as LlmToastProvider,
   bl as LlmToggle,
   gl as LlmTooltip,