@arolariu/components
Version:
A collection of reusable components for React applications, built as ESM & CJS modules with tree shake, minify and bundler optimizations enabled, for the lowest bundle size (import cost)!
1 lines • 2.81 kB
Source Map (JSON)
{"version":3,"file":"components\\ui\\alert.cjs","sources":["webpack://@arolariu/components/./src/components/ui/alert.tsx"],"sourcesContent":["\n\nimport * as React from \"react\";\nimport { cva, type VariantProps } from \"class-variance-authority\";\nimport { cn } from \"./../../lib/utils\";\n\nconst alertVariants = cva(\n \"relative w-full rounded-lg border border-neutral-200 px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current dark:border-neutral-800\",\n {\n variants: {\n variant: {\n default:\n \"bg-white text-neutral-950 dark:bg-neutral-950 dark:text-neutral-50\",\n destructive:\n \"text-neutral-50 [&>svg]:text-current data-[slot=alert-description]:*:text-neutral-50/80 dark:text-neutral-50 dark:data-[slot=alert-description]:*:text-neutral-50/80\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n },\n }\n);\n\nfunction Alert({\n className,\n variant,\n ...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof alertVariants>) {\n return (\n <div\n data-slot=\"alert\"\n role=\"alert\"\n className={cn(alertVariants({ variant }), className)}\n {...props}\n />\n );\n}\n\nfunction AlertTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"alert-title\"\n className={cn(\n \"col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight\",\n className\n )}\n {...props}\n />\n );\n}\n\nfunction AlertDescription({\n className,\n ...props\n}: React.ComponentProps<\"div\">) {\n return (\n <div\n data-slot=\"alert-description\"\n className={cn(\n \"text-neutral-500 col-start-2 grid justify-items-start gap-1 text-sm [&_p]:leading-relaxed dark:text-neutral-400\",\n className\n )}\n {...props}\n />\n );\n}\n\nexport { Alert, AlertTitle, AlertDescription };\n"],"names":["alertVariants","cva","Alert","className","variant","props","cn","AlertTitle","AlertDescription"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,gBAAgBC,IAAAA,kDAAAA,GAAAA,EACpB,gRACA;IACE,UAAU;QACR,SAAS;YACP,SACE;YACF,aACE;QACJ;IACF;IACA,iBAAiB;QACf,SAAS;IACX;AACF;AAGF,SAASC,MAAM,EACbC,SAAS,EACTC,OAAO,EACP,GAAGC,OAC8D;IACjE,OACE,WADF,GACE,qCAAC;QACC,aAAU;QACV,MAAK;QACL,WAAWC,IAAAA,0BAAAA,EAAAA,EAAGN,cAAc;YAAEI;QAAQ,IAAID;QACzC,GAAGE,KAAK;;AAGf;AAEA,SAASE,WAAW,EAAEJ,SAAS,EAAE,GAAGE,OAAoC;IACtE,OACE,WADF,GACE,qCAAC;QACC,aAAU;QACV,WAAWC,IAAAA,0BAAAA,EAAAA,EACT,+DACAH;QAED,GAAGE,KAAK;;AAGf;AAEA,SAASG,iBAAiB,EACxBL,SAAS,EACT,GAAGE,OACyB;IAC5B,OACE,WADF,GACE,qCAAC;QACC,aAAU;QACV,WAAWC,IAAAA,0BAAAA,EAAAA,EACT,mHACAH;QAED,GAAGE,KAAK;;AAGf"}