@astrake/lumora-ui 0.2.1 → 0.2.2

package/dist/LuCodeBlock.vue_vue_type_script_setup_true_lang-BdXflBkJ.js

@@ -0,0 +1,1672 @@
+import { defineComponent as b, computed as o, resolveComponent as ie, openBlock as i, createBlock as w, resolveDynamicComponent as W, mergeProps as S, withCtx as V, renderSlot as h, inject as I, ref as M, onMounted as F, onUnmounted as G, createElementBlock as p, normalizeClass as m, createCommentVNode as _, createElementVNode as C, unref as R, useSlots as de, Fragment as J, renderList as te, toDisplayString as O, watch as D, provide as Q, withDirectives as ne, vShow as le, normalizeStyle as me, createVNode as T, Transition as x, createTextVNode as P, readonly as se, withModifiers as K, onBeforeUnmount as ue, Teleport as pe } from "vue";
+import { u as L, c as oe } from "./context-CGS7Ou_x.js";
+import { u as ce, g as fe } from "./useShiki-DPOJfneq.js";
+const H = /* @__PURE__ */ b({
+  inheritAttrs: !1,
+  __name: "LuButton",
+  props: {
+    type: {},
+    disabled: { type: Boolean },
+    variant: {},
+    as: {},
+    to: {},
+    href: {}
+  },
+  emits: ["click"],
+  setup(a, { emit: n }) {
+    const e = a, l = n, t = o(() => {
+      if (e.as) return e.as;
+      if (e.to) {
+        const c = ie("RouterLink");
+        return typeof c == "string" ? "a" : c;
+      }
+      return e.href ? "a" : "button";
+    }), { resolveSkin: r } = L(), s = o(() => r("LuButton", e.variant));
+    return (c, u) => (i(), w(W(t.value), S(c.$attrs, {
+      to: a.to,
+      href: a.href,
+      type: t.value === "button" ? a.type : void 0,
+      disabled: t.value === "button" ? a.disabled : void 0,
+      "aria-disabled": a.disabled ? "true" : void 0,
+      class: [s.value, { "pointer-events-none": a.disabled && t.value !== "button" }],
+      onClick: u[0] || (u[0] = (v) => l("click", v))
+    }), {
+      default: V(() => [
+        h(c.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["to", "href", "type", "disabled", "aria-disabled", "class"]));
+  }
+}), N = Symbol("LuFormContext"), ke = {
+  key: 0,
+  class: "relative w-full"
+}, be = ["value", "name", "disabled"], ge = ["value", "name", "disabled"], Ke = /* @__PURE__ */ b({
+  __name: "LuInput",
+  props: {
+    modelValue: {},
+    variant: {},
+    name: {},
+    error: {}
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(a, { emit: n }) {
+    const e = a, l = n, { resolveSkin: t } = L(), r = o(() => t("LuInput", e.variant)), s = o(() => t("LuInputPrepend", e.variant)), c = o(() => t("LuInputAppend", e.variant)), u = I(N, null), v = M(e.modelValue), d = (k) => {
+      const f = k.target.value;
+      v.value = f, l("update:modelValue", f);
+    }, g = () => {
+      e.name && u && (u.validateOn.value === "blur" || u.validateOn.value), l("blur");
+    };
+    return F(() => {
+      !e.name || !u || u.register({
+        name: e.name,
+        getValue: () => v.value,
+        setValue: (k) => {
+          v.value = k;
+        },
+        setError: (k) => {
+        }
+      });
+    }), G(() => {
+      e.name && u && u.unregister(e.name);
+    }), (k, f) => {
+      var B, y;
+      return k.$slots.prepend || k.$slots.append ? (i(), p("div", ke, [
+        k.$slots.prepend ? (i(), p("div", {
+          key: 0,
+          class: m(s.value)
+        }, [
+          h(k.$slots, "prepend")
+        ], 2)) : _("", !0),
+        C("input", S(k.$attrs, {
+          class: [r.value, k.$slots.prepend && "pl-9", k.$slots.append && "pr-9"],
+          value: a.modelValue,
+          name: a.name,
+          disabled: (B = R(u)) == null ? void 0 : B.disabled.value,
+          onInput: d,
+          onBlur: g
+        }), null, 16, be),
+        k.$slots.append ? (i(), p("div", {
+          key: 1,
+          class: m(c.value)
+        }, [
+          h(k.$slots, "append")
+        ], 2)) : _("", !0)
+      ])) : (i(), p("input", S({ key: 1 }, k.$attrs, {
+        class: r.value,
+        value: a.modelValue,
+        name: a.name,
+        disabled: (y = R(u)) == null ? void 0 : y.disabled.value,
+        onInput: d,
+        onBlur: g
+      }), null, 16, ge));
+    };
+  }
+}), E = /* @__PURE__ */ b({
+  __name: "LuIcon",
+  props: {
+    variant: {},
+    name: {},
+    size: {},
+    strokeWidth: {}
+  },
+  setup(a) {
+    const n = a, e = de(), { resolveSkin: l, resolveIcon: t } = L(), r = o(() => l("LuIcon", n.variant)), s = o(() => e.default || !n.name ? null : t(n.name, n.size)), c = o(
+      () => n.size ? { width: `${n.size}px`, height: `${n.size}px` } : void 0
+    );
+    return (u, v) => (i(), p("span", S(u.$attrs, {
+      class: r.value,
+      "aria-hidden": "true",
+      style: c.value
+    }), [
+      h(u.$slots, "default", {}, () => [
+        s.value ? (i(), w(W(s.value), {
+          key: 0,
+          size: a.size,
+          "stroke-width": a.strokeWidth
+        }, null, 8, ["size", "stroke-width"])) : _("", !0)
+      ])
+    ], 16));
+  }
+}), X = /* @__PURE__ */ b({
+  __name: "LuText",
+  props: {
+    variant: {},
+    as: {}
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => e("LuText", n.variant));
+    return (t, r) => (i(), w(W(a.as ?? "span"), S(t.$attrs, { class: l.value }), {
+      default: V(() => [
+        h(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), he = ["name", "aria-checked", "disabled"], Le = /* @__PURE__ */ b({
+  __name: "LuSwitch",
+  props: {
+    modelValue: { type: Boolean },
+    variant: {},
+    disabled: { type: Boolean },
+    name: {},
+    error: {}
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(a, { emit: n }) {
+    const e = a, l = n, { resolveSkin: t } = L(), r = o(() => t("LuSwitch", e.variant)), s = o(() => t("LuSwitch", "checked")), c = o(() => t("LuSwitchThumb", e.variant)), u = o(() => t("LuSwitchThumb", "checked")), v = I(N, null), d = M(e.modelValue), g = o(() => e.modelValue !== void 0 ? e.modelValue : !!d.value), k = o(() => e.disabled || (v == null ? void 0 : v.disabled.value)), f = () => {
+      if (k.value) return;
+      const y = !g.value;
+      d.value = y, l("update:modelValue", y);
+    }, B = () => {
+      e.name && v && (v.validateOn.value === "blur" || v.validateOn.value), l("blur");
+    };
+    return F(() => {
+      !e.name || !v || v.register({
+        name: e.name,
+        getValue: () => d.value,
+        setValue: (y) => {
+          d.value = !!y;
+        },
+        setError: (y) => {
+        }
+      });
+    }), G(() => {
+      e.name && v && v.unregister(e.name);
+    }), (y, $) => (i(), p("button", {
+      role: "switch",
+      type: "button",
+      name: a.name,
+      "aria-checked": g.value,
+      disabled: k.value,
+      class: m(R(oe)(r.value, g.value ? s.value : "")),
+      onClick: f,
+      onBlur: B
+    }, [
+      C("span", {
+        class: m(R(oe)(c.value, g.value ? u.value : ""))
+      }, null, 2)
+    ], 42, he));
+  }
+}), ye = ["value", "name", "disabled"], Se = ["value"], $e = /* @__PURE__ */ b({
+  __name: "LuSelect",
+  props: {
+    modelValue: {},
+    variant: {},
+    options: {},
+    name: {},
+    error: {}
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(a, { emit: n }) {
+    const e = a, l = n, { resolveSkin: t } = L(), r = o(() => t("LuSelect", e.variant)), s = I(N, null), c = M(e.modelValue), u = (d) => {
+      const g = d.target.value;
+      c.value = g, l("update:modelValue", g);
+    }, v = () => {
+      e.name && s && (s.validateOn.value === "blur" || s.validateOn.value), l("blur");
+    };
+    return F(() => {
+      !e.name || !s || s.register({
+        name: e.name,
+        getValue: () => c.value,
+        setValue: (d) => {
+          c.value = d;
+        },
+        setError: (d) => {
+        }
+      });
+    }), G(() => {
+      e.name && s && s.unregister(e.name);
+    }), (d, g) => {
+      var k;
+      return i(), p("select", S(d.$attrs, {
+        class: r.value,
+        value: a.modelValue,
+        name: a.name,
+        disabled: (k = R(s)) == null ? void 0 : k.disabled.value,
+        onChange: u,
+        onBlur: v
+      }), [
+        (i(!0), p(J, null, te(a.options, (f) => (i(), p("option", {
+          key: f.value,
+          value: f.value
+        }, O(f.label), 9, Se))), 128))
+      ], 16, ye);
+    };
+  }
+}), We = /* @__PURE__ */ b({
+  __name: "LuThemeSwitch",
+  setup(a) {
+    const { resolved: n, setMode: e } = ce(), l = o(() => n.value === "dark"), t = (r) => {
+      e(r ? "dark" : "light");
+    };
+    return (r, s) => (i(), w(Le, S({
+      "model-value": l.value,
+      variant: "theme"
+    }, r.$attrs, { "onUpdate:modelValue": t }), null, 16, ["model-value"]));
+  }
+}), Ge = /* @__PURE__ */ b({
+  __name: "LuThemeSelect",
+  setup(a) {
+    const { mode: n, setMode: e } = ce(), l = [
+      { value: "system", label: "System" },
+      { value: "light", label: "Light" },
+      { value: "dark", label: "Dark" }
+    ], t = (r) => {
+      e(r);
+    };
+    return (r, s) => (i(), w($e, S({
+      "model-value": R(n),
+      variant: "theme",
+      options: l
+    }, r.$attrs, { "onUpdate:modelValue": t }), null, 16, ["model-value"]));
+  }
+}), Ce = /* @__PURE__ */ b({
+  __name: "LuTabs",
+  props: {
+    variant: {},
+    modelValue: {}
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: n }) {
+    const e = a, l = n, t = M(e.modelValue);
+    D(() => e.modelValue, (c) => t.value = c), D(t, (c) => {
+      c !== void 0 && l("update:modelValue", c);
+    }), Q("lu-tabs-active", t);
+    const { resolveSkin: r } = L(), s = o(() => r("LuTabs", e.variant));
+    return (c, u) => (i(), p("div", S(c.$attrs, { class: s.value }), [
+      h(c.$slots, "default")
+    ], 16));
+  }
+}), Ve = /* @__PURE__ */ b({
+  __name: "LuTabList",
+  props: {
+    variant: {}
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => e("LuTabList", n.variant));
+    return (t, r) => (i(), p("div", S(t.$attrs, { class: l.value }), [
+      h(t.$slots, "default")
+    ], 16));
+  }
+}), re = /* @__PURE__ */ b({
+  __name: "LuTab",
+  props: {
+    variant: {},
+    value: {}
+  },
+  setup(a) {
+    const n = a, e = I("lu-tabs-active"), l = o(() => (e == null ? void 0 : e.value) === n.value), t = () => {
+      e && (e.value = n.value);
+    }, { resolveSkin: r } = L(), s = o(() => r("LuTab", n.variant)), c = o(() => r("LuTab", "active"));
+    return (u, v) => (i(), p("button", S(u.$attrs, {
+      class: [s.value, l.value ? c.value : ""],
+      onClick: t
+    }), [
+      h(u.$slots, "default")
+    ], 16));
+  }
+}), qe = /* @__PURE__ */ b({
+  __name: "LuTabPanel",
+  props: {
+    variant: {},
+    value: {}
+  },
+  setup(a) {
+    const n = a, e = I("lu-tabs-active"), l = o(() => (e == null ? void 0 : e.value) === n.value), { resolveSkin: t } = L(), r = o(() => t("LuTabPanel", n.variant));
+    return (s, c) => ne((i(), p("div", S(s.$attrs, { class: r.value }), [
+      h(s.$slots, "default")
+    ], 16)), [
+      [le, l.value]
+    ]);
+  }
+}), Je = /* @__PURE__ */ b({
+  __name: "LuBadge",
+  props: {
+    variant: {},
+    as: {}
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => e("LuBadge", n.variant));
+    return (t, r) => (i(), w(W(a.as || "span"), S(t.$attrs, { class: l.value }), {
+      default: V(() => [
+        h(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), Qe = /* @__PURE__ */ b({
+  __name: "LuProgressBar",
+  props: {
+    variant: {},
+    value: {},
+    max: {}
+  },
+  setup(a) {
+    const n = a, e = o(() => {
+      const s = n.max ?? 100;
+      return Math.max(0, Math.min(100, n.value / s * 100));
+    }), { resolveSkin: l } = L(), t = o(() => l("LuProgressBar", n.variant)), r = o(() => l("LuProgressBarFill", n.variant));
+    return (s, c) => (i(), p("div", S(s.$attrs, { class: t.value }), [
+      C("div", {
+        class: m(r.value),
+        style: me({ width: `${e.value}%` })
+      }, null, 6)
+    ], 16));
+  }
+}), Xe = /* @__PURE__ */ b({
+  __name: "LuTooltip",
+  props: {
+    variant: {},
+    position: {},
+    delay: {}
+  },
+  setup(a) {
+    const n = a, e = M(!1);
+    let l = null;
+    const t = () => {
+      l && clearTimeout(l), n.delay ? l = setTimeout(() => e.value = !0, n.delay) : e.value = !0;
+    }, r = () => {
+      l && clearTimeout(l), e.value = !1;
+    }, { resolveSkin: s } = L(), c = o(() => s("LuTooltip", n.variant)), u = o(() => s("LuTooltipContent", n.position ?? n.variant));
+    return (v, d) => (i(), p("div", S(v.$attrs, {
+      class: c.value,
+      onMouseenter: t,
+      onMouseleave: r
+    }), [
+      h(v.$slots, "trigger"),
+      ne(C("div", {
+        class: m(u.value)
+      }, [
+        h(v.$slots, "content")
+      ], 2), [
+        [le, e.value]
+      ])
+    ], 16));
+  }
+}), Ye = /* @__PURE__ */ b({
+  __name: "LuCollapsible",
+  props: {
+    variant: {},
+    modelValue: { type: Boolean },
+    defaultOpen: { type: Boolean }
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: n }) {
+    const e = a, l = n, t = M(e.modelValue ?? e.defaultOpen ?? !1);
+    D(() => e.modelValue, (d) => {
+      d !== void 0 && (t.value = d);
+    });
+    const r = () => {
+      t.value = !t.value, l("update:modelValue", t.value);
+    }, { resolveSkin: s } = L(), c = o(() => s("LuCollapsible", e.variant)), u = o(() => s("LuCollapsibleTrigger", e.variant)), v = o(() => ({
+      wrapper: s("LuCollapsibleContent", e.variant),
+      inner: s("LuCollapsibleContent", "inner")
+    }));
+    return (d, g) => (i(), p("div", S(d.$attrs, { class: c.value }), [
+      C("button", {
+        type: "button",
+        class: m(u.value),
+        onClick: r
+      }, [
+        h(d.$slots, "trigger", { isOpen: t.value })
+      ], 2),
+      T(x, { name: "lu-collapsible" }, {
+        default: V(() => [
+          ne(C("div", {
+            class: m(v.value.wrapper)
+          }, [
+            C("div", {
+              class: m(v.value.inner)
+            }, [
+              h(d.$slots, "content")
+            ], 2)
+          ], 2), [
+            [le, t.value]
+          ])
+        ]),
+        _: 3
+      })
+    ], 16));
+  }
+}), _e = ["data-size"], Te = ["src", "alt"], Ze = /* @__PURE__ */ b({
+  __name: "LuAvatar",
+  props: {
+    variant: {},
+    src: {},
+    fallback: {},
+    alt: {},
+    size: {}
+  },
+  setup(a) {
+    const n = a, e = M(!1), { resolveSkin: l } = L(), t = o(() => l("LuAvatar", n.variant)), r = o(() => l("LuAvatarImage", n.variant)), s = o(() => l("LuAvatarFallback", n.variant));
+    return (c, u) => (i(), p("div", S(c.$attrs, {
+      class: t.value,
+      "data-size": a.size
+    }), [
+      a.src && !e.value ? (i(), p("img", {
+        key: 0,
+        src: a.src,
+        alt: a.alt,
+        class: m(r.value),
+        onError: u[0] || (u[0] = (v) => e.value = !0)
+      }, null, 42, Te)) : (i(), p("div", {
+        key: 1,
+        class: m(s.value)
+      }, [
+        h(c.$slots, "default", {}, () => [
+          P(O(a.fallback), 1)
+        ])
+      ], 2))
+    ], 16, _e));
+  }
+}), Be = /* @__PURE__ */ b({
+  __name: "LuLink",
+  props: {
+    variant: {},
+    as: {},
+    to: {},
+    href: {},
+    target: {}
+  },
+  emits: ["click"],
+  setup(a, { emit: n }) {
+    const e = a, l = n, t = o(() => {
+      if (e.as) return e.as;
+      if (e.to) {
+        const u = ie("RouterLink");
+        return typeof u == "string" ? "a" : u;
+      }
+      return "a";
+    }), r = o(() => {
+      const u = { ...e };
+      return delete u.variant, delete u.as, u;
+    }), { resolveSkin: s } = L(), c = o(() => s("LuLink", e.variant));
+    return (u, v) => (i(), w(W(t.value), S(r.value, {
+      class: c.value,
+      onClick: v[0] || (v[0] = (d) => l("click", d))
+    }), {
+      default: V(() => [
+        h(u.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), xe = /* @__PURE__ */ b({
+  __name: "LuDivider",
+  props: {
+    variant: {},
+    orientation: { default: "horizontal" }
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => e("LuDivider", n.variant || n.orientation));
+    return (t, r) => (i(), p("div", S(t.$attrs, { class: l.value }), null, 16));
+  }
+}), ea = /* @__PURE__ */ b({
+  __name: "LuPageHeader",
+  props: {
+    variant: {},
+    title: {},
+    description: {},
+    level: { default: "h1" }
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => e("LuPageHeader", n.variant));
+    return (t, r) => (i(), p("div", S(t.$attrs, { class: l.value }), [
+      T(X, {
+        as: a.level,
+        variant: "page-title"
+      }, {
+        default: V(() => [
+          P(O(a.title), 1)
+        ]),
+        _: 1
+      }, 8, ["as"]),
+      a.description ? (i(), w(X, {
+        key: 0,
+        as: "p",
+        variant: "page-subtitle",
+        class: "mt-2"
+      }, {
+        default: V(() => [
+          P(O(a.description), 1)
+        ]),
+        _: 1
+      })) : _("", !0)
+    ], 16));
+  }
+}), aa = /* @__PURE__ */ b({
+  __name: "LuCard",
+  props: {
+    variant: {},
+    as: { default: "div" }
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => e("LuCard", n.variant));
+    return (t, r) => (i(), w(W(a.as), S(t.$attrs, { class: l.value }), {
+      default: V(() => [
+        h(t.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["class"]));
+  }
+}), ta = /* @__PURE__ */ b({
+  __name: "LuTable",
+  props: {
+    variant: {}
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => e("LuTable", n.variant));
+    return (t, r) => (i(), p("table", S(t.$attrs, { class: l.value }), [
+      h(t.$slots, "default")
+    ], 16));
+  }
+}), na = /* @__PURE__ */ b({
+  __name: "LuTableHead",
+  props: {
+    variant: {}
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => e("LuTableHead", n.variant));
+    return (t, r) => (i(), p("thead", S(t.$attrs, { class: l.value }), [
+      h(t.$slots, "default")
+    ], 16));
+  }
+}), la = /* @__PURE__ */ b({
+  __name: "LuTableBody",
+  props: {
+    variant: {}
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => e("LuTableBody", n.variant));
+    return (t, r) => (i(), p("tbody", S(t.$attrs, { class: l.value }), [
+      h(t.$slots, "default")
+    ], 16));
+  }
+}), sa = /* @__PURE__ */ b({
+  __name: "LuTableRow",
+  props: {
+    variant: {}
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => e("LuTableRow", n.variant));
+    return (t, r) => (i(), p("tr", S(t.$attrs, { class: l.value }), [
+      h(t.$slots, "default")
+    ], 16));
+  }
+}), oa = /* @__PURE__ */ b({
+  __name: "LuTableHeadCell",
+  props: {
+    variant: {}
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => e("LuTableHeadCell", n.variant));
+    return (t, r) => (i(), p("th", S(t.$attrs, { class: l.value }), [
+      h(t.$slots, "default")
+    ], 16));
+  }
+}), ra = /* @__PURE__ */ b({
+  __name: "LuTableCell",
+  props: {
+    variant: {}
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => e("LuTableCell", n.variant));
+    return (t, r) => (i(), p("td", S(t.$attrs, { class: l.value }), [
+      h(t.$slots, "default")
+    ], 16));
+  }
+}), ia = /* @__PURE__ */ b({
+  __name: "LuForm",
+  props: {
+    rules: { default: () => ({}) },
+    validateOn: { default: "submit" },
+    resetOnSubmit: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["submit", "reset", "error"],
+  setup(a, { expose: n, emit: e }) {
+    const l = a, t = e, r = /* @__PURE__ */ new Map(), s = M({}), c = M(!1), u = o(() => Object.keys(s.value).length > 0);
+    async function v() {
+      var B;
+      const f = {};
+      for (const [y, $] of r) {
+        const A = (B = l.rules) == null ? void 0 : B[y];
+        if (!A) continue;
+        const j = Array.isArray(A) ? A : [A], Y = $.getValue();
+        for (const q of j) {
+          const z = await q(Y);
+          if (z) {
+            f[y] = z, $.setError(z);
+            break;
+          } else
+            $.setError(null);
+        }
+      }
+      return s.value = f, Object.keys(f).length === 0;
+    }
+    async function d() {
+      c.value = !0;
+      try {
+        if (!await v()) {
+          t("error", s.value);
+          return;
+        }
+        const B = {};
+        for (const [y, $] of r)
+          B[y] = $.getValue();
+        t("submit", B), l.resetOnSubmit && g();
+      } finally {
+        c.value = !1;
+      }
+    }
+    function g() {
+      s.value = {};
+      for (const f of r.values())
+        f.setValue(void 0), f.setError(null);
+      t("reset");
+    }
+    const k = {
+      register(f) {
+        r.set(f.name, f);
+      },
+      unregister(f) {
+        r.delete(f);
+      },
+      getError(f) {
+        return s.value[f] ?? null;
+      },
+      validateOn: o(() => l.validateOn),
+      disabled: o(() => l.disabled)
+    };
+    return Q(N, k), n({
+      submit: d,
+      reset: g,
+      errors: se(s),
+      pending: se(c),
+      values: o(() => {
+        const f = {};
+        for (const [B, y] of r) f[B] = y.getValue();
+        return f;
+      })
+    }), (f, B) => (i(), p("form", {
+      onSubmit: K(d, ["prevent"]),
+      onReset: K(g, ["prevent"])
+    }, [
+      h(f.$slots, "default"),
+      h(f.$slots, "errors", {
+        errors: s.value,
+        hasErrors: u.value
+      }),
+      h(f.$slots, "actions", {
+        submit: d,
+        reset: g,
+        pending: c.value
+      })
+    ], 32));
+  }
+}), we = ["value", "name", "disabled"], ua = /* @__PURE__ */ b({
+  __name: "LuTextarea",
+  props: {
+    modelValue: {},
+    variant: {},
+    name: {},
+    error: {}
+  },
+  emits: ["update:modelValue", "blur"],
+  setup(a, { emit: n }) {
+    const e = a, l = n, { resolveSkin: t } = L(), r = o(() => t("LuTextarea", e.variant)), s = I(N, null), c = M(e.modelValue), u = (d) => {
+      const g = d.target.value;
+      c.value = g, l("update:modelValue", g);
+    }, v = () => {
+      e.name && s && (s.validateOn.value === "blur" || s.validateOn.value), l("blur");
+    };
+    return F(() => {
+      !e.name || !s || s.register({
+        name: e.name,
+        getValue: () => c.value,
+        setValue: (d) => {
+          c.value = d;
+        },
+        setError: (d) => {
+        }
+      });
+    }), G(() => {
+      e.name && s && s.unregister(e.name);
+    }), (d, g) => {
+      var k;
+      return i(), p("textarea", S(d.$attrs, {
+        class: r.value,
+        value: a.modelValue,
+        name: a.name,
+        disabled: (k = R(s)) == null ? void 0 : k.disabled.value,
+        onInput: u,
+        onBlur: v
+      }), null, 16, we);
+    };
+  }
+}), Ae = ["checked", "name", "disabled"], ca = /* @__PURE__ */ b({
+  __name: "LuCheckbox",
+  props: {
+    modelValue: { type: Boolean },
+    variant: {},
+    name: {},
+    label: {},
+    error: {}
+  },
+  emits: ["update:modelValue", "change", "blur"],
+  setup(a, { emit: n }) {
+    const e = a, l = n, { resolveSkin: t } = L(), r = o(() => t("LuCheckboxContainer", e.variant)), s = o(() => t("LuCheckbox", e.variant)), c = o(() => t("LuCheckboxLabel", e.variant)), u = I(N, null), v = M(!!e.modelValue);
+    D(() => e.modelValue, (f) => {
+      v.value = !!f;
+    });
+    const d = (f) => {
+      const y = f.target.checked;
+      v.value = y, l("update:modelValue", y), l("change", y), e.name && u && (u.validateOn.value === "blur" || u.validateOn.value);
+    }, g = () => {
+      if (u != null && u.disabled.value || "disabled" in e && e.disabled !== !1) return;
+      const f = !v.value;
+      v.value = f, l("update:modelValue", f), l("change", f), e.name && u && (u.validateOn.value === "blur" || u.validateOn.value);
+    }, k = () => {
+      e.name && u && (u.validateOn.value === "blur" || u.validateOn.value), l("blur");
+    };
+    return F(() => {
+      !e.name || !u || u.register({
+        name: e.name,
+        getValue: () => v.value,
+        setValue: (f) => {
+          v.value = !!f;
+        },
+        setError: (f) => {
+        }
+      });
+    }), G(() => {
+      e.name && u && u.unregister(e.name);
+    }), (f, B) => {
+      var y;
+      return i(), p("div", {
+        class: m(r.value)
+      }, [
+        C("input", S({ type: "checkbox" }, f.$attrs, {
+          class: s.value,
+          checked: a.modelValue,
+          name: a.name,
+          disabled: (y = R(u)) == null ? void 0 : y.disabled.value,
+          onChange: d,
+          onBlur: k
+        }), null, 16, Ae),
+        f.$slots.default || a.label ? (i(), p("label", {
+          key: 0,
+          class: m(c.value),
+          onClick: K(g, ["prevent"])
+        }, [
+          h(f.$slots, "default", {}, () => [
+            P(O(a.label), 1)
+          ])
+        ], 2)) : _("", !0)
+      ], 2);
+    };
+  }
+}), ve = Symbol("LuRadioGroupContext"), Me = ["aria-disabled"], va = /* @__PURE__ */ b({
+  __name: "LuRadioGroup",
+  props: {
+    modelValue: {},
+    name: {},
+    variant: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { emit: n }) {
+    const e = a, l = n, { resolveSkin: t } = L(), r = o(() => t("LuRadioGroup", e.variant)), s = I(N, null), c = M(e.modelValue);
+    D(() => e.modelValue, (v) => {
+      c.value = v;
+    });
+    const u = (v) => {
+      e.disabled || s != null && s.disabled.value || (c.value = v, l("update:modelValue", v), l("change", v), e.name && s && (s.validateOn.value === "blur" || s.validateOn.value));
+    };
+    return Q(ve, {
+      name: e.name,
+      modelValue: o(() => c.value),
+      updateValue: u,
+      disabled: o(() => !!e.disabled || !!(s != null && s.disabled.value))
+    }), F(() => {
+      !e.name || !s || s.register({
+        name: e.name,
+        getValue: () => c.value,
+        setValue: (v) => {
+          c.value = v;
+        },
+        setError: (v) => {
+        }
+      });
+    }), G(() => {
+      e.name && s && s.unregister(e.name);
+    }), (v, d) => {
+      var g;
+      return i(), p("div", {
+        class: m(r.value),
+        role: "radiogroup",
+        "aria-disabled": a.disabled || ((g = R(s)) == null ? void 0 : g.disabled.value)
+      }, [
+        h(v.$slots, "default")
+      ], 10, Me);
+    };
+  }
+}), Oe = ["name", "value", "checked", "disabled"], da = /* @__PURE__ */ b({
+  __name: "LuRadio",
+  props: {
+    value: {},
+    variant: {},
+    label: {},
+    disabled: { type: Boolean }
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => e("LuRadioContainer", n.variant)), t = o(() => e("LuRadio", n.variant)), r = o(() => e("LuRadioLabel", n.variant)), s = I(ve, null);
+    s || console.warn("LuRadio must be used within a LuRadioGroup");
+    const c = o(() => (s == null ? void 0 : s.modelValue.value) === n.value), u = () => {
+      n.disabled || s != null && s.disabled.value || s == null || s.updateValue(n.value);
+    }, v = () => {
+      n.disabled || s != null && s.disabled.value || s == null || s.updateValue(n.value);
+    };
+    return (d, g) => {
+      var k, f;
+      return i(), p("div", {
+        class: m(l.value)
+      }, [
+        C("input", S({ type: "radio" }, d.$attrs, {
+          class: t.value,
+          name: (k = R(s)) == null ? void 0 : k.name,
+          value: a.value,
+          checked: c.value,
+          disabled: ((f = R(s)) == null ? void 0 : f.disabled.value) || a.disabled,
+          onChange: u
+        }), null, 16, Oe),
+        d.$slots.default || a.label ? (i(), p("label", {
+          key: 0,
+          class: m(r.value),
+          onClick: K(v, ["prevent"])
+        }, [
+          h(d.$slots, "default", {}, () => [
+            P(O(a.label), 1)
+          ])
+        ], 2)) : _("", !0)
+      ], 2);
+    };
+  }
+}), ma = /* @__PURE__ */ b({
+  __name: "LuAlert",
+  props: {
+    variant: {},
+    icon: {}
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => e("LuAlert", n.variant)), t = o(() => e("LuAlertIcon", n.variant)), r = o(() => e("LuAlertContent", n.variant)), s = o(() => e("LuAlertAction", n.variant));
+    return (c, u) => (i(), p("div", {
+      class: m(l.value),
+      role: "alert"
+    }, [
+      c.$slots.icon || a.icon ? (i(), p("div", {
+        key: 0,
+        class: m(t.value)
+      }, [
+        h(c.$slots, "icon", {}, () => [
+          a.icon ? (i(), w(E, {
+            key: 0,
+            name: a.icon
+          }, null, 8, ["name"])) : _("", !0)
+        ])
+      ], 2)) : _("", !0),
+      C("div", {
+        class: m(r.value)
+      }, [
+        h(c.$slots, "default")
+      ], 2),
+      c.$slots.action ? (i(), p("div", {
+        key: 1,
+        class: m(s.value)
+      }, [
+        h(c.$slots, "action")
+      ], 2)) : _("", !0)
+    ], 2));
+  }
+}), pa = /* @__PURE__ */ b({
+  __name: "LuSpinner",
+  props: {
+    variant: {}
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => e("LuSpinner", n.variant));
+    return (t, r) => (i(), p("svg", {
+      class: m(l.value),
+      xmlns: "http://www.w3.org/2000/svg",
+      fill: "none",
+      viewBox: "0 0 24 24",
+      role: "status",
+      "aria-label": "Loading"
+    }, [...r[0] || (r[0] = [
+      C("circle", {
+        class: "opacity-25",
+        cx: "12",
+        cy: "12",
+        r: "10",
+        stroke: "currentColor",
+        "stroke-width": "4"
+      }, null, -1),
+      C("path", {
+        class: "opacity-75",
+        fill: "currentColor",
+        d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+      }, null, -1)
+    ])], 2));
+  }
+}), fa = /* @__PURE__ */ b({
+  __name: "LuSkeleton",
+  props: {
+    variant: {}
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => e("LuSkeleton", n.variant));
+    return (t, r) => (i(), p("div", {
+      class: m(l.value),
+      "aria-hidden": "true"
+    }, null, 2));
+  }
+}), ka = /* @__PURE__ */ b({
+  __name: "LuTag",
+  props: {
+    variant: {},
+    closable: { type: Boolean }
+  },
+  emits: ["close"],
+  setup(a, { emit: n }) {
+    const e = a, l = n, { resolveSkin: t } = L(), r = o(() => t("LuTag", e.variant)), s = o(() => t("LuTagCloseButton", e.variant)), c = o(() => t("LuTagIcon", e.variant));
+    return (u, v) => (i(), p("span", {
+      class: m(r.value)
+    }, [
+      h(u.$slots, "default"),
+      a.closable ? (i(), w(H, {
+        key: 0,
+        variant: "icon",
+        class: m(s.value),
+        onClick: v[0] || (v[0] = K((d) => l("close"), ["stop"])),
+        "aria-label": "Remove"
+      }, {
+        default: V(() => [
+          T(E, {
+            name: "x",
+            class: m(c.value)
+          }, null, 8, ["class"])
+        ]),
+        _: 1
+      }, 8, ["class"])) : _("", !0)
+    ], 2));
+  }
+}), Pe = { "aria-label": "breadcrumb" }, Ee = ["aria-current"], ba = /* @__PURE__ */ b({
+  __name: "LuBreadcrumb",
+  props: {
+    items: {},
+    variant: {},
+    separatorIcon: { default: "chevron-right" }
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => e("LuBreadcrumb", n.variant)), t = o(() => e("LuBreadcrumbItem", n.variant)), r = o(() => e("LuBreadcrumbLink", n.variant)), s = o(() => e("LuBreadcrumbPage", n.variant)), c = o(() => e("LuBreadcrumbSeparator", n.variant));
+    return (u, v) => (i(), p("nav", Pe, [
+      C("ol", {
+        class: m(l.value)
+      }, [
+        (i(!0), p(J, null, te(a.items, (d, g) => (i(), p("li", {
+          key: g,
+          class: m(t.value)
+        }, [
+          d.href || d.to ? (i(), w(Be, {
+            key: 0,
+            href: d.href,
+            to: d.to,
+            variant: d.current ? "nav-active" : "nav",
+            "aria-current": d.current ? "page" : void 0,
+            class: m(r.value)
+          }, {
+            default: V(() => [
+              d.icon ? (i(), w(E, {
+                key: 0,
+                name: d.icon,
+                class: "mr-2 h-4 w-4"
+              }, null, 8, ["name"])) : _("", !0),
+              P(" " + O(d.label), 1)
+            ]),
+            _: 2
+          }, 1032, ["href", "to", "variant", "aria-current", "class"])) : (i(), p("span", {
+            key: 1,
+            class: m(s.value),
+            "aria-current": d.current ? "page" : void 0
+          }, [
+            d.icon ? (i(), w(E, {
+              key: 0,
+              name: d.icon,
+              class: "mr-2 h-4 w-4"
+            }, null, 8, ["name"])) : _("", !0),
+            P(" " + O(d.label), 1)
+          ], 10, Ee)),
+          g < a.items.length - 1 ? (i(), w(E, {
+            key: 2,
+            name: a.separatorIcon,
+            class: m(c.value)
+          }, null, 8, ["name", "class"])) : _("", !0)
+        ], 2))), 128))
+      ], 2)
+    ]));
+  }
+}), Ie = ["aria-expanded"], ga = /* @__PURE__ */ b({
+  __name: "LuMenu",
+  props: {
+    variant: {},
+    align: { default: "left" }
+  },
+  emits: ["open", "close"],
+  setup(a, { emit: n }) {
+    const e = a, l = n, t = M(!1), r = M(null), { resolveSkin: s } = L(), c = o(() => s("LuMenu", e.variant)), u = o(() => s("LuMenuTrigger", e.variant)), v = o(() => s("LuMenuContent", e.variant)), d = o(() => s("LuMenuGroup", e.variant)), g = o(() => e.align === "right" ? "right-0 origin-top-right" : "left-0 origin-top-left"), k = () => {
+      t.value = !t.value, t.value ? l("open") : l("close");
+    }, f = () => {
+      t.value && (t.value = !1, l("close"));
+    }, B = (y) => {
+      r.value && !r.value.contains(y.target) && f();
+    };
+    return F(() => {
+      document.addEventListener("click", B);
+    }), ue(() => {
+      document.removeEventListener("click", B);
+    }), (y, $) => (i(), p("div", {
+      class: m(c.value),
+      ref_key: "dropdownRef",
+      ref: r
+    }, [
+      C("div", {
+        onClick: k,
+        class: m(u.value),
+        "aria-haspopup": "true",
+        "aria-expanded": t.value
+      }, [
+        h(y.$slots, "trigger", {}, () => [
+          T(H, { variant: "default" }, {
+            default: V(() => [
+              $[0] || ($[0] = P("Options ", -1)),
+              T(E, {
+                name: "chevron-down",
+                class: "ml-2 h-4 w-4"
+              })
+            ]),
+            _: 1
+          })
+        ])
+      ], 10, Ie),
+      T(x, {
+        "enter-active-class": "transition ease-out duration-100",
+        "enter-from-class": "transform opacity-0 scale-95",
+        "enter-to-class": "transform opacity-100 scale-100",
+        "leave-active-class": "transition ease-in duration-75",
+        "leave-from-class": "transform opacity-100 scale-100",
+        "leave-to-class": "transform opacity-0 scale-95"
+      }, {
+        default: V(() => [
+          t.value ? (i(), p("div", {
+            key: 0,
+            class: m([v.value, g.value])
+          }, [
+            C("div", {
+              class: m(d.value),
+              role: "menu",
+              "aria-orientation": "vertical",
+              "aria-labelledby": "options-menu"
+            }, [
+              h(y.$slots, "default")
+            ], 2)
+          ], 2)) : _("", !0)
+        ]),
+        _: 3
+      })
+    ], 2));
+  }
+}), Re = ["disabled", "data-disabled"], ha = /* @__PURE__ */ b({
+  __name: "LuMenuItem",
+  props: {
+    variant: {},
+    disabled: { type: Boolean }
+  },
+  emits: ["click"],
+  setup(a, { emit: n }) {
+    const e = a, l = n, { resolveSkin: t } = L(), r = o(() => t("LuMenuItem", e.variant)), s = (c) => {
+      if (e.disabled) {
+        c.preventDefault();
+        return;
+      }
+      l("click", c);
+    };
+    return (c, u) => (i(), p("button", {
+      type: "button",
+      class: m(r.value),
+      role: "menuitem",
+      disabled: a.disabled,
+      "data-disabled": a.disabled ? "" : void 0,
+      onClick: s
+    }, [
+      h(c.$slots, "default")
+    ], 10, Re));
+  }
+}), La = /* @__PURE__ */ b({
+  __name: "LuPagination",
+  props: {
+    modelValue: {},
+    total: {},
+    pageSize: { default: 10 },
+    siblingCount: { default: 1 },
+    variant: {}
+  },
+  emits: ["update:modelValue", "change"],
+  setup(a, { emit: n }) {
+    const e = a, l = n, t = o(() => Math.ceil(e.total / e.pageSize)), r = o(() => {
+      const y = e.modelValue, $ = t.value, A = e.siblingCount;
+      if ($ <= 1) return [1];
+      const j = Math.max(y - A, 1), Y = Math.min(y + A, $), q = j > 2, z = Y < $ - 1;
+      if (!q && z) {
+        const U = 3 + 2 * A;
+        return [...Array.from({ length: Math.min(U, $) }, (ee, ae) => ae + 1), "...", $];
+      }
+      if (q && !z) {
+        const U = 3 + 2 * A;
+        return [1, "...", ...Array.from({ length: Math.min(U, $) }, (ee, ae) => $ - U + ae + 1)];
+      }
+      return q && z ? [1, "...", ...Array.from({ length: Y - j + 1 }, (Z, ee) => j + ee), "...", $] : Array.from({ length: $ }, (U, Z) => Z + 1);
+    }), { resolveSkin: s } = L(), c = o(() => s("LuPagination", e.variant)), u = o(() => s("LuPaginationButton", e.variant)), v = o(() => s("LuPaginationPages", e.variant)), d = o(() => s("LuPaginationPageButton", e.variant)), g = o(() => s("LuPaginationEllipsis", e.variant)), k = (y) => {
+      y !== e.modelValue && (l("update:modelValue", y), l("change", y));
+    }, f = () => {
+      e.modelValue > 1 && k(e.modelValue - 1);
+    }, B = () => {
+      e.modelValue < t.value && k(e.modelValue + 1);
+    };
+    return (y, $) => (i(), p("nav", {
+      "aria-label": "Pagination",
+      class: m(c.value)
+    }, [
+      T(H, {
+        variant: "ghost",
+        disabled: a.modelValue <= 1,
+        onClick: f,
+        class: m(u.value),
+        "aria-label": "Previous page"
+      }, {
+        default: V(() => [
+          T(E, {
+            name: "chevron-left",
+            class: "h-4 w-4"
+          })
+        ]),
+        _: 1
+      }, 8, ["disabled", "class"]),
+      C("div", {
+        class: m(v.value)
+      }, [
+        (i(!0), p(J, null, te(r.value, (A) => (i(), p(J, { key: A }, [
+          A === "..." ? (i(), p("span", {
+            key: 0,
+            class: m(g.value)
+          }, "...", 2)) : (i(), w(H, {
+            key: 1,
+            variant: A === a.modelValue ? "primary" : "ghost",
+            onClick: (j) => k(A),
+            class: m(d.value),
+            "aria-current": A === a.modelValue ? "page" : void 0
+          }, {
+            default: V(() => [
+              P(O(A), 1)
+            ]),
+            _: 2
+          }, 1032, ["variant", "onClick", "class", "aria-current"]))
+        ], 64))), 128))
+      ], 2),
+      T(H, {
+        variant: "ghost",
+        disabled: a.modelValue >= t.value,
+        onClick: B,
+        class: m(u.value),
+        "aria-label": "Next page"
+      }, {
+        default: V(() => [
+          T(E, {
+            name: "chevron-right",
+            class: "h-4 w-4"
+          })
+        ]),
+        _: 1
+      }, 8, ["disabled", "class"])
+    ], 2));
+  }
+}), ya = /* @__PURE__ */ b({
+  __name: "LuModal",
+  props: {
+    modelValue: { type: Boolean },
+    title: {},
+    variant: {},
+    closable: { type: Boolean, default: !0 },
+    closeOnOverlayClick: { type: Boolean, default: !0 }
+  },
+  emits: ["update:modelValue", "close"],
+  setup(a, { emit: n }) {
+    const e = a, l = n, { resolveSkin: t } = L(), r = o(() => t("LuModalOverlay", e.variant)), s = o(() => t("LuModal", e.variant)), c = o(() => t("LuModalHeader", e.variant)), u = o(() => t("LuModalContent", e.variant)), v = o(() => t("LuModalFooter", e.variant)), d = o(() => t("LuModalCloseButton", e.variant)), g = o(() => ({
+      enterActive: t("LuModalTransitionOverlay", "enterActive"),
+      enterFrom: t("LuModalTransitionOverlay", "enterFrom"),
+      enterTo: t("LuModalTransitionOverlay", "enterTo"),
+      leaveActive: t("LuModalTransitionOverlay", "leaveActive"),
+      leaveFrom: t("LuModalTransitionOverlay", "leaveFrom"),
+      leaveTo: t("LuModalTransitionOverlay", "leaveTo")
+    })), k = o(() => ({
+      enterActive: t("LuModalTransitionContent", "enterActive"),
+      enterFrom: t("LuModalTransitionContent", "enterFrom"),
+      enterTo: t("LuModalTransitionContent", "enterTo"),
+      leaveActive: t("LuModalTransitionContent", "leaveActive"),
+      leaveFrom: t("LuModalTransitionContent", "leaveFrom"),
+      leaveTo: t("LuModalTransitionContent", "leaveTo")
+    })), f = () => {
+      e.closable && (l("update:modelValue", !1), l("close"));
+    }, B = () => {
+      e.closeOnOverlayClick && f();
+    }, y = ($) => {
+      $.key === "Escape" && e.modelValue && f();
+    };
+    return D(() => e.modelValue, ($) => {
+      typeof document < "u" && ($ ? document.body.style.overflow = "hidden" : document.body.style.overflow = "");
+    }, { immediate: !0 }), F(() => {
+      document.addEventListener("keydown", y);
+    }), ue(() => {
+      document.removeEventListener("keydown", y), typeof document < "u" && (document.body.style.overflow = "");
+    }), ($, A) => (i(), w(pe, { to: "body" }, [
+      T(x, {
+        "enter-active-class": g.value.enterActive,
+        "enter-from-class": g.value.enterFrom,
+        "enter-to-class": g.value.enterTo,
+        "leave-active-class": g.value.leaveActive,
+        "leave-from-class": g.value.leaveFrom,
+        "leave-to-class": g.value.leaveTo
+      }, {
+        default: V(() => [
+          a.modelValue ? (i(), p("div", {
+            key: 0,
+            class: m(r.value),
+            onClick: B,
+            "aria-modal": "true",
+            role: "dialog",
+            tabindex: "-1"
+          }, [
+            T(x, {
+              "enter-active-class": k.value.enterActive,
+              "enter-from-class": k.value.enterFrom,
+              "enter-to-class": k.value.enterTo,
+              "leave-active-class": k.value.leaveActive,
+              "leave-from-class": k.value.leaveFrom,
+              "leave-to-class": k.value.leaveTo,
+              appear: ""
+            }, {
+              default: V(() => [
+                a.modelValue ? (i(), p("div", {
+                  key: 0,
+                  class: m(s.value),
+                  onClick: A[0] || (A[0] = K(() => {
+                  }, ["stop"]))
+                }, [
+                  $.$slots.header || a.title ? (i(), p("div", {
+                    key: 0,
+                    class: m(c.value)
+                  }, [
+                    h($.$slots, "header", {}, () => [
+                      T(X, { variant: "section-title" }, {
+                        default: V(() => [
+                          P(O(a.title), 1)
+                        ]),
+                        _: 1
+                      })
+                    ]),
+                    a.closable ? (i(), w(H, {
+                      key: 0,
+                      variant: "icon",
+                      class: m(d.value),
+                      onClick: f,
+                      "aria-label": "Close modal"
+                    }, {
+                      default: V(() => [
+                        T(E, {
+                          name: "x",
+                          class: "h-5 w-5"
+                        })
+                      ]),
+                      _: 1
+                    }, 8, ["class"])) : _("", !0)
+                  ], 2)) : _("", !0),
+                  C("div", {
+                    class: m(u.value)
+                  }, [
+                    h($.$slots, "default")
+                  ], 2),
+                  $.$slots.footer ? (i(), p("div", {
+                    key: 1,
+                    class: m(v.value)
+                  }, [
+                    h($.$slots, "footer")
+                  ], 2)) : _("", !0)
+                ], 2)) : _("", !0)
+              ]),
+              _: 3
+            }, 8, ["enter-active-class", "enter-from-class", "enter-to-class", "leave-active-class", "leave-from-class", "leave-to-class"])
+          ], 2)) : _("", !0)
+        ]),
+        _: 3
+      }, 8, ["enter-active-class", "enter-from-class", "enter-to-class", "leave-active-class", "leave-from-class", "leave-to-class"])
+    ]));
+  }
+}), Sa = /* @__PURE__ */ b({
+  __name: "LuToggleGroup",
+  props: {
+    modelValue: { type: [String, Number, Boolean] },
+    variant: {}
+  },
+  emits: ["update:modelValue"],
+  setup(a, { emit: n }) {
+    const e = a, l = n;
+    Q("lu-toggle-value", o(() => e.modelValue)), Q("lu-toggle-set", (s) => {
+      l("update:modelValue", s);
+    });
+    const { resolveSkin: t } = L(), r = o(() => t("LuToggleGroup", e.variant));
+    return (s, c) => (i(), p("div", S(s.$attrs, {
+      class: r.value,
+      role: "group"
+    }), [
+      h(s.$slots, "default")
+    ], 16));
+  }
+}), He = ["aria-pressed"], $a = /* @__PURE__ */ b({
+  __name: "LuToggleButton",
+  props: {
+    value: { type: [String, Number, Boolean] },
+    variant: {}
+  },
+  setup(a) {
+    const n = a, e = I("lu-toggle-value"), l = I("lu-toggle-set"), t = o(() => (e == null ? void 0 : e.value) === n.value), r = () => {
+      l && l(n.value);
+    }, { resolveSkin: s } = L(), c = o(() => s("LuToggleButton", n.variant)), u = o(() => {
+      const v = n.variant ? `${n.variant}-active` : "active";
+      return s("LuToggleButton", v) || s("LuToggleButton", "active");
+    });
+    return (v, d) => (i(), p("button", S(v.$attrs, {
+      class: [c.value, t.value ? u.value : ""],
+      onClick: r,
+      "aria-pressed": t.value
+    }), [
+      h(v.$slots, "default")
+    ], 16, He));
+  }
+}), Fe = ["innerHTML"], ze = ["innerHTML"], De = ["innerHTML"], Ca = /* @__PURE__ */ b({
+  __name: "LuCodeBlock",
+  props: {
+    code: {},
+    lang: { default: "vue" },
+    variant: { default: "default" },
+    layout: { default: "tabbed" },
+    title: {},
+    description: {}
+  },
+  setup(a) {
+    const n = a, { resolveSkin: e } = L(), l = o(() => ({
+      wrapper: e("LuCodeBlockWrapper", n.variant),
+      header: e("LuCodeBlockHeader", n.variant),
+      title: e("LuCodeBlockTitle", n.variant),
+      description: e("LuCodeBlockDescription", n.variant),
+      card: e("LuCodeBlockCard", n.variant),
+      previewArea: e("LuCodeBlockPreviewArea", n.variant),
+      codeArea: e("LuCodeBlockCodeArea", n.variant),
+      splitCodeArea: e("LuCodeBlockSplitArea", n.variant),
+      splitContainer: e("LuCodeBlockSplitContainer", n.variant),
+      codeHeader: e("LuCodeBlockCodeHeader", n.variant),
+      badge: e("LuCodeBlockBadge", n.variant),
+      copyButton: e("LuCodeBlockCopyButton", n.variant),
+      codeContent: e("LuCodeBlockCodeContent", n.variant)
+    })), t = M(""), r = M("preview"), s = M(!1), c = async () => {
+      if (!n.code) {
+        t.value = "";
+        return;
+      }
+      try {
+        const v = await fe();
+        t.value = v.codeToHtml(n.code, {
+          lang: n.lang || "vue",
+          theme: "one-dark-pro"
+        });
+      } catch (v) {
+        console.error("Failed to highlight code", v), t.value = `<pre><code>${n.code.replace(/</g, "&lt;").replace(/>/g, "&gt;")}</code></pre>`;
+      }
+    };
+    F(() => {
+      c();
+    }), D(() => [n.code, n.lang], () => {
+      c();
+    });
+    const u = async () => {
+      try {
+        await navigator.clipboard.writeText(n.code), s.value = !0, setTimeout(() => s.value = !1, 2e3);
+      } catch (v) {
+        console.error("Failed to copy", v);
+      }
+    };
+    return (v, d) => (i(), p("div", S(v.$attrs, {
+      class: l.value.wrapper
+    }), [
+      a.title || a.description ? (i(), p("div", {
+        key: 0,
+        class: m(l.value.header)
+      }, [
+        a.title ? (i(), w(X, {
+          key: 0,
+          variant: "section-title",
+          class: m(l.value.title)
+        }, {
+          default: V(() => [
+            P(O(a.title), 1)
+          ]),
+          _: 1
+        }, 8, ["class"])) : _("", !0),
+        a.description ? (i(), w(X, {
+          key: 1,
+          variant: "body",
+          class: m(l.value.description)
+        }, {
+          default: V(() => [
+            P(O(a.description), 1)
+          ]),
+          _: 1
+        }, 8, ["class"])) : _("", !0)
+      ], 2)) : _("", !0),
+      a.variant === "preview" ? (i(), p("div", {
+        key: 1,
+        class: m(l.value.card)
+      }, [
+        a.layout === "tabbed" ? (i(), p(J, { key: 0 }, [
+          T(Ce, {
+            modelValue: r.value,
+            "onUpdate:modelValue": d[0] || (d[0] = (g) => r.value = g),
+            variant: "default"
+          }, {
+            default: V(() => [
+              T(Ve, { variant: "card-header" }, {
+                default: V(() => [
+                  T(re, { value: "preview" }, {
+                    default: V(() => [...d[1] || (d[1] = [
+                      P("Preview", -1)
+                    ])]),
+                    _: 1
+                  }),
+                  T(re, { value: "code" }, {
+                    default: V(() => [...d[2] || (d[2] = [
+                      P("Code", -1)
+                    ])]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }, 8, ["modelValue"]),
+          r.value === "preview" ? (i(), p("div", {
+            key: 0,
+            class: m(l.value.previewArea)
+          }, [
+            h(v.$slots, "preview")
+          ], 2)) : _("", !0),
+          r.value === "code" ? (i(), p("div", {
+            key: 1,
+            class: m(l.value.codeArea)
+          }, [
+            C("div", {
+              class: m(l.value.codeHeader)
+            }, [
+              C("div", {
+                class: m(l.value.badge)
+              }, O(a.lang), 3),
+              T(H, {
+                onClick: u,
+                variant: "icon",
+                class: m(l.value.copyButton),
+                "aria-label": "Copy code"
+              }, {
+                default: V(() => [
+                  T(E, {
+                    name: s.value ? "check" : "copy",
+                    class: "w-4 h-4"
+                  }, null, 8, ["name"])
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ], 2),
+            C("div", {
+              class: m(l.value.codeContent),
+              innerHTML: t.value
+            }, null, 10, Fe)
+          ], 2)) : _("", !0)
+        ], 64)) : a.layout === "split" ? (i(), p("div", {
+          key: 1,
+          class: m(l.value.splitContainer)
+        }, [
+          C("div", {
+            class: m(l.value.previewArea)
+          }, [
+            h(v.$slots, "preview")
+          ], 2),
+          C("div", {
+            class: m(l.value.splitCodeArea)
+          }, [
+            C("div", {
+              class: m(l.value.codeHeader)
+            }, [
+              C("div", {
+                class: m(l.value.badge)
+              }, O(a.lang), 3),
+              T(H, {
+                onClick: u,
+                variant: "icon",
+                class: m(l.value.copyButton),
+                "aria-label": "Copy code"
+              }, {
+                default: V(() => [
+                  T(E, {
+                    name: s.value ? "check" : "copy",
+                    class: "w-4 h-4"
+                  }, null, 8, ["name"])
+                ]),
+                _: 1
+              }, 8, ["class"])
+            ], 2),
+            C("div", {
+              class: m(l.value.codeContent),
+              innerHTML: t.value
+            }, null, 10, ze)
+          ], 2)
+        ], 2)) : _("", !0)
+      ], 2)) : (i(), p("div", {
+        key: 2,
+        class: m(l.value.card)
+      }, [
+        C("div", {
+          class: m(l.value.codeArea)
+        }, [
+          C("div", {
+            class: m(l.value.codeHeader)
+          }, [
+            C("div", {
+              class: m(l.value.badge)
+            }, O(a.lang), 3),
+            T(H, {
+              onClick: u,
+              variant: "icon",
+              class: m(l.value.copyButton),
+              "aria-label": "Copy code"
+            }, {
+              default: V(() => [
+                T(E, {
+                  name: s.value ? "check" : "copy",
+                  class: "w-4 h-4"
+                }, null, 8, ["name"])
+              ]),
+              _: 1
+            }, 8, ["class"])
+          ], 2),
+          C("div", {
+            class: m(l.value.codeContent),
+            innerHTML: t.value
+          }, null, 10, De)
+        ], 2)
+      ], 2))
+    ], 16));
+  }
+});
+export {
+  Ve as A,
+  qe as B,
+  ta as C,
+  la as D,
+  ra as E,
+  na as F,
+  oa as G,
+  sa as H,
+  Ce as I,
+  ka as J,
+  X as K,
+  ua as L,
+  Ge as M,
+  We as N,
+  $a as O,
+  Sa as P,
+  Xe as Q,
+  ma as _,
+  Ze as a,
+  Je as b,
+  ba as c,
+  H as d,
+  aa as e,
+  ca as f,
+  Ca as g,
+  Ye as h,
+  xe as i,
+  ia as j,
+  E as k,
+  Ke as l,
+  Be as m,
+  ga as n,
+  ha as o,
+  ya as p,
+  ea as q,
+  La as r,
+  Qe as s,
+  da as t,
+  va as u,
+  $e as v,
+  fa as w,
+  pa as x,
+  Le as y,
+  re as z
+};