{"$schema":"https://ui.logic2b.com/schema/registry-item.json","name":"motion-slide","type":"registry:ui","title":"Motion Slide","description":"Slide a mounting element in from a direction (up/down/left/right) while it fades — the <MotionSlide> preset built on the motion engine. Zero runtime deps (tw-animate-css).","registryDependencies":["motion"],"files":[{"path":"ui/motion-slide.tsx","type":"registry:ui","content":"\"use client\"\n\nimport { Motion, type MotionPreset, type MotionProps } from \"@/components/ui/motion\"\n\nexport type MotionSlideDirection = \"up\" | \"down\" | \"left\" | \"right\"\n\nexport interface MotionSlideProps extends Omit<MotionProps, \"preset\"> {\n  /** Direction the element travels from as it fades in. Default `\"up\"`. */\n  direction?: MotionSlideDirection\n}\n\nconst presetFor: Record<MotionSlideDirection, MotionPreset> = {\n  up: \"fade-up\",\n  down: \"fade-down\",\n  left: \"fade-left\",\n  right: \"fade-right\",\n}\n\n/** Slide a mounting element in from a direction while it fades. */\nfunction MotionSlide({ direction = \"up\", ...props }: MotionSlideProps) {\n  return <Motion preset={presetFor[direction]} {...props} />\n}\n\nexport { MotionSlide }\n"}],"categories":["motion"],"accessibility":{"support":"consumer","pattern":"slide animation","primitive":"Motion for React","keyboard":[],"aria":["Preserves child semantics and accepts reduced-motion behavior from the motion foundation."],"consumer":["Use a reduced or instant alternative and do not use position changes to imply a different reading order."],"limitations":["Large translations can be uncomfortable unless reduced-motion preferences are honored."]},"api":{"source":"src/ui/motion-slide.tsx","exports":[{"name":"MotionSlideDirection","kind":"type","definition":"type MotionSlideDirection = \"up\" | \"down\" | \"left\" | \"right\""},{"name":"MotionSlideProps","kind":"type","definition":"interface MotionSlideProps extends Omit<MotionProps, \"preset\"> { /** Direction the element travels from as it fades in. Default `\"up\"`. */ direction?: MotionSlideDirection }"},{"name":"MotionSlide","kind":"component","description":"Slide a mounting element in from a direction while it fades.","propsType":"MotionSlideProps","props":[{"name":"direction","type":"MotionSlideDirection","required":false,"default":"\"up\"","description":"Direction the element travels from as it fades in. Default `\"up\"`."}]}]}}