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

package/dist/chunks/index-CEoYQiWL.js

@@ -1,130 +0,0 @@
-import { A as AbsolutePositionPreset, C as CssExtensions, R as RadiusToken, S as SizePreset } from "./CssExtensions-BzLJG57F.js";
-import { A as Align } from "./Align-DqFtCY3a.js";
-import { B as ButtonType, H as HtmlElement } from "./HtmlExtensions-jlKY5f9C.js";
-import { C as ColorExtensions, a as ColorTone, E as Environment, I as IS_DEV, b as IS_PRODUCTION, O as OptionalExtensions } from "./Environment-CuQav_mw.js";
-import { C as CornerPosition } from "./CornerPosition-FneGck5D.js";
-import { E as Equality } from "./Equality-DIQYQysz.js";
-import { K as Key } from "./KeyboardExtensions-CQlkK53D.js";
-import { O as Orientation } from "./Orientation-u-sYunuG.js";
-import { O as OverlayPosition } from "./OverlayPosition-BNybkMGG.js";
-import { P as Padding, R as Radius, S as Size, T as Tone } from "./StyleTokens-Bkz7Dm5L.js";
-import { P as PressExtensions } from "./PressExtensions-DXqhjlR2.js";
-import { P as ProgressTone } from "./ProgressTone-BpLPUptx.js";
-import { S as Severity } from "./Severity-D0C5oAt-.js";
-import { S as Side, c as composeEventHandlers } from "./Side-CSys3p-F.js";
-import { S as StatusTone } from "./StatusTone-BoPK1s09.js";
-import { S as SurfaceVariant, s as surfaceVariants } from "./SurfaceStyles-B6W7zdMi.js";
-import { a as ToneFamily, T as Tones } from "./Tones-WKBNZ_u2.js";
-import { T as TransitionExtensions } from "./TransitionExtensions-hFi80JX2.js";
-import { c as cn } from "./cn-CzDCF-Ah.js";
-import { c as compareStrings, a as createCollator } from "./Compare-Du6p-OX1.js";
-import { d as dataAttr } from "./dataAttr-7BR67dTj.js";
-import { tv } from "tailwind-variants";
-const Layer = {
-  /** Slips under the base layer; visually hidden. */
-  Hide: -1,
-  /** Sits in the default DOM flow with no z-index applied. */
-  Base: 0,
-  /** Slightly elevates over siblings — badges, sticky list items, in-grid overlays. */
-  Raised: 10,
-  /** Pins widgets inside a section — panels, inline overlays. */
-  Docked: 20,
-  /** Anchors a page-level sticky header or footer. */
-  Sticky: 30,
-  /** Hosts system banners — cookie notice, status banner, persistent FAB. */
-  Banner: 40,
-  /** Hosts dropdowns, popovers, comboboxes, menus, hover-cards anchored to a trigger. */
-  Dropdown: 50,
-  /** Dims the page behind a modal — backdrop / scrim layer. */
-  Overlay: 60,
-  /** Hosts modal / dialog / drawer / sheet content above its backdrop. */
-  Modal: 70,
-  /** Hosts popovers / menus opened FROM inside a modal — must beat Modal. */
-  Popover: 80,
-  /** Hosts toasts, snackbars, undo bars — survives above modals. */
-  Toast: 90,
-  /** Hosts tooltips and live-cursors — highest functional layer. */
-  Tooltip: 100,
-  /** Hosts DevTools / design-system inspector overlays — always wins. */
-  Debug: 9999
-};
-function layerStyle(layer) {
-  return { zIndex: Layer[layer] };
-}
-const ElementTag = {
-  /** Refers to a `<span>`. */
-  Span: "span",
-  /** Refers to a `<div>`. */
-  Div: "div",
-  /** Refers to a `<p>`. */
-  P: "p",
-  /** Refers to an `<h1>`. */
-  H1: "h1",
-  /** Refers to an `<h2>`. */
-  H2: "h2",
-  /** Refers to an `<h3>`. */
-  H3: "h3",
-  /** Refers to an `<h4>`. */
-  H4: "h4",
-  /** Refers to an `<h5>`. */
-  H5: "h5",
-  /** Refers to an `<h6>`. */
-  H6: "h6",
-  /** Refers to a `<section>`. */
-  Section: "section",
-  /** Refers to an `<article>`. */
-  Article: "article",
-  /** Refers to an `<li>`. */
-  Li: "li"
-};
-const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  AbsolutePositionPreset,
-  Align,
-  ButtonType,
-  ColorExtensions,
-  ColorTone,
-  CornerPosition,
-  CssExtensions,
-  ElementTag,
-  Environment,
-  Equality,
-  HtmlElement,
-  IS_DEV,
-  IS_PRODUCTION,
-  Key,
-  Layer,
-  OptionalExtensions,
-  Orientation,
-  OverlayPosition,
-  Padding,
-  PressExtensions,
-  ProgressTone,
-  Radius,
-  RadiusToken,
-  Severity,
-  Side,
-  Size,
-  SizePreset,
-  StatusTone,
-  SurfaceVariant,
-  Tone,
-  ToneFamily,
-  Tones,
-  TransitionExtensions,
-  cn,
-  compareStrings,
-  composeEventHandlers,
-  createCollator,
-  dataAttr,
-  layerStyle,
-  surfaceVariants,
-  tv
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  ElementTag as E,
-  Layer as L,
-  index as i,
-  layerStyle as l
-};
-//# sourceMappingURL=index-CEoYQiWL.js.map

