{ "version": 3, "sources": ["../../../../../src/lib/ui/components/primitives/Popover.tsx"], "sourcesContent": ["import * as PopoverPrimitive from '@radix-ui/react-popover'\nimport { useContainer } from '@tldraw/editor'\nimport React, { FC } from 'react'\nimport { useMenuIsOpen } from '../../hooks/useMenuIsOpen'\n\ntype PopoverProps = {\n\tid: string\n\topen?: boolean\n\tchildren: React.ReactNode\n\tonOpenChange?: (isOpen: boolean) => void\n}\n\nexport const Popover: FC = ({ id, children, onOpenChange }) => {\n\tconst [isOpen, handleOpenChange] = useMenuIsOpen(id, onOpenChange)\n\n\treturn (\n\t\t\n\t\t\t
{children}
\n\t\t
\n\t)\n}\n\nexport const PopoverTrigger: FC<{\n\tchildren: React.ReactNode\n\tdisabled?: boolean\n\tclassName?: string\n\t'data-testid'?: string\n}> = ({ children, disabled, 'data-testid': testId }) => {\n\treturn (\n\t\t\n\t\t\t{children}\n\t\t\n\t)\n}\nexport const PopoverContent: FC<{\n\tchildren: React.ReactNode\n\tside: 'top' | 'bottom' | 'left' | 'right'\n\talign?: 'start' | 'center' | 'end'\n\talignOffset?: number\n\tsideOffset?: number\n}> = ({ side, children, align = 'center', sideOffset = 8, alignOffset = 0 }) => {\n\tconst container = useContainer()\n\treturn (\n\t\t\n\t\t\t\n\t\t\t\t{children}\n\t\t\t\t{/* */}\n\t\t\t\n\t\t\n\t)\n}\n"], "mappings": "AAiBG;AAjBH,YAAY,sBAAsB;AAClC,SAAS,oBAAoB;AAE7B,SAAS,qBAAqB;AASvB,MAAM,UAA4B,CAAC,EAAE,IAAI,UAAU,aAAa,MAAM;AAC5E,QAAM,CAAC,QAAQ,gBAAgB,IAAI,cAAc,IAAI,YAAY;AAEjE,SACC,oBAAC,iBAAiB,MAAjB,EAAsB,cAAc,kBAAkB,MAAM,QAC5D,8BAAC,SAAI,WAAU,gBAAgB,UAAS,GACzC;AAEF;AAEO,MAAM,iBAKR,CAAC,EAAE,UAAU,UAAU,eAAe,OAAO,MAAM;AACvD,SACC,oBAAC,iBAAiB,SAAjB,EAAyB,eAAa,QAAQ,UAAoB,SAAO,MAAC,KAAI,OAC7E,UACF;AAEF;AACO,MAAM,iBAMR,CAAC,EAAE,MAAM,UAAU,QAAQ,UAAU,aAAa,GAAG,cAAc,EAAE,MAAM;AAC/E,QAAM,YAAY,aAAa;AAC/B,SACC,oBAAC,iBAAiB,QAAjB,EAAwB,KAAI,OAAM,WAClC;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACA,WAAU;AAAA,MACV;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,KAAI;AAAA,MAEH;AAAA;AAAA,EAEF,GACD;AAEF;", "names": [] }