pi-kiosk-shared 2.2.49 → 2.2.51

package/dist/ui/overlay/overlayMotion.js

@@ -0,0 +1,80 @@
+import { useEffect, useState } from 'react';
+/**
+ * Short overlay enter/exit motion (Dialog / BottomSheet / Toast).
+ * Tokens from shared theme.css; fallbacks match Spec defaults when unset.
+ */
+export const OVERLAY_MOTION_TRANSITION = 'transition-[opacity,transform] duration-[var(--motion-duration-base,150ms)] ease-[var(--motion-easing-standard,ease)] motion-reduce:transition-none';
+/** Settled (visible) panel/toast surface. */
+export const OVERLAY_MOTION_ENTERED = 'opacity-100 translate-y-0 scale-100';
+/** Pre-enter / exiting panel (brief opacity + transform). */
+export const OVERLAY_MOTION_EXITED = 'opacity-0 translate-y-1 scale-[0.98]';
+/** Backdrop fade only. */
+export const OVERLAY_BACKDROP_ENTERED = 'opacity-100';
+export const OVERLAY_BACKDROP_EXITED = 'opacity-0';
+/** Exit delay covers --motion-duration-base (200ms in theme) + small buffer. */
+export const OVERLAY_EXIT_MS = 220;
+export function prefersReducedMotion() {
+    if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {
+        return false;
+    }
+    return window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+}
+/**
+ * Mount-gated presence for controlled overlays (`open`).
+ * Open mounts synchronously; exit holds DOM for OVERLAY_EXIT_MS (skipped when reduce).
+ */
+export function useOverlayPresence(open) {
+    const [held, setHeld] = useState(open);
+    const [visible, setVisible] = useState(() => open && prefersReducedMotion());
+    if (open && !held) {
+        setHeld(true);
+    }
+    useEffect(() => {
+        if (open) {
+            if (prefersReducedMotion()) {
+                setVisible(true);
+                return;
+            }
+            setVisible(false);
+            const id = requestAnimationFrame(() => {
+                setVisible(true);
+            });
+            return () => {
+                cancelAnimationFrame(id);
+            };
+        }
+        setVisible(false);
+        if (prefersReducedMotion()) {
+            setHeld(false);
+            return;
+        }
+        const timer = window.setTimeout(() => {
+            setHeld(false);
+        }, OVERLAY_EXIT_MS);
+        return () => {
+            window.clearTimeout(timer);
+        };
+    }, [open]);
+    return { mounted: open || held, visible };
+}
+/**
+ * One-shot enter for presentational surfaces that mount when shown
+ * (prefer `useOverlayPresence` when exit hold is needed, e.g. Toast `open`).
+ */
+export function useEnterMotion() {
+    const [entered, setEntered] = useState(() => prefersReducedMotion());
+    useEffect(() => {
+        if (prefersReducedMotion()) {
+            setEntered(true);
+            return;
+        }
+        const id = requestAnimationFrame(() => {
+            setEntered(true);
+        });
+        return () => {
+            cancelAnimationFrame(id);
+        };
+    }, []);
+    return entered;
+}
+//# sourceMappingURL=overlayMotion.js.map

package/dist/ui/overlay/overlayMotion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"overlayMotion.js","sourceRoot":"","sources":["../../../src/ui/overlay/overlayMotion.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "pi-kiosk-shared",
-    "version": "2.2.49",
+    "version": "2.2.51",
     "type": "module",
     "private": false,
     "description": "Shared types, API contracts, and error classes for Pi Kiosk system",
@@ -198,6 +198,11 @@
             "import": "./dist/ui/index.js",
             "require": "./dist/ui/index.js"
         },
+        "./ui/Icon": {
+            "types": "./dist/ui/Icon/index.d.ts",
+            "import": "./dist/ui/Icon/index.js",
+            "require": "./dist/ui/Icon/index.js"
+        },
         "./ui/tvShim": {
             "types": "./dist/ui/tvShim.d.ts",
             "import": "./dist/ui/tvShim.js",