package/dist/chunks/index-CEoYQiWL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-CEoYQiWL.js","sources":["../../src/foundation/utils/Layers/Layers.ts","../../src/foundation/utils/ElementTag/ElementTag.ts"],"sourcesContent":["/* Provides semantic z-index tiers — the single source of truth for stacking order. */\n\n/** Contains the semantic z-index tiers; matching `z-{name}` utilities ship via @theme. */\nexport const Layer = {\n  /** Slips under the base layer; visually hidden. */\n  Hide: -1,\n  /** Sits in the default DOM flow with no z-index applied. */\n  Base: 0,\n  /** Slightly elevates over siblings — badges, sticky list items, in-grid overlays. */\n  Raised: 10,\n  /** Pins widgets inside a section — panels, inline overlays. */\n  Docked: 20,\n  /** Anchors a page-level sticky header or footer. */\n  Sticky: 30,\n  /** Hosts system banners — cookie notice, status banner, persistent FAB. */\n  Banner: 40,\n  /** Hosts dropdowns, popovers, comboboxes, menus, hover-cards anchored to a trigger. */\n  Dropdown: 50,\n  /** Dims the page behind a modal — backdrop / scrim layer. */\n  Overlay: 60,\n  /** Hosts modal / dialog / drawer / sheet content above its backdrop. */\n  Modal: 70,\n  /** Hosts popovers / menus opened FROM inside a modal — must beat Modal. */\n  Popover: 80,\n  /** Hosts toasts, snackbars, undo bars — survives above modals. */\n  Toast: 90,\n  /** Hosts tooltips and live-cursors — highest functional layer. */\n  Tooltip: 100,\n  /** Hosts DevTools / design-system inspector overlays — always wins. */\n  Debug: 9999,\n} as const;\n\n/** Represents the name of a semantic z-index tier. */\nexport type LayerName = keyof typeof Layer;\n\n/** Provides an inline `style` object for programmatic z-index assignment. */\nexport function layerStyle(layer: LayerName): { zIndex: number } {\n  return { zIndex: Layer[layer] };\n}\n","/* Provides the shared polymorphic-element vocabulary for the `as` prop (countUp / typewriter / animatedNumber / tilt / gradientText / scrollReveal). */\n\n/** Defines the HTML tag a polymorphic component renders as. */\nexport const ElementTag = {\n  /** Refers to a `<span>`. */\n  Span: 'span',\n  /** Refers to a `<div>`. */\n  Div: 'div',\n  /** Refers to a `<p>`. */\n  P: 'p',\n  /** Refers to an `<h1>`. */\n  H1: 'h1',\n  /** Refers to an `<h2>`. */\n  H2: 'h2',\n  /** Refers to an `<h3>`. */\n  H3: 'h3',\n  /** Refers to an `<h4>`. */\n  H4: 'h4',\n  /** Refers to an `<h5>`. */\n  H5: 'h5',\n  /** Refers to an `<h6>`. */\n  H6: 'h6',\n  /** Refers to a `<section>`. */\n  Section: 'section',\n  /** Refers to an `<article>`. */\n  Article: 'article',\n  /** Refers to an `<li>`. */\n  Li: 'li',\n} as const;\n\nexport type ElementTag = (typeof ElementTag)[keyof typeof ElementTag];\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAGO,MAAM,QAAQ;AAAA;AAAA,EAEnB,MAAM;AAAA;AAAA,EAEN,MAAM;AAAA;AAAA,EAEN,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA;AAAA,EAER,UAAU;AAAA;AAAA,EAEV,SAAS;AAAA;AAAA,EAET,OAAO;AAAA;AAAA,EAEP,SAAS;AAAA;AAAA,EAET,OAAO;AAAA;AAAA,EAEP,SAAS;AAAA;AAAA,EAET,OAAO;AACT;AAMO,SAAS,WAAW,OAAsC;AAC/D,SAAO,EAAE,QAAQ,MAAM,KAAK,EAAA;AAC9B;ACnCO,MAAM,aAAa;AAAA;AAAA,EAExB,MAAM;AAAA;AAAA,EAEN,KAAK;AAAA;AAAA,EAEL,GAAG;AAAA;AAAA,EAEH,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,IAAI;AAAA;AAAA,EAEJ,SAAS;AAAA;AAAA,EAET,SAAS;AAAA;AAAA,EAET,IAAI;AACN;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/index-CzKEU1kI.js

@@ -1,11 +0,0 @@
-import { _ as _sfc_main } from "./Icon.vue_vue_type_script_setup_true_lang-DgwdLCRR.js";
-import { _ as _sfc_main$1 } from "./Spinner.vue_vue_type_script_setup_true_lang-BAepBy2n.js";
-const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Icon: _sfc_main,
-  Spinner: _sfc_main$1
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  index as i
-};
-//# sourceMappingURL=index-CzKEU1kI.js.map

package/dist/chunks/index-CzKEU1kI.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-CzKEU1kI.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/chunks/index-op-kbVUk.js

