@passui/react 0.1.46 → 0.2.0

package/dist/types/src/lib/date.d.ts

@@ -1,50 +0,0 @@
-declare const PRESETS: {
-    /** Aug 30, 2026 */
-    PP: {
-        dateStyle: "medium";
-    };
-    /** August 30, 2026 */
-    PPP: {
-        dateStyle: "long";
-    };
-    /** Aug 30, 2026, 2:15 PM */
-    PPp: {
-        dateStyle: "medium";
-        timeStyle: "short";
-    };
-    /** August 30, 2026 at 2:15 PM */
-    PPPp: {
-        dateStyle: "long";
-        timeStyle: "short";
-    };
-    /** Aug 30 */
-    "MMM d": {
-        month: "short";
-        day: "numeric";
-    };
-    /** Aug 30, 14:15 */
-    "MMM d, HH:mm": {
-        month: "short";
-        day: "numeric";
-        hour: "2-digit";
-        minute: "2-digit";
-        hourCycle: "h23";
-    };
-    /** Aug 30, 14:15:09 */
-    "MMM d, HH:mm:ss": {
-        month: "short";
-        day: "numeric";
-        hour: "2-digit";
-        minute: "2-digit";
-        second: "2-digit";
-        hourCycle: "h23";
-    };
-};
-export type DatePreset = keyof typeof PRESETS;
-/** A stored UTC timestamp shown as its UTC wall-clock time, whatever the viewer's timezone. */
-export declare function formatUtc(date: Date | string | number, preset: DatePreset): string;
-/** The viewer's local time of day, like 2:15 PM. */
-export declare function formatTime(date: Date | string | number): string;
-/** "5 minutes ago", "in 30 days": the largest whole unit that fits. */
-export declare function fromNow(date: Date | string | number): string;
-export {};

package/dist/types/src/lib/floating-layers.d.ts

@@ -1,8 +0,0 @@
-export declare const FLOATING_LAYER = "data-floating-layer";
-/** Portals retain the ownership of the control that opened them. */
-export declare function registerFloatingLayer(layer: Element, anchor: Element): () => void;
-export declare function ownsFloatingLayer(container: Element, target: Element | null): boolean;
-/** An element belongs to a surface either directly or through a portaled child layer. */
-export declare function belongsToFloatingSurface(surface: Element, target: Element | null): boolean;
-/** Whether a pointer target is outside both an anchored surface and its nested portals. */
-export declare function isOutsideFloatingSurface(surface: Element | null, anchor: Element, target: EventTarget | null): boolean;

package/dist/types/src/lib/range-value.d.ts

@@ -1,4 +0,0 @@
-/** Keep controlled numeric inputs within finite bounds without floating-point drift. */
-export declare function clampRange(value: number, min: number, max: number): number;
-/** The nearest reachable step from min, optionally allowing an exact maximum. */
-export declare function stepRange(value: number, direction: -1 | 1, min: number, max: number, step: number): number;

package/dist/types/src/machines/popover.machine.d.ts

@@ -1,30 +0,0 @@
-/**
- * Popover state machine — pure function, no React, no DOM.
- *
- * Translates directly to a Rust enum with match arms.
- *
- * States:
- *   closed   → nothing visible
- *   opening  → surface morphing from trigger to content
- *   open     → content fully visible
- *   closing  → surface morphing back to trigger
- *
- * The OPENED/CLOSED events are fired by onAnimationComplete,
- * so the machine stays in "opening"/"closing" until the animation
- * actually finishes — enabling interruptibility (close during open).
- */
-export type PopoverState = "closed" | "opening" | "open" | "closing";
-export type PopoverEvent = "OPEN" | "OPENED" | "CLOSE" | "CLOSED" | "TOGGLE";
-export declare function popoverMachine(state: PopoverState, event: PopoverEvent): PopoverState;
-export type PopoverContextValue = {
-    state: PopoverState;
-    send: (event: PopoverEvent) => void;
-    /** The trigger element — set by PopoverTrigger, read by PopoverContent for positioning. */
-    triggerRef: React.RefObject<HTMLElement | null>;
-    /** Unique ID for aria-controls + layoutId morphing. */
-    contentId: string;
-    /** Shared layoutId for motion's matched-geometry transition. */
-    surfaceId: string;
-    /** Whether the popover is open or transitioning (not closed). */
-    isPresent: boolean;
-};

