51:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 52:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 53:T19d3,/* eslint-disable react-refresh/only-export-components */ /** * BoldKit Motion — React adapter (L3). * * Thin wrapper around @boldkit/motion-core. Adds React lifecycle wiring * to the framework-agnostic primitives. The Vue adapter mirrors this * surface 1:1 so apps can switch frameworks without re-learning the API. * * Requires `motion.css` (L2 recipes) to be loaded. If you're using * BoldKit's globals.css, the recipes are already included. */ import * as React from 'react' import { cn } from '@/lib/utils' import { observeReveal, staggerChildren, triggerAnimation, startViewTransition, prefersReducedMotion, type RevealOptions, type StaggerOptions, type PageTransition, } from '@/lib/motion-core' // ────────────────────────────────────────────────────────────────── // — scroll-triggered entrance // ────────────────────────────────────────────────────────────────── export type RevealDirection = 'up' | 'down' | 'left' | 'right' export interface RevealProps extends React.HTMLAttributes, Omit { /** Direction to slide in from. Default 'up'. */ direction?: RevealDirection /** Custom IntersectionObserver rootMargin. */ rootMargin?: string /** Element tag to render. Default 'div'. */ as?: keyof React.JSX.IntrinsicElements } export const Reveal = React.forwardRef( ({ direction = 'up', rootMargin, threshold, once, delay, as, className, children, ...rest }, ref) => { const innerRef = React.useRef(null) React.useImperativeHandle(ref, () => innerRef.current as HTMLDivElement) React.useEffect(() => { const el = innerRef.current if (!el) return return observeReveal(el, { rootMargin, threshold, once, delay }) }, [rootMargin, threshold, once, delay]) const Tag = (as ?? 'div') as React.ElementType return ( {children} ) } ) Reveal.displayName = 'Reveal' // ────────────────────────────────────────────────────────────────── // — declarative recipe composition // ────────────────────────────────────────────────────────────────── export interface MotionProps extends React.HTMLAttributes { as?: keyof React.JSX.IntrinsicElements /** Apply .bk-press for interactive shadow choreography. */ press?: boolean /** Apply .bk-stamp-in entrance. */ stamp?: boolean /** Apply .bk-pulse-shadow. */ pulse?: boolean } export const Motion = React.forwardRef( ({ as, press, stamp, pulse, className, children, ...rest }, ref) => { const Tag = (as ?? 'div') as React.ElementType return ( {children} ) } ) Motion.displayName = 'Motion' // ────────────────────────────────────────────────────────────────── // — sequence children entrance // ────────────────────────────────────────────────────────────────── export interface StaggerProps extends React.HTMLAttributes, StaggerOptions { as?: keyof React.JSX.IntrinsicElements } export const Stagger = React.forwardRef( ({ delay, initialDelay, selector, as, className, children, ...rest }, ref) => { const innerRef = React.useRef(null) React.useImperativeHandle(ref, () => innerRef.current as HTMLDivElement) React.useEffect(() => { const el = innerRef.current if (!el) return return staggerChildren(el, { delay, initialDelay, selector }) }, [delay, initialDelay, selector]) const Tag = (as ?? 'div') as React.ElementType return ( {children} ) } ) Stagger.displayName = 'Stagger' // ────────────────────────────────────────────────────────────────── // useShake — imperative shake-on-error // ────────────────────────────────────────────────────────────────── /** * Returns a function that shakes a given element (e.g. an invalid input). * * const shake = useShake() * shake(inputRef.current) */ export function useShake() { return React.useCallback(async (el: Element | null) => { if (!el) return await triggerAnimation(el, 'bk-shake-x') }, []) } // ────────────────────────────────────────────────────────────────── // useViewTransition — wraps document.startViewTransition // ────────────────────────────────────────────────────────────────── /** * Returns a function that runs `callback` inside a view transition where * supported. Falls back to invoking the callback directly. Always safe to call. */ export function useViewTransition() { return React.useCallback( (callback: () => void | Promise, recipe?: PageTransition) => { return startViewTransition(callback, recipe) }, [] ) } // Re-export the core helper so consumers don't need a second import export { prefersReducedMotion } 50:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L51",null,{"namespace":"@boldkit","registryDependencies":["@boldkit/motion","@boldkit/motion-core","@boldkit/utils"]}]]}],null]}],["$","$L52",null,{"files":[{"path":"registry/default/ui/motion.tsx","content":"$53","type":"registry:ui","target":"components/ui/motion.tsx"}],"className":"h-[70svh] min-h-80"}]]}]