@astrake/lumora-ui 0.2.1 → 0.7.2

package/dist/LuCodeBlock.vue_vue_type_script_setup_true_lang-BjwcjuXF.js

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