@atelier-ui/vue 0.0.1

package/index.mjs

@@ -0,0 +1,1617 @@
+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 E, resolveDynamicComponent as N, unref as B, withModifiers as G, normalizeStyle as H, nextTick as W, onUnmounted as J } from "vue";
+const P = /* @__PURE__ */ Symbol("LlmAccordionGroup"), ca = /* @__PURE__ */ v({
+  name: "LlmAccordionGroup",
+  __name: "llm-accordion-group",
+  props: {
+    multi: { type: Boolean, default: !1 },
+    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;
+    }
+    function u(s, c) {
+      i.set(s, c);
+    }
+    function d(s) {
+      i.delete(s);
+    }
+    D(P, {
+      get multi() {
+        return t.multi;
+      },
+      openItems: a,
+      toggleItem: l,
+      registerItem: u,
+      unregisterItem: d
+    });
+    const r = f(() => ["llm-accordion-group", `variant-${t.variant}`]);
+    return (s, c) => (n(), o("div", {
+      class: b(r.value)
+    }, [
+      h(s.$slots, "default")
+    ], 2));
+  }
+}), Q = { class: "accordion-heading" }, X = ["aria-expanded", "disabled"], ma = /* @__PURE__ */ v({
+  name: "LlmAccordionItem",
+  __name: "llm-accordion-item",
+  props: {
+    expanded: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  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);
+    function $() {
+      a.disabled || (r ? r.toggleItem(l) : i("update:expanded", !c.value));
+    }
+    function y(k) {
+      if (!r) return;
+      const g = 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());
+    }
+    M(() => {
+      r && s.value && r.registerItem(l, s.value), !r && a.expanded;
+    }), S(
+      () => a.expanded,
+      (k) => {
+        if (!r || k === void 0) return;
+        const g = r.openItems.value.has(l);
+        (k && !g || !k && g) && r.toggleItem(l);
+      },
+      { immediate: !0 }
+    ), A(() => {
+      r && r.unregisterItem(l);
+    });
+    const p = f(() => [
+      "llm-accordion-item",
+      c.value && "is-expanded",
+      a.disabled && "is-disabled"
+    ]), L = f(() => ["chevron", c.value && "is-expanded"]);
+    return (k, g) => (n(), o("div", {
+      class: b(p.value)
+    }, [
+      m("h3", Q, [
+        m("button", {
+          id: u,
+          ref_key: "triggerRef",
+          ref: s,
+          class: "accordion-trigger",
+          type: "button",
+          "aria-expanded": c.value,
+          "aria-controls": d,
+          disabled: e.disabled,
+          onClick: $,
+          onKeydown: y
+        }, [
+          h(k.$slots, "header"),
+          (n(), o("svg", {
+            class: b(L.value),
+            width: "16",
+            height: "16",
+            viewBox: "0 0 16 16",
+            fill: "none",
+            "aria-hidden": "true"
+          }, [...g[0] || (g[0] = [
+            m("path", {
+              d: "M4 6L8 10L12 6",
+              stroke: "currentColor",
+              "stroke-width": "1.5",
+              "stroke-linecap": "round",
+              "stroke-linejoin": "round"
+            }, null, -1)
+          ])], 2))
+        ], 40, X)
+      ]),
+      m("div", {
+        class: b(["accordion-panel-wrapper", c.value && "is-expanded"])
+      }, [
+        m("div", {
+          id: d,
+          role: "region",
+          "aria-labelledby": u,
+          class: "accordion-panel"
+        }, [
+          h(k.$slots, "default")
+        ])
+      ], 2)
+    ], 2));
+  }
+}), Y = { class: "accordion-header-content" }, fa = /* @__PURE__ */ v({
+  name: "LlmAccordionHeader",
+  __name: "llm-accordion-header",
+  setup(e) {
+    return (t, a) => (n(), o("span", Y, [
+      h(t.$slots, "default")
+    ]));
+  }
+}), Z = ["aria-live"], ee = { class: "content" }, va = /* @__PURE__ */ v({
+  name: "LlmAlert",
+  __name: "llm-alert",
+  props: {
+    variant: { default: "info" },
+    dismissible: { type: Boolean, default: !1 }
+  },
+  emits: ["dismissed"],
+  setup(e, { emit: t }) {
+    const a = e, i = t, l = f(() => ["llm-alert", `variant-${a.variant}`]), u = f(
+      () => a.variant === "danger" || a.variant === "warning" ? "assertive" : "polite"
+    );
+    return (d, r) => (n(), o("div", {
+      class: b(l.value),
+      role: "alert",
+      "aria-live": u.value
+    }, [
+      m("span", ee, [
+        h(d.$slots, "default")
+      ]),
+      e.dismissible ? (n(), o("button", {
+        key: 0,
+        class: "dismiss",
+        type: "button",
+        "aria-label": "Dismiss",
+        onClick: r[0] || (r[0] = (s) => i("dismissed"))
+      }, [...r[1] || (r[1] = [
+        m("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          "stroke-width": "2",
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          "aria-hidden": "true"
+        }, [
+          m("line", {
+            x1: "18",
+            y1: "6",
+            x2: "6",
+            y2: "18"
+          }),
+          m("line", {
+            x1: "6",
+            y1: "6",
+            x2: "18",
+            y2: "18"
+          })
+        ], -1)
+      ])])) : _("", !0)
+    ], 10, Z));
+  }
+}), ae = ["aria-label"], te = ["src", "alt"], le = {
+  key: 1,
+  class: "initials"
+}, se = {
+  key: 2,
+  class: "icon",
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 24 24",
+  fill: "currentColor",
+  "aria-hidden": "true"
+}, pa = /* @__PURE__ */ v({
+  name: "LlmAvatar",
+  __name: "llm-avatar",
+  props: {
+    src: { default: "" },
+    alt: { default: "" },
+    name: { default: "" },
+    size: { default: "md" },
+    shape: { default: "circle" },
+    status: { default: "" }
+  },
+  setup(e) {
+    const t = e, a = x(!1);
+    S(() => t.src, () => {
+      a.value = !1;
+    });
+    function i(r) {
+      return r.split(" ").filter(Boolean).slice(0, 2).map((s) => s[0].toUpperCase()).join("");
+    }
+    const l = f(() => t.name ? i(t.name) : ""), u = f(() => t.alt || t.name || "Avatar"), d = f(() => [
+      "llm-avatar",
+      `size-${t.size}`,
+      `shape-${t.shape}`
+    ]);
+    return (r, s) => (n(), o("div", {
+      class: b(d.value),
+      "aria-label": u.value,
+      role: "img"
+    }, [
+      e.src && !a.value ? (n(), o("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)
+      ])])),
+      e.status ? (n(), o("span", {
+        key: 3,
+        class: b(`status-dot status-${e.status}`),
+        "aria-hidden": "true"
+      }, null, 2)) : _("", !0)
+    ], 10, ae));
+  }
+}), ne = ["aria-label"], ga = /* @__PURE__ */ v({
+  name: "LlmAvatarGroup",
+  __name: "llm-avatar-group",
+  props: {
+    max: { default: 5 },
+    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}`])
+    }, [
+      (n(!0), o(C, null, T(l.value, (s, c) => (n(), E(N(s), { key: c }))), 128)),
+      u.value > 0 ? (n(), o("div", {
+        key: 0,
+        class: b(`overflow-badge size-${e.size}`),
+        "aria-label": `+${u.value} more`
+      }, " +" + w(u.value), 11, ne)) : _("", !0)
+    ], 2));
+  }
+}), ha = /* @__PURE__ */ v({
+  name: "LlmBadge",
+  __name: "llm-badge",
+  props: {
+    variant: { default: "default" },
+    size: { default: "md" }
+  },
+  setup(e) {
+    const t = e, a = f(() => [
+      "llm-badge",
+      `variant-${t.variant}`,
+      `size-${t.size}`
+    ]);
+    return (i, l) => (n(), o("span", {
+      class: b(a.value),
+      role: "status"
+    }, [
+      h(i.$slots, "default")
+    ], 2));
+  }
+}), oe = {
+  class: "llm-breadcrumbs",
+  "aria-label": "Breadcrumb"
+}, ie = { class: "breadcrumbs-list" }, ba = /* @__PURE__ */ v({
+  name: "LlmBreadcrumbs",
+  __name: "llm-breadcrumbs",
+  setup(e) {
+    return (t, a) => (n(), o("nav", oe, [
+      m("ol", ie, [
+        h(t.$slots, "default")
+      ])
+    ]));
+  }
+}), re = ["href"], de = ["aria-current"], ya = /* @__PURE__ */ v({
+  name: "LlmBreadcrumbItem",
+  __name: "llm-breadcrumb-item",
+  props: {
+    href: { default: void 0 },
+    current: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, a = f(() => [
+      "llm-breadcrumb-item",
+      t.current && "is-current"
+    ].filter(Boolean));
+    return (i, l) => (n(), o("li", {
+      class: b(a.value)
+    }, [
+      e.href && !e.current ? (n(), o("a", {
+        key: 0,
+        href: e.href,
+        class: "breadcrumb-link"
+      }, [
+        h(i.$slots, "default")
+      ], 8, re)) : (n(), o("span", {
+        key: 1,
+        class: "breadcrumb-current",
+        "aria-current": e.current ? "page" : void 0
+      }, [
+        h(i.$slots, "default")
+      ], 8, de))
+    ], 2));
+  }
+}), ue = ["type", "disabled", "aria-disabled"], ce = {
+  key: 0,
+  class: "spinner",
+  "aria-hidden": "true"
+}, $a = /* @__PURE__ */ v({
+  name: "LlmButton",
+  __name: "llm-button",
+  props: {
+    variant: { default: "primary" },
+    size: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    type: { default: "button" }
+  },
+  setup(e) {
+    const t = e, a = f(() => t.disabled || t.loading), i = f(() => [
+      "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),
+      type: e.type,
+      disabled: a.value,
+      "aria-disabled": a.value || void 0
+    }, [
+      e.loading ? (n(), o("span", ce)) : _("", !0),
+      h(l.$slots, "default")
+    ], 10, ue));
+  }
+}), ka = /* @__PURE__ */ v({
+  name: "LlmCard",
+  __name: "llm-card",
+  props: {
+    variant: { default: "elevated" },
+    padding: { default: "md" }
+  },
+  setup(e) {
+    const t = e, a = f(() => [
+      "llm-card",
+      `variant-${t.variant}`,
+      `padding-${t.padding}`
+    ]);
+    return (i, l) => (n(), o("div", {
+      class: b(a.value)
+    }, [
+      h(i.$slots, "default")
+    ], 2));
+  }
+}), me = { class: "llm-card-header" }, _a = /* @__PURE__ */ v({
+  name: "LlmCardHeader",
+  __name: "llm-card-header",
+  setup(e) {
+    return (t, a) => (n(), o("div", me, [
+      h(t.$slots, "default")
+    ]));
+  }
+}), fe = { class: "llm-card-content" }, La = /* @__PURE__ */ v({
+  name: "LlmCardContent",
+  __name: "llm-card-content",
+  setup(e) {
+    return (t, a) => (n(), o("div", fe, [
+      h(t.$slots, "default")
+    ]));
+  }
+}), ve = { class: "llm-card-footer" }, wa = /* @__PURE__ */ v({
+  name: "LlmCardFooter",
+  __name: "llm-card-footer",
+  setup(e) {
+    return (t, a) => (n(), o("div", ve, [
+      h(t.$slots, "default")
+    ]));
+  }
+}), pe = ["for"], ge = ["id", "checked", "disabled", "readonly", "required", "name", "aria-invalid"], he = {
+  key: 0,
+  class: "errors",
+  "aria-live": "polite"
+}, xa = /* @__PURE__ */ v({
+  name: "LlmCheckbox",
+  __name: "llm-checkbox",
+  props: {
+    checked: { type: Boolean, default: !1 },
+    indeterminate: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 },
+    errors: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    name: { default: "" },
+    id: { default: "" }
+  },
+  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(
+      () => a.indeterminate,
+      (r) => {
+        l.value && (l.value.indeterminate = r);
+      }
+    ), M(() => {
+      l.value && (l.value.indeterminate = a.indeterminate);
+    });
+    function d(r) {
+      const s = r.target;
+      i("update:checked", s.checked);
+    }
+    return (r, s) => (n(), o("div", {
+      class: b(["llm-checkbox", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
+    }, [
+      m("label", {
+        for: u.value,
+        class: "checkbox-label"
+      }, [
+        m("input", {
+          id: u.value,
+          ref_key: "inputRef",
+          ref: l,
+          type: "checkbox",
+          checked: e.checked,
+          disabled: e.disabled,
+          readonly: e.readonly,
+          required: e.required,
+          name: e.name,
+          "aria-invalid": e.invalid || void 0,
+          onChange: d
+        }, null, 40, ge),
+        h(r.$slots, "default")
+      ], 8, pe),
+      e.errors.length ? (n(), o("ul", he, [
+        (n(!0), o(C, null, T(e.errors, (c, $) => (n(), o("li", {
+          key: $,
+          class: "error"
+        }, w(c), 1))), 128))
+      ])) : _("", !0)
+    ], 2));
+  }
+}), be = ["aria-label", "aria-labelledby"], F = /* @__PURE__ */ Symbol("LlmDialog"), Ba = /* @__PURE__ */ v({
+  name: "LlmDialog",
+  __name: "llm-dialog",
+  props: {
+    open: { type: Boolean, default: !1 },
+    closeOnBackdrop: { type: Boolean, default: !0 },
+    size: { default: "md" },
+    ariaLabel: { default: void 0 }
+  },
+  emits: ["update:open"],
+  setup(e, { emit: t }) {
+    const a = e, i = t, l = x(null), u = z();
+    function d() {
+      i("update:open", !1);
+    }
+    D(F, {
+      headerId: u,
+      close: d
+    }), M(() => {
+      a.open && l.value && l.value.showModal();
+    }), S(
+      () => a.open,
+      (y) => {
+        const p = l.value;
+        p && (y ? p.open || p.showModal() : p.open && p.close());
+      },
+      { flush: "post" }
+    );
+    function r() {
+      i("update:open", !1);
+    }
+    function s(y) {
+      y.preventDefault(), i("update:open", !1);
+    }
+    function c(y) {
+      a.closeOnBackdrop && y.target === l.value && i("update:open", !1);
+    }
+    const $ = f(() => ["panel", `size-${a.size}`]);
+    return (y, p) => (n(), o("dialog", {
+      ref_key: "dialogRef",
+      ref: l,
+      class: "llm-dialog",
+      "aria-label": e.ariaLabel || void 0,
+      "aria-labelledby": e.ariaLabel ? void 0 : B(u),
+      "aria-modal": "true",
+      onClose: r,
+      onCancel: s,
+      onClick: c
+    }, [
+      m("div", {
+        class: b($.value),
+        onClick: p[0] || (p[0] = G(() => {
+        }, ["stop"]))
+      }, [
+        h(y.$slots, "default")
+      ], 2)
+    ], 40, be));
+  }
+}), ye = ["id"], $e = { class: "header-content" }, Ca = /* @__PURE__ */ v({
+  name: "LlmDialogHeader",
+  __name: "llm-dialog-header",
+  setup(e) {
+    const t = I(F, { headerId: "", close: () => {
+    } });
+    return (a, i) => (n(), o("div", {
+      id: B(t).headerId,
+      class: "llm-dialog-header"
+    }, [
+      m("span", $e, [
+        h(a.$slots, "default")
+      ]),
+      m("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", {
+          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"
+        }, [
+          m("line", {
+            x1: "18",
+            y1: "6",
+            x2: "6",
+            y2: "18"
+          }),
+          m("line", {
+            x1: "6",
+            y1: "6",
+            x2: "18",
+            y2: "18"
+          })
+        ], -1)
+      ])])
+    ], 8, ye));
+  }
+}), ke = { class: "llm-dialog-content" }, Ta = /* @__PURE__ */ v({
+  name: "LlmDialogContent",
+  __name: "llm-dialog-content",
+  setup(e) {
+    return (t, a) => (n(), o("div", ke, [
+      h(t.$slots, "default")
+    ]));
+  }
+}), _e = { class: "llm-dialog-footer" }, Ia = /* @__PURE__ */ v({
+  name: "LlmDialogFooter",
+  __name: "llm-dialog-footer",
+  setup(e) {
+    return (t, a) => (n(), o("div", _e, [
+      h(t.$slots, "default")
+    ]));
+  }
+}), Le = ["aria-labelledby"], K = /* @__PURE__ */ Symbol("LlmDrawer"), Da = /* @__PURE__ */ v({
+  name: "LlmDrawer",
+  __name: "llm-drawer",
+  props: {
+    open: { type: Boolean, default: !1 },
+    position: { default: "right" },
+    size: { default: "md" },
+    closeOnBackdrop: { type: Boolean, default: !0 }
+  },
+  emits: ["update:open"],
+  setup(e, { emit: t }) {
+    const a = e, i = t, l = x(null), u = z();
+    function d() {
+      i("update:open", !1);
+    }
+    D(K, {
+      headerId: u,
+      close: d
+    }), M(() => {
+      a.open && l.value && l.value.showModal();
+    }), S(
+      () => a.open,
+      (y) => {
+        const p = l.value;
+        p && (y ? p.open || p.showModal() : p.open && p.close());
+      },
+      { flush: "post" }
+    );
+    function r() {
+      i("update:open", !1);
+    }
+    function s(y) {
+      y.preventDefault(), i("update:open", !1);
+    }
+    function c(y) {
+      a.closeOnBackdrop && y.target === l.value && i("update:open", !1);
+    }
+    const $ = f(() => [
+      "llm-drawer-host",
+      `position-${a.position}`,
+      `size-${a.size}`,
+      a.open && "is-open"
+    ]);
+    return (y, p) => (n(), o("dialog", {
+      ref_key: "dialogRef",
+      ref: l,
+      class: b($.value),
+      "aria-labelledby": B(u),
+      "aria-modal": "true",
+      onClose: r,
+      onCancel: s,
+      onClick: c
+    }, [
+      m("div", {
+        class: "panel",
+        onClick: p[0] || (p[0] = G(() => {
+        }, ["stop"]))
+      }, [
+        h(y.$slots, "default")
+      ])
+    ], 42, Le));
+  }
+}), we = ["id"], xe = { class: "header-content" }, Ma = /* @__PURE__ */ v({
+  name: "LlmDrawerHeader",
+  __name: "llm-drawer-header",
+  setup(e) {
+    const t = I(K, { headerId: "", close: () => {
+    } });
+    return (a, i) => (n(), o("div", {
+      id: B(t).headerId,
+      class: "llm-drawer-header"
+    }, [
+      m("span", xe, [
+        h(a.$slots, "default")
+      ]),
+      m("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", {
+          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"
+        }, [
+          m("line", {
+            x1: "18",
+            y1: "6",
+            x2: "6",
+            y2: "18"
+          }),
+          m("line", {
+            x1: "6",
+            y1: "6",
+            x2: "18",
+            y2: "18"
+          })
+        ], -1)
+      ])])
+    ], 8, we));
+  }
+}), Be = { class: "llm-drawer-content" }, Sa = /* @__PURE__ */ v({
+  name: "LlmDrawerContent",
+  __name: "llm-drawer-content",
+  setup(e) {
+    return (t, a) => (n(), o("div", Be, [
+      h(t.$slots, "default")
+    ]));
+  }
+}), Ce = { class: "llm-drawer-footer" }, za = /* @__PURE__ */ v({
+  name: "LlmDrawerFooter",
+  __name: "llm-drawer-footer",
+  setup(e) {
+    return (t, a) => (n(), o("div", Ce, [
+      h(t.$slots, "default")
+    ]));
+  }
+}), Te = ["for"], Ie = ["id", "type", "value", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], De = {
+  key: 1,
+  class: "errors",
+  "aria-live": "polite"
+}, qa = /* @__PURE__ */ v({
+  name: "LlmInput",
+  __name: "llm-input",
+  props: {
+    value: { default: "" },
+    type: { default: "text" },
+    placeholder: { default: "" },
+    invalid: { type: Boolean, default: !1 },
+    errors: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    label: { default: "" },
+    name: { default: "" },
+    id: { default: "" }
+  },
+  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);
+    }
+    return (d, r) => (n(), o("div", {
+      class: b(["llm-input", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
+    }, [
+      e.label ? (n(), o("label", {
+        key: 0,
+        for: l.value,
+        class: "input-label"
+      }, w(e.label), 9, Te)) : _("", !0),
+      m("input", {
+        id: l.value,
+        type: e.type,
+        value: e.value,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        required: e.required,
+        name: e.name,
+        "aria-invalid": e.invalid || void 0,
+        onInput: u
+      }, null, 40, Ie),
+      e.errors.length ? (n(), o("ul", De, [
+        (n(!0), o(C, null, T(e.errors, (s, c) => (n(), o("li", {
+          key: c,
+          class: "error"
+        }, w(s), 1))), 128))
+      ])) : _("", !0)
+    ], 2));
+  }
+}), Me = { class: "llm-menu-trigger-wrapper" }, j = /* @__PURE__ */ Symbol("LlmMenuTrigger"), Aa = /* @__PURE__ */ v({
+  name: "LlmMenuTrigger",
+  __name: "llm-menu-trigger",
+  setup(e) {
+    const t = x(!1), a = x(null), i = x(null);
+    function l() {
+      t.value = !t.value;
+    }
+    function u() {
+      t.value = !1;
+    }
+    D(j, { close: u });
+    function d(s) {
+      if (!t.value) return;
+      const c = s.target, $ = a.value?.contains(c), y = i.value?.contains(c);
+      !$ && !y && u();
+    }
+    function r(s) {
+      s.key === "Escape" && t.value && u();
+    }
+    return M(() => {
+      document.addEventListener("mousedown", d), document.addEventListener("keydown", r);
+    }), A(() => {
+      document.removeEventListener("mousedown", d), document.removeEventListener("keydown", r);
+    }), (s, c) => (n(), o("div", Me, [
+      m("span", {
+        ref_key: "triggerRef",
+        ref: a,
+        onClick: l
+      }, [
+        h(s.$slots, "trigger")
+      ], 512),
+      t.value ? (n(), o("div", {
+        key: 0,
+        ref_key: "menuRef",
+        ref: i,
+        class: "llm-menu-panel"
+      }, [
+        h(s.$slots, "menu")
+      ], 512)) : _("", !0)
+    ]));
+  }
+}), Ra = /* @__PURE__ */ v({
+  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),
+      role: "menu"
+    }, [
+      h(i.$slots, "default")
+    ], 2));
+  }
+}), Se = ["disabled"], Ea = /* @__PURE__ */ v({
+  name: "LlmMenuItem",
+  __name: "llm-menu-item",
+  props: {
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["triggered"],
+  setup(e, { emit: t }) {
+    const a = e, i = t, l = I(j, null);
+    function u() {
+      a.disabled || (i("triggered"), l?.close());
+    }
+    const d = f(() => ["llm-menu-item", a.disabled && "is-disabled"]);
+    return (r, s) => (n(), o("button", {
+      class: b(d.value),
+      role: "menuitem",
+      type: "button",
+      disabled: e.disabled,
+      onClick: u
+    }, [
+      h(r.$slots, "default")
+    ], 10, Se));
+  }
+}), ze = {
+  class: "llm-menu-separator",
+  role: "separator"
+}, Ga = /* @__PURE__ */ v({
+  name: "LlmMenuSeparator",
+  __name: "llm-menu-separator",
+  setup(e) {
+    return (t, a) => (n(), o("hr", ze));
+  }
+}), qe = {
+  class: "llm-pagination",
+  "aria-label": "Pagination"
+}, Ae = ["disabled"], Re = ["disabled"], Ee = {
+  key: 0,
+  class: "ellipsis",
+  "aria-hidden": "true"
+}, Ge = ["aria-label", "aria-current", "onClick"], He = ["disabled"], Pe = ["disabled"], Ha = /* @__PURE__ */ v({
+  name: "LlmPagination",
+  __name: "llm-pagination",
+  props: {
+    page: { default: 1 },
+    pageCount: { default: 1 },
+    siblingCount: { default: 1 },
+    showFirstLast: { type: Boolean, default: !0 }
+  },
+  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 $ = [];
+      $.push({ type: "page", page: 1 });
+      const y = Math.max(2, r - c), p = Math.min(s - 1, r + c);
+      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 }), $;
+    }
+    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);
+    }
+    return (r, s) => (n(), o("nav", qe, [
+      e.showFirstLast ? (n(), o("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, Ae)) : _("", !0),
+      m("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, Re),
+      (n(!0), o(C, null, T(u.value, (c) => (n(), o(C, {
+        key: c.type === "page" ? c.page : c.key
+      }, [
+        c.type === "ellipsis" ? (n(), o("span", Ee, "…")) : (n(), o("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, Ge))
+      ], 64))), 128)),
+      m("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, He),
+      e.showFirstLast ? (n(), o("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, Pe)) : _("", !0)
+    ]));
+  }
+}), Fe = ["aria-valuenow", "aria-valuemax"], Ke = { class: "track" }, Pa = /* @__PURE__ */ v({
+  name: "LlmProgress",
+  __name: "llm-progress",
+  props: {
+    value: { default: 0 },
+    max: { default: 100 },
+    variant: { default: "default" },
+    size: { default: "md" },
+    indeterminate: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, a = f(() => Math.min(Math.max(t.value, 0), t.max)), i = f(
+      () => t.indeterminate ? "100%" : `${a.value / t.max * 100}%`
+    ), l = f(() => [
+      "llm-progress",
+      `variant-${t.variant}`,
+      `size-${t.size}`,
+      t.indeterminate && "is-indeterminate"
+    ].filter(Boolean));
+    return (u, d) => (n(), o("div", {
+      class: b(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", Ke, [
+        m("div", {
+          class: "fill",
+          style: H({ width: i.value })
+        }, null, 4)
+      ])
+    ], 10, Fe));
+  }
+}), je = ["aria-invalid", "aria-required"], Oe = {
+  key: 0,
+  class: "errors",
+  role: "alert"
+}, O = /* @__PURE__ */ Symbol("LlmRadioGroup"), Fa = /* @__PURE__ */ v({
+  name: "LlmRadioGroup",
+  __name: "llm-radio-group",
+  props: {
+    value: { default: "" },
+    name: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    errors: { default: () => [] }
+  },
+  emits: ["update:value"],
+  setup(e, { emit: t }) {
+    const a = e, i = t;
+    D(O, {
+      get value() {
+        return a.value ?? "";
+      },
+      get name() {
+        return a.name ?? "";
+      },
+      get disabled() {
+        return a.disabled ?? !1;
+      },
+      get readonly() {
+        return a.readonly ?? !1;
+      },
+      get invalid() {
+        return a.invalid ?? !1;
+      },
+      onSelect(u) {
+        !a.disabled && !a.readonly && i("update:value", u);
+      }
+    });
+    const l = f(() => [
+      "llm-radio-group",
+      a.invalid && "is-invalid",
+      a.disabled && "is-disabled"
+    ]);
+    return (u, d) => (n(), o("div", {
+      class: b(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", Oe, [
+        (n(!0), o(C, null, T(e.errors, (r, s) => (n(), o("p", {
+          key: s,
+          class: "error-message"
+        }, w(r), 1))), 128))
+      ])) : _("", !0)
+    ], 10, je));
+  }
+}), Ve = ["name", "value", "checked", "disabled"], Ue = {
+  key: 0,
+  class: "radio-text"
+}, Ka = /* @__PURE__ */ v({
+  name: "LlmRadio",
+  __name: "llm-radio",
+  props: {
+    radioValue: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    const t = e, a = I(O, {
+      value: "",
+      name: "",
+      disabled: !1,
+      readonly: !1,
+      invalid: !1,
+      onSelect: () => {
+      }
+    }), i = f(() => t.disabled || a.disabled), l = f(() => a.value === t.radioValue), u = f(() => [
+      "llm-radio",
+      i.value && "is-disabled",
+      l.value && "is-checked",
+      a.invalid && "is-invalid"
+    ].filter(Boolean));
+    function d() {
+      !i.value && !a.readonly && a.onSelect(t.radioValue);
+    }
+    return (r, s) => (n(), o("label", {
+      class: b(u.value)
+    }, [
+      m("input", {
+        type: "radio",
+        name: B(a).name || void 0,
+        value: e.radioValue,
+        checked: l.value,
+        disabled: i.value,
+        class: "radio-input",
+        onChange: d
+      }, null, 40, Ve),
+      s[0] || (s[0] = m("span", {
+        class: "radio-indicator",
+        "aria-hidden": "true"
+      }, null, -1)),
+      r.$slots.default ? (n(), o("span", Ue, [
+        h(r.$slots, "default")
+      ])) : _("", !0)
+    ], 2));
+  }
+}), Ne = ["for"], We = { class: "select-wrapper" }, Je = ["id", "name", "value", "disabled", "required", "aria-invalid", "aria-describedby"], Qe = {
+  key: 0,
+  value: "",
+  disabled: "",
+  hidden: ""
+}, Xe = ["id"], ja = /* @__PURE__ */ v({
+  name: "LlmSelect",
+  __name: "llm-select",
+  props: {
+    value: { default: "" },
+    placeholder: { default: void 0 },
+    invalid: { type: Boolean, default: !1 },
+    errors: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    label: { default: void 0 },
+    name: { default: void 0 }
+  },
+  emits: ["update:value"],
+  setup(e, { emit: t }) {
+    const a = e, i = t, l = z(), u = z(), d = f(() => [
+      "llm-select",
+      a.invalid && "is-invalid",
+      a.disabled && "is-disabled"
+    ]);
+    function r(s) {
+      a.readonly || a.disabled || i("update:value", s.target.value);
+    }
+    return (s, c) => (n(), o("div", {
+      class: b(d.value)
+    }, [
+      e.label ? (n(), o("label", {
+        key: 0,
+        for: B(l),
+        class: "select-label"
+      }, w(e.label), 9, Ne)) : _("", !0),
+      m("div", We, [
+        m("select", {
+          id: B(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,
+          class: "select-native",
+          onChange: r
+        }, [
+          e.placeholder ? (n(), o("option", Qe, w(e.placeholder), 1)) : _("", !0),
+          h(s.$slots, "default")
+        ], 40, Je),
+        c[0] || (c[0] = m("span", {
+          class: "select-arrow",
+          "aria-hidden": "true"
+        }, "▾", -1))
+      ]),
+      e.errors.length > 0 ? (n(), o("div", {
+        key: 1,
+        id: B(u),
+        class: "errors",
+        role: "alert"
+      }, [
+        (n(!0), o(C, null, T(e.errors, ($, y) => (n(), o("p", {
+          key: y,
+          class: "error-message"
+        }, w($), 1))), 128))
+      ], 8, Xe)) : _("", !0)
+    ], 2));
+  }
+}), Ye = ["value", "disabled"], Oa = /* @__PURE__ */ v({
+  name: "LlmOption",
+  __name: "llm-option",
+  props: {
+    optionValue: {},
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(e) {
+    return (t, a) => (n(), o("option", {
+      value: e.optionValue,
+      disabled: e.disabled
+    }, [
+      h(t.$slots, "default")
+    ], 8, Ye));
+  }
+}), Va = /* @__PURE__ */ v({
+  name: "LlmSkeleton",
+  __name: "llm-skeleton",
+  props: {
+    variant: { default: "text" },
+    width: { default: "100%" },
+    height: { default: void 0 },
+    animated: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const t = e;
+    function a(u, d, r) {
+      if (r) return r;
+      switch (u) {
+        case "text":
+          return "1em";
+        case "circular":
+          return d;
+        case "rectangular":
+          return "100px";
+        default:
+          return "1em";
+      }
+    }
+    const i = f(() => [
+      "llm-skeleton",
+      `variant-${t.variant}`,
+      t.animated && "is-animated"
+    ].filter(Boolean)), l = f(() => ({
+      width: t.width,
+      height: a(t.variant, t.width, t.height)
+    }));
+    return (u, d) => (n(), o("div", {
+      class: b(i.value),
+      style: H(l.value),
+      "aria-hidden": "true"
+    }, null, 6));
+  }
+}), Ze = ["id", "aria-selected", "aria-controls", "tabindex", "disabled", "onClick"], ea = { class: "tab-panels" }, V = /* @__PURE__ */ Symbol("LlmTabGroup"), Ua = /* @__PURE__ */ v({
+  name: "LlmTabGroup",
+  __name: "llm-tab-group",
+  props: {
+    selectedIndex: { default: 0 },
+    variant: { default: "default" }
+  },
+  emits: ["update:selectedIndex"],
+  setup(e, { emit: t }) {
+    const a = e, i = t, l = x(a.selectedIndex), u = x([]);
+    S(
+      () => a.selectedIndex,
+      (p) => {
+        l.value = p;
+      }
+    );
+    function d(p) {
+      u.value.push(p);
+    }
+    function r(p) {
+      u.value = u.value.filter((L) => L.id !== p);
+    }
+    function s(p) {
+      l.value = p, i("update:selectedIndex", p);
+    }
+    D(V, {
+      selectedIndex: l,
+      tabs: u,
+      registerTab: d,
+      unregisterTab: r,
+      selectTab: s
+    });
+    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);
+      }
+    }
+    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)
+    }, [
+      m("div", {
+        class: "tablist",
+        role: "tablist",
+        onKeydown: c
+      }, [
+        (n(!0), o(C, null, T(u.value, (k, g) => (n(), o("button", {
+          key: k.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"]),
+          type: "button",
+          onClick: (q) => !k.disabled && s(g)
+        }, w(k.label), 11, Ze))), 128))
+      ], 32),
+      m("div", ea, [
+        h(p.$slots, "default", { groupId: $ })
+      ])
+    ], 2));
+  }
+}), aa = ["hidden"], Na = /* @__PURE__ */ v({
+  name: "LlmTab",
+  __name: "llm-tab",
+  props: {
+    label: {},
+    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 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", {
+      key: 0,
+      role: "tabpanel",
+      hidden: !u.value,
+      class: "tab-panel",
+      "aria-labelledby": void 0,
+      tabindex: "0"
+    }, [
+      h(d.$slots, "default")
+    ], 8, aa)) : _("", !0);
+  }
+}), ta = ["for"], la = ["id", "value", "rows", "placeholder", "disabled", "readonly", "required", "name", "aria-invalid"], sa = {
+  key: 1,
+  class: "errors",
+  "aria-live": "polite"
+}, Wa = /* @__PURE__ */ v({
+  name: "LlmTextarea",
+  __name: "llm-textarea",
+  props: {
+    value: { default: "" },
+    rows: { default: 3 },
+    placeholder: { default: "" },
+    invalid: { type: Boolean, default: !1 },
+    errors: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    label: { default: "" },
+    autoResize: { type: Boolean, default: !1 },
+    name: { default: "" },
+    id: { default: "" }
+  },
+  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() {
+      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();
+    }
+    return (s, c) => (n(), o("div", {
+      class: b(["llm-textarea", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
+    }, [
+      e.label ? (n(), o("label", {
+        key: 0,
+        for: u.value,
+        class: "textarea-label"
+      }, w(e.label), 9, ta)) : _("", !0),
+      m("textarea", {
+        id: u.value,
+        ref_key: "textareaRef",
+        ref: l,
+        value: e.value,
+        rows: e.rows,
+        placeholder: e.placeholder,
+        disabled: e.disabled,
+        readonly: e.readonly,
+        required: e.required,
+        name: e.name,
+        "aria-invalid": e.invalid || void 0,
+        onInput: r
+      }, null, 40, la),
+      e.errors.length ? (n(), o("ul", sa, [
+        (n(!0), o(C, null, T(e.errors, ($, y) => (n(), o("li", {
+          key: y,
+          class: "error"
+        }, w($), 1))), 128))
+      ])) : _("", !0)
+    ], 2));
+  }
+}), R = /* @__PURE__ */ Symbol("LlmToast");
+function Ja() {
+  const e = I(R);
+  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 Qa = /* @__PURE__ */ v({
+  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
+      };
+      if (t.value = [...t.value, $], c > 0) {
+        const y = setTimeout(() => {
+          l(s);
+        }, c);
+        a.set(s, y);
+      }
+      return s;
+    }
+    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 u() {
+      for (const d of a.values())
+        clearTimeout(d);
+      a.clear(), t.value = [];
+    }
+    return D(R, { toasts: t, show: i, dismiss: l, clear: u }), (d, r) => h(d.$slots, "default");
+  }
+}), na = { class: "message" }, oa = /* @__PURE__ */ v({
+  name: "LlmToastItem",
+  __name: "llm-toast-item",
+  props: {
+    data: {}
+  },
+  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),
+      role: "status"
+    }, [
+      m("span", na, w(e.data.message), 1),
+      e.data.dismissible ? (n(), o("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", {
+          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"
+        }, [
+          m("line", {
+            x1: "18",
+            y1: "6",
+            x2: "6",
+            y2: "18"
+          }),
+          m("line", {
+            x1: "6",
+            y1: "6",
+            x2: "18",
+            y2: "18"
+          })
+        ], -1)
+      ])])) : _("", !0)
+    ], 2));
+  }
+}), Xa = /* @__PURE__ */ v({
+  name: "LlmToastContainer",
+  __name: "llm-toast-container",
+  props: {
+    position: { default: "bottom-right" }
+  },
+  setup(e) {
+    const t = e, a = I(R), i = f(() => a.toasts.value);
+    function l(d) {
+      a.dismiss(d);
+    }
+    const u = f(() => ["llm-toast-container", `position-${t.position}`]);
+    return (d, r) => (n(), o("div", {
+      class: b(u.value),
+      "aria-live": "polite",
+      role: "status"
+    }, [
+      (n(!0), o(C, null, T(i.value, (s) => (n(), E(oa, {
+        key: s.id,
+        data: s,
+        onDismiss: r[0] || (r[0] = (c) => l(c))
+      }, null, 8, ["data"]))), 128))
+    ], 2));
+  }
+}), ia = ["for"], ra = ["id", "checked", "disabled", "required", "name", "aria-invalid", "aria-checked"], da = {
+  key: 0,
+  class: "errors",
+  "aria-live": "polite"
+}, Ya = /* @__PURE__ */ v({
+  name: "LlmToggle",
+  __name: "llm-toggle",
+  props: {
+    checked: { type: Boolean, default: !1 },
+    invalid: { type: Boolean, default: !1 },
+    errors: { default: () => [] },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    required: { type: Boolean, default: !1 },
+    name: { default: "" },
+    id: { default: "" }
+  },
+  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);
+    }
+    return (d, r) => (n(), o("div", {
+      class: b(["llm-toggle", { "is-invalid": e.invalid, "is-disabled": e.disabled }])
+    }, [
+      m("label", {
+        for: l.value,
+        class: "toggle-label"
+      }, [
+        m("input", {
+          id: l.value,
+          type: "checkbox",
+          role: "switch",
+          checked: e.checked,
+          disabled: e.disabled,
+          required: e.required,
+          name: e.name,
+          "aria-invalid": e.invalid || void 0,
+          "aria-checked": e.checked,
+          onChange: u
+        }, null, 40, ra),
+        r[0] || (r[0] = m("span", { class: "track" }, [
+          m("span", { class: "thumb" })
+        ], -1)),
+        h(d.$slots, "default")
+      ], 8, ia),
+      e.errors.length ? (n(), o("ul", da, [
+        (n(!0), o(C, null, T(e.errors, (s, c) => (n(), o("li", {
+          key: c,
+          class: "error"
+        }, w(s), 1))), 128))
+      ])) : _("", !0)
+    ], 2));
+  }
+}), Za = /* @__PURE__ */ v({
+  name: "LlmTooltip",
+  __name: "llm-tooltip",
+  props: {
+    llmTooltip: { default: "" },
+    llmTooltipPosition: { default: "above" },
+    llmTooltipDisabled: { type: Boolean, default: !1 },
+    llmTooltipShowDelay: { default: 300 },
+    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);
+    }
+    function d() {
+      t.llmTooltipDisabled || !t.llmTooltip || (u(), i = setTimeout(() => {
+        a.value = !0;
+      }, t.llmTooltipShowDelay));
+    }
+    function r() {
+      u(), l = setTimeout(() => {
+        a.value = !1;
+      }, t.llmTooltipHideDelay);
+    }
+    function s(c) {
+      c.key === "Escape" && (u(), a.value = !1);
+    }
+    return J(() => u()), (c, $) => (n(), o("span", {
+      class: "llm-tooltip-wrapper",
+      onMouseenter: d,
+      onMouseleave: r,
+      onFocus: d,
+      onBlur: r,
+      onKeydown: s
+    }, [
+      h(c.$slots, "default"),
+      a.value && !e.llmTooltipDisabled && e.llmTooltip ? (n(), o("div", {
+        key: 0,
+        role: "tooltip",
+        class: b(`llm-tooltip position-${e.llmTooltipPosition}`)
+      }, w(e.llmTooltip), 3)) : _("", !0)
+    ], 32));
+  }
+});
+export {
+  ca as LlmAccordionGroup,
+  fa as LlmAccordionHeader,
+  ma as LlmAccordionItem,
+  va as LlmAlert,
+  pa as LlmAvatar,
+  ga as LlmAvatarGroup,
+  ha as LlmBadge,
+  ya as LlmBreadcrumbItem,
+  ba as LlmBreadcrumbs,
+  $a as LlmButton,
+  ka as LlmCard,
+  La as LlmCardContent,
+  wa as LlmCardFooter,
+  _a as LlmCardHeader,
+  xa as LlmCheckbox,
+  Ba as LlmDialog,
+  Ta as LlmDialogContent,
+  Ia as LlmDialogFooter,
+  Ca as LlmDialogHeader,
+  Da as LlmDrawer,
+  Sa as LlmDrawerContent,
+  za as LlmDrawerFooter,
+  Ma as LlmDrawerHeader,
+  qa as LlmInput,
+  Ra as LlmMenu,
+  Ea as LlmMenuItem,
+  Ga as LlmMenuSeparator,
+  Aa as LlmMenuTrigger,
+  Oa as LlmOption,
+  Ha as LlmPagination,
+  Pa as LlmProgress,
+  Ka as LlmRadio,
+  Fa as LlmRadioGroup,
+  ja as LlmSelect,
+  Va as LlmSkeleton,
+  Na as LlmTab,
+  Ua as LlmTabGroup,
+  Wa as LlmTextarea,
+  Xa as LlmToastContainer,
+  oa as LlmToastItem,
+  Qa as LlmToastProvider,
+  Ya as LlmToggle,
+  Za as LlmTooltip,
+  Ja as useLlmToast
+};