mirror of
https://github.com/supabase/supabase.git
synced 2026-10-12 04:45:08 +03:00
Claude
fe95f062d4
Cuts the multi-paragraph comments down to one line each, or drops them where the function or variable name already says it. Also badges the "Object versioning" field "Private Alpha", in both bucket modals — the label belongs to the shared field component. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01N3euXsz25sTybsGTcxCFfn
24 lines
661 B
TypeScript
24 lines
661 B
TypeScript
import { motion } from 'framer-motion'
|
|
import type { ReactNode } from 'react'
|
|
|
|
/** Wrap the parent in `<AnimatePresence initial={false}>` to avoid animating on first paint. */
|
|
export const FormSectionCollapse = ({ children }: { children: ReactNode }) => (
|
|
<motion.div
|
|
initial="collapsed"
|
|
animate="open"
|
|
exit="collapsed"
|
|
variants={{
|
|
collapsed: { opacity: 0, height: 0, overflow: 'hidden' },
|
|
open: {
|
|
opacity: 1,
|
|
height: 'auto',
|
|
overflow: 'hidden',
|
|
transitionEnd: { overflow: 'visible' },
|
|
},
|
|
}}
|
|
transition={{ duration: 0.18, ease: [0.4, 0, 0.2, 1] }}
|
|
>
|
|
{children}
|
|
</motion.div>
|
|
)
|