@wow-two-beta/ui-vue 0.0.2

package/dist/chunks/index-Cbydgcdk.js

@@ -0,0 +1,234 @@
+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-6nRnzsJW.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-C7IJvh_P.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-Cbydgcdk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-Cbydgcdk.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":";;;;;;;;;;;;;;;;;;;;AAqBA,UAAM,QAAQ,SAAA;AAEd,UAAM,UAAU;AAAA,MAAS,MACvB;AAAA,QACE;AAAA,QACA;AAAA,QACA,MAAM;AAAA,MAAA;AAAA,IACR;AAIF,UAAM,OAAO,SAAS,MAAM;AAC1B,YAAM,EAAE,OAAO,QAAQ,GAAG,WAAW;AACrC,aAAO;AAAA,IACT,CAAC;;AAIC,aAAAA,UAAA,GAAAC,mBAAoD,QAApDC,WAAoD,YAAlC,EAAG,OAAO,QAAA,MAAA,CAAO,GAAA;AAAA,QAAEC,WAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;ACpB/C,UAAM,QAAQ;AAEd,qBAAiB,MAAM,MAAM,GAAG;;aAI9BA,WAAQ,KAAA,QAAA,SAAA;AAAA;;;ACPH,MAAM,iBAAiB,gBAAgB;AAAA,EAC5C,MAAM;AAAA,EACN,OAAO;AAAA,IACL,OAAO,EAAE,MAAM,QAAQ,UAAU,KAAA;AAAA,EAAK;AAAA,EAExC,MAAM,OAAO,EAAE,SAAS;AACtB,WAAO,MAAM;AACX,YAAM,WAAW,mBAAmB,MAAM,UAAA,CAAW;AACrD,YAAM,SAAS,SAAS,CAAC;AACzB,YAAM,OAAO,SACT,WAAW,QAAQ,EAAE,eAAe,QAAQ,WAAW,QAAA,CAAS,IAChE;AACJ,aAAO,EAAE,UAAU,CAAC,MAAM,EAAEC,aAAgB,MAAM,EAAE,SAAS,MAAM,MAAM,MAAA,CAAO,CAAC,CAAC;AAAA,IACpF;AAAA,EACF;AACF,CAAC;ACLM,SAAS,mBAId;AACA,QAAM,eAAwD,OAAO,oBAAoB;AAEzF,QAAM,WAAW,gBAAgB;AAAA,IAC/B,MAAM;AAAA,IACN,MAAM,QAAQ,EAAE,SAAS;AACvB,YAAM,QAAQ,WAA6B,EAAE;AAI7C,YAAM,WAAW,CAAC,SAAkB;AAClC,YAAI,CAAC,MAAM,MAAM,SAAS,IAAI,EAAG,OAAM,QAAQ,CAAC,GAAG,MAAM,OAAO,IAAI;AAAA,MACtE;AACA,YAAM,aAAa,CAAC,SAAkB;AACpC,cAAM,QAAQ,MAAM,MAAM,OAAO,CAAC,aAAa,aAAa,IAAI;AAAA,MAClE;AAIA,YAAM,UAAqC;AAAA,QACzC,IAAI,QAAQ;AACV,iBAAO,MAAM;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAEF,cAAQ,cAAc,OAAO;AAE7B,aAAO,MAAM,MAAM,UAAA,KAAe;AAAA,IACpC;AAAA,EAAA,CACD;AAED,WAAS,gBAA2C;AAClD,UAAM,UAAU,OAAO,cAAc,IAAI;AACzC,QAAI,CAAC,SAAS;AACZ,YAAM,IAAI,MAAM,gDAAgD;AAAA,IAClE;AACA,WAAO;AAAA,EACT;AAEA,SAAO,EAAE,UAAU,eAAe,aAAA;AACpC;;;;;;;;;;ACzBA,UAAM,QAAQ;AASd,UAAM,QAAQ,SAAA;AACd,UAAM,KAAK,eAA+B,IAAI;AAC9C,UAAM,gBAAgB,iBAAA;AAEtB,UAAM,gBAAgB,SAAS,MAAM,MAAM,WAAW,CAAC,cAAc,KAAK;AAE1E,UAAM,YAAY,SAAwB,OAAO;AAAA,MAC/C,QAAQ,MAAM;AAAA,MACd,WAAW,MAAM;AAAA;AAAA;AAAA,MAGjB,iBAAiB;AAAA,MACjB,GAAI,MAAM;AAAA,IAAA,EACV;AAEF,UAAM,UAAU;AAAA,MAAS,MACvB;AAAA,QACE;AAAA,QACA,cAAc,SAAS;AAAA,QACvB,MAAM;AAAA,MAAA;AAAA,IACR;AAGF,UAAM,OAAO,SAAS,MAAM;AAC1B,YAAM,EAAE,OAAO,QAAQ,OAAO,QAAQ,GAAG,WAAW;AACpD,aAAO;AAAA,IACT,CAAC;AAED,aAAa,EAAE,IAAI;;AAIjB,aAAAJ,UAAA,GAAAC,mBAA8E,OAA9EC,WAA8E;AAAA,iBAArE;AAAA,QAAJ,KAAI;AAAA,MAAA,GAAa,KAAA,OAAI;AAAA,QAAG,OAAO,QAAA;AAAA,QAAU,OAAO,UAAA;AAAA,MAAA;QAAWC,WAAQ,KAAA,QAAA,SAAA;AAAA,MAAA;;;;;;;;;;;;AClE1E,UAAM,QAAQ;AAMd,UAAM,OAAO;AAAA,OACV,MAAM;AACL,YAAI,OAAO,WAAW,YAAa,QAAO,UAAU;AACpD,cAAM,SAAS,MAAM,aAChB,aAAa,QAAQ,MAAM,UAAU,IACtC;AACJ,YAAI,WAAW,UAAU,SAAS,WAAW,UAAU,KAAM,QAAO;AACpE,eAAO,MAAM,gBAAgB,WAAW,WAAA,IAAe,MAAM;AAAA,MAC/D,GAAA;AAAA,IAAG;AAGL,gBAAY,MAAM;AAChB,UAAI,OAAO,aAAa,YAAa;AACrC,YAAM,OAAO,SAAS;AACtB,WAAK,UAAU,OAAO,QAAQ,KAAK,UAAU,UAAU,IAAI;AAC3D,WAAK,MAAM,cAAc,KAAK;AAAA,IAChC,CAAC;AAED,aAAS,QAAQ,MAAuB;AACtC,WAAK,QAAQ;AACb,UAAI,MAAM,WAAY,cAAa,QAAQ,MAAM,YAAY,IAAI;AAAA,IACnE;AAIA,UAAM,UAAiC;AAAA,MACrC,IAAI,OAAO;AACT,eAAO,KAAK;AAAA,MACd;AAAA,MACA;AAAA,MACA,QAAQ,MAAM,QAAQ,KAAK,UAAU,UAAU,OAAO,UAAU,QAAQ,UAAU,IAAI;AAAA,IAAA;AAGxF,YAAQ,cAAc,OAAO;;aAI3BA,WAAQ,KAAA,QAAA,SAAA;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/chunks/index-CzKEU1kI.js

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

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

