@raydenui/ui 0.9.7 → 0.10.1

package/dist/motion/presets.js

@@ -0,0 +1,84 @@
+const ease = {
+    enter: "cubic-bezier(0.16, 1, 0.3, 1)",
+    exit: "cubic-bezier(0.4, 0, 1, 1)",
+    standard: "cubic-bezier(0.25, 1, 0.5, 1)",
+};
+export const motionPresets = {
+    calm: {
+        duration: { instant: 0, fast: 100, normal: 220, slow: 280 },
+        ease,
+        distance: { micro: 2, short: 6 },
+        scale: { press: 0.98, enter: 0.98 },
+    },
+    snappy: {
+        duration: { instant: 0, fast: 80, normal: 140, slow: 180 },
+        ease,
+        distance: { micro: 2, short: 4 },
+        scale: { press: 0.97, enter: 0.98 },
+    },
+    playful: {
+        duration: { instant: 0, fast: 120, normal: 260, slow: 340 },
+        ease,
+        distance: { micro: 4, short: 12 },
+        scale: { press: 0.95, enter: 0.94 },
+    },
+    reduced: {
+        duration: { instant: 0, fast: 0, normal: 0, slow: 0 },
+        ease,
+        distance: { micro: 0, short: 0 },
+        scale: { press: 1, enter: 1 },
+    },
+};
+export const motionRecipes = {
+    "appear.fade": {
+        primitive: "Reveal",
+        purpose: "Reveal content without displacement",
+        reducedMotion: "Immediate visibility",
+        engine: "waapi",
+    },
+    "appear.fadeUp": {
+        primitive: "Reveal",
+        purpose: "Introduce newly available content",
+        reducedMotion: "Immediate visibility",
+        engine: "waapi",
+    },
+    "appear.scale": {
+        primitive: "Reveal",
+        purpose: "Introduce a compact surface",
+        reducedMotion: "Immediate visibility",
+        engine: "waapi",
+    },
+    "overlay.pop": {
+        primitive: "Modal",
+        purpose: "Open or dismiss a dialog panel",
+        reducedMotion: "Immediate open and close with focus preserved",
+        engine: "waapi",
+    },
+    "selection.slideIndicator": {
+        primitive: "SharedLayout",
+        purpose: "Track tab selection",
+        reducedMotion: "Immediate selection indicator",
+        engine: "waapi",
+    },
+    "selection.sharedPill": {
+        primitive: "SharedLayout",
+        purpose: "Track segmented or pill selection",
+        reducedMotion: "Immediate selection indicator",
+        engine: "waapi",
+    },
+    "disclosure.collapse": {
+        primitive: "Collapse",
+        purpose: "Expand optional content",
+        reducedMotion: "Immediate disclosure",
+        engine: "css",
+    },
+    "feedback.press": {
+        primitive: "Pressable",
+        purpose: "Acknowledge pointer and keyboard press",
+        reducedMotion: "Native focus and active state without scaling",
+        engine: "css",
+    },
+};
+export function getMotionRecipe(name, preset = "calm") {
+    return { name, ...motionRecipes[name], preset, tokens: motionPresets[preset] };
+}

package/dist/motion.d.cts

