@wow-two-beta/ui-vue 0.0.5 → 0.0.6

package/dist/chunks/Presence-DE4MlrJz.js

@@ -1,138 +0,0 @@
-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 TWO_FRAMES_MS = 32;
-function afterTwoFrames(cb) {
-  let settled = false;
-  let raf1 = 0;
-  let raf2 = 0;
-  const clear = () => {
-    if (typeof cancelAnimationFrame !== "undefined") {
-      cancelAnimationFrame(raf1);
-      cancelAnimationFrame(raf2);
-    }
-    clearTimeout(timer);
-  };
-  const run = () => {
-    if (settled) return;
-    settled = true;
-    clear();
-    cb();
-  };
-  if (typeof requestAnimationFrame !== "undefined") {
-    raf1 = requestAnimationFrame(() => {
-      raf2 = requestAnimationFrame(run);
-    });
-  }
-  const timer = setTimeout(run, TWO_FRAMES_MS);
-  return () => {
-    settled = true;
-    clear();
-  };
-}
-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" && typeof setTimeout === "undefined") {
-          return;
-        }
-        onCleanup(
-          afterTwoFrames(() => {
-            dataState.value = "open";
-          })
-        );
-      },
-      { 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;
-        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 safety = setTimeout(() => {
-          rendered.value = false;
-        }, getTotalDurationMs(el) + 100);
-        const cancelFrames = afterTwoFrames(() => {
-          const animating = started || (el.getAnimations?.().length ?? 0) > 0;
-          if (!animating) rendered.value = false;
-        });
-        onCleanup(() => {
-          el.removeEventListener("animationstart", onStart);
-          el.removeEventListener("transitionrun", onStart);
-          el.removeEventListener("animationend", onEnd);
-          el.removeEventListener("transitionend", onEnd);
-          cancelFrames();
-          clearTimeout(safety);
-        });
-      },
-      { 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-DE4MlrJz.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Presence-DE4MlrJz.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 * The timeout that stands in for two frames where `requestAnimationFrame` never fires.\n *\n * ~2 frames at 60Hz. Long enough that rAF wins whenever the document is actually being\n * painted, short enough that the enter flip is not perceptibly late when it does not.\n */\nconst TWO_FRAMES_MS = 32;\n\n/**\n * Runs `cb` after two animation frames, or after {@link TWO_FRAMES_MS}, whichever lands first.\n *\n * `requestAnimationFrame` does not fire at all while `document.hidden` — a background tab, a\n * prerendered page, an embedded webview. Gating on rAF alone left an overlay mounted stuck at\n * `data-state=\"closed\"` on enter and, worse, never unmounted on exit: a full-viewport\n * `pointer-events: auto` layer over a page that looked idle. The timer is the floor under that.\n *\n * Returns a cancel function; whichever path fires first cancels the other, so `cb` runs once.\n */\nfunction afterTwoFrames(cb: () => void): () => void {\n  let settled = false;\n  let raf1 = 0;\n  let raf2 = 0;\n\n  const clear = (): void => {\n    if (typeof cancelAnimationFrame !== 'undefined') {\n      cancelAnimationFrame(raf1);\n      cancelAnimationFrame(raf2);\n    }\n    clearTimeout(timer);\n  };\n\n  const run = (): void => {\n    if (settled) return;\n    settled = true;\n    clear();\n    cb();\n  };\n\n  if (typeof requestAnimationFrame !== 'undefined') {\n    raf1 = requestAnimationFrame(() => {\n      raf2 = requestAnimationFrame(run);\n    });\n  }\n  /* Declared after `clear` closes over it: both callers are async, so the binding is\n     always initialised by the time either one reads it. */\n  const timer = setTimeout(run, TWO_FRAMES_MS);\n\n  return (): void => {\n    settled = true;\n    clear();\n  };\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 *\n * Neither effect depends on `requestAnimationFrame` firing. Both go through\n * {@link afterTwoFrames}, and the exit additionally arms its unmount timer up front, so a\n * document that is never painted still enters and — the part that matters — still unmounts.\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 neither `requestAnimationFrame` nor a\n           useful `setTimeout` on the server. Bail rather than throw: the server emits\n           `data-state=\"closed\"`, which is exactly what the client's first render produces, so\n           hydration still matches and this same watcher runs the enter on the client. */\n        if (typeof requestAnimationFrame === 'undefined' && typeof setTimeout === 'undefined') {\n          return;\n        }\n        onCleanup(\n          afterTwoFrames(() => {\n            dataState.value = 'open';\n          }),\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        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\n        /* Armed here, NOT inside the frame callback.\n           This is the unmount guarantee: `animationend` does not fire for an animation that\n           never started, and neither the frame callback nor the event listeners run at all in\n           a document that is never painted. Previously this timer lived inside the inner rAF,\n           so all three failure paths converged on \"stays mounted forever\" — a full-viewport\n           `pointer-events: auto` scrim the user cannot click past. `getComputedStyle` recalcs\n           synchronously, so reading the duration right after the flip already reflects the\n           closed state's timing. */\n        const safety = setTimeout(() => {\n          rendered.value = false;\n        }, getTotalDurationMs(el) + 100);\n\n        /* The fast path — nothing is animating, so drop it now rather than wait out the\n           safety timer. */\n        const cancelFrames = afterTwoFrames(() => {\n          const animating = started || (el.getAnimations?.().length ?? 0) > 0;\n          if (!animating) rendered.value = false;\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          cancelFrames();\n          clearTimeout(safety);\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":";;AAQA,SAAS,WAAW,OAAsC;AACxD,SAAO,MAAM,MAAM,GAAG,EAAE,IAAI,CAAC,SAAS;AACpC,UAAM,UAAU,KAAK,KAAA;AACrB,UAAM,KAAK,QAAQ,SAAS,IAAI,IAAI,WAAW,OAAO,IAAI,WAAW,OAAO,IAAI;AAChF,WAAO,OAAO,SAAS,EAAE,IAAI,KAAK;AAAA,EACpC,CAAC;AACH;AAGA,SAAS,mBAAmB,MAA2B;AACrD,QAAM,KAAK,iBAAiB,IAAI;AAChC,QAAM,QAAQ,CAAC,WAAkC,WAC/C,UAAU;AAAA,IACR,CAAC,KAAK,UAAU,MAAM,KAAK,IAAI,KAAK,YAAY,OAAO,IAAI,OAAO,MAAM,KAAK,EAAE;AAAA,IAC/E;AAAA,EAAA;AAEJ,SAAO,KAAK;AAAA,IACV,MAAM,WAAW,GAAG,kBAAkB,GAAG,WAAW,GAAG,eAAe,CAAC;AAAA,IACvE,MAAM,WAAW,GAAG,iBAAiB,GAAG,WAAW,GAAG,cAAc,CAAC;AAAA,EAAA;AAEzE;AAGA,SAAS,UAAU,OAAoC;AACrD,MAAI,iBAAiB,YAAa,QAAO;AACzC,QAAM,KAAM,OAAoC;AAChD,SAAO,cAAc,cAAc,KAAK;AAC1C;AAQA,MAAM,gBAAgB;AAYtB,SAAS,eAAe,IAA4B;AAClD,MAAI,UAAU;AACd,MAAI,OAAO;AACX,MAAI,OAAO;AAEX,QAAM,QAAQ,MAAY;AACxB,QAAI,OAAO,yBAAyB,aAAa;AAC/C,2BAAqB,IAAI;AACzB,2BAAqB,IAAI;AAAA,IAC3B;AACA,iBAAa,KAAK;AAAA,EACpB;AAEA,QAAM,MAAM,MAAY;AACtB,QAAI,QAAS;AACb,cAAU;AACV,UAAA;AACA,OAAA;AAAA,EACF;AAEA,MAAI,OAAO,0BAA0B,aAAa;AAChD,WAAO,sBAAsB,MAAM;AACjC,aAAO,sBAAsB,GAAG;AAAA,IAClC,CAAC;AAAA,EACH;AAGA,QAAM,QAAQ,WAAW,KAAK,aAAa;AAE3C,SAAO,MAAY;AACjB,cAAU;AACV,UAAA;AAAA,EACF;AACF;AAsBO,MAAM,WAAW,gBAAgB;AAAA,EACtC,MAAM;AAAA,EACN,OAAO;AAAA,IACL,WAAW,EAAE,MAAM,SAAS,UAAU,KAAA;AAAA,EAAK;AAAA,EAE7C,MAAM,OAAO,EAAE,SAAS;AACtB,UAAM,WAAW,WAAW,MAAM,SAAS;AAC3C,UAAM,YAAY,WAA8B,QAAQ;AACxD,UAAM,OAAO,WAA+B,IAAI;AAEhD,UAAM,UAAU,CAAC,UAAyB;AACxC,WAAK,QAAQ,UAAU,KAAK;AAAA,IAC9B;AAIA;AAAA,MACE,CAAC,MAAM,MAAM,WAAW,UAAU,SAAS;AAAA,MAC3C,CAAC,CAAC,SAAS,GAAG,WAAW,cAAc;AACrC,YAAI,CAAC,UAAW;AAChB,YAAI,CAAC,SAAS,OAAO;AACnB,mBAAS,QAAQ;AACjB;AAAA,QACF;AACA,YAAI,UAAU,UAAU,OAAQ;AAMhC,YAAI,OAAO,0BAA0B,eAAe,OAAO,eAAe,aAAa;AACrF;AAAA,QACF;AACA;AAAA,UACE,eAAe,MAAM;AACnB,sBAAU,QAAQ;AAAA,UACpB,CAAC;AAAA,QAAA;AAAA,MAEL;AAAA,MACA,EAAE,WAAW,MAAM,OAAO,OAAA;AAAA,IAAO;AAMnC;AAAA,MACE,MAAM,MAAM;AAAA,MACZ,CAAC,WAAW,WAAW,cAAc;AACnC,YAAI,UAAW;AACf,cAAM,KAAK,KAAK;AAChB,YAAI,CAAC,IAAI;AACP,mBAAS,QAAQ;AACjB;AAAA,QACF;AACA,YAAI,UAAU;AACd,cAAM,UAAU,CAAC,UAAiB;AAChC,cAAI,MAAM,WAAW,GAAI,WAAU;AAAA,QACrC;AACA,cAAM,QAAQ,CAAC,UAAiB;AAC9B,cAAI,MAAM,WAAW,GAAI,UAAS,QAAQ;AAAA,QAC5C;AACA,WAAG,iBAAiB,kBAAkB,OAAO;AAC7C,WAAG,iBAAiB,iBAAiB,OAAO;AAC5C,WAAG,iBAAiB,gBAAgB,KAAK;AACzC,WAAG,iBAAiB,iBAAiB,KAAK;AAG1C,WAAG,aAAa,cAAc,QAAQ;AACtC,kBAAU,QAAQ;AAUlB,cAAM,SAAS,WAAW,MAAM;AAC9B,mBAAS,QAAQ;AAAA,QACnB,GAAG,mBAAmB,EAAE,IAAI,GAAG;AAI/B,cAAM,eAAe,eAAe,MAAM;AACxC,gBAAM,YAAY,YAAY,GAAG,kBAAkB,UAAU,KAAK;AAClE,cAAI,CAAC,UAAW,UAAS,QAAQ;AAAA,QACnC,CAAC;AAED,kBAAU,MAAM;AACd,aAAG,oBAAoB,kBAAkB,OAAO;AAChD,aAAG,oBAAoB,iBAAiB,OAAO;AAC/C,aAAG,oBAAoB,gBAAgB,KAAK;AAC5C,aAAG,oBAAoB,iBAAiB,KAAK;AAC7C,uBAAA;AACA,uBAAa,MAAM;AAAA,QACrB,CAAC;AAAA,MACH;AAAA,MACA,EAAE,WAAW,MAAM,OAAO,OAAA;AAAA,IAAO;AAGnC,WAAO,MAAoB;AACzB,UAAI,CAAC,SAAS,MAAO,QAAO;AAC5B,YAAM,QAAQ,mBAAmB,MAAM,UAAA,CAAW,EAAE,CAAC;AACrD,UAAI,CAAC,MAAO,QAAO;AAGnB,aAAO,WAAW,OAAO,EAAE,cAAc,UAAU,OAAO,KAAK,QAAA,GAAW,IAAI;AAAA,IAChF;AAAA,EACF;AACF,CAAC;"}

package/dist/chunks/Primitive-Cm3ECaVw.js

@@ -1,20 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/QueryPermission--OKfvS9c.js

@@ -1,82 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/RovingFocusGroup.vue_vue_type_script_setup_true_lang-DCpYSP2V.js

@@ -1,235 +0,0 @@
-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

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

@@ -1 +0,0 @@
-{"version":3,"file":"RovingFocusGroup.vue_vue_type_script_setup_true_lang-DCpYSP2V.js","sources":["../../src/foundation/primitives/directionProvider/DirectionContext.ts","../../src/foundation/primitives/rovingFocusGroup/RovingFocusContext.ts","../../src/foundation/primitives/rovingFocusGroup/RovingFocusGroup.vue"],"sourcesContent":["import {\n  computed,\n  inject,\n  provide,\n  toValue,\n  type ComputedRef,\n  type InjectionKey,\n  type MaybeRefOrGetter,\n} from 'vue';\n\n/** Defines the reading direction of a subtree. */\nexport const Direction = {\n  /** Refers to left-to-right reading order. */\n  Ltr: 'ltr',\n  /** Refers to right-to-left reading order. */\n  Rtl: 'rtl',\n} as const;\n\nexport type Direction = (typeof Direction)[keyof typeof Direction];\n\n/**\n * React's `createContext(Direction.Ltr)` becomes an `InjectionKey` plus a\n * default at the injection site. The provided value is a `ComputedRef` rather\n * than a bare string so a `dir` change re-evaluates every consumer — Vue's\n * `provide` is not reactive on its own.\n */\nexport const DirectionKey: InjectionKey<ComputedRef<Direction>> = Symbol('wow-two.direction');\n\n/** The provider half — used by `DirectionProvider`, and by any component that owns a direction. */\nexport function provideDirection(dir: MaybeRefOrGetter<Direction>): ComputedRef<Direction> {\n  const direction = computed(() => toValue(dir));\n  provide(DirectionKey, direction);\n  return direction;\n}\n\n/**\n * Read the surrounding reading direction. Falls back to `ltr` outside any\n * provider, matching the React context's default value.\n */\nexport function useDirection(): ComputedRef<Direction> {\n  return inject(DirectionKey, () => computed<Direction>(() => Direction.Ltr), true);\n}\n","import {\n  computed,\n  inject,\n  onMounted,\n  onScopeDispose,\n  reactive,\n  shallowRef,\n  toValue,\n  useId,\n  watch,\n  type InjectionKey,\n  type MaybeRefOrGetter,\n  type ShallowRef,\n} from 'vue';\n\n/**\n * Defines the arrow-key navigation axis of a roving-focus group.\n *\n * Diverges from the shared `Orientation` (foundation/utils) by adding `Both`\n * (2-D grids like ColorSwatchPicker) — stays local per the enum-alignment\n * divergence rule.\n */\nexport const Orientation = {\n  /** Refers to left/right arrow navigation only. */\n  Horizontal: 'horizontal',\n  /** Refers to up/down arrow navigation only. */\n  Vertical: 'vertical',\n  /** Refers to both-axis (grid) arrow navigation. */\n  Both: 'both',\n} as const;\n\nexport type Orientation = (typeof Orientation)[keyof typeof Orientation];\n\nexport interface ItemEntry {\n  id: string;\n  node: HTMLElement | null;\n}\n\n/**\n * Disabled state is read from the DOM node rather than a hook option, so\n * items keep declaring it the way they already do (native `disabled`,\n * `aria-disabled=\"true\"`, or a bare `data-disabled` attr) and the group sees\n * changes without re-registration.\n */\nexport function isNodeDisabled(node: HTMLElement | null): boolean {\n  if (!node) return false;\n  return (\n    node.matches(':disabled') ||\n    node.getAttribute('aria-disabled') === 'true' ||\n    node.hasAttribute('data-disabled')\n  );\n}\n\nexport const isEntryDisabled = (entry: ItemEntry): boolean => isNodeDisabled(entry.node);\n\n/**\n * First enabled entry walking from `start` (inclusive) in direction `dir`.\n * Wraps at the edges when `loop`, otherwise stops there. Returns undefined\n * when no enabled entry is reachable.\n */\nexport function findEnabled(\n  list: ReadonlyArray<ItemEntry>,\n  start: number,\n  dir: 1 | -1,\n  loop: boolean,\n): ItemEntry | undefined {\n  const len = list.length;\n  if (len === 0) return undefined;\n  for (let step = 0; step < len; step++) {\n    let index = start + dir * step;\n    if (loop) index = ((index % len) + len) % len;\n    else if (index < 0 || index >= len) return undefined;\n    const entry = list[index];\n    if (entry && !isEntryDisabled(entry)) return entry;\n  }\n  return undefined;\n}\n\n/** Nearest enabled entry around `idx` (excluding it), preferring the next one on ties. */\nexport function findNearestEnabled(\n  list: ReadonlyArray<ItemEntry>,\n  idx: number,\n): ItemEntry | undefined {\n  for (let distance = 1; distance < list.length; distance++) {\n    const forward = list[idx + distance];\n    if (forward && !isEntryDisabled(forward)) return forward;\n    const backward = list[idx - distance];\n    if (backward && !isEntryDisabled(backward)) return backward;\n  }\n  return undefined;\n}\n\nexport interface RovingFocusContextValue {\n  register: (id: string, node: HTMLElement | null) => void;\n  unregister: (id: string) => void;\n  focusedId: Readonly<ShallowRef<string | null>>;\n  setFocusedId: (id: string) => void;\n  onItemKeyDown: (event: KeyboardEvent, id: string) => void;\n  /** Re-validates that the tab stop sits on an enabled item (see useRovingFocusItem). */\n  ensureEnabledStop: (id: string) => void;\n\n  /** True once the user has interacted with the group; reset when focus leaves. */\n  interacted: ShallowRef<boolean>;\n  groupEl: Readonly<ShallowRef<HTMLElement | null>>;\n}\n\nexport const RovingFocusKey: InjectionKey<RovingFocusContextValue> = Symbol('wow-two.rovingFocus');\n\nexport interface UseRovingFocusItemOptions {\n  /** Preferred tab stop while focus is outside the group (e.g. the selected tab) — APG composite-widget pattern. Accepts a ref or getter. */\n  isActive?: MaybeRefOrGetter<boolean>;\n}\n\nexport interface UseRovingFocusItemReturn {\n  /** Function ref for the item's element — spread with `v-bind`, or bind explicitly with `:ref`. */\n  ref: (node: unknown) => void;\n  tabindex: 0 | -1;\n  onKeydown: (event: KeyboardEvent) => void;\n  onFocus: () => void;\n  'data-roving-focus-item': boolean;\n}\n\n/** A function ref may receive a component's public instance; the group needs the DOM node. */\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 * Inside a `RovingFocusGroup`, returns props to bind onto a focusable item.\n * Outside, returns inert props (tabindex 0).\n *\n * ```vue\n * <button v-bind=\"item\">…</button>\n * ```\n *\n * The returned object is `reactive` — `tabindex` tracks the group's tab stop,\n * so bind the object rather than destructuring it.\n */\nexport function useRovingFocusItem(\n  options: UseRovingFocusItemOptions = {},\n): UseRovingFocusItemReturn {\n  const context = inject(RovingFocusKey, null);\n  const id = useId();\n  const node = shallowRef<HTMLElement | null>(null);\n\n  let observer: MutationObserver | null = null;\n\n  onMounted(() => {\n    const el = node.value;\n    context?.register(id, el);\n    // Disabled state lives on the DOM node (`disabled` / `aria-disabled` /\n    // `data-disabled`) and can change without re-registering. React re-validated\n    // after every render; Vue has no every-render hook, so the node is observed\n    // directly — narrower, and it catches changes React's render-driven check\n    // would have missed entirely (an attribute set outside Vue).\n    context?.ensureEnabledStop(id);\n    if (!el || !context) return;\n    observer = new MutationObserver(() => context.ensureEnabledStop(id));\n    observer.observe(el, {\n      attributes: true,\n      attributeFilter: ['disabled', 'aria-disabled', 'data-disabled'],\n    });\n  });\n\n  onScopeDispose(() => {\n    observer?.disconnect();\n    observer = null;\n    context?.unregister(id);\n  });\n\n  // Move DOM focus only after user interaction — never on initial mount.\n  watch(\n    () => context?.focusedId.value,\n    (focusedId) => {\n      if (\n        focusedId === id &&\n        context?.interacted.value &&\n        node.value &&\n        document.activeElement !== node.value\n      ) {\n        node.value.focus();\n      }\n    },\n    { flush: 'post' },\n  );\n\n  // Keep the active item (e.g. selected tab) as the tab stop whenever focus\n  // is outside the group. The group element is watched alongside `isActive`\n  // because it is null until mount — React read it from a ref after commit.\n  watch(\n    [() => toValue(options.isActive ?? false), () => context?.groupEl.value ?? null],\n    ([isActive, groupNode], _previous, onCleanup) => {\n      if (!isActive || !context || !groupNode || typeof document === 'undefined') return;\n      if (!groupNode.contains(document.activeElement)) context.setFocusedId(id);\n      const onFocusOut = (event: FocusEvent) => {\n        const next = event.relatedTarget as Node | null;\n        if (!next || !groupNode.contains(next)) context.setFocusedId(id);\n      };\n      groupNode.addEventListener('focusout', onFocusOut);\n      onCleanup(() => groupNode.removeEventListener('focusout', onFocusOut));\n    },\n    { immediate: true, flush: 'post' },\n  );\n\n  return reactive({\n    ref: (value: unknown) => {\n      node.value = toElement(value);\n    },\n    tabindex: computed<0 | -1>(() => (!context || context.focusedId.value === id ? 0 : -1)),\n    onKeydown: (event: KeyboardEvent) => context?.onItemKeyDown(event, id),\n    onFocus: () => {\n      if (!context) return;\n      context.interacted.value = true;\n      context.setFocusedId(id);\n    },\n    'data-roving-focus-item': true,\n  }) as UseRovingFocusItemReturn;\n}\n","<script lang=\"ts\">\nimport type { HTMLAttributes } from 'vue';\n\n// `Orientation` is imported as a value by `<script setup>` below; both blocks\n// share one module scope, so re-importing the type here would duplicate it.\nexport interface RovingFocusGroupProps extends /* @vue-ignore */ HTMLAttributes {\n  orientation?: Orientation;\n  canLoop?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { provide, shallowRef, useTemplateRef, watch } from 'vue';\nimport { Direction, useDirection } from '../directionProvider';\nimport {\n  Orientation,\n  RovingFocusKey,\n  findEnabled,\n  findNearestEnabled,\n  isEntryDisabled,\n  isNodeDisabled,\n  type ItemEntry,\n  type RovingFocusContextValue,\n} from './RovingFocusContext';\n\n/**\n * Provide arrow-key navigation for a group of focusable children. Children\n * call `useRovingFocusItem()` to register and receive `tabindex` / event\n * handlers. Disabled items (native `disabled`, `aria-disabled=\"true\"`, or\n * `data-disabled`) are never valid stops: arrow / Home / End navigation\n * skips them (wrap-around keeps skipping past disabled edges) and the tab\n * stop is always kept on an enabled item. Used by Tabs, Toolbar, Tree,\n * Accordion, Stepper, NavigationMenu, Menubar.\n */\ndefineOptions({ name: 'RovingFocusGroup' });\n\nconst props = withDefaults(defineProps<RovingFocusGroupProps>(), {\n  orientation: Orientation.Horizontal,\n  canLoop: true,\n});\n\n// Typed as `HTMLElement`, not `HTMLDivElement` — `ShallowRef` is invariant, so\n// the narrower element type would not satisfy the context's `groupEl`.\nconst groupEl = useTemplateRef<HTMLElement>('groupEl');\n/** Plain array, not reactive — the ordering is read imperatively, exactly as React's `useRef` list was. */\nconst items: Array<ItemEntry> = [];\nconst focusedId = shallowRef<string | null>(null);\nconst interacted = shallowRef(false);\nconst direction = useDirection();\n\nfunction setFocusedId(id: string): void {\n  focusedId.value = id;\n}\n\nfunction register(id: string, node: HTMLElement | null): void {\n  if (!items.some((item) => item.id === id)) {\n    const entry: ItemEntry = { id, node };\n    // Insert by DOM order (not mount order) so dynamically inserted\n    // items navigate in visual order.\n    const index = node\n      ? items.findIndex(\n          (item) =>\n            item.node !== null &&\n            (node.compareDocumentPosition(item.node) & Node.DOCUMENT_POSITION_FOLLOWING) !== 0,\n        )\n      : -1;\n    if (index === -1) items.push(entry);\n    else items.splice(index, 0, entry);\n  }\n  // A disabled item never claims the tab stop — tabindex 0 on an\n  // unfocusable element would make the whole group untabbable.\n  if (!isNodeDisabled(node)) focusedId.value = focusedId.value ?? id;\n}\n\nfunction unregister(id: string): void {\n  const idx = items.findIndex((item) => item.id === id);\n  if (idx >= 0) items.splice(idx, 1);\n  // If the tab stop unmounts, advance to the next remaining enabled item\n  // (wrapping to the first) so the group keeps exactly one tabbable item.\n  if (focusedId.value === id) {\n    const next = findEnabled(items, idx, 1, true);\n    focusedId.value = next ? next.id : null;\n  }\n}\n\n// Reset the interaction flag when focus leaves the group so tab-stop\n// bookkeeping (focusedId updates) never steals focus back.\nwatch(\n  groupEl,\n  (node, _previous, onCleanup) => {\n    if (!node) return;\n    const onFocusOut = (event: FocusEvent) => {\n      const next = event.relatedTarget as Node | null;\n      if (!next || !node.contains(next)) interacted.value = false;\n    };\n    node.addEventListener('focusout', onFocusOut);\n    onCleanup(() => node.removeEventListener('focusout', onFocusOut));\n  },\n  { immediate: true },\n);\n\nfunction onItemKeyDown(event: KeyboardEvent, id: string): void {\n  const idx = items.findIndex((item) => item.id === id);\n  if (idx === -1) return;\n  const isVert =\n    props.orientation === Orientation.Vertical || props.orientation === Orientation.Both;\n  const isHoriz =\n    props.orientation === Orientation.Horizontal || props.orientation === Orientation.Both;\n  // Horizontal arrows mirror in RTL.\n  const nextHorizKey = direction.value === Direction.Rtl ? 'ArrowLeft' : 'ArrowRight';\n  const prevHorizKey = direction.value === Direction.Rtl ? 'ArrowRight' : 'ArrowLeft';\n  // Disabled items are skipped (APG): the search walks past them —\n  // wrapping at the edges when canLoop — until an enabled item is\n  // found; Home / End land on the first / last *enabled* item.\n  let next: ItemEntry | undefined;\n  if ((event.key === nextHorizKey && isHoriz) || (event.key === 'ArrowDown' && isVert)) {\n    next = findEnabled(items, idx + 1, 1, props.canLoop);\n  } else if ((event.key === prevHorizKey && isHoriz) || (event.key === 'ArrowUp' && isVert)) {\n    next = findEnabled(items, idx - 1, -1, props.canLoop);\n  } else if (event.key === 'Home') {\n    next = findEnabled(items, 0, 1, false);\n  } else if (event.key === 'End') {\n    next = findEnabled(items, items.length - 1, -1, false);\n  } else {\n    return;\n  }\n  event.preventDefault();\n  interacted.value = true;\n  if (next) focusedId.value = next.id;\n}\n\n// Items call this on mount and whenever their disabled attributes mutate —\n// keeps the tab stop off disabled items even when disabled state toggles\n// long after registration.\nfunction ensureEnabledStop(id: string): void {\n  const caller = items.find((item) => item.id === id);\n  if (!caller) return;\n  const current = focusedId.value;\n  // No stop is held (every item registered disabled) — the first\n  // enabled caller claims it.\n  if (current === null) {\n    focusedId.value = isEntryDisabled(caller) ? null : id;\n    return;\n  }\n  // The held stop turned disabled — hand it to the nearest enabled item.\n  const heldIdx = items.findIndex((item) => item.id === current);\n  const held = heldIdx === -1 ? undefined : items[heldIdx];\n  if (held && isEntryDisabled(held)) {\n    const next = findNearestEnabled(items, heldIdx);\n    focusedId.value = next ? next.id : null;\n  }\n}\n\nconst context: RovingFocusContextValue = {\n  register,\n  unregister,\n  focusedId,\n  setFocusedId,\n  onItemKeyDown,\n  ensureEnabledStop,\n  interacted,\n  groupEl,\n};\n\nprovide(RovingFocusKey, context);\n\ndefineExpose({ el: groupEl });\n</script>\n\n<template>\n  <div ref=\"groupEl\" role=\"group\"><slot /></div>\n</template>\n"],"names":["_createElementBlock","_renderSlot"],"mappings":"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"}

package/dist/chunks/ScrollLockProvider.vue_vue_type_script_setup_true_lang-_ihHJ7jI.js

@@ -1,20 +0,0 @@
-import { defineComponent, renderSlot } from "vue";
-import { u as useScrollLock } from "./useScrollLock-d6YIGUcs.js";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "ScrollLockProvider" },
-  __name: "ScrollLockProvider",
-  props: {
-    isEnabled: { type: Boolean, default: true }
-  },
-  setup(__props) {
-    const props = __props;
-    useScrollLock(() => props.isEnabled);
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default");
-    };
-  }
-});
-export {
-  _sfc_main as _
-};
-//# sourceMappingURL=ScrollLockProvider.vue_vue_type_script_setup_true_lang-_ihHJ7jI.js.map