package/dist/chunks/index-KL15HQew.js

@@ -0,0 +1,61 @@
+const GradientType = {
+  /** Refers to a linear (directional) gradient. */
+  Linear: "linear",
+  /** Refers to a radial (center-out) gradient. */
+  Radial: "radial"
+};
+function withStop(gradient, index2, color) {
+  const stops = gradient.stops.map((stop, i) => i === index2 ? { ...stop, color } : stop);
+  return { ...gradient, stops };
+}
+function reverseStops(gradient) {
+  const last = gradient.stops.length - 1;
+  const stops = gradient.stops.map((stop, i) => ({ ...stop, color: gradient.stops[last - i].color }));
+  return { ...gradient, stops };
+}
+function withAngle(gradient, angle) {
+  return gradient.type === GradientType.Linear ? { ...gradient, angle } : gradient;
+}
+function withRadius(gradient, radius) {
+  return gradient.type === GradientType.Radial ? { ...gradient, radius } : gradient;
+}
+function withType(gradient, type, defaults) {
+  if (gradient.type === type) return gradient;
+  return type === GradientType.Linear ? { type: GradientType.Linear, angle: defaults.angle, stops: gradient.stops } : { type: GradientType.Radial, radius: defaults.radius, stops: gradient.stops };
+}
+function linear(stops, angle) {
+  return { type: GradientType.Linear, angle, stops };
+}
+function radial(stops, radius) {
+  return { type: GradientType.Radial, radius, stops };
+}
+function twoStop(start, end, angle) {
+  return linear(
+    [
+      { color: start, offset: 0 },
+      { color: end, offset: 1 }
+    ],
+    angle
+  );
+}
+const Gradient = {
+  linear,
+  twoStop,
+  radial,
+  withStop,
+  reverseStops,
+  withAngle,
+  withRadius,
+  withType
+};
+const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Gradient,
+  GradientType
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Gradient as G,
+  GradientType as a,
+  index as i
+};
+//# sourceMappingURL=index-KL15HQew.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index-KL15HQew.js","sources":["../../src/domain/color/GradientType.ts","../../src/domain/color/Gradient.ts"],"sourcesContent":["/** Defines the foreground gradient projection — linear or radial. */\nexport const GradientType = {\n  /** Refers to a linear (directional) gradient. */\n  Linear: 'linear',\n  /** Refers to a radial (center-out) gradient. */\n  Radial: 'radial',\n} as const;\n\nexport type GradientType = (typeof GradientType)[keyof typeof GradientType];\n","import { GradientType } from './GradientType';\n\n/** Defines one color stop of a foreground gradient (the start / end of a two-stop fill). */\nexport interface GradientStop {\n  /** The stop color, `#RRGGBB`. */\n  color: string;\n\n  /** The stop's position along the gradient, `0..1`. */\n  offset: number;\n}\n\n/** Defines the shared gradient data — the color stops, independent of projection. */\ninterface GradientBase {\n  /** The ordered color stops (two: start, end). */\n  stops: ReadonlyArray<GradientStop>;\n}\n\n/** Defines a linear (directional) gradient. */\nexport interface LinearGradient extends GradientBase {\n  /** Discriminant — a linear projection. */\n  type: typeof GradientType.Linear;\n\n  /** Direction in degrees; `0` = left→right, `90` = top→bottom. */\n  angle: number;\n}\n\n/** Defines a radial (center-out) gradient. */\nexport interface RadialGradient extends GradientBase {\n  /** Discriminant — a radial projection. */\n  type: typeof GradientType.Radial;\n\n  /** Extent as a fraction (`0..1`) of the canvas half-size — smaller is tighter. */\n  radius: number;\n}\n\n/** Defines a foreground gradient — a linear or radial projection over shared stops. */\nexport type Gradient = LinearGradient | RadialGradient;\n\n/** Returns the gradient with one stop's color replaced (by index). */\nfunction withStop(gradient: Gradient, index: number, color: string): Gradient {\n  const stops = gradient.stops.map((stop, i) => (i === index ? { ...stop, color } : stop));\n  return { ...gradient, stops };\n}\n\n/** Returns the gradient with its stop colors mirrored end-to-end, each offset kept — a symmetric flip for any stop count. */\nfunction reverseStops(gradient: Gradient): Gradient {\n  const last = gradient.stops.length - 1;\n  const stops = gradient.stops.map((stop, i) => ({ ...stop, color: gradient.stops[last - i]!.color }));\n  return { ...gradient, stops };\n}\n\n/** Returns the gradient with its linear angle set (no-op on a radial gradient). */\nfunction withAngle(gradient: Gradient, angle: number): Gradient {\n  return gradient.type === GradientType.Linear ? { ...gradient, angle } : gradient;\n}\n\n/** Returns the gradient with its radial radius set (no-op on a linear gradient). */\nfunction withRadius(gradient: Gradient, radius: number): Gradient {\n  return gradient.type === GradientType.Radial ? { ...gradient, radius } : gradient;\n}\n\n/** Returns the gradient switched to `type` (keeping stops; the target's own field seeds from `defaults`); a no-op if already that type. */\nfunction withType(gradient: Gradient, type: GradientType, defaults: { angle: number; radius: number }): Gradient {\n  if (gradient.type === type) return gradient;\n  return type === GradientType.Linear\n    ? { type: GradientType.Linear, angle: defaults.angle, stops: gradient.stops }\n    : { type: GradientType.Radial, radius: defaults.radius, stops: gradient.stops };\n}\n\n/** Creates a linear gradient from `stops` + `angle` (degrees). */\nfunction linear(stops: ReadonlyArray<GradientStop>, angle: number): LinearGradient {\n  return { type: GradientType.Linear, angle, stops };\n}\n\n/** Creates a radial gradient from `stops` + `radius` (0..1 extent). */\nfunction radial(stops: ReadonlyArray<GradientStop>, radius: number): RadialGradient {\n  return { type: GradientType.Radial, radius, stops };\n}\n\n/** Creates a two-stop linear gradient from a start + end color (offsets `0` and `1`). */\nfunction twoStop(start: string, end: string, angle: number): LinearGradient {\n  return linear(\n    [\n      { color: start, offset: 0 },\n      { color: end, offset: 1 },\n    ],\n    angle,\n  );\n}\n\n/** Operations over a `Gradient` value — the companion to the `Gradient` type. */\nexport const Gradient = {\n  linear,\n  twoStop,\n  radial,\n  withStop,\n  reverseStops,\n  withAngle,\n  withRadius,\n  withType,\n};\n"],"names":["index"],"mappings":"AACO,MAAM,eAAe;AAAA;AAAA,EAE1B,QAAQ;AAAA;AAAA,EAER,QAAQ;AACV;ACiCA,SAAS,SAAS,UAAoBA,QAAe,OAAyB;AAC5E,QAAM,QAAQ,SAAS,MAAM,IAAI,CAAC,MAAM,MAAO,MAAMA,SAAQ,EAAE,GAAG,MAAM,MAAA,IAAU,IAAK;AACvF,SAAO,EAAE,GAAG,UAAU,MAAA;AACxB;AAGA,SAAS,aAAa,UAA8B;AAClD,QAAM,OAAO,SAAS,MAAM,SAAS;AACrC,QAAM,QAAQ,SAAS,MAAM,IAAI,CAAC,MAAM,OAAO,EAAE,GAAG,MAAM,OAAO,SAAS,MAAM,OAAO,CAAC,EAAG,QAAQ;AACnG,SAAO,EAAE,GAAG,UAAU,MAAA;AACxB;AAGA,SAAS,UAAU,UAAoB,OAAyB;AAC9D,SAAO,SAAS,SAAS,aAAa,SAAS,EAAE,GAAG,UAAU,UAAU;AAC1E;AAGA,SAAS,WAAW,UAAoB,QAA0B;AAChE,SAAO,SAAS,SAAS,aAAa,SAAS,EAAE,GAAG,UAAU,WAAW;AAC3E;AAGA,SAAS,SAAS,UAAoB,MAAoB,UAAuD;AAC/G,MAAI,SAAS,SAAS,KAAM,QAAO;AACnC,SAAO,SAAS,aAAa,SACzB,EAAE,MAAM,aAAa,QAAQ,OAAO,SAAS,OAAO,OAAO,SAAS,UACpE,EAAE,MAAM,aAAa,QAAQ,QAAQ,SAAS,QAAQ,OAAO,SAAS,MAAA;AAC5E;AAGA,SAAS,OAAO,OAAoC,OAA+B;AACjF,SAAO,EAAE,MAAM,aAAa,QAAQ,OAAO,MAAA;AAC7C;AAGA,SAAS,OAAO,OAAoC,QAAgC;AAClF,SAAO,EAAE,MAAM,aAAa,QAAQ,QAAQ,MAAA;AAC9C;AAGA,SAAS,QAAQ,OAAe,KAAa,OAA+B;AAC1E,SAAO;AAAA,IACL;AAAA,MACE,EAAE,OAAO,OAAO,QAAQ,EAAA;AAAA,MACxB,EAAE,OAAO,KAAK,QAAQ,EAAA;AAAA,IAAE;AAAA,IAE1B;AAAA,EAAA;AAEJ;AAGO,MAAM,WAAW;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;;;;;;"}

