@atelier-ui/vue 0.1.2 → 0.1.7

package/index.mjs

@@ -1,4 +1,4 @@
-import { defineComponent as v, ref as B, provide as E, computed as p, openBlock as l, createElementBlock as o, normalizeClass as y, renderSlot as h, useId as O, inject as q, onMounted as H, watch as z, onBeforeUnmount as j, createBlock as N, resolveDynamicComponent as J, withCtx as ce, createElementVNode as c, toDisplayString as C, createCommentVNode as w, useSlots as me, Fragment as T, renderList as R, normalizeStyle as P, unref as M, withModifiers as V, onUnmounted as Y, createTextVNode as G, createVNode as fe, nextTick as Z, useTemplateRef as Q, toRef as pe } from "vue";
+import { defineComponent as v, ref as B, provide as E, computed as p, openBlock as l, createElementBlock as o, normalizeClass as y, renderSlot as g, useId as O, inject as q, onMounted as H, watch as z, onBeforeUnmount as j, createBlock as N, resolveDynamicComponent as J, withCtx as ce, createElementVNode as c, toDisplayString as C, createCommentVNode as L, useSlots as me, Fragment as I, renderList as R, normalizeStyle as P, unref as M, withModifiers as V, onUnmounted as Y, createTextVNode as G, createVNode as fe, nextTick as Z, useTemplateRef as Q, toRef as pe } from "vue";
 const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   name: "LlmAccordionGroup",
   __name: "llm-accordion-group",
@@ -15,7 +15,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
     function r(i, m) {
       s.set(i, m);
     }
-    function d(i) {
+    function u(i) {
       s.delete(i);
     }
     E(X, {
@@ -25,13 +25,13 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       openItems: a,
       toggleItem: n,
       registerItem: r,
-      unregisterItem: d
+      unregisterItem: u
     });
-    const u = p(() => ["llm-accordion-group", `variant-${t.variant}`]);
+    const d = p(() => ["llm-accordion-group", `variant-${t.variant}`]);
     return (i, m) => (l(), o("div", {
-      class: y(u.value)
+      class: y(d.value)
     }, [
-      h(i.$slots, "default")
+      g(i.$slots, "default")
     ], 2));
   }
 }), ve = ["aria-expanded", "disabled"], Lt = /* @__PURE__ */ v({
@@ -44,16 +44,16 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   },
   emits: ["update:expanded"],
   setup(e, { emit: t }) {
-    const a = e, s = p(() => `h${a.headingLevel}`), n = t, r = O(), d = `llm-accordion-trigger-${r}`, u = `llm-accordion-panel-${r}`, i = q(X, null), m = B(null), g = p(() => i ? i.openItems.value.has(r) : a.expanded ?? !1);
+    const a = e, s = p(() => `h${a.headingLevel}`), n = t, r = O(), u = `llm-accordion-trigger-${r}`, d = `llm-accordion-panel-${r}`, i = q(X, null), m = B(null), h = p(() => i ? i.openItems.value.has(r) : a.expanded ?? !1);
     function $() {
-      a.disabled || (i ? i.toggleItem(r) : n("update:expanded", !g.value));
+      a.disabled || (i ? i.toggleItem(r) : n("update:expanded", !h.value));
     }
     function b(f) {
       if (!i) return;
-      const _ = Array.from(
+      const w = Array.from(
         document.querySelectorAll(".llm-accordion-item:not(.is-disabled) .accordion-trigger")
-      ), x = _.indexOf(f.currentTarget);
-      f.key === "ArrowDown" ? (f.preventDefault(), _[(x + 1) % _.length]?.focus()) : f.key === "ArrowUp" ? (f.preventDefault(), _[(x - 1 + _.length) % _.length]?.focus()) : f.key === "Home" ? (f.preventDefault(), _[0]?.focus()) : f.key === "End" && (f.preventDefault(), _[_.length - 1]?.focus());
+      ), x = w.indexOf(f.currentTarget);
+      f.key === "ArrowDown" ? (f.preventDefault(), w[(x + 1) % w.length]?.focus()) : f.key === "ArrowUp" ? (f.preventDefault(), w[(x - 1 + w.length) % w.length]?.focus()) : f.key === "Home" ? (f.preventDefault(), w[0]?.focus()) : f.key === "End" && (f.preventDefault(), w[w.length - 1]?.focus());
     }
     H(() => {
       i && m.value && i.registerItem(r, m.value), !i && a.expanded;
@@ -61,8 +61,8 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       () => a.expanded,
       (f) => {
         if (!i || f === void 0) return;
-        const _ = i.openItems.value.has(r);
-        (f && !_ || !f && _) && i.toggleItem(r);
+        const w = i.openItems.value.has(r);
+        (f && !w || !f && w) && i.toggleItem(r);
       },
       { immediate: !0 }
     ), j(() => {
@@ -70,35 +70,35 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
     });
     const k = p(() => [
       "llm-accordion-item",
-      g.value && "is-expanded",
+      h.value && "is-expanded",
       a.disabled && "is-disabled"
-    ]), L = p(() => ["chevron", g.value && "is-expanded"]);
-    return (f, _) => (l(), o("div", {
+    ]), _ = p(() => ["chevron", h.value && "is-expanded"]);
+    return (f, w) => (l(), o("div", {
       class: y(k.value)
     }, [
       (l(), N(J(s.value), { class: "accordion-heading" }, {
         default: ce(() => [
           c("button", {
-            id: d,
+            id: u,
             ref_key: "triggerRef",
             ref: m,
             class: "accordion-trigger",
             type: "button",
-            "aria-expanded": g.value,
-            "aria-controls": u,
+            "aria-expanded": h.value,
+            "aria-controls": d,
             disabled: e.disabled,
             onClick: $,
             onKeydown: b
           }, [
-            h(f.$slots, "header"),
+            g(f.$slots, "header"),
             (l(), o("svg", {
-              class: y(L.value),
+              class: y(_.value),
               width: "16",
               height: "16",
               viewBox: "0 0 16 16",
               fill: "none",
               "aria-hidden": "true"
-            }, [..._[0] || (_[0] = [
+            }, [...w[0] || (w[0] = [
               c("path", {
                 d: "M4 6L8 10L12 6",
                 stroke: "currentColor",
@@ -112,15 +112,15 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
         _: 3
       })),
       c("div", {
-        class: y(["accordion-panel-wrapper", g.value && "is-expanded"])
+        class: y(["accordion-panel-wrapper", h.value && "is-expanded"])
       }, [
         c("div", {
-          id: u,
+          id: d,
           role: "region",
-          "aria-labelledby": d,
+          "aria-labelledby": u,
           class: "accordion-panel"
         }, [
-          h(f.$slots, "default")
+          g(f.$slots, "default")
         ])
       ], 2)
     ], 2));
@@ -130,7 +130,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   __name: "llm-accordion-header",
   setup(e) {
     return (t, a) => (l(), o("span", be, [
-      h(t.$slots, "default")
+      g(t.$slots, "default")
     ]));
   }
 }), he = ["aria-live"], ge = { class: "content" }, ye = {
@@ -150,24 +150,24 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       success: "✓",
       warning: "⚠",
       danger: "✕"
-    }, s = e, n = t, r = p(() => ["llm-alert", `variant-${s.variant}`]), d = p(
+    }, s = e, n = t, r = p(() => ["llm-alert", `variant-${s.variant}`]), u = p(
       () => s.variant === "danger" || s.variant === "warning" ? "assertive" : "polite"
-    ), u = p(() => a[s.variant]);
+    ), d = p(() => a[s.variant]);
     return (i, m) => (l(), o("div", {
       class: y(r.value),
       role: "alert",
-      "aria-live": d.value
+      "aria-live": u.value
     }, [
       c("span", ge, [
-        c("span", ye, C(u.value), 1),
-        h(i.$slots, "default")
+        c("span", ye, C(d.value), 1),
+        g(i.$slots, "default")
       ]),
       e.dismissible ? (l(), o("button", {
         key: 0,
         class: "dismiss",
         type: "button",
         "aria-label": "Dismiss",
-        onClick: m[0] || (m[0] = (g) => n("dismissed"))
+        onClick: m[0] || (m[0] = (h) => n("dismissed"))
       }, [...m[1] || (m[1] = [
         c("svg", {
           xmlns: "http://www.w3.org/2000/svg",
@@ -194,7 +194,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
             y2: "18"
           })
         ], -1)
-      ])])) : w("", !0)
+      ])])) : L("", !0)
     ], 10, he));
   }
 }), $e = ["aria-label"], ke = ["src", "alt"], _e = {
@@ -223,16 +223,16 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
     z(() => t.src, () => {
       a.value = !1;
     });
-    function s(u) {
-      return u.split(" ").filter(Boolean).slice(0, 2).map((i) => i[0].toUpperCase()).join("");
+    function s(d) {
+      return d.split(" ").filter(Boolean).slice(0, 2).map((i) => i[0].toUpperCase()).join("");
     }
-    const n = p(() => t.name ? s(t.name) : ""), r = p(() => t.alt || t.name || "Avatar"), d = p(() => [
+    const n = p(() => t.name ? s(t.name) : ""), r = p(() => t.alt || t.name || "Avatar"), u = p(() => [
       "llm-avatar",
       `size-${t.size}`,
       `shape-${t.shape}`
     ]);
-    return (u, i) => (l(), o("div", {
-      class: y(d.value),
+    return (d, i) => (l(), o("div", {
+      class: y(u.value),
       "aria-label": r.value,
       role: "img"
     }, [
@@ -248,10 +248,10 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
         key: 3,
         class: y(`status-dot status-${e.status}`),
         "aria-hidden": "true"
-      }, null, 2)) : w("", !0)
+      }, null, 2)) : L("", !0)
     ], 10, $e));
   }
-}), Le = ["aria-label"], Tt = /* @__PURE__ */ v({
+}), Le = ["aria-label"], It = /* @__PURE__ */ v({
   name: "LlmAvatarGroup",
   __name: "llm-avatar-group",
   props: {
@@ -260,22 +260,22 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   },
   setup(e) {
     const t = e, a = me(), s = p(() => a.default?.() ?? []), n = p(() => s.value.slice(0, t.max)), r = p(() => Math.max(0, s.value.length - t.max));
-    return (d, u) => (l(), o("div", {
+    return (u, d) => (l(), o("div", {
       class: y(["llm-avatar-group", `size-${e.size}`])
     }, [
-      (l(!0), o(T, null, R(n.value, (i, m) => (l(), N(J(i), { key: m }))), 128)),
+      (l(!0), o(I, null, R(n.value, (i, m) => (l(), N(J(i), { key: m }))), 128)),
       r.value > 0 ? (l(), o("div", {
         key: 0,
         class: y(`overflow-badge size-${e.size}`),
         "aria-label": `+${r.value} more`
-      }, " +" + C(r.value), 11, Le)) : w("", !0)
+      }, " +" + C(r.value), 11, Le)) : L("", !0)
     ], 2));
   }
 }), xe = {
   key: 0,
   class: "variant-icon",
   "aria-hidden": "true"
-}, It = /* @__PURE__ */ v({
+}, Tt = /* @__PURE__ */ v({
   name: "LlmBadge",
   __name: "llm-badge",
   props: {
@@ -294,15 +294,15 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       `variant-${a.variant}`,
       `size-${a.size}`
     ]), n = p(() => t[a.variant]);
-    return (r, d) => (l(), o("span", {
+    return (r, u) => (l(), o("span", {
       class: y(s.value),
       role: "status"
     }, [
-      n.value ? (l(), o("span", xe, C(n.value), 1)) : w("", !0),
-      h(r.$slots, "default")
+      n.value ? (l(), o("span", xe, C(n.value), 1)) : L("", !0),
+      g(r.$slots, "default")
     ], 2));
   }
-}), Ce = ["role", "aria-label", "aria-hidden"], St = /* @__PURE__ */ v({
+}), Ce = ["role", "aria-label", "aria-hidden"], Dt = /* @__PURE__ */ v({
   name: "LlmIcon",
   __name: "llm-icon",
   props: {
@@ -334,14 +334,14 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       more: "…",
       "default-toast": "💬"
     }, s = p(() => ["llm-icon", `size-${t.size}`]), n = p(() => a[t.name]);
-    return (r, d) => (l(), o("span", {
+    return (r, u) => (l(), o("span", {
       class: y(s.value),
       role: e.label ? "img" : void 0,
       "aria-label": e.label || void 0,
       "aria-hidden": e.label ? void 0 : "true"
     }, C(n.value), 11, Ce));
   }
-}), Be = { class: "breadcrumbs-list" }, Dt = /* @__PURE__ */ v({
+}), Be = { class: "breadcrumbs-list" }, St = /* @__PURE__ */ v({
   name: "LlmBreadcrumbs",
   __name: "llm-breadcrumbs",
   props: {
@@ -355,11 +355,11 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       style: P({ "--llm-separator": `'${t.separator}'` })
     }, [
       c("ol", Be, [
-        h(a.$slots, "default")
+        g(a.$slots, "default")
       ])
     ], 4));
   }
-}), Te = ["href"], Ie = ["aria-current"], Mt = /* @__PURE__ */ v({
+}), Ie = ["href"], Te = ["aria-current"], Mt = /* @__PURE__ */ v({
   name: "LlmBreadcrumbItem",
   __name: "llm-breadcrumb-item",
   props: {
@@ -379,17 +379,17 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
         href: e.href,
         class: "breadcrumb-link"
       }, [
-        h(s.$slots, "default")
-      ], 8, Te)) : (l(), o("span", {
+        g(s.$slots, "default")
+      ], 8, Ie)) : (l(), o("span", {
         key: 1,
         class: "breadcrumb-current",
         "aria-current": e.current ? "page" : void 0
       }, [
-        h(s.$slots, "default")
-      ], 8, Ie))
+        g(s.$slots, "default")
+      ], 8, Te))
     ], 2));
   }
