@wow-two-beta/ui-vue 0.0.2

package/dist/chunks/Portal.vue_vue_type_script_setup_true_lang-CF3R0VCZ.js

@@ -0,0 +1,34 @@
+import { defineComponent, shallowRef, onMounted, computed, openBlock, createBlock, Teleport, createElementVNode, renderSlot, createCommentVNode } from "vue";
+const _hoisted_1 = ["data-portal-name"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "Portal" },
+  __name: "Portal",
+  props: {
+    container: {},
+    name: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const isMounted = shallowRef(false);
+    onMounted(() => {
+      isMounted.value = true;
+    });
+    const target = computed(
+      () => isMounted.value ? props.container ?? document.body : null
+    );
+    return (_ctx, _cache) => {
+      return target.value ? (openBlock(), createBlock(Teleport, {
+        key: 0,
+        to: target.value
+      }, [
+        createElementVNode("div", { "data-portal-name": __props.name }, [
+          renderSlot(_ctx.$slots, "default")
+        ], 8, _hoisted_1)
+      ], 8, ["to"])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};
+//# sourceMappingURL=Portal.vue_vue_type_script_setup_true_lang-CF3R0VCZ.js.map

package/dist/chunks/Portal.vue_vue_type_script_setup_true_lang-CF3R0VCZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Portal.vue_vue_type_script_setup_true_lang-CF3R0VCZ.js","sources":["../../src/foundation/primitives/portal/Portal.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface PortalProps {\n  /** The container to render into. Default: `document.body`. */\n  container?: HTMLElement | null;\n\n  /** The optional named layer — sets `data-portal-name` on the wrapper. */\n  name?: string;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, onMounted, shallowRef } from 'vue';\n\n/**\n * Render slot content into a different DOM node (default `document.body`).\n * SSR-inert — renders nothing on the server, teleports in after mount on the client.\n *\n * React's `createPortal` becomes `<Teleport>`; the mount gate is kept because\n * `document.body` cannot be resolved during SSR, and because a `to` target that\n * does not exist yet makes Teleport warn and drop its content.\n */\ndefineOptions({ name: 'Portal' });\n\nconst props = defineProps<PortalProps>();\n\nconst isMounted = shallowRef(false);\nonMounted(() => {\n  isMounted.value = true;\n});\n\nconst target = computed<HTMLElement | null>(() =>\n  isMounted.value ? (props.container ?? document.body) : null,\n);\n</script>\n\n<template>\n  <Teleport v-if=\"target\" :to=\"target\">\n    <div :data-portal-name=\"name\"><slot /></div>\n  </Teleport>\n</template>\n"],"names":["_createBlock","_Teleport","_createElementVNode","_renderSlot"],"mappings":";;;;;;;;;;AAuBA,UAAM,QAAQ;AAEd,UAAM,YAAY,WAAW,KAAK;AAClC,cAAU,MAAM;AACd,gBAAU,QAAQ;AAAA,IACpB,CAAC;AAED,UAAM,SAAS;AAAA,MAA6B,MAC1C,UAAU,QAAS,MAAM,aAAa,SAAS,OAAQ;AAAA,IAAA;;aAKvC,OAAA,sBAAhBA,YAEWC,UAAA;AAAA;QAFc,IAAI,OAAA;AAAA,MAAA;QAC3BC,mBAA4C,OAAA,EAAtC,oBAAkB,QAAA,QAAI;AAAA,UAAEC,WAAQ,KAAA,QAAA,SAAA;AAAA,QAAA;;;;;"}

package/dist/chunks/Presence-C7IJvh_P.js

@@ -0,0 +1,120 @@
+import { defineComponent, shallowRef, watch, cloneVNode } from "vue";
+import { r as renderableChildren } from "./Slot-D2lIitvV.js";
+function parseTimes(value) {
+  return value.split(",").map((part) => {
+    const trimmed = part.trim();
+    const ms = trimmed.endsWith("ms") ? parseFloat(trimmed) : parseFloat(trimmed) * 1e3;
+    return Number.isFinite(ms) ? ms : 0;
+  });
+}
+function getTotalDurationMs(node) {
+  const cs = getComputedStyle(node);
+  const maxOf = (durations, delays) => durations.reduce(
+    (max, duration, i) => Math.max(max, duration + (delays[i % delays.length] ?? 0)),
+    0
+  );
+  return Math.max(
+    maxOf(parseTimes(cs.transitionDuration), parseTimes(cs.transitionDelay)),
+    maxOf(parseTimes(cs.animationDuration), parseTimes(cs.animationDelay))
+  );
+}
+function toElement(value) {
+  if (value instanceof HTMLElement) return value;
+  const el = value?.$el;
+  return el instanceof HTMLElement ? el : null;
+}
+const Presence = defineComponent({
+  name: "Presence",
+  props: {
+    isPresent: { type: Boolean, required: true }
+  },
+  setup(props, { slots }) {
+    const rendered = shallowRef(props.isPresent);
+    const dataState = shallowRef("closed");
+    const node = shallowRef(null);
+    const setNode = (value) => {
+      node.value = toElement(value);
+    };
+    watch(
+      [() => props.isPresent, rendered, dataState],
+      ([isPresent], _previous, onCleanup) => {
+        if (!isPresent) return;
+        if (!rendered.value) {
+          rendered.value = true;
+          return;
+        }
+        if (dataState.value === "open") return;
+        if (typeof requestAnimationFrame === "undefined") return;
+        let raf2 = 0;
+        const raf1 = requestAnimationFrame(() => {
+          raf2 = requestAnimationFrame(() => {
+            dataState.value = "open";
+          });
+        });
+        onCleanup(() => {
+          cancelAnimationFrame(raf1);
+          cancelAnimationFrame(raf2);
+        });
+      },
+      { immediate: true, flush: "post" }
+    );
+    watch(
+      () => props.isPresent,
+      (isPresent, _previous, onCleanup) => {
+        if (isPresent) return;
+        const el = node.value;
+        if (!el) {
+          rendered.value = false;
+          return;
+        }
+        let started = false;
+        let timer;
+        let raf2 = 0;
+        const onStart = (event) => {
+          if (event.target === el) started = true;
+        };
+        const onEnd = (event) => {
+          if (event.target === el) rendered.value = false;
+        };
+        el.addEventListener("animationstart", onStart);
+        el.addEventListener("transitionrun", onStart);
+        el.addEventListener("animationend", onEnd);
+        el.addEventListener("transitionend", onEnd);
+        el.setAttribute("data-state", "closed");
+        dataState.value = "closed";
+        const raf1 = requestAnimationFrame(() => {
+          raf2 = requestAnimationFrame(() => {
+            const animating = started || (el.getAnimations?.().length ?? 0) > 0;
+            if (!animating) {
+              rendered.value = false;
+              return;
+            }
+            timer = window.setTimeout(() => {
+              rendered.value = false;
+            }, getTotalDurationMs(el) + 100);
+          });
+        });
+        onCleanup(() => {
+          el.removeEventListener("animationstart", onStart);
+          el.removeEventListener("transitionrun", onStart);
+          el.removeEventListener("animationend", onEnd);
+          el.removeEventListener("transitionend", onEnd);
+          cancelAnimationFrame(raf1);
+          cancelAnimationFrame(raf2);
+          if (timer !== void 0) window.clearTimeout(timer);
+        });
+      },
+      { immediate: true, flush: "post" }
+    );
+    return () => {
+      if (!rendered.value) return null;
+      const child = renderableChildren(slots.default?.())[0];
+      if (!child) return null;
+      return cloneVNode(child, { "data-state": dataState.value, ref: setNode }, true);
+    };
+  }
+});
+export {
+  Presence as P
+};
+//# sourceMappingURL=Presence-C7IJvh_P.js.map