package/dist/chunks/index-drjQ833B.js

@@ -0,0 +1,10 @@
+import { E as EmojiCatalog, a as EmojiCategory } from "./EmojiCatalog-CR4Lcm43.js";
+const index = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  EmojiCatalog,
+  EmojiCategory
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  index as i
+};
+//# sourceMappingURL=index-drjQ833B.js.map

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"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;"}

package/dist/chunks/useOutsideClick-CW80BJfE.js

@@ -0,0 +1,22 @@
+import { watchPostEffect, toValue } from "vue";
+function useOutsideClick(targets, handler, enabled = true) {
+  const targetList = Array.isArray(targets) ? targets : [targets];
+  watchPostEffect((onCleanup) => {
+    if (!toValue(enabled) || typeof document === "undefined") return;
+    const onPointerDown = (e) => {
+      const target = e.target;
+      if (!target) return;
+      for (const candidate of targetList) {
+        const element = toValue(candidate);
+        if (element && element.contains(target)) return;
+      }
+      handler(e);
+    };
+    document.addEventListener("pointerdown", onPointerDown, true);
+    onCleanup(() => document.removeEventListener("pointerdown", onPointerDown, true));
+  });
+}
+export {
+  useOutsideClick as u
+};
+//# sourceMappingURL=useOutsideClick-CW80BJfE.js.map

