@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 • 1.74 kB
Source Map (JSON)
{"version":3,"file":"components\\ui\\sonner.cjs","sources":["webpack://@arolariu/components/./src/components/ui/sonner.tsx"],"sourcesContent":["\n\nimport { useTheme } from \"next-themes\";\nimport { Toaster as Sonner, ToasterProps, toast } from \"sonner\";\n\nconst Toaster = ({ ...props }: ToasterProps) => {\n const { theme = \"system\" } = useTheme();\n\n return (\n <Sonner\n theme={theme as ToasterProps[\"theme\"]}\n className=\"toaster group\"\n toastOptions={{\n classNames: {\n toast:\n \"group toast group-[.toaster]:bg-white group-[.toaster]:text-neutral-950 group-[.toaster]:border-neutral-200 group-[.toaster]:shadow-lg dark:group-[.toaster]:bg-neutral-950 dark:group-[.toaster]:text-neutral-50 dark:group-[.toaster]:border-neutral-800\",\n description:\n \"group-[.toast]:text-neutral-500 dark:group-[.toast]:text-neutral-400\",\n actionButton:\n \"group-[.toast]:bg-neutral-900 group-[.toast]:text-neutral-50 font-medium dark:group-[.toast]:bg-neutral-50 dark:group-[.toast]:text-neutral-900\",\n cancelButton:\n \"group-[.toast]:bg-neutral-100 group-[.toast]:text-neutral-500 font-medium dark:group-[.toast]:bg-neutral-800 dark:group-[.toast]:text-neutral-400\",\n },\n }}\n {...props}\n />\n );\n};\n\nexport { Toaster, toast };\n"],"names":["Toaster","props","theme","useTheme","Sonner"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA,MAAMA,UAAU,CAAC,EAAE,GAAGC,OAAqB;IACzC,MAAM,EAAEC,QAAQ,QAAQ,EAAE,GAAGC,IAAAA,qCAAAA,QAAAA;IAE7B,OACE,WADF,GACE,qCAACC,gCAAAA,OAAMA,EAAAA;QACL,OAAOF;QACP,WAAU;QACV,cAAc;YACZ,YAAY;gBACV,OACE;gBACF,aACE;gBACF,cACE;gBACF,cACE;YACJ;QACF;QACC,GAAGD,KAAK;;AAGf"}