@photon-ai/pho-ui 1.2.0 → 1.2.1

package/dist/chunks/use-press-pulse-8iorQPsh.js

@@ -0,0 +1,62 @@
+"use client";
+import { useCallback as u, useEffect as w, useRef as f } from "react";
+import { useAnimationControls as E } from "motion/react";
+var L = {
+  type: "spring",
+  stiffness: 700,
+  damping: 32,
+  mass: 0.06
+}, R = 0.96;
+function S(l) {
+  const p = l?.scale ?? 0.96, t = l?.disabled ?? !1, s = l?.transition ?? L, n = E(), i = f(!1), d = f(null), r = f(null);
+  w(() => () => r.current?.(), []);
+  const o = u(() => {
+    t || (i.current = !0, d.current = n.start({
+      scale: p,
+      transition: s
+    }));
+  }, [
+    n,
+    t,
+    p,
+    s
+  ]), c = u(async () => {
+    if (!i.current) return;
+    i.current = !1;
+    const e = d.current;
+    await e, !(i.current || d.current !== e) && n.start({
+      scale: 1,
+      transition: s
+    });
+  }, [n, s]);
+  return {
+    pulse: u(() => {
+      o(), c();
+    }, [o, c]),
+    motionProps: {
+      initial: !1,
+      animate: n,
+      onPointerDown: u((e) => {
+        if (t || e.button !== 0 || !e.isPrimary) return;
+        o(), r.current?.();
+        const a = (m) => {
+          m.pointerId === e.pointerId && (r.current?.(), c());
+        };
+        window.addEventListener("pointerup", a), window.addEventListener("pointercancel", a), r.current = () => {
+          window.removeEventListener("pointerup", a), window.removeEventListener("pointercancel", a), r.current = null;
+        };
+      }, [
+        t,
+        o,
+        c
+      ])
+    }
+  };
+}
+export {
+  L as n,
+  S as r,
+  R as t
+};
+
+//# sourceMappingURL=use-press-pulse-8iorQPsh.js.map