@@ -0,0 +1,51 @@
+import { M as MotionPreset, a as MotionOption, b as MotionTokens, R as RevealRecipe } from './presets-Ba5QndHg.cjs';
+export { c as MotionRecipeName, g as getMotionRecipe, m as motionPresets, d as motionRecipes } from './presets-Ba5QndHg.cjs';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, ButtonHTMLAttributes, HTMLAttributes } from 'react';
+
+/** The server conservatively disables motion; hydration adopts the user's preference. */
+declare function useReducedMotionPreference(): boolean;
+interface MotionProviderProps {
+    preset?: MotionPreset;
+    children: ReactNode;
+}
+/** Context-only scope: nested scopes and React portals inherit without mutating document root. */
+declare function MotionProvider({ preset, children }: MotionProviderProps): react_jsx_runtime.JSX.Element;
+/** Passing false disables this element's motion. OS reduced motion always wins. */
+declare function useRaydenMotion(option?: MotionOption): {
+    requestedPreset: MotionPreset;
+    preset: MotionPreset;
+    reducedMotion: boolean;
+    tokens: MotionTokens;
+};
+
+interface PressableProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    motion?: MotionOption;
+}
+/** Native button semantics, focus and activation are retained; only press feedback is added. */
+declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface RevealProps extends HTMLAttributes<HTMLDivElement> {
+    present?: boolean;
+    motion?: MotionOption;
+    recipe?: RevealRecipe;
+}
+/** Presence for non-interactive content; exiting content is inert immediately. */
+declare function Reveal({ present, motion, recipe, children, ...props }: RevealProps): react_jsx_runtime.JSX.Element | null;
+
+interface CollapseProps extends HTMLAttributes<HTMLDivElement> {
+    open: boolean;
+    motion?: MotionOption;
+}
+/** Disclosure region. Supply an external trigger with aria-expanded and aria-controls. */
+declare function Collapse({ open, motion, children, style, ...props }: CollapseProps): react_jsx_runtime.JSX.Element;
+
+interface SharedLayoutProps extends HTMLAttributes<HTMLDivElement> {
+    layoutKey: string | number;
+    motion?: MotionOption;
+}
+/** FLIP animation of this persistent element's geometry when layoutKey changes. Not cross-tree presence. */
+declare function SharedLayout({ layoutKey, motion, children, ...props }: SharedLayoutProps): react_jsx_runtime.JSX.Element;
+
+export { Collapse, type CollapseProps, MotionOption, MotionPreset, MotionProvider, type MotionProviderProps, MotionTokens, Pressable, type PressableProps, Reveal, type RevealProps, RevealRecipe, SharedLayout, type SharedLayoutProps, useRaydenMotion, useReducedMotionPreference };

package/dist/motion.d.ts

@@ -0,0 +1,51 @@
+import { M as MotionPreset, a as MotionOption, b as MotionTokens, R as RevealRecipe } from './presets-Ba5QndHg.js';
+export { c as MotionRecipeName, g as getMotionRecipe, m as motionPresets, d as motionRecipes } from './presets-Ba5QndHg.js';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as react from 'react';
+import { ReactNode, ButtonHTMLAttributes, HTMLAttributes } from 'react';
+
+/** The server conservatively disables motion; hydration adopts the user's preference. */
+declare function useReducedMotionPreference(): boolean;
+interface MotionProviderProps {
+    preset?: MotionPreset;
+    children: ReactNode;
+}
+/** Context-only scope: nested scopes and React portals inherit without mutating document root. */
+declare function MotionProvider({ preset, children }: MotionProviderProps): react_jsx_runtime.JSX.Element;
+/** Passing false disables this element's motion. OS reduced motion always wins. */
+declare function useRaydenMotion(option?: MotionOption): {
+    requestedPreset: MotionPreset;
+    preset: MotionPreset;
+    reducedMotion: boolean;
+    tokens: MotionTokens;
+};
+
+interface PressableProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    motion?: MotionOption;
+}
+/** Native button semantics, focus and activation are retained; only press feedback is added. */
+declare const Pressable: react.ForwardRefExoticComponent<PressableProps & react.RefAttributes<HTMLButtonElement>>;
+
+interface RevealProps extends HTMLAttributes<HTMLDivElement> {
+    present?: boolean;
+    motion?: MotionOption;
+    recipe?: RevealRecipe;
+}
+/** Presence for non-interactive content; exiting content is inert immediately. */
+declare function Reveal({ present, motion, recipe, children, ...props }: RevealProps): react_jsx_runtime.JSX.Element | null;
+
+interface CollapseProps extends HTMLAttributes<HTMLDivElement> {
+    open: boolean;
+    motion?: MotionOption;
+}
+/** Disclosure region. Supply an external trigger with aria-expanded and aria-controls. */
+declare function Collapse({ open, motion, children, style, ...props }: CollapseProps): react_jsx_runtime.JSX.Element;
+
+interface SharedLayoutProps extends HTMLAttributes<HTMLDivElement> {
+    layoutKey: string | number;
+    motion?: MotionOption;
+}
+/** FLIP animation of this persistent element's geometry when layoutKey changes. Not cross-tree presence. */
+declare function SharedLayout({ layoutKey, motion, children, ...props }: SharedLayoutProps): react_jsx_runtime.JSX.Element;
+
+export { Collapse, type CollapseProps, MotionOption, MotionPreset, MotionProvider, type MotionProviderProps, MotionTokens, Pressable, type PressableProps, Reveal, type RevealProps, RevealRecipe, SharedLayout, type SharedLayoutProps, useRaydenMotion, useReducedMotionPreference };