@overmap-ai/blocks 1.0.40-TableStyling.1 → 1.0.40-TableStyling.2

package/dist/blocks.umd.cjs

@@ -6103,8 +6103,11 @@
   });
   TextArea.displayName = "TextArea";
   const CustomToast = react.memo((props) => {
-    const { toastId, title, description, icon, accentColor } = props;
+    const { toastId, title, description, icon, accentColor, closeButton, action } = props;
     const { radius } = useProvider();
+    const handleAction = react.useCallback(() => {
+      sonner.toast.dismiss(toastId);
+    }, [toastId]);
     const handleClose = react.useCallback(() => {
       sonner.toast.dismiss(toastId);
     }, [toastId]);
@@ -6112,7 +6115,7 @@
       "div",
       {
         className: classVarianceAuthority.cx(
-          "flex items-center gap-2  bg-(--base-2) p-4 ring ring-(--base-6) shadow-md max-w-full max-h-full",
+          "flex items-center gap-2 bg-(--base-2) p-4 ring ring-(--base-6) shadow-md max-w-full max-h-full",
           radiusCva({ radius, maxLarge: true })
         ),
         "data-accent-color": accentColor,
@@ -6124,7 +6127,8 @@
               description && /* @__PURE__ */ jsxRuntime.jsx(Text, { accentColor: "base", size: "sm", weight: "regular", children: description })
             ] })
           ] }),
-          /* @__PURE__ */ jsxRuntime.jsx(
+          /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { onClick: handleAction, children: action }),
+          closeButton && /* @__PURE__ */ jsxRuntime.jsx(
             IconButton,
             {
               type: "button",
@@ -6132,7 +6136,7 @@
               "aria-label": "Close",
               accentColor: "base",
               variant: "ghost",
-              size: "sm",
+              size: "xs",
               children: /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.X })
             }
           )
@@ -6141,37 +6145,119 @@
     );
   });
   const basic = (options) => {
-    const { icon, description, title, ...rest } = options;
+    const { icon, description, title, closeButton, action, ...rest } = options;
     return sonner.toast.custom(
-      (id) => /* @__PURE__ */ jsxRuntime.jsx(CustomToast, { toastId: id, icon, description, title }),
+      (id) => /* @__PURE__ */ jsxRuntime.jsx(
+        CustomToast,
+        {
+          toastId: id,
+          icon,
+          description,
+          title,
+          closeButton,
+          action
+        }
+      ),
       rest
     );
   };
   const success = (options) => {
-    const { icon = /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.Check, color: "var(--accent-9)" }), description, title, ...rest } = options;
+    const {
+      icon = /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.Check, color: "var(--accent-9)" }),
+      description,
+      title,
+      closeButton,
+      action,
+      ...rest
+    } = options;
     return sonner.toast.custom(
-      (id) => /* @__PURE__ */ jsxRuntime.jsx(CustomToast, { accentColor: "success", toastId: id, icon, description, title }),
+      (id) => /* @__PURE__ */ jsxRuntime.jsx(
+        CustomToast,
+        {
+          accentColor: "success",
+          toastId: id,
+          icon,
+          description,
+          title,
+          closeButton,
+          action
+        }
+      ),
       rest
     );
   };
   const info = (options) => {
-    const { icon = /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.InfoIcon, color: "var(--base-11)" }), description, title, ...rest } = options;
+    const {
+      icon = /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.InfoIcon, color: "var(--base-11)" }),
+      description,
+      title,
+      closeButton,
+      action,
+      ...rest
+    } = options;
     return sonner.toast.custom(
-      (id) => /* @__PURE__ */ jsxRuntime.jsx(CustomToast, { toastId: id, icon, description, title }),
+      (id) => /* @__PURE__ */ jsxRuntime.jsx(
+        CustomToast,
+        {
+          accentColor: "base",
+          toastId: id,
+          icon,
+          description,
+          title,
+          closeButton,
+          action
+        }
+      ),
       rest
     );
   };
   const warning = (options) => {
-    const { icon = /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.TriangleAlertIcon, color: "var(--accent-9)" }), description, title, ...rest } = options;
+    const {
+      icon = /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.TriangleAlertIcon, color: "var(--accent-9)" }),
+      description,
+      title,
+      closeButton,
+      action,
+      ...rest
+    } = options;
     return sonner.toast.custom(
-      (id) => /* @__PURE__ */ jsxRuntime.jsx(CustomToast, { accentColor: "warning", toastId: id, icon, description, title }),
+      (id) => /* @__PURE__ */ jsxRuntime.jsx(
+        CustomToast,
+        {
+          accentColor: "warning",
+          toastId: id,
+          icon,
+          description,
+          title,
+          closeButton,
+          action
+        }
+      ),
       rest
     );
   };
   const error = (options) => {
-    const { icon = /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.CircleAlertIcon, color: "var(--accent-9)" }), description, title, ...rest } = options;
+    const {
+      icon = /* @__PURE__ */ jsxRuntime.jsx(LuIcon, { icon: lucideReact.CircleAlertIcon, color: "var(--accent-9)" }),
+      description,
+      title,
+      closeButton,
+      action,
+      ...rest
+    } = options;
     return sonner.toast.custom(
-      (id) => /* @__PURE__ */ jsxRuntime.jsx(CustomToast, { accentColor: "danger", toastId: id, icon, description, title }),
+      (id) => /* @__PURE__ */ jsxRuntime.jsx(
+        CustomToast,
+        {
+          accentColor: "danger",
+          toastId: id,
+          icon,
+          description,
+          title,
+          closeButton,
+          action
+        }
+      ),
       rest
     );
   };