@raydenui/ui 0.9.7 → 0.10.1

package/dist/presets-Ba5QndHg.d.cts

@@ -0,0 +1,144 @@
+/** Semantic, dependency-free motion metadata. Durations are milliseconds; distances are pixels. */
+type MotionPreset = "calm" | "snappy" | "playful" | "reduced";
+type MotionOption = boolean | MotionPreset;
+interface MotionTokens {
+    duration: {
+        instant: number;
+        fast: number;
+        normal: number;
+        slow: number;
+    };
+    ease: {
+        enter: string;
+        exit: string;
+        standard: string;
+    };
+    distance: {
+        micro: number;
+        short: number;
+    };
+    scale: {
+        press: number;
+        enter: number;
+    };
+}
+declare const motionPresets: Record<MotionPreset, MotionTokens>;
+declare const motionRecipes: {
+    readonly "appear.fade": {
+        readonly primitive: "Reveal";
+        readonly purpose: "Reveal content without displacement";
+        readonly reducedMotion: "Immediate visibility";
+        readonly engine: "waapi";
+    };
+    readonly "appear.fadeUp": {
+        readonly primitive: "Reveal";
+        readonly purpose: "Introduce newly available content";
+        readonly reducedMotion: "Immediate visibility";
+        readonly engine: "waapi";
+    };
+    readonly "appear.scale": {
+        readonly primitive: "Reveal";
+        readonly purpose: "Introduce a compact surface";
+        readonly reducedMotion: "Immediate visibility";
+        readonly engine: "waapi";
+    };
+    readonly "overlay.pop": {
+        readonly primitive: "Modal";
+        readonly purpose: "Open or dismiss a dialog panel";
+        readonly reducedMotion: "Immediate open and close with focus preserved";
+        readonly engine: "waapi";
+    };
+    readonly "selection.slideIndicator": {
+        readonly primitive: "SharedLayout";
+        readonly purpose: "Track tab selection";
+        readonly reducedMotion: "Immediate selection indicator";
+        readonly engine: "waapi";
+    };
+    readonly "selection.sharedPill": {
+        readonly primitive: "SharedLayout";
+        readonly purpose: "Track segmented or pill selection";
+        readonly reducedMotion: "Immediate selection indicator";
+        readonly engine: "waapi";
+    };
+    readonly "disclosure.collapse": {
+        readonly primitive: "Collapse";
+        readonly purpose: "Expand optional content";
+        readonly reducedMotion: "Immediate disclosure";
+        readonly engine: "css";
+    };
+    readonly "feedback.press": {
+        readonly primitive: "Pressable";
+        readonly purpose: "Acknowledge pointer and keyboard press";
+        readonly reducedMotion: "Native focus and active state without scaling";
+        readonly engine: "css";
+    };
+};
+type MotionRecipeName = keyof typeof motionRecipes;
+type RevealRecipe = "appear.fade" | "appear.fadeUp" | "appear.scale";
+declare function getMotionRecipe(name: MotionRecipeName, preset?: MotionPreset): {
+    preset: MotionPreset;
+    tokens: MotionTokens;
+    primitive: "Reveal";
+    purpose: "Reveal content without displacement";
+    reducedMotion: "Immediate visibility";
+    engine: "waapi";
+    name: "appear.fade" | "appear.fadeUp" | "appear.scale" | "overlay.pop" | "selection.slideIndicator" | "selection.sharedPill" | "disclosure.collapse" | "feedback.press";
+} | {
+    preset: MotionPreset;
+    tokens: MotionTokens;
+    primitive: "Reveal";
+    purpose: "Introduce newly available content";
+    reducedMotion: "Immediate visibility";
+    engine: "waapi";
+    name: "appear.fade" | "appear.fadeUp" | "appear.scale" | "overlay.pop" | "selection.slideIndicator" | "selection.sharedPill" | "disclosure.collapse" | "feedback.press";
+} | {
+    preset: MotionPreset;
+    tokens: MotionTokens;
+    primitive: "Reveal";
+    purpose: "Introduce a compact surface";
+    reducedMotion: "Immediate visibility";
+    engine: "waapi";
+    name: "appear.fade" | "appear.fadeUp" | "appear.scale" | "overlay.pop" | "selection.slideIndicator" | "selection.sharedPill" | "disclosure.collapse" | "feedback.press";
+} | {
+    preset: MotionPreset;
+    tokens: MotionTokens;
+    primitive: "Modal";
+    purpose: "Open or dismiss a dialog panel";
+    reducedMotion: "Immediate open and close with focus preserved";
+    engine: "waapi";
+    name: "appear.fade" | "appear.fadeUp" | "appear.scale" | "overlay.pop" | "selection.slideIndicator" | "selection.sharedPill" | "disclosure.collapse" | "feedback.press";
+} | {
+    preset: MotionPreset;
+    tokens: MotionTokens;
+    primitive: "SharedLayout";
+    purpose: "Track tab selection";
+    reducedMotion: "Immediate selection indicator";
+    engine: "waapi";
+    name: "appear.fade" | "appear.fadeUp" | "appear.scale" | "overlay.pop" | "selection.slideIndicator" | "selection.sharedPill" | "disclosure.collapse" | "feedback.press";
+} | {
+    preset: MotionPreset;
+    tokens: MotionTokens;
+    primitive: "SharedLayout";
+    purpose: "Track segmented or pill selection";
+    reducedMotion: "Immediate selection indicator";
+    engine: "waapi";
+    name: "appear.fade" | "appear.fadeUp" | "appear.scale" | "overlay.pop" | "selection.slideIndicator" | "selection.sharedPill" | "disclosure.collapse" | "feedback.press";
+} | {
+    preset: MotionPreset;
+    tokens: MotionTokens;
+    primitive: "Collapse";
+    purpose: "Expand optional content";
+    reducedMotion: "Immediate disclosure";
+    engine: "css";
+    name: "appear.fade" | "appear.fadeUp" | "appear.scale" | "overlay.pop" | "selection.slideIndicator" | "selection.sharedPill" | "disclosure.collapse" | "feedback.press";
+} | {
+    preset: MotionPreset;
+    tokens: MotionTokens;
+    primitive: "Pressable";
+    purpose: "Acknowledge pointer and keyboard press";
+    reducedMotion: "Native focus and active state without scaling";
+    engine: "css";
+    name: "appear.fade" | "appear.fadeUp" | "appear.scale" | "overlay.pop" | "selection.slideIndicator" | "selection.sharedPill" | "disclosure.collapse" | "feedback.press";
+};
+
+export { type MotionPreset as M, type RevealRecipe as R, type MotionOption as a, type MotionTokens as b, type MotionRecipeName as c, motionRecipes as d, getMotionRecipe as g, motionPresets as m };

