@astrake/lumora-ui 0.1.6 → 0.2.1

package/dist/LuCodeBlock.vue_vue_type_script_setup_true_lang-BjwcjuXF.js

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