@undp/design-system-react/dist/Spinner.cjs.map

React based design system for UNDP

{"version":3,"file":"Spinner.cjs","names":[],"sources":["../src/components/ui/spinner.tsx"],"sourcesContent":["import { cva, type VariantProps } from 'class-variance-authority';\nimport type React from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst loaderVariants = cva('animate-spin border-[5px] rounded-full inline-block box-border', {\n  variants: {\n    color: {\n      primary: 'border-primary !border-b-stroke',\n      secondary: 'border-secondary !border-b-stroke',\n      tertiary: 'border-tertiary !border-b-stroke',\n      quaternary: 'border-stroke !border-b-quaternary',\n      foreground: 'border-foreground !border-b-stroke',\n    },\n    size: {\n      sm: 'border-[2px] h-6 w-6',\n      base: 'border-[4px] h-8 w-8',\n      lg: 'border-[6px] h-12 w-12',\n    },\n  },\n  defaultVariants: {\n    size: 'base',\n    color: 'primary',\n  },\n});\n\nexport function Spinner({\n  size,\n  color,\n  show = true,\n  children,\n  className,\n}: VariantProps<typeof loaderVariants> & {\n  show?: boolean;\n  className?: string;\n  children?: React.ReactNode;\n}) {\n  return (\n    <span className={cn('flex-col items-center justify-center', show ? 'flex' : 'hidden')}>\n      <div className={cn(loaderVariants({ color, size }), className)} />\n      {children}\n    </span>\n  );\n}\n"],"mappings":"+KAKA,IAAM,EAAiB,EAAA,EAAI,iEAAkE,CAC3F,SAAU,CACR,MAAO,CACL,QAAS,kCACT,UAAW,oCACX,SAAU,mCACV,WAAY,qCACZ,WAAY,oCACd,EACA,KAAM,CACJ,GAAI,uBACJ,KAAM,uBACN,GAAI,wBACN,CACF,EACA,gBAAiB,CACf,KAAM,OACN,MAAO,SACT,CACF,CAAC,EAED,SAAgB,EAAQ,CACtB,OACA,QACA,OAAO,GACP,WACA,aAKC,CACD,OACE,EAAA,EAAA,KAAA,CAAC,OAAD,CAAM,UAAW,EAAA,EAAG,uCAAwC,EAAO,OAAS,QAAQ,WAApF,EACE,EAAA,EAAA,IAAA,CAAC,MAAD,CAAK,UAAW,EAAA,EAAG,EAAe,CAAE,QAAO,MAAK,CAAC,EAAG,CAAS,CAAI,CAAA,EAChE,CACG,GAEV"}