{"version":3,"file":"Accordion.cjs","sources":["../../../../src/components/surfaces/accordion/Accordion.tsx"],"sourcesContent":["import { memo } from 'react'\r\n\r\nimport { Accordion as BaseAccordion } from '@base-ui/react/accordion'\r\n\r\nimport AccordionContent from '@components/surfaces/accordion/components/accordion-content/AccordionContent.tsx'\r\nimport AccordionItem from '@components/surfaces/accordion/components/accordion-item/AccordionItem.tsx'\r\nimport AccordionTrigger from '@components/surfaces/accordion/components/accordion-trigger/AccordionTrigger.tsx'\r\nimport { ACCORDION_STYLES } from '@components/surfaces/accordion/styles/Accordion.css.ts'\r\nimport type { AccordionProps } from '@components/surfaces/accordion/types/Accordion.props.ts'\r\nimport type { AccordionCompound } from '@components/surfaces/accordion/types'\r\nimport { Flex } from '@components/layout/flex'\r\n\r\n/**\r\n * A styled accordion built on top of `@base-ui/react/accordion`.\r\n *\r\n * Composes `Accordion`, `Accordion.Item`, `Accordion.Trigger`, and `Accordion.Content`.\r\n * Supports single or multiple expanded items, disabled items, and keyboard navigation.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Accordion defaultValue={['item-1']}>\r\n *   <Accordion.Item value=\"item-1\">\r\n *     <Accordion.Trigger>Is it accessible?</Accordion.Trigger>\r\n *     <Accordion.Content>Yes. It adheres to the WAI-ARIA design pattern.</Accordion.Content>\r\n *   </Accordion.Item>\r\n * </Accordion>\r\n * ```\r\n */\r\nconst Accordion = memo<AccordionProps>(({ className, width, ...props }) => (\r\n    <Flex\r\n        flexDirection={'column'}\r\n        alignItems={'stretch'}\r\n        width={width ?? '100%'}\r\n        gap={'none'}\r\n        className={typeof className === 'function' ? undefined : className}\r\n    >\r\n        <BaseAccordion.Root\r\n            className={ACCORDION_STYLES.root}\r\n            {...props}\r\n        />\r\n    </Flex>\r\n)) as unknown as AccordionCompound\r\n\r\nAccordion.displayName = 'Accordion'\r\nAccordion.Item = AccordionItem\r\nAccordion.Trigger = AccordionTrigger\r\nAccordion.Content = AccordionContent\r\n\r\nexport default Accordion\r\n"],"names":["Accordion","memo","className","width","props","jsx","Flex","BaseAccordion","ACCORDION_STYLES","AccordionItem","AccordionTrigger","AccordionContent"],"mappings":"yaA4BA,MAAMA,EAAYC,EAAAA,KAAqB,CAAC,CAAE,UAAAC,EAAW,MAAAC,EAAO,GAAGC,KAC3DC,EAAAA,IAACC,EAAA,CACG,cAAe,SACf,WAAY,UACZ,MAAOH,GAAS,OAChB,IAAK,OACL,UAAW,OAAOD,GAAc,WAAa,OAAYA,EAEzD,SAAAG,EAAAA,IAACE,EAAAA,UAAc,KAAd,CACG,UAAWC,EAAAA,iBAAiB,KAC3B,GAAGJ,CAAA,CAAA,CACR,CACJ,CACH,EAEDJ,EAAU,YAAc,YACxBA,EAAU,KAAOS,EACjBT,EAAU,QAAUU,EACpBV,EAAU,QAAUW"}