@@ -1,234 +0,0 @@
-import { _ as _sfc_main$4 } from "./AnchoredPositioner.vue_vue_type_script_setup_true_lang-BpBVI2Cu.js";
-import { _ as _sfc_main$5, P as Politeness } from "./Announce.vue_vue_type_script_setup_true_lang-CDTltiIl.js";
-import { defineComponent, useAttrs, computed, openBlock, createElementBlock, mergeProps, renderSlot, cloneVNode, h, Fragment, shallowRef, provide, inject, useTemplateRef, watchEffect } from "vue";
-import { C as ColorMode, s as systemMode, a as ColorModeKey, u as useColorMode } from "./ColorModeContext-Bz6CBL0V.js";
-import { p as provideDirection, D as Direction, a as DirectionKey, O as Orientation, _ as _sfc_main$b, R as RovingFocusKey, u as useDirection, b as useRovingFocusItem } from "./RovingFocusGroup.vue_vue_type_script_setup_true_lang-DCpYSP2V.js";
-import { a as _sfc_main$6, _ as _sfc_main$7 } from "./DismissableLayer.vue_vue_type_script_setup_true_lang-ptH1ttBL.js";
-import { _ as _sfc_main$8 } from "./FormControlProvider.vue_vue_type_script_setup_true_lang-Fak7Jv46.js";
-import { _ as _sfc_main$9 } from "./OverlayArrow.vue_vue_type_script_setup_true_lang-CLYhnI8i.js";
-import { _ as _sfc_main$a } from "./Portal.vue_vue_type_script_setup_true_lang-CF3R0VCZ.js";
-import { _ as _sfc_main$c } from "./ScrollLockProvider.vue_vue_type_script_setup_true_lang-_ihHJ7jI.js";
-import { u as useReducedMotion } from "./useReducedMotion-B9LqQ3UT.js";
-import { c as cn } from "./cn-CzDCF-Ah.js";
-import { r as renderableChildren, S as Slottable, m as mergeProps$1, a as renderSlotClone } from "./Slot-D2lIitvV.js";
-import { F as FormControlKey, u as useFormControl, a as useFormControlChrome } from "./FormControlContext-B71MFW26.js";
-import { P as Presence } from "./Presence-DE4MlrJz.js";
-import { P as Primitive } from "./Primitive-Cm3ECaVw.js";
-const _sfc_main$3 = /* @__PURE__ */ defineComponent({
-  ...{ name: "VisuallyHidden", inheritAttrs: false },
-  __name: "VisuallyHidden",
-  setup(__props) {
-    const attrs = useAttrs();
-    const classes = computed(
-      () => cn(
-        "absolute h-px w-px overflow-hidden whitespace-nowrap border-0 p-0",
-        "m-[-1px] [clip:rect(0_0_0_0)] [clip-path:inset(50%)]",
-        attrs.class
-      )
-    );
-    const rest = computed(() => {
-      const { class: _class, ...others } = attrs;
-      return others;
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("span", mergeProps(rest.value, { class: classes.value }), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16);
-    };
-  }
-});
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  ...{ name: "DirectionProvider" },
-  __name: "DirectionProvider",
-  props: {
-    dir: {}
-  },
-  setup(__props) {
-    const props = __props;
-    provideDirection(() => props.dir);
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default");
-    };
-  }
-});
-const AccessibleIcon = defineComponent({
-  name: "AccessibleIcon",
-  props: {
-    label: { type: String, required: true }
-  },
-  setup(props, { slots }) {
-    return () => {
-      const children = renderableChildren(slots.default?.());
-      const target = children[0];
-      const icon = target ? cloneVNode(target, { "aria-hidden": "true", focusable: "false" }) : children;
-      return h(Fragment, [icon, h(_sfc_main$3, null, { default: () => props.label })]);
-    };
-  }
-});
-function createCollection() {
-  const injectionKey = Symbol("wow-two.collection");
-  const Provider = defineComponent({
-    name: "CollectionProvider",
-    setup(_props, { slots }) {
-      const items = shallowRef([]);
-      const register = (item) => {
-        if (!items.value.includes(item)) items.value = [...items.value, item];
-      };
-      const unregister = (item) => {
-        items.value = items.value.filter((existing) => existing !== item);
-      };
-      const context = {
-        get items() {
-          return items.value;
-        },
-        register,
-        unregister
-      };
-      provide(injectionKey, context);
-      return () => slots.default?.() ?? null;
-    }
-  });
-  function useCollection() {
-    const context = inject(injectionKey, null);
-    if (!context) {
-      throw new Error("useCollection must be used inside its Provider");
-    }
-    return context;
-  }
-  return { Provider, useCollection, injectionKey };
-}
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  ...{ name: "ScrollViewport", inheritAttrs: false },
-  __name: "ScrollViewport",
-  props: {
-    height: {},
-    maxHeight: {},
-    animate: { type: Boolean, default: false }
-  },
-  setup(__props, { expose: __expose }) {
-    const props = __props;
-    const attrs = useAttrs();
-    const el = useTemplateRef("el");
-    const reducedMotion = useReducedMotion();
-    const transitionsOn = computed(() => props.animate && !reducedMotion.value);
-    const sizeStyle = computed(() => ({
-      height: props.height,
-      maxHeight: props.maxHeight,
-      // `stable` reserves the gutter on the block-end/inline-end edge so a
-      // toggling vertical scrollbar never reflows the content width.
-      scrollbarGutter: "stable",
-      ...attrs.style
-    }));
-    const classes = computed(
-      () => cn(
-        "overflow-y-auto overflow-x-hidden",
-        transitionsOn.value && "transition-[height,opacity] duration-200 ease-out",
-        attrs.class
-      )
-    );
-    const rest = computed(() => {
-      const { class: _class, style: _style, ...others } = attrs;
-      return others;
-    });
-    __expose({ el });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", mergeProps({
-        ref_key: "el",
-        ref: el
-      }, rest.value, {
-        class: classes.value,
-        style: sizeStyle.value
-      }), [
-        renderSlot(_ctx.$slots, "default")
-      ], 16);
-    };
-  }
-});
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{ name: "ColorModeProvider" },
-  __name: "ColorModeProvider",
-  props: {
-    defaultMode: { default: "system" },
-    storageKey: { default: "wow-color-mode" }
-  },
-  setup(__props) {
-    const props = __props;
-    const mode = shallowRef(
-      (() => {
-        if (typeof window === "undefined") return ColorMode.Light;
-        const stored = props.storageKey ? localStorage.getItem(props.storageKey) : null;
-        if (stored === ColorMode.Light || stored === ColorMode.Dark) return stored;
-        return props.defaultMode === "system" ? systemMode() : props.defaultMode;
-      })()
-    );
-    watchEffect(() => {
-      if (typeof document === "undefined") return;
-      const root = document.documentElement;
-      root.classList.toggle("dark", mode.value === ColorMode.Dark);
-      root.style.colorScheme = mode.value;
-    });
-    function setMode(next) {
-      mode.value = next;
-      if (props.storageKey) localStorage.setItem(props.storageKey, next);
-    }
-    const context = {
-      get mode() {
-        return mode.value;
-      },
-      setMode,
-      toggle: () => setMode(mode.value === ColorMode.Dark ? ColorMode.Light : ColorMode.Dark)
-    };
-    provide(ColorModeKey, context);
-    return (_ctx, _cache) => {
-      return renderSlot(_ctx.$slots, "default");
-    };
-  }
-});
-const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  AccessibleIcon,
-  AnchoredPositioner: _sfc_main$4,
-  Announce: _sfc_main$5,
-  ColorMode,
-  ColorModeKey,
-  ColorModeProvider: _sfc_main,
-  Direction,
-  DirectionKey,
-  DirectionProvider: _sfc_main$2,
-  DismissableLayer: _sfc_main$6,
-  FocusScope: _sfc_main$7,
-  FormControlKey,
-  FormControlProvider: _sfc_main$8,
-  Orientation,
-  OverlayArrow: _sfc_main$9,
-  Politeness,
-  Portal: _sfc_main$a,
-  Presence,
-  Primitive,
-  RovingFocusGroup: _sfc_main$b,
-  RovingFocusKey,
-  ScrollLockProvider: _sfc_main$c,
-  ScrollViewport: _sfc_main$1,
-  Slottable,
-  VisuallyHidden: _sfc_main$3,
-  createCollection,
-  mergeProps: mergeProps$1,
-  provideDirection,
-  renderSlotClone,
-  renderableChildren,
-  useColorMode,
-  useDirection,
-  useFormControl,
-  useFormControlChrome,
-  useRovingFocusItem
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  AccessibleIcon as A,
-  _sfc_main as _,
-  _sfc_main$2 as a,
-  _sfc_main$1 as b,
-  _sfc_main$3 as c,
-  createCollection as d,
-  index as i
-};
-//# sourceMappingURL=index-op-kbVUk.js.map

