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

package/dist/Toast/CustomToast.d.ts

@@ -1,6 +1,6 @@
 import { AccentColorProps } from '../typings';
 import { ExternalToast } from './typings';
-export interface CustomToastProps extends Pick<ExternalToast, "title" | "description" | "icon">, AccentColorProps {
+export interface CustomToastProps extends Pick<ExternalToast, "title" | "description" | "icon" | "closeButton" | "action">, AccentColorProps {
     toastId: string | number;
 }
 export declare const CustomToast: import('react').NamedExoticComponent<CustomToastProps>;

package/dist/Toast/toast.d.ts

@@ -0,0 +1,12 @@
+import { ExternalToast } from './typings';
+export declare const toast: ((options: ExternalToast) => string | number) & {
+    success: (options: ExternalToast) => string | number;
+    info: (options: ExternalToast) => string | number;
+    warning: (options: ExternalToast) => string | number;
+    error: (options: ExternalToast) => string | number;
+    custom: (jsx: (id: string | number) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>, data?: import('sonner').ExternalToast | undefined) => string | number;
+    dismiss: (id?: string | number | undefined) => string | number;
+} & {
+    getHistory: () => (import('sonner').ToastT | import('sonner').ToastToDismiss)[];
+    getToasts: () => (import('sonner').ToastT | import('sonner').ToastToDismiss)[];
+};

package/dist/Toast/typings.d.ts

@@ -1,5 +1,7 @@
+import { ReactNode } from 'react';
 import { ExternalToast as SonnerExternalToast } from 'sonner';
-export interface ExternalToast extends Omit<SonnerExternalToast, "richColors" | "unstyled" | "descriptionClassName" | "cancelButtonStyle" | "actionButtonStyle" | "action" | "cancel" | "closeButton" | "description" | "title"> {
+export interface ExternalToast extends Omit<SonnerExternalToast, "richColors" | "unstyled" | "descriptionClassName" | "cancelButtonStyle" | "actionButtonStyle" | "action" | "cancel" | "description" | "title"> {
     title: string;
+    action?: ReactNode;
     description?: string;
 }

package/dist/blocks.js

@@ -6098,8 +6098,11 @@ const TextArea = memo((props) => {
 });
 TextArea.displayName = "TextArea";
 const CustomToast = memo((props) => {
-  const { toastId, title, description, icon, accentColor } = props;
+  const { toastId, title, description, icon, accentColor, closeButton, action } = props;
   const { radius } = useProvider();
+  const handleAction = useCallback(() => {
+    toast$1.dismiss(toastId);
+  }, [toastId]);
   const handleClose = useCallback(() => {
     toast$1.dismiss(toastId);
   }, [toastId]);
@@ -6107,7 +6110,7 @@ const CustomToast = memo((props) => {
     "div",
     {
       className: 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,
@@ -6119,7 +6122,8 @@ const CustomToast = memo((props) => {
             description && /* @__PURE__ */ jsx(Text, { accentColor: "base", size: "sm", weight: "regular", children: description })
           ] })
         ] }),
-        /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Slot, { onClick: handleAction, children: action }),
+        closeButton && /* @__PURE__ */ jsx(
           IconButton,
           {
             type: "button",
@@ -6127,7 +6131,7 @@ const CustomToast = memo((props) => {
             "aria-label": "Close",
             accentColor: "base",
             variant: "ghost",
-            size: "sm",
+            size: "xs",
             children: /* @__PURE__ */ jsx(LuIcon, { icon: X })
           }
         )
@@ -6136,37 +6140,119 @@ const CustomToast = memo((props) => {
   );
 });
 const basic = (options) => {
-  const { icon, description, title, ...rest } = options;
+  const { icon, description, title, closeButton, action, ...rest } = options;
   return toast$1.custom(
-    (id) => /* @__PURE__ */ jsx(CustomToast, { toastId: id, icon, description, title }),
+    (id) => /* @__PURE__ */ jsx(
+      CustomToast,
+      {
+        toastId: id,
+        icon,
+        description,
+        title,
+        closeButton,
+        action
+      }
+    ),
     rest
   );
 };
 const success = (options) => {
-  const { icon = /* @__PURE__ */ jsx(LuIcon, { icon: Check, color: "var(--accent-9)" }), description, title, ...rest } = options;
+  const {
+    icon = /* @__PURE__ */ jsx(LuIcon, { icon: Check, color: "var(--accent-9)" }),
+    description,
+    title,
+    closeButton,
+    action,
+    ...rest
+  } = options;
   return toast$1.custom(
-    (id) => /* @__PURE__ */ jsx(CustomToast, { accentColor: "success", toastId: id, icon, description, title }),
+    (id) => /* @__PURE__ */ jsx(
+      CustomToast,
+      {
+        accentColor: "success",
+        toastId: id,
+        icon,
+        description,
+        title,
+        closeButton,
+        action
+      }
+    ),
     rest
   );
 };
 const info = (options) => {
-  const { icon = /* @__PURE__ */ jsx(LuIcon, { icon: InfoIcon, color: "var(--base-11)" }), description, title, ...rest } = options;
+  const {
+    icon = /* @__PURE__ */ jsx(LuIcon, { icon: InfoIcon, color: "var(--base-11)" }),
+    description,
+    title,
+    closeButton,
+    action,
+    ...rest
+  } = options;
   return toast$1.custom(
-    (id) => /* @__PURE__ */ jsx(CustomToast, { toastId: id, icon, description, title }),
+    (id) => /* @__PURE__ */ jsx(
+      CustomToast,
+      {
+        accentColor: "base",
+        toastId: id,
+        icon,
+        description,
+        title,
+        closeButton,
+        action
+      }
+    ),
     rest
   );
 };
 const warning = (options) => {
-  const { icon = /* @__PURE__ */ jsx(LuIcon, { icon: TriangleAlertIcon, color: "var(--accent-9)" }), description, title, ...rest } = options;
+  const {
+    icon = /* @__PURE__ */ jsx(LuIcon, { icon: TriangleAlertIcon, color: "var(--accent-9)" }),
+    description,
+    title,
+    closeButton,
+    action,
+    ...rest
+  } = options;
   return toast$1.custom(
-    (id) => /* @__PURE__ */ jsx(CustomToast, { accentColor: "warning", toastId: id, icon, description, title }),
+    (id) => /* @__PURE__ */ jsx(
+      CustomToast,
+      {
+        accentColor: "warning",
+        toastId: id,
+        icon,
+        description,
+        title,
+        closeButton,
+        action
+      }
+    ),
     rest
   );
 };
 const error = (options) => {
-  const { icon = /* @__PURE__ */ jsx(LuIcon, { icon: CircleAlertIcon, color: "var(--accent-9)" }), description, title, ...rest } = options;
+  const {
+    icon = /* @__PURE__ */ jsx(LuIcon, { icon: CircleAlertIcon, color: "var(--accent-9)" }),
+    description,
+    title,
+    closeButton,
+    action,
+    ...rest
+  } = options;
   return toast$1.custom(
-    (id) => /* @__PURE__ */ jsx(CustomToast, { accentColor: "danger", toastId: id, icon, description, title }),
+    (id) => /* @__PURE__ */ jsx(
+      CustomToast,
+      {
+        accentColor: "danger",
+        toastId: id,
+        icon,
+        description,
+        title,
+        closeButton,
+        action
+      }
+    ),
     rest
   );
 };
@@ -6178,8 +6264,6 @@ const toast = Object.assign(
     warning,
     error,
     custom: toast$1.custom,
-    promise: toast$1.promise,
-    loading: toast$1.loading,
     dismiss: toast$1.dismiss
   },
   { getHistory: toast$1.getHistory, getToasts: toast$1.getToasts }