@code-coaching/vuetiful 0.12.1 → 0.13.0

package/dist/vuetiful.es.mjs

@@ -1,4 +1,4 @@
-import { openBlock, createElementBlock, renderSlot, normalizeClass, defineComponent, createBlock, resolveDynamicComponent, withCtx, ref, provide, watch, inject, computed, createElementVNode, unref, withDirectives, isRef, vModelRadio, reactive, readonly, toRefs, onMounted, Fragment, createVNode, Transition, createCommentVNode, useAttrs, mergeProps, toDisplayString, createTextVNode, resolveComponent, renderList, pushScopeId, popScopeId } from "vue";
+import { openBlock, createElementBlock, renderSlot, normalizeClass, defineComponent, createBlock, resolveDynamicComponent, withCtx, Fragment, cloneVNode, h as h$1, watchEffect, computed, ref, provide, onMounted, onUnmounted, unref, inject, toRaw, watch, createElementVNode, reactive, readonly, toRefs, createVNode, Transition, createCommentVNode, useAttrs, mergeProps, toDisplayString, withDirectives, createTextVNode, resolveComponent, renderList, pushScopeId, popScopeId } from "vue";
 var _export_sfc = (sfc, props) => {
   const target = sfc.__vccOpts || sfc;
   for (const [key, val] of props) {
@@ -6,17 +6,17 @@ var _export_sfc = (sfc, props) => {
   }
   return target;
 };
-const _sfc_main$b = {};
-const _hoisted_1$8 = {
+const _sfc_main$d = {};
+const _hoisted_1$7 = {
   class: /* @__PURE__ */ normalizeClass(`vuetiful-badge badge`)
 };
 function _sfc_render$3(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$8, [
+  return openBlock(), createElementBlock("div", _hoisted_1$7, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var VBadge = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$3]]);
-const _sfc_main$a = /* @__PURE__ */ defineComponent({
+var VBadge = /* @__PURE__ */ _export_sfc(_sfc_main$d, [["render", _sfc_render$3]]);
+const _sfc_main$c = /* @__PURE__ */ defineComponent({
   __name: "VButton",
   props: {
     icon: {
@@ -66,60 +66,524 @@ const _sfc_main$a = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const _sfc_main$9 = {};
-const _hoisted_1$7 = {
+const _sfc_main$b = {};
+const _hoisted_1$6 = {
   class: /* @__PURE__ */ normalizeClass(`vuetiful-chip chip`)
 };
 function _sfc_render$2(_ctx, _cache) {
-  return openBlock(), createElementBlock("div", _hoisted_1$7, [
+  return openBlock(), createElementBlock("div", _hoisted_1$6, [
     renderSlot(_ctx.$slots, "default")
   ]);
 }
-var VChip = /* @__PURE__ */ _export_sfc(_sfc_main$9, [["render", _sfc_render$2]]);
-const _sfc_main$8 = /* @__PURE__ */ defineComponent({
+var VChip = /* @__PURE__ */ _export_sfc(_sfc_main$b, [["render", _sfc_render$2]]);
+function u(r2, n2, ...a2) {
+  if (r2 in n2) {
+    let e2 = n2[r2];
+    return typeof e2 == "function" ? e2(...a2) : e2;
+  }
+  let t2 = new Error(`Tried to handle "${r2}" but there is no handler defined. Only defined handlers are: ${Object.keys(n2).map((e2) => `"${e2}"`).join(", ")}.`);
+  throw Error.captureStackTrace && Error.captureStackTrace(t2, u), t2;
+}
+var N$1 = ((o2) => (o2[o2.None = 0] = "None", o2[o2.RenderStrategy = 1] = "RenderStrategy", o2[o2.Static = 2] = "Static", o2))(N$1 || {}), S = ((e2) => (e2[e2.Unmount = 0] = "Unmount", e2[e2.Hidden = 1] = "Hidden", e2))(S || {});
+function H$2({ visible: r2 = true, features: t2 = 0, ourProps: e2, theirProps: o2, ...i2 }) {
+  var a2;
+  let n2 = j$1(o2, e2), l = Object.assign(i2, { props: n2 });
+  if (r2 || t2 & 2 && n2.static)
+    return y$1(l);
+  if (t2 & 1) {
+    let d2 = (a2 = n2.unmount) == null || a2 ? 0 : 1;
+    return u(d2, { [0]() {
+      return null;
+    }, [1]() {
+      return y$1({ ...i2, props: { ...n2, hidden: true, style: { display: "none" } } });
+    } });
+  }
+  return y$1(l);
+}
+function y$1({ props: r2, attrs: t2, slots: e2, slot: o2, name: i2 }) {
+  var m2, h2;
+  let { as: n2, ...l } = T$2(r2, ["unmount", "static"]), a2 = (m2 = e2.default) == null ? void 0 : m2.call(e2, o2), d2 = {};
+  if (o2) {
+    let u2 = false, c2 = [];
+    for (let [p2, f2] of Object.entries(o2))
+      typeof f2 == "boolean" && (u2 = true), f2 === true && c2.push(p2);
+    u2 && (d2["data-headlessui-state"] = c2.join(" "));
+  }
+  if (n2 === "template") {
+    if (a2 = b$1(a2 != null ? a2 : []), Object.keys(l).length > 0 || Object.keys(t2).length > 0) {
+      let [u2, ...c2] = a2 != null ? a2 : [];
+      if (!v(u2) || c2.length > 0)
+        throw new Error(['Passing props on "template"!', "", `The current component <${i2} /> is rendering a "template".`, "However we need to passthrough the following props:", Object.keys(l).concat(Object.keys(t2)).map((s2) => s2.trim()).filter((s2, g, R) => R.indexOf(s2) === g).sort((s2, g) => s2.localeCompare(g)).map((s2) => `  - ${s2}`).join(`
+`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "template".', "Render a single element as the child so that we can forward the props onto that element."].map((s2) => `  - ${s2}`).join(`
+`)].join(`
+`));
+      let p2 = j$1((h2 = u2.props) != null ? h2 : {}, l), f2 = cloneVNode(u2, p2);
+      for (let s2 in p2)
+        s2.startsWith("on") && (f2.props || (f2.props = {}), f2.props[s2] = p2[s2]);
+      return f2;
+    }
+    return Array.isArray(a2) && a2.length === 1 ? a2[0] : a2;
+  }
+  return h$1(n2, Object.assign({}, l, d2), { default: () => a2 });
+}
+function b$1(r2) {
+  return r2.flatMap((t2) => t2.type === Fragment ? b$1(t2.children) : [t2]);
+}
+function j$1(...r2) {
+  if (r2.length === 0)
+    return {};
+  if (r2.length === 1)
+    return r2[0];
+  let t2 = {}, e2 = {};
+  for (let i2 of r2)
+    for (let n2 in i2)
+      n2.startsWith("on") && typeof i2[n2] == "function" ? (e2[n2] != null || (e2[n2] = []), e2[n2].push(i2[n2])) : t2[n2] = i2[n2];
+  if (t2.disabled || t2["aria-disabled"])
+    return Object.assign(t2, Object.fromEntries(Object.keys(e2).map((i2) => [i2, void 0])));
+  for (let i2 in e2)
+    Object.assign(t2, { [i2](n2, ...l) {
+      let a2 = e2[i2];
+      for (let d2 of a2) {
+        if (n2 instanceof Event && n2.defaultPrevented)
+          return;
+        d2(n2, ...l);
+      }
+    } });
+  return t2;
+}
+function K$1(r2) {
+  let t2 = Object.assign({}, r2);
+  for (let e2 in t2)
+    t2[e2] === void 0 && delete t2[e2];
+  return t2;
+}
+function T$2(r2, t2 = []) {
+  let e2 = Object.assign({}, r2);
+  for (let o2 of t2)
+    o2 in e2 && delete e2[o2];
+  return e2;
+}
+function v(r2) {
+  return r2 == null ? false : typeof r2.type == "string" || typeof r2.type == "object" || typeof r2.type == "function";
+}
+let e$1 = 0;
+function n$1() {
+  return ++e$1;
+}
+function t() {
+  return n$1();
+}
+var o$1 = ((r2) => (r2.Space = " ", r2.Enter = "Enter", r2.Escape = "Escape", r2.Backspace = "Backspace", r2.Delete = "Delete", r2.ArrowLeft = "ArrowLeft", r2.ArrowUp = "ArrowUp", r2.ArrowRight = "ArrowRight", r2.ArrowDown = "ArrowDown", r2.Home = "Home", r2.End = "End", r2.PageUp = "PageUp", r2.PageDown = "PageDown", r2.Tab = "Tab", r2))(o$1 || {});
+function o(n2) {
+  var l;
+  return n2 == null || n2.value == null ? null : (l = n2.value.$el) != null ? l : n2.value;
+}
+var i = Object.defineProperty;
+var d$3 = (t2, e2, r2) => e2 in t2 ? i(t2, e2, { enumerable: true, configurable: true, writable: true, value: r2 }) : t2[e2] = r2;
+var n = (t2, e2, r2) => (d$3(t2, typeof e2 != "symbol" ? e2 + "" : e2, r2), r2);
+class s$1 {
+  constructor() {
+    n(this, "current", this.detect());
+    n(this, "currentId", 0);
+  }
+  set(e2) {
+    this.current !== e2 && (this.currentId = 0, this.current = e2);
+  }
+  reset() {
+    this.set(this.detect());
+  }
+  nextId() {
+    return ++this.currentId;
+  }
+  get isServer() {
+    return this.current === "server";
+  }
+  get isClient() {
+    return this.current === "client";
+  }
+  detect() {
+    return typeof window == "undefined" || typeof document == "undefined" ? "server" : "client";
+  }
+}
+let c$2 = new s$1();
+function m(r2) {
+  if (c$2.isServer)
+    return null;
+  if (r2 instanceof Node)
+    return r2.ownerDocument;
+  if (r2 != null && r2.hasOwnProperty("value")) {
+    let n2 = o(r2);
+    if (n2)
+      return n2.ownerDocument;
+  }
+  return document;
+}
+function p$2({ container: e2, accept: t2, walk: d2, enabled: o2 }) {
+  watchEffect(() => {
+    let r2 = e2.value;
+    if (!r2 || o2 !== void 0 && !o2.value)
+      return;
+    let l = m(e2);
+    if (!l)
+      return;
+    let c2 = Object.assign((f2) => t2(f2), { acceptNode: t2 }), n2 = l.createTreeWalker(r2, NodeFilter.SHOW_ELEMENT, c2, false);
+    for (; n2.nextNode(); )
+      d2(n2.currentNode);
+  });
+}
+let c$1 = ["[contentEditable=true]", "[tabindex]", "a[href]", "area[href]", "button:not([disabled])", "iframe", "input:not([disabled])", "select:not([disabled])", "textarea:not([disabled])"].map((e2) => `${e2}:not([tabindex='-1'])`).join(",");
+var N = ((n2) => (n2[n2.First = 1] = "First", n2[n2.Previous = 2] = "Previous", n2[n2.Next = 4] = "Next", n2[n2.Last = 8] = "Last", n2[n2.WrapAround = 16] = "WrapAround", n2[n2.NoScroll = 32] = "NoScroll", n2))(N || {}), T$1 = ((o2) => (o2[o2.Error = 0] = "Error", o2[o2.Overflow = 1] = "Overflow", o2[o2.Success = 2] = "Success", o2[o2.Underflow = 3] = "Underflow", o2))(T$1 || {}), F = ((t2) => (t2[t2.Previous = -1] = "Previous", t2[t2.Next = 1] = "Next", t2))(F || {});
+function E$1(e2 = document.body) {
+  return e2 == null ? [] : Array.from(e2.querySelectorAll(c$1)).sort((r2, t2) => Math.sign((r2.tabIndex || Number.MAX_SAFE_INTEGER) - (t2.tabIndex || Number.MAX_SAFE_INTEGER)));
+}
+var h = ((t2) => (t2[t2.Strict = 0] = "Strict", t2[t2.Loose = 1] = "Loose", t2))(h || {});
+var y = ((t2) => (t2[t2.Keyboard = 0] = "Keyboard", t2[t2.Mouse = 1] = "Mouse", t2))(y || {});
+typeof window != "undefined" && typeof document != "undefined" && (document.addEventListener("keydown", (e2) => {
+  e2.metaKey || e2.altKey || e2.ctrlKey || (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, true), document.addEventListener("click", (e2) => {
+  e2.detail === 1 ? delete document.documentElement.dataset.headlessuiFocusVisible : e2.detail === 0 && (document.documentElement.dataset.headlessuiFocusVisible = "");
+}, true));
+let H$1 = ["textarea", "input"].join(",");
+function I(e2) {
+  var r2, t2;
+  return (t2 = (r2 = e2 == null ? void 0 : e2.matches) == null ? void 0 : r2.call(e2, H$1)) != null ? t2 : false;
+}
+function O(e2, r2 = (t2) => t2) {
+  return e2.slice().sort((t2, l) => {
+    let o2 = r2(t2), i2 = r2(l);
+    if (o2 === null || i2 === null)
+      return 0;
+    let n2 = o2.compareDocumentPosition(i2);
+    return n2 & Node.DOCUMENT_POSITION_FOLLOWING ? -1 : n2 & Node.DOCUMENT_POSITION_PRECEDING ? 1 : 0;
+  });
+}
+function P(e2, r2, { sorted: t2 = true, relativeTo: l = null, skipElements: o2 = [] } = {}) {
+  var m2;
+  let i2 = (m2 = Array.isArray(e2) ? e2.length > 0 ? e2[0].ownerDocument : document : e2 == null ? void 0 : e2.ownerDocument) != null ? m2 : document, n2 = Array.isArray(e2) ? t2 ? O(e2) : e2 : E$1(e2);
+  o2.length > 0 && n2.length > 1 && (n2 = n2.filter((s2) => !o2.includes(s2))), l = l != null ? l : i2.activeElement;
+  let x = (() => {
+    if (r2 & 5)
+      return 1;
+    if (r2 & 10)
+      return -1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), p2 = (() => {
+    if (r2 & 1)
+      return 0;
+    if (r2 & 2)
+      return Math.max(0, n2.indexOf(l)) - 1;
+    if (r2 & 4)
+      return Math.max(0, n2.indexOf(l)) + 1;
+    if (r2 & 8)
+      return n2.length - 1;
+    throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last");
+  })(), L = r2 & 32 ? { preventScroll: true } : {}, a2 = 0, d2 = n2.length, u2;
+  do {
+    if (a2 >= d2 || a2 + d2 <= 0)
+      return 0;
+    let s2 = p2 + a2;
+    if (r2 & 16)
+      s2 = (s2 + d2) % d2;
+    else {
+      if (s2 < 0)
+        return 3;
+      if (s2 >= d2)
+        return 1;
+    }
+    u2 = n2[s2], u2 == null || u2.focus(L), a2 += x;
+  } while (u2 !== i2.activeElement);
+  return r2 & 6 && I(u2) && u2.select(), 2;
+}
+var a$1 = ((e2) => (e2[e2.None = 1] = "None", e2[e2.Focusable = 2] = "Focusable", e2[e2.Hidden = 4] = "Hidden", e2))(a$1 || {});
+let f$1 = defineComponent({ name: "Hidden", props: { as: { type: [Object, String], default: "div" }, features: { type: Number, default: 1 } }, setup(r2, { slots: t2, attrs: d2 }) {
+  return () => {
+    let { features: e2, ...o2 } = r2, n2 = { "aria-hidden": (e2 & 2) === 2 ? true : void 0, style: { position: "fixed", top: 1, left: 1, width: 1, height: 0, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0", ...(e2 & 4) === 4 && (e2 & 2) !== 2 && { display: "none" } } };
+    return H$2({ ourProps: n2, theirProps: o2, slot: {}, attrs: d2, slots: t2, name: "Hidden" });
+  };
+} });
+function e(n2 = {}, r2 = null, t2 = []) {
+  for (let [i2, o2] of Object.entries(n2))
+    f(t2, s(r2, i2), o2);
+  return t2;
+}
+function s(n2, r2) {
+  return n2 ? n2 + "[" + r2 + "]" : r2;
+}
+function f(n2, r2, t2) {
+  if (Array.isArray(t2))
+    for (let [i2, o2] of t2.entries())
+      f(n2, s(r2, i2.toString()), o2);
+  else
+    t2 instanceof Date ? n2.push([r2, t2.toISOString()]) : typeof t2 == "boolean" ? n2.push([r2, t2 ? "1" : "0"]) : typeof t2 == "string" ? n2.push([r2, t2]) : typeof t2 == "number" ? n2.push([r2, `${t2}`]) : t2 == null ? n2.push([r2, ""]) : e(t2, r2, n2);
+}
+function p$1(n2) {
+  var t2;
+  let r2 = (t2 = n2 == null ? void 0 : n2.form) != null ? t2 : n2.closest("form");
+  if (r2) {
+    for (let i2 of r2.elements)
+      if (i2.tagName === "INPUT" && i2.type === "submit" || i2.tagName === "BUTTON" && i2.type === "submit" || i2.nodeName === "INPUT" && i2.type === "image") {
+        i2.click();
+        return;
+      }
+  }
+}
+function d$2(u2, e2, r2) {
+  let i2 = ref(r2 == null ? void 0 : r2.value), f2 = computed(() => u2.value !== void 0);
+  return [computed(() => f2.value ? u2.value : i2.value), function(t2) {
+    return f2.value || (i2.value = t2), e2 == null ? void 0 : e2(t2);
+  }];
+}
+let p = Symbol("DescriptionContext");
+function b() {
+  let t2 = inject(p, null);
+  if (t2 === null)
+    throw new Error("Missing parent");
+  return t2;
+}
+function M({ slot: t2 = ref({}), name: i2 = "Description", props: o2 = {} } = {}) {
+  let e2 = ref([]);
+  function s2(n2) {
+    return e2.value.push(n2), () => {
+      let r2 = e2.value.indexOf(n2);
+      r2 !== -1 && e2.value.splice(r2, 1);
+    };
+  }
+  return provide(p, { register: s2, slot: t2, name: i2, props: o2 }), computed(() => e2.value.length > 0 ? e2.value.join(" ") : void 0);
+}
+let E = defineComponent({ name: "Description", props: { as: { type: [Object, String], default: "p" }, id: { type: String, default: () => `headlessui-description-${t()}` } }, setup(t2, { attrs: i2, slots: o2 }) {
+  let e2 = b();
+  return onMounted(() => onUnmounted(e2.register(t2.id))), () => {
+    let { name: s2 = "Description", slot: n2 = ref({}), props: r2 = {} } = e2, { id: d2, ...l } = t2, c2 = { ...Object.entries(r2).reduce((f2, [a2, g]) => Object.assign(f2, { [a2]: unref(g) }), {}), id: d2 };
+    return H$2({ ourProps: c2, theirProps: l, slot: n2.value, attrs: i2, slots: o2, name: s2 });
+  };
+} });
+let a = Symbol("LabelContext");
+function d$1() {
+  let t2 = inject(a, null);
+  if (t2 === null) {
+    let n2 = new Error("You used a <Label /> component, but it is not inside a parent.");
+    throw Error.captureStackTrace && Error.captureStackTrace(n2, d$1), n2;
+  }
+  return t2;
+}
+function K({ slot: t2 = {}, name: n2 = "Label", props: i2 = {} } = {}) {
+  let e2 = ref([]);
+  function l(r2) {
+    return e2.value.push(r2), () => {
+      let o2 = e2.value.indexOf(r2);
+      o2 !== -1 && e2.value.splice(o2, 1);
+    };
+  }
+  return provide(a, { register: l, slot: t2, name: n2, props: i2 }), computed(() => e2.value.length > 0 ? e2.value.join(" ") : void 0);
+}
+let T = defineComponent({ name: "Label", props: { as: { type: [Object, String], default: "label" }, passive: { type: [Boolean], default: false }, id: { type: String, default: () => `headlessui-label-${t()}` } }, setup(t2, { slots: n2, attrs: i2 }) {
+  let e2 = d$1();
+  return onMounted(() => onUnmounted(e2.register(t2.id))), () => {
+    let { name: l = "Label", slot: r2 = {}, props: o2 = {} } = e2, { id: p2, passive: c2, ...u2 } = t2, s2 = { ...Object.entries(o2).reduce((f2, [b2, g]) => Object.assign(f2, { [b2]: unref(g) }), {}), id: p2 };
+    return c2 && (delete s2.onClick, delete s2.htmlFor, delete u2.onClick), H$2({ ourProps: s2, theirProps: u2, slot: r2, attrs: i2, slots: n2, name: l });
+  };
+} });
+function re(t2, c2) {
+  return t2 === c2;
+}
+let j = Symbol("RadioGroupContext");
+function H(t2) {
+  let c2 = inject(j, null);
+  if (c2 === null) {
+    let u2 = new Error(`<${t2} /> is missing a parent <RadioGroup /> component.`);
+    throw Error.captureStackTrace && Error.captureStackTrace(u2, H), u2;
+  }
+  return c2;
+}
+let ke = defineComponent({ name: "RadioGroup", emits: { "update:modelValue": (t2) => true }, props: { as: { type: [Object, String], default: "div" }, disabled: { type: [Boolean], default: false }, by: { type: [String, Function], default: () => re }, modelValue: { type: [Object, String, Number, Boolean], default: void 0 }, defaultValue: { type: [Object, String, Number, Boolean], default: void 0 }, form: { type: String, optional: true }, name: { type: String, optional: true }, id: { type: String, default: () => `headlessui-radiogroup-${t()}` } }, inheritAttrs: false, setup(t2, { emit: c2, attrs: u2, slots: E2, expose: d2 }) {
+  let s2 = ref(null), i2 = ref([]), R = K({ name: "RadioGroupLabel" }), w = M({ name: "RadioGroupDescription" });
+  d2({ el: s2, $el: s2 });
+  let [f2, S2] = d$2(computed(() => t2.modelValue), (e2) => c2("update:modelValue", e2), computed(() => t2.defaultValue)), p2 = { options: i2, value: f2, disabled: computed(() => t2.disabled), firstOption: computed(() => i2.value.find((e2) => !e2.propsRef.disabled)), containsCheckedOption: computed(() => i2.value.some((e2) => p2.compare(toRaw(e2.propsRef.value), toRaw(t2.modelValue)))), compare(e2, a2) {
+    if (typeof t2.by == "string") {
+      let n2 = t2.by;
+      return (e2 == null ? void 0 : e2[n2]) === (a2 == null ? void 0 : a2[n2]);
+    }
+    return t2.by(e2, a2);
+  }, change(e2) {
+    var n2;
+    if (t2.disabled || p2.compare(toRaw(f2.value), toRaw(e2)))
+      return false;
+    let a2 = (n2 = i2.value.find((l) => p2.compare(toRaw(l.propsRef.value), toRaw(e2)))) == null ? void 0 : n2.propsRef;
+    return a2 != null && a2.disabled ? false : (S2(e2), true);
+  }, registerOption(e2) {
+    i2.value.push(e2), i2.value = O(i2.value, (a2) => a2.element);
+  }, unregisterOption(e2) {
+    let a2 = i2.value.findIndex((n2) => n2.id === e2);
+    a2 !== -1 && i2.value.splice(a2, 1);
+  } };
+  provide(j, p2), p$2({ container: computed(() => o(s2)), accept(e2) {
+    return e2.getAttribute("role") === "radio" ? NodeFilter.FILTER_REJECT : e2.hasAttribute("role") ? NodeFilter.FILTER_SKIP : NodeFilter.FILTER_ACCEPT;
+  }, walk(e2) {
+    e2.setAttribute("role", "none");
+  } });
+  function m$1(e2) {
+    if (!s2.value || !s2.value.contains(e2.target))
+      return;
+    let a2 = i2.value.filter((n2) => n2.propsRef.disabled === false).map((n2) => n2.element);
+    switch (e2.key) {
+      case o$1.Enter:
+        p$1(e2.currentTarget);
+        break;
+      case o$1.ArrowLeft:
+      case o$1.ArrowUp:
+        if (e2.preventDefault(), e2.stopPropagation(), P(a2, N.Previous | N.WrapAround) === T$1.Success) {
+          let l = i2.value.find((r2) => {
+            var b2;
+            return r2.element === ((b2 = m(s2)) == null ? void 0 : b2.activeElement);
+          });
+          l && p2.change(l.propsRef.value);
+        }
+        break;
+      case o$1.ArrowRight:
+      case o$1.ArrowDown:
+        if (e2.preventDefault(), e2.stopPropagation(), P(a2, N.Next | N.WrapAround) === T$1.Success) {
+          let l = i2.value.find((r2) => {
+            var b2;
+            return r2.element === ((b2 = m(r2.element)) == null ? void 0 : b2.activeElement);
+          });
+          l && p2.change(l.propsRef.value);
+        }
+        break;
+      case o$1.Space:
+        {
+          e2.preventDefault(), e2.stopPropagation();
+          let n2 = i2.value.find((l) => {
+            var r2;
+            return l.element === ((r2 = m(l.element)) == null ? void 0 : r2.activeElement);
+          });
+          n2 && p2.change(n2.propsRef.value);
+        }
+        break;
+    }
+  }
+  let v2 = computed(() => {
+    var e2;
+    return (e2 = o(s2)) == null ? void 0 : e2.closest("form");
+  });
+  return onMounted(() => {
+    watch([v2], () => {
+      if (!v2.value || t2.defaultValue === void 0)
+        return;
+      function e2() {
+        p2.change(t2.defaultValue);
+      }
+      return v2.value.addEventListener("reset", e2), () => {
+        var a2;
+        (a2 = v2.value) == null || a2.removeEventListener("reset", e2);
+      };
+    }, { immediate: true });
+  }), () => {
+    let { disabled: e$12, name: a2, id: n2, form: l, ...r2 } = t2, b2 = { ref: s2, id: n2, role: "radiogroup", "aria-labelledby": R.value, "aria-describedby": w.value, onKeydown: m$1 };
+    return h$1(Fragment, [...a2 != null && f2.value != null ? e({ [a2]: f2.value }).map(([T2, G]) => h$1(f$1, K$1({ features: a$1.Hidden, key: T2, as: "input", type: "hidden", hidden: true, readOnly: true, form: l, name: T2, value: G }))) : [], H$2({ ourProps: b2, theirProps: { ...u2, ...T$2(r2, ["modelValue", "defaultValue", "by"]) }, slot: {}, attrs: u2, slots: E2, name: "RadioGroup" })]);
+  };
+} });
+var ie = ((u2) => (u2[u2.Empty = 1] = "Empty", u2[u2.Active = 2] = "Active", u2))(ie || {});
+let Ee = defineComponent({ name: "RadioGroupOption", props: { as: { type: [Object, String], default: "div" }, value: { type: [Object, String, Number, Boolean] }, disabled: { type: Boolean, default: false }, id: { type: String, default: () => `headlessui-radiogroup-option-${t()}` } }, setup(t2, { attrs: c2, slots: u2, expose: E2 }) {
+  let d2 = H("RadioGroupOption"), s2 = K({ name: "RadioGroupLabel" }), i2 = M({ name: "RadioGroupDescription" }), R = ref(null), w = computed(() => ({ value: t2.value, disabled: t2.disabled })), f2 = ref(1);
+  E2({ el: R, $el: R });
+  let S2 = computed(() => o(R));
+  onMounted(() => d2.registerOption({ id: t2.id, element: S2, propsRef: w })), onUnmounted(() => d2.unregisterOption(t2.id));
+  let p2 = computed(() => {
+    var r2;
+    return ((r2 = d2.firstOption.value) == null ? void 0 : r2.id) === t2.id;
+  }), m2 = computed(() => d2.disabled.value || t2.disabled), v2 = computed(() => d2.compare(toRaw(d2.value.value), toRaw(t2.value))), e2 = computed(() => m2.value ? -1 : v2.value || !d2.containsCheckedOption.value && p2.value ? 0 : -1);
+  function a2() {
+    var r2;
+    d2.change(t2.value) && (f2.value |= 2, (r2 = o(R)) == null || r2.focus());
+  }
+  function n2() {
+    f2.value |= 2;
+  }
+  function l() {
+    f2.value &= -3;
+  }
+  return () => {
+    let { id: r2, value: b2, disabled: T2, ...G } = t2, N2 = { checked: v2.value, disabled: m2.value, active: Boolean(f2.value & 2) }, K2 = { id: r2, ref: R, role: "radio", "aria-checked": v2.value ? "true" : "false", "aria-labelledby": s2.value, "aria-describedby": i2.value, "aria-disabled": m2.value ? true : void 0, tabIndex: e2.value, onClick: m2.value ? void 0 : a2, onFocus: m2.value ? void 0 : n2, onBlur: m2.value ? void 0 : l };
+    return H$2({ ourProps: K2, theirProps: G, slot: N2, attrs: c2, slots: u2, name: "RadioGroupOption" });
+  };
+} }), we = T, Se = E;
+const _sfc_main$a = /* @__PURE__ */ defineComponent({
+  __name: "VRadioDescription",
+  props: {
+    as: Se.props["as"]
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Se), { as: __props.as }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["as"]);
+    };
+  }
+});
+const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "VRadioGroup",
   props: {
-    name: {
+    as: ke.props["as"],
+    disabled: ke.props["disabled"],
+    by: ke.props["by"],
+    modelValue: ke.props["modelValue"],
+    active: {
       type: String,
-      required: true
+      default: "variant-filled"
     },
-    modelValue: {
-      type: [String, Number],
-      required: true
+    hover: {
+      type: String,
+      default: "hover:variant-ghost"
     },
-    labelledby: {
+    background: {
       type: String,
-      default: ""
+      default: "bg-surface-200-700-token"
+    },
+    text: {
+      type: String,
+      default: "text-surface-900 dark:text-surface-50"
     }
   },
   emits: ["update:modelValue"],
-  setup(__props, { emit: emits }) {
+  setup(__props, { emit }) {
     const props = __props;
-    const radioGroupRef = ref();
-    const selectedOption = ref(props.modelValue);
-    provide("selectedOption", selectedOption);
-    provide("name", props.name);
-    provide("radioGroup", radioGroupRef);
-    watch(selectedOption, (newVal) => {
-      emits("update:modelValue", newVal);
-    });
+    const parentModelValue = ref(props.modelValue);
+    watch(
+      () => props.modelValue,
+      (newValue) => {
+        parentModelValue.value = newValue;
+      }
+    );
+    watch(
+      () => parentModelValue.value,
+      (newValue) => {
+        console.log("test: ", newValue);
+        emit("update:modelValue", newValue);
+      }
+    );
+    provide("active", props.active);
+    provide("hover", props.hover);
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "radioGroupRef",
-        ref: radioGroupRef,
-        role: "radiogroup",
-        class: "radio-group inline-flex space-x-1 p-1 bg-surface-200-700-token border-token border-surface-400-500-token rounded-token",
-        tabindex: "-1"
-      }, [
-        renderSlot(_ctx.$slots, "default")
-      ], 512);
+      return openBlock(), createBlock(unref(ke), {
+        modelValue: parentModelValue.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => parentModelValue.value = $event),
+        as: __props.as,
+        disabled: __props.disabled,
+        by: __props.by,
+        class: normalizeClass(`radio-group inline-flex gap-1 p-1 ${__props.background} ${__props.text} border-token border-surface-400-500-token rounded-container-token`)
+      }, {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["modelValue", "as", "disabled", "by", "class"]);
     };
   }
 });
-const _hoisted_1$6 = ["aria-checked", "tabindex", "name"];
-const _hoisted_2$4 = { class: "h-0 w-0 overflow-hidden" };
-const _hoisted_3$2 = ["name", "value"];
-const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+const _sfc_main$8 = /* @__PURE__ */ defineComponent({
   __name: "VRadioItem",
   props: {
     value: {
@@ -128,133 +592,38 @@ const _sfc_main$7 = /* @__PURE__ */ defineComponent({
     }
   },
   setup(__props) {
-    const props = __props;
-    const radioGroup = inject("radioGroup");
-    const selectedOption = inject("selectedOption");
-    const name = inject("name");
-    const id = `radio-${Math.random().toString(36).substring(2, 9)}`;
-    const isFirst = computed(() => {
-      var _a, _b;
-      const idOfFirstChild = (_b = (_a = radioGroup.value) == null ? void 0 : _a.children[0].querySelector("input")) == null ? void 0 : _b.id;
-      return idOfFirstChild === id;
-    });
-    const checked = computed(() => {
-      return selectedOption.value === props.value;
-    });
-    const tabbable = computed(() => {
-      if (!selectedOption.value)
-        return isFirst.value ? 0 : -1;
-      return selectedOption.value === props.value ? 0 : -1;
-    });
-    const setChecked = (target) => {
-      const input = target.querySelector("input");
-      input == null ? void 0 : input.click();
-      input == null ? void 0 : input.focus();
-    };
-    const setCheckedToNextItem = (target) => {
-      var _a, _b;
-      const activeId = (_a = target.querySelector("input")) == null ? void 0 : _a.id;
-      const children = (_b = radioGroup.value) == null ? void 0 : _b.children;
-      const activeChild = Array.from(children).find((child) => {
-        const input2 = child.querySelector("input");
-        return (input2 == null ? void 0 : input2.id) === activeId;
-      });
-      const firstchild = children[0];
-      const isLast = activeChild === children[children.length - 1];
-      if (isLast) {
-        const input2 = firstchild.querySelector("input");
-        if (input2) {
-          input2.click();
-          input2.focus();
-        }
-        return;
-      }
-      const nextChild = activeChild == null ? void 0 : activeChild.nextElementSibling;
-      const input = nextChild == null ? void 0 : nextChild.querySelector("input");
-      if (input) {
-        input.click();
-        input.focus();
-      }
-    };
-    const setCheckedToPreviousItem = (target) => {
-      var _a, _b;
-      const activeId = (_a = target.querySelector("input")) == null ? void 0 : _a.id;
-      const children = (_b = radioGroup.value) == null ? void 0 : _b.children;
-      const activeChild = Array.from(children).find((child) => {
-        const input2 = child.querySelector("input");
-        return (input2 == null ? void 0 : input2.id) === activeId;
-      });
-      const lastchild = children[children.length - 1];
-      const isFirst2 = activeChild === children[0];
-      if (isFirst2) {
-        const input2 = lastchild.querySelector("input");
-        if (input2) {
-          input2.click();
-          input2.focus();
-        }
-        return;
-      }
-      const previousChild = activeChild == null ? void 0 : activeChild.previousElementSibling;
-      const input = previousChild == null ? void 0 : previousChild.querySelector("input");
-      if (input) {
-        input.click();
-        input.focus();
-      }
-    };
-    const handleKeydown = (event) => {
-      const target = event.currentTarget;
-      let flag = false;
-      switch (event.key) {
-        case " ":
-        case "Enter":
-          setChecked(target);
-          flag = true;
-          break;
-        case "Up":
-        case "ArrowUp":
-        case "Left":
-        case "ArrowLeft":
-          setCheckedToPreviousItem(target);
-          flag = true;
-          break;
-        case "Down":
-        case "ArrowDown":
-        case "Right":
-        case "ArrowRight":
-          setCheckedToNextItem(target);
-          flag = true;
-          break;
-      }
-      if (flag) {
-        event.stopPropagation();
-        event.preventDefault();
-      }
+    const active = inject("active") || "variant-filled";
+    const hover = inject("hover") || "hover:variant-ghost";
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Ee), { value: __props.value }, {
+        default: withCtx(({ checked, disabled }) => [
+          createElementVNode("span", {
+            class: normalizeClass(`radio-item px-4 py-1 text-center text-base rounded-token ${checked ? unref(active) : unref(hover)} ${disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"}`)
+          }, [
+            renderSlot(_ctx.$slots, "default")
+          ], 2)
+        ]),
+        _: 3
+      }, 8, ["value"]);
     };
+  }
+});
+const _sfc_main$7 = /* @__PURE__ */ defineComponent({
+  __name: "VRadioLabel",
+  props: {
+    as: {
+      type: we.props["as"].type,
+      default: "p"
+    }
+  },
+  setup(__props) {
     return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", { for: id }, [
-        createElementVNode("div", {
-          class: normalizeClass(`radio-item cursor-pointer px-4 py-1 text-center text-base rounded-token ${unref(checked) ? "variant-filled" : "hover:variant-soft"} `),
-          role: "radio",
-          "aria-checked": unref(checked),
-          tabindex: unref(tabbable),
-          name: unref(name),
-          onKeydown: handleKeydown
-        }, [
-          createElementVNode("div", _hoisted_2$4, [
-            withDirectives(createElementVNode("input", {
-              tabindex: "-1",
-              type: "radio",
-              id,
-              name: unref(name),
-              value: __props.value,
-              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(selectedOption) ? selectedOption.value = $event : null)
-            }, null, 8, _hoisted_3$2), [
-              [vModelRadio, unref(selectedOption)]
-            ])
-          ]),
+      return openBlock(), createBlock(unref(we), { as: __props.as }, {
+        default: withCtx(() => [
           renderSlot(_ctx.$slots, "default")
-        ], 42, _hoisted_1$6)
-      ]);
+        ]),
+        _: 3
+      }, 8, ["as"]);
     };
   }
 });
@@ -578,15 +947,17 @@ const _sfc_main$3 = defineComponent({
 var components = /* @__PURE__ */ Object.freeze({
   __proto__: null,
   [Symbol.toStringTag]: "Module",
-  VButton: _sfc_main$a,
+  VButton: _sfc_main$c,
+  VBadge,
+  VChip,
+  VRadioGroup: _sfc_main$9,
+  VRadioItem: _sfc_main$8,
+  VRadioLabel: _sfc_main$7,
+  VRadioDescription: _sfc_main$a,
   VRail: _sfc_main$5,
   VRailTile: _sfc_main$4,
   VShell: _sfc_main$3,
-  VDrawer: _sfc_main$6,
-  VBadge,
-  VChip,
-  VRadioGroup: _sfc_main$8,
-  VRadioItem: _sfc_main$7
+  VDrawer: _sfc_main$6
 });
 var main = "";
 var tailwind = "";
@@ -648,7 +1019,7 @@ const scopeToCSSClass = (name, { prefix }) => {
     const pieces = name.split(".");
     return [
       `${prefix}${pieces.shift()}`,
-      ...pieces.map((x, i) => `${x}${"_".repeat(i + 1)}`)
+      ...pieces.map((x, i2) => `${x}${"_".repeat(i2 + 1)}`)
     ].join(" ");
   }
   return `${prefix}${name}`;
@@ -782,21 +1153,21 @@ class TokenTreeEmitter extends TokenTree {
     return true;
   }
 }
-function source$2(re) {
-  if (!re)
+function source$2(re2) {
+  if (!re2)
     return null;
-  if (typeof re === "string")
-    return re;
-  return re.source;
+  if (typeof re2 === "string")
+    return re2;
+  return re2.source;
 }
-function lookahead$2(re) {
-  return concat$2("(?=", re, ")");
+function lookahead$2(re2) {
+  return concat$2("(?=", re2, ")");
 }
-function anyNumberOfTimes(re) {
-  return concat$2("(?:", re, ")*");
+function anyNumberOfTimes(re2) {
+  return concat$2("(?:", re2, ")*");
 }
-function optional(re) {
-  return concat$2("(?:", re, ")?");
+function optional(re2) {
+  return concat$2("(?:", re2, ")?");
 }
 function concat$2(...args) {
   const joined = args.map((x) => source$2(x)).join("");
@@ -816,11 +1187,11 @@ function either$2(...args) {
   const joined = "(" + (opts.capture ? "" : "?:") + args.map((x) => source$2(x)).join("|") + ")";
   return joined;
 }
-function countMatchGroups(re) {
-  return new RegExp(re.toString() + "|").exec("").length - 1;
+function countMatchGroups(re2) {
+  return new RegExp(re2.toString() + "|").exec("").length - 1;
 }
-function startsWith(re, lexeme) {
-  const match = re && re.exec(lexeme);
+function startsWith(re2, lexeme) {
+  const match = re2 && re2.exec(lexeme);
   return match && match.index === 0;
 }
 const BACKREF_RE = /\[(?:[^\\\]]|\\.)*\]|\(\??|\\([1-9][0-9]*)|\\./;
@@ -829,16 +1200,16 @@ function _rewriteBackreferences(regexps, { joinWith }) {
   return regexps.map((regex) => {
     numCaptures += 1;
     const offset = numCaptures;
-    let re = source$2(regex);
+    let re2 = source$2(regex);
     let out = "";
-    while (re.length > 0) {
-      const match = BACKREF_RE.exec(re);
+    while (re2.length > 0) {
+      const match = BACKREF_RE.exec(re2);
       if (!match) {
-        out += re;
+        out += re2;
         break;
       }
-      out += re.substring(0, match.index);
-      re = re.substring(match.index + match[0].length);
+      out += re2.substring(0, match.index);
+      re2 = re2.substring(match.index + match[0].length);
       if (match[0][0] === "\\" && match[1]) {
         out += "\\" + String(Number(match[1]) + offset);
       } else {
@@ -849,7 +1220,7 @@ function _rewriteBackreferences(regexps, { joinWith }) {
       }
     }
     return out;
-  }).map((re) => `(${re})`).join(joinWith);
+  }).map((re2) => `(${re2})`).join(joinWith);
 }
 const MATCH_NOTHING_RE = /\b\B/;
 const IDENT_RE$2 = "[a-zA-Z]\\w*";
@@ -873,8 +1244,8 @@ const SHEBANG = (opts = {}) => {
     begin: beginShebang,
     end: /$/,
     relevance: 0,
-    "on:begin": (m, resp) => {
-      if (m.index !== 0)
+    "on:begin": (m2, resp) => {
+      if (m2.index !== 0)
         resp.ignoreMatch();
     }
   }, opts);
@@ -1000,11 +1371,11 @@ const END_SAME_AS_BEGIN = function(mode) {
   return Object.assign(
     mode,
     {
-      "on:begin": (m, resp) => {
-        resp.data._beginMatch = m[1];
+      "on:begin": (m2, resp) => {
+        resp.data._beginMatch = m2[1];
       },
-      "on:end": (m, resp) => {
-        if (resp.data._beginMatch !== m[1])
+      "on:end": (m2, resp) => {
+        if (resp.data._beginMatch !== m2[1])
           resp.ignoreMatch();
       }
     }
@@ -1165,10 +1536,10 @@ function remapScopeNames(mode, regexes, { key }) {
   const scopeNames = mode[key];
   const emit = {};
   const positions = {};
-  for (let i = 1; i <= regexes.length; i++) {
-    positions[i + offset] = scopeNames[i];
-    emit[i + offset] = true;
-    offset += countMatchGroups(regexes[i - 1]);
+  for (let i2 = 1; i2 <= regexes.length; i2++) {
+    positions[i2 + offset] = scopeNames[i2];
+    emit[i2 + offset] = true;
+    offset += countMatchGroups(regexes[i2 - 1]);
   }
   mode[key] = positions;
   mode[key]._emit = emit;
@@ -1233,11 +1604,11 @@ function compileLanguage(language) {
       this.matchAt = 1;
       this.position = 0;
     }
-    addRule(re, opts) {
+    addRule(re2, opts) {
       opts.position = this.position++;
       this.matchIndexes[this.matchAt] = opts;
-      this.regexes.push([opts, re]);
-      this.matchAt += countMatchGroups(re) + 1;
+      this.regexes.push([opts, re2]);
+      this.matchAt += countMatchGroups(re2) + 1;
     }
     compile() {
       if (this.regexes.length === 0) {
@@ -1247,15 +1618,15 @@ function compileLanguage(language) {
       this.matcherRe = langRe(_rewriteBackreferences(terminators, { joinWith: "|" }), true);
       this.lastIndex = 0;
     }
-    exec(s) {
+    exec(s2) {
       this.matcherRe.lastIndex = this.lastIndex;
-      const match = this.matcherRe.exec(s);
+      const match = this.matcherRe.exec(s2);
       if (!match) {
         return null;
       }
-      const i = match.findIndex((el, i2) => i2 > 0 && el !== void 0);
-      const matchData = this.matchIndexes[i];
-      match.splice(0, i);
+      const i2 = match.findIndex((el, i3) => i3 > 0 && el !== void 0);
+      const matchData = this.matchIndexes[i2];
+      match.splice(0, i2);
       return Object.assign(match, matchData);
     }
   }
@@ -1271,7 +1642,7 @@ function compileLanguage(language) {
       if (this.multiRegexes[index2])
         return this.multiRegexes[index2];
       const matcher = new MultiRegex();
-      this.rules.slice(index2).forEach(([re, opts]) => matcher.addRule(re, opts));
+      this.rules.slice(index2).forEach(([re2, opts]) => matcher.addRule(re2, opts));
       matcher.compile();
       this.multiRegexes[index2] = matcher;
       return matcher;
@@ -1282,22 +1653,22 @@ function compileLanguage(language) {
     considerAll() {
       this.regexIndex = 0;
     }
-    addRule(re, opts) {
-      this.rules.push([re, opts]);
+    addRule(re2, opts) {
+      this.rules.push([re2, opts]);
       if (opts.type === "begin")
         this.count++;
     }
-    exec(s) {
-      const m = this.getMatcher(this.regexIndex);
-      m.lastIndex = this.lastIndex;
-      let result = m.exec(s);
+    exec(s2) {
+      const m2 = this.getMatcher(this.regexIndex);
+      m2.lastIndex = this.lastIndex;
+      let result = m2.exec(s2);
       if (this.resumingScanAtSamePosition()) {
         if (result && result.index === this.lastIndex)
           ;
         else {
-          const m2 = this.getMatcher(0);
-          m2.lastIndex = this.lastIndex + 1;
-          result = m2.exec(s);
+          const m22 = this.getMatcher(0);
+          m22.lastIndex = this.lastIndex + 1;
+          result = m22.exec(s2);
         }
       }
       if (result) {
@@ -1548,15 +1919,15 @@ const HLJS = function(hljs2) {
       modeBuffer = "";
     }
     function emitMultiClass(scope, match) {
-      let i = 1;
+      let i2 = 1;
       const max = match.length - 1;
-      while (i <= max) {
-        if (!scope._emit[i]) {
-          i++;
+      while (i2 <= max) {
+        if (!scope._emit[i2]) {
+          i2++;
           continue;
         }
-        const klass = language.classNameAliases[scope[i]] || scope[i];
-        const text = match[i];
+        const klass = language.classNameAliases[scope[i2]] || scope[i2];
+        const text = match[i2];
         if (klass) {
           emitter.addKeyword(text, klass);
         } else {
@@ -1564,7 +1935,7 @@ const HLJS = function(hljs2) {
           processKeywords();
           modeBuffer = "";
         }
-        i++;
+        i2++;
       }
     }
     function startNewMode(mode, match) {
@@ -1821,13 +2192,13 @@ const HLJS = function(hljs2) {
       (name) => _highlight(name, code, false)
     );
     results.unshift(plaintext2);
-    const sorted = results.sort((a, b) => {
-      if (a.relevance !== b.relevance)
-        return b.relevance - a.relevance;
-      if (a.language && b.language) {
-        if (getLanguage(a.language).supersetOf === b.language) {
+    const sorted = results.sort((a2, b2) => {
+      if (a2.relevance !== b2.relevance)
+        return b2.relevance - a2.relevance;
+      if (a2.language && b2.language) {
+        if (getLanguage(a2.language).supersetOf === b2.language) {
           return 1;
-        } else if (getLanguage(b.language).supersetOf === a.language) {
+        } else if (getLanguage(b2.language).supersetOf === a2.language) {
           return -1;
         }
       }
@@ -10083,8 +10454,8 @@ function markdown(hljs2) {
     ITALIC,
     BOLD_WITHOUT_ITALIC,
     ITALIC_WITHOUT_BOLD
-  ].forEach((m) => {
-    m.contains = m.contains.concat(CONTAINABLE);
+  ].forEach((m2) => {
+    m2.contains = m2.contains.concat(CONTAINABLE);
   });
   CONTAINABLE = CONTAINABLE.concat(BOLD, ITALIC);
   const HEADER = {
@@ -10244,7 +10615,7 @@ function dart(hljs2) {
     "Element",
     "ElementList"
   ];
-  const NULLABLE_BUILT_IN_TYPES = BUILT_IN_TYPES.map((e) => `${e}?`);
+  const NULLABLE_BUILT_IN_TYPES = BUILT_IN_TYPES.map((e2) => `${e2}?`);
   const BASIC_KEYWORDS = [
     "abstract",
     "as",
@@ -13415,15 +13786,15 @@ var fortran_1 = fortran;
 function escape(value) {
   return new RegExp(value.replace(/[-/\\^$*+?.()|[\]{}]/g, "\\$&"), "m");
 }
-function source$1(re) {
-  if (!re)
+function source$1(re2) {
+  if (!re2)
     return null;
-  if (typeof re === "string")
-    return re;
-  return re.source;
+  if (typeof re2 === "string")
+    return re2;
+  return re2.source;
 }
-function lookahead$1(re) {
-  return concat$1("(?=", re, ")");
+function lookahead$1(re2) {
+  return concat$1("(?=", re2, ")");
 }
 function concat$1(...args) {
   const joined = args.map((x) => source$1(x)).join("");
@@ -19115,11 +19486,11 @@ var NUMERIC$1 = {
   ],
   relevance: 0
 };
-function recurRegex(re, substitution, depth) {
+function recurRegex(re2, substitution, depth) {
   if (depth === -1)
     return "";
-  return re.replace(substitution, (_) => {
-    return recurRegex(re, substitution, depth - 1);
+  return re2.replace(substitution, (_) => {
+    return recurRegex(re2, substitution, depth - 1);
   });
 }
 function java(hljs2) {
@@ -19498,14 +19869,14 @@ function javascript$1(hljs2) {
           response.ignoreMatch();
         }
       }
-      let m;
+      let m2;
       const afterMatch = match.input.substring(afterMatchIndex);
-      if (m = afterMatch.match(/^\s*=/)) {
+      if (m2 = afterMatch.match(/^\s*=/)) {
         response.ignoreMatch();
         return;
       }
-      if (m = afterMatch.match(/^\s+extends\s+/)) {
-        if (m.index === 0) {
+      if (m2 = afterMatch.match(/^\s+extends\s+/)) {
+        if (m2.index === 0) {
           response.ignoreMatch();
           return;
         }
@@ -42205,15 +42576,15 @@ function subunit(hljs2) {
   };
 }
 var subunit_1 = subunit;
-function source(re) {
-  if (!re)
+function source(re2) {
+  if (!re2)
     return null;
-  if (typeof re === "string")
-    return re;
-  return re.source;
+  if (typeof re2 === "string")
+    return re2;
+  return re2.source;
 }
-function lookahead(re) {
-  return concat("(?=", re, ")");
+function lookahead(re2) {
+  return concat("(?=", re2, ")");
 }
 function concat(...args) {
   const joined = args.map((x) => source(x)).join("");
@@ -43703,7 +44074,7 @@ function twig(hljs2) {
     "verbatim",
     "with"
   ];
-  TAG_NAMES = TAG_NAMES.concat(TAG_NAMES.map((t) => `end${t}`));
+  TAG_NAMES = TAG_NAMES.concat(TAG_NAMES.map((t2) => `end${t2}`));
   const STRING = {
     scope: "string",
     variants: [
@@ -43962,14 +44333,14 @@ function javascript(hljs2) {
           response.ignoreMatch();
         }
       }
-      let m;
+      let m2;
       const afterMatch = match.input.substring(afterMatchIndex);
-      if (m = afterMatch.match(/^\s*=/)) {
+      if (m2 = afterMatch.match(/^\s*=/)) {
         response.ignoreMatch();
         return;
       }
-      if (m = afterMatch.match(/^\s+extends\s+/)) {
-        if (m.index === 0) {
+      if (m2 = afterMatch.match(/^\s+extends\s+/)) {
+        if (m2.index === 0) {
           response.ignoreMatch();
           return;
         }
@@ -44464,7 +44835,7 @@ function typescript(hljs2) {
     begin: "@" + IDENT_RE$12
   };
   const swapMode = (mode, label, replacement) => {
-    const indx = mode.contains.findIndex((m) => m.label === label);
+    const indx = mode.contains.findIndex((m2) => m2.label === label);
     if (indx === -1) {
       throw new Error("can not find mode to replace");
     }
@@ -44479,7 +44850,7 @@ function typescript(hljs2) {
   ]);
   swapMode(tsLanguage, "shebang", hljs2.SHEBANG());
   swapMode(tsLanguage, "use_strict", USE_STRICT);
-  const functionDeclaration = tsLanguage.contains.find((m) => m.label === "func.def");
+  const functionDeclaration = tsLanguage.contains.find((m2) => m2.label === "func.def");
   functionDeclaration.relevance = 0;
   Object.assign(tsLanguage, {
     name: "TypeScript",
@@ -47232,7 +47603,7 @@ var themeSwitcher_vue_vue_type_style_index_0_scoped_true_lang = "";
 const _sfc_main = defineComponent({
   components: {
     DarkModeSwitch,
-    VButton: _sfc_main$a
+    VButton: _sfc_main$c
   },
   props: {
     bgLight: {
@@ -47328,7 +47699,7 @@ const _sfc_main = defineComponent({
     };
   }
 });
-const _withScopeId = (n) => (pushScopeId("data-v-3283243a"), n = n(), popScopeId(), n);
+const _withScopeId = (n2) => (pushScopeId("data-v-3283243a"), n2 = n2(), popScopeId(), n2);
 const _hoisted_1 = { class: "cc-theme-switcher" };
 const _hoisted_2 = { class: "space-y-4" };
 const _hoisted_3 = { class: "flex items-center justify-between" };
@@ -47402,7 +47773,7 @@ const defaultTheme = THEMES.VUETIFUL;
 const chosenTheme = ref(defaultTheme);
 const useTheme = () => {
   const saveThemeToStorage = (name) => {
-    const theme = themes.value.find((t) => t.name === name);
+    const theme = themes.value.find((t2) => t2.name === name);
     if (!theme)
       return;
     if (isBrowser) {
@@ -47420,9 +47791,9 @@ const useTheme = () => {
     }
   };
   const loadTheme = (themeName, callback) => {
-    let themeToLoad = themes.value.find((t) => t.name === themeName);
+    let themeToLoad = themes.value.find((t2) => t2.name === themeName);
     if (!themeToLoad)
-      themeToLoad = themes.value.find((t) => t.name === defaultTheme) || themes.value[0];
+      themeToLoad = themes.value.find((t2) => t2.name === defaultTheme) || themes.value[0];
     const theme = themeToLoad;
     chosenTheme.value = theme.name;
     const existingStyle = document.getElementById("theme");
@@ -47475,4 +47846,4 @@ function install(app) {
   }
 }
 var index = { install };
-export { DarkModeSwitch, themeSwitcher as ThemeSwitcher, VBadge, _sfc_main$a as VButton, VChip, _sfc_main$2 as VCodeBlock, _sfc_main$6 as VDrawer, _sfc_main$8 as VRadioGroup, _sfc_main$7 as VRadioItem, _sfc_main$5 as VRail, _sfc_main$4 as VRailTile, _sfc_main$3 as VShell, index as default, useDarkMode, useDrawer, useRail, useTheme, clipboard as vClipboard };
+export { DarkModeSwitch, themeSwitcher as ThemeSwitcher, VBadge, _sfc_main$c as VButton, VChip, _sfc_main$2 as VCodeBlock, _sfc_main$6 as VDrawer, _sfc_main$a as VRadioDescription, _sfc_main$9 as VRadioGroup, _sfc_main$8 as VRadioItem, _sfc_main$7 as VRadioLabel, _sfc_main$5 as VRail, _sfc_main$4 as VRailTile, _sfc_main$3 as VShell, index as default, useDarkMode, useDrawer, useRail, useTheme, clipboard as vClipboard };