package/dist/chunks/index-op-kbVUk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index-op-kbVUk.js","sources":["../../src/foundation/primitives/visuallyHidden/VisuallyHidden.vue","../../src/foundation/primitives/directionProvider/DirectionProvider.vue","../../src/foundation/primitives/accessibleIcon/AccessibleIcon.ts","../../src/foundation/primitives/collection/Collection.ts","../../src/foundation/primitives/scrollViewport/ScrollViewport.vue","../../src/foundation/primitives/colorModeProvider/ColorModeProvider.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { HTMLAttributes } from 'vue';\n\nexport type VisuallyHiddenProps = HTMLAttributes;\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport { cn } from '../../utils/cn';\n\n/**\n * Visually hidden span — content removed from the visual layout but still\n * announced to screen readers. Use for accessible labels on icon-only\n * affordances and live-region announcements.\n *\n * `inheritAttrs: false` so a caller's `class` goes through `cn` (tailwind-merge\n * resolves the conflict) instead of being blindly concatenated by Vue's\n * automatic class fallthrough — a caller's `p-2` must be able to beat `p-0`.\n */\ndefineOptions({ name: 'VisuallyHidden', inheritAttrs: false });\n\nconst attrs = useAttrs();\n\nconst classes = computed(() =>\n  cn(\n    'absolute h-px w-px overflow-hidden whitespace-nowrap border-0 p-0',\n    'm-[-1px] [clip:rect(0_0_0_0)] [clip-path:inset(50%)]',\n    attrs.class as string | undefined,\n  ),\n);\n\n/** Everything but `class`, which is re-applied through `cn` above. */\nconst rest = computed(() => {\n  const { class: _class, ...others } = attrs;\n  return others;\n});\n</script>\n\n<template>\n  <span v-bind=\"rest\" :class=\"classes\"><slot /></span>\n</template>\n","<script lang=\"ts\">\nimport type { Direction } from './DirectionContext';\n\nexport interface DirectionProviderProps {\n  dir: Direction;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { provideDirection } from './DirectionContext';\n\n/**\n * Provide reading direction to descendants. Components that mirror in RTL\n * (Tabs arrow keys, Slider, Carousel, etc.) read this via `useDirection()`.\n *\n * Renders no element of its own — the slot passes straight through.\n */\ndefineOptions({ name: 'DirectionProvider' });\n\nconst props = defineProps<DirectionProviderProps>();\n\nprovideDirection(() => props.dir);\n</script>\n\n<template>\n  <slot />\n</template>\n","import { Fragment, cloneVNode, defineComponent, h } from 'vue';\nimport { renderableChildren } from '../slot/Slot';\nimport VisuallyHidden from '../visuallyHidden/VisuallyHidden.vue';\n\nexport interface AccessibleIconProps {\n  /** The accessible label for the icon. */\n  label: string;\n}\n\n/**\n * Wrap an icon-only element with an accessible label. The icon is hidden\n * from assistive tech and a `VisuallyHidden` sibling provides the label.\n *\n * A render function rather than an SFC: the `aria-hidden` / `focusable` pair\n * has to land on the *consumer's* icon vnode, and only a render function can\n * rebuild someone else's vnode. `cloneVNode`'s prop merge is safe here — these\n * two attributes collide with neither class, style, nor a handler.\n */\nexport const AccessibleIcon = defineComponent({\n  name: 'AccessibleIcon',\n  props: {\n    label: { type: String, required: true },\n  },\n  setup(props, { slots }) {\n    return () => {\n      const children = renderableChildren(slots.default?.());\n      const target = children[0];\n      const icon = target\n        ? cloneVNode(target, { 'aria-hidden': 'true', focusable: 'false' })\n        : children;\n      return h(Fragment, [icon, h(VisuallyHidden, null, { default: () => props.label })]);\n    };\n  },\n});\n","import {\n  defineComponent,\n  inject,\n  provide,\n  shallowRef,\n  type Component,\n  type InjectionKey,\n} from 'vue';\n\nexport interface CollectionContextValue<T> {\n  /** The registered items, in registration order. A live getter — read it, never destructure it. */\n  readonly items: ReadonlyArray<T>;\n  register: (item: T) => void;\n  unregister: (item: T) => void;\n}\n\n/**\n * Factory for a typed children-registry context. Compound components\n * (Menu, Tabs, Listbox) use this so the parent can iterate ordered children\n * without prop-drilling.\n *\n * The registration model is unchanged from React — items call `register()` on\n * mount and `unregister()` on unmount. That already matched what Vue needs:\n * slots are functions, so there is no children array to walk.\n *\n * `Context` becomes `injectionKey` — Vue's `provide`/`inject` are keyed by\n * symbol rather than by a context object.\n */\nexport function createCollection<T>(): {\n  Provider: Component;\n  useCollection: () => CollectionContextValue<T>;\n  injectionKey: InjectionKey<CollectionContextValue<T>>;\n} {\n  const injectionKey: InjectionKey<CollectionContextValue<T>> = Symbol('wow-two.collection');\n\n  const Provider = defineComponent({\n    name: 'CollectionProvider',\n    setup(_props, { slots }) {\n      const items = shallowRef<ReadonlyArray<T>>([]);\n\n      // Replaced wholesale rather than mutated: a `shallowRef` only notifies on\n      // identity change, which is also what kept React's `useState` updates cheap.\n      const register = (item: T): void => {\n        if (!items.value.includes(item)) items.value = [...items.value, item];\n      };\n      const unregister = (item: T): void => {\n        items.value = items.value.filter((existing) => existing !== item);\n      };\n\n      // A getter rather than `reactive()` — it keeps `T` intact (reactive would\n      // deep-unwrap it) while still tracking as a dependency on read.\n      const context: CollectionContextValue<T> = {\n        get items() {\n          return items.value;\n        },\n        register,\n        unregister,\n      };\n      provide(injectionKey, context);\n\n      return () => slots.default?.() ?? null;\n    },\n  });\n\n  function useCollection(): CollectionContextValue<T> {\n    const context = inject(injectionKey, null);\n    if (!context) {\n      throw new Error('useCollection must be used inside its Provider');\n    }\n    return context;\n  }\n\n  return { Provider, useCollection, injectionKey };\n}\n","<script lang=\"ts\">\nimport type { HTMLAttributes } from 'vue';\n\nexport interface ScrollViewportProps extends /* @vue-ignore */ HTMLAttributes {\n  /**\n   * The fixed viewport height. Number → pixels; string → any CSS length\n   * (`'20rem'`, `'50vh'`). Content beyond this scrolls; the box does not grow.\n   * Omit to let the container size to its context (still clips + scrolls via `maxHeight`).\n   */\n  height?: number | string;\n\n  /**\n   * The height ceiling — grows with content up to this cap without pinning it,\n   * then scrolls. Number → pixels; string → any CSS length.\n   */\n  maxHeight?: number | string;\n\n  /**\n   * The height/opacity transition flag (a content swap, an expand). Respects\n   * `prefers-reduced-motion` — the transition is dropped when the user opts out.\n   * @default false\n   */\n  animate?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs, useTemplateRef, type CSSProperties } from 'vue';\nimport { cn } from '../../utils/cn';\nimport { useReducedMotion } from '../../hooks/useReducedMotion';\n\n/**\n * Headless fixed-height scroll container. A drop-in for inline\n * `h-[…] overflow-y-auto` viewport styling with two stability guarantees:\n *\n * - `scrollbar-gutter: stable` — reserves the scrollbar's track so content\n *   doesn't shift horizontally when the bar appears/disappears (an overflow-y\n *   toggle that would otherwise reflow the row).\n * - optional height/opacity transition (`animate`) that short-circuits under\n *   `prefers-reduced-motion`, so motion-sensitive users get an instant swap.\n *\n * No visual styling beyond layout — border/padding/rounding stay with the\n * consumer. The scrollable node is exposed as `el` so callers can drive\n * `scrollTop` (scroll-to-top on filter, virtualization measurements, etc.) —\n * the Vue stand-in for the original's `forwardRef`.\n */\ndefineOptions({ name: 'ScrollViewport', inheritAttrs: false });\n\nconst props = withDefaults(\n  defineProps<{\n    height?: number | string;\n    maxHeight?: number | string;\n    animate?: boolean;\n  }>(),\n  { animate: false },\n);\n\nconst attrs = useAttrs();\nconst el = useTemplateRef<HTMLDivElement>('el');\nconst reducedMotion = useReducedMotion();\n\nconst transitionsOn = computed(() => props.animate && !reducedMotion.value);\n\nconst sizeStyle = computed<CSSProperties>(() => ({\n  height: props.height,\n  maxHeight: props.maxHeight,\n  // `stable` reserves the gutter on the block-end/inline-end edge so a\n  // toggling vertical scrollbar never reflows the content width.\n  scrollbarGutter: 'stable',\n  ...(attrs.style as CSSProperties | undefined),\n}));\n\nconst classes = computed(() =>\n  cn(\n    'overflow-y-auto overflow-x-hidden',\n    transitionsOn.value && 'transition-[height,opacity] duration-200 ease-out',\n    attrs.class as string | undefined,\n  ),\n);\n\nconst rest = computed(() => {\n  const { class: _class, style: _style, ...others } = attrs;\n  return others;\n});\n\ndefineExpose({ el });\n</script>\n\n<template>\n  <div ref=\"el\" v-bind=\"rest\" :class=\"classes\" :style=\"sizeStyle\"><slot /></div>\n</template>\n","<script lang=\"ts\">\n// `ColorMode` 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 ColorModeProviderProps {\n  /** The mode used when nothing is persisted. `'system'` follows the OS preference. Default `'system'`. */\n  defaultMode?: ColorMode | 'system';\n\n  /** The `localStorage` key for persistence; pass `null` to disable. Default `'wow-color-mode'`. */\n  storageKey?: string | null;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { provide, shallowRef, watchEffect } from 'vue';\nimport { ColorMode, ColorModeKey, systemMode, type ColorModeContextValue } from './ColorModeContext';\n\n/**\n * Owns the app's light/dark mode: toggles the `dark` class on `<html>` (which flips every semantic\n * token) + sets `color-scheme`, persists the choice, and falls back to the OS preference. Wrap the\n * app once; read via `useColorMode()`. This is the canonical `.dark` mechanism for the design tokens.\n */\ndefineOptions({ name: 'ColorModeProvider' });\n\nconst props = withDefaults(defineProps<ColorModeProviderProps>(), {\n  defaultMode: 'system',\n  storageKey: 'wow-color-mode',\n});\n\n/** Resolved once at setup, the same way React resolved it in the `useState` initializer. */\nconst mode = shallowRef<ColorMode>(\n  (() => {\n    if (typeof window === 'undefined') return ColorMode.Light;\n    const stored = props.storageKey\n      ? (localStorage.getItem(props.storageKey) as ColorMode | null)\n      : null;\n    if (stored === ColorMode.Light || stored === ColorMode.Dark) return stored;\n    return props.defaultMode === 'system' ? systemMode() : props.defaultMode;\n  })(),\n);\n\nwatchEffect(() => {\n  if (typeof document === 'undefined') return;\n  const root = document.documentElement;\n  root.classList.toggle('dark', mode.value === ColorMode.Dark);\n  root.style.colorScheme = mode.value;\n});\n\nfunction setMode(next: ColorMode): void {\n  mode.value = next;\n  if (props.storageKey) localStorage.setItem(props.storageKey, next);\n}\n\n// A getter, so consumers read `ctx.mode` as a plain value exactly like the\n// React context object — and tracking still happens on access.\nconst context: ColorModeContextValue = {\n  get mode() {\n    return mode.value;\n  },\n  setMode,\n  toggle: () => setMode(mode.value === ColorMode.Dark ? ColorMode.Light : ColorMode.Dark),\n};\n\nprovide(ColorModeKey, context);\n</script>\n\n<template>\n  <slot />\n</template>\n"],"names":["_openBlock","_createElementBlock","_mergeProps","_renderSlot","VisuallyHidden"],"mappings":"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"}

