@mdigital_ui/ui 0.4.0 → 0.4.2

package/dist/chunk-OLTQAMV2.js

@@ -0,0 +1,210 @@
+import { createNotificationColorVariants, componentColors } from './chunk-POXI7JJ4.js';
+import { cn } from './chunk-NGYLRX6F.js';
+import { cva } from 'class-variance-authority';
+import { Loader2, X, Info, AlertTriangle, AlertCircle, CheckCircle2 } from 'lucide-react';
+import React, { createContext, useCallback, useMemo, useContext } from 'react';
+import { toast, Toaster } from 'sonner';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var toastVariants = cva(
+  "relative flex items-start gap-3 rounded-lg p-3 text-sm w-full min-w-[300px]",
+  {
+    variants: {
+      variant: {
+        default: "",
+        solid: "",
+        outline: "border-2",
+        soft: "backdrop-blur-[5px] will-change-[backdrop-filter]"
+      },
+      color: {
+        default: "",
+        primary: "",
+        secondary: "",
+        accent: "",
+        success: "",
+        error: "",
+        warning: "",
+        info: ""
+      }
+    },
+    compoundVariants: createNotificationColorVariants(componentColors, [
+      "default",
+      "solid",
+      "outline",
+      "soft"
+    ]),
+    defaultVariants: {
+      variant: "soft",
+      color: "default"
+    }
+  }
+);
+var defaultIcons = {
+  success: /* @__PURE__ */ jsx(CheckCircle2, { className: "w-5 h-5" }),
+  error: /* @__PURE__ */ jsx(AlertCircle, { className: "w-5 h-5" }),
+  warning: /* @__PURE__ */ jsx(AlertTriangle, { className: "w-5 h-5" }),
+  info: /* @__PURE__ */ jsx(Info, { className: "w-5 h-5" })
+};
+var ToastRenderer = ({
+  id,
+  options
+}) => {
+  const variant = options.variant ?? "default";
+  const color = options.color ?? "default";
+  const closable = options.closable ?? !options.loading;
+  const icon = options.loading ? /* @__PURE__ */ jsx(Loader2, { className: "w-5 h-5 animate-spin" }) : options.icon !== void 0 ? options.icon : defaultIcons[color];
+  return /* @__PURE__ */ jsxs("div", { className: cn(toastVariants({ variant, color })), children: [
+    icon && /* @__PURE__ */ jsx("div", { className: "shrink-0 mt-0.5", children: icon }),
+    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+      options.title && /* @__PURE__ */ jsx("div", { className: "font-semibold", children: options.title }),
+      options.description && /* @__PURE__ */ jsx("div", { className: "opacity-90 mt-0.5", children: options.description }),
+      options.action && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: options.action.onClick,
+          className: "mt-2 text-sm font-medium underline hover:no-underline",
+          children: options.action.label
+        }
+      )
+    ] }),
+    closable && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        onClick: () => toast.dismiss(id),
+        className: "shrink-0 rounded-sm opacity-70 hover:opacity-100 transition-opacity",
+        "aria-label": "Close",
+        children: /* @__PURE__ */ jsx(X, { className: "w-4 h-4", "aria-hidden": "true" })
+      }
+    )
+  ] });
+};
+var fireToast = (options) => toast.custom((id) => /* @__PURE__ */ jsx(ToastRenderer, { id, options }), {
+  duration: options.duration === 0 ? Infinity : options.duration,
+  dismissible: options.closable ?? true,
+  onDismiss: options.onClose
+});
+var ToastContext = createContext(null);
+var ToastProvider = React.memo(
+  ({
+    children,
+    position = "top-right",
+    maxToasts = 5,
+    offset = 16,
+    theme = "system",
+    closeButton = false,
+    duration = 5e3,
+    className
+  }) => {
+    const toast$1 = useCallback(
+      (options) => fireToast(options),
+      []
+    );
+    const success = useCallback(
+      (title, description) => fireToast({ title, description, color: "success" }),
+      []
+    );
+    const error = useCallback(
+      (title, description) => fireToast({ title, description, color: "error" }),
+      []
+    );
+    const warning = useCallback(
+      (title, description) => fireToast({ title, description, color: "warning" }),
+      []
+    );
+    const info = useCallback(
+      (title, description) => fireToast({ title, description, color: "info" }),
+      []
+    );
+    const promise = useCallback(
+      (p, opts) => {
+        const id = toast.custom((tid) => /* @__PURE__ */ jsx(
+          ToastRenderer,
+          {
+            id: tid,
+            options: { title: opts.loading, loading: true }
+          }
+        ));
+        p.then((data) => {
+          toast.custom(
+            (tid) => /* @__PURE__ */ jsx(
+              ToastRenderer,
+              {
+                id: tid,
+                options: {
+                  title: typeof opts.success === "function" ? opts.success(data) : opts.success,
+                  color: "success"
+                }
+              }
+            ),
+            { id }
+          );
+        }).catch((err) => {
+          toast.custom(
+            (tid) => /* @__PURE__ */ jsx(
+              ToastRenderer,
+              {
+                id: tid,
+                options: {
+                  title: typeof opts.error === "function" ? opts.error(err) : opts.error,
+                  color: "error"
+                }
+              }
+            ),
+            { id }
+          );
+        });
+        return id;
+      },
+      []
+    );
+    const dismiss = useCallback((id) => {
+      toast.dismiss(id);
+    }, []);
+    const dismissAll = useCallback(() => {
+      toast.dismiss();
+    }, []);
+    const contextValue = useMemo(
+      () => ({
+        toast: toast$1,
+        success,
+        error,
+        warning,
+        info,
+        promise,
+        dismiss,
+        dismissAll
+      }),
+      [toast$1, success, error, warning, info, promise, dismiss, dismissAll]
+    );
+    return /* @__PURE__ */ jsxs(ToastContext.Provider, { value: contextValue, children: [
+      children,
+      /* @__PURE__ */ jsx(
+        Toaster,
+        {
+          position,
+          visibleToasts: maxToasts,
+          offset,
+          theme,
+          closeButton,
+          duration,
+          className,
+          toastOptions: { unstyled: true }
+        }
+      )
+    ] });
+  }
+);
+ToastProvider.displayName = "ToastProvider";
+var useToast = () => {
+  const context = useContext(ToastContext);
+  if (!context) {
+    throw new Error("useToast must be used within a ToastProvider");
+  }
+  return context;
+};
+
+export { ToastProvider, useToast };
+//# sourceMappingURL=chunk-OLTQAMV2.js.map
+//# sourceMappingURL=chunk-OLTQAMV2.js.map