package/dist/types/src/motion/transitions.d.ts

@@ -1,170 +0,0 @@
-/** Design-token springs as motion/react transitions. */
-export declare const spring: {
-    readonly smooth: {
-        readonly damping: 26;
-        readonly stiffness: 240;
-        readonly mass: 1;
-        readonly type: "spring";
-    };
-    readonly snappy: {
-        readonly damping: 22;
-        readonly stiffness: 380;
-        readonly mass: 1;
-        readonly type: "spring";
-    };
-    readonly bouncy: {
-        readonly damping: 14;
-        readonly stiffness: 220;
-        readonly mass: 1;
-        readonly type: "spring";
-    };
-};
-/**
- * Apple's fluid overshoot: cubic-bezier(0.34, 1.56, 0.1, 1).
- * Replaces traditional ease profiles with an authentic fluid bounce
- * that overshoots and settles, matching Apple's custom interface physics.
- * Used for zoom/matched-geometry transitions where the surface emerges
- * from the trigger and snaps into place with a physical bounce.
- */
-export declare const fluidOvershoot: {
-    readonly duration: 0.4;
-    readonly ease: [number, number, number, number];
-};
-/**
- * Exit motion: content collapses back toward its source.
- * The surface shrinks toward the trigger's position while fading,
- * like a water drop absorbing back into its origin.
- */
-export declare const fluidCollapse: {
-    readonly duration: 0.28;
-    readonly ease: [number, number, number, number];
-};
-export type FloatingPanelSide = "above" | "below";
-/**
- * Anchored panels settle toward their source without shrinking their text.
- * Now uses origin-based scaling: the panel grows from the trigger's
- * position (transform-origin set by the caller) with a scale + opacity
- * crossfade, rather than a plain slide.
- */
-export declare function floatingPanelMotion(side?: FloatingPanelSide): {
-    readonly initial: {
-        readonly opacity: 0;
-        readonly scale: 0.92;
-        readonly y: number;
-    };
-    readonly animate: {
-        readonly opacity: 1;
-        readonly scale: 1;
-        readonly y: 0;
-    };
-    readonly exit: {
-        readonly opacity: 0;
-        readonly scale: 0.95;
-        readonly y: number;
-    };
-    readonly transition: {
-        readonly duration: 0.4;
-        readonly ease: [number, number, number, number];
-        readonly opacity: {
-            readonly duration: 0.16;
-            readonly ease: [number, number, number, number];
-        };
-    };
-};
-/** Default below-anchor presentation, retained for existing consumers. */
-export declare const popoverMotion: {
-    readonly initial: {
-        readonly opacity: 0;
-        readonly scale: 0.92;
-        readonly y: number;
-    };
-    readonly animate: {
-        readonly opacity: 1;
-        readonly scale: 1;
-        readonly y: 0;
-    };
-    readonly exit: {
-        readonly opacity: 0;
-        readonly scale: 0.95;
-        readonly y: number;
-    };
-    readonly transition: {
-        readonly duration: 0.4;
-        readonly ease: [number, number, number, number];
-        readonly opacity: {
-            readonly duration: 0.16;
-            readonly ease: [number, number, number, number];
-        };
-    };
-};
-/**
- * Zoom/matched-geometry transition for dialogs and center-placed sheets.
- * The surface starts small (scale 0.88) and invisible, then grows to
- * full size with the fluid overshoot bounce. Content elements inside
- * crossfade in slightly delayed so they phase into visibility
- * asynchronously — not a harsh switch.
- */
-export declare const zoomReveal: {
-    readonly initial: {
-        readonly opacity: 0;
-        readonly scale: 0.88;
-    };
-    readonly animate: {
-        readonly opacity: 1;
-        readonly scale: 1;
-    };
-    readonly exit: {
-        readonly opacity: 0;
-        readonly scale: 0.92;
-    };
-    readonly transition: {
-        readonly duration: 0.4;
-        readonly ease: [number, number, number, number];
-    };
-};
-/**
- * Content crossfade for elements inside an overlay.
- * Rather than a harsh switch, sub-elements scale and phase into
- * visibility asynchronously. Use for children of dialogs, sheets,
- * and popovers — the container arrives first, then content fades in.
- */
-export declare const contentCrossfade: {
-    readonly initial: {
-        readonly opacity: 0;
-        readonly scale: 0.96;
-    };
-    readonly animate: {
-        readonly opacity: 1;
-        readonly scale: 1;
-    };
-    readonly exit: {
-        readonly opacity: 0;
-        readonly scale: 0.98;
-    };
-    readonly transition: {
-        readonly duration: 0.24;
-        readonly ease: [number, number, number, number];
-        readonly delay: 0.04;
-    };
-};
-/** Floating bars that rise from the bottom edge. */
-export declare const riseMotion: {
-    readonly initial: {
-        readonly opacity: 0;
-        readonly y: 32;
-    };
-    readonly animate: {
-        readonly opacity: 1;
-        readonly y: 0;
-    };
-    readonly exit: {
-        readonly opacity: 0;
-        readonly y: 24;
-    };
-    readonly transition: {
-        readonly damping: 26;
-        readonly stiffness: 240;
-        readonly mass: 1;
-        readonly type: "spring";
-    };
-};