package/dist/chunks/useClipboard-BVRwXC--.js

@@ -1,37 +0,0 @@
-import { shallowRef, onScopeDispose, toValue } from "vue";
-function useClipboard({ resetAfter = 2e3 } = {}) {
-  const copied = shallowRef(false);
-  const error = shallowRef(null);
-  let timeout = null;
-  const reset = () => {
-    if (timeout) clearTimeout(timeout);
-    timeout = null;
-    copied.value = false;
-    error.value = null;
-  };
-  const copy = async (text) => {
-    try {
-      await navigator.clipboard.writeText(text);
-      error.value = null;
-      copied.value = true;
-      const resetWindow = toValue(resetAfter);
-      if (resetWindow > 0) {
-        if (timeout) clearTimeout(timeout);
-        timeout = setTimeout(() => {
-          copied.value = false;
-        }, resetWindow);
-      }
-    } catch (err) {
-      copied.value = false;
-      error.value = err instanceof Error ? err : new Error(String(err));
-    }
-  };
-  onScopeDispose(() => {
-    if (timeout) clearTimeout(timeout);
-  });
-  return { copied, error, copy, reset };
-}
-export {
-  useClipboard as u
-};
-//# sourceMappingURL=useClipboard-BVRwXC--.js.map

package/dist/chunks/useClipboard-BVRwXC--.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useClipboard-BVRwXC--.js","sources":["../../src/foundation/hooks/useClipboard/useClipboard.ts"],"sourcesContent":["import { onScopeDispose, shallowRef, toValue, type MaybeRefOrGetter, type ShallowRef } from 'vue';\n\nexport interface UseClipboardOptions {\n  /** Reset `copied` back to false after this many ms. Default 2000. Set 0 to keep state until explicitly reset. */\n  resetAfter?: MaybeRefOrGetter<number>;\n}\n\nexport interface ClipboardControls {\n  /** True for `resetAfter` ms after a successful copy. */\n  copied: Readonly<ShallowRef<boolean>>;\n\n  /** Last error from `navigator.clipboard.writeText`, if any. */\n  error: Readonly<ShallowRef<Error | null>>;\n\n  /** Write `text` to the system clipboard. Returns the promise. */\n  copy: (text: string) => Promise<void>;\n\n  /** Force-clear the `copied` flag. */\n  reset: () => void;\n}\n\n/**\n * Wraps `navigator.clipboard.writeText` with a transient `copied` flag for\n * post-action UI (icon swap, \"Copied!\" tooltip). Pass `resetAfter: 0` to\n * keep `copied` true until you call `reset()`.\n *\n * `resetAfter` may be a ref or getter; it is read at copy time, so a window\n * changed between copies takes effect on the next one.\n */\nexport function useClipboard({ resetAfter = 2000 }: UseClipboardOptions = {}): ClipboardControls {\n  const copied = shallowRef(false);\n  const error = shallowRef<Error | null>(null);\n  let timeout: ReturnType<typeof setTimeout> | null = null;\n\n  const reset = (): void => {\n    if (timeout) clearTimeout(timeout);\n    timeout = null;\n    copied.value = false;\n    error.value = null;\n  };\n\n  const copy = async (text: string): Promise<void> => {\n    try {\n      await navigator.clipboard.writeText(text);\n      error.value = null;\n      copied.value = true;\n      const resetWindow = toValue(resetAfter);\n      if (resetWindow > 0) {\n        if (timeout) clearTimeout(timeout);\n        timeout = setTimeout(() => {\n          copied.value = false;\n        }, resetWindow);\n      }\n    } catch (err) {\n      copied.value = false;\n      error.value = err instanceof Error ? err : new Error(String(err));\n    }\n  };\n\n  onScopeDispose(() => {\n    if (timeout) clearTimeout(timeout);\n  });\n\n  return { copied, error, copy, reset };\n}\n"],"names":[],"mappings":";AA6BO,SAAS,aAAa,EAAE,aAAa,IAAA,IAA8B,CAAA,GAAuB;AAC/F,QAAM,SAAS,WAAW,KAAK;AAC/B,QAAM,QAAQ,WAAyB,IAAI;AAC3C,MAAI,UAAgD;AAEpD,QAAM,QAAQ,MAAY;AACxB,QAAI,sBAAsB,OAAO;AACjC,cAAU;AACV,WAAO,QAAQ;AACf,UAAM,QAAQ;AAAA,EAChB;AAEA,QAAM,OAAO,OAAO,SAAgC;AAClD,QAAI;AACF,YAAM,UAAU,UAAU,UAAU,IAAI;AACxC,YAAM,QAAQ;AACd,aAAO,QAAQ;AACf,YAAM,cAAc,QAAQ,UAAU;AACtC,UAAI,cAAc,GAAG;AACnB,YAAI,sBAAsB,OAAO;AACjC,kBAAU,WAAW,MAAM;AACzB,iBAAO,QAAQ;AAAA,QACjB,GAAG,WAAW;AAAA,MAChB;AAAA,IACF,SAAS,KAAK;AACZ,aAAO,QAAQ;AACf,YAAM,QAAQ,eAAe,QAAQ,MAAM,IAAI,MAAM,OAAO,GAAG,CAAC;AAAA,IAClE;AAAA,EACF;AAEA,iBAAe,MAAM;AACnB,QAAI,sBAAsB,OAAO;AAAA,EACnC,CAAC;AAED,SAAO,EAAE,QAAQ,OAAO,MAAM,MAAA;AAChC;"}