-}), Se = ["type", "disabled", "aria-disabled"], De = {
+}), De = ["type", "disabled", "aria-disabled"], Se = {
   key: 0,
   class: "spinner",
   "aria-hidden": "true"
@@ -412,7 +412,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       t.loading && "is-loading"
     ].filter(Boolean)), n = B(null);
     return H(() => {
-    }), (r, d) => (l(), o("button", {
+    }), (r, u) => (l(), o("button", {
       ref_key: "buttonRef",
       ref: n,
       class: y(s.value),
@@ -420,9 +420,9 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       disabled: a.value,
       "aria-disabled": a.value || void 0
     }, [
-      e.loading ? (l(), o("span", De)) : w("", !0),
-      h(r.$slots, "default")
-    ], 10, Se));
+      e.loading ? (l(), o("span", Se)) : L("", !0),
+      g(r.$slots, "default")
+    ], 10, De));
   }
 }), Me = ["role"], Rt = /* @__PURE__ */ v({
   name: "LlmCard",
@@ -442,7 +442,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       class: y(a.value),
       role: e.role
     }, [
-      h(s.$slots, "default")
+      g(s.$slots, "default")
     ], 10, Me));
   }
 }), Ae = { class: "llm-card-header" }, zt = /* @__PURE__ */ v({
@@ -450,7 +450,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   __name: "llm-card-header",
   setup(e) {
     return (t, a) => (l(), o("div", Ae, [
-      h(t.$slots, "default")
+      g(t.$slots, "default")
     ]));
   }
 }), Re = { class: "llm-card-content" }, qt = /* @__PURE__ */ v({
@@ -458,7 +458,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   __name: "llm-card-content",
   setup(e) {
     return (t, a) => (l(), o("div", Re, [
-      h(t.$slots, "default")
+      g(t.$slots, "default")
     ]));
   }
 }), ze = { class: "llm-card-footer" }, Ht = /* @__PURE__ */ v({
@@ -466,7 +466,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   __name: "llm-card-footer",
   setup(e) {
     return (t, a) => (l(), o("div", ze, [
-      h(t.$slots, "default")
+      g(t.$slots, "default")
     ]));
   }
 }), qe = ["for"], He = ["id", "checked", "disabled", "readonly", "required", "name", "aria-invalid"], Ee = {
@@ -492,17 +492,17 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
     const a = e, s = t, n = B(null), r = p(() => a.id || `checkbox-${Math.random().toString(36).slice(2)}`);
     z(
       () => a.indeterminate,
-      (u) => {
-        n.value && (n.value.indeterminate = u);
+      (d) => {
+        n.value && (n.value.indeterminate = d);
       }
     ), H(() => {
       n.value && (n.value.indeterminate = a.indeterminate);
     });
-    function d(u) {
-      const i = u.target;
+    function u(d) {
+      const i = d.target;
       s("update:checked", i.checked);
     }
-    return (u, i) => (l(), o("div", {
+    return (d, i) => (l(), o("div", {
       class: y(["llm-checkbox", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
     }, [
       c("label", {
@@ -520,16 +520,16 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
           required: e.required,
           name: e.name,
           "aria-invalid": e.invalid || void 0,
-          onChange: d
+          onChange: u
         }, null, 40, He),
-        h(u.$slots, "default")
+        g(d.$slots, "default")
       ], 8, qe),
       e.errors.length ? (l(), o("ul", Ee, [
-        (l(!0), o(T, null, R(e.errors, (m, g) => (l(), o("li", {
-          key: g,
+        (l(!0), o(I, null, R(e.errors, (m, h) => (l(), o("li", {
+          key: h,
           class: "error"
         }, C(m), 1))), 128))
-      ])) : w("", !0)
+      ])) : L("", !0)
     ], 2));
   }
 }), Ke = ["aria-label", "aria-labelledby"], ee = /* @__PURE__ */ Symbol("LlmDialog"), Et = /* @__PURE__ */ v({
@@ -544,12 +544,12 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   emits: ["update:open"],
   setup(e, { emit: t }) {
     const a = e, s = t, n = B(null), r = O();
-    function d() {
+    function u() {
       s("update:open", !1);
     }
     E(ee, {
       headerId: r,
-      close: d
+      close: u
     }), H(() => {
       a.open && n.value && n.value.showModal();
     }), z(
@@ -560,7 +560,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       },
       { flush: "post" }
     );
-    function u() {
+    function d() {
       s("update:open", !1);
     }
     function i($) {
@@ -569,7 +569,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
     function m($) {
       a.closeOnBackdrop && $.target === n.value && s("update:open", !1);
     }
-    const g = p(() => ["panel", `size-${a.size}`]);
+    const h = p(() => ["panel", `size-${a.size}`]);
     return ($, b) => (l(), o("dialog", {
       ref_key: "dialogRef",
       ref: n,
@@ -577,16 +577,16 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       "aria-label": e.ariaLabel || void 0,
       "aria-labelledby": e.ariaLabel ? void 0 : M(r),
       "aria-modal": "true",
-      onClose: u,
+      onClose: d,
       onCancel: i,
       onClick: m
     }, [
       c("div", {
-        class: y(g.value),
+        class: y(h.value),
         onClick: b[0] || (b[0] = V(() => {
         }, ["stop"]))
       }, [
-        h($.$slots, "default")
+        g($.$slots, "default")
       ], 2)
     ], 40, Ke));
   }
@@ -601,7 +601,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       class: "llm-dialog-header"
     }, [
       c("span", Ge, [
-        h(a.$slots, "default")
+        g(a.$slots, "default")
       ]),
       c("button", {
         class: "close-btn",
@@ -642,7 +642,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   __name: "llm-dialog-content",
   setup(e) {
     return (t, a) => (l(), o("div", Pe, [
-      h(t.$slots, "default")
+      g(t.$slots, "default")
     ]));
   }
 }), Fe = { class: "llm-dialog-footer" }, jt = /* @__PURE__ */ v({
@@ -650,7 +650,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   __name: "llm-dialog-footer",
   setup(e) {
     return (t, a) => (l(), o("div", Fe, [
-      h(t.$slots, "default")
+      g(t.$slots, "default")
     ]));
   }
 }), Ne = ["aria-labelledby"], ae = /* @__PURE__ */ Symbol("LlmDrawer"), Gt = /* @__PURE__ */ v({
@@ -665,12 +665,12 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   emits: ["update:open"],
   setup(e, { emit: t }) {
     const a = e, s = t, n = B(null), r = O();
-    function d() {
+    function u() {
       s("update:open", !1);
     }
     E(ae, {
       headerId: r,
-      close: d
+      close: u
     }), H(() => {
       a.open && n.value && n.value.showModal();
     }), z(
@@ -681,7 +681,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       },
       { flush: "post" }
     );
-    function u() {
+    function d() {
       s("update:open", !1);
     }
     function i($) {
@@ -690,7 +690,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
     function m($) {
       a.closeOnBackdrop && $.target === n.value && s("update:open", !1);
     }
-    const g = p(() => [
+    const h = p(() => [
       "llm-drawer-host",
       `position-${a.position}`,
       `size-${a.size}`,
@@ -699,10 +699,10 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
     return ($, b) => (l(), o("dialog", {
       ref_key: "dialogRef",
       ref: n,
-      class: y(g.value),
+      class: y(h.value),
       "aria-labelledby": M(r),
       "aria-modal": "true",
-      onClose: u,
+      onClose: d,
       onCancel: i,
       onClick: m
     }, [
@@ -711,7 +711,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
         onClick: b[0] || (b[0] = V(() => {
         }, ["stop"]))
       }, [
-        h($.$slots, "default")
+        g($.$slots, "default")
       ])
     ], 42, Ne));
   }
@@ -726,7 +726,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       class: "llm-drawer-header"
     }, [
       c("span", Ue, [
-        h(a.$slots, "default")
+        g(a.$slots, "default")
       ]),
       c("button", {
         class: "close-btn",
@@ -767,7 +767,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   __name: "llm-drawer-content",
   setup(e) {
     return (t, a) => (l(), o("div", We, [
-      h(t.$slots, "default")
+      g(t.$slots, "default")
     ]));
   }
 }), Je = { class: "llm-drawer-footer" }, Nt = /* @__PURE__ */ v({
@@ -775,7 +775,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   __name: "llm-drawer-footer",
   setup(e) {
     return (t, a) => (l(), o("div", Je, [
-      h(t.$slots, "default")
+      g(t.$slots, "default")
     ]));
   }
 }), Ye = ["for"], Ze = { class: "input-field" }, Qe = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], Xe = {
@@ -801,17 +801,17 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   emits: ["update:value"],
   setup(e, { emit: t }) {
     const a = e, s = t, n = p(() => a.id || (a.label ? `input-${Math.random().toString(36).slice(2)}` : void 0));
-    function r(d) {
-      s("update:value", d.target.value);
+    function r(u) {
+      s("update:value", u.target.value);
     }
-    return (d, u) => (l(), o("div", {
+    return (u, d) => (l(), o("div", {
       class: y(["llm-input", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
     }, [
       e.label ? (l(), o("label", {
         key: 0,
         for: n.value,
         class: "input-label"
-      }, C(e.label), 9, Ye)) : w("", !0),
+      }, C(e.label), 9, Ye)) : L("", !0),
       c("div", Ze, [
         c("input", {
           id: n.value,
@@ -827,11 +827,11 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
         }, null, 40, Qe)
       ]),
       e.errors.length ? (l(), o("ul", Xe, [
-        (l(!0), o(T, null, R(e.errors, (i, m) => (l(), o("li", {
+        (l(!0), o(I, null, R(e.errors, (i, m) => (l(), o("li", {
           key: m,
           class: "error"
         }, C(i), 1))), 128))
-      ])) : w("", !0)
+      ])) : L("", !0)
     ], 2));
   }
 }), ea = { class: "llm-menu-trigger-wrapper" }, te = /* @__PURE__ */ Symbol("LlmMenuTrigger"), Ut = /* @__PURE__ */ v({
@@ -846,25 +846,25 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       t.value = !1;
     }
     E(te, { close: r });
-    function d(i) {
+    function u(i) {
       if (!t.value) return;
-      const m = i.target, g = a.value?.contains(m), $ = s.value?.contains(m);
-      !g && !$ && r();
+      const m = i.target, h = a.value?.contains(m), $ = s.value?.contains(m);
+      !h && !$ && r();
     }
-    function u(i) {
+    function d(i) {
       i.key === "Escape" && t.value && r();
     }
     return H(() => {
-      document.addEventListener("mousedown", d), document.addEventListener("keydown", u);
+      document.addEventListener("mousedown", u), document.addEventListener("keydown", d);
     }), j(() => {
-      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", u);
+      document.removeEventListener("mousedown", u), document.removeEventListener("keydown", d);
     }), (i, m) => (l(), o("div", ea, [
       c("span", {
         ref_key: "triggerRef",
         ref: a,
         onClick: n
       }, [
-        h(i.$slots, "trigger")
+        g(i.$slots, "trigger")
       ], 512),
       t.value ? (l(), o("div", {
         key: 0,
@@ -872,8 +872,8 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
         ref: s,
         class: "llm-menu-panel"
       }, [
-        h(i.$slots, "menu")
-      ], 512)) : w("", !0)
+        g(i.$slots, "menu")
+      ], 512)) : L("", !0)
     ]));
   }
 }), Wt = /* @__PURE__ */ v({
@@ -888,7 +888,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       class: y(a.value),
       role: "menu"
     }, [
-      h(s.$slots, "default")
+      g(s.$slots, "default")
     ], 2));
   }
 }), aa = ["disabled"], Jt = /* @__PURE__ */ v({
@@ -903,15 +903,15 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
     function r() {
       a.disabled || (s("triggered"), n?.close());
     }
-    const d = p(() => ["llm-menu-item", a.disabled && "is-disabled"]);
-    return (u, i) => (l(), o("button", {
-      class: y(d.value),
+    const u = p(() => ["llm-menu-item", a.disabled && "is-disabled"]);
+    return (d, i) => (l(), o("button", {
+      class: y(u.value),
       role: "menuitem",
       type: "button",
       disabled: e.disabled,
       onClick: r
     }, [
-      h(u.$slots, "default")
+      g(d.$slots, "default")
     ], 10, aa));
   }
 }), ta = {
@@ -942,35 +942,35 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   emits: ["pageChange"],
   setup(e, { emit: t }) {
     const a = e, s = t;
-    function n(u, i, m) {
+    function n(d, i, m) {
       if (i <= 1) return [{ type: "page", page: 1 }];
-      const g = [];
-      g.push({ type: "page", page: 1 });
-      const $ = Math.max(2, u - m), b = Math.min(i - 1, u + m);
-      $ > 2 && g.push({ type: "ellipsis", key: "ellipsis-start" });
-      for (let k = $; k <= b; k++) g.push({ type: "page", page: k });
-      return b < i - 1 && g.push({ type: "ellipsis", key: "ellipsis-end" }), i > 1 && g.push({ type: "page", page: i }), g;
+      const h = [];
+      h.push({ type: "page", page: 1 });
+      const $ = Math.max(2, d - m), b = Math.min(i - 1, d + m);
+      $ > 2 && h.push({ type: "ellipsis", key: "ellipsis-start" });
+      for (let k = $; k <= b; k++) h.push({ type: "page", page: k });
+      return b < i - 1 && h.push({ type: "ellipsis", key: "ellipsis-end" }), i > 1 && h.push({ type: "page", page: i }), h;
     }
     const r = p(() => n(a.page, a.pageCount, a.siblingCount));
-    function d(u) {
-      const i = Math.min(Math.max(u, 1), a.pageCount);
+    function u(d) {
+      const i = Math.min(Math.max(d, 1), a.pageCount);
       i !== a.page && s("pageChange", i);
     }
-    return (u, i) => (l(), o("nav", la, [
+    return (d, i) => (l(), o("nav", la, [
       e.showFirstLast ? (l(), o("button", {
         key: 0,
         class: "page-btn nav-btn",
         disabled: e.page <= 1,
         "aria-label": "First page",
-        onClick: i[0] || (i[0] = (m) => d(1))
-      }, " « ", 8, sa)) : w("", !0),
+        onClick: i[0] || (i[0] = (m) => u(1))
+      }, " « ", 8, sa)) : L("", !0),
       c("button", {
         class: "page-btn nav-btn",
         disabled: e.page <= 1,
         "aria-label": "Previous page",
-        onClick: i[1] || (i[1] = (m) => d(e.page - 1))
+        onClick: i[1] || (i[1] = (m) => u(e.page - 1))
       }, " ‹ ", 8, na),
-      (l(!0), o(T, null, R(r.value, (m) => (l(), o(T, {
+      (l(!0), o(I, null, R(r.value, (m) => (l(), o(I, {
         key: m.type === "page" ? m.page : m.key
       }, [
         m.type === "ellipsis" ? (l(), o("span", oa, "…")) : (l(), o("button", {
@@ -978,22 +978,22 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
           class: y(["page-btn", { active: m.page === e.page }]),
           "aria-label": `Page ${m.page}`,
           "aria-current": m.page === e.page ? "page" : void 0,
-          onClick: (g) => d(m.page)
+          onClick: (h) => u(m.page)
         }, C(m.page), 11, ia))
       ], 64))), 128)),
       c("button", {
         class: "page-btn nav-btn",
         disabled: e.page >= e.pageCount,
         "aria-label": "Next page",
-        onClick: i[2] || (i[2] = (m) => d(e.page + 1))
+        onClick: i[2] || (i[2] = (m) => u(e.page + 1))
       }, " › ", 8, ra),
       e.showFirstLast ? (l(), o("button", {
         key: 1,
         class: "page-btn nav-btn",
         disabled: e.page >= e.pageCount,
         "aria-label": "Last page",
-        onClick: i[3] || (i[3] = (m) => d(e.pageCount))
-      }, " » ", 8, da)) : w("", !0)
+        onClick: i[3] || (i[3] = (m) => u(e.pageCount))
+      }, " » ", 8, da)) : L("", !0)
     ]));
   }
 }), ua = ["aria-label", "aria-valuenow", "aria-valuemax"], ca = { class: "track" }, Qt = /* @__PURE__ */ v({
@@ -1016,7 +1016,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       `size-${t.size}`,
       t.indeterminate && "is-indeterminate"
     ].filter(Boolean));
-    return (r, d) => (l(), o("div", {
+    return (r, u) => (l(), o("div", {
       class: y(n.value),
       role: "progressbar",
       "aria-label": e.label,
@@ -1066,82 +1066,82 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const a = e, s = t, n = B(null), r = B(null), d = B(""), u = B(!1), i = B(-1);
+    const a = e, s = t, n = B(null), r = B(null), u = B(""), d = B(!1), i = B(-1);
     let m = Math.random().toString(36).slice(2);
-    const g = `llm-combobox-input-${m}`, $ = `llm-combobox-panel-${m}`, b = p(
-      () => a.options.find((S) => S.value === a.value)?.label ?? ""
+    const h = `llm-combobox-input-${m}`, $ = `llm-combobox-panel-${m}`, b = p(
+      () => a.options.find((D) => D.value === a.value)?.label ?? ""
     ), k = p(() => {
-      const S = d.value.toLowerCase();
-      return S ? a.options.filter((A) => A.label.toLowerCase().includes(S)) : a.options;
-    }), L = p(
+      const D = u.value.toLowerCase();
+      return D ? a.options.filter((A) => A.label.toLowerCase().includes(D)) : a.options;
+    }), _ = p(
       () => i.value >= 0 ? `${$}-option-${i.value}` : void 0
     ), f = p(() => [
       "llm-combobox",
-      u.value && "is-open",
+      d.value && "is-open",
       a.disabled && "is-disabled",
       a.invalid && "is-invalid"
     ]);
     z(
       () => a.value,
       () => {
-        u.value || (d.value = b.value);
+        d.value || (u.value = b.value);
       },
       { immediate: !0 }
     );
-    function _() {
-      a.disabled || a.readonly || u.value || (u.value = !0, i.value = -1, document.addEventListener("click", D));
+    function w() {
+      a.disabled || a.readonly || d.value || (d.value = !0, i.value = -1, document.addEventListener("click", S));
     }
     function x() {
-      u.value && (u.value = !1, i.value = -1, document.removeEventListener("click", D));
+      d.value && (d.value = !1, i.value = -1, document.removeEventListener("click", S));
     }
-    function D(S) {
-      r.value?.contains(S.target) || (d.value = b.value, x());
+    function S(D) {
+      r.value?.contains(D.target) || (u.value = b.value, x());
     }
     Y(() => {
-      document.removeEventListener("click", D);
+      document.removeEventListener("click", S);
     });
-    function F(S) {
-      S.disabled || a.disabled || a.readonly || (s("update:value", S.value), d.value = S.label, x(), n.value?.focus());
+    function F(D) {
+      D.disabled || a.disabled || a.readonly || (s("update:value", D.value), u.value = D.label, x(), n.value?.focus());
     }
-    function oe(S) {
-      const A = S.target.value;
-      d.value = A, i.value = -1, A === "" && s("update:value", ""), u.value || _();
+    function oe(D) {
+      const A = D.target.value;
+      u.value = A, i.value = -1, A === "" && s("update:value", ""), d.value || w();
     }
     function ie() {
-      _();
+      w();
     }
     function re() {
-      d.value = b.value;
+      u.value = b.value;
     }
-    function de(S) {
+    function de(D) {
       const A = k.value;
-      switch (S.key) {
+      switch (D.key) {
         case "ArrowDown": {
-          if (S.preventDefault(), !u.value) {
-            _();
+          if (D.preventDefault(), !d.value) {
+            w();
             return;
           }
-          const I = i.value + 1;
-          i.value = I >= A.length ? 0 : I;
+          const T = i.value + 1;
+          i.value = T >= A.length ? 0 : T;
           break;
         }
         case "ArrowUp": {
-          if (S.preventDefault(), !u.value) {
-            _();
+          if (D.preventDefault(), !d.value) {
+            w();
             return;
           }
-          const I = i.value - 1;
-          i.value = I < 0 ? A.length - 1 : I;
+          const T = i.value - 1;
+          i.value = T < 0 ? A.length - 1 : T;
           break;
         }
         case "Enter": {
-          S.preventDefault();
-          const I = i.value;
-          u.value && I >= 0 && I < A.length && F(A[I]);
+          D.preventDefault();
+          const T = i.value;
+          d.value && T >= 0 && T < A.length && F(A[T]);
           break;
         }
         case "Escape": {
-          S.preventDefault(), d.value = b.value, x();
+          D.preventDefault(), u.value = b.value, x();
           break;
         }
         case "Tab": {
@@ -1150,7 +1150,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
         }
       }
     }
-    return (S, A) => (l(), o("div", {
+    return (D, A) => (l(), o("div", {
       ref_key: "containerRef",
       ref: r,
       class: y(f.value)
@@ -1163,18 +1163,18 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
           type: "text",
           autocomplete: "off",
           role: "combobox",
-          id: g,
-          "aria-expanded": u.value,
+          id: h,
+          "aria-expanded": d.value,
           "aria-controls": $,
           "aria-autocomplete": "list",
-          "aria-activedescendant": L.value,
+          "aria-activedescendant": _.value,
           "aria-invalid": e.invalid || void 0,
           disabled: e.disabled,
           readonly: e.readonly,
           required: e.required,
           name: e.name || void 0,
           placeholder: e.placeholder,
-          value: d.value,
+          value: u.value,
           onInput: oe,
           onFocus: ie,
           onBlur: re,
@@ -1200,30 +1200,30 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
           ])
         ], -1))
       ]),
-      u.value ? (l(), o("ul", {
+      d.value ? (l(), o("ul", {
         key: 0,
         id: $,
         class: "llm-combobox-panel",
         role: "listbox",
-        "aria-labelledby": g
+        "aria-labelledby": h
       }, [
-        k.value.length > 0 ? (l(!0), o(T, { key: 0 }, R(k.value, (I, K) => (l(), o("li", {
-          key: I.value,
+        k.value.length > 0 ? (l(!0), o(I, { key: 0 }, R(k.value, (T, K) => (l(), o("li", {
+          key: T.value,
           id: `${$}-option-${K}`,
           role: "option",
           class: y([
             "llm-combobox-option",
             i.value === K && "is-active",
-            I.value === e.value && "is-selected",
-            I.disabled && "is-disabled"
+            T.value === e.value && "is-selected",
+            T.disabled && "is-disabled"
           ]),
-          "aria-selected": I.value === e.value,
-          "aria-disabled": I.disabled || void 0,
-          onMousedown: (ue) => F(I),
+          "aria-selected": T.value === e.value,
+          "aria-disabled": T.disabled || void 0,
+          onMousedown: (ue) => F(T),
           onMouseenter: (ue) => i.value = K
         }, [
-          c("span", null, C(I.label), 1),
-          I.value === e.value ? (l(), o("svg", va, [...A[1] || (A[1] = [
+          c("span", null, C(T.label), 1),
+          T.value === e.value ? (l(), o("svg", va, [...A[1] || (A[1] = [
             c("path", {
               d: "M2 7l4 4 6-7",
               stroke: "currentColor",
@@ -1231,15 +1231,15 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
               "stroke-linecap": "round",
               "stroke-linejoin": "round"
             }, null, -1)
-          ])])) : w("", !0)
+          ])])) : L("", !0)
         ], 42, pa))), 128)) : (l(), o("li", ba, " No results found. "))
-      ])) : w("", !0),
+      ])) : L("", !0),
       e.invalid && e.errors.length > 0 ? (l(), o("div", ha, [
-        (l(!0), o(T, null, R(e.errors, (I, K) => (l(), o("p", {
+        (l(!0), o(I, null, R(e.errors, (T, K) => (l(), o("p", {
           key: K,
           class: "llm-combobox-error-message"
-        }, C(I), 1))), 128))
-      ])) : w("", !0)
+        }, C(T), 1))), 128))
+      ])) : L("", !0)
     ], 2));
   }
 }), ga = ["aria-invalid", "aria-required"], ya = {
@@ -1277,29 +1277,44 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       get invalid() {
         return a.invalid ?? !1;
       },
-      onSelect(r) {
-        !a.disabled && !a.readonly && s("update:value", r);
+      onSelect(d) {
+        !a.disabled && !a.readonly && s("update:value", d);
       }
     });
     const n = p(() => [
       "llm-radio-group",
       a.invalid && "is-invalid",
       a.disabled && "is-disabled"
-    ]);
-    return (r, d) => (l(), o("div", {
+    ]), r = B(null);
+    function u(d) {
+      if (a.disabled || a.readonly) return;
+      const i = d.key === "ArrowDown" || d.key === "ArrowRight", m = d.key === "ArrowUp" || d.key === "ArrowLeft";
+      if (!i && !m) return;
+      const h = Array.from(
+        r.value?.querySelectorAll('input[type="radio"]') ?? []
+      ).filter((f) => !f.disabled);
+      if (h.length === 0) return;
+      d.preventDefault();
+      const $ = h.findIndex((f) => f.value === a.value), k = (($ === -1 ? i ? -1 : 0 : $) + (i ? 1 : -1) + h.length) % h.length, _ = h[k];
+      _.focus(), s("update:value", _.value);
+    }
+    return (d, i) => (l(), o("div", {
+      ref_key: "groupRef",
+      ref: r,
       class: y(n.value),
       role: "radiogroup",
       "aria-invalid": e.invalid || void 0,
-      "aria-required": e.required || void 0
+      "aria-required": e.required || void 0,
+      onKeydown: u
     }, [
-      h(r.$slots, "default"),
+      g(d.$slots, "default"),
       e.errors.length > 0 ? (l(), o("div", ya, [
-        (l(!0), o(T, null, R(e.errors, (u, i) => (l(), o("p", {
-          key: i,
+        (l(!0), o(I, null, R(e.errors, (m, h) => (l(), o("p", {
+          key: h,
           class: "error-message"
-        }, C(u), 1))), 128))
-      ])) : w("", !0)
-    ], 10, ga));
+        }, C(m), 1))), 128))
+      ])) : L("", !0)
+    ], 42, ga));
   }
 }), $a = ["name", "value", "checked", "disabled"], ka = {
   key: 0,
@@ -1326,10 +1341,10 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       n.value && "is-checked",
       a.invalid && "is-invalid"
     ].filter(Boolean));
-    function d() {
+    function u() {
       !s.value && !a.readonly && a.onSelect(t.radioValue);
     }
-    return (u, i) => (l(), o("label", {
+    return (d, i) => (l(), o("label", {
       class: y(r.value)
     }, [
       c("input", {
@@ -1339,15 +1354,15 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
         checked: n.value,
         disabled: s.value,
         class: "radio-input",
-        onChange: d
+        onChange: u
       }, null, 40, $a),
       i[0] || (i[0] = c("span", {
         class: "radio-indicator",
         "aria-hidden": "true"
       }, null, -1)),
-      u.$slots.default ? (l(), o("span", ka, [
-        h(u.$slots, "default")
-      ])) : w("", !0)
+      d.$slots.default ? (l(), o("span", ka, [
+        g(d.$slots, "default")
+      ])) : L("", !0)
     ], 2));
   }
 }), _a = ["for"], wa = { class: "select-wrapper" }, La = ["id", "name", "value", "disabled", "required", "aria-invalid", "aria-describedby"], xa = {
@@ -1371,22 +1386,22 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const a = e, s = t, n = O(), r = O(), d = p(() => [
+    const a = e, s = t, n = O(), r = O(), u = p(() => [
       "llm-select",
       a.invalid && "is-invalid",
       a.disabled && "is-disabled"
     ]);
-    function u(i) {
+    function d(i) {
       a.readonly || a.disabled || s("update:value", i.target.value);
     }
     return (i, m) => (l(), o("div", {
-      class: y(d.value)
+      class: y(u.value)
     }, [
       e.label ? (l(), o("label", {
         key: 0,
         for: M(n),
         class: "select-label"
-      }, C(e.label), 9, _a)) : w("", !0),
+      }, C(e.label), 9, _a)) : L("", !0),
       c("div", wa, [
         c("select", {
           id: M(n),
@@ -1397,10 +1412,10 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
           "aria-invalid": e.invalid || void 0,
           "aria-describedby": e.errors.length > 0 ? M(r) : void 0,
           class: "select-native",
-          onChange: u
+          onChange: d
         }, [
-          e.placeholder ? (l(), o("option", xa, C(e.placeholder), 1)) : w("", !0),
-          h(i.$slots, "default")
+          e.placeholder ? (l(), o("option", xa, C(e.placeholder), 1)) : L("", !0),
+          g(i.$slots, "default")
         ], 40, La),
         m[0] || (m[0] = c("span", {
           class: "select-arrow",
@@ -1413,11 +1428,11 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
         class: "errors",
         role: "alert"
       }, [
-        (l(!0), o(T, null, R(e.errors, (g, $) => (l(), o("p", {
+        (l(!0), o(I, null, R(e.errors, (h, $) => (l(), o("p", {
           key: $,
           class: "error-message"
-        }, C(g), 1))), 128))
-      ], 8, Ca)) : w("", !0)
+        }, C(h), 1))), 128))
+      ], 8, Ca)) : L("", !0)
     ], 2));
   }
 }), Ba = ["value", "disabled"], ll = /* @__PURE__ */ v({
@@ -1432,7 +1447,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       value: e.optionValue,
       disabled: e.disabled
     }, [
-      h(t.$slots, "default")
+      g(t.$slots, "default")
     ], 8, Ba));
   }
 }), sl = /* @__PURE__ */ v({
@@ -1446,13 +1461,13 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   },
   setup(e) {
     const t = e;
-    function a(r, d, u) {
-      if (u) return u;
+    function a(r, u, d) {
+      if (d) return d;
       switch (r) {
         case "text":
           return "1em";
         case "circular":
-          return d;
+          return u;
         case "rectangular":
           return "100px";
         default:
@@ -1467,23 +1482,23 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       width: t.width,
       height: a(t.variant, t.width, t.height)
     }));
-    return (r, d) => (l(), o("div", {
+    return (r, u) => (l(), o("div", {
       class: y(s.value),
       style: P(n.value),
       "aria-hidden": "true"
     }, null, 6));
   }
-}), Ta = {
+}), Ia = {
   class: "stepper-header",
   role: "tablist"
-}, Ia = ["id", "aria-label", "aria-selected", "aria-controls", "aria-disabled", "tabindex", "disabled", "onClick"], Sa = {
+}, Ta = ["id", "aria-label", "aria-selected", "aria-controls", "aria-disabled", "tabindex", "disabled", "onClick"], Da = {
   key: 0,
   width: "14",
   height: "14",
   viewBox: "0 0 14 14",
   fill: "none",
   "aria-hidden": "true"
-}, Da = {
+}, Sa = {
   key: 1,
   width: "14",
   height: "14",
@@ -1506,28 +1521,28 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   },
   emits: ["update:activeStep"],
   setup(e, { emit: t }) {
-    const a = e, s = t, n = B(a.activeStep), r = B([]), d = p(() => a.linear);
+    const a = e, s = t, n = B(a.activeStep), r = B([]), u = p(() => a.linear);
     z(
       () => a.activeStep,
       (f) => {
         n.value = f;
       }
     );
-    function u(f) {
+    function d(f) {
       r.value.push(f);
     }
     function i(f) {
-      r.value = r.value.filter((_) => _.id !== f);
+      r.value = r.value.filter((w) => w.id !== f);
     }
-    function m(f, _) {
-      const x = r.value.findIndex((D) => D.id === f);
-      x !== -1 && (r.value[x] = { ...r.value[x], ..._ });
+    function m(f, w) {
+      const x = r.value.findIndex((S) => S.id === f);
+      x !== -1 && (r.value[x] = { ...r.value[x], ...w });
     }
-    function g(f) {
+    function h(f) {
       f < 0 || f >= r.value.length || r.value[f].disabled || a.linear && f > n.value && !r.value.slice(0, f).every((x) => x.completed || x.optional) || (n.value = f, s("update:activeStep", f));
     }
     function $() {
-      g(n.value + 1);
+      h(n.value + 1);
     }
     function b() {
       const f = n.value - 1;
@@ -1536,29 +1551,29 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
     E(se, {
       activeStep: n,
       steps: r,
-      linear: d,
-      registerStep: u,
+      linear: u,
+      registerStep: d,
       unregisterStep: i,
       updateStep: m,
-      goTo: g,
+      goTo: h,
       next: $,
       prev: b
     });
     const k = p(() => ["llm-stepper", `orientation-${a.orientation}`]);
-    function L(f) {
+    function _(f) {
       return n.value > f || r.value[f]?.completed;
     }
-    return (f, _) => (l(), o("div", {
+    return (f, w) => (l(), o("div", {
       class: y(k.value)
     }, [
-      c("div", Ta, [
-        (l(!0), o(T, null, R(r.value, (x, D) => (l(), o(T, {
+      c("div", Ia, [
+        (l(!0), o(I, null, R(r.value, (x, S) => (l(), o(I, {
           key: x.id
         }, [
           c("div", {
             class: y(["step-item", {
-              "is-active": n.value === D,
-              "is-completed": x.completed && n.value !== D,
+              "is-active": n.value === S,
+              "is-completed": x.completed && n.value !== S,
               "is-error": x.error,
               "is-disabled": x.disabled
             }])
@@ -1567,16 +1582,16 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
               type: "button",
               role: "tab",
               class: "step-circle",
-              id: `llm-step-${D}`,
+              id: `llm-step-${S}`,
               "aria-label": x.label,
-              "aria-selected": n.value === D,
-              "aria-controls": `llm-step-panel-${D}`,
+              "aria-selected": n.value === S,
+              "aria-controls": `llm-step-panel-${S}`,
               "aria-disabled": x.disabled || void 0,
-              tabindex: n.value === D ? 0 : -1,
+              tabindex: n.value === S ? 0 : -1,
               disabled: x.disabled || void 0,
-              onClick: (F) => g(D)
+              onClick: (F) => h(S)
             }, [
-              x.completed && !x.error ? (l(), o("svg", Sa, [..._[0] || (_[0] = [
+              x.completed && !x.error ? (l(), o("svg", Da, [...w[0] || (w[0] = [
                 c("path", {
                   d: "M2 7L5.5 10.5L12 3.5",
                   stroke: "currentColor",
@@ -1584,31 +1599,31 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
                   "stroke-linecap": "round",
                   "stroke-linejoin": "round"
                 }, null, -1)
-              ])])) : x.error ? (l(), o("svg", Da, [..._[1] || (_[1] = [
+              ])])) : x.error ? (l(), o("svg", Sa, [...w[1] || (w[1] = [
                 c("path", {
                   d: "M3 3L11 11M11 3L3 11",
                   stroke: "currentColor",
                   "stroke-width": "2",
                   "stroke-linecap": "round"
                 }, null, -1)
-              ])])) : (l(), o(T, { key: 2 }, [
-                G(C(D + 1), 1)
+              ])])) : (l(), o(I, { key: 2 }, [
+                G(C(S + 1), 1)
               ], 64))
-            ], 8, Ia),
+            ], 8, Ta),
             c("div", Ma, [
               c("span", Aa, C(x.label), 1),
-              x.description ? (l(), o("span", Ra, C(x.description), 1)) : w("", !0),
-              x.optional && !x.completed ? (l(), o("span", za, "Optional")) : w("", !0)
+              x.description ? (l(), o("span", Ra, C(x.description), 1)) : L("", !0),
+              x.optional && !x.completed ? (l(), o("span", za, "Optional")) : L("", !0)
             ])
           ], 2),
-          D < r.value.length - 1 ? (l(), o("div", {
+          S < r.value.length - 1 ? (l(), o("div", {
             key: 0,
-            class: y(["step-connector", { "is-active": L(D) }])
-          }, null, 2)) : w("", !0)
+            class: y(["step-connector", { "is-active": _(S) }])
+          }, null, 2)) : L("", !0)
         ], 64))), 128))
       ]),
       c("div", qa, [
-        h(f.$slots, "default")
+        g(f.$slots, "default")
       ])
     ], 2));
   }
@@ -1646,12 +1661,12 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
         optional: t.optional,
         disabled: t.disabled
       }),
-      (d) => {
-        a.updateStep(s, d);
+      (u) => {
+        a.updateStep(s, u);
       }
     );
-    const n = p(() => a.steps.value.findIndex((d) => d.id === s)), r = p(() => n.value === a.activeStep.value);
-    return (d, u) => n.value >= 0 ? (l(), o("div", {
+    const n = p(() => a.steps.value.findIndex((u) => u.id === s)), r = p(() => n.value === a.activeStep.value);
+    return (u, d) => n.value >= 0 ? (l(), o("div", {
       key: 0,
       id: `llm-step-panel-${n.value}`,
       role: "tabpanel",
@@ -1659,8 +1674,8 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       hidden: !r.value,
       tabindex: "0"
     }, [
-      h(d.$slots, "default")
-    ], 8, Ha)) : w("", !0);
+      g(u.$slots, "default")
+    ], 8, Ha)) : L("", !0);
   }
 }), Ea = ["aria-label"], il = /* @__PURE__ */ v({
   name: "LlmTable",
@@ -1688,7 +1703,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
         "aria-label": e.ariaLabel ?? "Table"
       }, [
         c("table", null, [
-          h(s.$slots, "default")
+          g(s.$slots, "default")
         ])
       ], 8, Ea)
     ], 2));
@@ -1698,7 +1713,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   __name: "llm-thead",
   setup(e) {
     return (t, a) => (l(), o("thead", null, [
-      h(t.$slots, "default")
+      g(t.$slots, "default")
     ]));
   }
 }), Oa = { key: 1 }, Ka = ["colspan"], dl = /* @__PURE__ */ v({
@@ -1715,9 +1730,9 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
           colspan: e.colSpan,
           class: "llm-tbody-empty-cell"
         }, [
-          h(t.$slots, "empty")
+          g(t.$slots, "empty")
         ], 8, Ka)
-      ])) : h(t.$slots, "default", { key: 0 })
+      ])) : g(t.$slots, "default", { key: 0 })
     ]));
   }
 }), ja = ["aria-selected"], Ga = {
@@ -1742,8 +1757,8 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
           checked: e.selected,
           "onUpdate:checked": n[0] || (n[0] = (r) => a("update:selected", r))
         }, null, 8, ["checked"])
-      ])) : w("", !0),
-      h(s.$slots, "default")
+      ])) : L("", !0),
+      g(s.$slots, "default")
     ], 10, ja));
   }
 }), Pa = ["aria-sort"], cl = /* @__PURE__ */ v({
@@ -1768,11 +1783,11 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       if (a.sortable)
         return a.sortDirection === "asc" ? "ascending" : a.sortDirection === "desc" ? "descending" : "none";
     });