package/dist/chunks/use-press-pulse-8iorQPsh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-press-pulse-8iorQPsh.js","names":[],"sources":["../../src/utils/use-press-pulse.ts"],"sourcesContent":["import { useCallback, useEffect, useRef } from \"react\";\nimport { useAnimationControls, type Transition } from \"motion/react\";\n\n/**\n * Press feedback for selection controls (Select trigger, Checkbox…) — the same\n * spring family as Button's effect press, and the same pointer-following\n * behavior: press in on pointer-down, stay compressed while held, spring back\n * on release. One deliberate refinement over a bare `whileTap`: a fast tap\n * never truncates the press-in leg — it always reaches full depth before\n * springing back, so even the quickest click reads as a complete tick.\n */\nexport const CONTROL_PRESS_SPRING = {\n  type: \"spring\",\n  stiffness: 700,\n  damping: 32,\n  mass: 0.06,\n} as const;\n\n/** Default press depth — shallow; each control can tune its own. */\nexport const CONTROL_PRESS_SCALE = 0.96;\n\n/**\n * Pointer-following press driven by Motion controls. Spread `motionProps` onto\n * a `motion.*` element (via Base UI `render`): pointer-down (primary button)\n * compresses and holds; release springs back once the press-in leg has\n * finished. Release is tracked on `window`, so dragging off the control before\n * letting go still restores it.\n */\nexport function usePressPulse(opts?: {\n  scale?: number;\n  disabled?: boolean;\n  /** Spring override for both legs of the press. @default CONTROL_PRESS_SPRING */\n  transition?: Transition;\n}) {\n  const scale = opts?.scale ?? CONTROL_PRESS_SCALE;\n  const disabled = opts?.disabled ?? false;\n  const transition = opts?.transition ?? CONTROL_PRESS_SPRING;\n  const controls = useAnimationControls();\n  const pressed = useRef(false);\n  const pressIn = useRef<Promise<unknown> | null>(null);\n  const removeListeners = useRef<(() => void) | null>(null);\n\n  useEffect(() => () => removeListeners.current?.(), []);\n\n  const press = useCallback(() => {\n    if (disabled) return;\n    pressed.current = true;\n    pressIn.current = controls.start({ scale, transition });\n  }, [controls, disabled, scale, transition]);\n\n  const release = useCallback(async () => {\n    if (!pressed.current) return;\n    pressed.current = false;\n    const leg = pressIn.current;\n    // Let the press-in leg play out in full before springing back, so a tap\n    // shorter than the spring still shows the whole press.\n    await leg;\n    // A re-press started while we waited — its own release will restore.\n    if (pressed.current || pressIn.current !== leg) return;\n    void controls.start({ scale: 1, transition });\n  }, [controls, transition]);\n\n  /** Programmatic one-shot pulse (press in, then spring back). */\n  const pulse = useCallback(() => {\n    press();\n    void release();\n  }, [press, release]);\n\n  const onPointerDown = useCallback(\n    (event: { button: number; pointerId: number; isPrimary: boolean }) => {\n      if (disabled || event.button !== 0 || !event.isPrimary) return;\n      press();\n      // The pointer may be released anywhere (including off the control after\n      // dragging away), so listen on window rather than the element — but only\n      // for the pointer that started this press, so another finger lifting\n      // elsewhere doesn't spring the control back early.\n      removeListeners.current?.();\n      const end = (e: PointerEvent) => {\n        if (e.pointerId !== event.pointerId) return;\n        removeListeners.current?.();\n        void release();\n      };\n      window.addEventListener(\"pointerup\", end);\n      window.addEventListener(\"pointercancel\", end);\n      removeListeners.current = () => {\n        window.removeEventListener(\"pointerup\", end);\n        window.removeEventListener(\"pointercancel\", end);\n        removeListeners.current = null;\n      };\n    },\n    [disabled, press, release],\n  );\n\n  return {\n    pulse,\n    motionProps: { initial: false as const, animate: controls, onPointerDown },\n  };\n}\n"],"mappings":";;;AAWA,IAAa,IAAuB;AAAA,EAClC,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACR,GAGa,IAAsB;AASnC,SAAgB,EAAc,GAK3B;AACD,QAAM,IAAQ,GAAM,SAAA,MACd,IAAW,GAAM,YAAY,IAC7B,IAAa,GAAM,cAAc,GACjC,IAAW,EAAqB,GAChC,IAAU,EAAO,EAAK,GACtB,IAAU,EAAgC,IAAI,GAC9C,IAAkB,EAA4B,IAAI;AAExD,EAAA,EAAA,MAAA,MAAsB,EAAgB,UAAU,GAAG,CAAC,CAAC;AAErD,QAAM,IAAQ,EAAA,MAAkB;AAC9B,IAAI,MACJ,EAAQ,UAAU,IAClB,EAAQ,UAAU,EAAS,MAAM;AAAA,MAAE,OAAA;AAAA,MAAO,YAAA;AAAA,IAAW,CAAC;AAAA,EACxD,GAAG;AAAA,IAAC;AAAA,IAAU;AAAA,IAAU;AAAA,IAAO;AAAA,EAAU,CAAC,GAEpC,IAAU,EAAY,YAAY;AACtC,QAAI,CAAC,EAAQ,QAAS;AACtB,IAAA,EAAQ,UAAU;AAClB,UAAM,IAAM,EAAQ;AAKpB,IAFA,MAAM,GAEF,EAAA,EAAQ,WAAW,EAAQ,YAAY,MAC3C,EAAc,MAAM;AAAA,MAAE,OAAO;AAAA,MAAG,YAAA;AAAA,IAAW,CAAC;AAAA,EAC9C,GAAG,CAAC,GAAU,CAAU,CAAC;AAiCzB,SAAO;AAAA,IACL,OA/BY,EAAA,MAAkB;AAC9B,MAAA,EAAM,GACN,EAAa;AAAA,IACf,GAAG,CAAC,GAAO,CAAO,CA4BhB;AAAA,IACA,aAAa;AAAA,MAAE,SAAS;AAAA,MAAgB,SAAS;AAAA,MAAU,eA3BvC,EAAA,CACnB,MAAqE;AACpE,YAAI,KAAY,EAAM,WAAW,KAAK,CAAC,EAAM,UAAW;AACxD,QAAA,EAAM,GAKN,EAAgB,UAAU;AAC1B,cAAM,IAAA,CAAO,MAAoB;AAC/B,UAAI,EAAE,cAAc,EAAM,cAC1B,EAAgB,UAAU,GAC1B,EAAa;AAAA,QACf;AACA,eAAO,iBAAiB,aAAa,CAAG,GACxC,OAAO,iBAAiB,iBAAiB,CAAG,GAC5C,EAAgB,UAAA,MAAgB;AAC9B,iBAAO,oBAAoB,aAAa,CAAG,GAC3C,OAAO,oBAAoB,iBAAiB,CAAG,GAC/C,EAAgB,UAAU;AAAA,QAC5B;AAAA,MACF,GACA;AAAA,QAAC;AAAA,QAAU;AAAA,QAAO;AAAA,MAAO,CAKkC;AAAA,IAAc;AAAA,EAC3E;AACF"}