package/dist/chunks/useControlled-B6M4kTLn.js

@@ -1,24 +0,0 @@
-import { shallowRef, toValue, computed } from "vue";
-function useControlled({
-  controlled,
-  default: defaultValue,
-  onChange
-}) {
-  const uncontrolled = shallowRef(toValue(defaultValue));
-  const setValue = (next) => {
-    if (toValue(controlled) === void 0) uncontrolled.value = next;
-    onChange?.(next);
-  };
-  const value = computed({
-    get: () => {
-      const external = toValue(controlled);
-      return external === void 0 ? uncontrolled.value : external;
-    },
-    set: setValue
-  });
-  return { value, setValue };
-}
-export {
-  useControlled as u
-};
-//# sourceMappingURL=useControlled-B6M4kTLn.js.map

package/dist/chunks/useControlled-B6M4kTLn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useControlled-B6M4kTLn.js","sources":["../../src/foundation/hooks/useControlled/useControlled.ts"],"sourcesContent":["import {\n  computed,\n  shallowRef,\n  toValue,\n  type MaybeRefOrGetter,\n  type ShallowRef,\n  type WritableComputedRef,\n} from 'vue';\n\ninterface UseControlledOptions<T> {\n  controlled: MaybeRefOrGetter<T | undefined>;\n  default: MaybeRefOrGetter<T>;\n  onChange?: (value: T) => void;\n}\n\n/** The controlled/uncontrolled handle — a writable value plus the explicit setter it delegates to. */\nexport interface ControlledValue<T> {\n  /**\n   * The resolved value. Writable: `value.value = next` runs the same path as `setValue(next)`,\n   * so it drops straight into `v-model`. A writable computed rather than a plain ref because the\n   * controlled branch must never keep its own copy of the value.\n   */\n  readonly value: WritableComputedRef<T>;\n\n  /** Sets the next value — updates internal state when uncontrolled, and always fires `onChange`. */\n  readonly setValue: (value: T) => void;\n}\n\n/**\n * Standard controlled/uncontrolled pattern.\n *\n * - If `controlled` resolves to a defined value, the component is controlled — internal state is\n *   ignored, `setValue` only fires `onChange`.\n * - Otherwise the component owns its state, `setValue` updates it, and `onChange`\n *   still fires for consumers that want to observe changes.\n *\n * Pass `controlled` as a getter (`() => props.value`) so the controlled branch tracks the prop.\n * `default` is read once, at setup — it seeds the uncontrolled state, exactly as the original's\n * `useState(defaultValue)` did.\n */\nexport function useControlled<T>({\n  controlled,\n  default: defaultValue,\n  onChange,\n}: UseControlledOptions<T>): ControlledValue<T> {\n  // Cast: `shallowRef`'s return type is a conditional over an unresolved `T`, which leaves\n  // `.value` unassignable until `T` is known. The cast pins it to the shape it always has here.\n  const uncontrolled = shallowRef(toValue(defaultValue)) as ShallowRef<T>;\n\n  const setValue = (next: T): void => {\n    if (toValue(controlled) === undefined) uncontrolled.value = next;\n    onChange?.(next);\n  };\n\n  const value = computed<T>({\n    get: () => {\n      const external = toValue(controlled);\n      return external === undefined ? uncontrolled.value : external;\n    },\n    set: setValue,\n  });\n\n  return { value, setValue };\n}\n"],"names":[],"mappings":";AAwCO,SAAS,cAAiB;AAAA,EAC/B;AAAA,EACA,SAAS;AAAA,EACT;AACF,GAAgD;AAG9C,QAAM,eAAe,WAAW,QAAQ,YAAY,CAAC;AAErD,QAAM,WAAW,CAAC,SAAkB;AAClC,QAAI,QAAQ,UAAU,MAAM,qBAAwB,QAAQ;AAC5D,eAAW,IAAI;AAAA,EACjB;AAEA,QAAM,QAAQ,SAAY;AAAA,IACxB,KAAK,MAAM;AACT,YAAM,WAAW,QAAQ,UAAU;AACnC,aAAO,aAAa,SAAY,aAAa,QAAQ;AAAA,IACvD;AAAA,IACA,KAAK;AAAA,EAAA,CACN;AAED,SAAO,EAAE,OAAO,SAAA;AAClB;"}

package/dist/chunks/useDebounceHandler-BIZgvvGp.js

@@ -1,20 +0,0 @@
-import { toValue } from "vue";
-function useDebounceHandler(handler, ms) {
-  let lastTime = 0;
-  return (event) => {
-    const interval = toValue(ms);
-    if (interval !== void 0) {
-      const now = Date.now();
-      if (now - lastTime < interval) {
-        event.preventDefault();
-        return;
-      }
-      lastTime = now;
-    }
-    handler?.(event);
-  };
-}
-export {
-  useDebounceHandler as u
-};
-//# sourceMappingURL=useDebounceHandler-BIZgvvGp.js.map

package/dist/chunks/useDebounceHandler-BIZgvvGp.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useDebounceHandler-BIZgvvGp.js","sources":["../../src/foundation/hooks/useDebounceHandler/useDebounceHandler.ts"],"sourcesContent":["import { toValue, type MaybeRefOrGetter } from 'vue';\n\n/**\n * Throttle a DOM event handler. First call in a `ms` window fires; subsequent\n * within the window are swallowed via `event.preventDefault()`. When `ms` is\n * `undefined`, the handler passes through unchanged. Use to prevent rapid-fire\n * gestures (double-clicks, double-submits, repeated touches) without wiring\n * timer state in the consumer.\n *\n * Functionally a *throttle* (first wins). The `Debounce` naming is kept for\n * vocabulary consistency with the `debounceMs` props on consuming components.\n *\n * `ms` may be a ref or getter and is read per event. `handler` is captured at\n * setup (a function argument cannot double as a getter) — wrap it when the\n * callee must stay live: `useDebounceHandler((e) => props.onClick?.(e), ms)`.\n */\nexport function useDebounceHandler<E extends Event = Event>(\n  handler: ((event: E) => void) | undefined,\n  ms: MaybeRefOrGetter<number | undefined>,\n): (event: E) => void {\n  let lastTime = 0;\n  return (event: E): void => {\n    const interval = toValue(ms);\n    if (interval !== undefined) {\n      const now = Date.now();\n      if (now - lastTime < interval) {\n        event.preventDefault();\n        return;\n      }\n      lastTime = now;\n    }\n    handler?.(event);\n  };\n}\n"],"names":[],"mappings":";AAgBO,SAAS,mBACd,SACA,IACoB;AACpB,MAAI,WAAW;AACf,SAAO,CAAC,UAAmB;AACzB,UAAM,WAAW,QAAQ,EAAE;AAC3B,QAAI,aAAa,QAAW;AAC1B,YAAM,MAAM,KAAK,IAAA;AACjB,UAAI,MAAM,WAAW,UAAU;AAC7B,cAAM,eAAA;AACN;AAAA,MACF;AACA,iBAAW;AAAA,IACb;AACA,cAAU,KAAK;AAAA,EACjB;AACF;"}

package/dist/chunks/useEscape-CYPdpm_l.js

@@ -1,15 +0,0 @@
-import { watchPostEffect, toValue } from "vue";
-function useEscape(handler, enabled = true) {
-  watchPostEffect((onCleanup) => {
-    if (!toValue(enabled) || typeof document === "undefined") return;
-    const onKeyDown = (e) => {
-      if (e.key === "Escape") handler(e);
-    };
-    document.addEventListener("keydown", onKeyDown);
-    onCleanup(() => document.removeEventListener("keydown", onKeyDown));
-  });
-}
-export {
-  useEscape as u
-};
-//# sourceMappingURL=useEscape-CYPdpm_l.js.map

package/dist/chunks/useEscape-CYPdpm_l.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEscape-CYPdpm_l.js","sources":["../../src/foundation/hooks/useEscape/useEscape.ts"],"sourcesContent":["import { toValue, watchPostEffect, type MaybeRefOrGetter } from 'vue';\n\n/**\n * Fire `handler` when the Escape key is pressed at the document level.\n * For nested overlays, the topmost should call `event.stopPropagation()` in\n * its handler — `DismissableLayer` handles this stack-style.\n *\n * `enabled` may be a ref or a getter (`() => props.isOpen`); the listener\n * detaches and re-attaches as it flips.\n */\nexport function useEscape(\n  handler: (event: KeyboardEvent) => void,\n  enabled: MaybeRefOrGetter<boolean> = true,\n): void {\n  watchPostEffect((onCleanup) => {\n    if (!toValue(enabled) || typeof document === 'undefined') return;\n    const onKeyDown = (e: KeyboardEvent): void => {\n      if (e.key === 'Escape') handler(e);\n    };\n    document.addEventListener('keydown', onKeyDown);\n    onCleanup(() => document.removeEventListener('keydown', onKeyDown));\n  });\n}\n"],"names":[],"mappings":";AAUO,SAAS,UACd,SACA,UAAqC,MAC/B;AACN,kBAAgB,CAAC,cAAc;AAC7B,QAAI,CAAC,QAAQ,OAAO,KAAK,OAAO,aAAa,YAAa;AAC1D,UAAM,YAAY,CAAC,MAA2B;AAC5C,UAAI,EAAE,QAAQ,SAAU,SAAQ,CAAC;AAAA,IACnC;AACA,aAAS,iBAAiB,WAAW,SAAS;AAC9C,cAAU,MAAM,SAAS,oBAAoB,WAAW,SAAS,CAAC;AAAA,EACpE,CAAC;AACH;"}

package/dist/chunks/useEventListener-gohT6zGs.js

@@ -1,16 +0,0 @@
-import { watchPostEffect, toValue } from "vue";
-function useEventListener(event, handler, target = () => typeof document === "undefined" ? null : document, options) {
-  watchPostEffect((onCleanup) => {
-    const element = toValue(target);
-    if (!element) return;
-    const listenerOptions = toValue(options);
-    const type = toValue(event);
-    const listener = (e) => handler(e);
-    element.addEventListener(type, listener, listenerOptions);
-    onCleanup(() => element.removeEventListener(type, listener, listenerOptions));
-  });
-}
-export {
-  useEventListener as u
-};
-//# sourceMappingURL=useEventListener-gohT6zGs.js.map

package/dist/chunks/useEventListener-gohT6zGs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useEventListener-gohT6zGs.js","sources":["../../src/foundation/hooks/useEventListener/useEventListener.ts"],"sourcesContent":["import { toValue, watchPostEffect, type MaybeRefOrGetter } from 'vue';\n\ntype Target = Window | Document | HTMLElement | null | undefined;\n\n/**\n * Add an event listener and clean it up automatically. Every argument may be a\n * ref or a getter, so a `useTemplateRef` target attaches the moment the element\n * mounts and re-attaches if it is swapped — the Vue stand-in for the original's\n * handler-in-a-ref indirection.\n *\n * `handler` is captured at setup (it is a plain function, never a getter — a\n * getter is indistinguishable from the handler itself). Pass a wrapper when the\n * callee must stay live: `useEventListener('click', (e) => props.onClick?.(e))`.\n *\n * The default target is resolved lazily so importing this in an SSR pass never\n * touches `document`.\n */\nexport function useEventListener<K extends string>(\n  event: MaybeRefOrGetter<K>,\n  handler: (event: Event) => void,\n  target: MaybeRefOrGetter<Target> = () => (typeof document === 'undefined' ? null : document),\n  options?: MaybeRefOrGetter<boolean | AddEventListenerOptions | undefined>,\n): void {\n  watchPostEffect((onCleanup) => {\n    const element = toValue(target);\n    if (!element) return;\n    // Capture options at attach time — remove must use the same capture flag.\n    const listenerOptions = toValue(options);\n    const type = toValue(event);\n    const listener = (e: Event): void => handler(e);\n    element.addEventListener(type, listener, listenerOptions);\n    onCleanup(() => element.removeEventListener(type, listener, listenerOptions));\n  });\n}\n"],"names":[],"mappings":";AAiBO,SAAS,iBACd,OACA,SACA,SAAmC,MAAO,OAAO,aAAa,cAAc,OAAO,UACnF,SACM;AACN,kBAAgB,CAAC,cAAc;AAC7B,UAAM,UAAU,QAAQ,MAAM;AAC9B,QAAI,CAAC,QAAS;AAEd,UAAM,kBAAkB,QAAQ,OAAO;AACvC,UAAM,OAAO,QAAQ,KAAK;AAC1B,UAAM,WAAW,CAAC,MAAmB,QAAQ,CAAC;AAC9C,YAAQ,iBAAiB,MAAM,UAAU,eAAe;AACxD,cAAU,MAAM,QAAQ,oBAAoB,MAAM,UAAU,eAAe,CAAC;AAAA,EAC9E,CAAC;AACH;"}

package/dist/chunks/useId-CtgAhGrn.js

@@ -1,9 +0,0 @@
-import { useId as useId$1 } from "vue";
-function useId(prefix) {
-  const id = useId$1();
-  return prefix ? `${id}-${prefix}` : id;
-}
-export {
-  useId as u
-};
-//# sourceMappingURL=useId-CtgAhGrn.js.map

package/dist/chunks/useId-CtgAhGrn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useId-CtgAhGrn.js","sources":["../../src/foundation/hooks/useId/useId.ts"],"sourcesContent":["import { useId as useVueId } from 'vue';\n\n/**\n * Wraps Vue 3.5's built-in `useId`. Optionally accepts a stable prefix so generated\n * IDs are easier to spot in DevTools (e.g. `useId('checkbox')` → `v-0-checkbox`).\n *\n * Must be called during `setup()` — the id is drawn from the app instance's counter,\n * which is what keeps it stable across a server render and its client hydration.\n */\nexport function useId(prefix?: string): string {\n  const id = useVueId();\n  return prefix ? `${id}-${prefix}` : id;\n}\n"],"names":["useVueId"],"mappings":";AASO,SAAS,MAAM,QAAyB;AAC7C,QAAM,KAAKA,QAAA;AACX,SAAO,SAAS,GAAG,EAAE,IAAI,MAAM,KAAK;AACtC;"}

package/dist/chunks/useMediaQuery-DwVcSgGk.js

@@ -1,27 +0,0 @@
-import { shallowRef, onMounted, watch, toValue, onScopeDispose } from "vue";
-function useMediaQuery(query) {
-  const matches = shallowRef(false);
-  let mql = null;
-  const onChange = (event) => {
-    matches.value = event.matches;
-  };
-  function unsubscribe() {
-    mql?.removeEventListener("change", onChange);
-    mql = null;
-  }
-  function subscribe() {
-    unsubscribe();
-    if (typeof window === "undefined" || typeof window.matchMedia !== "function") return;
-    mql = window.matchMedia(toValue(query));
-    matches.value = mql.matches;
-    mql.addEventListener("change", onChange);
-  }
-  onMounted(subscribe);
-  watch(() => toValue(query), subscribe);
-  onScopeDispose(unsubscribe);
-  return matches;
-}
-export {
-  useMediaQuery as u
-};
-//# sourceMappingURL=useMediaQuery-DwVcSgGk.js.map

package/dist/chunks/useMediaQuery-DwVcSgGk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useMediaQuery-DwVcSgGk.js","sources":["../../src/foundation/hooks/useMediaQuery/useMediaQuery.ts"],"sourcesContent":["import {\n  onMounted,\n  onScopeDispose,\n  shallowRef,\n  toValue,\n  watch,\n  type MaybeRefOrGetter,\n  type ShallowRef,\n} from 'vue';\n\n/**\n * Reactively follow a CSS media query. Pass a query string like\n * `'(min-width: 768px)'` or `'(prefers-reduced-motion: reduce)'`, or a ref /\n * getter when the query itself changes.\n *\n * SSR-safe — the ref holds `false` on the server and during the first render,\n * then syncs to the real value once mounted. The subscription is the Vue\n * counterpart of the original's `useSyncExternalStore`: subscribe on mount,\n * unsubscribe when the scope is disposed.\n */\nexport function useMediaQuery(query: MaybeRefOrGetter<string>): Readonly<ShallowRef<boolean>> {\n  const matches = shallowRef(false);\n\n  let mql: MediaQueryList | null = null;\n  const onChange = (event: MediaQueryListEvent): void => {\n    matches.value = event.matches;\n  };\n\n  function unsubscribe(): void {\n    mql?.removeEventListener('change', onChange);\n    mql = null;\n  }\n\n  function subscribe(): void {\n    unsubscribe();\n    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') return;\n    mql = window.matchMedia(toValue(query));\n    matches.value = mql.matches;\n    mql.addEventListener('change', onChange);\n  }\n\n  onMounted(subscribe);\n  // A changed query is a new subscription; `subscribe` drops the old listener first.\n  watch(() => toValue(query), subscribe);\n  onScopeDispose(unsubscribe);\n\n  return matches;\n}\n"],"names":[],"mappings":";AAoBO,SAAS,cAAc,OAAgE;AAC5F,QAAM,UAAU,WAAW,KAAK;AAEhC,MAAI,MAA6B;AACjC,QAAM,WAAW,CAAC,UAAqC;AACrD,YAAQ,QAAQ,MAAM;AAAA,EACxB;AAEA,WAAS,cAAoB;AAC3B,SAAK,oBAAoB,UAAU,QAAQ;AAC3C,UAAM;AAAA,EACR;AAEA,WAAS,YAAkB;AACzB,gBAAA;AACA,QAAI,OAAO,WAAW,eAAe,OAAO,OAAO,eAAe,WAAY;AAC9E,UAAM,OAAO,WAAW,QAAQ,KAAK,CAAC;AACtC,YAAQ,QAAQ,IAAI;AACpB,QAAI,iBAAiB,UAAU,QAAQ;AAAA,EACzC;AAEA,YAAU,SAAS;AAEnB,QAAM,MAAM,QAAQ,KAAK,GAAG,SAAS;AACrC,iBAAe,WAAW;AAE1B,SAAO;AACT;"}