refactor(motion): simplify to default and reduced

apps/docs/.storybook/preview.ts

@@ -8,15 +8,11 @@ import {
   skinNames
 } from "@ai-ui/ui";
 import {
-  defaultMotionAccessibility,
-  defaultMotionPack,
+  defaultMotionMode,
   defaultTheme,
-  motionAccessibilityDetails,
-  motionAccessibilityNames,
-  motionPackDetails,
-  motionPackNames,
-  setMotionAccessibility,
-  setMotionPack,
+  motionModeDetails,
+  motionModeNames,
+  setMotionMode,
   setTheme,
   themeDetails,
   themeNames
@@ -35,25 +31,14 @@ const preview: Preview = {
         }))
       }
     },
-    motionPack: {
-      description: "Preview motion pack",
+    motionMode: {
+      description: "Preview motion mode",
       toolbar: {
         icon: "transfer",
         dynamicTitle: true,
-        items: motionPackNames.map((packName) => ({
-          value: packName,
-          title: motionPackDetails[packName].label
-        }))
-      }
-    },
-    motionAccessibility: {
-      description: "Preview motion accessibility override",
-      toolbar: {
-        icon: "accessibility",
-        dynamicTitle: true,
-        items: motionAccessibilityNames.map((modeName) => ({
+        items: motionModeNames.map((modeName) => ({
           value: modeName,
-          title: motionAccessibilityDetails[modeName].label
+          title: motionModeDetails[modeName].label
         }))
       }
     },
@@ -70,8 +55,7 @@ const preview: Preview = {
     }
   },
   initialGlobals: {
-    motionAccessibility: defaultMotionAccessibility,
-    motionPack: defaultMotionPack,
+    motionMode: defaultMotionMode,
     skin: defaultSkin,
     theme: defaultTheme
   },
@@ -97,13 +81,11 @@ const preview: Preview = {
     (Story, context) => {
       if (typeof document !== "undefined") {
         setTheme(context.globals.theme ?? defaultTheme);
-        setMotionPack(context.globals.motionPack ?? defaultMotionPack);
-        setMotionAccessibility(
-          context.globals.motionAccessibility ?? defaultMotionAccessibility
-        );
+        setMotionMode(context.globals.motionMode ?? defaultMotionMode);
         setSkin(context.globals.skin ?? defaultSkin);
 
         document.body.dataset.theme = context.globals.theme ?? defaultTheme;
+        document.body.dataset.motion = context.globals.motionMode ?? defaultMotionMode;
         document.body.dataset.skin = context.globals.skin ?? defaultSkin;
       }