-    function d() {
-      const u = a.sortDirection === null ? "asc" : a.sortDirection === "asc" ? "desc" : null;
-      s("sort", u);
+    function u() {
+      const d = a.sortDirection === null ? "asc" : a.sortDirection === "asc" ? "desc" : null;
+      s("sort", d);
     }
-    return (u, i) => (l(), o("th", {
+    return (d, i) => (l(), o("th", {
       class: y(n.value),
       "aria-sort": r.value,
       style: P(e.width ? { width: e.width } : void 0)
@@ -1781,9 +1796,9 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
         key: 0,
         type: "button",
         class: "llm-th-sort-btn",
-        onClick: d
+        onClick: u
       }, [
-        h(u.$slots, "default"),
+        g(d.$slots, "default"),
         i[0] || (i[0] = c("svg", {
           class: "llm-th-sort-icon",
           "aria-hidden": "true",
@@ -1803,7 +1818,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
             fill: "currentColor"
           })
         ], -1))
-      ])) : h(u.$slots, "default", { key: 1 })
+      ])) : g(d.$slots, "default", { key: 1 })
     ], 14, Pa));
   }
 }), ml = /* @__PURE__ */ v({
@@ -1817,7 +1832,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
     return (s, n) => (l(), o("td", {
       class: y(a.value)
     }, [
-      h(s.$slots, "default")
+      g(s.$slots, "default")
     ], 2));
   }
 }), Fa = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"], Na = { class: "tab-panels" }, ne = /* @__PURE__ */ Symbol("LlmTabGroup"), fl = /* @__PURE__ */ v({