package/dist/components/checkbox.js

@@ -1,6 +1,6 @@
 "use client";
 import { t as o } from "../chunks/cn-DTiB6ek_.js";
-import { r as p } from "../chunks/use-press-pulse-CMwPTOR2.js";
+import { r as p } from "../chunks/use-press-pulse-8iorQPsh.js";
 import { t as u } from "../chunks/createReactComponent-BqCmnqfX.js";
 import { t as b } from "../chunks/IconCheck-D2WuculQ.js";
 import "react";

package/dist/components/select.js

@@ -1,6 +1,6 @@
 "use client";
 import { t as a } from "../chunks/cn-DTiB6ek_.js";
-import { r as p } from "../chunks/use-press-pulse-CMwPTOR2.js";
+import { r as p } from "../chunks/use-press-pulse-8iorQPsh.js";
 import { t as u } from "../chunks/IconCheck-D2WuculQ.js";
 import { createContext as m, useContext as g } from "react";
 import { jsx as r } from "react/jsx-runtime";

package/dist/index.js

@@ -2,7 +2,7 @@
 import { t } from "./chunks/cn-DTiB6ek_.js";
 import { n as o, r, t as S } from "./chunks/link-provider-9TFNyDqO.js";
 import { t as E } from "./chunks/resolve-variant-CcD8iG5l.js";
-import { n as i, r as _, t as m } from "./chunks/use-press-pulse-CMwPTOR2.js";
+import { n as i, r as _, t as m } from "./chunks/use-press-pulse-8iorQPsh.js";
 import "./utils.js";
 import { a as e, c as A, d as B, f as O, i as f, l as p, n as u, o as C, r as N, s as D, t as L, u as c } from "./chunks/close-button-Bq9f-H15.js";
 import { a as l, c as U, i as V, n as d, o as G, r as g, s as k, t as F } from "./chunks/sidebar-BCqq58hV.js";

package/dist/src/utils/use-press-pulse.d.ts

