@julseb-lib/react 0.1.71 → 0.1.73

package/dist/index.js

@@ -66832,7 +66832,7 @@ var AccordionContent = ({
       className: clsx(
         "overflow-hidden transition-all duration-200 ease",
         "py-0 max-h-0 opacity-0",
-        variant === "rounded" && "px-2",
+        variant === "rounded" && "px-2 bg-background",
         isOpen && "open py-2 max-h-auto opacity-100",
         "accordion-content",
         className
@@ -67002,12 +67002,15 @@ import "react";
 import { BiX as BiX3 } from "react-icons/bi";
 
 // src/lib/components/Toast/utils.ts
-var genToastColors = {
-  success: "border-success-500 bg-success-50",
-  error: "border-danger-500 bg-danger-50",
-  warning: "border-warning-500 bg-warning-50",
-  info: "border-primary-500 bg-primary-50",
-  loading: "border-gray-500 bg-gray-50"
+var genToastColors = (theme) => {
+  const colors = {
+    success: theme === "dark" ? "border-success-500 bg-success-950" : "border-success-500 bg-success-50",
+    error: theme === "dark" ? "border-danger-500 bg-danger-950" : "border-danger-500 bg-danger-50",
+    warning: theme === "dark" ? "border-warning-500 bg-warning-950" : "border-warning-500 bg-warning-50",
+    info: theme === "dark" ? "border-primary-500 bg-primary-950" : "border-primary-500 bg-primary-50",
+    loading: theme === "dark" ? "border-gray-500 bg-gray-950" : "border-gray-500 bg-gray-50"
+  };
+  return colors;
 };
 
 // src/lib/components/Toast/Toast.tsx
@@ -67026,13 +67029,14 @@ var Toast = ({
   ...rest
 }) => {
   const Element = element;
+  const { theme } = useLibTheme();
   return /* @__PURE__ */ jsxs278(
     Element,
     {
       ref,
       className: clsx(
-        "relative p-3 border rounded-lg w-full max-w-[400px] overflow-hidden text-black",
-        genToastColors[status],
+        "relative p-3 border rounded-lg w-full max-w-[400px] overflow-hidden text-font",
+        genToastColors(theme)[status],
         "toast",
         className
       ),
@@ -67085,6 +67089,13 @@ var ToastContainer = ({
 // src/lib/components/Toast/ToastFn.tsx
 import { toast as toastFn } from "react-toastify";
 import { jsx as jsx334 } from "react/jsx-runtime";
+var COMMON_STYLES = {
+  padding: 0,
+  height: "unset",
+  minHeight: "unset",
+  overflow: "hidden",
+  borderRadius: "var(--radius-lg)"
+};
 var toast = {
   success: (title, options) => toastFn.success(
     ({ closeToast }) => /* @__PURE__ */ jsx334(
@@ -67101,12 +67112,7 @@ var toast = {
       ...options,
       icon: false,
       closeButton: false,
-      style: {
-        padding: 0,
-        height: "unset",
-        minHeight: "unset",
-        overflow: "hidden"
-      },
+      style: COMMON_STYLES,
       autoClose: options?.duration,
       className: "!relative !overflow-hidden",
       progressClassName: "!bg-success-500 absolute !left-0 !bottom-0"
@@ -67127,12 +67133,7 @@ var toast = {
       ...options,
       icon: false,
       closeButton: false,
-      style: {
-        padding: 0,
-        height: "unset",
-        minHeight: "unset",
-        overflow: "hidden"
-      },
+      style: COMMON_STYLES,
       hideProgressBar: false,
       autoClose: options?.duration,
       className: "!relative !overflow-hidden",
@@ -67154,12 +67155,7 @@ var toast = {
       ...options,
       icon: false,
       closeButton: false,
-      style: {
-        padding: 0,
-        height: "unset",
-        minHeight: "unset",
-        overflow: "hidden"
-      },
+      style: COMMON_STYLES,
       hideProgressBar: false,
       autoClose: options?.duration,
       className: "!relative !overflow-hidden",
@@ -67181,12 +67177,7 @@ var toast = {
       ...options,
       icon: false,
       closeButton: false,
-      style: {
-        padding: 0,
-        height: "unset",
-        minHeight: "unset",
-        overflow: "hidden"
-      },
+      style: COMMON_STYLES,
       hideProgressBar: false,
       autoClose: options?.duration,
       className: "!relative !overflow-hidden",
@@ -67209,12 +67200,7 @@ var toast = {
       ...options,
       icon: false,
       closeButton: false,
-      style: {
-        padding: 0,
-        height: "unset",
-        minHeight: "unset",
-        overflow: "hidden"
-      },
+      style: COMMON_STYLES,
       hideProgressBar: false,
       autoClose: options?.duration,
       className: "!relative !overflow-hidden",
@@ -67353,7 +67339,7 @@ var DragListItem = ({
     {
       ref,
       className: clsx(
-        "flex items-start gap-2 w-full cursor-grab active:cursor-grabbing",
+        "flex items-start gap-2 bg-background w-full cursor-grab active:cursor-grabbing",
         "drag-list-item",
         className
       ),