@@ -1836,10 +1851,10 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
         n.value = b;
       }
     );
-    function d(b) {
+    function u(b) {
       r.value.push(b);
     }
-    function u(b) {
+    function d(b) {
       r.value = r.value.filter((k) => k.id !== b);
     }
     function i(b) {
@@ -1848,19 +1863,19 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
     E(ne, {
       selectedIndex: n,
       tabs: r,
-      registerTab: d,
-      unregisterTab: u,
+      registerTab: u,
+      unregisterTab: d,
       selectTab: i
     });
     function m(b) {
-      const k = r.value.map((f, _) => ({ i: _, disabled: f.disabled })).filter((f) => !f.disabled).map((f) => f.i), L = k.indexOf(n.value);
+      const k = r.value.map((f, w) => ({ i: w, disabled: f.disabled })).filter((f) => !f.disabled).map((f) => f.i), _ = k.indexOf(n.value);
       if (b.key === "ArrowRight") {
         b.preventDefault();
-        const f = k[(L + 1) % k.length];
+        const f = k[(_ + 1) % k.length];
         f !== void 0 && i(f);
       } else if (b.key === "ArrowLeft") {
         b.preventDefault();
-        const f = k[(L - 1 + k.length) % k.length];
+        const f = k[(_ - 1 + k.length) % k.length];
         f !== void 0 && i(f);
       } else if (b.key === "Home")
         b.preventDefault(), k[0] !== void 0 && i(k[0]);
@@ -1870,7 +1885,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
         f !== void 0 && i(f);
       }
     }
-    const g = `llm-tab-group-${Math.random().toString(36).slice(2, 9)}`, $ = p(() => ["llm-tab-group", `variant-${a.variant}`]);
+    const h = `llm-tab-group-${Math.random().toString(36).slice(2, 9)}`, $ = p(() => ["llm-tab-group", `variant-${a.variant}`]);
     return (b, k) => (l(), o("div", {
       class: y($.value)
     }, [
@@ -1879,21 +1894,21 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
         role: "tablist",
         onKeydown: m
       }, [
-        (l(!0), o(T, null, R(r.value, (L, f) => (l(), o("button", {
-          key: L.id,
+        (l(!0), o(I, null, R(r.value, (_, f) => (l(), o("button", {
+          key: _.id,
           role: "tab",
-          id: `${g}-tab-${f}`,
+          id: `${h}-tab-${f}`,
           "aria-selected": f === n.value,
-          "aria-controls": `${g}-panel-${f}`,
+          "aria-controls": `${h}-panel-${f}`,
           tabindex: f === n.value ? 0 : -1,
-          disabled: L.disabled,
-          class: y(["tab-button", f === n.value && "is-active", L.disabled && "is-disabled"]),
+          disabled: _.disabled,
+          class: y(["tab-button", f === n.value && "is-active", _.disabled && "is-disabled"]),
           type: "button",
-          onClick: (_) => !L.disabled && i(f)
-        }, C(L.label), 11, Fa))), 128))
+          onClick: (w) => !_.disabled && i(f)
+        }, C(_.label), 11, Fa))), 128))
       ], 32),
       c("div", Na, [
-        h(b.$slots, "default", { groupId: g })
+        g(b.$slots, "default", { groupId: h })
       ])
     ], 2));
   }