@@ -1,11 +1,11 @@
 import { Transition } from 'motion/react';
 /**
- * Press pulse for selection controls (Select trigger, Checkbox…) — the same
- * spring family as Button's effect press, with one deliberate difference:
- * Button compresses only while held (`whileTap`); these controls play ONE
- * FULL pulse (press in → spring back) from the moment of pointer-down, even
- * if the pointer lifts early — a discrete "it took" tick, kept shallow and
- * quick so it registers without drawing attention.
+ * Press feedback for selection controls (Select trigger, Checkbox…) — the same
+ * spring family as Button's effect press, and the same pointer-following
+ * behavior: press in on pointer-down, stay compressed while held, spring back
+ * on release. One deliberate refinement over a bare `whileTap`: a fast tap
+ * never truncates the press-in leg — it always reaches full depth before
+ * springing back, so even the quickest click reads as a complete tick.
  */
 export declare const CONTROL_PRESS_SPRING: {
     readonly type: "spring";
@@ -13,17 +13,19 @@ export declare const CONTROL_PRESS_SPRING: {
     readonly damping: 32;
     readonly mass: 0.06;
 };
-/** Default pulse depth — shallow; each control can tune its own. */
+/** Default press depth — shallow; each control can tune its own. */
 export declare const CONTROL_PRESS_SCALE = 0.96;
 /**
- * One-shot scale pulse driven by Motion controls. Spread `motionProps` onto a
- * `motion.*` element (via Base UI `render`): pointer-down (primary button)
- * plays press → rest in full; re-presses during the pulse are coalesced.
+ * Pointer-following press driven by Motion controls. Spread `motionProps` onto
+ * a `motion.*` element (via Base UI `render`): pointer-down (primary button)
+ * compresses and holds; release springs back once the press-in leg has
+ * finished. Release is tracked on `window`, so dragging off the control before
+ * letting go still restores it.
  */
 export declare function usePressPulse(opts?: {
     scale?: number;
     disabled?: boolean;
-    /** Spring override for both legs of the pulse. @default CONTROL_PRESS_SPRING */
+    /** Spring override for both legs of the press. @default CONTROL_PRESS_SPRING */
     transition?: Transition;
 }): {
     pulse: () => void;
@@ -32,6 +34,8 @@ export declare function usePressPulse(opts?: {
         animate: import('motion/react').LegacyAnimationControls;
         onPointerDown: (event: {
             button: number;
+            pointerId: number;
+            isPrimary: boolean;
         }) => void;
     };
 };

package/dist/utils.js

@@ -2,7 +2,7 @@
 import { t as s } from "./chunks/cn-DTiB6ek_.js";
 import { n as t, r as e, t as a } from "./chunks/link-provider-9TFNyDqO.js";
 import { t as i } from "./chunks/resolve-variant-CcD8iG5l.js";
-import { n as p, r as P, t as R } from "./chunks/use-press-pulse-CMwPTOR2.js";
+import { n as p, r as P, t as R } from "./chunks/use-press-pulse-8iorQPsh.js";
 export {
   R as CONTROL_PRESS_SCALE,
   p as CONTROL_PRESS_SPRING,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@photon-ai/pho-ui",
-  "version": "1.2.0",
+  "version": "1.2.1",
   "description": "Pho Design System — Photon's React component library, built on Base UI",
   "license": "UNLICENSED",
   "repository": {

package/dist/chunks/use-press-pulse-CMwPTOR2.js

@@ -1,44 +0,0 @@
-"use client";
-import { useCallback as o, useRef as c } from "react";
-import { useAnimationControls as u } from "motion/react";
-var f = {
-  type: "spring",
-  stiffness: 700,
-  damping: 32,
-  mass: 0.06
-}, p = 0.96;
-function R(s) {
-  const a = s?.scale ?? 0.96, i = s?.disabled ?? !1, t = s?.transition ?? f, n = u(), e = c(!1), r = o(() => {
-    i || e.current || (e.current = !0, n.start({
-      scale: a,
-      transition: t
-    }).then(() => n.start({
-      scale: 1,
-      transition: t
-    })).finally(() => {
-      e.current = !1;
-    }));
-  }, [
-    n,
-    i,
-    a,
-    t
-  ]);
-  return {
-    pulse: r,
-    motionProps: {
-      initial: !1,
-      animate: n,
-      onPointerDown: o((l) => {
-        l.button === 0 && r();
-      }, [r])
-    }
-  };
-}
-export {
-  f as n,
-  R as r,
-  p as t
-};
-
-//# sourceMappingURL=use-press-pulse-CMwPTOR2.js.map

package/dist/chunks/use-press-pulse-CMwPTOR2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"use-press-pulse-CMwPTOR2.js","names":[],"sources":["../../src/utils/use-press-pulse.ts"],"sourcesContent":["import { useCallback, useRef } from \"react\";\nimport { useAnimationControls, type Transition } from \"motion/react\";\n\n/**\n * Press pulse for selection controls (Select trigger, Checkbox…) — the same\n * spring family as Button's effect press, with one deliberate difference:\n * Button compresses only while held (`whileTap`); these controls play ONE\n * FULL pulse (press in → spring back) from the moment of pointer-down, even\n * if the pointer lifts early — a discrete \"it took\" tick, kept shallow and\n * quick so it registers without drawing attention.\n */\nexport const CONTROL_PRESS_SPRING = {\n  type: \"spring\",\n  stiffness: 700,\n  damping: 32,\n  mass: 0.06,\n} as const;\n\n/** Default pulse depth — shallow; each control can tune its own. */\nexport const CONTROL_PRESS_SCALE = 0.96;\n\n/**\n * One-shot scale pulse driven by Motion controls. Spread `motionProps` onto a\n * `motion.*` element (via Base UI `render`): pointer-down (primary button)\n * plays press → rest in full; re-presses during the pulse are coalesced.\n */\nexport function usePressPulse(opts?: {\n  scale?: number;\n  disabled?: boolean;\n  /** Spring override for both legs of the pulse. @default CONTROL_PRESS_SPRING */\n  transition?: Transition;\n}) {\n  const scale = opts?.scale ?? CONTROL_PRESS_SCALE;\n  const disabled = opts?.disabled ?? false;\n  const transition = opts?.transition ?? CONTROL_PRESS_SPRING;\n  const controls = useAnimationControls();\n  const running = useRef(false);\n\n  const pulse = useCallback(() => {\n    if (disabled || running.current) return;\n    running.current = true;\n    void controls\n      .start({ scale, transition })\n      .then(() => controls.start({ scale: 1, transition }))\n      .finally(() => {\n        running.current = false;\n      });\n  }, [controls, disabled, scale, transition]);\n\n  const onPointerDown = useCallback(\n    (event: { button: number }) => {\n      if (event.button === 0) pulse();\n    },\n    [pulse],\n  );\n\n  return {\n    pulse,\n    motionProps: { initial: false as const, animate: controls, onPointerDown },\n  };\n}\n"],"mappings":";;;AAWA,IAAa,IAAuB;AAAA,EAClC,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,EACT,MAAM;AACR,GAGa,IAAsB;AAOnC,SAAgB,EAAc,GAK3B;AACD,QAAM,IAAQ,GAAM,SAAA,MACd,IAAW,GAAM,YAAY,IAC7B,IAAa,GAAM,cAAc,GACjC,IAAW,EAAqB,GAChC,IAAU,EAAO,EAAK,GAEtB,IAAQ,EAAA,MAAkB;AAC9B,IAAI,KAAY,EAAQ,YACxB,EAAQ,UAAU,IAClB,EACG,MAAM;AAAA,MAAE,OAAA;AAAA,MAAO,YAAA;AAAA,IAAW,CAAC,EAC3B,KAAA,MAAW,EAAS,MAAM;AAAA,MAAE,OAAO;AAAA,MAAG,YAAA;AAAA,IAAW,CAAC,CAAC,EACnD,QAAA,MAAc;AACb,MAAA,EAAQ,UAAU;AAAA,IACpB,CAAC;AAAA,EACL,GAAG;AAAA,IAAC;AAAA,IAAU;AAAA,IAAU;AAAA,IAAO;AAAA,EAAU,CAAC;AAS1C,SAAO;AAAA,IACL,OAAA;AAAA,IACA,aAAa;AAAA,MAAE,SAAS;AAAA,MAAgB,SAAS;AAAA,MAAU,eATvC,EAAA,CACnB,MAA8B;AAC7B,QAAI,EAAM,WAAW,KAAG,EAAM;AAAA,MAChC,GACA,CAAC,CAAK,CAKqD;AAAA,IAAc;AAAA,EAC3E;AACF"}