package/dist/presets-Ba5QndHg.d.ts

@@ -0,0 +1,144 @@
+/** Semantic, dependency-free motion metadata. Durations are milliseconds; distances are pixels. */
+type MotionPreset = "calm" | "snappy" | "playful" | "reduced";
+type MotionOption = boolean | MotionPreset;
+interface MotionTokens {
+    duration: {
+        instant: number;
+        fast: number;
+        normal: number;
+        slow: number;
+    };
+    ease: {
+        enter: string;
+        exit: string;
+        standard: string;
+    };
+    distance: {
+        micro: number;
+        short: number;
+    };
+    scale: {
+        press: number;
+        enter: number;
+    };
+}
+declare const motionPresets: Record<MotionPreset, MotionTokens>;
+declare const motionRecipes: {
+    readonly "appear.fade": {
+        readonly primitive: "Reveal";
+        readonly purpose: "Reveal content without displacement";
+        readonly reducedMotion: "Immediate visibility";
+        readonly engine: "waapi";
+    };
+    readonly "appear.fadeUp": {
+        readonly primitive: "Reveal";
+        readonly purpose: "Introduce newly available content";
+        readonly reducedMotion: "Immediate visibility";
+        readonly engine: "waapi";
+    };
+    readonly "appear.scale": {
+        readonly primitive: "Reveal";
+        readonly purpose: "Introduce a compact surface";
+        readonly reducedMotion: "Immediate visibility";
+        readonly engine: "waapi";
+    };
+    readonly "overlay.pop": {
+        readonly primitive: "Modal";
+        readonly purpose: "Open or dismiss a dialog panel";
+        readonly reducedMotion: "Immediate open and close with focus preserved";
+        readonly engine: "waapi";
+    };
+    readonly "selection.slideIndicator": {
+        readonly primitive: "SharedLayout";
+        readonly purpose: "Track tab selection";
+        readonly reducedMotion: "Immediate selection indicator";
+        readonly engine: "waapi";
+    };
+    readonly "selection.sharedPill": {
+        readonly primitive: "SharedLayout";
+        readonly purpose: "Track segmented or pill selection";
+        readonly reducedMotion: "Immediate selection indicator";
+        readonly engine: "waapi";
+    };
+    readonly "disclosure.collapse": {
+        readonly primitive: "Collapse";
+        readonly purpose: "Expand optional content";
+        readonly reducedMotion: "Immediate disclosure";
+        readonly engine: "css";
+    };
+    readonly "feedback.press": {
+        readonly primitive: "Pressable";
+        readonly purpose: "Acknowledge pointer and keyboard press";
+        readonly reducedMotion: "Native focus and active state without scaling";
+        readonly engine: "css";
+    };
+};
+type MotionRecipeName = keyof typeof motionRecipes;
+type RevealRecipe = "appear.fade" | "appear.fadeUp" | "appear.scale";
+declare function getMotionRecipe(name: MotionRecipeName, preset?: MotionPreset): {
+    preset: MotionPreset;
+    tokens: MotionTokens;
+    primitive: "Reveal";
+    purpose: "Reveal content without displacement";
+    reducedMotion: "Immediate visibility";
+    engine: "waapi";
+    name: "appear.fade" | "appear.fadeUp" | "appear.scale" | "overlay.pop" | "selection.slideIndicator" | "selection.sharedPill" | "disclosure.collapse" | "feedback.press";
+} | {
+    preset: MotionPreset;
+    tokens: MotionTokens;
+    primitive: "Reveal";
+    purpose: "Introduce newly available content";
+    reducedMotion: "Immediate visibility";
+    engine: "waapi";
+    name: "appear.fade" | "appear.fadeUp" | "appear.scale" | "overlay.pop" | "selection.slideIndicator" | "selection.sharedPill" | "disclosure.collapse" | "feedback.press";
+} | {
+    preset: MotionPreset;
+    tokens: MotionTokens;
+    primitive: "Reveal";
+    purpose: "Introduce a compact surface";
+    reducedMotion: "Immediate visibility";
+    engine: "waapi";
+    name: "appear.fade" | "appear.fadeUp" | "appear.scale" | "overlay.pop" | "selection.slideIndicator" | "selection.sharedPill" | "disclosure.collapse" | "feedback.press";
+} | {
+    preset: MotionPreset;
+    tokens: MotionTokens;
+    primitive: "Modal";
+    purpose: "Open or dismiss a dialog panel";
+    reducedMotion: "Immediate open and close with focus preserved";
+    engine: "waapi";
+    name: "appear.fade" | "appear.fadeUp" | "appear.scale" | "overlay.pop" | "selection.slideIndicator" | "selection.sharedPill" | "disclosure.collapse" | "feedback.press";
+} | {
+    preset: MotionPreset;
+    tokens: MotionTokens;
+    primitive: "SharedLayout";
+    purpose: "Track tab selection";
+    reducedMotion: "Immediate selection indicator";
+    engine: "waapi";
+    name: "appear.fade" | "appear.fadeUp" | "appear.scale" | "overlay.pop" | "selection.slideIndicator" | "selection.sharedPill" | "disclosure.collapse" | "feedback.press";
+} | {
+    preset: MotionPreset;
+    tokens: MotionTokens;
+    primitive: "SharedLayout";
+    purpose: "Track segmented or pill selection";
+    reducedMotion: "Immediate selection indicator";
+    engine: "waapi";
+    name: "appear.fade" | "appear.fadeUp" | "appear.scale" | "overlay.pop" | "selection.slideIndicator" | "selection.sharedPill" | "disclosure.collapse" | "feedback.press";
+} | {
+    preset: MotionPreset;
+    tokens: MotionTokens;
+    primitive: "Collapse";
+    purpose: "Expand optional content";
+    reducedMotion: "Immediate disclosure";
+    engine: "css";
+    name: "appear.fade" | "appear.fadeUp" | "appear.scale" | "overlay.pop" | "selection.slideIndicator" | "selection.sharedPill" | "disclosure.collapse" | "feedback.press";
+} | {
+    preset: MotionPreset;
+    tokens: MotionTokens;
+    primitive: "Pressable";
+    purpose: "Acknowledge pointer and keyboard press";
+    reducedMotion: "Native focus and active state without scaling";
+    engine: "css";
+    name: "appear.fade" | "appear.fadeUp" | "appear.scale" | "overlay.pop" | "selection.slideIndicator" | "selection.sharedPill" | "disclosure.collapse" | "feedback.press";
+};
+
+export { type MotionPreset as M, type RevealRecipe as R, type MotionOption as a, type MotionTokens as b, type MotionRecipeName as c, motionRecipes as d, getMotionRecipe as g, motionPresets as m };