@@ -1911,9 +1926,9 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
     }), j(() => {
       a.unregisterTab(s);
     });
-    const n = p(() => a.tabs.value.findIndex((d) => d.id === s)), r = p(() => n.value === a.selectedIndex.value);
+    const n = p(() => a.tabs.value.findIndex((u) => u.id === s)), r = p(() => n.value === a.selectedIndex.value);
     return p(() => {
-    }), (d, u) => n.value >= 0 ? (l(), o("div", {
+    }), (u, d) => n.value >= 0 ? (l(), o("div", {
       key: 0,
       role: "tabpanel",
       hidden: !r.value,
@@ -1921,8 +1936,8 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
       "aria-labelledby": void 0,
       tabindex: "0"
     }, [
-      h(d.$slots, "default")
-    ], 8, Va)) : w("", !0);
+      g(u.$slots, "default")
+    ], 8, Va)) : L("", !0);
   }
 }), Ua = ["for"], Wa = { class: "textarea-field" }, Ja = ["id", "value", "rows", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], Ya = {
   key: 1,
@@ -1948,14 +1963,14 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
   emits: ["update:value"],
   setup(e, { emit: t }) {
     const a = e, s = t, n = B(null), r = p(() => a.id || (a.label ? `textarea-${Math.random().toString(36).slice(2)}` : void 0));
-    function d() {
+    function u() {
       a.autoResize && n.value && (n.value.style.height = "auto", n.value.style.height = `${n.value.scrollHeight}px`);
     }
     z(() => a.value, async () => {
-      await Z(), d();
-    }), H(() => d());
-    function u(i) {
-      s("update:value", i.target.value), d();
+      await Z(), u();
+    }), H(() => u());
+    function d(i) {
+      s("update:value", i.target.value), u();
     }
     return (i, m) => (l(), o("div", {
       class: y(["llm-textarea", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
@@ -1964,7 +1979,7 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
         key: 0,
         for: r.value,
         class: "textarea-label"
-      }, C(e.label), 9, Ua)) : w("", !0),
+      }, C(e.label), 9, Ua)) : L("", !0),
       c("div", Wa, [
         c("textarea", {
           id: r.value,
@@ -1978,15 +1993,15 @@ const X = /* @__PURE__ */ Symbol("LlmAccordionGroup"), wt = /* @__PURE__ */ v({
           required: e.required,
           name: e.name,
           "aria-invalid": e.invalid || void 0,
-          onInput: u
+          onInput: d
         }, null, 40, Ja)
       ]),
       e.errors.length ? (l(), o("ul", Ya, [
-        (l(!0), o(T, null, R(e.errors, (g, $) => (l(), o("li", {
+        (l(!0), o(I, null, R(e.errors, (h, $) => (l(), o("li", {
           key: $,
           class: "error"
-        }, C(g), 1))), 128))
-      ])) : w("", !0)
+        }, C(h), 1))), 128))
+      ])) : L("", !0)
     ], 2));
   }
 }), U = /* @__PURE__ */ Symbol("LlmToast");