package/dist/chunks/Presence-C7IJvh_P.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Presence-C7IJvh_P.js","sources":["../../src/foundation/primitives/presence/Presence.ts"],"sourcesContent":["import { cloneVNode, defineComponent, shallowRef, watch, type VNode } from 'vue';\nimport { renderableChildren } from '../slot/Slot';\n\nexport interface PresenceProps {\n  /** The presence flag — toggle false to trigger exit. */\n  isPresent: boolean;\n}\n\nfunction parseTimes(value: string): ReadonlyArray<number> {\n  return value.split(',').map((part) => {\n    const trimmed = part.trim();\n    const ms = trimmed.endsWith('ms') ? parseFloat(trimmed) : parseFloat(trimmed) * 1000;\n    return Number.isFinite(ms) ? ms : 0;\n  });\n}\n\n/** Longest computed transition/animation (duration + delay) in ms. */\nfunction getTotalDurationMs(node: HTMLElement): number {\n  const cs = getComputedStyle(node);\n  const maxOf = (durations: ReadonlyArray<number>, delays: ReadonlyArray<number>) =>\n    durations.reduce(\n      (max, duration, i) => Math.max(max, duration + (delays[i % delays.length] ?? 0)),\n      0,\n    );\n  return Math.max(\n    maxOf(parseTimes(cs.transitionDuration), parseTimes(cs.transitionDelay)),\n    maxOf(parseTimes(cs.animationDuration), parseTimes(cs.animationDelay)),\n  );\n}\n\n/** A function ref may receive a component's public instance; the DOM node is what the timing logic needs. */\nfunction toElement(value: unknown): HTMLElement | null {\n  if (value instanceof HTMLElement) return value;\n  const el = (value as { $el?: unknown } | null)?.$el;\n  return el instanceof HTMLElement ? el : null;\n}\n\n/**\n * Defer unmount until the child's exit animation/transition finishes.\n * Pass `is-present=\"false\"` to start the exit; the child stays mounted with\n * `data-state=\"closed\"` until its own `animationend`/`transitionend` fires\n * (or a computed-duration timeout as a fallback). If no exit animation\n * actually starts, the child unmounts immediately. On enter, the child\n * mounts with `data-state=\"closed\"` and flips to `\"open\"` on the next\n * frame so enter transitions play.\n *\n * Deliberately not Vue's `<Transition>`: this primitive drives unmount off the\n * child's *own* computed timing rather than off CSS class hooks, which is what\n * lets a consumer style the exit entirely in their own stylesheet.\n *\n * Both effects use `flush: 'post'`, the analogue of React's `useEffect` here —\n * the DOM node must exist before the timing window opens.\n */\nexport const Presence = defineComponent({\n  name: 'Presence',\n  props: {\n    isPresent: { type: Boolean, required: true },\n  },\n  setup(props, { slots }) {\n    const rendered = shallowRef(props.isPresent);\n    const dataState = shallowRef<'open' | 'closed'>('closed');\n    const node = shallowRef<HTMLElement | null>(null);\n\n    const setNode = (value: unknown): void => {\n      node.value = toElement(value);\n    };\n\n    // Enter — mount closed, then flip to open on the next frame (double rAF\n    // so the closed styles are committed and painted first) to run transitions.\n    watch(\n      [() => props.isPresent, rendered, dataState],\n      ([isPresent], _previous, onCleanup) => {\n        if (!isPresent) return;\n        if (!rendered.value) {\n          rendered.value = true;\n          return;\n        }\n        if (dataState.value === 'open') return;\n        /* `immediate: true` makes this watcher run during SSR too (Vue skips only the\n           non-immediate post-flush ones), and there is no `requestAnimationFrame` on the\n           server. Bail rather than throw: the server emits `data-state=\"closed\"`, which is\n           exactly what the client's first render produces, so hydration still matches and\n           this same watcher runs the enter on the client. */\n        if (typeof requestAnimationFrame === 'undefined') return;\n        let raf2 = 0;\n        const raf1 = requestAnimationFrame(() => {\n          raf2 = requestAnimationFrame(() => {\n            dataState.value = 'open';\n          });\n        });\n        onCleanup(() => {\n          cancelAnimationFrame(raf1);\n          cancelAnimationFrame(raf2);\n        });\n      },\n      { immediate: true, flush: 'post' },\n    );\n\n    // Exit — flip to closed, then unmount when the child's own exit\n    // animation/transition ends; immediately if none starts within a frame\n    // window; or after the computed total duration as a safety net.\n    watch(\n      () => props.isPresent,\n      (isPresent, _previous, onCleanup) => {\n        if (isPresent) return;\n        const el = node.value;\n        if (!el) {\n          rendered.value = false;\n          return;\n        }\n        let started = false;\n        let timer: number | undefined;\n        let raf2 = 0;\n        const onStart = (event: Event) => {\n          if (event.target === el) started = true;\n        };\n        const onEnd = (event: Event) => {\n          if (event.target === el) rendered.value = false;\n        };\n        el.addEventListener('animationstart', onStart);\n        el.addEventListener('transitionrun', onStart);\n        el.addEventListener('animationend', onEnd);\n        el.addEventListener('transitionend', onEnd);\n        // Flip the DOM synchronously so the start-detection window below is\n        // deterministic; the next render settles on the same value.\n        el.setAttribute('data-state', 'closed');\n        dataState.value = 'closed';\n        const raf1 = requestAnimationFrame(() => {\n          raf2 = requestAnimationFrame(() => {\n            const animating = started || (el.getAnimations?.().length ?? 0) > 0;\n            if (!animating) {\n              rendered.value = false;\n              return;\n            }\n            timer = window.setTimeout(() => {\n              rendered.value = false;\n            }, getTotalDurationMs(el) + 100);\n          });\n        });\n        onCleanup(() => {\n          el.removeEventListener('animationstart', onStart);\n          el.removeEventListener('transitionrun', onStart);\n          el.removeEventListener('animationend', onEnd);\n          el.removeEventListener('transitionend', onEnd);\n          cancelAnimationFrame(raf1);\n          cancelAnimationFrame(raf2);\n          if (timer !== undefined) window.clearTimeout(timer);\n        });\n      },\n      { immediate: true, flush: 'post' },\n    );\n\n    return (): VNode | null => {\n      if (!rendered.value) return null;\n      const child = renderableChildren(slots.default?.())[0];\n      if (!child) return null;\n      // `mergeRef` composes our tracking ref with any ref the consumer already\n      // put on the child, the job React's `useComposedRefs` did here.\n      return cloneVNode(child, { 'data-state': dataState.value, ref: setNode }, true);\n    };\n  },\n});\n"],"names":[],"mappings":"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"}

package/dist/chunks/PressExtensions-DXqhjlR2.js

@@ -0,0 +1,16 @@
+const PressExtensions = {
+  /**
+   * Bounds for `longPressDelay` props. Below `min`: overlaps with normal
+   * click latency, too easy to trigger accidentally. Above `max`: clearly a
+   * developer error (5-min hold). `default` is the conventional 500ms.
+   */
+  longPressDelay: {
+    min: 200,
+    max: 3e5,
+    default: 500
+  }
+};
+export {
+  PressExtensions as P
+};
+//# sourceMappingURL=PressExtensions-DXqhjlR2.js.map

package/dist/chunks/PressExtensions-DXqhjlR2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PressExtensions-DXqhjlR2.js","sources":["../../src/foundation/utils/PressExtensions/PressExtensions.ts"],"sourcesContent":["/** Press-interaction extensions — types + constants shared by interactive components. */\n\n/** Unified press event — pointer OR keyboard activation on any HTML element. */\nexport type PressEvent<T extends HTMLElement = HTMLElement> = (PointerEvent | KeyboardEvent) & {\n  currentTarget: T;\n};\n\nexport const PressExtensions = {\n  /**\n   * Bounds for `longPressDelay` props. Below `min`: overlaps with normal\n   * click latency, too easy to trigger accidentally. Above `max`: clearly a\n   * developer error (5-min hold). `default` is the conventional 500ms.\n   */\n  longPressDelay: {\n    min: 200,\n    max: 300_000,\n    default: 500,\n  },\n} as const;\n"],"names":[],"mappings":"AAOO,MAAM,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAM7B,gBAAgB;AAAA,IACd,KAAK;AAAA,IACL,KAAK;AAAA,IACL,SAAS;AAAA,EAAA;AAEb;"}

package/dist/chunks/Primitive-Cm3ECaVw.js

@@ -0,0 +1,20 @@
+import { defineComponent, h } from "vue";
+import { a as renderSlotClone } from "./Slot-D2lIitvV.js";
+const Primitive = defineComponent({
+  name: "Primitive",
+  inheritAttrs: false,
+  props: {
+    as: { type: [String, Object, Function], default: "div" },
+    asChild: { type: Boolean, default: false }
+  },
+  setup(props, { attrs, slots }) {
+    return () => {
+      if (props.asChild) return renderSlotClone(attrs, slots);
+      return typeof props.as === "string" ? h(props.as, attrs, slots.default?.()) : h(props.as, attrs, slots);
+    };
+  }
+});
+export {
+  Primitive as P
+};
+//# sourceMappingURL=Primitive-Cm3ECaVw.js.map

package/dist/chunks/Primitive-Cm3ECaVw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Primitive-Cm3ECaVw.js","sources":["../../src/foundation/primitives/slot/Primitive.ts"],"sourcesContent":["import { defineComponent, h, type PropType } from 'vue';\nimport type { ElementType } from '../../utils/polymorphic';\nimport { renderSlotClone, type AnyProps } from './Slot';\n\nexport interface PrimitiveProps {\n  /** The element or component to render. Default `'div'`. Ignored when `asChild`. */\n  as?: ElementType;\n\n  /**\n   * The merge flag — render the single slot child instead of `as`, with this\n   * component's attrs merged into it (class concatenated, handlers chained,\n   * child props winning). The Vue counterpart of React's `asChild` + `Slot`.\n   */\n  asChild?: boolean;\n}\n\n/**\n * The base element every headless primitive renders through — a polymorphic\n * `as` element that collapses into its own child when `asChild` is set.\n * This is the Vue counterpart of React's `Slot`, and the whole of the\n * `asChild` contract: class concatenated, handlers chained, child props winning.\n *\n * ```vue\n * <Primitive as=\"button\" class=\"btn\">Save</Primitive>\n * <Primitive as-child class=\"btn\"><a href=\"/x\">Open</a></Primitive>\n * ```\n *\n * When one child is wrapped in `<Slottable>`, that element becomes the merge\n * target and the remaining children compose inside it — letting a component\n * render adornments around the consumer's element without breaking the\n * single-child contract:\n * ```vue\n * <Primitive as-child>\n *   <Icon />\n *   <Slottable><a href=\"/x\">Open</a></Slottable>\n * </Primitive>\n * <!-- → <a href=\"/x\" …merged><Icon />Open</a> -->\n * ```\n *\n * Named `Primitive`, not `Slot`: `<slot>` is a reserved Vue element, so a\n * component registered as `Slot` shadows it in templates.\n *\n * Exists as a render function because Vue has no runtime prop-merge on a\n * slot's vnode — `asChild` has to rebuild the child's vnode with merged props.\n * `inheritAttrs: false` is mandatory: the attrs are placed by hand so they land\n * on the child rather than on a wrapper. React's `forwardRef` has no\n * counterpart — the merged element *is* the root, so a parent's template ref\n * resolves to it through `$el`.\n */\nexport const Primitive = defineComponent({\n  name: 'Primitive',\n  inheritAttrs: false,\n  props: {\n    as: { type: [String, Object, Function] as PropType<ElementType>, default: 'div' },\n    asChild: { type: Boolean, default: false },\n  },\n  setup(props, { attrs, slots }) {\n    return () => {\n      if (props.asChild) return renderSlotClone(attrs as AnyProps, slots);\n      // A component target takes the slots object so named slots survive;\n      // an intrinsic tag takes the flat vnode array.\n      return typeof props.as === 'string'\n        ? h(props.as, attrs, slots.default?.())\n        : h(props.as as never, attrs, slots as never);\n    };\n  },\n});\n"],"names":[],"mappings":";;AAiDO,MAAM,YAAY,gBAAgB;AAAA,EACvC,MAAM;AAAA,EACN,cAAc;AAAA,EACd,OAAO;AAAA,IACL,IAAI,EAAE,MAAM,CAAC,QAAQ,QAAQ,QAAQ,GAA4B,SAAS,MAAA;AAAA,IAC1E,SAAS,EAAE,MAAM,SAAS,SAAS,MAAA;AAAA,EAAM;AAAA,EAE3C,MAAM,OAAO,EAAE,OAAO,SAAS;AAC7B,WAAO,MAAM;AACX,UAAI,MAAM,QAAS,QAAO,gBAAgB,OAAmB,KAAK;AAGlE,aAAO,OAAO,MAAM,OAAO,WACvB,EAAE,MAAM,IAAI,OAAO,MAAM,UAAA,CAAW,IACpC,EAAE,MAAM,IAAa,OAAO,KAAc;AAAA,IAChD;AAAA,EACF;AACF,CAAC;"}

package/dist/chunks/ProgressTone-BpLPUptx.js

@@ -0,0 +1,16 @@
+const ProgressTone = {
+  /** Refers to the brand palette. */
+  Brand: "brand",
+  /** Refers to the positive / success palette. */
+  Success: "success",
+  /** Refers to the caution palette. */
+  Warning: "warning",
+  /** Refers to the destructive / error palette. */
+  Danger: "danger",
+  /** Refers to the neutral / default palette. */
+  Neutral: "neutral"
+};
+export {
+  ProgressTone as P
+};
+//# sourceMappingURL=ProgressTone-BpLPUptx.js.map

package/dist/chunks/ProgressTone-BpLPUptx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgressTone-BpLPUptx.js","sources":["../../src/foundation/utils/ProgressTone/ProgressTone.ts"],"sourcesContent":["/* Provides the shared progress-indicator tone vocabulary (progressBar / progressCircle tone). */\n\n/** Defines the tone of a progress indicator. */\nexport const ProgressTone = {\n  /** Refers to the brand palette. */\n  Brand: 'brand',\n  /** Refers to the positive / success palette. */\n  Success: 'success',\n  /** Refers to the caution palette. */\n  Warning: 'warning',\n  /** Refers to the destructive / error palette. */\n  Danger: 'danger',\n  /** Refers to the neutral / default palette. */\n  Neutral: 'neutral',\n} as const;\n\nexport type ProgressTone = (typeof ProgressTone)[keyof typeof ProgressTone];\n"],"names":[],"mappings":"AAGO,MAAM,eAAe;AAAA;AAAA,EAE1B,OAAO;AAAA;AAAA,EAEP,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,QAAQ;AAAA;AAAA,EAER,SAAS;AACX;"}

package/dist/chunks/QueryPermission--OKfvS9c.js

@@ -0,0 +1,82 @@
+function permissionsApi() {
+  try {
+    if (typeof navigator === "undefined") return void 0;
+    const permissions = navigator.permissions;
+    if (typeof permissions !== "object" || permissions === null) return void 0;
+    if (typeof permissions.query !== "function") return void 0;
+    return permissions;
+  } catch {
+    return void 0;
+  }
+}
+function readPermissionState(status) {
+  try {
+    const state = status.state;
+    if (state === "granted" || state === "denied" || state === "prompt") return state;
+  } catch {
+  }
+  return "unsupported";
+}
+async function getPermissionStatus(name) {
+  const permissions = permissionsApi();
+  if (permissions === void 0) return null;
+  try {
+    const status = await permissions.query({ name });
+    if (typeof status !== "object" || status === null) return null;
+    return status;
+  } catch {
+    return null;
+  }
+}
+async function queryPermission(name) {
+  const status = await getPermissionStatus(name);
+  return status === null ? "unsupported" : readPermissionState(status);
+}
+function subscribeToPermissionChange(name, onChange) {
+  let cancelled = false;
+  let detach;
+  const emit = (state) => {
+    try {
+      onChange(state);
+    } catch {
+    }
+  };
+  void getPermissionStatus(name).then(
+    (status) => {
+      if (cancelled) return;
+      if (status === null) {
+        emit("unsupported");
+        return;
+      }
+      emit(readPermissionState(status));
+      const listener = () => {
+        if (!cancelled) emit(readPermissionState(status));
+      };
+      try {
+        status.addEventListener("change", listener);
+        detach = () => {
+          try {
+            status.removeEventListener("change", listener);
+          } catch {
+          }
+        };
+      } catch {
+      }
+    },
+    // `getPermissionStatus` is contractually non-rejecting; the handler exists so a future edit to it cannot
+    // turn this fire-and-forget `then` into an unhandled rejection.
+    () => {
+      if (!cancelled) emit("unsupported");
+    }
+  );
+  return () => {
+    cancelled = true;
+    detach?.();
+    detach = void 0;
+  };
+}
+export {
+  queryPermission as q,
+  subscribeToPermissionChange as s
+};
+//# sourceMappingURL=QueryPermission--OKfvS9c.js.map

package/dist/chunks/QueryPermission--OKfvS9c.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryPermission--OKfvS9c.js","sources":["../../src/foundation/notifications/QueryPermission.ts"],"sourcesContent":["// The generic Permissions API seam — `navigator.permissions.query`, wrapped so it answers instead of throwing.\n//\n// It lives in this slice rather than a slice of its own because notifications are the one permission with two\n// APIs: `Notification.permission` is authoritative for the grant but fires no event, while this one is the only\n// thing that reports a change (a revoke from the browser's site settings, a grant given in another tab). The\n// wrapper is written generically because nothing about it is notification-specific — `geolocation`, `camera`,\n// `microphone`, `persistent-storage` all answer through the same call.\n//\n// Three ways this API fails, all of which have to become a state rather than an exception:\n//  - absent entirely (SSR, older Safari) — no `navigator`, or no `permissions` on it;\n//  - present but ignorant of the name — Safari throws a `TypeError` for a name it doesn't implement rather than\n//    resolving, which is why the `try` wraps the call and not only the `await`;\n//  - present and answering off-spec — a state string outside the documented three.\n//\n// All three collapse to `unsupported`: the question was asked and no usable answer came back. That is\n// deliberately NOT `prompt` — a consumer must not read \"we couldn't tell\" as \"the user hasn't been asked\".\n\n/**\n * The state of a queried permission.\n *\n * - `granted` / `denied` — the user decided.\n * - `prompt` — not decided; requesting the capability will show a prompt.\n * - `unsupported` — no Permissions API, an unknown permission name, or an unreadable answer. Not a state the\n *   platform has; the wrapper's own \"no usable answer\".\n */\nexport type PermissionQueryState = 'granted' | 'denied' | 'prompt' | 'unsupported';\n\n/**\n * A permission name. The DOM's `PermissionName` union supplies autocomplete for the well-known names, and the\n * `string` arm keeps the door open for the ones a given engine ships ahead of the type definitions\n * (`accelerometer`, `clipboard-read`, …) — passing one of those is exactly the case `unsupported` exists for.\n */\nexport type PermissionQueryName = PermissionName | (string & Record<never, never>);\n\n/** Reads `navigator.permissions` if it is there and usable. Guarded end-to-end; returns `undefined` under SSR. */\nfunction permissionsApi(): Permissions | undefined {\n  try {\n    if (typeof navigator === 'undefined') return undefined;\n    const permissions: unknown = navigator.permissions;\n    if (typeof permissions !== 'object' || permissions === null) return undefined;\n    if (typeof (permissions as Permissions).query !== 'function') return undefined;\n    return permissions as Permissions;\n  } catch {\n    return undefined;\n  }\n}\n\n/**\n * Maps a `PermissionStatus`'s current `state` onto the union. Exported for the sibling composables; absent from the\n * barrel. Never throws — an unreadable or off-spec state reads as `unsupported`.\n */\nexport function readPermissionState(status: PermissionStatus): PermissionQueryState {\n  try {\n    const state: unknown = status.state;\n    if (state === 'granted' || state === 'denied' || state === 'prompt') return state;\n  } catch {\n    // A throwing `state` getter. Falls through to the same answer as an off-spec value.\n  }\n  return 'unsupported';\n}\n\n/**\n * Resolves the live `PermissionStatus` object for `name`, or `null` when the API is absent, refuses the name,\n * or answers with something that is not a status. Exported for the sibling composables — which need the object itself\n * to subscribe to — and absent from the barrel, where {@link queryPermission} is the flat answer callers want.\n *\n * Never throws, never rejects.\n */\nexport async function getPermissionStatus(name: PermissionQueryName): Promise<PermissionStatus | null> {\n  const permissions = permissionsApi();\n  if (permissions === undefined) return null;\n\n  try {\n    // Not `await permissions.query(...)` in isolation: Safari throws synchronously for an unknown name, so the\n    // call itself has to sit inside the `try`.\n    const status: unknown = await permissions.query({ name: name as PermissionName });\n    if (typeof status !== 'object' || status === null) return null;\n    return status as PermissionStatus;\n  } catch {\n    return null;\n  }\n}\n\n/**\n * Reads a permission's current state.\n *\n * A one-shot read: the answer is a snapshot, and the browser fires no event on this promise. Use\n * `usePermissionState` to follow changes.\n *\n * Never throws, never rejects.\n *\n * @param name The permission to query — `'notifications'`, `'geolocation'`, `'camera'`, …\n */\nexport async function queryPermission(name: PermissionQueryName): Promise<PermissionQueryState> {\n  const status = await getPermissionStatus(name);\n  return status === null ? 'unsupported' : readPermissionState(status);\n}\n\n/**\n * Subscribes to a permission's `change` event.\n *\n * `onChange` is called once with the current state as soon as the status resolves — including `unsupported`,\n * so a subscriber always hears exactly one answer even where the API is absent — and again on every later\n * change. Exported for the sibling composables; absent from the barrel, where they are the Vue-facing form.\n *\n * The returned unsubscribe is synchronous and safe to call before the status has resolved: it cancels the\n * pending attachment as well as detaching an attached listener, so a scope disposal that beats the promise\n * leaks nothing. Never throws; a throwing `onChange` is swallowed.\n *\n * @param name The permission to follow.\n * @param onChange Called with the current state, then on every change.\n * @returns The unsubscribe function.\n */\nexport function subscribeToPermissionChange(\n  name: PermissionQueryName,\n  onChange: (state: PermissionQueryState) => void,\n): () => void {\n  let cancelled = false;\n  let detach: (() => void) | undefined;\n\n  /** Hands the subscriber a state, absorbing a throw from their own callback. */\n  const emit = (state: PermissionQueryState): void => {\n    try {\n      onChange(state);\n    } catch {\n      // The subscriber's handler failed. Their problem, not a reason to break the subscription.\n    }\n  };\n\n  void getPermissionStatus(name).then(\n    (status) => {\n      if (cancelled) return;\n      if (status === null) {\n        emit('unsupported');\n        return;\n      }\n\n      emit(readPermissionState(status));\n\n      const listener = (): void => {\n        if (!cancelled) emit(readPermissionState(status));\n      };\n      try {\n        status.addEventListener('change', listener);\n        detach = () => {\n          try {\n            status.removeEventListener('change', listener);\n          } catch {\n            // A stand-in without a full `EventTarget` surface. Nothing to detach from.\n          }\n        };\n      } catch {\n        // No usable `addEventListener` — the one emitted state stands, with no updates after it.\n      }\n    },\n    // `getPermissionStatus` is contractually non-rejecting; the handler exists so a future edit to it cannot\n    // turn this fire-and-forget `then` into an unhandled rejection.\n    () => {\n      if (!cancelled) emit('unsupported');\n    },\n  );\n\n  return () => {\n    cancelled = true;\n    detach?.();\n    detach = undefined;\n  };\n}\n"],"names":[],"mappings":"AAmCA,SAAS,iBAA0C;AACjD,MAAI;AACF,QAAI,OAAO,cAAc,YAAa,QAAO;AAC7C,UAAM,cAAuB,UAAU;AACvC,QAAI,OAAO,gBAAgB,YAAY,gBAAgB,KAAM,QAAO;AACpE,QAAI,OAAQ,YAA4B,UAAU,WAAY,QAAO;AACrE,WAAO;AAAA,EACT,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAMO,SAAS,oBAAoB,QAAgD;AAClF,MAAI;AACF,UAAM,QAAiB,OAAO;AAC9B,QAAI,UAAU,aAAa,UAAU,YAAY,UAAU,SAAU,QAAO;AAAA,EAC9E,QAAQ;AAAA,EAER;AACA,SAAO;AACT;AASA,eAAsB,oBAAoB,MAA6D;AACrG,QAAM,cAAc,eAAA;AACpB,MAAI,gBAAgB,OAAW,QAAO;AAEtC,MAAI;AAGF,UAAM,SAAkB,MAAM,YAAY,MAAM,EAAE,MAA8B;AAChF,QAAI,OAAO,WAAW,YAAY,WAAW,KAAM,QAAO;AAC1D,WAAO;AAAA,EACT,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAYA,eAAsB,gBAAgB,MAA0D;AAC9F,QAAM,SAAS,MAAM,oBAAoB,IAAI;AAC7C,SAAO,WAAW,OAAO,gBAAgB,oBAAoB,MAAM;AACrE;AAiBO,SAAS,4BACd,MACA,UACY;AACZ,MAAI,YAAY;AAChB,MAAI;AAGJ,QAAM,OAAO,CAAC,UAAsC;AAClD,QAAI;AACF,eAAS,KAAK;AAAA,IAChB,QAAQ;AAAA,IAER;AAAA,EACF;AAEA,OAAK,oBAAoB,IAAI,EAAE;AAAA,IAC7B,CAAC,WAAW;AACV,UAAI,UAAW;AACf,UAAI,WAAW,MAAM;AACnB,aAAK,aAAa;AAClB;AAAA,MACF;AAEA,WAAK,oBAAoB,MAAM,CAAC;AAEhC,YAAM,WAAW,MAAY;AAC3B,YAAI,CAAC,UAAW,MAAK,oBAAoB,MAAM,CAAC;AAAA,MAClD;AACA,UAAI;AACF,eAAO,iBAAiB,UAAU,QAAQ;AAC1C,iBAAS,MAAM;AACb,cAAI;AACF,mBAAO,oBAAoB,UAAU,QAAQ;AAAA,UAC/C,QAAQ;AAAA,UAER;AAAA,QACF;AAAA,MACF,QAAQ;AAAA,MAER;AAAA,IACF;AAAA;AAAA;AAAA,IAGA,MAAM;AACJ,UAAI,CAAC,UAAW,MAAK,aAAa;AAAA,IACpC;AAAA,EAAA;AAGF,SAAO,MAAM;AACX,gBAAY;AACZ,aAAA;AACA,aAAS;AAAA,EACX;AACF;"}

package/dist/chunks/QueryPlugin-CfotNm6j.js

@@ -0,0 +1,12 @@
+import { VueQueryPlugin } from "@tanstack/vue-query";
+function queryPlugin(client) {
+  return {
+    install(app) {
+      app.use(VueQueryPlugin, { queryClient: client });
+    }
+  };
+}
+export {
+  queryPlugin as q
+};
+//# sourceMappingURL=QueryPlugin-CfotNm6j.js.map

package/dist/chunks/QueryPlugin-CfotNm6j.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QueryPlugin-CfotNm6j.js","sources":["../../src/query/QueryPlugin.ts"],"sourcesContent":["import type { Plugin } from 'vue';\nimport { VueQueryPlugin, type QueryClient } from '@tanstack/vue-query';\n\n/**\n * Mounts the app `QueryClient` on the whole app — the Vue-idiomatic counterpart of React's\n * `<QueryClientProvider>` wrapper, which has no component form in `@tanstack/vue-query`.\n *\n * ```ts\n * createApp(App).use(queryPlugin(createQueryClient())).mount('#app');\n * ```\n *\n * `QueryProvider` is the component form of the same thing, for a subtree (or a test) that needs its\n * own client. Use one or the other, not both.\n */\nexport function queryPlugin(client: QueryClient): Plugin {\n  return {\n    install(app) {\n      app.use(VueQueryPlugin, { queryClient: client });\n    },\n  };\n}\n"],"names":[],"mappings":";AAcO,SAAS,YAAY,QAA6B;AACvD,SAAO;AAAA,IACL,QAAQ,KAAK;AACX,UAAI,IAAI,gBAAgB,EAAE,aAAa,QAAQ;AAAA,IACjD;AAAA,EAAA;AAEJ;"}

package/dist/chunks/RovingFocusGroup.vue_vue_type_script_setup_true_lang-DCpYSP2V.js

@@ -0,0 +1,235 @@
+import { computed, toValue, provide, inject, useId, shallowRef, onMounted, onScopeDispose, watch, reactive, defineComponent, useTemplateRef, openBlock, createElementBlock, renderSlot } from "vue";
+const Direction = {
+  /** Refers to left-to-right reading order. */
+  Ltr: "ltr",
+  /** Refers to right-to-left reading order. */
+  Rtl: "rtl"
+};
+const DirectionKey = Symbol("wow-two.direction");
+function provideDirection(dir) {
+  const direction = computed(() => toValue(dir));
+  provide(DirectionKey, direction);
+  return direction;
+}
+function useDirection() {
+  return inject(DirectionKey, () => computed(() => Direction.Ltr), true);
+}
+const Orientation = {
+  /** Refers to left/right arrow navigation only. */
+  Horizontal: "horizontal",
+  /** Refers to up/down arrow navigation only. */
+  Vertical: "vertical",
+  /** Refers to both-axis (grid) arrow navigation. */
+  Both: "both"
+};
+function isNodeDisabled(node) {
+  if (!node) return false;
+  return node.matches(":disabled") || node.getAttribute("aria-disabled") === "true" || node.hasAttribute("data-disabled");
+}
+const isEntryDisabled = (entry) => isNodeDisabled(entry.node);
+function findEnabled(list, start, dir, loop) {
+  const len = list.length;
+  if (len === 0) return void 0;
+  for (let step = 0; step < len; step++) {
+    let index = start + dir * step;
+    if (loop) index = (index % len + len) % len;
+    else if (index < 0 || index >= len) return void 0;
+    const entry = list[index];
+    if (entry && !isEntryDisabled(entry)) return entry;
+  }
+  return void 0;
+}
+function findNearestEnabled(list, idx) {
+  for (let distance = 1; distance < list.length; distance++) {
+    const forward = list[idx + distance];
+    if (forward && !isEntryDisabled(forward)) return forward;
+    const backward = list[idx - distance];
+    if (backward && !isEntryDisabled(backward)) return backward;
+  }
+  return void 0;
+}
+const RovingFocusKey = Symbol("wow-two.rovingFocus");
+function toElement(value) {
+  if (value instanceof HTMLElement) return value;
+  const el = value?.$el;
+  return el instanceof HTMLElement ? el : null;
+}
+function useRovingFocusItem(options = {}) {
+  const context = inject(RovingFocusKey, null);
+  const id = useId();
+  const node = shallowRef(null);
+  let observer = null;
+  onMounted(() => {
+    const el = node.value;
+    context?.register(id, el);
+    context?.ensureEnabledStop(id);
+    if (!el || !context) return;
+    observer = new MutationObserver(() => context.ensureEnabledStop(id));
+    observer.observe(el, {
+      attributes: true,
+      attributeFilter: ["disabled", "aria-disabled", "data-disabled"]
+    });
+  });
+  onScopeDispose(() => {
+    observer?.disconnect();
+    observer = null;
+    context?.unregister(id);
+  });
+  watch(
+    () => context?.focusedId.value,
+    (focusedId) => {
+      if (focusedId === id && context?.interacted.value && node.value && document.activeElement !== node.value) {
+        node.value.focus();
+      }
+    },
+    { flush: "post" }
+  );
+  watch(
+    [() => toValue(options.isActive ?? false), () => context?.groupEl.value ?? null],
+    ([isActive, groupNode], _previous, onCleanup) => {
+      if (!isActive || !context || !groupNode || typeof document === "undefined") return;
+      if (!groupNode.contains(document.activeElement)) context.setFocusedId(id);
+      const onFocusOut = (event) => {
+        const next = event.relatedTarget;
+        if (!next || !groupNode.contains(next)) context.setFocusedId(id);
+      };
+      groupNode.addEventListener("focusout", onFocusOut);
+      onCleanup(() => groupNode.removeEventListener("focusout", onFocusOut));
+    },
+    { immediate: true, flush: "post" }
+  );
+  return reactive({
+    ref: (value) => {
+      node.value = toElement(value);
+    },
+    tabindex: computed(() => !context || context.focusedId.value === id ? 0 : -1),
+    onKeydown: (event) => context?.onItemKeyDown(event, id),
+    onFocus: () => {
+      if (!context) return;
+      context.interacted.value = true;
+      context.setFocusedId(id);
+    },
+    "data-roving-focus-item": true
+  });
+}
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "RovingFocusGroup" },
+  __name: "RovingFocusGroup",
+  props: {
+    orientation: { default: Orientation.Horizontal },
+    canLoop: { type: Boolean, default: true }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const groupEl = useTemplateRef("groupEl");
+    const items = [];
+    const focusedId = shallowRef(null);
+    const interacted = shallowRef(false);
+    const direction = useDirection();
+    function setFocusedId(id) {
+      focusedId.value = id;
+    }
+    function register(id, node) {
+      if (!items.some((item) => item.id === id)) {
+        const entry = { id, node };
+        const index = node ? items.findIndex(
+          (item) => item.node !== null && (node.compareDocumentPosition(item.node) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0
+        ) : -1;
+        if (index === -1) items.push(entry);
+        else items.splice(index, 0, entry);
+      }
+      if (!isNodeDisabled(node)) focusedId.value = focusedId.value ?? id;
+    }
+    function unregister(id) {
+      const idx = items.findIndex((item) => item.id === id);
+      if (idx >= 0) items.splice(idx, 1);
+      if (focusedId.value === id) {
+        const next = findEnabled(items, idx, 1, true);
+        focusedId.value = next ? next.id : null;
+      }
+    }
+    watch(
+      groupEl,
+      (node, _previous, onCleanup) => {
+        if (!node) return;
+        const onFocusOut = (event) => {
+          const next = event.relatedTarget;
+          if (!next || !node.contains(next)) interacted.value = false;
+        };
+        node.addEventListener("focusout", onFocusOut);
+        onCleanup(() => node.removeEventListener("focusout", onFocusOut));
+      },
+      { immediate: true }
+    );
+    function onItemKeyDown(event, id) {
+      const idx = items.findIndex((item) => item.id === id);
+      if (idx === -1) return;
+      const isVert = props.orientation === Orientation.Vertical || props.orientation === Orientation.Both;
+      const isHoriz = props.orientation === Orientation.Horizontal || props.orientation === Orientation.Both;
+      const nextHorizKey = direction.value === Direction.Rtl ? "ArrowLeft" : "ArrowRight";
+      const prevHorizKey = direction.value === Direction.Rtl ? "ArrowRight" : "ArrowLeft";
+      let next;
+      if (event.key === nextHorizKey && isHoriz || event.key === "ArrowDown" && isVert) {
+        next = findEnabled(items, idx + 1, 1, props.canLoop);
+      } else if (event.key === prevHorizKey && isHoriz || event.key === "ArrowUp" && isVert) {
+        next = findEnabled(items, idx - 1, -1, props.canLoop);
+      } else if (event.key === "Home") {
+        next = findEnabled(items, 0, 1, false);
+      } else if (event.key === "End") {
+        next = findEnabled(items, items.length - 1, -1, false);
+      } else {
+        return;
+      }
+      event.preventDefault();
+      interacted.value = true;
+      if (next) focusedId.value = next.id;
+    }
+    function ensureEnabledStop(id) {
+      const caller = items.find((item) => item.id === id);
+      if (!caller) return;
+      const current = focusedId.value;
+      if (current === null) {
+        focusedId.value = isEntryDisabled(caller) ? null : id;
+        return;
+      }
+      const heldIdx = items.findIndex((item) => item.id === current);
+      const held = heldIdx === -1 ? void 0 : items[heldIdx];
+      if (held && isEntryDisabled(held)) {
+        const next = findNearestEnabled(items, heldIdx);
+        focusedId.value = next ? next.id : null;
+      }
+    }
+    const context = {
+      register,
+      unregister,
+      focusedId,
+      setFocusedId,
+      onItemKeyDown,
+      ensureEnabledStop,
+      interacted,
+      groupEl
+    };
+    provide(RovingFocusKey, context);
+    __expose({ el: groupEl });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "groupEl",
+        ref: groupEl,
+        role: "group"
+      }, [
+        renderSlot(_ctx.$slots, "default")
+      ], 512);
+    };
+  }
+});
+export {
+  Direction as D,
+  Orientation as O,
+  RovingFocusKey as R,
+  _sfc_main as _,
+  DirectionKey as a,
+  useRovingFocusItem as b,
+  provideDirection as p,
+  useDirection as u
+};
+//# sourceMappingURL=RovingFocusGroup.vue_vue_type_script_setup_true_lang-DCpYSP2V.js.map