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

package/dist/chunks/OptionalExtensions-NiO6gV0W.js

@@ -0,0 +1,10 @@
+function from(condition, value) {
+  return condition ? value : void 0;
+}
+const OptionalExtensions = {
+  from
+};
+export {
+  OptionalExtensions as O
+};
+//# sourceMappingURL=OptionalExtensions-NiO6gV0W.js.map

package/dist/chunks/OptionalExtensions-NiO6gV0W.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OptionalExtensions-NiO6gV0W.js","sources":["../../src/foundation/optionals/OptionalExtensions.ts"],"sourcesContent":["/** Optional value extensions — call as `OptionalExtensions.x(...)`. */\n\n/**\n * Construct an optional from a `(condition, value)` pair: returns `value` when\n * `condition` is truthy, otherwise `undefined`. Use to keep DOM attributes\n * absent when their default/false meaning is what we want (e.g. `aria-busy`,\n * `tabIndex`, `disabled`).\n */\nfunction from<T>(condition: unknown, value: T): T | undefined {\n  return condition ? value : undefined;\n}\n\nexport const OptionalExtensions = {\n  from,\n} as const;\n"],"names":[],"mappings":"AAQA,SAAS,KAAQ,WAAoB,OAAyB;AAC5D,SAAO,YAAY,QAAQ;AAC7B;AAEO,MAAM,qBAAqB;AAAA,EAChC;AACF;"}

package/dist/chunks/Orientation-u-sYunuG.js.map

@@ -1 +1 @@
-{"version":3,"file":"Orientation-u-sYunuG.js","sources":["../../src/foundation/utils/Orientation/Orientation.ts"],"sourcesContent":["/* Provides the shared two-axis orientation vocabulary for layout / nav / actions / display. */\n\n/** Defines the layout axis of a component (forms / layout / nav / actions / display / feedback). */\nexport const Orientation = {\n  /** Refers to a horizontal (left-to-right) axis. */\n  Horizontal: 'horizontal',\n  /** Refers to a vertical (top-to-bottom) axis. */\n  Vertical: 'vertical',\n} as const;\n\nexport type Orientation = (typeof Orientation)[keyof typeof Orientation];\n"],"names":[],"mappings":"AAGO,MAAM,cAAc;AAAA;AAAA,EAEzB,YAAY;AAAA;AAAA,EAEZ,UAAU;AACZ;"}
+{"version":3,"file":"Orientation-u-sYunuG.js","sources":["../../src/foundation/styles/enums/Orientation.ts"],"sourcesContent":["/* Provides the shared two-axis orientation vocabulary for layout / nav / actions / display. */\n\n/** Defines the layout axis of a component (forms / layout / nav / actions / display / feedback). */\nexport const Orientation = {\n  /** Refers to a horizontal (left-to-right) axis. */\n  Horizontal: 'horizontal',\n  /** Refers to a vertical (top-to-bottom) axis. */\n  Vertical: 'vertical',\n} as const;\n\nexport type Orientation = (typeof Orientation)[keyof typeof Orientation];\n"],"names":[],"mappings":"AAGO,MAAM,cAAc;AAAA;AAAA,EAEzB,YAAY;AAAA;AAAA,EAEZ,UAAU;AACZ;"}

package/dist/chunks/OverlayArrow.vue_vue_type_script_setup_true_lang-CLYhnI8i.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayArrow.vue_vue_type_script_setup_true_lang-CLYhnI8i.js","sources":["../../src/foundation/primitives/overlayArrow/OverlayArrow.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { SVGAttributes } from 'vue';\n\nexport interface OverlayArrowProps extends /* @vue-ignore */ SVGAttributes {\n  /** The arrow width in px. Default 12. */\n  width?: number;\n\n  /** The arrow height in px. Default 6. */\n  height?: number;\n}\n</script>\n\n<script setup lang=\"ts\">\n/**\n * Tip-arrow primitive for floating overlays (Tooltip, Popover, HoverCard).\n *\n * Renders a minimal SVG triangle with `fill=\"currentColor\"` — color follows\n * the consuming overlay's background via Tailwind's `text-*` utilities.\n *\n * Pair with Floating UI's `arrow()` middleware to position. The middleware\n * exposes the arrow's `x` / `y` offset on the resolved data; consumers apply\n * those as inline styles to the wrapping span.\n */\ndefineOptions({ name: 'OverlayArrow' });\n\nconst props = withDefaults(\n  defineProps<{\n    /** The arrow width in px. Default 12. */\n    width?: number;\n    /** The arrow height in px. Default 6. */\n    height?: number;\n    /** The triangle fill. Default `currentColor`. */\n    fill?: string;\n  }>(),\n  { width: 12, height: 6, fill: 'currentColor' },\n);\n</script>\n\n<template>\n  <svg\n    :width=\"props.width\"\n    :height=\"props.height\"\n    :viewBox=\"`0 0 ${props.width} ${props.height}`\"\n    preserveAspectRatio=\"none\"\n    aria-hidden=\"true\"\n  >\n    <polygon\n      :points=\"`0,0 ${props.width},0 ${props.width / 2},${props.height}`\"\n      :fill=\"props.fill\"\n    />\n  </svg>\n</template>\n"],"names":["_createElementBlock","_createElementVNode"],"mappings":";;;;;;;;;;;;AAyBA,UAAM,QAAQ;;0BAcZA,mBAWM,OAAA;AAAA,QAVH,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,QACd,gBAAgB,MAAM,KAAK,IAAI,MAAM,MAAM;AAAA,QAC5C,qBAAoB;AAAA,QACpB,eAAY;AAAA,MAAA;QAEZC,mBAGE,WAAA;AAAA,UAFC,QAAM,OAAS,MAAM,KAAK,MAAM,MAAM,QAAK,CAAA,IAAQ,MAAM,MAAM;AAAA,UAC/D,MAAM,MAAM;AAAA,QAAA;;;;;"}
+{"version":3,"file":"OverlayArrow.vue_vue_type_script_setup_true_lang-CLYhnI8i.js","sources":["../../src/foundation/primitives/overlayArrow/OverlayArrow.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { SVGAttributes } from 'vue';\n\nexport interface OverlayArrowProps extends /* @vue-ignore */ SVGAttributes {\n  /** The arrow width in px. Default 12. */\n  readonly width?: number;\n\n  /** The arrow height in px. Default 6. */\n  readonly height?: number;\n}\n</script>\n\n<script setup lang=\"ts\">\n/**\n * Renders the tip arrow of a floating overlay (Tooltip, Popover, HoverCard) — a\n * minimal SVG triangle with `fill=\"currentColor\"`, so color follows the consuming\n * overlay's background via Tailwind's `text-*` utilities.\n *\n * Pair with Floating UI's `arrow()` middleware to position. The middleware\n * exposes the arrow's `x` / `y` offset on the resolved data; consumers apply\n * those as inline styles to the wrapping span.\n */\ndefineOptions({ name: 'OverlayArrow' });\n\nconst props = withDefaults(\n  defineProps<{\n    /** The arrow width in px. Default 12. */\n    width?: number;\n    /** The arrow height in px. Default 6. */\n    height?: number;\n    /** The triangle fill. Default `currentColor`. */\n    fill?: string;\n  }>(),\n  { width: 12, height: 6, fill: 'currentColor' },\n);\n</script>\n\n<template>\n  <svg\n    :width=\"props.width\"\n    :height=\"props.height\"\n    :viewBox=\"`0 0 ${props.width} ${props.height}`\"\n    preserveAspectRatio=\"none\"\n    aria-hidden=\"true\"\n  >\n    <polygon :points=\"`0,0 ${props.width},0 ${props.width / 2},${props.height}`\" :fill=\"props.fill\" />\n  </svg>\n</template>\n"],"names":["_createElementBlock","_createElementVNode"],"mappings":";;;;;;;;;;;;AAwBA,UAAM,QAAQ;;0BAcZA,mBAQM,OAAA;AAAA,QAPH,OAAO,MAAM;AAAA,QACb,QAAQ,MAAM;AAAA,QACd,gBAAgB,MAAM,KAAK,IAAI,MAAM,MAAM;AAAA,QAC5C,qBAAoB;AAAA,QACpB,eAAY;AAAA,MAAA;QAEZC,mBAAkG,WAAA;AAAA,UAAxF,QAAM,OAAS,MAAM,KAAK,MAAM,MAAM,QAAK,CAAA,IAAQ,MAAM,MAAM;AAAA,UAAK,MAAM,MAAM;AAAA,QAAA;;;;;"}