@@ -2003,15 +2018,15 @@ const hl = /* @__PURE__ */ v({
   __name: "llm-toast-provider",
   setup(e) {
     const t = B([]), a = /* @__PURE__ */ new Map();
-    function s(d, u = {}) {
-      const i = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, m = u.duration ?? 5e3, g = {
+    function s(u, d = {}) {
+      const i = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, m = d.duration ?? 5e3, h = {
         id: i,
-        message: d,
-        variant: u.variant ?? "default",
+        message: u,
+        variant: d.variant ?? "default",
         duration: m,
-        dismissible: u.dismissible ?? !0
+        dismissible: d.dismissible ?? !0
       };
-      if (t.value = [...t.value, g], m > 0) {
+      if (t.value = [...t.value, h], m > 0) {
         const $ = setTimeout(() => {
           n(i);
         }, m);
@@ -2019,17 +2034,17 @@ const hl = /* @__PURE__ */ v({
       }
       return i;
     }
-    function n(d) {
-      t.value = t.value.filter((i) => i.id !== d);
-      const u = a.get(d);
-      u !== void 0 && (clearTimeout(u), a.delete(d));
+    function n(u) {
+      t.value = t.value.filter((i) => i.id !== u);
+      const d = a.get(u);
+      d !== void 0 && (clearTimeout(d), a.delete(u));
     }
     function r() {
-      for (const d of a.values())
-        clearTimeout(d);
+      for (const u of a.values())
+        clearTimeout(u);
       a.clear(), t.value = [];
     }
-    return E(U, { toasts: t, show: s, dismiss: n, clear: r }), (d, u) => h(d.$slots, "default");
+    return E(U, { toasts: t, show: s, dismiss: n, clear: r }), (u, d) => g(u.$slots, "default");
   }
 }), Za = { class: "message" }, Qa = /* @__PURE__ */ v({
   name: "LlmToastItem",
@@ -2040,7 +2055,7 @@ const hl = /* @__PURE__ */ v({
   emits: ["dismiss"],
   setup(e, { emit: t }) {
     const a = e, s = t, n = p(() => ["llm-toast", `variant-${a.data.variant}`]);
-    return (r, d) => (l(), o("div", {
+    return (r, u) => (l(), o("div", {
       class: y(n.value),
       role: "status"
     }, [
@@ -2050,8 +2065,8 @@ const hl = /* @__PURE__ */ v({
         class: "dismiss",
         type: "button",
         "aria-label": "Dismiss",
-        onClick: d[0] || (d[0] = (u) => s("dismiss", e.data.id))
-      }, [...d[1] || (d[1] = [
+        onClick: u[0] || (u[0] = (d) => s("dismiss", e.data.id))
+      }, [...u[1] || (u[1] = [
         c("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "14",
@@ -2077,7 +2092,7 @@ const hl = /* @__PURE__ */ v({
             y2: "18"
           })
         ], -1)
-      ])])) : w("", !0)
+      ])])) : L("", !0)
     ], 2));
   }
 }), gl = /* @__PURE__ */ v({
@@ -2088,19 +2103,19 @@ const hl = /* @__PURE__ */ v({
   },
   setup(e) {
     const t = e, a = q(U), s = p(() => a.toasts.value);
-    function n(d) {
-      a.dismiss(d);
+    function n(u) {
+      a.dismiss(u);
     }
     const r = p(() => ["llm-toast-container", `position-${t.position}`]);
-    return (d, u) => (l(), o("div", {
+    return (u, d) => (l(), o("div", {
       class: y(r.value),
       "aria-live": "polite",
       role: "status"
     }, [
-      (l(!0), o(T, null, R(s.value, (i) => (l(), N(Qa, {
+      (l(!0), o(I, null, R(s.value, (i) => (l(), N(Qa, {
         key: i.id,
         data: i,
-        onDismiss: u[0] || (u[0] = (m) => n(m))
+        onDismiss: d[0] || (d[0] = (m) => n(m))
       }, null, 8, ["data"]))), 128))
     ], 2));
   }
@@ -2124,10 +2139,10 @@ const hl = /* @__PURE__ */ v({
   emits: ["update:checked"],
   setup(e, { emit: t }) {
     const a = e, s = t, n = p(() => a.id || `toggle-${Math.random().toString(36).slice(2)}`);
-    function r(d) {
-      a.readonly || s("update:checked", d.target.checked);
+    function r(u) {
+      a.readonly || s("update:checked", u.target.checked);
     }
-    return (d, u) => (l(), o("div", {
+    return (u, d) => (l(), o("div", {
       class: y(["llm-toggle", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
     }, [
       c("label", {
@@ -2146,17 +2161,17 @@ const hl = /* @__PURE__ */ v({
           "aria-checked": e.checked,
           onChange: r
         }, null, 40, et),
-        u[0] || (u[0] = c("span", { class: "track" }, [
+        d[0] || (d[0] = c("span", { class: "track" }, [
           c("span", { class: "thumb" })
         ], -1)),
-        h(d.$slots, "default")
+        g(u.$slots, "default")
       ], 8, Xa),
       e.errors.length ? (l(), o("ul", at, [
-        (l(!0), o(T, null, R(e.errors, (i, m) => (l(), o("li", {
+        (l(!0), o(I, null, R(e.errors, (i, m) => (l(), o("li", {
           key: m,
           class: "error"
         }, C(i), 1))), 128))
-      ])) : w("", !0)
+      ])) : L("", !0)
     ], 2));
   }
 }), $l = /* @__PURE__ */ v({
@@ -2175,12 +2190,12 @@ const hl = /* @__PURE__ */ v({
     function r() {
       s && (clearTimeout(s), s = null), n && (clearTimeout(n), n = null);
     }
-    function d() {
+    function u() {
       t.llmTooltipDisabled || !t.llmTooltip || (r(), s = setTimeout(() => {
         a.value = !0;
       }, t.llmTooltipShowDelay));
     }
-    function u() {
+    function d() {
       r(), n = setTimeout(() => {
         a.value = !1;
       }, t.llmTooltipHideDelay);
@@ -2188,20 +2203,20 @@ const hl = /* @__PURE__ */ v({
     function i(m) {
       m.key === "Escape" && (r(), a.value = !1);
     }
-    return Y(() => r()), (m, g) => (l(), o("span", {
+    return Y(() => r()), (m, h) => (l(), o("span", {
       class: "llm-tooltip-wrapper",
-      onMouseenter: d,
-      onMouseleave: u,
-      onFocus: d,
-      onBlur: u,
+      onMouseenter: u,
+      onMouseleave: d,
+      onFocus: u,
+      onBlur: d,
       onKeydown: i
     }, [
-      h(m.$slots, "default"),
+      g(m.$slots, "default"),
       a.value && !e.llmTooltipDisabled && e.llmTooltip ? (l(), o("div", {
         key: 0,
         role: "tooltip",
         class: y(`llm-tooltip position-${e.llmTooltipPosition}`)
-      }, C(e.llmTooltip), 3)) : w("", !0)
+      }, C(e.llmTooltip), 3)) : L("", !0)
     ], 32));
   }
 }), tt = { class: "llm-code-block" }, lt = { class: "code-block-header" }, st = { class: "code-block-label" }, nt = ["aria-label"], ot = { class: "code-block-body" }, it = { class: "code-block-pre" }, rt = { class: "code-line-number" }, dt = { class: "code-line-text" }, kl = /* @__PURE__ */ v({
@@ -2224,7 +2239,7 @@ const hl = /* @__PURE__ */ v({
         }, 1800);
       });
     }
-    return (d, u) => (l(), o("div", tt, [
+    return (u, d) => (l(), o("div", tt, [
       c("div", lt, [
         c("span", st, C(s.value), 1),
         e.copyable ? (l(), o("button", {
@@ -2234,8 +2249,8 @@ const hl = /* @__PURE__ */ v({
           "aria-label": a.value ? "Copied" : "Copy code",
           onClick: r
         }, [
-          a.value ? (l(), o(T, { key: 0 }, [
-            u[0] || (u[0] = c("svg", {
+          a.value ? (l(), o(I, { key: 0 }, [
+            d[0] || (d[0] = c("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "14",
               height: "14",
@@ -2249,9 +2264,9 @@ const hl = /* @__PURE__ */ v({
             }, [
               c("polyline", { points: "20 6 9 17 4 12" })
             ], -1)),
-            u[1] || (u[1] = G(" Copied ", -1))
-          ], 64)) : (l(), o(T, { key: 1 }, [
-            u[2] || (u[2] = c("svg", {
+            d[1] || (d[1] = G(" Copied ", -1))
+          ], 64)) : (l(), o(I, { key: 1 }, [
+            d[2] || (d[2] = c("svg", {
               xmlns: "http://www.w3.org/2000/svg",
               width: "14",
               height: "14",
@@ -2273,20 +2288,20 @@ const hl = /* @__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)),
-            u[3] || (u[3] = G(" Copy ", -1))
+            d[3] || (d[3] = G(" Copy ", -1))
           ], 64))
-        ], 8, nt)) : w("", !0)
+        ], 8, nt)) : L("", !0)
       ]),
       c("div", ot, [
         c("pre", it, [
           c("code", null, [
-            e.showLineNumbers ? (l(!0), o(T, { key: 0 }, R(n.value, (i, m) => (l(), o("span", {
+            e.showLineNumbers ? (l(!0), o(I, { key: 0 }, R(n.value, (i, m) => (l(), o("span", {
               key: m,
               class: "code-line"
             }, [
               c("span", rt, C(m + 1), 1),
               c("span", dt, C(i), 1)
-            ]))), 128)) : (l(), o(T, { key: 1 }, [
+            ]))), 128)) : (l(), o(I, { key: 1 }, [
               G(C(e.code), 1)
             ], 64))
           ])
@@ -2304,7 +2319,7 @@ const hl = /* @__PURE__ */ v({
   },
   emits: ["update:open"],
   setup(e, { emit: t }) {
-    const a = e, s = t, n = B(null), r = Q("hostRef"), d = O(), u = pe(a, "status");
+    const a = e, s = t, n = B(null), r = Q("hostRef"), u = O(), d = pe(a, "status");
     function i() {
       s("update:open", !1);
     }
@@ -2312,35 +2327,35 @@ const hl = /* @__PURE__ */ v({
       s("update:open", !a.open);
     }
     E(W, {
-      headerId: d,
-      status: u,
+      headerId: u,
+      status: d,
       close: i,
       toggle: m
     }), z(
       () => a.open,
-      (L) => {
+      (_) => {
         if (a.variant !== "drawer") return;
         const f = n.value;
-        f && (L ? f.open || f.showModal() : f.open && f.close());
+        f && (_ ? f.open || f.showModal() : f.open && f.close());
       },
       { flush: "post" }
     ), z(
       () => a.open,
-      async (L) => {
-        L && a.variant !== "inline" && (await Z(), requestAnimationFrame(() => {
+      async (_) => {
+        _ && a.variant !== "inline" && (await Z(), requestAnimationFrame(() => {
           r.value?.querySelector("textarea")?.focus();
         }));
       },
       { flush: "post", immediate: !0 }
     );
-    function g() {
+    function h() {
       s("update:open", !1);
     }
-    function $(L) {
-      L.preventDefault(), s("update:open", !1);
+    function $(_) {
+      _.preventDefault(), s("update:open", !1);
     }
-    function b(L) {
-      L.target === n.value && s("update:open", !1);
+    function b(_) {
+      _.target === n.value && s("update:open", !1);
     }
     const k = p(() => [
       "llm-chat",
@@ -2348,7 +2363,7 @@ const hl = /* @__PURE__ */ v({
       `status-${a.status}`,
       a.open && "is-open"
     ]);
-    return (L, f) => (l(), o("div", {
+    return (_, f) => (l(), o("div", {
       ref_key: "hostRef",
       ref: r,
       class: y(k.value)
@@ -2357,9 +2372,9 @@ const hl = /* @__PURE__ */ v({
         key: 0,
         ref_key: "dialogRef",
         ref: n,
-        "aria-labelledby": M(d),
+        "aria-labelledby": M(u),
         "aria-modal": "true",
-        onClose: g,
+        onClose: h,
         onCancel: $,
         onClick: b
       }, [
@@ -2368,17 +2383,17 @@ const hl = /* @__PURE__ */ v({
           onClick: f[0] || (f[0] = V(() => {
           }, ["stop"]))
         }, [
-          h(L.$slots, "default")
+          g(_.$slots, "default")
         ])
-      ], 40, ut)) : e.variant === "popup" ? (l(), o(T, { key: 1 }, [
+      ], 40, ut)) : e.variant === "popup" ? (l(), o(I, { key: 1 }, [
         e.open ? (l(), o("div", {
           key: 0,
           class: "surface popup-surface",
           role: "dialog",
-          "aria-labelledby": M(d)
+          "aria-labelledby": M(u)
         }, [
-          h(L.$slots, "default")
-        ], 8, ct)) : w("", !0),
+          g(_.$slots, "default")
+        ], 8, ct)) : L("", !0),
         c("button", {
           type: "button",
           class: "fab-bubble",
@@ -2391,9 +2406,9 @@ const hl = /* @__PURE__ */ v({
       ], 64)) : (l(), o("section", {
         key: 2,
         class: "surface inline-surface",
-        "aria-labelledby": M(d)
+        "aria-labelledby": M(u)
       }, [
-        h(L.$slots, "default")
+        g(_.$slots, "default")
       ], 8, ft))
     ], 2));
   }
@@ -2414,7 +2429,7 @@ const hl = /* @__PURE__ */ v({
       class: "llm-chat-header"
     }, [
       c("div", vt, [
-        h(a.$slots, "default")
+        g(a.$slots, "default")
       ]),
       c("button", {
         type: "button",
@@ -2470,7 +2485,7 @@ const hl = /* @__PURE__ */ v({
       ref: t,
       class: "llm-chat-messages"
     }, [
-      h(s.$slots, "default")
+      g(s.$slots, "default")
     ], 512));
   }
 }), xl = /* @__PURE__ */ v({
@@ -2490,7 +2505,7 @@ const hl = /* @__PURE__ */ v({
       role: "listitem",
       class: y(a.value)
     }, [
-      h(s.$slots, "default")
+      g(s.$slots, "default")
     ], 2));
   }
 }), Cl = /* @__PURE__ */ v({
@@ -2532,14 +2547,14 @@ const hl = /* @__PURE__ */ v({
       c("button", {
         type: "button",
         class: "chip",
-        onClick: r[0] || (r[0] = (d) => s("selected", a.label))
+        onClick: r[0] || (r[0] = (u) => s("selected", a.label))
       }, [
         c("span", ht, C(a.label), 1),
-        a.hint ? (l(), o("span", gt, C(a.hint), 1)) : w("", !0)
+        a.hint ? (l(), o("span", gt, C(a.hint), 1)) : L("", !0)
       ])
     ]));
   }
-}), yt = { class: "llm-chat-input" }, $t = ["value", "placeholder", "disabled", "aria-label"], kt = ["disabled"], Tl = /* @__PURE__ */ v({
+}), yt = { class: "llm-chat-input" }, $t = ["value", "placeholder", "disabled", "aria-label"], kt = ["disabled"], Il = /* @__PURE__ */ v({
   name: "LlmChatInput",
   __name: "llm-chat-input",
   props: {
@@ -2556,10 +2571,10 @@ const hl = /* @__PURE__ */ v({
       },
       toggle: () => {
       }
-    }), r = B(""), d = p(() => a.value !== void 0), u = p({
-      get: () => d.value ? a.value ?? "" : r.value,
+    }), r = B(""), u = p(() => a.value !== void 0), d = p({
+      get: () => u.value ? a.value ?? "" : r.value,
       set: (k) => {
-        d.value || (r.value = k), s("update:value", k);
+        u.value || (r.value = k), s("update:value", k);
       }
     }), i = p(() => n.status.value === "streaming"), m = p(() => {
       if (a.placeholder) return a.placeholder;
@@ -2572,22 +2587,22 @@ const hl = /* @__PURE__ */ v({
           return "Message your AI assistant…";
       }
     });
-    function g() {
-      const k = u.value.trim();
-      !k || i.value || (s("send", k), u.value = "");
+    function h() {
+      const k = d.value.trim();
+      !k || i.value || (s("send", k), d.value = "");
     }
     function $(k) {
-      k.key === "Enter" && !k.shiftKey && (k.preventDefault(), g());
+      k.key === "Enter" && !k.shiftKey && (k.preventDefault(), h());
     }
     function b(k) {
-      const L = k.target;
-      u.value = L.value;
+      const _ = k.target;
+      d.value = _.value;
     }
-    return (k, L) => (l(), o("div", yt, [
+    return (k, _) => (l(), o("div", yt, [
       c("textarea", {
         class: "field",
         rows: "1",
-        value: u.value,
+        value: d.value,
         placeholder: m.value,
         disabled: i.value,
         "aria-label": a.ariaLabel,
@@ -2598,13 +2613,13 @@ const hl = /* @__PURE__ */ v({
         key: 0,
         type: "button",
         class: "action-btn variant-danger size-md",
-        onClick: L[0] || (L[0] = (f) => s("stop"))
+        onClick: _[0] || (_[0] = (f) => s("stop"))
       }, " Stop ")) : (l(), o("button", {
         key: 1,
         type: "button",
         class: "action-btn variant-primary size-md",
-        disabled: !u.value.trim(),
-        onClick: g
+        disabled: !d.value.trim(),
+        onClick: h
       }, " Send ", 8, kt))
     ]));
   }
@@ -2615,10 +2630,10 @@ export {
   Lt as LlmAccordionItem,
   Ct as LlmAlert,
   Bt as LlmAvatar,
-  Tt as LlmAvatarGroup,
-  It as LlmBadge,
+  It as LlmAvatarGroup,
+  Tt as LlmBadge,
   Mt as LlmBreadcrumbItem,
-  Dt as LlmBreadcrumbs,
+  St as LlmBreadcrumbs,
   At as LlmButton,
   Rt as LlmCard,
   qt as LlmCardContent,
@@ -2626,7 +2641,7 @@ export {
   zt as LlmCardHeader,
   _l as LlmChat,
   wl as LlmChatHeader,
-  Tl as LlmChatInput,
+  Il as LlmChatInput,
   W as LlmChatKey,
   xl as LlmChatMessage,
   Ll as LlmChatMessages,
@@ -2643,7 +2658,7 @@ export {
   Ft as LlmDrawerContent,
   Nt as LlmDrawerFooter,
   Pt as LlmDrawerHeader,
-  St as LlmIcon,
+  Dt as LlmIcon,
   Vt as LlmInput,
   Wt as LlmMenu,
   Jt as LlmMenuItem,