@atelier-ui/vue 0.0.11 → 0.0.13

package/index.mjs

@@ -1,5 +1,5 @@
-import { defineComponent as v, ref as x, provide as D, computed as f, openBlock as n, createElementBlock as o, normalizeClass as b, renderSlot as h, useId as z, inject as I, onMounted as M, watch as S, onBeforeUnmount as A, createElementVNode as m, createCommentVNode as _, toDisplayString as w, useSlots as U, Fragment as C, renderList as T, createBlock as G, resolveDynamicComponent as N, normalizeStyle as R, unref as B, withModifiers as H, nextTick as W, onUnmounted as J } from "vue";
-const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
+import { defineComponent as p, ref as B, provide as E, computed as v, openBlock as s, createElementBlock as n, normalizeClass as g, renderSlot as h, useId as j, inject as R, onMounted as H, watch as A, onBeforeUnmount as F, createElementVNode as c, createCommentVNode as k, toDisplayString as x, useSlots as ie, Fragment as D, renderList as z, createBlock as N, resolveDynamicComponent as re, normalizeStyle as P, unref as q, withModifiers as U, onUnmounted as Z, createTextVNode as O, createVNode as de, nextTick as ue } from "vue";
+const J = /* @__PURE__ */ Symbol("LlmAccordionGroup"), tt = /* @__PURE__ */ p({
   name: "LlmAccordionGroup",
   __name: "llm-accordion-group",
   props: {
@@ -7,34 +7,34 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
     variant: { default: "default" }
   },
   setup(e) {
-    const t = e, a = x(/* @__PURE__ */ new Set()), i = /* @__PURE__ */ new Map();
-    function l(s) {
-      const c = new Set(a.value);
-      c.has(s) ? c.delete(s) : (t.multi || c.clear(), c.add(s)), a.value = c;
+    const t = e, a = B(/* @__PURE__ */ new Set()), r = /* @__PURE__ */ new Map();
+    function l(o) {
+      const m = new Set(a.value);
+      m.has(o) ? m.delete(o) : (t.multi || m.clear(), m.add(o)), a.value = m;
     }
-    function u(s, c) {
-      i.set(s, c);
+    function d(o, m) {
+      r.set(o, m);
     }
-    function d(s) {
-      i.delete(s);
+    function u(o) {
+      r.delete(o);
     }
-    D(P, {
+    E(J, {
       get multi() {
         return t.multi;
       },
       openItems: a,
       toggleItem: l,
-      registerItem: u,
-      unregisterItem: d
+      registerItem: d,
+      unregisterItem: u
     });
-    const r = f(() => ["llm-accordion-group", `variant-${t.variant}`]);
-    return (s, c) => (n(), o("div", {
-      class: b(r.value)
+    const i = v(() => ["llm-accordion-group", `variant-${t.variant}`]);
+    return (o, m) => (s(), n("div", {
+      class: g(i.value)
     }, [
-      h(s.$slots, "default")
+      h(o.$slots, "default")
     ], 2));
   }
-}), Q = { class: "accordion-heading" }, X = ["aria-expanded", "disabled"], ca = /* @__PURE__ */ v({
+}), ce = { class: "accordion-heading" }, me = ["aria-expanded", "disabled"], lt = /* @__PURE__ */ p({
   name: "LlmAccordionItem",
   __name: "llm-accordion-item",
   props: {
@@ -43,61 +43,61 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
   },
   emits: ["update:expanded"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = z(), u = `llm-accordion-trigger-${l}`, d = `llm-accordion-panel-${l}`, r = I(P, null), s = x(null), c = f(() => r ? r.openItems.value.has(l) : a.expanded ?? !1);
+    const a = e, r = t, l = j(), d = `llm-accordion-trigger-${l}`, u = `llm-accordion-panel-${l}`, i = R(J, null), o = B(null), m = v(() => i ? i.openItems.value.has(l) : a.expanded ?? !1);
     function $() {
-      a.disabled || (r ? r.toggleItem(l) : i("update:expanded", !c.value));
+      a.disabled || (i ? i.toggleItem(l) : r("update:expanded", !m.value));
     }
-    function y(k) {
-      if (!r) return;
-      const g = Array.from(
+    function y(_) {
+      if (!i) return;
+      const f = Array.from(
         document.querySelectorAll(".llm-accordion-item:not(.is-disabled) .accordion-trigger")
-      ), q = g.indexOf(k.currentTarget);
-      k.key === "ArrowDown" ? (k.preventDefault(), g[(q + 1) % g.length]?.focus()) : k.key === "ArrowUp" ? (k.preventDefault(), g[(q - 1 + g.length) % g.length]?.focus()) : k.key === "Home" ? (k.preventDefault(), g[0]?.focus()) : k.key === "End" && (k.preventDefault(), g[g.length - 1]?.focus());
+      ), C = f.indexOf(_.currentTarget);
+      _.key === "ArrowDown" ? (_.preventDefault(), f[(C + 1) % f.length]?.focus()) : _.key === "ArrowUp" ? (_.preventDefault(), f[(C - 1 + f.length) % f.length]?.focus()) : _.key === "Home" ? (_.preventDefault(), f[0]?.focus()) : _.key === "End" && (_.preventDefault(), f[f.length - 1]?.focus());
     }
-    M(() => {
-      r && s.value && r.registerItem(l, s.value), !r && a.expanded;
-    }), S(
+    H(() => {
+      i && o.value && i.registerItem(l, o.value), !i && a.expanded;
+    }), A(
       () => a.expanded,
-      (k) => {
-        if (!r || k === void 0) return;
-        const g = r.openItems.value.has(l);
-        (k && !g || !k && g) && r.toggleItem(l);
+      (_) => {
+        if (!i || _ === void 0) return;
+        const f = i.openItems.value.has(l);
+        (_ && !f || !_ && f) && i.toggleItem(l);
       },
       { immediate: !0 }
-    ), A(() => {
-      r && r.unregisterItem(l);
+    ), F(() => {
+      i && i.unregisterItem(l);
     });
-    const p = f(() => [
+    const b = v(() => [
       "llm-accordion-item",
-      c.value && "is-expanded",
+      m.value && "is-expanded",
       a.disabled && "is-disabled"
-    ]), L = f(() => ["chevron", c.value && "is-expanded"]);
-    return (k, g) => (n(), o("div", {
-      class: b(p.value)
+    ]), L = v(() => ["chevron", m.value && "is-expanded"]);
+    return (_, f) => (s(), n("div", {
+      class: g(b.value)
     }, [
-      m("h3", Q, [
-        m("button", {
-          id: u,
+      c("h3", ce, [
+        c("button", {
+          id: d,
           ref_key: "triggerRef",
-          ref: s,
+          ref: o,
           class: "accordion-trigger",
           type: "button",
-          "aria-expanded": c.value,
-          "aria-controls": d,
+          "aria-expanded": m.value,
+          "aria-controls": u,
           disabled: e.disabled,
           onClick: $,
           onKeydown: y
         }, [
-          h(k.$slots, "header"),
-          (n(), o("svg", {
-            class: b(L.value),
+          h(_.$slots, "header"),
+          (s(), n("svg", {
+            class: g(L.value),
             width: "16",
             height: "16",
             viewBox: "0 0 16 16",
             fill: "none",
             "aria-hidden": "true"
-          }, [...g[0] || (g[0] = [
-            m("path", {
+          }, [...f[0] || (f[0] = [
+            c("path", {
               d: "M4 6L8 10L12 6",
               stroke: "currentColor",
               "stroke-width": "1.5",
@@ -105,31 +105,31 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
               "stroke-linejoin": "round"
             }, null, -1)
           ])], 2))
-        ], 40, X)
+        ], 40, me)
       ]),
-      m("div", {
-        class: b(["accordion-panel-wrapper", c.value && "is-expanded"])
+      c("div", {
+        class: g(["accordion-panel-wrapper", m.value && "is-expanded"])
       }, [
-        m("div", {
-          id: d,
+        c("div", {
+          id: u,
           role: "region",
-          "aria-labelledby": u,
+          "aria-labelledby": d,
           class: "accordion-panel"
         }, [
-          h(k.$slots, "default")
+          h(_.$slots, "default")
         ])
       ], 2)
     ], 2));
   }
-}), Y = { class: "accordion-header-content" }, ma = /* @__PURE__ */ v({
+}), fe = { class: "accordion-header-content" }, st = /* @__PURE__ */ p({
   name: "LlmAccordionHeader",
   __name: "llm-accordion-header",
   setup(e) {
-    return (t, a) => (n(), o("span", Y, [
+    return (t, a) => (s(), n("span", fe, [
       h(t.$slots, "default")
     ]));
   }
-}), Z = ["aria-live"], ee = { class: "content" }, fa = /* @__PURE__ */ v({
+}), ve = ["aria-live"], pe = { class: "content" }, nt = /* @__PURE__ */ p({
   name: "LlmAlert",
   __name: "llm-alert",
   props: {
@@ -138,25 +138,25 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
   },
   emits: ["dismissed"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = f(() => ["llm-alert", `variant-${a.variant}`]), u = f(
+    const a = e, r = t, l = v(() => ["llm-alert", `variant-${a.variant}`]), d = v(
       () => a.variant === "danger" || a.variant === "warning" ? "assertive" : "polite"
     );
-    return (d, r) => (n(), o("div", {
-      class: b(l.value),
+    return (u, i) => (s(), n("div", {
+      class: g(l.value),
       role: "alert",
-      "aria-live": u.value
+      "aria-live": d.value
     }, [
-      m("span", ee, [
-        h(d.$slots, "default")
+      c("span", pe, [
+        h(u.$slots, "default")
       ]),
-      e.dismissible ? (n(), o("button", {
+      e.dismissible ? (s(), n("button", {
         key: 0,
         class: "dismiss",
         type: "button",
         "aria-label": "Dismiss",
-        onClick: r[0] || (r[0] = (s) => i("dismissed"))
-      }, [...r[1] || (r[1] = [
-        m("svg", {
+        onClick: i[0] || (i[0] = (o) => r("dismissed"))
+      }, [...i[1] || (i[1] = [
+        c("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "16",
           height: "16",
@@ -168,33 +168,33 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
           "stroke-linejoin": "round",
           "aria-hidden": "true"
         }, [
-          m("line", {
+          c("line", {
             x1: "18",
             y1: "6",
             x2: "6",
             y2: "18"
           }),
-          m("line", {
+          c("line", {
             x1: "6",
             y1: "6",
             x2: "18",
             y2: "18"
           })
         ], -1)
-      ])])) : _("", !0)
-    ], 10, Z));
+      ])])) : k("", !0)
+    ], 10, ve));
   }
-}), ae = ["aria-label"], te = ["src", "alt"], le = {
+}), be = ["aria-label"], he = ["src", "alt"], ge = {
   key: 1,
   class: "initials"
-}, se = {
+}, ye = {
   key: 2,
   class: "icon",
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24",
   fill: "currentColor",
   "aria-hidden": "true"
-}, va = /* @__PURE__ */ v({
+}, ot = /* @__PURE__ */ p({
   name: "LlmAvatar",
   __name: "llm-avatar",
   props: {
@@ -206,39 +206,39 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
     status: { default: "" }
   },
   setup(e) {
-    const t = e, a = x(!1);
-    S(() => t.src, () => {
+    const t = e, a = B(!1);
+    A(() => t.src, () => {
       a.value = !1;
     });
-    function i(r) {
-      return r.split(" ").filter(Boolean).slice(0, 2).map((s) => s[0].toUpperCase()).join("");
+    function r(i) {
+      return i.split(" ").filter(Boolean).slice(0, 2).map((o) => o[0].toUpperCase()).join("");
     }
-    const l = f(() => t.name ? i(t.name) : ""), u = f(() => t.alt || t.name || "Avatar"), d = f(() => [
+    const l = v(() => t.name ? r(t.name) : ""), d = v(() => t.alt || t.name || "Avatar"), u = v(() => [
       "llm-avatar",
       `size-${t.size}`,
       `shape-${t.shape}`
     ]);
-    return (r, s) => (n(), o("div", {
-      class: b(d.value),
-      "aria-label": u.value,
+    return (i, o) => (s(), n("div", {
+      class: g(u.value),
+      "aria-label": d.value,
       role: "img"
     }, [
-      e.src && !a.value ? (n(), o("img", {
+      e.src && !a.value ? (s(), n("img", {
         key: 0,
         src: e.src,
         alt: e.alt || e.name,
-        onError: s[0] || (s[0] = (c) => a.value = !0)
-      }, null, 40, te)) : l.value ? (n(), o("span", le, w(l.value), 1)) : (n(), o("svg", se, [...s[1] || (s[1] = [
-        m("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)
+        onError: o[0] || (o[0] = (m) => a.value = !0)
+      }, null, 40, he)) : l.value ? (s(), n("span", ge, x(l.value), 1)) : (s(), n("svg", ye, [...o[1] || (o[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 ? (n(), o("span", {
+      e.status ? (s(), n("span", {
         key: 3,
-        class: b(`status-dot status-${e.status}`),
+        class: g(`status-dot status-${e.status}`),
         "aria-hidden": "true"
-      }, null, 2)) : _("", !0)
-    ], 10, ae));
+      }, null, 2)) : k("", !0)
+    ], 10, be));
   }
-}), ne = ["aria-label"], pa = /* @__PURE__ */ v({
+}), $e = ["aria-label"], it = /* @__PURE__ */ p({
   name: "LlmAvatarGroup",
   __name: "llm-avatar-group",
   props: {
@@ -246,19 +246,19 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
     size: { default: "md" }
   },
   setup(e) {
-    const t = e, a = U(), i = f(() => a.default?.() ?? []), l = f(() => i.value.slice(0, t.max)), u = f(() => Math.max(0, i.value.length - t.max));
-    return (d, r) => (n(), o("div", {
-      class: b(["llm-avatar-group", `size-${e.size}`])
+    const t = e, a = ie(), r = v(() => a.default?.() ?? []), l = v(() => r.value.slice(0, t.max)), d = v(() => Math.max(0, r.value.length - t.max));
+    return (u, i) => (s(), n("div", {
+      class: g(["llm-avatar-group", `size-${e.size}`])
     }, [
-      (n(!0), o(C, null, T(l.value, (s, c) => (n(), G(N(s), { key: c }))), 128)),
-      u.value > 0 ? (n(), o("div", {
+      (s(!0), n(D, null, z(l.value, (o, m) => (s(), N(re(o), { key: m }))), 128)),
+      d.value > 0 ? (s(), n("div", {
         key: 0,
-        class: b(`overflow-badge size-${e.size}`),
-        "aria-label": `+${u.value} more`
-      }, " +" + w(u.value), 11, ne)) : _("", !0)
+        class: g(`overflow-badge size-${e.size}`),
+        "aria-label": `+${d.value} more`
+      }, " +" + x(d.value), 11, $e)) : k("", !0)
     ], 2));
   }
-}), ga = /* @__PURE__ */ v({
+}), rt = /* @__PURE__ */ p({
   name: "LlmBadge",
   __name: "llm-badge",
   props: {
@@ -266,19 +266,19 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
     size: { default: "md" }
   },
   setup(e) {
-    const t = e, a = f(() => [
+    const t = e, a = v(() => [
       "llm-badge",
       `variant-${t.variant}`,
       `size-${t.size}`
     ]);
-    return (i, l) => (n(), o("span", {
-      class: b(a.value),
+    return (r, l) => (s(), n("span", {
+      class: g(a.value),
       role: "status"
     }, [
-      h(i.$slots, "default")
+      h(r.$slots, "default")
     ], 2));
   }
-}), oe = { class: "breadcrumbs-list" }, ha = /* @__PURE__ */ v({
+}), ke = { class: "breadcrumbs-list" }, dt = /* @__PURE__ */ p({
   name: "LlmBreadcrumbs",
   __name: "llm-breadcrumbs",
   props: {
@@ -286,17 +286,17 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
   },
   setup(e) {
     const t = e;
-    return (a, i) => (n(), o("nav", {
+    return (a, r) => (s(), n("nav", {
       class: "llm-breadcrumbs",
       "aria-label": "Breadcrumb",
-      style: R({ "--llm-separator": `'${t.separator}'` })
+      style: P({ "--llm-separator": `'${t.separator}'` })
     }, [
-      m("ol", oe, [
+      c("ol", ke, [
         h(a.$slots, "default")
       ])
     ], 4));
   }
-}), ie = ["href"], re = ["aria-current"], ba = /* @__PURE__ */ v({
+}), _e = ["href"], we = ["aria-current"], ut = /* @__PURE__ */ p({
   name: "LlmBreadcrumbItem",
   __name: "llm-breadcrumb-item",
   props: {
@@ -304,33 +304,33 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
     current: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = f(() => [
+    const t = e, a = v(() => [
       "llm-breadcrumb-item",
       t.current && "is-current"
     ].filter(Boolean));
-    return (i, l) => (n(), o("li", {
-      class: b(a.value)
+    return (r, l) => (s(), n("li", {
+      class: g(a.value)
     }, [
-      e.href && !e.current ? (n(), o("a", {
+      e.href && !e.current ? (s(), n("a", {
         key: 0,
         href: e.href,
         class: "breadcrumb-link"
       }, [
-        h(i.$slots, "default")
-      ], 8, ie)) : (n(), o("span", {
+        h(r.$slots, "default")
+      ], 8, _e)) : (s(), n("span", {
         key: 1,
         class: "breadcrumb-current",
         "aria-current": e.current ? "page" : void 0
       }, [
-        h(i.$slots, "default")
-      ], 8, re))
+        h(r.$slots, "default")
+      ], 8, we))
     ], 2));
   }
-}), de = ["type", "disabled", "aria-disabled"], ue = {
+}), Le = ["type", "disabled", "aria-disabled"], xe = {
   key: 0,
   class: "spinner",
   "aria-hidden": "true"
-}, ya = /* @__PURE__ */ v({
+}, ct = /* @__PURE__ */ p({
   name: "LlmButton",
   __name: "llm-button",
   props: {
@@ -341,24 +341,24 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
     type: { default: "button" }
   },
   setup(e) {
-    const t = e, a = f(() => t.disabled || t.loading), i = f(() => [
+    const t = e, a = v(() => t.disabled || t.loading), r = v(() => [
       "llm-button",
       `variant-${t.variant}`,
       `size-${t.size}`,
       a.value && "is-disabled",
       t.loading && "is-loading"
     ].filter(Boolean));
-    return (l, u) => (n(), o("button", {
-      class: b(i.value),
+    return (l, d) => (s(), n("button", {
+      class: g(r.value),
       type: e.type,
       disabled: a.value,
       "aria-disabled": a.value || void 0
     }, [
-      e.loading ? (n(), o("span", ue)) : _("", !0),
+      e.loading ? (s(), n("span", xe)) : k("", !0),
       h(l.$slots, "default")
-    ], 10, de));
+    ], 10, Le));
   }
-}), $a = /* @__PURE__ */ v({
+}), mt = /* @__PURE__ */ p({
   name: "LlmCard",
   __name: "llm-card",
   props: {
@@ -366,46 +366,46 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
     padding: { default: "md" }
   },
   setup(e) {
-    const t = e, a = f(() => [
+    const t = e, a = v(() => [
       "llm-card",
       `variant-${t.variant}`,
       `padding-${t.padding}`
     ]);
-    return (i, l) => (n(), o("div", {
-      class: b(a.value)
+    return (r, l) => (s(), n("div", {
+      class: g(a.value)
     }, [
-      h(i.$slots, "default")
+      h(r.$slots, "default")
     ], 2));
   }
-}), ce = { class: "llm-card-header" }, ka = /* @__PURE__ */ v({
+}), Be = { class: "llm-card-header" }, ft = /* @__PURE__ */ p({
   name: "LlmCardHeader",
   __name: "llm-card-header",
   setup(e) {
-    return (t, a) => (n(), o("div", ce, [
+    return (t, a) => (s(), n("div", Be, [
       h(t.$slots, "default")
     ]));
   }
-}), me = { class: "llm-card-content" }, _a = /* @__PURE__ */ v({
+}), Ce = { class: "llm-card-content" }, vt = /* @__PURE__ */ p({
   name: "LlmCardContent",
   __name: "llm-card-content",
   setup(e) {
-    return (t, a) => (n(), o("div", me, [
+    return (t, a) => (s(), n("div", Ce, [
       h(t.$slots, "default")
     ]));
   }
-}), fe = { class: "llm-card-footer" }, La = /* @__PURE__ */ v({
+}), Te = { class: "llm-card-footer" }, pt = /* @__PURE__ */ p({
   name: "LlmCardFooter",
   __name: "llm-card-footer",
   setup(e) {
-    return (t, a) => (n(), o("div", fe, [
+    return (t, a) => (s(), n("div", Te, [
       h(t.$slots, "default")
     ]));
   }
-}), ve = ["for"], pe = ["id", "checked", "disabled", "readonly", "required", "name", "aria-invalid"], ge = {
+}), De = ["for"], Ie = ["id", "checked", "disabled", "readonly", "required", "name", "aria-invalid"], Se = {
   key: 0,
   class: "errors",
   "aria-live": "polite"
-}, wa = /* @__PURE__ */ v({
+}, Me = /* @__PURE__ */ p({
   name: "LlmCheckbox",
   __name: "llm-checkbox",
   props: {
@@ -421,28 +421,28 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = x(null), u = f(() => a.id || `checkbox-${Math.random().toString(36).slice(2)}`);
-    S(
+    const a = e, r = t, l = B(null), d = v(() => a.id || `checkbox-${Math.random().toString(36).slice(2)}`);
+    A(
       () => a.indeterminate,
-      (r) => {
-        l.value && (l.value.indeterminate = r);
+      (i) => {
+        l.value && (l.value.indeterminate = i);
       }
-    ), M(() => {
+    ), H(() => {
       l.value && (l.value.indeterminate = a.indeterminate);
     });
-    function d(r) {
-      const s = r.target;
-      i("update:checked", s.checked);
+    function u(i) {
+      const o = i.target;
+      r("update:checked", o.checked);
     }
-    return (r, s) => (n(), o("div", {
-      class: b(["llm-checkbox", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
+    return (i, o) => (s(), n("div", {
+      class: g(["llm-checkbox", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
     }, [
-      m("label", {
-        for: u.value,
+      c("label", {
+        for: d.value,
         class: "checkbox-label"
       }, [
-        m("input", {
-          id: u.value,
+        c("input", {
+          id: d.value,
           ref_key: "inputRef",
           ref: l,
           type: "checkbox",
@@ -452,19 +452,19 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
           required: e.required,
           name: e.name,
           "aria-invalid": e.invalid || void 0,
-          onChange: d
-        }, null, 40, pe),
-        h(r.$slots, "default")
-      ], 8, ve),
-      e.errors.length ? (n(), o("ul", ge, [
-        (n(!0), o(C, null, T(e.errors, (c, $) => (n(), o("li", {
+          onChange: u
+        }, null, 40, Ie),
+        h(i.$slots, "default")
+      ], 8, De),
+      e.errors.length ? (s(), n("ul", Se, [
+        (s(!0), n(D, null, z(e.errors, (m, $) => (s(), n("li", {
           key: $,
           class: "error"
-        }, w(c), 1))), 128))
-      ])) : _("", !0)
+        }, x(m), 1))), 128))
+      ])) : k("", !0)
     ], 2));
   }
-}), he = ["aria-label", "aria-labelledby"], F = /* @__PURE__ */ Symbol("LlmDialog"), xa = /* @__PURE__ */ v({
+}), ze = ["aria-label", "aria-labelledby"], Q = /* @__PURE__ */ Symbol("LlmDialog"), bt = /* @__PURE__ */ p({
   name: "LlmDialog",
   __name: "llm-dialog",
   props: {
@@ -475,73 +475,73 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
   },
   emits: ["update:open"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = x(null), u = z();
-    function d() {
-      i("update:open", !1);
+    const a = e, r = t, l = B(null), d = j();
+    function u() {
+      r("update:open", !1);
     }
-    D(F, {
-      headerId: u,
-      close: d
-    }), M(() => {
+    E(Q, {
+      headerId: d,
+      close: u
+    }), H(() => {
       a.open && l.value && l.value.showModal();
-    }), S(
+    }), A(
       () => a.open,
       (y) => {
-        const p = l.value;
-        p && (y ? p.open || p.showModal() : p.open && p.close());
+        const b = l.value;
+        b && (y ? b.open || b.showModal() : b.open && b.close());
       },
       { flush: "post" }
     );
-    function r() {
-      i("update:open", !1);
+    function i() {
+      r("update:open", !1);
     }
-    function s(y) {
-      y.preventDefault(), i("update:open", !1);
+    function o(y) {
+      y.preventDefault(), r("update:open", !1);
     }
-    function c(y) {
-      a.closeOnBackdrop && y.target === l.value && i("update:open", !1);
+    function m(y) {
+      a.closeOnBackdrop && y.target === l.value && r("update:open", !1);
     }
-    const $ = f(() => ["panel", `size-${a.size}`]);
-    return (y, p) => (n(), o("dialog", {
+    const $ = v(() => ["panel", `size-${a.size}`]);
+    return (y, b) => (s(), n("dialog", {
       ref_key: "dialogRef",
       ref: l,
       class: "llm-dialog",
       "aria-label": e.ariaLabel || void 0,
-      "aria-labelledby": e.ariaLabel ? void 0 : B(u),
+      "aria-labelledby": e.ariaLabel ? void 0 : q(d),
       "aria-modal": "true",
-      onClose: r,
-      onCancel: s,
-      onClick: c
+      onClose: i,
+      onCancel: o,
+      onClick: m
     }, [
-      m("div", {
-        class: b($.value),
-        onClick: p[0] || (p[0] = H(() => {
+      c("div", {
+        class: g($.value),
+        onClick: b[0] || (b[0] = U(() => {
         }, ["stop"]))
       }, [
         h(y.$slots, "default")
       ], 2)
-    ], 40, he));
+    ], 40, ze));
   }
-}), be = ["id"], ye = { class: "header-content" }, Ba = /* @__PURE__ */ v({
+}), qe = ["id"], Ae = { class: "header-content" }, ht = /* @__PURE__ */ p({
   name: "LlmDialogHeader",
   __name: "llm-dialog-header",
   setup(e) {
-    const t = I(F, { headerId: "", close: () => {
+    const t = R(Q, { headerId: "", close: () => {
     } });
-    return (a, i) => (n(), o("div", {
-      id: B(t).headerId,
+    return (a, r) => (s(), n("div", {
+      id: q(t).headerId,
       class: "llm-dialog-header"
     }, [
-      m("span", ye, [
+      c("span", Ae, [
         h(a.$slots, "default")
       ]),
-      m("button", {
+      c("button", {
         class: "close-btn",
         type: "button",
         "aria-label": "Close dialog",
-        onClick: i[0] || (i[0] = (l) => B(t).close())
-      }, [...i[1] || (i[1] = [
-        m("svg", {
+        onClick: r[0] || (r[0] = (l) => q(t).close())
+      }, [...r[1] || (r[1] = [
+        c("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "14",
           height: "14",
@@ -553,13 +553,13 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
           "stroke-linejoin": "round",
           "aria-hidden": "true"
         }, [
-          m("line", {
+          c("line", {
             x1: "18",
             y1: "6",
             x2: "6",
             y2: "18"
           }),
-          m("line", {
+          c("line", {
             x1: "6",
             y1: "6",
             x2: "18",
@@ -567,25 +567,25 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
           })
         ], -1)
       ])])
-    ], 8, be));
+    ], 8, qe));
   }
-}), $e = { class: "llm-dialog-content" }, Ca = /* @__PURE__ */ v({
+}), Re = { class: "llm-dialog-content" }, gt = /* @__PURE__ */ p({
   name: "LlmDialogContent",
   __name: "llm-dialog-content",
   setup(e) {
-    return (t, a) => (n(), o("div", $e, [
+    return (t, a) => (s(), n("div", Re, [
       h(t.$slots, "default")
     ]));
   }
-}), ke = { class: "llm-dialog-footer" }, Ta = /* @__PURE__ */ v({
+}), Ee = { class: "llm-dialog-footer" }, yt = /* @__PURE__ */ p({
   name: "LlmDialogFooter",
   __name: "llm-dialog-footer",
   setup(e) {
-    return (t, a) => (n(), o("div", ke, [
+    return (t, a) => (s(), n("div", Ee, [
       h(t.$slots, "default")
     ]));
   }
-}), _e = ["aria-labelledby"], K = /* @__PURE__ */ Symbol("LlmDrawer"), Ia = /* @__PURE__ */ v({
+}), He = ["aria-labelledby"], W = /* @__PURE__ */ Symbol("LlmDrawer"), $t = /* @__PURE__ */ p({
   name: "LlmDrawer",
   __name: "llm-drawer",
   props: {
@@ -596,77 +596,77 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
   },
   emits: ["update:open"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = x(null), u = z();
-    function d() {
-      i("update:open", !1);
+    const a = e, r = t, l = B(null), d = j();
+    function u() {
+      r("update:open", !1);
     }
-    D(K, {
-      headerId: u,
-      close: d
-    }), M(() => {
+    E(W, {
+      headerId: d,
+      close: u
+    }), H(() => {
       a.open && l.value && l.value.showModal();
-    }), S(
+    }), A(
       () => a.open,
       (y) => {
-        const p = l.value;
-        p && (y ? p.open || p.showModal() : p.open && p.close());
+        const b = l.value;
+        b && (y ? b.open || b.showModal() : b.open && b.close());
       },
       { flush: "post" }
     );
-    function r() {
-      i("update:open", !1);
+    function i() {
+      r("update:open", !1);
     }
-    function s(y) {
-      y.preventDefault(), i("update:open", !1);
+    function o(y) {
+      y.preventDefault(), r("update:open", !1);
     }
-    function c(y) {
-      a.closeOnBackdrop && y.target === l.value && i("update:open", !1);
+    function m(y) {
+      a.closeOnBackdrop && y.target === l.value && r("update:open", !1);
     }
-    const $ = f(() => [
+    const $ = v(() => [
       "llm-drawer-host",
       `position-${a.position}`,
       `size-${a.size}`,
       a.open && "is-open"
     ]);
-    return (y, p) => (n(), o("dialog", {
+    return (y, b) => (s(), n("dialog", {
       ref_key: "dialogRef",
       ref: l,
-      class: b($.value),
-      "aria-labelledby": B(u),
+      class: g($.value),
+      "aria-labelledby": q(d),
       "aria-modal": "true",
-      onClose: r,
-      onCancel: s,
-      onClick: c
+      onClose: i,
+      onCancel: o,
+      onClick: m
     }, [
-      m("div", {
+      c("div", {
         class: "panel",
-        onClick: p[0] || (p[0] = H(() => {
+        onClick: b[0] || (b[0] = U(() => {
         }, ["stop"]))
       }, [
         h(y.$slots, "default")
       ])
-    ], 42, _e));
+    ], 42, He));
   }
-}), Le = ["id"], we = { class: "header-content" }, Da = /* @__PURE__ */ v({
+}), je = ["id"], Ge = { class: "header-content" }, kt = /* @__PURE__ */ p({
   name: "LlmDrawerHeader",
   __name: "llm-drawer-header",
   setup(e) {
-    const t = I(K, { headerId: "", close: () => {
+    const t = R(W, { headerId: "", close: () => {
     } });
-    return (a, i) => (n(), o("div", {
-      id: B(t).headerId,
+    return (a, r) => (s(), n("div", {
+      id: q(t).headerId,
       class: "llm-drawer-header"
     }, [
-      m("span", we, [
+      c("span", Ge, [
         h(a.$slots, "default")
       ]),
-      m("button", {
+      c("button", {
         class: "close-btn",
         type: "button",
         "aria-label": "Close drawer",
-        onClick: i[0] || (i[0] = (l) => B(t).close())
-      }, [...i[1] || (i[1] = [
-        m("svg", {
+        onClick: r[0] || (r[0] = (l) => q(t).close())
+      }, [...r[1] || (r[1] = [
+        c("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "14",
           height: "14",
@@ -678,13 +678,13 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
           "stroke-linejoin": "round",
           "aria-hidden": "true"
         }, [
-          m("line", {
+          c("line", {
             x1: "18",
             y1: "6",
             x2: "6",
             y2: "18"
           }),
-          m("line", {
+          c("line", {
             x1: "6",
             y1: "6",
             x2: "18",
@@ -692,29 +692,29 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
           })
         ], -1)
       ])])
-    ], 8, Le));
+    ], 8, je));
   }
-}), xe = { class: "llm-drawer-content" }, Ma = /* @__PURE__ */ v({
+}), Oe = { class: "llm-drawer-content" }, _t = /* @__PURE__ */ p({
   name: "LlmDrawerContent",
   __name: "llm-drawer-content",
   setup(e) {
-    return (t, a) => (n(), o("div", xe, [
+    return (t, a) => (s(), n("div", Oe, [
       h(t.$slots, "default")
     ]));
   }
-}), Be = { class: "llm-drawer-footer" }, Sa = /* @__PURE__ */ v({
+}), Fe = { class: "llm-drawer-footer" }, wt = /* @__PURE__ */ p({
   name: "LlmDrawerFooter",
   __name: "llm-drawer-footer",
   setup(e) {
-    return (t, a) => (n(), o("div", Be, [
+    return (t, a) => (s(), n("div", Fe, [
       h(t.$slots, "default")
     ]));
   }
-}), Ce = ["for"], Te = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], Ie = {
+}), Pe = ["for"], Ke = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], Ve = {
   key: 1,
   class: "errors",
   "aria-live": "polite"
-}, za = /* @__PURE__ */ v({
+}, Lt = /* @__PURE__ */ p({
   name: "LlmInput",
   __name: "llm-input",
   props: {
@@ -732,19 +732,19 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = f(() => a.id || (a.label ? `input-${Math.random().toString(36).slice(2)}` : void 0));
-    function u(d) {
-      i("update:value", d.target.value);
+    const a = e, r = t, l = v(() => a.id || (a.label ? `input-${Math.random().toString(36).slice(2)}` : void 0));
+    function d(u) {
+      r("update:value", u.target.value);
     }
-    return (d, r) => (n(), o("div", {
-      class: b(["llm-input", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
+    return (u, i) => (s(), n("div", {
+      class: g(["llm-input", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
     }, [
-      e.label ? (n(), o("label", {
+      e.label ? (s(), n("label", {
         key: 0,
         for: l.value,
         class: "input-label"
-      }, w(e.label), 9, Ce)) : _("", !0),
-      m("input", {
+      }, x(e.label), 9, Pe)) : k("", !0),
+      c("input", {
         id: l.value,
         type: e.type,
         value: e.value,
@@ -754,74 +754,74 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
         required: e.required,
         name: e.name,
         "aria-invalid": e.invalid || void 0,
-        onInput: u
-      }, null, 40, Te),
-      e.errors.length ? (n(), o("ul", Ie, [
-        (n(!0), o(C, null, T(e.errors, (s, c) => (n(), o("li", {
-          key: c,
+        onInput: d
+      }, null, 40, Ke),
+      e.errors.length ? (s(), n("ul", Ve, [
+        (s(!0), n(D, null, z(e.errors, (o, m) => (s(), n("li", {
+          key: m,
           class: "error"
-        }, w(s), 1))), 128))
-      ])) : _("", !0)
+        }, x(o), 1))), 128))
+      ])) : k("", !0)
     ], 2));
   }
-}), De = { class: "llm-menu-trigger-wrapper" }, j = /* @__PURE__ */ Symbol("LlmMenuTrigger"), qa = /* @__PURE__ */ v({
+}), Ne = { class: "llm-menu-trigger-wrapper" }, X = /* @__PURE__ */ Symbol("LlmMenuTrigger"), xt = /* @__PURE__ */ p({
   name: "LlmMenuTrigger",
   __name: "llm-menu-trigger",
   setup(e) {
-    const t = x(!1), a = x(null), i = x(null);
+    const t = B(!1), a = B(null), r = B(null);
     function l() {
       t.value = !t.value;
     }
-    function u() {
+    function d() {
       t.value = !1;
     }
-    D(j, { close: u });
-    function d(s) {
+    E(X, { close: d });
+    function u(o) {
       if (!t.value) return;
-      const c = s.target, $ = a.value?.contains(c), y = i.value?.contains(c);
-      !$ && !y && u();
+      const m = o.target, $ = a.value?.contains(m), y = r.value?.contains(m);
+      !$ && !y && d();
     }
-    function r(s) {
-      s.key === "Escape" && t.value && u();
+    function i(o) {
+      o.key === "Escape" && t.value && d();
     }
-    return M(() => {
-      document.addEventListener("mousedown", d), document.addEventListener("keydown", r);
-    }), A(() => {
-      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", r);
-    }), (s, c) => (n(), o("div", De, [
-      m("span", {
+    return H(() => {
+      document.addEventListener("mousedown", u), document.addEventListener("keydown", i);
+    }), F(() => {
+      document.removeEventListener("mousedown", u), document.removeEventListener("keydown", i);
+    }), (o, m) => (s(), n("div", Ne, [
+      c("span", {
         ref_key: "triggerRef",
         ref: a,
         onClick: l
       }, [
-        h(s.$slots, "trigger")
+        h(o.$slots, "trigger")
       ], 512),
-      t.value ? (n(), o("div", {
+      t.value ? (s(), n("div", {
         key: 0,
         ref_key: "menuRef",
-        ref: i,
+        ref: r,
         class: "llm-menu-panel"
       }, [
-        h(s.$slots, "menu")
-      ], 512)) : _("", !0)
+        h(o.$slots, "menu")
+      ], 512)) : k("", !0)
     ]));
   }
-}), Aa = /* @__PURE__ */ v({
+}), Bt = /* @__PURE__ */ p({
   name: "LlmMenu",
   __name: "llm-menu",
   props: {
     variant: { default: "default" }
   },
   setup(e) {
-    const t = e, a = f(() => ["llm-menu", `variant-${t.variant}`]);
-    return (i, l) => (n(), o("div", {
-      class: b(a.value),
+    const t = e, a = v(() => ["llm-menu", `variant-${t.variant}`]);
+    return (r, l) => (s(), n("div", {
+      class: g(a.value),
       role: "menu"
     }, [
-      h(i.$slots, "default")
+      h(r.$slots, "default")
     ], 2));
   }
-}), Me = ["disabled"], Ra = /* @__PURE__ */ v({
+}), Ue = ["disabled"], Ct = /* @__PURE__ */ p({
   name: "LlmMenuItem",
   __name: "llm-menu-item",
   props: {
@@ -829,38 +829,38 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
   },
   emits: ["triggered"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = I(j, null);
-    function u() {
-      a.disabled || (i("triggered"), l?.close());
+    const a = e, r = t, l = R(X, null);
+    function d() {
+      a.disabled || (r("triggered"), l?.close());
     }
-    const d = f(() => ["llm-menu-item", a.disabled && "is-disabled"]);
-    return (r, s) => (n(), o("button", {
-      class: b(d.value),
+    const u = v(() => ["llm-menu-item", a.disabled && "is-disabled"]);
+    return (i, o) => (s(), n("button", {
+      class: g(u.value),
       role: "menuitem",
       type: "button",
       disabled: e.disabled,
-      onClick: u
+      onClick: d
     }, [
-      h(r.$slots, "default")
-    ], 10, Me));
+      h(i.$slots, "default")
+    ], 10, Ue));
   }
-}), Se = {
+}), Ze = {
   class: "llm-menu-separator",
   role: "separator"
-}, Ea = /* @__PURE__ */ v({
+}, Tt = /* @__PURE__ */ p({
   name: "LlmMenuSeparator",
   __name: "llm-menu-separator",
   setup(e) {
-    return (t, a) => (n(), o("hr", Se));
+    return (t, a) => (s(), n("hr", Ze));
   }
-}), ze = {
+}), Je = {
   class: "llm-pagination",
   "aria-label": "Pagination"
-}, qe = ["disabled"], Ae = ["disabled"], Re = {
+}, Qe = ["disabled"], We = ["disabled"], Xe = {
   key: 0,
   class: "ellipsis",
   "aria-hidden": "true"
-}, Ee = ["aria-label", "aria-current", "onClick"], Ge = ["disabled"], He = ["disabled"], Ga = /* @__PURE__ */ v({
+}, Ye = ["aria-label", "aria-current", "onClick"], ea = ["disabled"], aa = ["disabled"], Dt = /* @__PURE__ */ p({
   name: "LlmPagination",
   __name: "llm-pagination",
   props: {
@@ -871,62 +871,62 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
   },
   emits: ["pageChange"],
   setup(e, { emit: t }) {
-    const a = e, i = t;
-    function l(r, s, c) {
-      if (s <= 1) return [{ type: "page", page: 1 }];
+    const a = e, r = t;
+    function l(i, o, m) {
+      if (o <= 1) return [{ type: "page", page: 1 }];
       const $ = [];
       $.push({ type: "page", page: 1 });
-      const y = Math.max(2, r - c), p = Math.min(s - 1, r + c);
+      const y = Math.max(2, i - m), b = Math.min(o - 1, i + m);
       y > 2 && $.push({ type: "ellipsis", key: "ellipsis-start" });
-      for (let L = y; L <= p; L++) $.push({ type: "page", page: L });
-      return p < s - 1 && $.push({ type: "ellipsis", key: "ellipsis-end" }), s > 1 && $.push({ type: "page", page: s }), $;
+      for (let L = y; L <= b; L++) $.push({ type: "page", page: L });
+      return b < o - 1 && $.push({ type: "ellipsis", key: "ellipsis-end" }), o > 1 && $.push({ type: "page", page: o }), $;
     }
-    const u = f(() => l(a.page, a.pageCount, a.siblingCount));
-    function d(r) {
-      const s = Math.min(Math.max(r, 1), a.pageCount);
-      s !== a.page && i("pageChange", s);
+    const d = v(() => l(a.page, a.pageCount, a.siblingCount));
+    function u(i) {
+      const o = Math.min(Math.max(i, 1), a.pageCount);
+      o !== a.page && r("pageChange", o);
     }
-    return (r, s) => (n(), o("nav", ze, [
-      e.showFirstLast ? (n(), o("button", {
+    return (i, o) => (s(), n("nav", Je, [
+      e.showFirstLast ? (s(), n("button", {
         key: 0,
         class: "page-btn nav-btn",
         disabled: e.page <= 1,
         "aria-label": "First page",
-        onClick: s[0] || (s[0] = (c) => d(1))
-      }, " « ", 8, qe)) : _("", !0),
-      m("button", {
+        onClick: o[0] || (o[0] = (m) => u(1))
+      }, " « ", 8, Qe)) : k("", !0),
+      c("button", {
         class: "page-btn nav-btn",
         disabled: e.page <= 1,
         "aria-label": "Previous page",
-        onClick: s[1] || (s[1] = (c) => d(e.page - 1))
-      }, " ‹ ", 8, Ae),
-      (n(!0), o(C, null, T(u.value, (c) => (n(), o(C, {
-        key: c.type === "page" ? c.page : c.key
+        onClick: o[1] || (o[1] = (m) => u(e.page - 1))
+      }, " ‹ ", 8, We),
+      (s(!0), n(D, null, z(d.value, (m) => (s(), n(D, {
+        key: m.type === "page" ? m.page : m.key
       }, [
-        c.type === "ellipsis" ? (n(), o("span", Re, "…")) : (n(), o("button", {
+        m.type === "ellipsis" ? (s(), n("span", Xe, "…")) : (s(), n("button", {
           key: 1,
-          class: b(["page-btn", { active: c.page === e.page }]),
-          "aria-label": `Page ${c.page}`,
-          "aria-current": c.page === e.page ? "page" : void 0,
-          onClick: ($) => d(c.page)
-        }, w(c.page), 11, Ee))
+          class: g(["page-btn", { active: m.page === e.page }]),
+          "aria-label": `Page ${m.page}`,
+          "aria-current": m.page === e.page ? "page" : void 0,
+          onClick: ($) => u(m.page)
+        }, x(m.page), 11, Ye))
       ], 64))), 128)),
-      m("button", {
+      c("button", {
         class: "page-btn nav-btn",
         disabled: e.page >= e.pageCount,
         "aria-label": "Next page",
-        onClick: s[2] || (s[2] = (c) => d(e.page + 1))
-      }, " › ", 8, Ge),
-      e.showFirstLast ? (n(), o("button", {
+        onClick: o[2] || (o[2] = (m) => u(e.page + 1))
+      }, " › ", 8, ea),
+      e.showFirstLast ? (s(), n("button", {
         key: 1,
         class: "page-btn nav-btn",
         disabled: e.page >= e.pageCount,
         "aria-label": "Last page",
-        onClick: s[3] || (s[3] = (c) => d(e.pageCount))
-      }, " » ", 8, He)) : _("", !0)
+        onClick: o[3] || (o[3] = (m) => u(e.pageCount))
+      }, " » ", 8, aa)) : k("", !0)
     ]));
   }
-}), Pe = ["aria-valuenow", "aria-valuemax"], Fe = { class: "track" }, Ha = /* @__PURE__ */ v({
+}), ta = ["aria-valuenow", "aria-valuemax"], la = { class: "track" }, It = /* @__PURE__ */ p({
   name: "LlmProgress",
   __name: "llm-progress",
   props: {
@@ -937,34 +937,244 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
     indeterminate: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = f(() => Math.min(Math.max(t.value, 0), t.max)), i = f(
+    const t = e, a = v(() => Math.min(Math.max(t.value, 0), t.max)), r = v(
       () => t.indeterminate ? "100%" : `${a.value / t.max * 100}%`
-    ), l = f(() => [
+    ), l = v(() => [
       "llm-progress",
       `variant-${t.variant}`,
       `size-${t.size}`,
       t.indeterminate && "is-indeterminate"
     ].filter(Boolean));
-    return (u, d) => (n(), o("div", {
-      class: b(l.value),
+    return (d, u) => (s(), n("div", {
+      class: g(l.value),
       role: "progressbar",
       "aria-valuemin": 0,
       "aria-valuenow": e.indeterminate ? void 0 : a.value,
       "aria-valuemax": e.indeterminate ? void 0 : e.max
     }, [
-      m("div", Fe, [
-        m("div", {
+      c("div", la, [
+        c("div", {
           class: "fill",
-          style: R({ width: i.value })
+          style: P({ width: r.value })
         }, null, 4)
       ])
-    ], 10, Pe));
+    ], 10, ta));
+  }
+}), sa = { class: "llm-combobox-wrapper" }, na = ["aria-expanded", "aria-activedescendant", "aria-invalid", "disabled", "readonly", "required", "name", "placeholder", "value"], oa = ["id", "aria-selected", "aria-disabled", "onMousedown", "onMouseenter"], ia = {
+  key: 0,
+  class: "llm-combobox-check",
+  width: "14",
+  height: "14",
+  viewBox: "0 0 14 14",
+  fill: "none",
+  "aria-hidden": "true"
+}, ra = {
+  key: 1,
+  class: "llm-combobox-no-results",
+  role: "option",
+  "aria-disabled": "true"
+}, da = {
+  key: 1,
+  class: "llm-combobox-errors",
+  role: "alert",
+  "aria-live": "polite"
+}, St = /* @__PURE__ */ p({
+  name: "LlmCombobox",
+  __name: "llm-combobox",
+  props: {
+    value: { default: "" },
+    options: { default: () => [] },
+    placeholder: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    name: { default: "" },
+    errors: { default: () => [] }
+  },
+  emits: ["update:value"],
+  setup(e, { emit: t }) {
+    const a = e, r = t, l = B(null), d = B(null), u = B(""), i = B(!1), o = B(-1);
+    let m = Math.random().toString(36).slice(2);
+    const $ = `llm-combobox-input-${m}`, y = `llm-combobox-panel-${m}`, b = v(
+      () => a.options.find((I) => I.value === a.value)?.label ?? ""
+    ), L = v(() => {
+      const I = u.value.toLowerCase();
+      return I ? a.options.filter((M) => M.label.toLowerCase().includes(I)) : a.options;
+    }), _ = v(
+      () => o.value >= 0 ? `${y}-option-${o.value}` : void 0
+    ), f = v(() => [
+      "llm-combobox",
+      i.value && "is-open",
+      a.disabled && "is-disabled",
+      a.invalid && "is-invalid"
+    ]);
+    A(
+      () => a.value,
+      () => {
+        i.value || (u.value = b.value);
+      },
+      { immediate: !0 }
+    );
+    function C() {
+      a.disabled || a.readonly || i.value || (i.value = !0, o.value = -1, document.addEventListener("click", S));
+    }
+    function w() {
+      i.value && (i.value = !1, o.value = -1, document.removeEventListener("click", S));
+    }
+    function S(I) {
+      d.value?.contains(I.target) || (u.value = b.value, w());
+    }
+    Z(() => {
+      document.removeEventListener("click", S);
+    });
+    function K(I) {
+      I.disabled || a.disabled || a.readonly || (r("update:value", I.value), u.value = I.label, w(), l.value?.focus());
+    }
+    function te(I) {
+      const M = I.target.value;
+      u.value = M, o.value = -1, M === "" && r("update:value", ""), i.value || C();
+    }
+    function le() {
+      C();
+    }
+    function se() {
+      u.value = b.value;
+    }
+    function ne(I) {
+      const M = L.value;
+      switch (I.key) {
+        case "ArrowDown": {
+          if (I.preventDefault(), !i.value) {
+            C();
+            return;
+          }
+          const T = o.value + 1;
+          o.value = T >= M.length ? 0 : T;
+          break;
+        }
+        case "ArrowUp": {
+          if (I.preventDefault(), !i.value) {
+            C();
+            return;
+          }
+          const T = o.value - 1;
+          o.value = T < 0 ? M.length - 1 : T;
+          break;
+        }
+        case "Enter": {
+          I.preventDefault();
+          const T = o.value;
+          i.value && T >= 0 && T < M.length && K(M[T]);
+          break;
+        }
+        case "Escape": {
+          I.preventDefault(), u.value = b.value, w();
+          break;
+        }
+        case "Tab": {
+          w();
+          break;
+        }
+      }
+    }
+    return (I, M) => (s(), n("div", {
+      ref_key: "containerRef",
+      ref: d,
+      class: g(f.value)
+    }, [
+      c("div", sa, [
+        c("input", {
+          ref_key: "inputRef",
+          ref: l,
+          class: "llm-combobox-input",
+          type: "text",
+          autocomplete: "off",
+          role: "combobox",
+          id: $,
+          "aria-expanded": i.value,
+          "aria-controls": y,
+          "aria-autocomplete": "list",
+          "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: u.value,
+          onInput: te,
+          onFocus: le,
+          onBlur: se,
+          onKeydown: ne
+        }, null, 40, na),
+        M[0] || (M[0] = c("span", {
+          class: "llm-combobox-icon",
+          "aria-hidden": "true"
+        }, [
+          c("svg", {
+            width: "12",
+            height: "12",
+            viewBox: "0 0 12 12",
+            fill: "none"
+          }, [
+            c("path", {
+              d: "M2 4l4 4 4-4",
+              stroke: "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            })
+          ])
+        ], -1))
+      ]),
+      i.value ? (s(), n("ul", {
+        key: 0,
+        id: y,
+        class: "llm-combobox-panel",
+        role: "listbox",
+        "aria-labelledby": $
+      }, [
+        L.value.length > 0 ? (s(!0), n(D, { key: 0 }, z(L.value, (T, G) => (s(), n("li", {
+          key: T.value,
+          id: `${y}-option-${G}`,
+          role: "option",
+          class: g([
+            "llm-combobox-option",
+            o.value === G && "is-active",
+            T.value === e.value && "is-selected",
+            T.disabled && "is-disabled"
+          ]),
+          "aria-selected": T.value === e.value,
+          "aria-disabled": T.disabled || void 0,
+          onMousedown: (oe) => K(T),
+          onMouseenter: (oe) => o.value = G
+        }, [
+          c("span", null, x(T.label), 1),
+          T.value === e.value ? (s(), n("svg", ia, [...M[1] || (M[1] = [
+            c("path", {
+              d: "M2 7l4 4 6-7",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, -1)
+          ])])) : k("", !0)
+        ], 42, oa))), 128)) : (s(), n("li", ra, " No results found. "))
+      ])) : k("", !0),
+      e.invalid && e.errors.length > 0 ? (s(), n("div", da, [
+        (s(!0), n(D, null, z(e.errors, (T, G) => (s(), n("p", {
+          key: G,
+          class: "llm-combobox-error-message"
+        }, x(T), 1))), 128))
+      ])) : k("", !0)
+    ], 2));
   }
-}), Ke = ["aria-invalid", "aria-required"], je = {
+}), ua = ["aria-invalid", "aria-required"], ca = {
   key: 0,
   class: "errors",
   role: "alert"
-}, O = /* @__PURE__ */ Symbol("LlmRadioGroup"), Pa = /* @__PURE__ */ v({
+}, Y = /* @__PURE__ */ Symbol("LlmRadioGroup"), Mt = /* @__PURE__ */ p({
   name: "LlmRadioGroup",
   __name: "llm-radio-group",
   props: {
@@ -978,8 +1188,8 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const a = e, i = t;
-    D(O, {
+    const a = e, r = t;
+    E(Y, {
       get value() {
         return a.value ?? "";
       },
@@ -995,34 +1205,34 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
       get invalid() {
         return a.invalid ?? !1;
       },
-      onSelect(u) {
-        !a.disabled && !a.readonly && i("update:value", u);
+      onSelect(d) {
+        !a.disabled && !a.readonly && r("update:value", d);
       }
     });
-    const l = f(() => [
+    const l = v(() => [
       "llm-radio-group",
       a.invalid && "is-invalid",
       a.disabled && "is-disabled"
     ]);
-    return (u, d) => (n(), o("div", {
-      class: b(l.value),
+    return (d, u) => (s(), n("div", {
+      class: g(l.value),
       role: "radiogroup",
       "aria-invalid": e.invalid || void 0,
       "aria-required": e.required || void 0
     }, [
-      h(u.$slots, "default"),
-      e.errors.length > 0 ? (n(), o("div", je, [
-        (n(!0), o(C, null, T(e.errors, (r, s) => (n(), o("p", {
-          key: s,
+      h(d.$slots, "default"),
+      e.errors.length > 0 ? (s(), n("div", ca, [
+        (s(!0), n(D, null, z(e.errors, (i, o) => (s(), n("p", {
+          key: o,
           class: "error-message"
-        }, w(r), 1))), 128))
-      ])) : _("", !0)
-    ], 10, Ke));
+        }, x(i), 1))), 128))
+      ])) : k("", !0)
+    ], 10, ua));
   }
-}), Oe = ["name", "value", "checked", "disabled"], Ve = {
+}), ma = ["name", "value", "checked", "disabled"], fa = {
   key: 0,
   class: "radio-text"
-}, Fa = /* @__PURE__ */ v({
+}, zt = /* @__PURE__ */ p({
   name: "LlmRadio",
   __name: "llm-radio",
   props: {
@@ -1030,7 +1240,7 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = I(O, {
+    const t = e, a = R(Y, {
       value: "",
       name: "",
       disabled: !1,
@@ -1038,42 +1248,42 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
       invalid: !1,
       onSelect: () => {
       }
-    }), i = f(() => t.disabled || a.disabled), l = f(() => a.value === t.radioValue), u = f(() => [
+    }), r = v(() => t.disabled || a.disabled), l = v(() => a.value === t.radioValue), d = v(() => [
       "llm-radio",
-      i.value && "is-disabled",
+      r.value && "is-disabled",
       l.value && "is-checked",
       a.invalid && "is-invalid"
     ].filter(Boolean));
-    function d() {
-      !i.value && !a.readonly && a.onSelect(t.radioValue);
+    function u() {
+      !r.value && !a.readonly && a.onSelect(t.radioValue);
     }
-    return (r, s) => (n(), o("label", {
-      class: b(u.value)
+    return (i, o) => (s(), n("label", {
+      class: g(d.value)
     }, [
-      m("input", {
+      c("input", {
         type: "radio",
-        name: B(a).name || void 0,
+        name: q(a).name || void 0,
         value: e.radioValue,
         checked: l.value,
-        disabled: i.value,
+        disabled: r.value,
         class: "radio-input",
-        onChange: d
-      }, null, 40, Oe),
-      s[0] || (s[0] = m("span", {
+        onChange: u
+      }, null, 40, ma),
+      o[0] || (o[0] = c("span", {
         class: "radio-indicator",
         "aria-hidden": "true"
       }, null, -1)),
-      r.$slots.default ? (n(), o("span", Ve, [
-        h(r.$slots, "default")
-      ])) : _("", !0)
+      i.$slots.default ? (s(), n("span", fa, [
+        h(i.$slots, "default")
+      ])) : k("", !0)
     ], 2));
   }
-}), Ue = ["for"], Ne = { class: "select-wrapper" }, We = ["id", "name", "value", "disabled", "required", "aria-invalid", "aria-describedby"], Je = {
+}), va = ["for"], pa = { class: "select-wrapper" }, ba = ["id", "name", "value", "disabled", "required", "aria-invalid", "aria-describedby"], ha = {
   key: 0,
   value: "",
   disabled: "",
   hidden: ""
-}, Qe = ["id"], Ka = /* @__PURE__ */ v({
+}, ga = ["id"], qt = /* @__PURE__ */ p({
   name: "LlmSelect",
   __name: "llm-select",
   props: {
@@ -1089,56 +1299,56 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = z(), u = z(), d = f(() => [
+    const a = e, r = t, l = j(), d = j(), u = v(() => [
       "llm-select",
       a.invalid && "is-invalid",
       a.disabled && "is-disabled"
     ]);
-    function r(s) {
-      a.readonly || a.disabled || i("update:value", s.target.value);
+    function i(o) {
+      a.readonly || a.disabled || r("update:value", o.target.value);
     }
-    return (s, c) => (n(), o("div", {
-      class: b(d.value)
+    return (o, m) => (s(), n("div", {
+      class: g(u.value)
     }, [
-      e.label ? (n(), o("label", {
+      e.label ? (s(), n("label", {
         key: 0,
-        for: B(l),
+        for: q(l),
         class: "select-label"
-      }, w(e.label), 9, Ue)) : _("", !0),
-      m("div", Ne, [
-        m("select", {
-          id: B(l),
+      }, x(e.label), 9, va)) : k("", !0),
+      c("div", pa, [
+        c("select", {
+          id: q(l),
           name: e.name,
           value: e.value,
           disabled: e.disabled,
           required: e.required,
           "aria-invalid": e.invalid || void 0,
-          "aria-describedby": e.errors.length > 0 ? B(u) : void 0,
+          "aria-describedby": e.errors.length > 0 ? q(d) : void 0,
           class: "select-native",
-          onChange: r
+          onChange: i
         }, [
-          e.placeholder ? (n(), o("option", Je, w(e.placeholder), 1)) : _("", !0),
-          h(s.$slots, "default")
-        ], 40, We),
-        c[0] || (c[0] = m("span", {
+          e.placeholder ? (s(), n("option", ha, x(e.placeholder), 1)) : k("", !0),
+          h(o.$slots, "default")
+        ], 40, ba),
+        m[0] || (m[0] = c("span", {
           class: "select-arrow",
           "aria-hidden": "true"
         }, "▾", -1))
       ]),
-      e.errors.length > 0 ? (n(), o("div", {
+      e.errors.length > 0 ? (s(), n("div", {
         key: 1,
-        id: B(u),
+        id: q(d),
         class: "errors",
         role: "alert"
       }, [
-        (n(!0), o(C, null, T(e.errors, ($, y) => (n(), o("p", {
+        (s(!0), n(D, null, z(e.errors, ($, y) => (s(), n("p", {
           key: y,
           class: "error-message"
-        }, w($), 1))), 128))
-      ], 8, Qe)) : _("", !0)
+        }, x($), 1))), 128))
+      ], 8, ga)) : k("", !0)
     ], 2));
   }
-}), Xe = ["value", "disabled"], ja = /* @__PURE__ */ v({
+}), ya = ["value", "disabled"], At = /* @__PURE__ */ p({
   name: "LlmOption",
   __name: "llm-option",
   props: {
@@ -1146,14 +1356,14 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    return (t, a) => (n(), o("option", {
+    return (t, a) => (s(), n("option", {
       value: e.optionValue,
       disabled: e.disabled
     }, [
       h(t.$slots, "default")
-    ], 8, Xe));
+    ], 8, ya));
   }
-}), Oa = /* @__PURE__ */ v({
+}), Rt = /* @__PURE__ */ p({
   name: "LlmSkeleton",
   __name: "llm-skeleton",
   props: {
@@ -1164,34 +1374,375 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
   },
   setup(e) {
     const t = e;
-    function a(u, d, r) {
-      if (r) return r;
-      switch (u) {
+    function a(d, u, i) {
+      if (i) return i;
+      switch (d) {
         case "text":
           return "1em";
         case "circular":
-          return d;
+          return u;
         case "rectangular":
           return "100px";
         default:
           return "1em";
       }
     }
-    const i = f(() => [
+    const r = v(() => [
       "llm-skeleton",
       `variant-${t.variant}`,
       t.animated && "is-animated"
-    ].filter(Boolean)), l = f(() => ({
+    ].filter(Boolean)), l = v(() => ({
       width: t.width,
       height: a(t.variant, t.width, t.height)
     }));
-    return (u, d) => (n(), o("div", {
-      class: b(i.value),
-      style: R(l.value),
+    return (d, u) => (s(), n("div", {
+      class: g(r.value),
+      style: P(l.value),
       "aria-hidden": "true"
     }, null, 6));
   }
-}), Ye = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"], Ze = { class: "tab-panels" }, V = /* @__PURE__ */ Symbol("LlmTabGroup"), Va = /* @__PURE__ */ v({
+}), $a = {
+  class: "stepper-header",
+  role: "tablist"
+}, ka = ["id", "aria-label", "aria-selected", "aria-controls", "aria-disabled", "tabindex", "disabled", "onClick"], _a = {
+  key: 0,
+  width: "14",
+  height: "14",
+  viewBox: "0 0 14 14",
+  fill: "none",
+  "aria-hidden": "true"
+}, wa = {
+  key: 1,
+  width: "14",
+  height: "14",
+  viewBox: "0 0 14 14",
+  fill: "none",
+  "aria-hidden": "true"
+}, La = { class: "step-text" }, xa = { class: "step-label" }, Ba = {
+  key: 0,
+  class: "step-description"
+}, Ca = {
+  key: 1,
+  class: "step-optional"
+}, Ta = { class: "stepper-content" }, ee = /* @__PURE__ */ Symbol("LlmStepper"), Et = /* @__PURE__ */ p({
+  name: "LlmStepper",
+  __name: "llm-stepper",
+  props: {
+    activeStep: { default: 0 },
+    orientation: { default: "horizontal" },
+    linear: { type: Boolean, default: !1 }
+  },
+  emits: ["update:activeStep"],
+  setup(e, { emit: t }) {
+    const a = e, r = t, l = B(a.activeStep), d = B([]), u = v(() => a.linear);
+    A(
+      () => a.activeStep,
+      (f) => {
+        l.value = f;
+      }
+    );
+    function i(f) {
+      d.value.push(f);
+    }
+    function o(f) {
+      d.value = d.value.filter((C) => C.id !== f);
+    }
+    function m(f, C) {
+      const w = d.value.findIndex((S) => S.id === f);
+      w !== -1 && (d.value[w] = { ...d.value[w], ...C });
+    }
+    function $(f) {
+      f < 0 || f >= d.value.length || d.value[f].disabled || a.linear && f > l.value && !d.value.slice(0, f).every((w) => w.completed || w.optional) || (l.value = f, r("update:activeStep", f));
+    }
+    function y() {
+      $(l.value + 1);
+    }
+    function b() {
+      const f = l.value - 1;
+      f >= 0 && !d.value[f]?.disabled && (l.value = f, r("update:activeStep", f));
+    }
+    E(ee, {
+      activeStep: l,
+      steps: d,
+      linear: u,
+      registerStep: i,
+      unregisterStep: o,
+      updateStep: m,
+      goTo: $,
+      next: y,
+      prev: b
+    });
+    const L = v(() => ["llm-stepper", `orientation-${a.orientation}`]);
+    function _(f) {
+      return l.value > f || d.value[f]?.completed;
+    }
+    return (f, C) => (s(), n("div", {
+      class: g(L.value)
+    }, [
+      c("div", $a, [
+        (s(!0), n(D, null, z(d.value, (w, S) => (s(), n(D, {
+          key: w.id
+        }, [
+          c("div", {
+            class: g(["step-item", {
+              "is-active": l.value === S,
+              "is-completed": w.completed && l.value !== S,
+              "is-error": w.error,
+              "is-disabled": w.disabled
+            }])
+          }, [
+            c("button", {
+              type: "button",
+              role: "tab",
+              class: "step-circle",
+              id: `llm-step-${S}`,
+              "aria-label": w.label,
+              "aria-selected": l.value === S,
+              "aria-controls": `llm-step-panel-${S}`,
+              "aria-disabled": w.disabled || void 0,
+              tabindex: l.value === S ? 0 : -1,
+              disabled: w.disabled || void 0,
+              onClick: (K) => $(S)
+            }, [
+              w.completed && !w.error ? (s(), n("svg", _a, [...C[0] || (C[0] = [
+                c("path", {
+                  d: "M2 7L5.5 10.5L12 3.5",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round",
+                  "stroke-linejoin": "round"
+                }, null, -1)
+              ])])) : w.error ? (s(), n("svg", wa, [...C[1] || (C[1] = [
+                c("path", {
+                  d: "M3 3L11 11M11 3L3 11",
+                  stroke: "currentColor",
+                  "stroke-width": "2",
+                  "stroke-linecap": "round"
+                }, null, -1)
+              ])])) : (s(), n(D, { key: 2 }, [
+                O(x(S + 1), 1)
+              ], 64))
+            ], 8, ka),
+            c("div", La, [
+              c("span", xa, x(w.label), 1),
+              w.description ? (s(), n("span", Ba, x(w.description), 1)) : k("", !0),
+              w.optional && !w.completed ? (s(), n("span", Ca, "Optional")) : k("", !0)
+            ])
+          ], 2),
+          S < d.value.length - 1 ? (s(), n("div", {
+            key: 0,
+            class: g(["step-connector", { "is-active": _(S) }])
+          }, null, 2)) : k("", !0)
+        ], 64))), 128))
+      ]),
+      c("div", Ta, [
+        h(f.$slots, "default")
+      ])
+    ], 2));
+  }
+}), Da = ["id", "aria-labelledby", "hidden"], Ht = /* @__PURE__ */ p({
+  name: "LlmStep",
+  __name: "llm-step",
+  props: {
+    label: {},
+    description: {},
+    completed: { type: Boolean, default: !1 },
+    error: { type: Boolean, default: !1 },
+    optional: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, a = R(ee), r = j();
+    H(() => {
+      a.registerStep({
+        id: r,
+        label: t.label,
+        description: t.description,
+        completed: t.completed,
+        error: t.error,
+        optional: t.optional,
+        disabled: t.disabled
+      });
+    }), F(() => {
+      a.unregisterStep(r);
+    }), A(
+      () => ({
+        label: t.label,
+        description: t.description,
+        completed: t.completed,
+        error: t.error,
+        optional: t.optional,
+        disabled: t.disabled
+      }),
+      (u) => {
+        a.updateStep(r, u);
+      }
+    );
+    const l = v(() => a.steps.value.findIndex((u) => u.id === r)), d = v(() => l.value === a.activeStep.value);
+    return (u, i) => l.value >= 0 ? (s(), n("div", {
+      key: 0,
+      id: `llm-step-panel-${l.value}`,
+      role: "tabpanel",
+      "aria-labelledby": `llm-step-${l.value}`,
+      hidden: !d.value,
+      tabindex: "0"
+    }, [
+      h(u.$slots, "default")
+    ], 8, Da)) : k("", !0);
+  }
+}), Ia = { class: "llm-table-wrapper" }, jt = /* @__PURE__ */ p({
+  name: "LlmTable",
+  __name: "llm-table",
+  props: {
+    variant: { default: "default" },
+    size: { default: "md" },
+    stickyHeader: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, a = v(() => [
+      "llm-table",
+      `variant-${t.variant}`,
+      `size-${t.size}`,
+      t.stickyHeader && "is-sticky-header"
+    ]);
+    return (r, l) => (s(), n("div", {
+      class: g(a.value)
+    }, [
+      c("div", Ia, [
+        c("table", null, [
+          h(r.$slots, "default")
+        ])
+      ])
+    ], 2));
+  }
+}), Gt = /* @__PURE__ */ p({
+  name: "LlmThead",
+  __name: "llm-thead",
+  setup(e) {
+    return (t, a) => (s(), n("thead", null, [
+      h(t.$slots, "default")
+    ]));
+  }
+}), Sa = { key: 1 }, Ma = ["colspan"], Ot = /* @__PURE__ */ p({
+  name: "LlmTbody",
+  __name: "llm-tbody",
+  props: {
+    empty: { type: Boolean, default: !1 },
+    colSpan: { default: 1 }
+  },
+  setup(e) {
+    return (t, a) => (s(), n("tbody", null, [
+      e.empty ? (s(), n("tr", Sa, [
+        c("td", {
+          colspan: e.colSpan,
+          class: "llm-tbody-empty-cell"
+        }, [
+          h(t.$slots, "empty")
+        ], 8, Ma)
+      ])) : h(t.$slots, "default", { key: 0 })
+    ]));
+  }
+}), za = ["aria-selected"], qa = {
+  key: 0,
+  class: "llm-tr-select-cell"
+}, Ft = /* @__PURE__ */ p({
+  name: "LlmTr",
+  __name: "llm-tr",
+  props: {
+    selected: { type: Boolean, default: !1 },
+    selectable: { type: Boolean, default: !1 }
+  },
+  emits: ["update:selected"],
+  setup(e, { emit: t }) {
+    const a = t;
+    return (r, l) => (s(), n("tr", {
+      "aria-selected": e.selectable ? e.selected : void 0,
+      class: g({ "is-selected": e.selected })
+    }, [
+      e.selectable ? (s(), n("td", qa, [
+        de(Me, {
+          checked: e.selected,
+          "onUpdate:checked": l[0] || (l[0] = (d) => a("update:selected", d))
+        }, null, 8, ["checked"])
+      ])) : k("", !0),
+      h(r.$slots, "default")
+    ], 10, za));
+  }
+}), Aa = ["aria-sort"], Pt = /* @__PURE__ */ p({
+  name: "LlmTh",
+  __name: "llm-th",
+  props: {
+    sortable: { type: Boolean, default: !1 },
+    sortDirection: { default: null },
+    align: { default: "start" },
+    width: {}
+  },
+  emits: ["sort"],
+  setup(e, { emit: t }) {
+    const a = e, r = t, l = v(
+      () => [
+        `align-${a.align}`,
+        a.sortDirection && "is-sorted",
+        a.sortDirection === "asc" && "sort-asc",
+        a.sortDirection === "desc" && "sort-desc"
+      ].filter(Boolean)
+    ), d = v(() => {
+      if (a.sortable)
+        return a.sortDirection === "asc" ? "ascending" : a.sortDirection === "desc" ? "descending" : "none";
+    });
+    function u() {
+      const i = a.sortDirection === null ? "asc" : a.sortDirection === "asc" ? "desc" : null;
+      r("sort", i);
+    }
+    return (i, o) => (s(), n("th", {
+      class: g(l.value),
+      "aria-sort": d.value,
+      style: P(e.width ? { width: e.width } : void 0)
+    }, [
+      e.sortable ? (s(), n("button", {
+        key: 0,
+        type: "button",
+        class: "llm-th-sort-btn",
+        onClick: u
+      }, [
+        h(i.$slots, "default"),
+        o[0] || (o[0] = c("svg", {
+          class: "llm-th-sort-icon",
+          "aria-hidden": "true",
+          width: "12",
+          height: "16",
+          viewBox: "0 0 12 16",
+          fill: "none"
+        }, [
+          c("path", {
+            class: "llm-th-sort-asc-arrow",
+            d: "M6 2L11 8H1L6 2Z",
+            fill: "currentColor"
+          }),
+          c("path", {
+            class: "llm-th-sort-desc-arrow",
+            d: "M6 14L1 8H11L6 14Z",
+            fill: "currentColor"
+          })
+        ], -1))
+      ])) : h(i.$slots, "default", { key: 1 })
+    ], 14, Aa));
+  }
+}), Kt = /* @__PURE__ */ p({
+  name: "LlmTd",
+  __name: "llm-td",
+  props: {
+    align: { default: "start" }
+  },
+  setup(e) {
+    const t = e, a = v(() => [`align-${t.align}`]);
+    return (r, l) => (s(), n("td", {
+      class: g(a.value)
+    }, [
+      h(r.$slots, "default")
+    ], 2));
+  }
+}), Ra = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"], Ea = { class: "tab-panels" }, ae = /* @__PURE__ */ Symbol("LlmTabGroup"), Vt = /* @__PURE__ */ p({
   name: "LlmTabGroup",
   __name: "llm-tab-group",
   props: {
@@ -1200,75 +1751,75 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
   },
   emits: ["update:selectedIndex"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = x(a.selectedIndex), u = x([]);
-    S(
+    const a = e, r = t, l = B(a.selectedIndex), d = B([]);
+    A(
       () => a.selectedIndex,
-      (p) => {
-        l.value = p;
+      (b) => {
+        l.value = b;
       }
     );
-    function d(p) {
-      u.value.push(p);
+    function u(b) {
+      d.value.push(b);
     }
-    function r(p) {
-      u.value = u.value.filter((L) => L.id !== p);
+    function i(b) {
+      d.value = d.value.filter((L) => L.id !== b);
     }
-    function s(p) {
-      l.value = p, i("update:selectedIndex", p);
+    function o(b) {
+      l.value = b, r("update:selectedIndex", b);
     }
-    D(V, {
+    E(ae, {
       selectedIndex: l,
-      tabs: u,
-      registerTab: d,
-      unregisterTab: r,
-      selectTab: s
+      tabs: d,
+      registerTab: u,
+      unregisterTab: i,
+      selectTab: o
     });
-    function c(p) {
-      const L = u.value.map((g, q) => ({ i: q, disabled: g.disabled })).filter((g) => !g.disabled).map((g) => g.i), k = L.indexOf(l.value);
-      if (p.key === "ArrowRight") {
-        p.preventDefault();
-        const g = L[(k + 1) % L.length];
-        g !== void 0 && s(g);
-      } else if (p.key === "ArrowLeft") {
-        p.preventDefault();
-        const g = L[(k - 1 + L.length) % L.length];
-        g !== void 0 && s(g);
-      } else if (p.key === "Home")
-        p.preventDefault(), L[0] !== void 0 && s(L[0]);
-      else if (p.key === "End") {
-        p.preventDefault();
-        const g = L[L.length - 1];
-        g !== void 0 && s(g);
+    function m(b) {
+      const L = d.value.map((f, C) => ({ i: C, disabled: f.disabled })).filter((f) => !f.disabled).map((f) => f.i), _ = L.indexOf(l.value);
+      if (b.key === "ArrowRight") {
+        b.preventDefault();
+        const f = L[(_ + 1) % L.length];
+        f !== void 0 && o(f);
+      } else if (b.key === "ArrowLeft") {
+        b.preventDefault();
+        const f = L[(_ - 1 + L.length) % L.length];
+        f !== void 0 && o(f);
+      } else if (b.key === "Home")
+        b.preventDefault(), L[0] !== void 0 && o(L[0]);
+      else if (b.key === "End") {
+        b.preventDefault();
+        const f = L[L.length - 1];
+        f !== void 0 && o(f);
       }
     }
-    const $ = `llm-tab-group-${Math.random().toString(36).slice(2, 9)}`, y = f(() => ["llm-tab-group", `variant-${a.variant}`]);
-    return (p, L) => (n(), o("div", {
-      class: b(y.value)
+    const $ = `llm-tab-group-${Math.random().toString(36).slice(2, 9)}`, y = v(() => ["llm-tab-group", `variant-${a.variant}`]);
+    return (b, L) => (s(), n("div", {
+      class: g(y.value)
     }, [
-      m("div", {
+      c("div", {
         class: "tablist",
         role: "tablist",
-        onKeydown: c
+        onKeydown: m
       }, [
-        (n(!0), o(C, null, T(u.value, (k, g) => (n(), o("button", {
-          key: k.id,
+        (s(!0), n(D, null, z(d.value, (_, f) => (s(), n("button", {
+          key: _.id,
           role: "tab",
-          id: `${$}-tab-${g}`,
-          "aria-selected": g === l.value,
-          "aria-controls": `${$}-panel-${g}`,
-          tabindex: g === l.value ? 0 : -1,
-          disabled: k.disabled,
-          class: b(["tab-button", g === l.value && "is-active", k.disabled && "is-disabled"]),
+          id: `${$}-tab-${f}`,
+          "aria-selected": f === l.value,
+          "aria-controls": `${$}-panel-${f}`,
+          tabindex: f === l.value ? 0 : -1,
+          disabled: _.disabled,
+          class: g(["tab-button", f === l.value && "is-active", _.disabled && "is-disabled"]),
           type: "button",
-          onClick: (q) => !k.disabled && s(g)
-        }, w(k.label), 11, Ye))), 128))
+          onClick: (C) => !_.disabled && o(f)
+        }, x(_.label), 11, Ra))), 128))
       ], 32),
-      m("div", Ze, [
-        h(p.$slots, "default", { groupId: $ })
+      c("div", Ea, [
+        h(b.$slots, "default", { groupId: $ })
       ])
     ], 2));
   }
-}), ea = ["hidden"], Ua = /* @__PURE__ */ v({
+}), Ha = ["hidden"], Nt = /* @__PURE__ */ p({
   name: "LlmTab",
   __name: "llm-tab",
   props: {
@@ -1276,30 +1827,30 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
     disabled: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const t = e, a = I(V), i = z();
-    M(() => {
-      a.registerTab({ id: i, label: t.label, disabled: t.disabled });
-    }), A(() => {
-      a.unregisterTab(i);
+    const t = e, a = R(ae), r = j();
+    H(() => {
+      a.registerTab({ id: r, label: t.label, disabled: t.disabled });
+    }), F(() => {
+      a.unregisterTab(r);
     });
-    const l = f(() => a.tabs.value.findIndex((d) => d.id === i)), u = f(() => l.value === a.selectedIndex.value);
-    return f(() => {
-    }), (d, r) => l.value >= 0 ? (n(), o("div", {
+    const l = v(() => a.tabs.value.findIndex((u) => u.id === r)), d = v(() => l.value === a.selectedIndex.value);
+    return v(() => {
+    }), (u, i) => l.value >= 0 ? (s(), n("div", {
       key: 0,
       role: "tabpanel",
-      hidden: !u.value,
+      hidden: !d.value,
       class: "tab-panel",
       "aria-labelledby": void 0,
       tabindex: "0"
     }, [
-      h(d.$slots, "default")
-    ], 8, ea)) : _("", !0);
+      h(u.$slots, "default")
+    ], 8, Ha)) : k("", !0);
   }
-}), aa = ["for"], ta = ["id", "value", "rows", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], la = {
+}), ja = ["for"], Ga = ["id", "value", "rows", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], Oa = {
   key: 1,
   class: "errors",
   "aria-live": "polite"
-}, Na = /* @__PURE__ */ v({
+}, Ut = /* @__PURE__ */ p({
   name: "LlmTextarea",
   __name: "llm-textarea",
   props: {
@@ -1318,26 +1869,26 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
   },
   emits: ["update:value"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = x(null), u = f(() => a.id || (a.label ? `textarea-${Math.random().toString(36).slice(2)}` : void 0));
-    function d() {
+    const a = e, r = t, l = B(null), d = v(() => a.id || (a.label ? `textarea-${Math.random().toString(36).slice(2)}` : void 0));
+    function u() {
       a.autoResize && l.value && (l.value.style.height = "auto", l.value.style.height = `${l.value.scrollHeight}px`);
     }
-    S(() => a.value, async () => {
-      await W(), d();
-    }), M(() => d());
-    function r(s) {
-      i("update:value", s.target.value), d();
+    A(() => a.value, async () => {
+      await ue(), u();
+    }), H(() => u());
+    function i(o) {
+      r("update:value", o.target.value), u();
     }
-    return (s, c) => (n(), o("div", {
-      class: b(["llm-textarea", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
+    return (o, m) => (s(), n("div", {
+      class: g(["llm-textarea", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
     }, [
-      e.label ? (n(), o("label", {
+      e.label ? (s(), n("label", {
         key: 0,
-        for: u.value,
+        for: d.value,
         class: "textarea-label"
-      }, w(e.label), 9, aa)) : _("", !0),
-      m("textarea", {
-        id: u.value,
+      }, x(e.label), 9, ja)) : k("", !0),
+      c("textarea", {
+        id: d.value,
         ref_key: "textareaRef",
         ref: l,
         value: e.value,
@@ -1348,59 +1899,59 @@ const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ua = /* @__PURE__ */ v({
         required: e.required,
         name: e.name,
         "aria-invalid": e.invalid || void 0,
-        onInput: r
-      }, null, 40, ta),
-      e.errors.length ? (n(), o("ul", la, [
-        (n(!0), o(C, null, T(e.errors, ($, y) => (n(), o("li", {
+        onInput: i
+      }, null, 40, Ga),
+      e.errors.length ? (s(), n("ul", Oa, [
+        (s(!0), n(D, null, z(e.errors, ($, y) => (s(), n("li", {
           key: y,
           class: "error"
-        }, w($), 1))), 128))
-      ])) : _("", !0)
+        }, x($), 1))), 128))
+      ])) : k("", !0)
     ], 2));
   }
-}), E = /* @__PURE__ */ Symbol("LlmToast");
-function Wa() {
-  const e = I(E);
+}), V = /* @__PURE__ */ Symbol("LlmToast");
+function Zt() {
+  const e = R(V);
   if (!e)
     throw new Error(
       "useLlmToast() must be called inside a component that is a descendant of LlmToastProvider."
     );
   return { show: e.show, dismiss: e.dismiss, clear: e.clear };
 }
-const Ja = /* @__PURE__ */ v({
+const Jt = /* @__PURE__ */ p({
   name: "LlmToastProvider",
   __name: "llm-toast-provider",
   setup(e) {
-    const t = x([]), a = /* @__PURE__ */ new Map();
-    function i(d, r = {}) {
-      const s = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, c = r.duration ?? 5e3, $ = {
-        id: s,
-        message: d,
-        variant: r.variant ?? "default",
-        duration: c,
-        dismissible: r.dismissible ?? !0
+    const t = B([]), a = /* @__PURE__ */ new Map();
+    function r(u, i = {}) {
+      const o = `toast-${Date.now()}-${Math.random().toString(36).slice(2, 7)}`, m = i.duration ?? 5e3, $ = {
+        id: o,
+        message: u,
+        variant: i.variant ?? "default",
+        duration: m,
+        dismissible: i.dismissible ?? !0
       };
-      if (t.value = [...t.value, $], c > 0) {
+      if (t.value = [...t.value, $], m > 0) {
         const y = setTimeout(() => {
-          l(s);
-        }, c);
-        a.set(s, y);
+          l(o);
+        }, m);
+        a.set(o, y);
       }
-      return s;
+      return o;
     }
-    function l(d) {
-      t.value = t.value.filter((s) => s.id !== d);
-      const r = a.get(d);
-      r !== void 0 && (clearTimeout(r), a.delete(d));
+    function l(u) {
+      t.value = t.value.filter((o) => o.id !== u);
+      const i = a.get(u);
+      i !== void 0 && (clearTimeout(i), a.delete(u));
     }
-    function u() {
-      for (const d of a.values())
-        clearTimeout(d);
+    function d() {
+      for (const u of a.values())
+        clearTimeout(u);
       a.clear(), t.value = [];
     }
-    return D(E, { toasts: t, show: i, dismiss: l, clear: u }), (d, r) => h(d.$slots, "default");
+    return E(V, { toasts: t, show: r, dismiss: l, clear: d }), (u, i) => h(u.$slots, "default");
   }
-}), sa = { class: "message" }, na = /* @__PURE__ */ v({
+}), Fa = { class: "message" }, Pa = /* @__PURE__ */ p({
   name: "LlmToastItem",
   __name: "llm-toast-item",
   props: {
@@ -1408,20 +1959,20 @@ const Ja = /* @__PURE__ */ v({
   },
   emits: ["dismiss"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = f(() => ["llm-toast", `variant-${a.data.variant}`]);
-    return (u, d) => (n(), o("div", {
-      class: b(l.value),
+    const a = e, r = t, l = v(() => ["llm-toast", `variant-${a.data.variant}`]);
+    return (d, u) => (s(), n("div", {
+      class: g(l.value),
       role: "status"
     }, [
-      m("span", sa, w(e.data.message), 1),
-      e.data.dismissible ? (n(), o("button", {
+      c("span", Fa, x(e.data.message), 1),
+      e.data.dismissible ? (s(), n("button", {
         key: 0,
         class: "dismiss",
         type: "button",
         "aria-label": "Dismiss",
-        onClick: d[0] || (d[0] = (r) => i("dismiss", e.data.id))
-      }, [...d[1] || (d[1] = [
-        m("svg", {
+        onClick: u[0] || (u[0] = (i) => r("dismiss", e.data.id))
+      }, [...u[1] || (u[1] = [
+        c("svg", {
           xmlns: "http://www.w3.org/2000/svg",
           width: "14",
           height: "14",
@@ -1433,51 +1984,51 @@ const Ja = /* @__PURE__ */ v({
           "stroke-linejoin": "round",
           "aria-hidden": "true"
         }, [
-          m("line", {
+          c("line", {
             x1: "18",
             y1: "6",
             x2: "6",
             y2: "18"
           }),
-          m("line", {
+          c("line", {
             x1: "6",
             y1: "6",
             x2: "18",
             y2: "18"
           })
         ], -1)
-      ])])) : _("", !0)
+      ])])) : k("", !0)
     ], 2));
   }
-}), Qa = /* @__PURE__ */ v({
+}), Qt = /* @__PURE__ */ p({
   name: "LlmToastContainer",
   __name: "llm-toast-container",
   props: {
     position: { default: "bottom-right" }
   },
   setup(e) {
-    const t = e, a = I(E), i = f(() => a.toasts.value);
-    function l(d) {
-      a.dismiss(d);
+    const t = e, a = R(V), r = v(() => a.toasts.value);
+    function l(u) {
+      a.dismiss(u);
     }
-    const u = f(() => ["llm-toast-container", `position-${t.position}`]);
-    return (d, r) => (n(), o("div", {
-      class: b(u.value),
+    const d = v(() => ["llm-toast-container", `position-${t.position}`]);
+    return (u, i) => (s(), n("div", {
+      class: g(d.value),
       "aria-live": "polite",
       role: "status"
     }, [
-      (n(!0), o(C, null, T(i.value, (s) => (n(), G(na, {
-        key: s.id,
-        data: s,
-        onDismiss: r[0] || (r[0] = (c) => l(c))
+      (s(!0), n(D, null, z(r.value, (o) => (s(), N(Pa, {
+        key: o.id,
+        data: o,
+        onDismiss: i[0] || (i[0] = (m) => l(m))
       }, null, 8, ["data"]))), 128))
     ], 2));
   }
-}), oa = ["for"], ia = ["id", "checked", "disabled", "required", "name", "aria-invalid", "aria-checked"], ra = {
+}), Ka = ["for"], Va = ["id", "checked", "disabled", "required", "name", "aria-invalid", "aria-checked"], Na = {
   key: 0,
   class: "errors",
   "aria-live": "polite"
-}, Xa = /* @__PURE__ */ v({
+}, Wt = /* @__PURE__ */ p({
   name: "LlmToggle",
   __name: "llm-toggle",
   props: {
@@ -1492,18 +2043,18 @@ const Ja = /* @__PURE__ */ v({
   },
   emits: ["update:checked"],
   setup(e, { emit: t }) {
-    const a = e, i = t, l = f(() => a.id || `toggle-${Math.random().toString(36).slice(2)}`);
-    function u(d) {
-      a.readonly || i("update:checked", d.target.checked);
+    const a = e, r = t, l = v(() => a.id || `toggle-${Math.random().toString(36).slice(2)}`);
+    function d(u) {
+      a.readonly || r("update:checked", u.target.checked);
     }
-    return (d, r) => (n(), o("div", {
-      class: b(["llm-toggle", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
+    return (u, i) => (s(), n("div", {
+      class: g(["llm-toggle", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
     }, [
-      m("label", {
+      c("label", {
         for: l.value,
         class: "toggle-label"
       }, [
-        m("input", {
+        c("input", {
           id: l.value,
           type: "checkbox",
           role: "switch",
@@ -1513,22 +2064,22 @@ const Ja = /* @__PURE__ */ v({
           name: e.name,
           "aria-invalid": e.invalid || void 0,
           "aria-checked": e.checked,
-          onChange: u
-        }, null, 40, ia),
-        r[0] || (r[0] = m("span", { class: "track" }, [
-          m("span", { class: "thumb" })
+          onChange: d
+        }, null, 40, Va),
+        i[0] || (i[0] = c("span", { class: "track" }, [
+          c("span", { class: "thumb" })
         ], -1)),
-        h(d.$slots, "default")
-      ], 8, oa),
-      e.errors.length ? (n(), o("ul", ra, [
-        (n(!0), o(C, null, T(e.errors, (s, c) => (n(), o("li", {
-          key: c,
+        h(u.$slots, "default")
+      ], 8, Ka),
+      e.errors.length ? (s(), n("ul", Na, [
+        (s(!0), n(D, null, z(e.errors, (o, m) => (s(), n("li", {
+          key: m,
           class: "error"
-        }, w(s), 1))), 128))
-      ])) : _("", !0)
+        }, x(o), 1))), 128))
+      ])) : k("", !0)
     ], 2));
   }
-}), Ya = /* @__PURE__ */ v({
+}), Xt = /* @__PURE__ */ p({
   name: "LlmTooltip",
   __name: "llm-tooltip",
   props: {
@@ -1539,84 +2090,184 @@ const Ja = /* @__PURE__ */ v({
     llmTooltipHideDelay: { default: 0 }
   },
   setup(e) {
-    const t = e, a = x(!1);
-    let i = null, l = null;
-    function u() {
-      i && (clearTimeout(i), i = null), l && (clearTimeout(l), l = null);
-    }
+    const t = e, a = B(!1);
+    let r = null, l = null;
     function d() {
-      t.llmTooltipDisabled || !t.llmTooltip || (u(), i = setTimeout(() => {
+      r && (clearTimeout(r), r = null), l && (clearTimeout(l), l = null);
+    }
+    function u() {
+      t.llmTooltipDisabled || !t.llmTooltip || (d(), r = setTimeout(() => {
         a.value = !0;
       }, t.llmTooltipShowDelay));
     }
-    function r() {
-      u(), l = setTimeout(() => {
+    function i() {
+      d(), l = setTimeout(() => {
         a.value = !1;
       }, t.llmTooltipHideDelay);
     }
-    function s(c) {
-      c.key === "Escape" && (u(), a.value = !1);
+    function o(m) {
+      m.key === "Escape" && (d(), a.value = !1);
     }
-    return J(() => u()), (c, $) => (n(), o("span", {
+    return Z(() => d()), (m, $) => (s(), n("span", {
       class: "llm-tooltip-wrapper",
-      onMouseenter: d,
-      onMouseleave: r,
-      onFocus: d,
-      onBlur: r,
-      onKeydown: s
+      onMouseenter: u,
+      onMouseleave: i,
+      onFocus: u,
+      onBlur: i,
+      onKeydown: o
     }, [
-      h(c.$slots, "default"),
-      a.value && !e.llmTooltipDisabled && e.llmTooltip ? (n(), o("div", {
+      h(m.$slots, "default"),
+      a.value && !e.llmTooltipDisabled && e.llmTooltip ? (s(), n("div", {
         key: 0,
         role: "tooltip",
-        class: b(`llm-tooltip position-${e.llmTooltipPosition}`)
-      }, w(e.llmTooltip), 3)) : _("", !0)
+        class: g(`llm-tooltip position-${e.llmTooltipPosition}`)
+      }, x(e.llmTooltip), 3)) : k("", !0)
     ], 32));
   }
+}), Ua = { class: "llm-code-block" }, Za = { class: "code-block-header" }, Ja = { class: "code-block-label" }, Qa = ["aria-label"], Wa = { class: "code-block-body" }, Xa = { class: "code-block-pre" }, Ya = { class: "code-line-number" }, et = { class: "code-line-text" }, Yt = /* @__PURE__ */ p({
+  name: "LlmCodeBlock",
+  __name: "llm-code-block",
+  props: {
+    code: {},
+    language: { default: "text" },
+    filename: { default: "" },
+    copyable: { type: Boolean, default: !0 },
+    showLineNumbers: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, a = B(!1), r = v(() => t.filename || t.language), l = v(() => t.code.split(`
+`));
+    function d() {
+      navigator.clipboard.writeText(t.code).then(() => {
+        a.value = !0, setTimeout(() => {
+          a.value = !1;
+        }, 1800);
+      });
+    }
+    return (u, i) => (s(), n("div", Ua, [
+      c("div", Za, [
+        c("span", Ja, x(r.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 ? (s(), n(D, { key: 0 }, [
+            i[0] || (i[0] = c("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "aria-hidden": "true"
+            }, [
+              c("polyline", { points: "20 6 9 17 4 12" })
+            ], -1)),
+            i[1] || (i[1] = O(" Copied ", -1))
+          ], 64)) : (s(), n(D, { key: 1 }, [
+            i[2] || (i[2] = c("svg", {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: "14",
+              height: "14",
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              "stroke-width": "2",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round",
+              "aria-hidden": "true"
+            }, [
+              c("rect", {
+                x: "9",
+                y: "9",
+                width: "13",
+                height: "13",
+                rx: "2",
+                ry: "2"
+              }),
+              c("path", { d: "M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" })
+            ], -1)),
+            i[3] || (i[3] = O(" Copy ", -1))
+          ], 64))
+        ], 8, Qa)) : k("", !0)
+      ]),
+      c("div", Wa, [
+        c("pre", Xa, [
+          c("code", null, [
+            e.showLineNumbers ? (s(!0), n(D, { key: 0 }, z(l.value, (o, m) => (s(), n("span", {
+              key: m,
+              class: "code-line"
+            }, [
+              c("span", Ya, x(m + 1), 1),
+              c("span", et, x(o), 1)
+            ]))), 128)) : (s(), n(D, { key: 1 }, [
+              O(x(e.code), 1)
+            ], 64))
+          ])
+        ])
+      ])
+    ]));
+  }
 });
 export {
-  ua as LlmAccordionGroup,
-  ma as LlmAccordionHeader,
-  ca as LlmAccordionItem,
-  fa as LlmAlert,
-  va as LlmAvatar,
-  pa as LlmAvatarGroup,
-  ga as LlmBadge,
-  ba as LlmBreadcrumbItem,
-  ha as LlmBreadcrumbs,
-  ya as LlmButton,
-  $a as LlmCard,
-  _a as LlmCardContent,
-  La as LlmCardFooter,
-  ka as LlmCardHeader,
-  wa as LlmCheckbox,
-  xa as LlmDialog,
-  Ca as LlmDialogContent,
-  Ta as LlmDialogFooter,
-  Ba as LlmDialogHeader,
-  Ia as LlmDrawer,
-  Ma as LlmDrawerContent,
-  Sa as LlmDrawerFooter,
-  Da as LlmDrawerHeader,
-  za as LlmInput,
-  Aa as LlmMenu,
-  Ra as LlmMenuItem,
-  Ea as LlmMenuSeparator,
-  qa as LlmMenuTrigger,
-  ja as LlmOption,
-  Ga as LlmPagination,
-  Ha as LlmProgress,
-  Fa as LlmRadio,
-  Pa as LlmRadioGroup,
-  Ka as LlmSelect,
-  Oa as LlmSkeleton,
-  Ua as LlmTab,
-  Va as LlmTabGroup,
-  Na as LlmTextarea,
-  Qa as LlmToastContainer,
-  na as LlmToastItem,
-  Ja as LlmToastProvider,
-  Xa as LlmToggle,
-  Ya as LlmTooltip,
-  Wa as useLlmToast
+  tt as LlmAccordionGroup,
+  st as LlmAccordionHeader,
+  lt as LlmAccordionItem,
+  nt as LlmAlert,
+  ot as LlmAvatar,
+  it as LlmAvatarGroup,
+  rt as LlmBadge,
+  ut as LlmBreadcrumbItem,
+  dt as LlmBreadcrumbs,
+  ct as LlmButton,
+  mt as LlmCard,
+  vt as LlmCardContent,
+  pt as LlmCardFooter,
+  ft as LlmCardHeader,
+  Me as LlmCheckbox,
+  Yt as LlmCodeBlock,
+  St as LlmCombobox,
+  bt as LlmDialog,
+  gt as LlmDialogContent,
+  yt as LlmDialogFooter,
+  ht as LlmDialogHeader,
+  $t as LlmDrawer,
+  _t as LlmDrawerContent,
+  wt as LlmDrawerFooter,
+  kt as LlmDrawerHeader,
+  Lt as LlmInput,
+  Bt as LlmMenu,
+  Ct as LlmMenuItem,
+  Tt as LlmMenuSeparator,
+  xt as LlmMenuTrigger,
+  At as LlmOption,
+  Dt as LlmPagination,
+  It as LlmProgress,
+  zt as LlmRadio,
+  Mt as LlmRadioGroup,
+  qt as LlmSelect,
+  Rt as LlmSkeleton,
+  Ht as LlmStep,
+  Et as LlmStepper,
+  Nt as LlmTab,
+  Vt as LlmTabGroup,
+  jt as LlmTable,
+  Ot as LlmTbody,
+  Kt as LlmTd,
+  Ut as LlmTextarea,
+  Pt as LlmTh,
+  Gt as LlmThead,
+  Qt as LlmToastContainer,
+  Pa as LlmToastItem,
+  Jt as LlmToastProvider,
+  Wt as LlmToggle,
+  Xt as LlmTooltip,
+  Ft as LlmTr,
+  Zt as useLlmToast
 };