package/dist/chunks/OverlayPosition-BNybkMGG.js.map

@@ -1 +1 @@
-{"version":3,"file":"OverlayPosition-BNybkMGG.js","sources":["../../src/foundation/utils/OverlayPosition/OverlayPosition.ts"],"sourcesContent":["/* Provides the shared overlay-anchor vocabulary — the four corners plus top/bottom center (toaster / undoBar; FAB / BackToTop / SpeedDial). */\n\n/** Defines the anchor position of a floating overlay — the four corners plus top/bottom center. */\nexport const OverlayPosition = {\n  /** Refers to the top-right corner. */\n  TopRight: 'top-right',\n  /** Refers to the top-left corner. */\n  TopLeft: 'top-left',\n  /** Refers to the bottom-right corner. */\n  BottomRight: 'bottom-right',\n  /** Refers to the bottom-left corner. */\n  BottomLeft: 'bottom-left',\n  /** Refers to the top edge, horizontally centered. */\n  TopCenter: 'top-center',\n  /** Refers to the bottom edge, horizontally centered. */\n  BottomCenter: 'bottom-center',\n} as const;\n\nexport type OverlayPosition = (typeof OverlayPosition)[keyof typeof OverlayPosition];\n"],"names":[],"mappings":"AAGO,MAAM,kBAAkB;AAAA;AAAA,EAE7B,UAAU;AAAA;AAAA,EAEV,SAAS;AAAA;AAAA,EAET,aAAa;AAAA;AAAA,EAEb,YAAY;AAAA;AAAA,EAEZ,WAAW;AAAA;AAAA,EAEX,cAAc;AAChB;"}
+{"version":3,"file":"OverlayPosition-BNybkMGG.js","sources":["../../src/foundation/styles/enums/OverlayPosition.ts"],"sourcesContent":["/* Shared overlay-anchor vocabulary — the four corners plus top/bottom center\n * (toastHost / undoBar; Fab / BackToTop / SpeedDial). */\n\n/** Defines the anchor position of a floating overlay — the four corners plus top/bottom center. */\nexport const OverlayPosition = {\n  /** Refers to the top-right corner. */\n  TopRight: 'top-right',\n  /** Refers to the top-left corner. */\n  TopLeft: 'top-left',\n  /** Refers to the bottom-right corner. */\n  BottomRight: 'bottom-right',\n  /** Refers to the bottom-left corner. */\n  BottomLeft: 'bottom-left',\n  /** Refers to the top edge, horizontally centered. */\n  TopCenter: 'top-center',\n  /** Refers to the bottom edge, horizontally centered. */\n  BottomCenter: 'bottom-center',\n} as const;\n\nexport type OverlayPosition = (typeof OverlayPosition)[keyof typeof OverlayPosition];\n"],"names":[],"mappings":"AAIO,MAAM,kBAAkB;AAAA;AAAA,EAE7B,UAAU;AAAA;AAAA,EAEV,SAAS;AAAA;AAAA,EAET,aAAa;AAAA;AAAA,EAEb,YAAY;AAAA;AAAA,EAEZ,WAAW;AAAA;AAAA,EAEX,cAAc;AAChB;"}

package/dist/chunks/PopoverContent.vue_vue_type_script_setup_true_lang-DPJZHdv2.js

