51:I[707087,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"RegistryDependencies"] 52:I[512940,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"Installation"] 53:I[314491,["/_next/static/immutable/chunks/2985g-hklwiee.js","/_next/static/immutable/chunks/0qkc3dps_9x_i.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3thksmxn95rly.js","/_next/static/immutable/chunks/15bpbjna9-vr3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/0agonoz1szsjm.js","/_next/static/immutable/chunks/1ynd3dcge2kn1.js","/_next/static/immutable/chunks/0krdn-21gkgjt.js","/_next/static/immutable/chunks/0n9w9riw96l80.js","/_next/static/immutable/chunks/0w75qangey2ys.js","/_next/static/immutable/chunks/1tge7vcvsb70s.js","/_next/static/immutable/chunks/35ju_ac0ysz07.js"],"FilesView"] 54:Td74,'use client'; import * as React from 'react'; import { Popover as PopoverPrimitive, PopoverButton as PopoverButtonPrimitive, PopoverPanel as PopoverPanelPrimitive, PopoverBackdrop as PopoverBackdropPrimitive, PopoverGroup as PopoverGroupPrimitive, type PopoverProps as PopoverPrimitiveProps, type PopoverButtonProps as PopoverButtonPrimitiveProps, type PopoverPanelProps as PopoverPanelPrimitiveProps, type PopoverBackdropProps as PopoverBackdropPrimitiveProps, type PopoverGroupProps as PopoverGroupPrimitiveProps, } from '@headlessui/react'; import { AnimatePresence, motion, type HTMLMotionProps, type Transition, } from 'motion/react'; import { getStrictContext } from '@/lib/get-strict-context'; type PopoverContextType = { isOpen: boolean; }; const [PopoverProvider, usePopover] = getStrictContext('PopoverContext'); type PopoverProps = PopoverPrimitiveProps & { as?: TTag; }; function Popover({ children, ...props }: PopoverProps) { return ( {(bag) => ( {typeof children === 'function' ? children(bag) : children} )} ); } type PopoverButtonProps = PopoverButtonPrimitiveProps & { as?: TTag; }; function PopoverButton( props: PopoverButtonProps, ) { return ; } type PopoverBackdropProps = PopoverBackdropPrimitiveProps & { as?: TTag; }; function PopoverBackdrop( props: PopoverBackdropProps, ) { return ; } type PopoverGroupProps = PopoverGroupPrimitiveProps & { as?: TTag; }; function PopoverGroup( props: PopoverGroupProps, ) { return ; } type PopoverPanelProps = Omit< PopoverPanelPrimitiveProps, 'transition' > & Omit, 'children'> & { transition?: Transition; as?: TTag; }; function PopoverPanel( props: PopoverPanelProps, ) { const { transition = { type: 'spring', stiffness: 300, damping: 25 }, as = motion.div, ...rest } = props; const { isOpen } = usePopover(); return ( {isOpen && ( )} ); } export { Popover, PopoverButton, PopoverPanel, PopoverBackdrop, PopoverGroup, type PopoverProps, type PopoverButtonProps, type PopoverPanelProps, type PopoverBackdropProps, type PopoverGroupProps, }; 4d:["$","div",null,{"className":"flex flex-col gap-12","children":[["$","div",null,{"className":"pt-10 flex flex-col gap-4","children":[["$","ul",null,{"className":"flex gap-2 flex-wrap","children":[["$","li","motion",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/motion","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"text-xs font-medium","children":"motion"}]]}]}],["$","li","@headlessui/react",{"children":["$","a",null,{"href":"https://www.npmjs.com/package/%40headlessui%2Freact","target":"_blank","rel":"noopener noreferrer","className":"rounded-md border p-2 text-sm flex items-center gap-1 ","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"text-xs font-medium","children":"@headlessui/react"}]]}]}]]}],["$","$L51",null,{"registryDependencies":["@animate-ui/lib-get-strict-context"]}]]}],["$","$L52",null,{"sourceUrl":"https://animate-ui.com/r/primitives-headless-popover.json","proxyUrl":"https://shadcnregistry.com/r/animate-ui/primitives-headless-popover","itemId":"@animate-ui/primitives-headless-popover"}],["$","section",null,{"className":"flex flex-col gap-4","id":"files","children":[["$","h2",null,{"className":"text-lg md:text-2xl font-bold font-mono","children":"Files"}],["$","$L53",null,{"files":[{"path":"registry/primitives/headless/popover/index.tsx","content":"$54","type":"registry:ui","target":"components/animate-ui/primitives/headless/popover.tsx"}]}]]}],"$L55"]}]

Headless Popover

Installation

Files

components

Styles