@astrake/lumora-ui 0.2.2 → 0.7.3

package/dist/LuCodeBlock.vue_vue_type_script_setup_true_lang-BdXflBkJ.js

@@ -1,1672 +0,0 @@
-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
-};