package/dist/chunk-OLTQAMV2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/toast/index.tsx"],"names":["sonnerToast","toast"],"mappings":"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","file":"chunk-OLTQAMV2.js","sourcesContent":["\"use client\";\n\nimport { cva } from \"class-variance-authority\";\nimport {\n  AlertCircle,\n  AlertTriangle,\n  CheckCircle2,\n  Info,\n  Loader2,\n  X,\n} from \"lucide-react\";\nimport React, { useCallback, useContext, createContext, useMemo } from \"react\";\nimport { Toaster, toast as sonnerToast } from \"sonner\";\n\nimport { cn } from \"../utils\";\nimport { componentColors, createNotificationColorVariants } from \"../variants\";\nimport type {\n  ToastContextValue,\n  ToastOptions,\n  ToastProviderProps,\n} from \"./types\";\n\n/**\n * Toast CVA — reuses the shared notification color variant system\n */\nconst toastVariants = cva(\n  \"relative flex items-start gap-3 rounded-lg p-3 text-sm w-full min-w-[300px]\",\n  {\n    variants: {\n      variant: {\n        default: \"\",\n        solid: \"\",\n        outline: \"border-2\",\n        soft: \"backdrop-blur-[5px] will-change-[backdrop-filter]\",\n      },\n      color: {\n        default: \"\",\n        primary: \"\",\n        secondary: \"\",\n        accent: \"\",\n        success: \"\",\n        error: \"\",\n        warning: \"\",\n        info: \"\",\n      },\n    },\n    compoundVariants: createNotificationColorVariants(componentColors, [\n      \"default\",\n      \"solid\",\n      \"outline\",\n      \"soft\",\n    ]),\n    defaultVariants: {\n      variant: \"soft\",\n      color: \"default\",\n    },\n  },\n);\n\n/**\n * Default icons per semantic color\n */\nconst defaultIcons: Partial<Record<string, React.ReactElement>> = {\n  success: <CheckCircle2 className=\"w-5 h-5\" />,\n  error: <AlertCircle className=\"w-5 h-5\" />,\n  warning: <AlertTriangle className=\"w-5 h-5\" />,\n  info: <Info className=\"w-5 h-5\" />,\n};\n\n/**\n * Internal toast renderer — styled with our CVA system\n */\nconst ToastRenderer = ({\n  id,\n  options,\n}: {\n  id: string | number;\n  options: Omit<ToastOptions, \"duration\"> & { loading?: boolean };\n}) => {\n  const variant = options.variant ?? \"default\";\n  const color = options.color ?? \"default\";\n  const closable = options.closable ?? !options.loading;\n  const icon = options.loading ? (\n    <Loader2 className=\"w-5 h-5 animate-spin\" />\n  ) : options.icon !== undefined ? (\n    options.icon\n  ) : (\n    defaultIcons[color]\n  );\n\n  return (\n    <div className={cn(toastVariants({ variant, color }))}>\n      {icon && <div className=\"shrink-0 mt-0.5\">{icon}</div>}\n      <div className=\"flex-1 min-w-0\">\n        {options.title && <div className=\"font-semibold\">{options.title}</div>}\n        {options.description && (\n          <div className=\"opacity-90 mt-0.5\">{options.description}</div>\n        )}\n        {options.action && (\n          <button\n            type=\"button\"\n            onClick={options.action.onClick}\n            className=\"mt-2 text-sm font-medium underline hover:no-underline\"\n          >\n            {options.action.label}\n          </button>\n        )}\n      </div>\n      {closable && (\n        <button\n          type=\"button\"\n          onClick={() => sonnerToast.dismiss(id)}\n          className=\"shrink-0 rounded-sm opacity-70 hover:opacity-100 transition-opacity\"\n          aria-label=\"Close\"\n        >\n          <X className=\"w-4 h-4\" aria-hidden=\"true\" />\n        </button>\n      )}\n    </div>\n  );\n};\n\n/**\n * Fire a toast with custom renderer\n */\nconst fireToast = (options: ToastOptions): string | number =>\n  sonnerToast.custom((id) => <ToastRenderer id={id} options={options} />, {\n    duration: options.duration === 0 ? Infinity : options.duration,\n    dismissible: options.closable ?? true,\n    onDismiss: options.onClose,\n  }) as string | number;\n\n/**\n * Toast Context\n */\nconst ToastContext = createContext<ToastContextValue | null>(null);\n\n/**\n * Toast Provider — Sonner handles positioning/stacking, we handle rendering\n */\nexport const ToastProvider = React.memo<ToastProviderProps>(\n  ({\n    children,\n    position = \"top-right\",\n    maxToasts = 5,\n    offset = 16,\n    theme = \"system\",\n    closeButton = false,\n    duration = 5000,\n    className,\n  }) => {\n    const toast = useCallback(\n      (options: ToastOptions): string | number => fireToast(options),\n      [],\n    );\n\n    const success = useCallback(\n      (title: string, description?: string): string | number =>\n        fireToast({ title, description, color: \"success\" }),\n      [],\n    );\n\n    const error = useCallback(\n      (title: string, description?: string): string | number =>\n        fireToast({ title, description, color: \"error\" }),\n      [],\n    );\n\n    const warning = useCallback(\n      (title: string, description?: string): string | number =>\n        fireToast({ title, description, color: \"warning\" }),\n      [],\n    );\n\n    const info = useCallback(\n      (title: string, description?: string): string | number =>\n        fireToast({ title, description, color: \"info\" }),\n      [],\n    );\n\n    const promise = useCallback(\n      <T,>(\n        p: Promise<T>,\n        opts: {\n          loading: string;\n          success: string | ((data: T) => string);\n          error: string | ((err: unknown) => string);\n        },\n      ): string | number => {\n        const id = sonnerToast.custom((tid) => (\n          <ToastRenderer\n            id={tid}\n            options={{ title: opts.loading, loading: true }}\n          />\n        )) as string | number;\n\n        p.then((data) => {\n          sonnerToast.custom(\n            (tid) => (\n              <ToastRenderer\n                id={tid}\n                options={{\n                  title:\n                    typeof opts.success === \"function\"\n                      ? opts.success(data)\n                      : opts.success,\n                  color: \"success\",\n                }}\n              />\n            ),\n            { id },\n          );\n        }).catch((err) => {\n          sonnerToast.custom(\n            (tid) => (\n              <ToastRenderer\n                id={tid}\n                options={{\n                  title:\n                    typeof opts.error === \"function\"\n                      ? opts.error(err)\n                      : opts.error,\n                  color: \"error\",\n                }}\n              />\n            ),\n            { id },\n          );\n        });\n\n        return id;\n      },\n      [],\n    );\n\n    const dismiss = useCallback((id: string | number) => {\n      sonnerToast.dismiss(id);\n    }, []);\n\n    const dismissAll = useCallback(() => {\n      sonnerToast.dismiss();\n    }, []);\n\n    const contextValue = useMemo<ToastContextValue>(\n      () => ({\n        toast,\n        success,\n        error,\n        warning,\n        info,\n        promise,\n        dismiss,\n        dismissAll,\n      }),\n      [toast, success, error, warning, info, promise, dismiss, dismissAll],\n    );\n\n    return (\n      <ToastContext.Provider value={contextValue}>\n        {children}\n        <Toaster\n          position={position}\n          visibleToasts={maxToasts}\n          offset={offset}\n          theme={theme}\n          closeButton={closeButton}\n          duration={duration}\n          className={className}\n          toastOptions={{ unstyled: true }}\n        />\n      </ToastContext.Provider>\n    );\n  },\n);\n\nToastProvider.displayName = \"ToastProvider\";\n\n/**\n * useToast Hook\n */\nexport const useToast = (): ToastContextValue => {\n  const context = useContext(ToastContext);\n  if (!context) {\n    throw new Error(\"useToast must be used within a ToastProvider\");\n  }\n  return context;\n};\n\nexport type * from \"./types\";\n"]}