package/dist/chunks/ScrollLockProvider.vue_vue_type_script_setup_true_lang-_ihHJ7jI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ScrollLockProvider.vue_vue_type_script_setup_true_lang-_ihHJ7jI.js","sources":["../../src/foundation/primitives/scrollLockProvider/ScrollLockProvider.vue"],"sourcesContent":["<script lang=\"ts\">\nexport interface ScrollLockProviderProps {\n  isEnabled?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { useScrollLock } from '../../hooks/useScrollLock';\n\n/**\n * Component wrapper around `useScrollLock` — handy when scroll lock should\n * follow a child's mount lifecycle (e.g. inside a Modal's teleport).\n * Multiple wrappers stack; lock releases when the count reaches zero.\n *\n * Renders nothing of its own: the slot is returned as-is, so this component is\n * transparent to layout (React returned a bare fragment for the same reason).\n */\ndefineOptions({ name: 'ScrollLockProvider' });\n\nconst props = withDefaults(defineProps<ScrollLockProviderProps>(), { isEnabled: true });\n\n// Passed as a getter so the lock follows the prop, matching the React effect's\n// `[enabled]` dependency.\nuseScrollLock(() => props.isEnabled);\n</script>\n\n<template>\n  <slot />\n</template>\n"],"names":["_renderSlot"],"mappings":";;;;;;;;;AAmBA,UAAM,QAAQ;AAId,kBAAc,MAAM,MAAM,SAAS;;aAIjCA,WAAQ,KAAA,QAAA,SAAA;AAAA;;;"}