{"version":3,"file":"Fieldset.cjs","sources":["../../../../src/components/layout/fieldset/Fieldset.tsx"],"sourcesContent":["import { FIELDSET_STYLES } from '@components/layout/fieldset/styles/Fieldset.css.ts'\r\nimport type { FieldsetProps } from '@components/layout/fieldset/types/Fieldset.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { forwardRef, memo } from 'react'\r\n\r\n/**\r\n * A thin wrapper around the native `<fieldset>` element.\r\n *\r\n * Fieldsets group related form controls and are required for accessible\r\n * labeling of radio groups, checkbox groups, and any other set of controls\r\n * that share a single question or purpose. Pair it with `Legend` to provide\r\n * the group label.\r\n *\r\n * @example\r\n * ```tsx\r\n * <Fieldset>\r\n *   <Legend>Choose a plan</Legend>\r\n *   <RadioGroup>\r\n *     <RadioGroup.Item value=\"starter\" label=\"Starter\" />\r\n *     <RadioGroup.Item value=\"pro\" label=\"Pro\" />\r\n *   </RadioGroup>\r\n * </Fieldset>\r\n * ```\r\n */\r\nconst Fieldset = memo(forwardRef<HTMLFieldSetElement, FieldsetProps>(\r\n    ({ className, children, ...props }, ref) => (\r\n        <fieldset\r\n            ref={ref}\r\n            className={cn(FIELDSET_STYLES.root, className)}\r\n            {...props}\r\n        >\r\n            {children}\r\n        </fieldset>\r\n    ),\r\n))\r\n\r\nFieldset.displayName = 'Fieldset'\r\n\r\nexport default Fieldset\r\n"],"names":["Fieldset","memo","forwardRef","className","children","props","ref","jsx","cn","FIELDSET_STYLES"],"mappings":"+IAwBMA,EAAWC,EAAAA,KAAKC,EAAAA,WAClB,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAA,EAASC,IAChCC,EAAAA,IAAC,WAAA,CACG,IAAAD,EACA,UAAWE,EAAAA,GAAGC,kBAAgB,KAAMN,CAAS,EAC5C,GAAGE,EAEH,SAAAD,CAAA,CAAA,CAGb,CAAC,EAEDJ,EAAS,YAAc"}