@voidzero-dev/vitepress-theme 0.1.38 → 0.1.41

package/dist/index100.js

@@ -1,9 +1,16 @@
-function t() {
-  let e = document.activeElement;
-  if (e == null) return null;
-  for (; e != null && e.shadowRoot != null && e.shadowRoot.activeElement != null; ) e = e.shadowRoot.activeElement;
-  return e;
+import { ref as c } from "vue";
+function i(n, a) {
+  const t = c(n);
+  function r(e) {
+    return a[t.value][e] ?? t.value;
+  }
+  return {
+    state: t,
+    dispatch: (e) => {
+      t.value = r(e);
+    }
+  };
 }
 export {
-  t as getActiveElement
+  i as useStateMachine
 };

package/dist/index101.js

@@ -1,7 +1,60 @@
-import { Fragment as e } from "vue";
-function n(t) {
-  return t ? t.flatMap((r) => r.type === e ? n(r.children) : [r]) : [];
+import { useStateMachine as U } from "./index100.js";
+import { ref as f, watch as N, nextTick as h, onUnmounted as S, computed as g } from "vue";
+import { defaultWindow as y } from "./index98.js";
+import { isClient as C } from "./index102.js";
+function P(o, t) {
+  const A = f({}), r = f("none"), p = f(o), E = o.value ? "mounted" : "unmounted";
+  let c;
+  const M = t.value?.ownerDocument.defaultView ?? y, { state: m, dispatch: a } = U(E, {
+    mounted: {
+      UNMOUNT: "unmounted",
+      ANIMATION_OUT: "unmountSuspended"
+    },
+    unmountSuspended: {
+      MOUNT: "mounted",
+      ANIMATION_END: "unmounted"
+    },
+    unmounted: { MOUNT: "mounted" }
+  }), i = (e) => {
+    if (C) {
+      const n = new CustomEvent(e, {
+        bubbles: !1,
+        cancelable: !1
+      });
+      t.value?.dispatchEvent(n);
+    }
+  };
+  N(o, async (e, n) => {
+    const v = n !== e;
+    if (await h(), v) {
+      const d = r.value, u = l(t.value);
+      e ? (a("MOUNT"), i("enter"), u === "none" && i("after-enter")) : u === "none" || u === "undefined" || A.value?.display === "none" ? (a("UNMOUNT"), i("leave"), i("after-leave")) : n && d !== u ? (a("ANIMATION_OUT"), i("leave")) : (a("UNMOUNT"), i("after-leave"));
+    }
+  }, { immediate: !0 });
+  const s = (e) => {
+    const n = l(t.value), v = n.includes(CSS.escape(e.animationName)), d = m.value === "mounted" ? "enter" : "leave";
+    if (e.target === t.value && v && (i(`after-${d}`), a("ANIMATION_END"), !p.value)) {
+      const u = t.value.style.animationFillMode;
+      t.value.style.animationFillMode = "forwards", c = M?.setTimeout(() => {
+        t.value?.style.animationFillMode === "forwards" && (t.value.style.animationFillMode = u);
+      });
+    }
+    e.target === t.value && n === "none" && a("ANIMATION_END");
+  }, T = (e) => {
+    e.target === t.value && (r.value = l(t.value));
+  }, O = N(t, (e, n) => {
+    e ? (A.value = getComputedStyle(e), e.addEventListener("animationstart", T), e.addEventListener("animationcancel", s), e.addEventListener("animationend", s)) : (a("ANIMATION_END"), c !== void 0 && M?.clearTimeout(c), n?.removeEventListener("animationstart", T), n?.removeEventListener("animationcancel", s), n?.removeEventListener("animationend", s));
+  }, { immediate: !0 }), I = N(m, () => {
+    const e = l(t.value);
+    r.value = m.value === "mounted" ? e : "none";
+  });
+  return S(() => {
+    O(), I();
+  }), { isPresent: g(() => ["mounted", "unmountSuspended"].includes(m.value)) };
+}
+function l(o) {
+  return o && getComputedStyle(o).animationName || "none";
 }
 export {
-  n as renderSlotFragments
+  P as usePresence
 };

package/dist/index102.js

@@ -1,6 +1,8 @@
-import { createContext as o } from "./index99.js";
 import "vue";
-const [e] = o("ConfigProvider");
+const n = typeof window < "u" && typeof document < "u";
+typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
+const i = (e) => typeof e < "u";
 export {
-  e as injectConfigProviderContext
+  n as isClient,
+  i as isDef
 };

package/dist/index103.js

@@ -1,9 +1,41 @@
-import { injectConfigProviderContext as o } from "./index102.js";
-import { ref as e, computed as i } from "vue";
-function u(r) {
-  const t = o({ dir: e("ltr") });
-  return i(() => r?.value || t.dir?.value || "ltr");
-}
+import { renderSlotFragments as u } from "./index94.js";
+import { usePresence as f } from "./index101.js";
+import { defineComponent as d, toRefs as m, ref as h, getCurrentInstance as v, h as y } from "vue";
+import { unrefElement as w } from "./index98.js";
+var x = d({
+  name: "Presence",
+  props: {
+    present: {
+      type: Boolean,
+      required: !0
+    },
+    forceMount: { type: Boolean }
+  },
+  slots: {},
+  setup(l, { slots: a, expose: c }) {
+    const { present: i, forceMount: p } = m(l), r = h(), { isPresent: t } = f(i, r);
+    c({ present: t });
+    let n = a.default({ present: t.value });
+    n = u(n || []);
+    const s = v();
+    if (n && n?.length > 1) {
+      const o = s?.parent?.type.name ? `<${s.parent.type.name} />` : "component";
+      throw new Error([
+        `Detected an invalid children for \`${o}\` for  \`Presence\` component.`,
+        "",
+        "Note: Presence works similarly to `v-if` directly, but it waits for animation/transition to finished before unmounting. So it expect only one direct child of valid VNode type.",
+        "You can apply a few solutions:",
+        ["Provide a single child element so that `presence` directive attach correctly.", "Ensure the first child is an actual element instead of a raw text node or comment node."].map((e) => `  - ${e}`).join(`
+`)
+      ].join(`
+`));
+    }
+    return () => p.value || i.value || t.value ? y(a.default({ present: t.value })[0], { ref: (o) => {
+      const e = w(o);
+      return typeof e?.hasAttribute > "u" || (e?.hasAttribute("data-reka-popper-content-wrapper") ? r.value = e.firstElementChild : r.value = e), e;
+    } }) : null;
+  }
+});
 export {
-  u as useDirection
+  x as Presence_default
 };

package/dist/index104.js

@@ -1,35 +1,23 @@
-import { getCurrentInstance as l, ref as i, computed as s } from "vue";
-import { unrefElement as a } from "./index105.js";
-function m() {
-  const t = l(), r = i(), u = s(() => ["#text", "#comment"].includes(r.value?.$el.nodeName) ? r.value?.$el.nextElementSibling : a(r)), o = Object.assign({}, t.exposed), n = {};
-  for (const e in t.props) Object.defineProperty(n, e, {
-    enumerable: !0,
-    configurable: !0,
-    get: () => t.props[e]
-  });
-  if (Object.keys(o).length > 0) for (const e in o) Object.defineProperty(n, e, {
-    enumerable: !0,
-    configurable: !0,
-    get: () => o[e]
-  });
-  Object.defineProperty(n, "$el", {
-    enumerable: !0,
-    configurable: !0,
-    get: () => t.vnode.el
-  }), t.exposed = n;
-  function c(e) {
-    r.value = e, e && (Object.defineProperty(n, "$el", {
-      enumerable: !0,
-      configurable: !0,
-      get: () => e instanceof Element ? e : e.$el
-    }), t.exposed = n);
+import { renderSlotFragments as s } from "./index94.js";
+import { defineComponent as d, Comment as l, mergeProps as f, cloneVNode as c } from "vue";
+const a = d({
+  name: "PrimitiveSlot",
+  inheritAttrs: !1,
+  setup(u, { attrs: t, slots: o }) {
+    return () => {
+      if (!o.default) return null;
+      const e = s(o.default()), n = e.findIndex((p) => p.type !== l);
+      if (n === -1) return e;
+      const r = e[n];
+      delete r.props?.ref;
+      const m = r.props ? f(t, r.props) : t, i = c({
+        ...r,
+        props: {}
+      }, m);
+      return e.length === 1 ? i : (e[n] = i, e);
+    };
   }
-  return {
-    forwardRef: c,
-    currentRef: r,
-    currentElement: u
-  };
-}
+});
 export {
-  m as useForwardExpose
+  a as Slot
 };

package/dist/index105.js

@@ -1,59 +1,27 @@
-import { isDef as b, isClient as E } from "./index109.js";
-import { getCurrentInstance as J, ref as O, watch as _, nextTick as h, computed as C, toValue as F } from "vue";
-const T = E ? window : void 0;
-function U(i) {
-  var n;
-  const l = F(i);
-  return (n = l?.$el) != null ? n : l;
-}
-function D(i) {
-  return JSON.parse(JSON.stringify(i));
-}
-function W(i, n, l, w = {}) {
-  var a, c, d;
-  const {
-    clone: s = !1,
-    passive: N = !1,
-    eventName: S,
-    deep: m = !1,
-    defaultValue: $,
-    shouldEmit: v
-  } = w, t = J(), g = l || t?.emit || ((a = t?.$emit) == null ? void 0 : a.bind(t)) || ((d = (c = t?.proxy) == null ? void 0 : c.$emit) == null ? void 0 : d.bind(t?.proxy));
-  let o = S;
-  n || (n = "modelValue"), o = o || `update:${n.toString()}`;
-  const p = (e) => s ? typeof s == "function" ? s(e) : D(e) : e, V = () => b(i[n]) ? p(i[n]) : $, x = (e) => {
-    v ? v(e) && g(o, e) : g(o, e);
-  };
-  if (N) {
-    const e = V(), f = O(e);
-    let u = !1;
-    return _(
-      () => i[n],
-      (r) => {
-        u || (u = !0, f.value = p(r), h(() => u = !1));
-      }
-    ), _(
-      f,
-      (r) => {
-        !u && (r !== i[n] || m) && x(r);
-      },
-      { deep: m }
-    ), f;
-  } else
-    return C({
-      get() {
-        return V();
-      },
-      set(e) {
-        x(e);
-      }
-    });
-}
+import { Slot as r } from "./index104.js";
+import { defineComponent as f, h as a } from "vue";
+const l = [
+  "area",
+  "img",
+  "input"
+], d = f({
+  name: "Primitive",
+  inheritAttrs: !1,
+  props: {
+    asChild: {
+      type: Boolean,
+      default: !1
+    },
+    as: {
+      type: [String, Object],
+      default: "div"
+    }
+  },
+  setup(t, { attrs: i, slots: n }) {
+    const e = t.asChild ? "template" : t.as;
+    return typeof e == "string" && l.includes(e) ? () => a(e, i) : e !== "template" ? () => a(t.as, i, { default: n.default }) : () => a(r, i, { default: n.default });
+  }
+});
 export {
-  D as cloneFnJSON,
-  T as defaultWindow,
-  E as isClient,
-  b as isDef,
-  U as unrefElement,
-  W as useVModel
+  d as Primitive
 };

package/dist/index106.js

@@ -1,11 +1,12 @@
-import { injectConfigProviderContext as r } from "./index102.js";
-import * as o from "vue";
-let n = 0;
-function d(i, e = "reka") {
-  if ("useId" in o) return `${e}-${o.useId?.()}`;
-  const t = r({ useId: void 0 });
-  return t.useId ? `${e}-${t.useId()}` : `${e}-${++n}`;
+import { ref as n, computed as m } from "vue";
+import { unrefElement as r } from "./index98.js";
+function o() {
+  const e = n(), t = m(() => ["#text", "#comment"].includes(e.value?.$el.nodeName) ? e.value?.$el.nextElementSibling : r(e));
+  return {
+    primitiveElement: e,
+    currentElement: t
+  };
 }
 export {
-  d as useId
+  o as usePrimitiveElement
 };

package/dist/index107.js

@@ -1,16 +1,59 @@
-import { ref as c } from "vue";
-function i(n, a) {
-  const t = c(n);
-  function r(e) {
-    return a[t.value][e] ?? t.value;
-  }
-  return {
-    state: t,
-    dispatch: (e) => {
-      t.value = r(e);
+import { Slot as s } from "./index104.js";
+import { usePrimitiveElement as m } from "./index106.js";
+import { ref as u, provide as h, inject as k, defineComponent as f, watch as w, h as v, watchEffect as x, markRaw as T, computed as p } from "vue";
+const d = "data-reka-collection-item";
+function j(M = {}) {
+  const { key: A = "", isProvider: y = !1 } = M, a = `${A}CollectionProvider`;
+  let e;
+  if (y) {
+    const o = u(/* @__PURE__ */ new Map());
+    e = {
+      collectionRef: u(),
+      itemMap: o
+    }, h(a, e);
+  } else e = k(a);
+  const C = (o = !1) => {
+    const t = e.collectionRef.value;
+    if (!t) return [];
+    const r = Array.from(t.querySelectorAll(`[${d}]`)), l = Array.from(e.itemMap.value.values()).sort((n, c) => r.indexOf(n.ref) - r.indexOf(c.ref));
+    return o ? l : l.filter((n) => n.ref.dataset.disabled !== "");
+  }, E = f({
+    name: "CollectionSlot",
+    setup(o, { slots: t }) {
+      const { primitiveElement: r, currentElement: i } = m();
+      return w(i, () => {
+        e.collectionRef.value = i.value;
+      }), () => v(s, { ref: r }, t);
+    }
+  }), I = f({
+    name: "CollectionItem",
+    inheritAttrs: !1,
+    props: { value: { validator: () => !0 } },
+    setup(o, { slots: t, attrs: r }) {
+      const { primitiveElement: i, currentElement: l } = m();
+      return x((n) => {
+        if (l.value) {
+          const c = T(l.value);
+          e.itemMap.value.set(c, {
+            ref: l.value,
+            value: o.value
+          }), n(() => e.itemMap.value.delete(c));
+        }
+      }), () => v(s, {
+        ...r,
+        [d]: "",
+        ref: i
+      }, t);
     }
+  }), R = p(() => Array.from(e.itemMap.value.values())), S = p(() => e.itemMap.value.size);
+  return {
+    getItems: C,
+    reactiveItems: R,
+    itemMapSize: S,
+    CollectionSlot: E,
+    CollectionItem: I
   };
 }
 export {
-  i as useStateMachine
+  j as useCollection
 };

package/dist/index108.js

@@ -1,60 +1,38 @@
-import { useStateMachine as U } from "./index107.js";
-import { ref as f, watch as N, nextTick as h, onUnmounted as S, computed as g } from "vue";
-import { defaultWindow as y } from "./index105.js";
-import { isClient as C } from "./index109.js";
-function P(o, t) {
-  const A = f({}), r = f("none"), p = f(o), E = o.value ? "mounted" : "unmounted";
-  let c;
-  const M = t.value?.ownerDocument.defaultView ?? y, { state: m, dispatch: a } = U(E, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: { MOUNT: "mounted" }
-  }), i = (e) => {
-    if (C) {
-      const n = new CustomEvent(e, {
-        bubbles: !1,
-        cancelable: !1
-      });
-      t.value?.dispatchEvent(n);
-    }
-  };
-  N(o, async (e, n) => {
-    const v = n !== e;
-    if (await h(), v) {
-      const d = r.value, u = l(t.value);
-      e ? (a("MOUNT"), i("enter"), u === "none" && i("after-enter")) : u === "none" || u === "undefined" || A.value?.display === "none" ? (a("UNMOUNT"), i("leave"), i("after-leave")) : n && d !== u ? (a("ANIMATION_OUT"), i("leave")) : (a("UNMOUNT"), i("after-leave"));
-    }
-  }, { immediate: !0 });
-  const s = (e) => {
-    const n = l(t.value), v = n.includes(CSS.escape(e.animationName)), d = m.value === "mounted" ? "enter" : "leave";
-    if (e.target === t.value && v && (i(`after-${d}`), a("ANIMATION_END"), !p.value)) {
-      const u = t.value.style.animationFillMode;
-      t.value.style.animationFillMode = "forwards", c = M?.setTimeout(() => {
-        t.value?.style.animationFillMode === "forwards" && (t.value.style.animationFillMode = u);
-      });
-    }
-    e.target === t.value && n === "none" && a("ANIMATION_END");
-  }, T = (e) => {
-    e.target === t.value && (r.value = l(t.value));
-  }, O = N(t, (e, n) => {
-    e ? (A.value = getComputedStyle(e), e.addEventListener("animationstart", T), e.addEventListener("animationcancel", s), e.addEventListener("animationend", s)) : (a("ANIMATION_END"), c !== void 0 && M?.clearTimeout(c), n?.removeEventListener("animationstart", T), n?.removeEventListener("animationcancel", s), n?.removeEventListener("animationend", s));
-  }, { immediate: !0 }), I = N(m, () => {
-    const e = l(t.value);
-    r.value = m.value === "mounted" ? e : "none";
-  });
-  return S(() => {
-    O(), I();
-  }), { isPresent: g(() => ["mounted", "unmountSuspended"].includes(m.value)) };
+import { getActiveElement as n } from "./index93.js";
+const u = "rovingFocusGroup.onEntryFocus", s = {
+  bubbles: !1,
+  cancelable: !0
+}, i = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
+};
+function c(r, t) {
+  return t !== "rtl" ? r : r === "ArrowLeft" ? "ArrowRight" : r === "ArrowRight" ? "ArrowLeft" : r;
+}
+function w(r, t, e) {
+  const o = c(r.key, e);
+  if (!(t === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(t === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
+    return i[o];
+}
+function A(r, t = !1) {
+  const e = n();
+  for (const o of r)
+    if (o === e || (o.focus({ preventScroll: t }), n() !== e)) return;
 }
-function l(o) {
-  return o && getComputedStyle(o).animationName || "none";
+function l(r, t) {
+  return r.map((e, o) => r[(t + o) % r.length]);
 }
 export {
-  P as usePresence
+  u as ENTRY_FOCUS,
+  s as EVENT_OPTIONS,
+  i as MAP_KEY_TO_FOCUS_INTENT,
+  A as focusFirst,
+  w as getFocusIntent,
+  l as wrapArray
 };

package/dist/index109.js

@@ -1,8 +1,121 @@
-import "vue";
-const n = typeof window < "u" && typeof document < "u";
-typeof WorkerGlobalScope < "u" && globalThis instanceof WorkerGlobalScope;
-const i = (e) => typeof e < "u";
+import { createContext as E } from "./index92.js";
+import { useDirection as x } from "./index96.js";
+import { Primitive as G } from "./index105.js";
+import { useCollection as O } from "./index107.js";
+import { focusFirst as k, ENTRY_FOCUS as M, EVENT_OPTIONS as N } from "./index108.js";
+import { defineComponent as P, toRefs as V, ref as c, createBlock as w, openBlock as A, unref as s, withCtx as g, createVNode as $, renderSlot as D } from "vue";
+import { useVModel as U } from "./index98.js";
+const [X, j] = E("RovingFocusGroup");
+var K = /* @__PURE__ */ P({
+  __name: "RovingFocusGroup",
+  props: {
+    orientation: {
+      type: String,
+      required: !1,
+      default: void 0
+    },
+    dir: {
+      type: String,
+      required: !1
+    },
+    loop: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    currentTabStopId: {
+      type: [String, null],
+      required: !1
+    },
+    defaultCurrentTabStopId: {
+      type: String,
+      required: !1
+    },
+    preventScrollOnEntryFocus: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    asChild: {
+      type: Boolean,
+      required: !1
+    },
+    as: {
+      type: null,
+      required: !1
+    }
+  },
+  emits: ["entryFocus", "update:currentTabStopId"],
+  setup(F, { expose: b, emit: I }) {
+    const r = F, p = I, { loop: S, orientation: f, dir: y } = V(r), v = x(y), l = U(r, "currentTabStopId", p, {
+      defaultValue: r.defaultCurrentTabStopId,
+      passive: r.currentTabStopId === void 0
+    }), u = c(!1), a = c(!1), d = c(0), { getItems: m, CollectionSlot: T } = O({ isProvider: !0 });
+    function C(e) {
+      const o = !a.value;
+      if (e.currentTarget && e.target === e.currentTarget && o && !u.value) {
+        const n = new CustomEvent(M, N);
+        if (e.currentTarget.dispatchEvent(n), p("entryFocus", n), !n.defaultPrevented) {
+          const i = m().map((t) => t.ref).filter((t) => t.dataset.disabled !== ""), _ = i.find((t) => t.getAttribute("data-active") === ""), R = i.find((t) => t.getAttribute("data-highlighted") === ""), q = i.find((t) => t.id === l.value), B = [
+            _,
+            R,
+            q,
+            ...i
+          ].filter(Boolean);
+          k(B, r.preventScrollOnEntryFocus);
+        }
+      }
+      a.value = !1;
+    }
+    function h() {
+      setTimeout(() => {
+        a.value = !1;
+      }, 1);
+    }
+    return b({ getItems: m }), j({
+      loop: S,
+      dir: v,
+      orientation: f,
+      currentTabStopId: l,
+      onItemFocus: (e) => {
+        l.value = e;
+      },
+      onItemShiftTab: () => {
+        u.value = !0;
+      },
+      onFocusableItemAdd: () => {
+        d.value++;
+      },
+      onFocusableItemRemove: () => {
+        d.value--;
+      }
+    }), (e, o) => (A(), w(s(T), null, {
+      default: g(() => [$(s(G), {
+        tabindex: u.value || d.value === 0 ? -1 : 0,
+        "data-orientation": s(f),
+        as: e.as,
+        "as-child": e.asChild,
+        dir: s(v),
+        style: { outline: "none" },
+        onMousedown: o[0] || (o[0] = (n) => a.value = !0),
+        onMouseup: h,
+        onFocus: C,
+        onBlur: o[1] || (o[1] = (n) => u.value = !1)
+      }, {
+        default: g(() => [D(e.$slots, "default")]),
+        _: 3
+      }, 8, [
+        "tabindex",
+        "data-orientation",
+        "as",
+        "as-child",
+        "dir"
+      ])]),
+      _: 3
+    }));
+  }
+}), Z = K;
 export {
-  n as isClient,
-  i as isDef
+  Z as RovingFocusGroup_default,
+  X as injectRovingFocusGroupContext
 };