import type { ICSSGridMorphOptions, ICSSGridMorphAPI } from '../Morph.types'; /** * Hook for CSS Grid-based expand/collapse animations. * * Uses the `grid-template-rows: 0fr/1fr` technique for smooth height * animations without needing to know the content height in advance. * * CSS required on container: * ```css * .morph-container { * display: grid; * grid-template-rows: 0fr; * transition: grid-template-rows 300ms ease; * } * .morph-container.expanded { * grid-template-rows: 1fr; * } * .morph-content { * overflow: hidden; * } * ``` * * @param options - Duration and easing overrides * @returns Grid morph API with expand, collapse, toggle, and container ref * * @example * ```tsx * const { isExpanded, toggle, containerRef } = useCSSGridMorph(); * * return ( *
*
Collapsible content
*
* ); * ``` */ export declare function useCSSGridMorph(options?: ICSSGridMorphOptions): ICSSGridMorphAPI; //# sourceMappingURL=useCSSGridMorph.d.ts.map