@zyncat/ui 0.11.0 → 0.13.0

package/dist/toggle.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/primitives/toggle/Toggle.tsx"],"names":[],"mappings":";;;;;;AAyCO,SAAS,MAAA,CAAO;AAAA,EACrB,OAAA;AAAA,EACA,cAAA,GAAiB,KAAA;AAAA,EACjB,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAAgB;AACd,EAAA,MAAM,CAAC,MAAM,KAAK,CAAA,GAAI,gBAAgB,OAAA,EAAS,CAAC,CAAC,cAAc,CAAA;AAE/D,EAAA,MAAM,GAAA,GAAM,GAAG,IAAA,EAAM,IAAA,KAAS,QAAQ,QAAA,EAAU,QAAA,IAAY,gBAAgB,SAAS,CAAA;AAErF,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,SAAS,MAAM,EAAA,EAAa;AAC1B,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,CAAC,QAAA,EAAU,UAAA,CAAW,EAAE,CAAA;AAAA,IAC9B,CAAA;AAAA,EACF;AAEA,EAAA,SAAS,aAAa,CAAA,EAAkC;AACtD,IAAA,KAAA,CAAM,CAAA,CAAE,OAAO,OAAO,CAAA;AACtB,IAAA,IAAI,QAAA,WAAmB,CAAC,CAAA;AAAA,EAC1B;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAA;AAAA,MACX,KAAA;AAAA,MACA,aAAA,EAAe,MAAM,IAAI,CAAA;AAAA,MACzB,WAAA,EAAa,MAAM,KAAK,CAAA;AAAA,MACxB,cAAA,EAAgB,MAAM,KAAK,CAAA;AAAA,MAC3B,eAAA,EAAiB,MAAM,KAAK,CAAA;AAAA,MAE5B,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,UAAA;AAAA,YACL,IAAA,EAAK,QAAA;AAAA,YACL,SAAA,EAAU,WAAA;AAAA,YACV,QAAA;AAAA,YACA,OAAA,EAAS,IAAA;AAAA,YACT,QAAA,EAAU,YAAA;AAAA,YACT,GAAG,SAAA;AAAA,YACJ,cAAA,EAAgB;AAAA;AAAA,SAClB;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,WAAA;AAAA,YACV,SAAA,EAAS,OAAO,MAAA,GAAS,MAAA;AAAA,YACzB,cAAA,EAAc,UAAU,MAAA,GAAS,MAAA;AAAA,YACjC,aAAA,EAAY,MAAA;AAAA,YAEZ,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAY;AAAA;AAAA,SAC9B;AAAA,QACC,KAAA,IAAS,WAAA,mBACR,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,UAAA,EACb,QAAA,EAAA;AAAA,UAAA,KAAA,mBAAQ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAa,iBAAM,CAAA,GAAU,IAAA;AAAA,UACrD,8BAAc,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,uBAAY,CAAA,GAAU;AAAA,SAAA,EACnE,CAAA,GACE;AAAA;AAAA;AAAA,GACN;AAEJ","file":"toggle.js","sourcesContent":["'use client';\n\nimport './toggle.css';\nimport {\n  useState,\n  type ChangeEvent,\n  type ChangeEventHandler,\n  type CSSProperties,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react';\nimport { useControllable } from '../../internal/hooks/use-controllable';\nimport type { DataAttributes } from '../../../dom-props';\nimport { cx } from '../../internal/utils/cx';\n\ninterface ToggleOwnProps {\n  /** Controlled checked state. Omit for uncontrolled (use `defaultChecked`). */\n  checked?: boolean;\n  /** Uncontrolled initial state. */\n  defaultChecked?: boolean;\n  /** Disabled - inert and de-emphasized (faded track, retains its position). */\n  disabled?: boolean;\n  /** Track size: `md` 36x20 - `sm` 28x16 for dense settings/table rows. @default 'md' */\n  size?: 'sm' | 'md';\n  /** Label text beside the track. */\n  label?: ReactNode;\n  /** Optional secondary line under the label (settings rows). */\n  description?: ReactNode;\n  /** Fires on flip - read `e.target.checked`. */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /** Extra class(es) merged onto the root label. */\n  className?: string;\n  /** Inline styles merged onto the root label. */\n  style?: CSSProperties;\n}\n\nexport interface ToggleProps extends ToggleOwnProps {\n  /** Standard <input> attributes (name, value, required, aria-*, ...) forwarded to the switch input. */\n  htmlProps?: Omit<InputHTMLAttributes<HTMLInputElement>, keyof ToggleOwnProps | 'type'> & DataAttributes;\n}\n\nexport function Toggle({\n  checked,\n  defaultChecked = false,\n  disabled = false,\n  size = 'md',\n  label,\n  description,\n  className = '',\n  style,\n  onChange,\n  htmlProps,\n}: ToggleProps) {\n  const [isOn, setOn] = useControllable(checked, !!defaultChecked);\n\n  const cls = cx('sw', size === 'sm' && 'sw--sm', disabled && 'sw--disabled', className);\n\n  const [pressed, setPressed] = useState(false);\n  function press(on: boolean) {\n    return () => {\n      if (!disabled) setPressed(on);\n    };\n  }\n\n  function handleChange(e: ChangeEvent<HTMLInputElement>) {\n    setOn(e.target.checked);\n    if (onChange) onChange(e);\n  }\n\n  return (\n    <label\n      className={cls}\n      style={style}\n      onPointerDown={press(true)}\n      onPointerUp={press(false)}\n      onPointerLeave={press(false)}\n      onPointerCancel={press(false)}\n    >\n      <input\n        type=\"checkbox\"\n        role=\"switch\"\n        className=\"sw__input\"\n        disabled={disabled}\n        checked={isOn}\n        onChange={handleChange}\n        {...htmlProps}\n        defaultChecked={undefined}\n      />\n      <span\n        className=\"sw__track\"\n        data-on={isOn ? 'true' : undefined}\n        data-pressed={pressed ? 'true' : undefined}\n        aria-hidden=\"true\"\n      >\n        <span className=\"sw__thumb\"></span>\n      </span>\n      {label || description ? (\n        <span className=\"sw__text\">\n          {label ? <span className=\"sw__label\">{label}</span> : null}\n          {description ? <span className=\"sw__desc\">{description}</span> : null}\n        </span>\n      ) : null}\n    </label>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/primitives/toggle/Toggle.tsx"],"names":[],"mappings":";;;;;;AA2CO,SAAS,MAAA,CAAO;AAAA,EACrB,OAAA;AAAA,EACA,cAAA,GAAiB,KAAA;AAAA,EACjB,QAAA,GAAW,KAAA;AAAA,EACX,IAAA,GAAO,IAAA;AAAA,EACP,KAAA;AAAA,EACA,WAAA;AAAA,EACA,SAAA,GAAY,EAAA;AAAA,EACZ,KAAA;AAAA,EACA,QAAA;AAAA,EACA;AACF,CAAA,EAAgB;AACd,EAAA,MAAM,CAAC,MAAM,KAAK,CAAA,GAAI,gBAAgB,OAAA,EAAS,CAAC,CAAC,cAAc,CAAA;AAE/D,EAAA,MAAM,GAAA,GAAM,GAAG,IAAA,EAAM,IAAA,KAAS,QAAQ,QAAA,EAAU,QAAA,IAAY,gBAAgB,SAAS,CAAA;AAErF,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,KAAK,CAAA;AAC5C,EAAA,SAAS,MAAM,EAAA,EAAa;AAC1B,IAAA,OAAO,MAAM;AACX,MAAA,IAAI,CAAC,QAAA,EAAU,UAAA,CAAW,EAAE,CAAA;AAAA,IAC9B,CAAA;AAAA,EACF;AAEA,EAAA,SAAS,aAAa,CAAA,EAAkC;AACtD,IAAA,KAAA,CAAM,CAAA,CAAE,OAAO,OAAO,CAAA;AACtB,IAAA,IAAI,QAAA,WAAmB,CAAC,CAAA;AAAA,EAC1B;AAEA,EAAA,uBACE,IAAA;AAAA,IAAC,OAAA;AAAA,IAAA;AAAA,MACC,SAAA,EAAW,GAAA;AAAA,MACX,KAAA;AAAA,MACA,aAAA,EAAe,MAAM,IAAI,CAAA;AAAA,MACzB,WAAA,EAAa,MAAM,KAAK,CAAA;AAAA,MACxB,cAAA,EAAgB,MAAM,KAAK,CAAA;AAAA,MAC3B,eAAA,EAAiB,MAAM,KAAK,CAAA;AAAA,MAE5B,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAK,UAAA;AAAA,YACL,IAAA,EAAK,QAAA;AAAA,YACL,SAAA,EAAU,WAAA;AAAA,YACV,QAAA;AAAA,YACA,OAAA,EAAS,IAAA;AAAA,YACT,QAAA,EAAU,YAAA;AAAA,YACT,GAAG,SAAA;AAAA,YACJ,cAAA,EAAgB;AAAA;AAAA,SAClB;AAAA,wBACA,GAAA;AAAA,UAAC,MAAA;AAAA,UAAA;AAAA,YACC,SAAA,EAAU,WAAA;AAAA,YACV,SAAA,EAAS,OAAO,MAAA,GAAS,MAAA;AAAA,YACzB,cAAA,EAAc,UAAU,MAAA,GAAS,MAAA;AAAA,YACjC,aAAA,EAAY,MAAA;AAAA,YAEZ,QAAA,kBAAA,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAY;AAAA;AAAA,SAC9B;AAAA,QACC,KAAA,IAAS,WAAA,mBACR,IAAA,CAAC,MAAA,EAAA,EAAK,WAAU,UAAA,EACb,QAAA,EAAA;AAAA,UAAA,KAAA,mBAAQ,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,WAAA,EAAa,iBAAM,CAAA,GAAU,IAAA;AAAA,UACrD,8BAAc,GAAA,CAAC,MAAA,EAAA,EAAK,SAAA,EAAU,UAAA,EAAY,uBAAY,CAAA,GAAU;AAAA,SAAA,EACnE,CAAA,GACE;AAAA;AAAA;AAAA,GACN;AAEJ","file":"toggle.js","sourcesContent":["'use client';\n\nimport './toggle.css';\n\nimport {\n  useState,\n  type ChangeEvent,\n  type ChangeEventHandler,\n  type CSSProperties,\n  type InputHTMLAttributes,\n  type ReactNode,\n} from 'react';\n\nimport type { DataAttributes } from '../../../dom-props';\nimport { useControllable } from '../../internal/hooks/use-controllable';\nimport { cx } from '../../internal/utils/cx';\n\ninterface ToggleOwnProps {\n  /** Controlled checked state. Omit for uncontrolled (use `defaultChecked`). */\n  checked?: boolean;\n  /** Uncontrolled initial state. */\n  defaultChecked?: boolean;\n  /** Disabled - inert and de-emphasized (faded track, retains its position). */\n  disabled?: boolean;\n  /** Track size: `md` 36x20 - `sm` 28x16 for dense settings/table rows. @default 'md' */\n  size?: 'sm' | 'md';\n  /** Label text beside the track. */\n  label?: ReactNode;\n  /** Optional secondary line under the label (settings rows). */\n  description?: ReactNode;\n  /** Fires on flip - read `e.target.checked`. */\n  onChange?: ChangeEventHandler<HTMLInputElement>;\n  /** Extra class(es) merged onto the root label. */\n  className?: string;\n  /** Inline styles merged onto the root label. */\n  style?: CSSProperties;\n}\n\nexport interface ToggleProps extends ToggleOwnProps {\n  /** Standard <input> attributes (name, value, required, aria-*, ...) forwarded to the switch input. */\n  htmlProps?: Omit<InputHTMLAttributes<HTMLInputElement>, keyof ToggleOwnProps | 'type'> & DataAttributes;\n}\n\nexport function Toggle({\n  checked,\n  defaultChecked = false,\n  disabled = false,\n  size = 'md',\n  label,\n  description,\n  className = '',\n  style,\n  onChange,\n  htmlProps,\n}: ToggleProps) {\n  const [isOn, setOn] = useControllable(checked, !!defaultChecked);\n\n  const cls = cx('sw', size === 'sm' && 'sw--sm', disabled && 'sw--disabled', className);\n\n  const [pressed, setPressed] = useState(false);\n  function press(on: boolean) {\n    return () => {\n      if (!disabled) setPressed(on);\n    };\n  }\n\n  function handleChange(e: ChangeEvent<HTMLInputElement>) {\n    setOn(e.target.checked);\n    if (onChange) onChange(e);\n  }\n\n  return (\n    <label\n      className={cls}\n      style={style}\n      onPointerDown={press(true)}\n      onPointerUp={press(false)}\n      onPointerLeave={press(false)}\n      onPointerCancel={press(false)}\n    >\n      <input\n        type=\"checkbox\"\n        role=\"switch\"\n        className=\"sw__input\"\n        disabled={disabled}\n        checked={isOn}\n        onChange={handleChange}\n        {...htmlProps}\n        defaultChecked={undefined}\n      />\n      <span\n        className=\"sw__track\"\n        data-on={isOn ? 'true' : undefined}\n        data-pressed={pressed ? 'true' : undefined}\n        aria-hidden=\"true\"\n      >\n        <span className=\"sw__thumb\"></span>\n      </span>\n      {label || description ? (\n        <span className=\"sw__text\">\n          {label ? <span className=\"sw__label\">{label}</span> : null}\n          {description ? <span className=\"sw__desc\">{description}</span> : null}\n        </span>\n      ) : null}\n    </label>\n  );\n}\n"]}

package/dist/tooltip.css

@@ -1,86 +1,87 @@
-/* tooltip.css - the floating tooltip surface (one shared bubble). */
+@layer zyncat.tokens, zyncat.components;
 
-.tooltip {
-  position: fixed;
-  left: 0;
-  top: 0;
-  box-sizing: border-box;
-  overflow: hidden; /* clips content while the box morphs  */
-  z-index: var(--layer-tooltip);
-  pointer-events: none;
-  width: max-content; /* the live bubble gets an animated width; this also sizes the measuring clone */
-  padding: var(--space-2) var(--space-3);
-  background: var(--bg-surface-raised);
-  color: var(--text-body);
-  border: var(--border-hairline) solid var(--border-default);
-  border-radius: var(--radius-md);
-  box-shadow: var(--shadow-lg);
-  font: var(--type-caption);
-  letter-spacing: var(--tracking-normal);
-}
+@layer zyncat.components {
+  /* tooltip.css - the floating tooltip surface (one shared bubble). */
 
-/* the hidden twin the host measures the NEXT box from (same styles, no motion) */
-.tooltip--measure {
-  visibility: hidden;
-  left: -9999px;
-  top: 0;
-}
+  .tooltip {
+    position: fixed;
+    left: 0;
+    top: 0;
+    box-sizing: border-box;
+    overflow: hidden; /* clips content while the box morphs  */
+    z-index: var(--layer-tooltip);
+    pointer-events: none;
+    width: max-content; /* the live bubble gets an animated width; this also sizes the measuring clone */
+    padding: var(--space-2) var(--space-3);
+    background: var(--bg-surface-raised);
+    color: var(--text-body);
+    border: var(--border-hairline) solid var(--border-default);
+    border-radius: var(--radius-md);
+    box-shadow: var(--shadow-lg);
+    font: var(--type-caption);
+    letter-spacing: var(--tracking-normal);
+  }
 
-/* default trigger wrapper - display:contents, so it adds no layout; carries the listeners + rect */
-.tooltip-anchor {
-  display: contents;
-}
+  /* the hidden twin the host measures the NEXT box from (same styles, no motion) */
+  .tooltip--measure {
+    visibility: hidden;
+    left: -9999px;
+    top: 0;
+  }
 
-/* wraps at the measure cap; the live body also gets its measured width inline (locked wrapping during the morph) */
-.tooltip__body {
-  display: block;
-  width: max-content;
-  max-inline-size: var(--measure-floating);
-  text-wrap: pretty;
-}
+  /* default trigger wrapper - display:contents, so it adds no layout; carries the listeners + rect */
+  .tooltip-anchor {
+    display: contents;
+  }
 
-/* grow from the trigger's edge (per placement) */
-.tooltip[data-placement='top'] {
-  transform-origin: center bottom;
-}
-.tooltip[data-placement='bottom'] {
-  transform-origin: center top;
-}
-.tooltip[data-placement='left'] {
-  transform-origin: right center;
-}
-.tooltip[data-placement='right'] {
-  transform-origin: left center;
-}
+  /* wraps at the measure cap; the live body also gets its measured width inline (locked wrapping during the morph) */
+  .tooltip__body {
+    display: block;
+    width: max-content;
+    max-inline-size: var(--measure-floating);
+    text-wrap: pretty;
+  }
 
-.tooltip__row {
-  display: flex;
-  align-items: baseline;
-  gap: var(--space-3);
-}
-.tooltip__shortcut {
-  flex: 0 0 auto;
-  font-family: var(--font-mono);
-  font-size: var(--size-micro);
-  font-variant-numeric: tabular-nums;
-  color: var(--text-subtle);
-  background: var(--bg-muted);
-  padding: 0 var(--space-1);
-  border-radius: var(--radius-sm);
-  white-space: nowrap;
-}
+  /* grow from the trigger's edge (per placement) */
+  .tooltip[data-placement='top'] {
+    transform-origin: center bottom;
+  }
+  .tooltip[data-placement='bottom'] {
+    transform-origin: center top;
+  }
+  .tooltip[data-placement='left'] {
+    transform-origin: right center;
+  }
+  .tooltip[data-placement='right'] {
+    transform-origin: left center;
+  }
 
-/* Multi-line content - rich nodes style themselves with these; keep hierarchy minimal. */
-.tooltip strong {
-  font-weight: var(--weight-medium);
-  color: var(--text-strong);
-}
-.tooltip p {
-  margin: 0;
-}
-.tooltip p + p {
-  margin-top: var(--space-1);
-}
-.tooltip .tooltip__muted {
-  color: var(--text-muted);
+  .tooltip__row {
+    display: flex;
+    align-items: baseline;
+    gap: var(--space-3);
+  }
+  .tooltip__shortcut {
+    flex: 0 0 auto;
+    font-family: var(--font-mono);
+    font-size: var(--size-micro);
+    font-variant-numeric: tabular-nums;
+    color: var(--text-subtle);
+    background: var(--bg-muted);
+    padding: 0 var(--space-1);
+    border-radius: var(--radius-sm);
+    white-space: nowrap;
+  }
+
+  /* Multi-line content - rich nodes style themselves with these; keep hierarchy minimal. */
+  .tooltip strong {
+    font-weight: var(--weight-medium);
+    color: var(--text-strong);
+  }
+  .tooltip p {
+    margin: 0;
+  }
+  .tooltip p + p {
+    margin-top: var(--space-1);
+  }
 }

package/dist/tooltip.js

@@ -1,8 +1,10 @@
 'use client';import { tokenPx } from './chunk-UE63OOVG.js';
-import { Presence } from './chunk-NGTA34V2.js';
-import { useMotion } from './chunk-XWUWYSCT.js';
-import { animate } from './chunk-YGCVWGUG.js';
-import { UIMotion } from './chunk-S5ZTZANS.js';
+import { popOut, popIn } from './chunk-HDSFWZ7L.js';
+import { Presence } from './chunk-DDRSMHN4.js';
+import { Motion } from './chunk-5PZ43DCG.js';
+import './chunk-M43IOM5C.js';
+import './chunk-IJS7TPGV.js';
+import { UIMotion } from './chunk-7IZJERGA.js';
 import { cx } from './chunk-QGNC7LH5.js';
 import './tooltip.css';
 import { useRef, useId, useEffect, Fragment, useSyncExternalStore, useState, useLayoutEffect } from 'react';
@@ -15,6 +17,7 @@ var TOOLTIP_DOM_ID = "pds-tooltip";
 var WARM_WINDOW = 300;
 var store = {
   active: null,
+  described: null,
   closeTimer: 0,
   warmUntil: 0,
   listeners: /* @__PURE__ */ new Set(),
@@ -27,9 +30,16 @@ var store = {
     store.listeners.forEach((l) => l());
   },
   isWarm: () => store.active !== null || performance.now() < store.warmUntil,
+  describe(el) {
+    if (store.described === el) return;
+    store.described?.removeAttribute("aria-describedby");
+    store.described = el;
+    el?.setAttribute("aria-describedby", TOOLTIP_DOM_ID);
+  },
   open(payload) {
     clearTimeout(store.closeTimer);
     store.active = payload;
+    store.describe(payload.anchor());
     store.emit();
   },
   close(id, grace = CLOSE_GRACE) {
@@ -40,6 +50,7 @@ var store = {
   },
   closeNow() {
     clearTimeout(store.closeTimer);
+    store.describe(null);
     if (!store.active) return;
     store.warmUntil = performance.now() + WARM_WINDOW;
     store.active = null;
@@ -74,6 +85,7 @@ function useHostElection() {
   );
 }
 var SM = UIMotion;
+var TIP_LAYOUT = { size: "morph", timing: UIMotion.t.layout };
 function targetBox(size, t, want) {
   const vw = window.innerWidth, vh = window.innerHeight, TIP_GAP = tokenPx("--space-2", 8) || 8, M = TIP_GAP;
   let p = want;
@@ -104,8 +116,8 @@ function targetBox(size, t, want) {
   };
 }
 var fromEdge = (p) => ({
-  x: p === "left" ? 4 : p === "right" ? -4 : 0,
-  y: p === "top" ? 4 : p === "bottom" ? -4 : 0
+  x: p === "left" ? SM.dist.sm : p === "right" ? -SM.dist.sm : 0,
+  y: p === "top" ? SM.dist.sm : p === "bottom" ? -SM.dist.sm : 0
 });
 function Body({ a, width }) {
   return /* @__PURE__ */ jsx("span", { className: "tooltip__body", style: width ? { width } : void 0, children: a.shortcut ? /* @__PURE__ */ jsxs("span", { className: "tooltip__row", children: [
@@ -113,24 +125,29 @@ function Body({ a, width }) {
     /* @__PURE__ */ jsx("kbd", { className: "tooltip__shortcut", children: a.shortcut })
   ] }) : a.content });
 }
-function TipSurface({ a, box, animate: animateSpec, exit }) {
-  const ref = useRef(null);
-  const bodyRef = useRef(null);
-  const settled = useRef(false);
-  useMotion(ref, { animate: animateSpec, exit });
-  useLayoutEffect(() => {
-    const el = ref.current;
-    if (!el) return;
-    if (!settled.current) {
-      settled.current = true;
-      return;
+function TipSurface({ a, box }) {
+  const edge = fromEdge(box.placement);
+  return /* @__PURE__ */ jsx(
+    Motion,
+    {
+      layout: true,
+      layoutTransition: TIP_LAYOUT,
+      className: "tooltip",
+      id: TOOLTIP_DOM_ID,
+      role: "tooltip",
+      "data-placement": box.placement,
+      style: { translate: `${box.x}px ${box.y}px`, width: box.w, height: box.h },
+      animate: [
+        { x: [edge.x, 0], y: [edge.y, 0], timing: { ...SM.t.layout, fill: "none" }, composite: "add" },
+        popIn(SM.scale.floating, SM.t.enter)
+      ],
+      exit: [
+        { x: [0, edge.x], y: [0, edge.y], timing: SM.t.exit, composite: "add" },
+        popOut(SM.scale.floating, SM.t.exit)
+      ],
+      children: /* @__PURE__ */ jsx(Motion, { as: "span", animate: { opacity: [0, 1], timing: SM.t.enter }, children: /* @__PURE__ */ jsx(Body, { a, width: box.bodyW }) }, a.id)
     }
-    animate(el, { x: [box.x], y: [box.y], width: [box.w], height: [box.h], timing: SM.t.layout });
-  }, [box.x, box.y, box.w, box.h]);
-  useLayoutEffect(() => {
-    if (bodyRef.current) animate(bodyRef.current, { opacity: [0, 1], timing: SM.t.enter });
-  }, [a.id]);
-  return /* @__PURE__ */ jsx("div", { ref, className: "tooltip", id: TOOLTIP_DOM_ID, role: "tooltip", "data-placement": box.placement, children: /* @__PURE__ */ jsx("span", { ref: bodyRef, children: /* @__PURE__ */ jsx(Body, { a, width: box.bodyW }) }) });
+  );
 }
 function TooltipHost() {
   const active = useSyncExternalStore(store.subscribe, store.get);
@@ -161,40 +178,10 @@ function TooltipHost() {
       window.removeEventListener("scroll", onScroll, true);
     };
   }, [active]);
-  const shown = useRef(null);
-  if (box) shown.current = { box, off: fromEdge(box.placement) };
   return createPortal(
     /* @__PURE__ */ jsxs(Fragment, { children: [
       active && /* @__PURE__ */ jsx("div", { className: "tooltip tooltip--measure", ref: measureRef, "aria-hidden": "true", children: /* @__PURE__ */ jsx(Body, { a: active }) }),
-      /* @__PURE__ */ jsx(Presence, { children: active && box && /* @__PURE__ */ jsx(
-        TipSurface,
-        {
-          a: active,
-          box,
-          animate: (el) => {
-            const at = shown.current;
-            if (!at) return null;
-            return animate(
-              el,
-              { width: [at.box.w], height: [at.box.h], timing: { duration: 0 } },
-              { x: [at.box.x + at.off.x, at.box.x], y: [at.box.y + at.off.y, at.box.y], timing: SM.t.layout },
-              { opacity: [0, 1], scale: [0.96, 1], timing: SM.t.enter }
-            );
-          },
-          exit: (el) => {
-            const at = shown.current;
-            if (!at) return null;
-            return animate(el, {
-              x: [at.box.x + at.off.x],
-              y: [at.box.y + at.off.y],
-              opacity: [0],
-              scale: [0.96],
-              timing: SM.t.exit
-            });
-          }
-        },
-        "tip"
-      ) })
+      /* @__PURE__ */ jsx(Presence, { children: active && box && /* @__PURE__ */ jsx(TipSurface, { a: active, box }, "tip") })
     ] }),
     document.body
   );
@@ -225,17 +212,20 @@ function Tooltip({
   function show(immediate) {
     if (disabled) return;
     clearTimeout(openTimer.current);
-    const el = anchorEl();
-    if (!el) return;
-    el.setAttribute("aria-describedby", TOOLTIP_DOM_ID);
-    const open = () => store.open({ id: myId, content, shortcut, placement, rect: () => anchorEl().getBoundingClientRect() });
+    if (!anchorEl()) return;
+    const open = () => store.open({
+      id: myId,
+      content,
+      shortcut,
+      placement,
+      anchor: anchorEl,
+      rect: () => anchorEl().getBoundingClientRect()
+    });
     if (immediate || store.isWarm()) open();
     else openTimer.current = setTimeout(open, openDelay);
   }
   function hide() {
     clearTimeout(openTimer.current);
-    const el = anchorEl();
-    if (el) el.removeAttribute("aria-describedby");
     store.close(myId, closeDelay);
   }
   const onEnter = (e) => {

package/dist/tooltip.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../src/components/composites/tooltip/tooltip-store.ts","../src/components/composites/tooltip/tooltip-host.tsx","../src/components/composites/tooltip/Tooltip.tsx"],"names":["useRef","useSyncExternalStore","useEffect","jsxs","Fragment","jsx"],"mappings":"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","file":"tooltip.js","sourcesContent":["'use client';\n\nimport { useEffect, useRef, useSyncExternalStore, type ReactNode } from 'react';\n\nexport type Placement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface ActivePayload {\n  id: string;\n  content: ReactNode;\n  shortcut?: string | null;\n  placement: Placement;\n  rect: () => DOMRect;\n}\n\nexport const OPEN_DELAY = 350;\nexport const CLOSE_GRACE = 140;\nexport const TOOLTIP_DOM_ID = 'pds-tooltip';\nconst WARM_WINDOW = 300;\n\nexport const store = {\n  active: null as ActivePayload | null,\n  closeTimer: 0 as ReturnType<typeof setTimeout> | 0,\n  warmUntil: 0,\n  listeners: new Set<() => void>(),\n  get: () => store.active,\n  subscribe(l: () => void) {\n    store.listeners.add(l);\n    return () => store.listeners.delete(l);\n  },\n  emit() {\n    store.listeners.forEach((l) => l());\n  },\n  isWarm: () => store.active !== null || performance.now() < store.warmUntil,\n  open(payload: ActivePayload) {\n    clearTimeout(store.closeTimer);\n    store.active = payload;\n    store.emit();\n  },\n  close(id: string, grace = CLOSE_GRACE) {\n    clearTimeout(store.closeTimer);\n    store.closeTimer = setTimeout(() => {\n      if (store.active && store.active.id === id) store.closeNow();\n    }, grace);\n  },\n  closeNow() {\n    clearTimeout(store.closeTimer);\n    if (!store.active) return;\n    store.warmUntil = performance.now() + WARM_WINDOW;\n    store.active = null;\n    store.emit();\n  },\n};\n\nconst hostReg = {\n  keys: [] as symbol[],\n  listeners: new Set<() => void>(),\n  subscribe(l: () => void) {\n    hostReg.listeners.add(l);\n    return () => hostReg.listeners.delete(l);\n  },\n  register(k: symbol) {\n    hostReg.keys.push(k);\n    hostReg.listeners.forEach((l) => l());\n    return () => {\n      const i = hostReg.keys.indexOf(k);\n      if (i >= 0) hostReg.keys.splice(i, 1);\n      hostReg.listeners.forEach((l) => l());\n    };\n  },\n};\n\nexport function useHostElection(): boolean {\n  const keyRef = useRef<symbol | null>(null);\n  if (!keyRef.current) keyRef.current = Symbol('tip-host');\n  useEffect(() => hostReg.register(keyRef.current!), []);\n  return useSyncExternalStore(\n    hostReg.subscribe,\n    () => hostReg.keys[0] === keyRef.current,\n    () => false,\n  );\n}\n","'use client';\n\nimport { Fragment, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from 'react';\nimport { createPortal } from 'react-dom';\nimport { animate } from '../../../engine';\nimport { Presence } from '../../../motion/presence';\nimport { useMotion, type MotionSpecs } from '../../../motion/use-motion';\nimport { UIMotion } from '../../../tokens/motion-tokens';\nimport { tokenPx } from '../../internal/utils/token-px';\nimport { store, TOOLTIP_DOM_ID, type ActivePayload, type Placement } from './tooltip-store';\n\nconst SM = UIMotion;\n\ninterface Size {\n  w: number;\n  h: number;\n}\ninterface TargetBox extends Size {\n  x: number;\n  y: number;\n  placement: Placement;\n}\ninterface RenderedBox extends TargetBox {\n  bodyW: number;\n}\n\nfunction targetBox(size: Size, t: DOMRect, want: Placement): TargetBox {\n  const vw = window.innerWidth,\n    vh = window.innerHeight,\n    TIP_GAP = tokenPx('--space-2', 8) || 8,\n    M = TIP_GAP;\n  let p = want;\n  if (p === 'top' && t.top - size.h - TIP_GAP < M) p = 'bottom';\n  else if (p === 'bottom' && t.bottom + size.h + TIP_GAP > vh - M) p = 'top';\n  else if (p === 'left' && t.left - size.w - TIP_GAP < M) p = 'right';\n  else if (p === 'right' && t.right + size.w + TIP_GAP > vw - M) p = 'left';\n  let x, y;\n  if (p === 'top') {\n    x = t.left + t.width / 2 - size.w / 2;\n    y = t.top - size.h - TIP_GAP;\n  } else if (p === 'bottom') {\n    x = t.left + t.width / 2 - size.w / 2;\n    y = t.bottom + TIP_GAP;\n  } else if (p === 'left') {\n    x = t.left - size.w - TIP_GAP;\n    y = t.top + t.height / 2 - size.h / 2;\n  } else {\n    x = t.right + TIP_GAP;\n    y = t.top + t.height / 2 - size.h / 2;\n  }\n  return {\n    x: Math.round(Math.min(Math.max(x, M), vw - size.w - M)),\n    y: Math.round(Math.min(Math.max(y, M), vh - size.h - M)),\n    w: size.w,\n    h: size.h,\n    placement: p,\n  };\n}\n\nconst fromEdge = (p: Placement) => ({\n  x: p === 'left' ? 4 : p === 'right' ? -4 : 0,\n  y: p === 'top' ? 4 : p === 'bottom' ? -4 : 0,\n});\n\nfunction Body({ a, width }: { a: ActivePayload; width?: number }) {\n  return (\n    <span className=\"tooltip__body\" style={width ? { width } : undefined}>\n      {a.shortcut ? (\n        <span className=\"tooltip__row\">\n          <span>{a.content}</span>\n          <kbd className=\"tooltip__shortcut\">{a.shortcut}</kbd>\n        </span>\n      ) : (\n        a.content\n      )}\n    </span>\n  );\n}\n\nfunction TipSurface({ a, box, animate: animateSpec, exit }: { a: ActivePayload; box: RenderedBox } & MotionSpecs) {\n  const ref = useRef<HTMLDivElement>(null);\n  const bodyRef = useRef<HTMLSpanElement>(null);\n  const settled = useRef(false);\n  useMotion(ref, { animate: animateSpec, exit });\n\n  useLayoutEffect(() => {\n    const el = ref.current;\n    if (!el) return;\n    if (!settled.current) {\n      settled.current = true;\n      return;\n    }\n    animate(el, { x: [box.x], y: [box.y], width: [box.w], height: [box.h], timing: SM.t.layout });\n  }, [box.x, box.y, box.w, box.h]);\n\n  useLayoutEffect(() => {\n    if (bodyRef.current) animate(bodyRef.current, { opacity: [0, 1], timing: SM.t.enter });\n  }, [a.id]);\n\n  return (\n    <div ref={ref} className=\"tooltip\" id={TOOLTIP_DOM_ID} role=\"tooltip\" data-placement={box.placement}>\n      <span ref={bodyRef}>\n        <Body a={a} width={box.bodyW} />\n      </span>\n    </div>\n  );\n}\n\nexport function TooltipHost() {\n  const active = useSyncExternalStore(store.subscribe, store.get);\n  const measureRef = useRef<HTMLDivElement>(null);\n  const [box, setBox] = useState<RenderedBox | null>(null);\n\n  useLayoutEffect(() => {\n    if (!active) {\n      setBox(null);\n      return;\n    }\n    const r = measureRef.current.getBoundingClientRect();\n    const b = (measureRef.current.firstChild as HTMLElement).getBoundingClientRect();\n    setBox({\n      ...targetBox({ w: Math.ceil(r.width), h: Math.ceil(r.height) }, active.rect(), active.placement),\n      bodyW: Math.ceil(b.width),\n    });\n  }, [active]);\n\n  useEffect(() => {\n    if (!active) return undefined;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') store.closeNow();\n    };\n    const onScroll = () => store.closeNow();\n    document.addEventListener('keydown', onKey);\n    window.addEventListener('scroll', onScroll, true);\n    return () => {\n      document.removeEventListener('keydown', onKey);\n      window.removeEventListener('scroll', onScroll, true);\n    };\n  }, [active]);\n\n  const shown = useRef<{ box: RenderedBox; off: { x: number; y: number } } | null>(null);\n  if (box) shown.current = { box, off: fromEdge(box.placement) };\n\n  return createPortal(\n    <Fragment>\n      {active && (\n        <div className=\"tooltip tooltip--measure\" ref={measureRef} aria-hidden=\"true\">\n          <Body a={active} />\n        </div>\n      )}\n      <Presence>\n        {active && box && (\n          <TipSurface\n            key=\"tip\"\n            a={active}\n            box={box}\n            animate={(el) => {\n              const at = shown.current;\n              if (!at) return null;\n              return animate(\n                el,\n                { width: [at.box.w], height: [at.box.h], timing: { duration: 0 } },\n                { x: [at.box.x + at.off.x, at.box.x], y: [at.box.y + at.off.y, at.box.y], timing: SM.t.layout },\n                { opacity: [0, 1], scale: [0.96, 1], timing: SM.t.enter },\n              );\n            }}\n            exit={(el) => {\n              const at = shown.current;\n              if (!at) return null;\n              return animate(el, {\n                x: [at.box.x + at.off.x],\n                y: [at.box.y + at.off.y],\n                opacity: [0],\n                scale: [0.96],\n                timing: SM.t.exit,\n              });\n            }}\n          />\n        )}\n      </Presence>\n    </Fragment>,\n    document.body,\n  );\n}\n","'use client';\n\nimport './tooltip.css';\nimport {\n  Fragment,\n  useEffect,\n  useId,\n  useRef,\n  type FocusEvent,\n  type HTMLAttributes,\n  type PointerEvent,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\nimport { store, useHostElection, OPEN_DELAY, CLOSE_GRACE, TOOLTIP_DOM_ID, type Placement } from './tooltip-store';\nimport { TooltipHost } from './tooltip-host';\nimport type { DataAttributes } from '../../../dom-props';\nimport { cx } from '../../internal/utils/cx';\n\nexport interface TooltipProps {\n  /** The hint - a string or small node; never interactive content. */\n  content: ReactNode;\n  /** Optional keyboard hint, rendered as mono metadata (\"⌘↩\", \"S\"). */\n  shortcut?: string | null;\n  /** Preferred side; flips automatically when out of viewport room. */\n  placement?: Placement;\n  /** Suppress the tooltip entirely (trigger renders untouched). */\n  disabled?: boolean;\n  /** ms before a cold hover shows; warm hovers + focus are instant. Default 350. */\n  openDelay?: number;\n  /** ms the bubble lingers after leaving (bridges moving to a neighbour). Default 140. */\n  closeDelay?: number;\n  /** Stable id for this trigger's store entry - lets overlapping triggers race safely under\n   *  the one shared tooltip host. Not rendered to the DOM. Auto-generated when omitted. */\n  id?: string;\n  /** Exactly one element. */\n  children: ReactElement;\n  /** Standard <span> attributes forwarded to the anchor wrapper. */\n  htmlProps?: HTMLAttributes<HTMLSpanElement> & DataAttributes;\n}\n\nexport function Tooltip({\n  content,\n  shortcut = null,\n  placement = 'top',\n  disabled = false,\n  openDelay = OPEN_DELAY,\n  closeDelay = CLOSE_GRACE,\n  id,\n  children,\n  htmlProps,\n}: TooltipProps) {\n  const wrapRef = useRef<HTMLSpanElement | null>(null);\n  const openTimer = useRef<ReturnType<typeof setTimeout> | 0>(0);\n  const myId = id || 'tip-' + useId();\n  const isHost = useHostElection();\n\n  const anchorEl = (): HTMLElement | null => (wrapRef.current?.firstElementChild as HTMLElement) ?? null;\n\n  useEffect(\n    () => () => {\n      clearTimeout(openTimer.current);\n      store.close(myId, 0);\n    },\n    [],\n  ); // eslint-disable-line react-hooks/exhaustive-deps\n\n  function show(immediate: boolean) {\n    if (disabled) return;\n    clearTimeout(openTimer.current);\n    const el = anchorEl();\n    if (!el) return;\n    el.setAttribute('aria-describedby', TOOLTIP_DOM_ID);\n    const open = () =>\n      store.open({ id: myId, content, shortcut, placement, rect: () => anchorEl()!.getBoundingClientRect() });\n    if (immediate || store.isWarm()) open();\n    else openTimer.current = setTimeout(open, openDelay);\n  }\n  function hide() {\n    clearTimeout(openTimer.current);\n    const el = anchorEl();\n    if (el) el.removeAttribute('aria-describedby');\n    store.close(myId, closeDelay);\n  }\n\n  const onEnter = (e: PointerEvent) => {\n    if (e.pointerType !== 'touch') show(false);\n  };\n  const onFocusIn = (e: FocusEvent) => {\n    if ((e.target as HTMLElement).matches(':focus-visible')) show(true);\n  };\n\n  return (\n    <Fragment>\n      <span\n        {...htmlProps}\n        ref={wrapRef}\n        className={cx('tooltip-anchor', htmlProps?.className)}\n        onPointerEnter={onEnter}\n        onPointerLeave={hide}\n        onPointerDown={hide}\n        onFocus={onFocusIn}\n        onBlur={hide}\n      >\n        {children}\n      </span>\n      {isHost && <TooltipHost />}\n    </Fragment>\n  );\n}\n"]}
+{"version":3,"sources":["../src/components/composites/tooltip/tooltip-store.ts","../src/components/composites/tooltip/tooltip-host.tsx","../src/components/composites/tooltip/Tooltip.tsx"],"names":["useSyncExternalStore","useRef","useEffect","jsxs","Fragment","jsx"],"mappings":"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","file":"tooltip.js","sourcesContent":["'use client';\n\nimport { useEffect, useRef, useSyncExternalStore, type ReactNode } from 'react';\n\nexport type Placement = 'top' | 'bottom' | 'left' | 'right';\n\nexport interface ActivePayload {\n  id: string;\n  content: ReactNode;\n  shortcut?: string | null;\n  placement: Placement;\n  anchor: () => HTMLElement | null;\n  rect: () => DOMRect;\n}\n\nexport const OPEN_DELAY = 350;\nexport const CLOSE_GRACE = 140;\nexport const TOOLTIP_DOM_ID = 'pds-tooltip';\nconst WARM_WINDOW = 300;\n\nexport const store = {\n  active: null as ActivePayload | null,\n  described: null as HTMLElement | null,\n  closeTimer: 0 as ReturnType<typeof setTimeout> | 0,\n  warmUntil: 0,\n  listeners: new Set<() => void>(),\n  get: () => store.active,\n  subscribe(l: () => void) {\n    store.listeners.add(l);\n    return () => store.listeners.delete(l);\n  },\n  emit() {\n    store.listeners.forEach((l) => l());\n  },\n  isWarm: () => store.active !== null || performance.now() < store.warmUntil,\n  describe(el: HTMLElement | null) {\n    if (store.described === el) return;\n    store.described?.removeAttribute('aria-describedby');\n    store.described = el;\n    el?.setAttribute('aria-describedby', TOOLTIP_DOM_ID);\n  },\n  open(payload: ActivePayload) {\n    clearTimeout(store.closeTimer);\n    store.active = payload;\n    store.describe(payload.anchor());\n    store.emit();\n  },\n  close(id: string, grace = CLOSE_GRACE) {\n    clearTimeout(store.closeTimer);\n    store.closeTimer = setTimeout(() => {\n      if (store.active && store.active.id === id) store.closeNow();\n    }, grace);\n  },\n  closeNow() {\n    clearTimeout(store.closeTimer);\n    store.describe(null);\n    if (!store.active) return;\n    store.warmUntil = performance.now() + WARM_WINDOW;\n    store.active = null;\n    store.emit();\n  },\n};\n\nconst hostReg = {\n  keys: [] as symbol[],\n  listeners: new Set<() => void>(),\n  subscribe(l: () => void) {\n    hostReg.listeners.add(l);\n    return () => hostReg.listeners.delete(l);\n  },\n  register(k: symbol) {\n    hostReg.keys.push(k);\n    hostReg.listeners.forEach((l) => l());\n    return () => {\n      const i = hostReg.keys.indexOf(k);\n      if (i >= 0) hostReg.keys.splice(i, 1);\n      hostReg.listeners.forEach((l) => l());\n    };\n  },\n};\n\nexport function useHostElection(): boolean {\n  const keyRef = useRef<symbol | null>(null);\n  if (!keyRef.current) keyRef.current = Symbol('tip-host');\n  useEffect(() => hostReg.register(keyRef.current!), []);\n  return useSyncExternalStore(\n    hostReg.subscribe,\n    () => hostReg.keys[0] === keyRef.current,\n    () => false,\n  );\n}\n","'use client';\n\nimport { Fragment, useEffect, useLayoutEffect, useRef, useState, useSyncExternalStore } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport { Motion } from '../../../motion/element';\nimport { Presence } from '../../../motion/presence';\nimport { popIn, popOut } from '../../../motion/presets';\nimport { UIMotion } from '../../../tokens/motion-tokens';\nimport { tokenPx } from '../../internal/utils/token-px';\nimport { store, TOOLTIP_DOM_ID, type ActivePayload, type Placement } from './tooltip-store';\n\nconst SM = UIMotion;\nconst TIP_LAYOUT = { size: 'morph' as const, timing: UIMotion.t.layout };\n\ninterface Size {\n  w: number;\n  h: number;\n}\ninterface TargetBox extends Size {\n  x: number;\n  y: number;\n  placement: Placement;\n}\ninterface RenderedBox extends TargetBox {\n  bodyW: number;\n}\n\nfunction targetBox(size: Size, t: DOMRect, want: Placement): TargetBox {\n  const vw = window.innerWidth,\n    vh = window.innerHeight,\n    TIP_GAP = tokenPx('--space-2', 8) || 8,\n    M = TIP_GAP;\n  let p = want;\n  if (p === 'top' && t.top - size.h - TIP_GAP < M) p = 'bottom';\n  else if (p === 'bottom' && t.bottom + size.h + TIP_GAP > vh - M) p = 'top';\n  else if (p === 'left' && t.left - size.w - TIP_GAP < M) p = 'right';\n  else if (p === 'right' && t.right + size.w + TIP_GAP > vw - M) p = 'left';\n  let x, y;\n  if (p === 'top') {\n    x = t.left + t.width / 2 - size.w / 2;\n    y = t.top - size.h - TIP_GAP;\n  } else if (p === 'bottom') {\n    x = t.left + t.width / 2 - size.w / 2;\n    y = t.bottom + TIP_GAP;\n  } else if (p === 'left') {\n    x = t.left - size.w - TIP_GAP;\n    y = t.top + t.height / 2 - size.h / 2;\n  } else {\n    x = t.right + TIP_GAP;\n    y = t.top + t.height / 2 - size.h / 2;\n  }\n  return {\n    x: Math.round(Math.min(Math.max(x, M), vw - size.w - M)),\n    y: Math.round(Math.min(Math.max(y, M), vh - size.h - M)),\n    w: size.w,\n    h: size.h,\n    placement: p,\n  };\n}\n\nconst fromEdge = (p: Placement) => ({\n  x: p === 'left' ? SM.dist.sm : p === 'right' ? -SM.dist.sm : 0,\n  y: p === 'top' ? SM.dist.sm : p === 'bottom' ? -SM.dist.sm : 0,\n});\n\nfunction Body({ a, width }: { a: ActivePayload; width?: number }) {\n  return (\n    <span className=\"tooltip__body\" style={width ? { width } : undefined}>\n      {a.shortcut ? (\n        <span className=\"tooltip__row\">\n          <span>{a.content}</span>\n          <kbd className=\"tooltip__shortcut\">{a.shortcut}</kbd>\n        </span>\n      ) : (\n        a.content\n      )}\n    </span>\n  );\n}\n\nfunction TipSurface({ a, box }: { a: ActivePayload; box: RenderedBox }) {\n  const edge = fromEdge(box.placement);\n  return (\n    <Motion\n      layout\n      layoutTransition={TIP_LAYOUT}\n      className=\"tooltip\"\n      id={TOOLTIP_DOM_ID}\n      role=\"tooltip\"\n      data-placement={box.placement}\n      style={{ translate: `${box.x}px ${box.y}px`, width: box.w, height: box.h }}\n      animate={[\n        { x: [edge.x, 0], y: [edge.y, 0], timing: { ...SM.t.layout, fill: 'none' }, composite: 'add' },\n        popIn(SM.scale.floating, SM.t.enter),\n      ]}\n      exit={[\n        { x: [0, edge.x], y: [0, edge.y], timing: SM.t.exit, composite: 'add' },\n        popOut(SM.scale.floating, SM.t.exit),\n      ]}\n    >\n      <Motion as=\"span\" key={a.id} animate={{ opacity: [0, 1], timing: SM.t.enter }}>\n        <Body a={a} width={box.bodyW} />\n      </Motion>\n    </Motion>\n  );\n}\n\nexport function TooltipHost() {\n  const active = useSyncExternalStore(store.subscribe, store.get);\n  const measureRef = useRef<HTMLDivElement>(null);\n  const [box, setBox] = useState<RenderedBox | null>(null);\n\n  useLayoutEffect(() => {\n    if (!active) {\n      setBox(null);\n      return;\n    }\n    const r = measureRef.current.getBoundingClientRect();\n    const b = (measureRef.current.firstChild as HTMLElement).getBoundingClientRect();\n    setBox({\n      ...targetBox({ w: Math.ceil(r.width), h: Math.ceil(r.height) }, active.rect(), active.placement),\n      bodyW: Math.ceil(b.width),\n    });\n  }, [active]);\n\n  useEffect(() => {\n    if (!active) return undefined;\n    const onKey = (e: KeyboardEvent) => {\n      if (e.key === 'Escape') store.closeNow();\n    };\n    const onScroll = () => store.closeNow();\n    document.addEventListener('keydown', onKey);\n    window.addEventListener('scroll', onScroll, true);\n    return () => {\n      document.removeEventListener('keydown', onKey);\n      window.removeEventListener('scroll', onScroll, true);\n    };\n  }, [active]);\n\n  return createPortal(\n    <Fragment>\n      {active && (\n        <div className=\"tooltip tooltip--measure\" ref={measureRef} aria-hidden=\"true\">\n          <Body a={active} />\n        </div>\n      )}\n      <Presence>{active && box && <TipSurface key=\"tip\" a={active} box={box} />}</Presence>\n    </Fragment>,\n    document.body,\n  );\n}\n","'use client';\n\nimport './tooltip.css';\n\nimport {\n  Fragment,\n  useEffect,\n  useId,\n  useRef,\n  type FocusEvent,\n  type HTMLAttributes,\n  type PointerEvent,\n  type ReactElement,\n  type ReactNode,\n} from 'react';\n\nimport type { DataAttributes } from '../../../dom-props';\nimport { cx } from '../../internal/utils/cx';\nimport { TooltipHost } from './tooltip-host';\nimport { CLOSE_GRACE, OPEN_DELAY, store, useHostElection, type Placement } from './tooltip-store';\n\nexport interface TooltipProps {\n  /** The hint - a string or small node; never interactive content. */\n  content: ReactNode;\n  /** Optional keyboard hint, rendered as mono metadata (\"⌘↩\", \"S\"). */\n  shortcut?: string | null;\n  /** Preferred side; flips automatically when out of viewport room. */\n  placement?: Placement;\n  /** Suppress the tooltip entirely (trigger renders untouched). */\n  disabled?: boolean;\n  /** ms before a cold hover shows; warm hovers + focus are instant. Default 350. */\n  openDelay?: number;\n  /** ms the bubble lingers after leaving (bridges moving to a neighbour). Default 140. */\n  closeDelay?: number;\n  /** Stable id for this trigger's store entry - lets overlapping triggers race safely under\n   *  the one shared tooltip host. Not rendered to the DOM. Auto-generated when omitted. */\n  id?: string;\n  /** Exactly one element. */\n  children: ReactElement;\n  /** Standard <span> attributes forwarded to the anchor wrapper. */\n  htmlProps?: HTMLAttributes<HTMLSpanElement> & DataAttributes;\n}\n\nexport function Tooltip({\n  content,\n  shortcut = null,\n  placement = 'top',\n  disabled = false,\n  openDelay = OPEN_DELAY,\n  closeDelay = CLOSE_GRACE,\n  id,\n  children,\n  htmlProps,\n}: TooltipProps) {\n  const wrapRef = useRef<HTMLSpanElement | null>(null);\n  const openTimer = useRef<ReturnType<typeof setTimeout> | 0>(0);\n  const myId = id || 'tip-' + useId();\n  const isHost = useHostElection();\n\n  const anchorEl = (): HTMLElement | null => (wrapRef.current?.firstElementChild as HTMLElement) ?? null;\n\n  useEffect(\n    () => () => {\n      clearTimeout(openTimer.current);\n      store.close(myId, 0);\n    },\n    [],\n  ); // eslint-disable-line react-hooks/exhaustive-deps\n\n  function show(immediate: boolean) {\n    if (disabled) return;\n    clearTimeout(openTimer.current);\n    if (!anchorEl()) return;\n    const open = () =>\n      store.open({\n        id: myId,\n        content,\n        shortcut,\n        placement,\n        anchor: anchorEl,\n        rect: () => anchorEl()!.getBoundingClientRect(),\n      });\n    if (immediate || store.isWarm()) open();\n    else openTimer.current = setTimeout(open, openDelay);\n  }\n  function hide() {\n    clearTimeout(openTimer.current);\n    store.close(myId, closeDelay);\n  }\n\n  const onEnter = (e: PointerEvent) => {\n    if (e.pointerType !== 'touch') show(false);\n  };\n  const onFocusIn = (e: FocusEvent) => {\n    if ((e.target as HTMLElement).matches(':focus-visible')) show(true);\n  };\n\n  return (\n    <Fragment>\n      <span\n        {...htmlProps}\n        ref={wrapRef}\n        className={cx('tooltip-anchor', htmlProps?.className)}\n        onPointerEnter={onEnter}\n        onPointerLeave={hide}\n        onPointerDown={hide}\n        onFocus={onFocusIn}\n        onBlur={hide}\n      >\n        {children}\n      </span>\n      {isHost && <TooltipHost />}\n    </Fragment>\n  );\n}\n"]}

package/dist/trigger.css

@@ -0,0 +1,13 @@
+@layer zyncat.tokens, zyncat.components;
+
+@layer zyncat.components {
+  [data-activate='pointerdown'][aria-haspopup]:active:not(:disabled):not(.is-loading) {
+    transform: none;
+  }
+
+  [data-activate='pointerdown'][aria-haspopup][aria-expanded='true']:not(:disabled):not(.is-loading) {
+    transform: none;
+    border-color: var(--accent);
+    box-shadow: var(--ring-accent);
+  }
+}

package/dist/{alert.d.ts → types/components/composites/alert/Alert.d.ts}

@@ -1,11 +1,9 @@
-import * as react from 'react';
-import { ReactNode, CSSProperties, HTMLAttributes } from 'react';
-import { D as DisableableAnimation } from './timing-7JA_zQHP.js';
-import { D as DataAttributes } from './dom-props-C0jrllBw.js';
-import './motion-scale-Canq4stZ.js';
-
-type AlertTone = 'info' | 'success' | 'warning' | 'danger';
-interface AlertAction {
+import './alert.css';
+import type { CSSProperties, HTMLAttributes, ReactNode } from 'react';
+import type { DataAttributes } from '../../../dom-props';
+import type { DisableableAnimation } from '../../../motion/timing';
+export type AlertTone = 'info' | 'success' | 'warning' | 'danger';
+export interface AlertAction {
     /** Sentence-case label, e.g. "Update billing". */
     label: string;
     onClick?: () => void;
@@ -23,7 +21,8 @@ interface AlertOwnProps {
     dismissible?: boolean;
     /** Fires on dismiss. With `open` set, the parent owns hiding the alert. */
     onDismiss?: () => void;
-    /** Controlled visibility; omit for uncontrolled. Exit eases shut (height collapse). */
+    /** Controlled visibility; omit for uncontrolled. Exit scales down and fades; the slot it
+     *  occupied is released when it unmounts, so content below moves up then rather than during. */
     open?: boolean;
     /** App-level strip: square corners, hairline below only. Paint modifier. */
     banner?: boolean;
@@ -33,14 +32,13 @@ interface AlertOwnProps {
     className?: string;
     /** Inline styles merged onto the alert. */
     style?: CSSProperties;
-    /** Enter/exit timing - motion tokens only, or `null` to disable (the height collapse snaps).
-     *  @default height 'slow'/'entrance'; opacity in 'base'/'entrance', out 'fast'/'exit' */
+    /** Enter/exit timing - motion tokens only, or `null` to disable (enter and exit snap).
+     *  @default entrance height 'slow'/'entrance' + opacity 'base'/'entrance'; exit scale + opacity 'fast'/'exit' */
     animation?: DisableableAnimation;
 }
-interface AlertProps extends AlertOwnProps {
+export interface AlertProps extends AlertOwnProps {
     /** Standard <div> attributes (aria-*, data-*, ...) forwarded to the alert. */
     htmlProps?: Omit<HTMLAttributes<HTMLDivElement>, keyof AlertOwnProps> & DataAttributes;
 }
-declare function Alert({ tone, title, children, action, dismissible, onDismiss, open, banner, icon, className, style, htmlProps, animation, }: AlertProps): react.JSX.Element;
-
-export { Alert, type AlertAction, type AlertProps, type AlertTone };
+export declare function Alert({ tone, title, children, action, dismissible, onDismiss, open, banner, icon, className, style, htmlProps, animation, }: AlertProps): import("react").JSX.Element;
+export {};

package/dist/{date-field.d.ts → types/components/composites/date-picker/DateField.d.ts}

@@ -1,10 +1,6 @@
-import * as react from 'react';
-import { D as DateFieldBaseProps } from './field-shell-Cuda-feL.js';
-import './timing-7JA_zQHP.js';
-import './motion-scale-Canq4stZ.js';
-import './dom-props-C0jrllBw.js';
-
-interface DateFieldProps extends DateFieldBaseProps {
+import './date-picker.css';
+import { type DateFieldBaseProps } from './field-shell';
+export interface DateFieldProps extends DateFieldBaseProps {
     /** Controlled value, 'YYYY-MM-DD'. */
     value?: string | null;
     /** Uncontrolled initial value, 'YYYY-MM-DD'. Use instead of `value`. @default null */
@@ -20,6 +16,4 @@ interface DateFieldProps extends DateFieldBaseProps {
     /** Latest pickable date, 'YYYY-MM-DD', inclusive. */
     max?: string;
 }
-declare function DateField({ value, defaultValue, onChange, label, placeholder, timezone, min, max, required, invalid, message, disabled, className, htmlProps, animation, }: DateFieldProps): react.JSX.Element;
-
-export { DateField, type DateFieldProps };
+export declare function DateField({ value, defaultValue, onChange, label, placeholder, timezone, min, max, required, invalid, message, disabled, className, htmlProps, activateOn, animation, }: DateFieldProps): import("react").JSX.Element;

package/dist/types/components/composites/date-picker/DateRangeField.d.ts

@@ -0,0 +1,21 @@
+import './date-picker.css';
+import { type DateFieldBaseProps } from './field-shell';
+import { type DateRange } from './range-panel';
+export type { DateRange };
+export interface DateRangeFieldProps extends DateFieldBaseProps {
+    /** Controlled value - both endpoints, or null when empty. */
+    value?: DateRange | null;
+    /** Uncontrolled initial range. Use instead of `value`. @default null */
+    defaultValue?: DateRange | null;
+    /** Fires only on a COMPLETE range (a lone anchor never commits). */
+    onChange?: (value: DateRange) => void;
+    /** Trigger text shown when no range is picked. @default 'Pick a date range' */
+    placeholder?: string;
+    /** IANA timezone (e.g. 'Europe/Riga') - display context, shown in the footer. */
+    timezone?: string;
+    /** Earliest pickable date, 'YYYY-MM-DD', inclusive. */
+    min?: string;
+    /** Latest pickable date, 'YYYY-MM-DD', inclusive. */
+    max?: string;
+}
+export declare function DateRangeField({ value, defaultValue, onChange, label, placeholder, timezone, min, max, required, invalid, message, disabled, className, htmlProps, activateOn, animation, }: DateRangeFieldProps): import("react").JSX.Element;

package/dist/{datetime-field.d.ts → types/components/composites/date-picker/DateTimeField.d.ts}

@@ -1,10 +1,6 @@
-import * as react from 'react';
-import { D as DateFieldBaseProps } from './field-shell-Cuda-feL.js';
-import './timing-7JA_zQHP.js';
-import './motion-scale-Canq4stZ.js';
-import './dom-props-C0jrllBw.js';
-
-interface DateTimeFieldProps extends DateFieldBaseProps {
+import './date-picker.css';
+import { type DateFieldBaseProps } from './field-shell';
+export interface DateTimeFieldProps extends DateFieldBaseProps {
     /** Controlled value, 'YYYY-MM-DDTHH:mm'. */
     value?: string | null;
     /** Uncontrolled initial value, 'YYYY-MM-DDTHH:mm'. Use instead of `value`. @default null */
@@ -24,6 +20,4 @@ interface DateTimeFieldProps extends DateFieldBaseProps {
     /** ↑/↓ step granularity in minutes (typing is exact). Default 5. */
     minuteStep?: number;
 }
-declare function DateTimeField({ value, defaultValue, onChange, label, placeholder, timezone, min, max, format, minuteStep, required, invalid, message, disabled, className, htmlProps, animation, }: DateTimeFieldProps): react.JSX.Element;
-
-export { DateTimeField, type DateTimeFieldProps };
+export declare function DateTimeField({ value, defaultValue, onChange, label, placeholder, timezone, min, max, format, minuteStep, required, invalid, message, disabled, className, htmlProps, activateOn, animation, }: DateTimeFieldProps): import("react").JSX.Element;