@@ -0,0 +1,268 @@
+import { tv } from "tailwind-variants";
+import { defineComponent, shallowRef, provide, computed, renderSlot, inject, useAttrs, useTemplateRef, watch, openBlock, createBlock, unref, mergeProps, withCtx, createVNode, createElementVNode } from "vue";
+import { P as Primitive } from "./Primitive-Bt_MgDir.js";
+import { c as cn } from "./Cn-CzDCF-Ah.js";
+import { s as surfaceVariants } from "./SurfaceStyles-BYLzCbuJ.js";
+import { u as useControlled } from "./UseControlled-BQneb7BW.js";
+import { _ as _sfc_main$3 } from "./Portal.vue_vue_type_script_setup_true_lang-C2_xSIMy.js";
+import { P as Presence } from "./Presence-BwBquQOQ.js";
+import { _ as _sfc_main$4 } from "./AnchoredPositioner.vue_vue_type_script_setup_true_lang-BpBVI2Cu.js";
+import { _ as _sfc_main$5, a as _sfc_main$6 } from "./DismissableLayer.vue_vue_type_script_setup_true_lang-DElE4ZeQ.js";
+const ListboxPickerItemState = {
+  /** Refers to the resting item. */
+  Default: "default",
+  /** Refers to the active (roving-focused) item. */
+  Active: "active",
+  /** Refers to a selected item. */
+  Selected: "selected",
+  /** Refers to a disabled item. */
+  Disabled: "disabled"
+};
+const listboxVariants = tv({
+  base: "flex max-h-72 flex-col gap-0.5 overflow-y-auto text-sm outline-hidden"
+});
+const listboxItemVariants = tv({
+  base: "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden",
+  variants: {
+    state: {
+      default: "text-popover-foreground",
+      active: "bg-muted text-foreground",
+      selected: "bg-primary-soft text-primary-soft-foreground",
+      disabled: "pointer-events-none opacity-50"
+    }
+  },
+  defaultVariants: { state: "default" }
+});
+const listboxGroupLabelVariants = tv({
+  base: "px-2 py-1.5 text-xs font-semibold text-muted-foreground"
+});
+const listboxSeparatorVariants = tv({
+  base: "-mx-1 my-1 h-px bg-border"
+});
+const listboxEmptyVariants = tv({
+  base: "px-2 py-6 text-center text-sm text-muted-foreground"
+});
+const OverlayExtensions = {
+  /**
+   * The DOM node behind a template ref, or `null`.
+   *
+   * The `typeof` guard is load-bearing rather than defensive. Every overlay seeds
+   * its trigger element from a `watch(..., { immediate: true, flush: 'post' })`,
+   * and Vue runs an *immediate* watcher once during SSR — where `HTMLElement` is
+   * not a global, so a bare `value instanceof HTMLElement` throws `ReferenceError`
+   * and takes the whole server render down. Returning `null` on the server is
+   * correct as well as safe: there is no element to anchor to until hydration.
+   */
+  toHtmlElement(value) {
+    if (typeof HTMLElement === "undefined") return null;
+    return value instanceof HTMLElement ? value : null;
+  }
+};
+const popoverContextKey = Symbol("wow-two.popover");
+function usePopoverContext() {
+  const context = inject(popoverContextKey, null);
+  if (!context) throw new Error("Popover.* must be used inside <Popover>");
+  return context;
+}
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  ...{ name: "Popover", inheritAttrs: false },
+  __name: "Popover",
+  props: {
+    open: { type: Boolean, default: void 0 },
+    defaultOpen: { type: Boolean, default: false },
+    placement: { default: "bottom" },
+    offset: { default: 8 },
+    isModal: { type: Boolean, default: false },
+    dismissOnOutsideClick: { type: Boolean, default: true },
+    dismissOnEscape: { type: Boolean, default: true }
+  },
+  emits: ["update:open"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const controlled = useControlled({
+      controlled: () => props.open,
+      default: () => props.defaultOpen,
+      onChange: (value) => {
+        emit("update:open", value);
+      }
+    });
+    const triggerEl = shallowRef(null);
+    provide(popoverContextKey, {
+      open: controlled.value,
+      setOpen: controlled.setValue,
+      triggerEl,
+      placement: computed(() => props.placement),
+      offset: computed(() => props.offset),
+      isModal: computed(() => props.isModal),
+      dismissOnOutsideClick: computed(() => props.dismissOnOutsideClick),
+      dismissOnEscape: computed(() => props.dismissOnEscape)
+    });
+    return (_ctx, _cache) => {
+      return renderSlot(_ctx.$slots, "default");
+    };
+  }
+});
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  ...{ name: "PopoverTrigger", inheritAttrs: false },
+  __name: "PopoverTrigger",
+  props: {
+    asChild: { type: Boolean, default: false }
+  },
+  setup(__props, { expose: __expose }) {
+    const props = __props;
+    const attrs = useAttrs();
+    const context = usePopoverContext();
+    const inner = useTemplateRef("inner");
+    const isOpen = context.open;
+    watch(
+      inner,
+      (instance) => {
+        context.triggerEl.value = OverlayExtensions.toHtmlElement(instance?.$el);
+      },
+      { immediate: true, flush: "post" }
+    );
+    function handleClick(event) {
+      if (event.defaultPrevented) return;
+      context.setOpen(!context.open.value);
+    }
+    const el = computed(() => inner.value?.$el ?? null);
+    __expose({ el });
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(Primitive), mergeProps({
+        ref_key: "inner",
+        ref: inner,
+        as: "button",
+        "as-child": props.asChild,
+        type: "button",
+        "aria-haspopup": "dialog",
+        "aria-expanded": unref(isOpen),
+        "data-state": unref(isOpen) ? "open" : "closed"
+      }, unref(attrs), { onClick: handleClick }), {
+        default: withCtx(() => [
+          renderSlot(_ctx.$slots, "default")
+        ]),
+        _: 3
+      }, 16, ["as-child", "aria-expanded", "data-state"]);
+    };
+  }
+});
+const _hoisted_1 = { class: "group contents" };
+const DefaultWidth = "w-72";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{ name: "PopoverContent", inheritAttrs: false },
+  __name: "PopoverContent",
+  props: {
+    isBare: { type: Boolean },
+    variant: {},
+    tone: {},
+    radius: {},
+    padding: {},
+    elevation: {}
+  },
+  setup(__props) {
+    const props = __props;
+    const attrs = useAttrs();
+    const context = usePopoverContext();
+    const isOpen = context.open;
+    const placement = context.placement;
+    const offset = context.offset;
+    const isModal = context.isModal;
+    const dismissOnEscape = context.dismissOnEscape;
+    const dismissOnOutsideClick = context.dismissOnOutsideClick;
+    const anchor = computed(() => context.triggerEl.value);
+    const resolvedPadding = computed(() => props.padding ?? (props.isBare ? "none" : "lg"));
+    const classes = computed(
+      () => cn(
+        /* pop (fade+scale) gated on the portal-root data-state + motion-safe
+           so reduced-motion users get no movement. */
+        "outline-hidden",
+        "motion-safe:group-data-[state=open]:animate-(--animate-pop-in)",
+        "motion-safe:group-data-[state=closed]:animate-(--animate-pop-out) motion-reduce:animate-none",
+        !props.isBare && cn(
+          DefaultWidth,
+          surfaceVariants({
+            variant: props.variant,
+            tone: props.tone,
+            radius: props.radius,
+            padding: resolvedPadding.value,
+            elevation: props.elevation
+          })
+        ),
+        attrs.class
+      )
+    );
+    const rest = computed(() => {
+      const { class: _class, ...others } = attrs;
+      return others;
+    });
+    function handleEscape() {
+      context.setOpen(false);
+      requestAnimationFrame(() => context.triggerEl.value?.focus());
+    }
+    function handleOutsidePointerDown(event) {
+      if (context.triggerEl.value?.contains(event.target)) return;
+      context.setOpen(false);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(unref(_sfc_main$3), null, {
+        default: withCtx(() => [
+          createVNode(unref(Presence), { "is-present": unref(isOpen) }, {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                createVNode(unref(_sfc_main$4), {
+                  anchor: anchor.value,
+                  placement: unref(placement),
+                  offset: unref(offset),
+                  class: "z-popover"
+                }, {
+                  default: withCtx(() => [
+                    createVNode(unref(_sfc_main$5), {
+                      "as-child": "",
+                      trapped: unref(isModal),
+                      loop: unref(isModal),
+                      modal: unref(isModal)
+                    }, {
+                      default: withCtx(() => [
+                        createVNode(unref(_sfc_main$6), mergeProps({
+                          "is-escape-disabled": !unref(dismissOnEscape),
+                          "is-outside-click-disabled": !unref(dismissOnOutsideClick),
+                          "on-escape": handleEscape,
+                          "on-outside-pointer-down": handleOutsidePointerDown,
+                          role: "dialog",
+                          "aria-modal": unref(isModal) || void 0
+                        }, rest.value, { class: classes.value }), {
+                          default: withCtx(() => [
+                            renderSlot(_ctx.$slots, "default")
+                          ]),
+                          _: 3
+                        }, 16, ["is-escape-disabled", "is-outside-click-disabled", "aria-modal", "class"])
+                      ]),
+                      _: 3
+                    }, 8, ["trapped", "loop", "modal"])
+                  ]),
+                  _: 3
+                }, 8, ["anchor", "placement", "offset"])
+              ])
+            ]),
+            _: 3
+          }, 8, ["is-present"])
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+export {
+  ListboxPickerItemState as L,
+  OverlayExtensions as O,
+  _sfc_main$2 as _,
+  _sfc_main as a,
+  _sfc_main$1 as b,
+  listboxItemVariants as c,
+  listboxEmptyVariants as d,
+  listboxSeparatorVariants as e,
+  listboxVariants as f,
+  listboxGroupLabelVariants as l
+};
+//# sourceMappingURL=PopoverContent.vue_vue_type_script_setup_true_lang-DPJZHdv2.js.map

package/dist/chunks/PopoverContent.vue_vue_type_script_setup_true_lang-DPJZHdv2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PopoverContent.vue_vue_type_script_setup_true_lang-DPJZHdv2.js","sources":["../../src/presentation/forms/listboxPicker/ListboxPicker.variants.ts","../../src/presentation/overlays/OverlayExtensions.ts","../../src/presentation/overlays/popover/Popover.vue","../../src/presentation/overlays/popover/PopoverTrigger.vue","../../src/presentation/overlays/popover/PopoverContent.vue"],"sourcesContent":["import { tv, type VariantProps } from '../../../foundation/styles';\n\n/** Defines the visual state of a listbox item. */\nexport const ListboxPickerItemState = {\n  /** Refers to the resting item. */\n  Default: 'default',\n  /** Refers to the active (roving-focused) item. */\n  Active: 'active',\n  /** Refers to a selected item. */\n  Selected: 'selected',\n  /** Refers to a disabled item. */\n  Disabled: 'disabled',\n} as const;\n\nexport type ListboxPickerItemState = (typeof ListboxPickerItemState)[keyof typeof ListboxPickerItemState];\n\n/* ListboxPicker container — STRUCTURAL only. SurfaceLayout chrome (bg, border, shadow,\n   rounded, padding) is composed from `surfaceVariants` in `ListboxPicker.tsx`. */\nexport const listboxVariants = tv({\n  base: 'flex max-h-72 flex-col gap-0.5 overflow-y-auto text-sm outline-hidden',\n});\n\nexport const listboxItemVariants = tv({\n  base: 'relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden',\n  variants: {\n    state: {\n      default: 'text-popover-foreground',\n      active: 'bg-muted text-foreground',\n      selected: 'bg-primary-soft text-primary-soft-foreground',\n      disabled: 'pointer-events-none opacity-50',\n    },\n  },\n  defaultVariants: { state: 'default' },\n});\n\nexport const listboxGroupLabelVariants = tv({\n  base: 'px-2 py-1.5 text-xs font-semibold text-muted-foreground',\n});\n\nexport const listboxSeparatorVariants = tv({\n  base: '-mx-1 my-1 h-px bg-border',\n});\n\nexport const listboxEmptyVariants = tv({\n  base: 'px-2 py-6 text-center text-sm text-muted-foreground',\n});\n\nexport type ListboxPickerVariants = VariantProps<typeof listboxVariants>;\nexport type ListboxPickerItemVariants = VariantProps<typeof listboxItemVariants>;\n\n/* Compile-time lock: enum values ≡ tv axis keys (drift = type error). */\ntype AssertExact<A, B> = [A] extends [B] ? ([B] extends [A] ? true : never) : never;\nconst _assertListboxItemState: AssertExact<\n  ListboxPickerItemState,\n  NonNullable<VariantProps<typeof listboxItemVariants>['state']>\n> = true;\nvoid _assertListboxItemState;\n","// Domain-internal helpers for `overlays/`. Not exported from the group barrel —\n// the \"internal\" signal is absence from `index.ts`, not the file name.\n\n/** Extends `overlays/` with the DOM-node reads its triggers and panels share. */\nexport const OverlayExtensions = {\n  /**\n   * The DOM node behind a template ref, or `null`.\n   *\n   * The `typeof` guard is load-bearing rather than defensive. Every overlay seeds\n   * its trigger element from a `watch(..., { immediate: true, flush: 'post' })`,\n   * and Vue runs an *immediate* watcher once during SSR — where `HTMLElement` is\n   * not a global, so a bare `value instanceof HTMLElement` throws `ReferenceError`\n   * and takes the whole server render down. Returning `null` on the server is\n   * correct as well as safe: there is no element to anchor to until hydration.\n   */\n  toHtmlElement(value: unknown): HTMLElement | null {\n    if (typeof HTMLElement === 'undefined') return null;\n    return value instanceof HTMLElement ? value : null;\n  },\n} as const;\n","<script lang=\"ts\">\nimport { inject, type ComputedRef, type InjectionKey, type Ref, type ShallowRef } from 'vue';\nimport type { Placement } from '@floating-ui/vue';\n\n/**\n * The value shared with `PopoverTrigger` / `PopoverContent`.\n *\n * React carried the trigger twice — a ref for imperative focus and a state copy\n * so an initially-open popover re-rendered anchored. A `shallowRef` is already\n * reactive, so one field covers both here.\n */\nexport interface PopoverContextValue {\n  /** The resolved open state. Writable — an assignment routes through `setOpen`. */\n  open: Ref<boolean>;\n  setOpen: (open: boolean) => void;\n  /** The trigger element — the positioning anchor and the focus-return target. */\n  triggerEl: ShallowRef<HTMLElement | null>;\n  placement: ComputedRef<Placement>;\n  offset: ComputedRef<number>;\n  isModal: ComputedRef<boolean>;\n  dismissOnOutsideClick: ComputedRef<boolean>;\n  dismissOnEscape: ComputedRef<boolean>;\n}\n\nexport const popoverContextKey: InjectionKey<PopoverContextValue> = Symbol('wow-two.popover');\n\nexport function usePopoverContext(): PopoverContextValue {\n  const context = inject(popoverContextKey, null);\n  if (!context) throw new Error('Popover.* must be used inside <Popover>');\n  return context;\n}\n\n/** Controlled axes use their canonical Vue model names; each update event requests caller state. */\nexport interface PopoverProps {\n  /** The open state, controlled. The `v-model:open` binding target. */\n  readonly open?: boolean;\n\n  /** The initial open state when uncontrolled. Default `false`. */\n  readonly defaultOpen?: boolean;\n\n  /** The Floating UI placement. Default `bottom`. */\n  readonly placement?: Placement;\n\n  /** The distance between anchor and panel in px. Default 8. */\n  readonly offset?: number;\n\n  /** Whether the panel is modal and traps focus. Default false. */\n  readonly isModal?: boolean;\n\n  /** The outside-click dismissal toggle. Default `true`. */\n  readonly dismissOnOutsideClick?: boolean;\n\n  /** The Escape dismissal toggle. Default `true`. */\n  readonly dismissOnEscape?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, provide, shallowRef } from 'vue';\nimport { useControlled } from '../../../foundation/state';\n\n/**\n * Renders only its slot, owning the open state and placement of the Popover tree below it.\n * React returned a bare context Provider, which has no element of its own.\n */\ndefineOptions({ name: 'Popover', inheritAttrs: false });\n\n/** The Popover tree — `PopoverTrigger` and `PopoverContent`. React's `children`. */\ndefineSlots<{ default(): unknown }>();\n\n/** `open` default to `undefined` so an absent prop cannot read as an explicit `false`. */\nconst props = withDefaults(defineProps<PopoverProps>(), {\n  open: undefined,\n  defaultOpen: false,\n  placement: 'bottom',\n  offset: 8,\n  isModal: false,\n  dismissOnOutsideClick: true,\n  dismissOnEscape: true,\n});\n\nconst emit = defineEmits<{\n  /** Fires when the popover opens or closes — the `v-model:open` half. */\n  'update:open': [open: boolean];\n}>();\n\nconst controlled = useControlled<boolean>({\n  controlled: () => props.open,\n  default: () => props.defaultOpen,\n  onChange: (value) => {\n    emit('update:open', value);\n  },\n});\n\nconst triggerEl = shallowRef<HTMLElement | null>(null);\n\nprovide(popoverContextKey, {\n  open: controlled.value,\n  setOpen: controlled.setValue,\n  triggerEl,\n  placement: computed(() => props.placement),\n  offset: computed(() => props.offset),\n  isModal: computed(() => props.isModal),\n  dismissOnOutsideClick: computed(() => props.dismissOnOutsideClick),\n  dismissOnEscape: computed(() => props.dismissOnEscape),\n});\n</script>\n\n<template>\n  <slot />\n</template>\n","<script lang=\"ts\">\n/**\n * The prop surface of `PopoverTrigger`.\n *\n * React declared `extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'>`;\n * attributes reach the root through `useAttrs` here, so only `asChild` remains.\n */\nexport interface PopoverTriggerProps {\n  /** Merge onto the single slot child instead of rendering a `<button>`. */\n  readonly asChild?: boolean;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs, useTemplateRef, watch, type ComponentPublicInstance } from 'vue';\nimport { OverlayExtensions } from '../OverlayExtensions';\nimport { Primitive } from '../../../foundation/primitives';\nimport { usePopoverContext } from './Popover.vue';\n\n/** Renders the control that toggles the enclosing `Popover` and anchors its panel. */\ndefineOptions({ name: 'PopoverTrigger', inheritAttrs: false });\n\n/** The trigger content — React's `children`. */\ndefineSlots<{ default(): unknown }>();\n\nconst props = withDefaults(defineProps<PopoverTriggerProps>(), { asChild: false });\n\nconst attrs = useAttrs();\nconst context = usePopoverContext();\nconst inner = useTemplateRef<ComponentPublicInstance>('inner');\n\n/* Lifted to a setup const so the template auto-unwraps it (a plain injected object does not). */\nconst isOpen = context.open;\n\nwatch(\n  inner,\n  (instance) => {\n    context.triggerEl.value = OverlayExtensions.toHtmlElement(instance?.$el);\n  },\n  { immediate: true, flush: 'post' },\n);\n\n/**\n * `@click` is declared after `v-bind=\"attrs\"`, so Vue chains the caller's own\n * handler first and this one second — React's `onClick?.(e)` order, which is\n * what makes the `defaultPrevented` opt-out work.\n */\nfunction handleClick(event: MouseEvent): void {\n  if (event.defaultPrevented) return;\n  context.setOpen(!context.open.value);\n}\n\n/** `Primitive` renders the real element, so its `$el` is this component's root. */\nconst el = computed(() => (inner.value?.$el ?? null) as HTMLElement | null);\n\ndefineExpose({ el });\n</script>\n\n<template>\n  <Primitive\n    ref=\"inner\"\n    as=\"button\"\n    :as-child=\"props.asChild\"\n    type=\"button\"\n    aria-haspopup=\"dialog\"\n    :aria-expanded=\"isOpen\"\n    :data-state=\"isOpen ? 'open' : 'closed'\"\n    v-bind=\"attrs\"\n    @click=\"handleClick\"\n  >\n    <slot />\n  </Primitive>\n</template>\n","<script lang=\"ts\">\nimport type {\n  SurfaceElevation,\n  SurfacePadding,\n  SurfaceRadius,\n  SurfaceTone,\n  SurfaceVariant,\n} from '../../../foundation/styles';\n\n/**\n * Represents the prop surface of `PopoverContent`.\n *\n * React declared the surface axes by `extends SurfaceLayoutVariants`; they are\n * spelled out here because the SFC compiler's type resolver cannot follow a\n * `VariantProps<typeof …>` base and fails the build on it. The aliases below\n * are the canonical ones from `foundation/styles`, already locked against the\n * `surfaceVariants` config there, so the two cannot drift.\n */\nexport interface PopoverContentProps {\n  /** The bare toggle — skips the surface chrome (bg/border/shadow); keeps only z-index + animation. */\n  readonly isBare?: boolean;\n\n  /** The visual recipe. */\n  readonly variant?: SurfaceVariant;\n\n  /** The color tone the recipe is tinted with. */\n  readonly tone?: SurfaceTone;\n\n  /** The corner rounding. */\n  readonly radius?: SurfaceRadius;\n\n  /** The inner spacing step. Defaults to `lg` with chrome on, `none` when bare. */\n  readonly padding?: SurfacePadding;\n\n  /** The shadow depth. */\n  readonly elevation?: SurfaceElevation;\n}\n\n/** Contains the default chrome width that preserves the historical look. */\nconst DefaultWidth = 'w-72';\n</script>\n\n<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue';\nimport { cn, surfaceVariants } from '../../../foundation/styles';\nimport { AnchoredPositioner, DismissableLayer, FocusScope, Portal, Presence } from '../../../foundation/primitives';\nimport { usePopoverContext } from './Popover.vue';\n\n/** Renders the anchored, dismissable popover panel. */\ndefineOptions({ name: 'PopoverContent', inheritAttrs: false });\n\n/** The panel content — React's `children`. */\ndefineSlots<{ default(): unknown }>();\n\nconst props = defineProps<PopoverContentProps>();\n\nconst attrs = useAttrs();\nconst context = usePopoverContext();\n\n/* Refs lifted to setup consts so the template auto-unwraps them (a plain injected object does not). */\nconst isOpen = context.open;\nconst placement = context.placement;\nconst offset = context.offset;\nconst isModal = context.isModal;\nconst dismissOnEscape = context.dismissOnEscape;\nconst dismissOnOutsideClick = context.dismissOnOutsideClick;\n\nconst anchor = computed(() => context.triggerEl.value);\n\n/** Default to `lg` padding when chrome is on (matches the old `p-4`); the caller can override. */\nconst resolvedPadding = computed(() => props.padding ?? (props.isBare ? 'none' : 'lg'));\n\nconst classes = computed(() =>\n  cn(\n    /* pop (fade+scale) gated on the portal-root data-state + motion-safe\n       so reduced-motion users get no movement. */\n    'outline-hidden',\n    'motion-safe:group-data-[state=open]:animate-(--animate-pop-in)',\n    'motion-safe:group-data-[state=closed]:animate-(--animate-pop-out) motion-reduce:animate-none',\n    !props.isBare &&\n      cn(\n        DefaultWidth,\n        surfaceVariants({\n          variant: props.variant,\n          tone: props.tone,\n          radius: props.radius,\n          padding: resolvedPadding.value,\n          elevation: props.elevation,\n        }),\n      ),\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\nfunction handleEscape(): void {\n  context.setOpen(false);\n  requestAnimationFrame(() => context.triggerEl.value?.focus());\n}\n\nfunction handleOutsidePointerDown(event: PointerEvent): void {\n  if (context.triggerEl.value?.contains(event.target as Node)) return;\n  context.setOpen(false);\n}\n</script>\n\n<template>\n  <!--\n    React portalled from *inside* the Presence-cloned root; Vue resolves a cloned\n    `ref` through `$el` and a Teleport has no element, so `Portal` is hoisted and\n    the `contents` root stays the Presence node — which is what carries\n    `data-state` for the panel's `group-data-[state=*]` pop.\n  -->\n  <Portal>\n    <Presence :is-present=\"isOpen\">\n      <!--\n        `Presence`-clonable root: accepts `data-state` + `ref`, marked `group` so\n        the panel animates off it, and holds no layout of its own\n        (`display: contents`) so anchored positioning is unaffected.\n      -->\n      <div class=\"group contents\">\n        <!-- z-popover (80) on the SC root (transform makes the stacking context) so a\n             popover from a Modal (z-modal, 70) paints above it — both portal to body. -->\n        <AnchoredPositioner :anchor=\"anchor\" :placement=\"placement\" :offset=\"offset\" class=\"z-popover\">\n          <!--\n            `FocusScope as-child` merges into `DismissableLayer`, whose own root div\n            *is* the panel — React kept a layer div around a separate panel div. The\n            two share a box, and collapsing them puts `role`, the surface classes and\n            the outside-click boundary on one node.\n          -->\n          <FocusScope as-child :trapped=\"isModal\" :loop=\"isModal\" :modal=\"isModal\">\n            <DismissableLayer\n              :is-escape-disabled=\"!dismissOnEscape\"\n              :is-outside-click-disabled=\"!dismissOnOutsideClick\"\n              :on-escape=\"handleEscape\"\n              :on-outside-pointer-down=\"handleOutsidePointerDown\"\n              role=\"dialog\"\n              :aria-modal=\"isModal || undefined\"\n              v-bind=\"rest\"\n              :class=\"classes\"\n            >\n              <slot />\n            </DismissableLayer>\n          </FocusScope>\n        </AnchoredPositioner>\n      </div>\n    </Presence>\n  </Portal>\n</template>\n"],"names":["_renderSlot","_openBlock","_createBlock","_unref","_mergeProps","Portal","_createVNode","_createElementVNode","AnchoredPositioner","FocusScope"],"mappings":"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"}

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

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

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

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

package/dist/chunks/Presence-BwBquQOQ.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Presence-BwBquQOQ.js","sources":["../../src/foundation/primitives/presence/Presence.ts"],"sourcesContent":["import { cloneVNode, defineComponent, shallowRef, watch, type VNode } from 'vue';\nimport { renderableChildren } from '../slot/Slot';\n\nexport interface PresenceProps {\n  /** The presence flag — toggle false to trigger exit. */\n  readonly isPresent: boolean;\n}\n\nfunction parseTimes(value: string): ReadonlyArray<number> {\n  return value.split(',').map((part) => {\n    const trimmed = part.trim();\n    const ms = trimmed.endsWith('ms') ? parseFloat(trimmed) : parseFloat(trimmed) * 1000;\n    return Number.isFinite(ms) ? ms : 0;\n  });\n}\n\n/** Longest computed transition/animation (duration + delay) in ms. */\nfunction getTotalDurationMs(node: HTMLElement): number {\n  const cs = getComputedStyle(node);\n  const maxOf = (durations: ReadonlyArray<number>, delays: ReadonlyArray<number>) =>\n    durations.reduce((max, duration, i) => Math.max(max, duration + (delays[i % delays.length] ?? 0)), 0);\n  return Math.max(\n    maxOf(parseTimes(cs.transitionDuration), parseTimes(cs.transitionDelay)),\n    maxOf(parseTimes(cs.animationDuration), parseTimes(cs.animationDelay)),\n  );\n}\n\n/** A function ref may receive a component's public instance; the DOM node is what the timing logic needs. */\nfunction toElement(value: unknown): HTMLElement | null {\n  if (value instanceof HTMLElement) return value;\n  const el = (value as { $el?: unknown } | null)?.$el;\n  return el instanceof HTMLElement ? el : null;\n}\n\n/**\n * The timeout that stands in for two frames where `requestAnimationFrame` never fires.\n *\n * ~2 frames at 60Hz. Long enough that rAF wins whenever the document is actually being\n * painted, short enough that the enter flip is not perceptibly late when it does not.\n */\nconst TwoFramesMs = 32;\n\n/**\n * Runs `cb` after two animation frames, or after {@link TwoFramesMs}, whichever lands first.\n *\n * `requestAnimationFrame` does not fire at all while `document.hidden` — a background tab, a\n * prerendered page, an embedded webview. Gating on rAF alone left an overlay mounted stuck at\n * `data-state=\"closed\"` on enter and, worse, never unmounted on exit: a full-viewport\n * `pointer-events: auto` layer over a page that looked idle. The timer is the floor under that.\n *\n * Returns a cancel function; whichever path fires first cancels the other, so `cb` runs once.\n */\nfunction afterTwoFrames(cb: () => void): () => void {\n  let settled = false;\n  let raf1 = 0;\n  let raf2 = 0;\n\n  const clear = (): void => {\n    if (typeof cancelAnimationFrame !== 'undefined') {\n      cancelAnimationFrame(raf1);\n      cancelAnimationFrame(raf2);\n    }\n    clearTimeout(timer);\n  };\n\n  const run = (): void => {\n    if (settled) return;\n    settled = true;\n    clear();\n    cb();\n  };\n\n  if (typeof requestAnimationFrame !== 'undefined') {\n    raf1 = requestAnimationFrame(() => {\n      raf2 = requestAnimationFrame(run);\n    });\n  }\n  /* Declared after `clear` closes over it: both callers are async, so the binding is\n     always initialised by the time either one reads it. */\n  const timer = setTimeout(run, TwoFramesMs);\n\n  return (): void => {\n    settled = true;\n    clear();\n  };\n}\n\n/**\n * Defer unmount until the child's exit animation/transition finishes.\n * Pass `is-present=\"false\"` to start the exit; the child stays mounted with\n * `data-state=\"closed\"` until its own `animationend`/`transitionend` fires\n * (or a computed-duration timeout as a fallback). If no exit animation\n * actually starts, the child unmounts immediately. On enter, the child\n * mounts with `data-state=\"closed\"` and flips to `\"open\"` on the next\n * frame so enter transitions play.\n *\n * Deliberately not Vue's `<Transition>`: this primitive drives unmount off the\n * child's *own* computed timing rather than off CSS class hooks, which is what\n * lets a consumer style the exit entirely in their own stylesheet.\n *\n * Both effects use `flush: 'post'`, the analogue of React's `useEffect` here —\n * the DOM node must exist before the timing window opens.\n *\n * Neither effect depends on `requestAnimationFrame` firing. Both go through\n * {@link afterTwoFrames}, and the exit additionally arms its unmount timer up front, so a\n * document that is never painted still enters and — the part that matters — still unmounts.\n */\nexport const Presence = defineComponent({\n  name: 'Presence',\n  props: {\n    isPresent: { type: Boolean, required: true },\n  },\n  setup(props, { slots }) {\n    const rendered = shallowRef(props.isPresent);\n    const dataState = shallowRef<'open' | 'closed'>('closed');\n    const node = shallowRef<HTMLElement | null>(null);\n\n    const setNode = (value: unknown): void => {\n      node.value = toElement(value);\n    };\n\n    // Enter — mount closed, then flip to open on the next frame (double rAF\n    // so the closed styles are committed and painted first) to run transitions.\n    watch(\n      [() => props.isPresent, rendered, dataState],\n      ([isPresent], _previous, onCleanup) => {\n        if (!isPresent) return;\n        if (!rendered.value) {\n          rendered.value = true;\n          return;\n        }\n        if (dataState.value === 'open') return;\n        /* `immediate: true` makes this watcher run during SSR too (Vue skips only the\n           non-immediate post-flush ones), and there is neither `requestAnimationFrame` nor a\n           useful `setTimeout` on the server. Bail rather than throw: the server emits\n           `data-state=\"closed\"`, which is exactly what the client's first render produces, so\n           hydration still matches and this same watcher runs the enter on the client. */\n        if (typeof requestAnimationFrame === 'undefined' && typeof setTimeout === 'undefined') {\n          return;\n        }\n        onCleanup(\n          afterTwoFrames(() => {\n            dataState.value = 'open';\n          }),\n        );\n      },\n      { immediate: true, flush: 'post' },\n    );\n\n    // Exit — flip to closed, then unmount when the child's own exit\n    // animation/transition ends; immediately if none starts within a frame\n    // window; or after the computed total duration as a safety net.\n    watch(\n      () => props.isPresent,\n      (isPresent, _previous, onCleanup) => {\n        if (isPresent) return;\n        const el = node.value;\n        if (!el) {\n          rendered.value = false;\n          return;\n        }\n        let started = false;\n        const onStart = (event: Event) => {\n          if (event.target === el) started = true;\n        };\n        const onEnd = (event: Event) => {\n          if (event.target === el) rendered.value = false;\n        };\n        el.addEventListener('animationstart', onStart);\n        el.addEventListener('transitionrun', onStart);\n        el.addEventListener('animationend', onEnd);\n        el.addEventListener('transitionend', onEnd);\n        // Flip the DOM synchronously so the start-detection window below is\n        // deterministic; the next render settles on the same value.\n        el.setAttribute('data-state', 'closed');\n        dataState.value = 'closed';\n\n        /* Armed here, NOT inside the frame callback.\n           This is the unmount guarantee: `animationend` does not fire for an animation that\n           never started, and neither the frame callback nor the event listeners run at all in\n           a document that is never painted. Previously this timer lived inside the inner rAF,\n           so all three failure paths converged on \"stays mounted forever\" — a full-viewport\n           `pointer-events: auto` scrim the user cannot click past. `getComputedStyle` recalcs\n           synchronously, so reading the duration right after the flip already reflects the\n           closed state's timing. */\n        const safety = setTimeout(\n          () => {\n            rendered.value = false;\n          },\n          getTotalDurationMs(el) + 100,\n        );\n\n        /* The fast path — nothing is animating, so drop it now rather than wait out the\n           safety timer. */\n        const cancelFrames = afterTwoFrames(() => {\n          const animating = started || (el.getAnimations?.().length ?? 0) > 0;\n          if (!animating) rendered.value = false;\n        });\n\n        onCleanup(() => {\n          el.removeEventListener('animationstart', onStart);\n          el.removeEventListener('transitionrun', onStart);\n          el.removeEventListener('animationend', onEnd);\n          el.removeEventListener('transitionend', onEnd);\n          cancelFrames();\n          clearTimeout(safety);\n        });\n      },\n      { immediate: true, flush: 'post' },\n    );\n\n    return (): VNode | null => {\n      if (!rendered.value) return null;\n      const child = renderableChildren(slots.default?.())[0];\n      if (!child) return null;\n      // `mergeRef` composes our tracking ref with any ref the consumer already\n      // put on the child, the job React's `useComposedRefs` did here.\n      return cloneVNode(child, { 'data-state': dataState.value, ref: setNode }, true);\n    };\n  },\n});\n"],"names":[],"mappings":"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"}

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

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

package/dist/chunks/Primitive-Bt_MgDir.js

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

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

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

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

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