{"version":3,"file":"Spinner.cjs","sources":["../../../../src/components/feedback/spinner/Spinner.tsx"],"sourcesContent":["import { SPINNER_STYLES } from '@components/feedback/spinner/styles/Spinner.css.ts'\r\nimport type { SpinnerProps } from '@components/feedback/spinner/types/Spinner.props.ts'\r\nimport { cn } from '@utils/cn.ts'\r\nimport { memo, type FC } from 'react'\r\n\r\n/**\r\n * Animated loading spinner rendered as a `<span>` with `role=\"status\"`.\r\n * Supports design-token `size` and `color` props. Screen readers announce\r\n * the element; pair with a visually-hidden label for descriptive text.\r\n */\r\nconst Spinner: FC<SpinnerProps> = memo(({\r\n    size,\r\n    color,\r\n    className,\r\n    role,\r\n    ref,\r\n    ...props\r\n}) => (\r\n    <span\r\n        ref={ref}\r\n        role={role ?? 'status'}\r\n        className={cn(SPINNER_STYLES.recipe({ size, color }), className)}\r\n        {...props}\r\n    />\r\n))\r\n\r\nSpinner.displayName = 'Spinner'\r\n\r\nexport default Spinner\r\n"],"names":["Spinner","memo","size","color","className","role","ref","props","jsx","cn","SPINNER_STYLES"],"mappings":"8IAUMA,EAA4BC,EAAAA,KAAK,CAAC,CACpC,KAAAC,EACA,MAAAC,EACA,UAAAC,EACA,KAAAC,EACA,IAAAC,EACA,GAAGC,CACP,IACIC,EAAAA,IAAC,OAAA,CACG,IAAAF,EACA,KAAMD,GAAQ,SACd,UAAWI,EAAAA,GAAGC,EAAAA,eAAe,OAAO,CAAE,KAAAR,EAAM,MAAAC,CAAA,CAAO,EAAGC,CAAS,EAC9D,GAAGG,CAAA,CACR,CACH,EAEDP,EAAQ,YAAc"}