package/dist/chunks/useOutsideClick-CW80BJfE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOutsideClick-CW80BJfE.js","sources":["../../src/foundation/hooks/useOutsideClick/useOutsideClick.ts"],"sourcesContent":["import { toValue, watchPostEffect, type MaybeRefOrGetter } from 'vue';\n\n/** One element source — a template ref, a plain element, or a getter that resolves to either. */\nexport type OutsideClickTarget = MaybeRefOrGetter<HTMLElement | null | undefined>;\n\n/**\n * Fire `handler` when the user clicks outside any of the provided targets.\n * Uses `pointerdown` so it fires before focus shifts (avoids losing focus\n * inside an overlay before a click on a trigger registers).\n *\n * Pass a `useTemplateRef` (or an array of them) — each is resolved at event\n * time, so a target that mounts later is still honoured without re-attaching.\n */\nexport function useOutsideClick(\n  targets: OutsideClickTarget | ReadonlyArray<OutsideClickTarget>,\n  handler: (event: PointerEvent) => void,\n  enabled: MaybeRefOrGetter<boolean> = true,\n): void {\n  // `Array.isArray` does not narrow a `ReadonlyArray` union, hence the assertions.\n  const targetList: ReadonlyArray<OutsideClickTarget> = Array.isArray(targets)\n    ? (targets as ReadonlyArray<OutsideClickTarget>)\n    : [targets as OutsideClickTarget];\n\n  watchPostEffect((onCleanup) => {\n    if (!toValue(enabled) || typeof document === 'undefined') return;\n\n    const onPointerDown = (e: PointerEvent): void => {\n      const target = e.target as Node | null;\n      if (!target) return;\n      for (const candidate of targetList) {\n        const element = toValue(candidate);\n        if (element && element.contains(target)) return;\n      }\n      handler(e);\n    };\n\n    document.addEventListener('pointerdown', onPointerDown, true);\n    onCleanup(() => document.removeEventListener('pointerdown', onPointerDown, true));\n  });\n}\n"],"names":[],"mappings":";AAaO,SAAS,gBACd,SACA,SACA,UAAqC,MAC/B;AAEN,QAAM,aAAgD,MAAM,QAAQ,OAAO,IACtE,UACD,CAAC,OAA6B;AAElC,kBAAgB,CAAC,cAAc;AAC7B,QAAI,CAAC,QAAQ,OAAO,KAAK,OAAO,aAAa,YAAa;AAE1D,UAAM,gBAAgB,CAAC,MAA0B;AAC/C,YAAM,SAAS,EAAE;AACjB,UAAI,CAAC,OAAQ;AACb,iBAAW,aAAa,YAAY;AAClC,cAAM,UAAU,QAAQ,SAAS;AACjC,YAAI,WAAW,QAAQ,SAAS,MAAM,EAAG;AAAA,MAC3C;AACA,cAAQ,CAAC;AAAA,IACX;AAEA,aAAS,iBAAiB,eAAe,eAAe,IAAI;AAC5D,cAAU,MAAM,SAAS,oBAAoB,eAAe,eAAe,IAAI,CAAC;AAAA,EAClF,CAAC;AACH;"}