package/src/appearance/index.ts

@@ -1,2 +0,0 @@
-export * from "./platform";
-export * from "./theme";

package/src/appearance/platform.tsx

@@ -1,102 +0,0 @@
-import {
-	createContext,
-	useContext,
-	useEffect,
-	useState,
-	type PropsWithChildren,
-} from "react";
-
-export type PlatformOS =
-	| "ios"
-	| "android"
-	| "macos"
-	| "windows"
-	| "linux"
-	| "unknown";
-
-const PlatformContext = createContext<PlatformOS>("unknown");
-
-export function detectPlatform(
-	userAgent: string,
-	platform: string,
-	maxTouchPoints: number,
-): PlatformOS {
-	return resolvePlatform(null, userAgent, platform, maxTouchPoints);
-}
-
-export function resolvePlatform(
-	override: string | null,
-	userAgent: string,
-	platform: string,
-	maxTouchPoints: number,
-): PlatformOS {
-	if (
-		override === "ios" ||
-		override === "android" ||
-		override === "macos" ||
-		override === "windows" ||
-		override === "linux" ||
-		override === "unknown"
-	) {
-		return override;
-	}
-
-	if (/android/i.test(userAgent)) return "android";
-	if (/iPhone|iPad|iPod/i.test(userAgent)) return "ios";
-	if (platform === "MacIntel" && maxTouchPoints > 1) return "ios";
-	if (/Mac/i.test(platform)) return "macos";
-	if (/Win/i.test(platform)) return "windows";
-	if (/Linux/i.test(platform)) return "linux";
-	return "unknown";
-}
-
-function initializePlatform(
-	resolve: typeof resolvePlatform,
-	root: HTMLElement,
-	userAgent: string,
-	platform: string,
-	maxTouchPoints: number,
-) {
-	root.setAttribute(
-		"data-os",
-		resolve(root.getAttribute("data-os"), userAgent, platform, maxTouchPoints),
-	);
-}
-
-export function PlatformScript({ nonce }: { nonce?: string }) {
-	return (
-		<script
-			// Run the library's platform bootstrap before first paint.
-			dangerouslySetInnerHTML={{
-				__html: `(${initializePlatform.toString()})(${resolvePlatform.toString()}, document.documentElement, navigator.userAgent, navigator.platform, navigator.maxTouchPoints)`,
-			}}
-			nonce={nonce}
-			suppressHydrationWarning
-		/>
-	);
-}
-
-export function PlatformProvider({ children }: PropsWithChildren) {
-	const [platform, setPlatform] = useState<PlatformOS>("unknown");
-
-	useEffect(() => {
-		const resolved = resolvePlatform(
-			document.documentElement.getAttribute("data-os"),
-			navigator.userAgent,
-			navigator.platform,
-			navigator.maxTouchPoints,
-		);
-		document.documentElement.setAttribute("data-os", resolved);
-		setPlatform(resolved);
-	}, []);
-
-	return (
-		<PlatformContext.Provider value={platform}>
-			{children}
-		</PlatformContext.Provider>
-	);
-}
-
-export function usePlatform() {
-	return useContext(PlatformContext);
-}