@fairmint/ui 0.3.16 → 0.3.18

package/dist/components/primitives/Alert/Alert.cjs

@@ -1,8 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
+const index = require("../../../theme/index.cjs");
 const colors = require("../../../theme/colors.cjs");
+const Button = require("../Button/Button.cjs");
 const sx = require("../sx.cjs");
+const spacing = require("../../../theme/spacing.cjs");
 const Alert$1 = require("../../../node_modules/@mantine/core/esm/components/Alert/Alert.cjs");
 const colorMap = {
   error: colors.colors.error,
@@ -10,43 +13,99 @@ const colorMap = {
   success: colors.colors.success,
   warning: colors.colors.warning
 };
-const severityIconPathMap = {
-  error: [
-    "M12 9v4",
-    "M12 17h.01",
-    "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z"
-  ],
-  info: ["M12 16v-4", "M12 8h.01", "M22 12a10 10 0 1 1-20 0 10 10 0 0 1 20 0Z"],
-  success: ["m9 12 2 2 4-4", "M22 12a10 10 0 1 1-20 0 10 10 0 0 1 20 0Z"],
-  warning: [
-    "M12 9v4",
-    "M12 17h.01",
-    "M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z"
-  ]
+const TONE_TOKENS = {
+  info: {
+    background: index.fairmintVars.colorInfoBg,
+    border: index.fairmintVars.colorInfoBorder,
+    icon: index.fairmintVars.colorInfoText
+  },
+  success: {
+    background: index.fairmintVars.colorSuccessBg,
+    border: index.fairmintVars.colorSuccessBorder,
+    icon: index.fairmintVars.colorSuccessText
+  },
+  warning: {
+    background: index.fairmintVars.colorWarningBg,
+    border: index.fairmintVars.colorWarningBorder,
+    icon: index.fairmintVars.colorWarningText
+  },
+  error: {
+    background: index.fairmintVars.colorErrorBg,
+    border: index.fairmintVars.colorErrorBorder,
+    icon: index.fairmintVars.colorErrorText
+  }
 };
-const SeverityIcon = ({ severity }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    "aria-hidden": "true",
-    "data-fairmint-alert-icon": severity,
+const SeverityIcon = ({ tone }) => {
+  const commonProps = {
+    width: 20,
+    height: 20,
+    viewBox: "0 0 24 24",
     fill: "none",
-    focusable: "false",
-    height: "18",
     stroke: "currentColor",
+    strokeWidth: 1.75,
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    strokeWidth: "2",
-    viewBox: "0 0 24 24",
-    width: "18",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: (severityIconPathMap[severity] || severityIconPathMap.info).map((path) => /* @__PURE__ */ jsxRuntime.jsx("path", { d: path }, path))
+    "aria-hidden": true,
+    "data-fairmint-alert-icon": tone
+  };
+  if (tone === "success") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...commonProps, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Success" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m8.5 12 2.25 2.25L15.75 9" })
+    ] });
+  }
+  if (tone === "warning") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...commonProps, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Warning" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M10.3 4.2 2.6 18a2 2 0 0 0 1.75 3h15.3a2 2 0 0 0 1.75-3L13.7 4.2a2 2 0 0 0-3.4 0Z" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 9v4" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17h.01" })
+    ] });
+  }
+  if (tone === "error") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...commonProps, children: [
+      /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Error" }),
+      /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 9 6 6" }),
+      /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m15 9-6 6" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...commonProps, children: [
+    /* @__PURE__ */ jsxRuntime.jsx("title", { children: "Information" }),
+    /* @__PURE__ */ jsxRuntime.jsx("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 11v5" }),
+    /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 8h.01" })
+  ] });
+};
+const COLOR_TO_TONE = {
+  error: "error",
+  red: "error",
+  danger: "error",
+  warning: "warning",
+  yellow: "warning",
+  orange: "warning",
+  success: "success",
+  green: "success",
+  teal: "success",
+  info: "info",
+  blue: "info",
+  indigo: "info"
+};
+function resolveTone(severity, color) {
+  if (severity) {
+    const fromSeverity = COLOR_TO_TONE[String(severity).toLowerCase()];
+    if (fromSeverity) return fromSeverity;
+  }
+  if (typeof color === "string") {
+    const fromColor = COLOR_TO_TONE[color] ?? COLOR_TO_TONE[color.toLowerCase()];
+    if (fromColor) return fromColor;
   }
-);
-const iconMap = {
-  error: /* @__PURE__ */ jsxRuntime.jsx(SeverityIcon, { severity: "error" }),
-  info: /* @__PURE__ */ jsxRuntime.jsx(SeverityIcon, { severity: "info" }),
-  success: /* @__PURE__ */ jsxRuntime.jsx(SeverityIcon, { severity: "success" }),
-  warning: /* @__PURE__ */ jsxRuntime.jsx(SeverityIcon, { severity: "warning" })
+  return "info";
+}
+const actionVariant = (tone) => {
+  if (tone === "info") return "light";
+  return "filled";
 };
 function Alert({
   action,
@@ -56,54 +115,136 @@ function Alert({
   color,
   icon,
   severity,
+  styles,
   sx: sx$1,
   style,
+  variant = "light",
   ...props
 }) {
   const sxStyle = sx.useSxStyle(sx$1);
-  const needsCompat = severity !== void 0 || sx$1 !== void 0 || action !== void 0;
-  if (!needsCompat) {
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      Alert$1.Alert,
-      {
-        className,
-        classNames,
-        color,
-        icon,
-        style: { ...sxStyle, ...style },
-        ...props,
-        children
-      }
-    );
-  }
-  const severityClass = severity ? `MuiAlert-standard${String(severity).charAt(0).toUpperCase()}${String(severity).slice(1)}` : void 0;
-  const fairmintSeverityClass = severity ? `fairmint-alert-standard${String(severity).charAt(0).toUpperCase()}${String(severity).slice(1)}` : void 0;
+  const tone = resolveTone(severity, color);
+  const tokens = TONE_TOKENS[tone];
+  const resolvedColor = severity ? colorMap[severity] || severity : color ?? colors.colors.info;
+  const needsCompat = severity !== void 0 || sx$1 !== void 0;
+  const resolvedIcon = icon === null ? null : icon ?? /* @__PURE__ */ jsxRuntime.jsx(SeverityIcon, { tone });
+  const surfaceStyles = {
+    root: {
+      // Slightly more room on the trailing edge than Mantine's symmetric md.
+      paddingInlineEnd: spacing.spacing.lg
+    },
+    body: {
+      // Tighter than Mantine's default spacing.xs between title and body.
+      gap: "0.25rem"
+    },
+    title: {
+      color: index.fairmintVars.colorTextPrimary,
+      fontWeight: 600
+    },
+    label: {
+      color: index.fairmintVars.colorTextPrimary
+    },
+    message: {
+      color: index.fairmintVars.colorTextSecondary
+    },
+    icon: {
+      backgroundColor: "transparent",
+      color: tokens.icon,
+      width: 20,
+      height: 20,
+      minWidth: 20,
+      // Match the root padding used when there is no icon (spacing.md).
+      marginInlineEnd: spacing.spacing.md
+    }
+  };
+  const mergePart = (key, override) => ({ ...surfaceStyles[key], ...override });
+  const mergedStyles = typeof styles === "function" ? (theme, params, ctx) => {
+    const resolved = styles(theme, params, ctx);
+    return {
+      ...surfaceStyles,
+      ...resolved,
+      root: mergePart("root", resolved.root),
+      body: mergePart("body", resolved.body),
+      title: mergePart("title", resolved.title),
+      label: mergePart("label", resolved.label),
+      message: mergePart("message", resolved.message),
+      icon: mergePart("icon", resolved.icon)
+    };
+  } : {
+    ...surfaceStyles,
+    ...styles,
+    root: mergePart("root", styles?.root),
+    body: mergePart("body", styles?.body),
+    title: mergePart("title", styles?.title),
+    label: mergePart("label", styles?.label),
+    message: mergePart("message", styles?.message),
+    icon: mergePart("icon", styles?.icon)
+  };
   const classNameMap = typeof classNames === "function" ? void 0 : classNames;
   return /* @__PURE__ */ jsxRuntime.jsxs(
     Alert$1.Alert,
     {
-      className: [
+      className: needsCompat ? [
         "MuiAlert-root",
         "fairmint-alert-root",
-        severityClass,
-        fairmintSeverityClass,
+        severity ? `MuiAlert-standard${String(severity).charAt(0).toUpperCase()}${String(severity).slice(1)}` : void 0,
+        severity ? `fairmint-alert-standard${String(severity).charAt(0).toUpperCase()}${String(severity).slice(1)}` : void 0,
         className
-      ].filter(Boolean).join(" "),
-      classNames: {
+      ].filter(Boolean).join(" ") : className,
+      classNames: needsCompat ? {
         ...classNameMap,
         body: ["fairmint-alert-body", classNameMap?.body].filter(Boolean).join(" "),
         icon: ["fairmint-alert-icon", classNameMap?.icon].filter(Boolean).join(" "),
         message: ["fairmint-alert-message", classNameMap?.message].filter(Boolean).join(" "),
         root: ["fairmint-alert-root", classNameMap?.root].filter(Boolean).join(" "),
         wrapper: ["fairmint-alert-wrapper", classNameMap?.wrapper].filter(Boolean).join(" ")
+      } : classNames,
+      color: resolvedColor,
+      "data-tone": tone,
+      icon: resolvedIcon,
+      radius: "lg",
+      style: {
+        ...sxStyle,
+        ...style
       },
-      color: severity ? colorMap[severity] || severity : color,
-      icon: icon ?? (severity ? iconMap[severity] : void 0),
-      style: { ...sxStyle, ...style },
+      styles: mergedStyles,
+      vars: () => ({
+        root: {
+          "--alert-bg": tokens.background,
+          "--alert-color": tokens.icon,
+          "--alert-bd": `1px solid ${tokens.border}`
+        }
+      }),
+      variant,
       ...props,
       children: [
         children,
-        action ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: "fairmint-alert-action", children: action }) : null
+        action ? /* @__PURE__ */ jsxRuntime.jsx(
+          "span",
+          {
+            className: "fairmint-alert-action",
+            style: {
+              display: "block",
+              marginTop: spacing.spacing.xs
+            },
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              Button.Button,
+              {
+                ...action,
+                color: resolvedColor,
+                size: action.size ?? "sm",
+                variant: actionVariant(tone),
+                style: {
+                  ...action.style,
+                  boxSizing: "border-box",
+                  maxWidth: "100%",
+                  overflowWrap: "anywhere",
+                  whiteSpace: "normal"
+                },
+                children: action.label
+              }
+            )
+          }
+        ) : null
       ]
     }
   );

package/dist/components/primitives/Alert/Alert.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.cjs","sources":["../../../../src/components/primitives/Alert/Alert.tsx"],"sourcesContent":["import { Alert as MantineAlert, type AlertProps as MantineAlertProps } from \"@mantine/core\";\nimport type { ReactNode } from \"react\";\nimport { colors } from \"../../../theme/colors\";\nimport { type Sx, useSxStyle } from \"../sx\";\n\nexport interface AlertProps extends MantineAlertProps {\n  action?: ReactNode;\n  severity?: string;\n  sx?: Sx;\n}\n\nconst colorMap: Record<string, string> = {\n  error: colors.error,\n  info: colors.info,\n  success: colors.success,\n  warning: colors.warning,\n};\n\nconst severityIconPathMap: Record<string, string[]> = {\n  error: [\n    \"M12 9v4\",\n    \"M12 17h.01\",\n    \"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z\",\n  ],\n  info: [\"M12 16v-4\", \"M12 8h.01\", \"M22 12a10 10 0 1 1-20 0 10 10 0 0 1 20 0Z\"],\n  success: [\"m9 12 2 2 4-4\", \"M22 12a10 10 0 1 1-20 0 10 10 0 0 1 20 0Z\"],\n  warning: [\n    \"M12 9v4\",\n    \"M12 17h.01\",\n    \"M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0Z\",\n  ],\n};\n\nconst SeverityIcon = ({ severity }: { severity: string }) => (\n  <svg\n    aria-hidden=\"true\"\n    data-fairmint-alert-icon={severity}\n    fill=\"none\"\n    focusable=\"false\"\n    height=\"18\"\n    stroke=\"currentColor\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    strokeWidth=\"2\"\n    viewBox=\"0 0 24 24\"\n    width=\"18\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    {(severityIconPathMap[severity] || severityIconPathMap.info).map((path) => (\n      <path d={path} key={path} />\n    ))}\n  </svg>\n);\n\nconst iconMap: Record<string, ReactNode> = {\n  error: <SeverityIcon severity=\"error\" />,\n  info: <SeverityIcon severity=\"info\" />,\n  success: <SeverityIcon severity=\"success\" />,\n  warning: <SeverityIcon severity=\"warning\" />,\n};\n\nexport function Alert({\n  action,\n  children,\n  className,\n  classNames,\n  color,\n  icon,\n  severity,\n  sx,\n  style,\n  ...props\n}: AlertProps) {\n  const sxStyle = useSxStyle(sx);\n  const needsCompat = severity !== undefined || sx !== undefined || action !== undefined;\n\n  if (!needsCompat) {\n    return (\n      <MantineAlert\n        className={className}\n        classNames={classNames}\n        color={color}\n        icon={icon}\n        style={{ ...sxStyle, ...style }}\n        {...props}\n      >\n        {children}\n      </MantineAlert>\n    );\n  }\n\n  const severityClass = severity\n    ? `MuiAlert-standard${String(severity).charAt(0).toUpperCase()}${String(severity).slice(1)}`\n    : undefined;\n  const fairmintSeverityClass = severity\n    ? `fairmint-alert-standard${String(severity).charAt(0).toUpperCase()}${String(severity).slice(1)}`\n    : undefined;\n  const classNameMap = typeof classNames === \"function\" ? undefined : classNames;\n\n  return (\n    <MantineAlert\n      className={[\n        \"MuiAlert-root\",\n        \"fairmint-alert-root\",\n        severityClass,\n        fairmintSeverityClass,\n        className,\n      ]\n        .filter(Boolean)\n        .join(\" \")}\n      classNames={{\n        ...classNameMap,\n        body: [\"fairmint-alert-body\", classNameMap?.body].filter(Boolean).join(\" \"),\n        icon: [\"fairmint-alert-icon\", classNameMap?.icon].filter(Boolean).join(\" \"),\n        message: [\"fairmint-alert-message\", classNameMap?.message].filter(Boolean).join(\" \"),\n        root: [\"fairmint-alert-root\", classNameMap?.root].filter(Boolean).join(\" \"),\n        wrapper: [\"fairmint-alert-wrapper\", classNameMap?.wrapper].filter(Boolean).join(\" \"),\n      }}\n      color={severity ? colorMap[severity] || severity : color}\n      icon={icon ?? (severity ? iconMap[severity] : undefined)}\n      style={{ ...sxStyle, ...style }}\n      {...props}\n    >\n      {children}\n      {action ? <span className=\"fairmint-alert-action\">{action}</span> : null}\n    </MantineAlert>\n  );\n}\n"],"names":["colors","jsx","sx","useSxStyle","MantineAlert","jsxs"],"mappings":"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"}
+{"version":3,"file":"Alert.cjs","sources":["../../../../src/components/primitives/Alert/Alert.tsx"],"sourcesContent":["import { Alert as MantineAlert, type AlertProps as MantineAlertProps } from \"@mantine/core\";\nimport type { CSSProperties, ReactNode } from \"react\";\nimport { fairmintVars, spacing } from \"../../../theme\";\nimport { colors } from \"../../../theme/colors\";\nimport { Button, type ButtonProps } from \"../Button/Button\";\nimport { type Sx, useSxStyle } from \"../sx\";\n\nexport type AlertTone = \"info\" | \"success\" | \"warning\" | \"error\";\n\nexport interface AlertActionProps extends Omit<ButtonProps, \"children\" | \"color\" | \"variant\"> {\n  /** Visible action label. */\n  label: ReactNode;\n}\n\nexport interface AlertProps extends Omit<MantineAlertProps, \"icon\"> {\n  /**\n   * Optional CTA rendered with Banner-aligned button styling.\n   * Prefer this over embedding buttons in `children`.\n   */\n  action?: AlertActionProps;\n  /** MUI-compat severity. Prefer Fairmint color tokens via `color`. */\n  severity?: string;\n  sx?: Sx;\n  /**\n   * Icon before content. Pass `null` to hide.\n   * When omitted, a default tone icon is shown.\n   */\n  icon?: ReactNode | null;\n}\n\nconst colorMap: Record<string, string> = {\n  error: colors.error,\n  info: colors.info,\n  success: colors.success,\n  warning: colors.warning,\n};\n\nconst TONE_TOKENS = {\n  info: {\n    background: fairmintVars.colorInfoBg,\n    border: fairmintVars.colorInfoBorder,\n    icon: fairmintVars.colorInfoText,\n  },\n  success: {\n    background: fairmintVars.colorSuccessBg,\n    border: fairmintVars.colorSuccessBorder,\n    icon: fairmintVars.colorSuccessText,\n  },\n  warning: {\n    background: fairmintVars.colorWarningBg,\n    border: fairmintVars.colorWarningBorder,\n    icon: fairmintVars.colorWarningText,\n  },\n  error: {\n    background: fairmintVars.colorErrorBg,\n    border: fairmintVars.colorErrorBorder,\n    icon: fairmintVars.colorErrorText,\n  },\n} as const;\n\nconst SeverityIcon = ({ tone }: { tone: AlertTone }) => {\n  const commonProps = {\n    width: 20,\n    height: 20,\n    viewBox: \"0 0 24 24\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeWidth: 1.75,\n    strokeLinecap: \"round\" as const,\n    strokeLinejoin: \"round\" as const,\n    \"aria-hidden\": true,\n    \"data-fairmint-alert-icon\": tone,\n  };\n\n  if (tone === \"success\") {\n    return (\n      <svg {...commonProps}>\n        <title>Success</title>\n        <circle cx=\"12\" cy=\"12\" r=\"9\" />\n        <path d=\"m8.5 12 2.25 2.25L15.75 9\" />\n      </svg>\n    );\n  }\n\n  if (tone === \"warning\") {\n    return (\n      <svg {...commonProps}>\n        <title>Warning</title>\n        <path d=\"M10.3 4.2 2.6 18a2 2 0 0 0 1.75 3h15.3a2 2 0 0 0 1.75-3L13.7 4.2a2 2 0 0 0-3.4 0Z\" />\n        <path d=\"M12 9v4\" />\n        <path d=\"M12 17h.01\" />\n      </svg>\n    );\n  }\n\n  if (tone === \"error\") {\n    return (\n      <svg {...commonProps}>\n        <title>Error</title>\n        <circle cx=\"12\" cy=\"12\" r=\"9\" />\n        <path d=\"m9 9 6 6\" />\n        <path d=\"m15 9-6 6\" />\n      </svg>\n    );\n  }\n\n  return (\n    <svg {...commonProps}>\n      <title>Information</title>\n      <circle cx=\"12\" cy=\"12\" r=\"9\" />\n      <path d=\"M12 11v5\" />\n      <path d=\"M12 8h.01\" />\n    </svg>\n  );\n};\n\nconst COLOR_TO_TONE: Record<string, AlertTone> = {\n  error: \"error\",\n  red: \"error\",\n  danger: \"error\",\n  warning: \"warning\",\n  yellow: \"warning\",\n  orange: \"warning\",\n  success: \"success\",\n  green: \"success\",\n  teal: \"success\",\n  info: \"info\",\n  blue: \"info\",\n  indigo: \"info\",\n};\n\nfunction resolveTone(severity?: string, color?: MantineAlertProps[\"color\"]): AlertTone {\n  if (severity) {\n    const fromSeverity = COLOR_TO_TONE[String(severity).toLowerCase()];\n    if (fromSeverity) return fromSeverity;\n  }\n\n  if (typeof color === \"string\") {\n    const fromColor = COLOR_TO_TONE[color] ?? COLOR_TO_TONE[color.toLowerCase()];\n    if (fromColor) return fromColor;\n  }\n\n  return \"info\";\n}\n\nconst actionVariant = (tone: AlertTone): ButtonProps[\"variant\"] => {\n  if (tone === \"info\") return \"light\";\n  return \"filled\";\n};\n\nexport function Alert({\n  action,\n  children,\n  className,\n  classNames,\n  color,\n  icon,\n  severity,\n  styles,\n  sx,\n  style,\n  variant = \"light\",\n  ...props\n}: AlertProps) {\n  const sxStyle = useSxStyle(sx);\n  const tone = resolveTone(severity, color);\n  const tokens = TONE_TOKENS[tone];\n  const resolvedColor = severity ? colorMap[severity] || severity : (color ?? colors.info);\n  const needsCompat = severity !== undefined || sx !== undefined;\n  const resolvedIcon = icon === null ? null : (icon ?? <SeverityIcon tone={tone} />);\n\n  const surfaceStyles = {\n    root: {\n      // Slightly more room on the trailing edge than Mantine's symmetric md.\n      paddingInlineEnd: spacing.lg,\n    } as CSSProperties,\n    body: {\n      // Tighter than Mantine's default spacing.xs between title and body.\n      gap: \"0.25rem\",\n    } as CSSProperties,\n    title: {\n      color: fairmintVars.colorTextPrimary,\n      fontWeight: 600,\n    } as CSSProperties,\n    label: {\n      color: fairmintVars.colorTextPrimary,\n    } as CSSProperties,\n    message: {\n      color: fairmintVars.colorTextSecondary,\n    } as CSSProperties,\n    icon: {\n      backgroundColor: \"transparent\",\n      color: tokens.icon,\n      width: 20,\n      height: 20,\n      minWidth: 20,\n      // Match the root padding used when there is no icon (spacing.md).\n      marginInlineEnd: spacing.md,\n    } as CSSProperties,\n  };\n\n  const mergePart = (\n    key: keyof typeof surfaceStyles,\n    override: CSSProperties | undefined,\n  ): CSSProperties => ({ ...surfaceStyles[key], ...override });\n\n  const mergedStyles: AlertProps[\"styles\"] =\n    typeof styles === \"function\"\n      ? (theme, params, ctx) => {\n          const resolved = styles(theme, params, ctx);\n          return {\n            ...surfaceStyles,\n            ...resolved,\n            root: mergePart(\"root\", resolved.root),\n            body: mergePart(\"body\", resolved.body),\n            title: mergePart(\"title\", resolved.title),\n            label: mergePart(\"label\", resolved.label),\n            message: mergePart(\"message\", resolved.message),\n            icon: mergePart(\"icon\", resolved.icon),\n          };\n        }\n      : {\n          ...surfaceStyles,\n          ...styles,\n          root: mergePart(\"root\", styles?.root),\n          body: mergePart(\"body\", styles?.body),\n          title: mergePart(\"title\", styles?.title),\n          label: mergePart(\"label\", styles?.label),\n          message: mergePart(\"message\", styles?.message),\n          icon: mergePart(\"icon\", styles?.icon),\n        };\n\n  const classNameMap = typeof classNames === \"function\" ? undefined : classNames;\n\n  return (\n    <MantineAlert\n      className={\n        needsCompat\n          ? [\n              \"MuiAlert-root\",\n              \"fairmint-alert-root\",\n              severity\n                ? `MuiAlert-standard${String(severity).charAt(0).toUpperCase()}${String(severity).slice(1)}`\n                : undefined,\n              severity\n                ? `fairmint-alert-standard${String(severity).charAt(0).toUpperCase()}${String(severity).slice(1)}`\n                : undefined,\n              className,\n            ]\n              .filter(Boolean)\n              .join(\" \")\n          : className\n      }\n      classNames={\n        needsCompat\n          ? {\n              ...classNameMap,\n              body: [\"fairmint-alert-body\", classNameMap?.body].filter(Boolean).join(\" \"),\n              icon: [\"fairmint-alert-icon\", classNameMap?.icon].filter(Boolean).join(\" \"),\n              message: [\"fairmint-alert-message\", classNameMap?.message].filter(Boolean).join(\" \"),\n              root: [\"fairmint-alert-root\", classNameMap?.root].filter(Boolean).join(\" \"),\n              wrapper: [\"fairmint-alert-wrapper\", classNameMap?.wrapper].filter(Boolean).join(\" \"),\n            }\n          : classNames\n      }\n      color={resolvedColor}\n      data-tone={tone}\n      icon={resolvedIcon}\n      radius=\"lg\"\n      style={{\n        ...sxStyle,\n        ...style,\n      }}\n      styles={mergedStyles}\n      vars={() => ({\n        root: {\n          \"--alert-bg\": tokens.background,\n          \"--alert-color\": tokens.icon,\n          \"--alert-bd\": `1px solid ${tokens.border}`,\n        },\n      })}\n      variant={variant}\n      {...props}\n    >\n      {children}\n      {action ? (\n        <span\n          className=\"fairmint-alert-action\"\n          style={{\n            display: \"block\",\n            marginTop: spacing.xs,\n          }}\n        >\n          <Button\n            {...action}\n            color={resolvedColor}\n            size={action.size ?? \"sm\"}\n            variant={actionVariant(tone)}\n            style={{\n              ...action.style,\n              boxSizing: \"border-box\",\n              maxWidth: \"100%\",\n              overflowWrap: \"anywhere\",\n              whiteSpace: \"normal\",\n            }}\n          >\n            {action.label}\n          </Button>\n        </span>\n      ) : null}\n    </MantineAlert>\n  );\n}\n"],"names":["colors","fairmintVars","jsxs","jsx","sx","useSxStyle","spacing","MantineAlert","Button"],"mappings":"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"}

package/dist/components/primitives/Alert/Alert.d.ts

@@ -1,10 +1,26 @@
 import { AlertProps as MantineAlertProps } from '@mantine/core';
 import { ReactNode } from 'react';
+import { ButtonProps } from '../Button/Button';
 import { Sx } from '../sx';
-export interface AlertProps extends MantineAlertProps {
-    action?: ReactNode;
+export type AlertTone = "info" | "success" | "warning" | "error";
+export interface AlertActionProps extends Omit<ButtonProps, "children" | "color" | "variant"> {
+    /** Visible action label. */
+    label: ReactNode;
+}
+export interface AlertProps extends Omit<MantineAlertProps, "icon"> {
+    /**
+     * Optional CTA rendered with Banner-aligned button styling.
+     * Prefer this over embedding buttons in `children`.
+     */
+    action?: AlertActionProps;
+    /** MUI-compat severity. Prefer Fairmint color tokens via `color`. */
     severity?: string;
     sx?: Sx;
+    /**
+     * Icon before content. Pass `null` to hide.
+     * When omitted, a default tone icon is shown.
+     */
+    icon?: ReactNode | null;
 }
-export declare function Alert({ action, children, className, classNames, color, icon, severity, sx, style, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element;
+export declare function Alert({ action, children, className, classNames, color, icon, severity, styles, sx, style, variant, ...props }: AlertProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Alert.d.ts.map

package/dist/components/primitives/Alert/Alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,UAAU,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,EAAE,CAAC;CACT;AAoDD,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,EAAE,EACF,KAAK,EACL,GAAG,KAAK,EACT,EAAE,UAAU,2CAuDZ"}
+{"version":3,"file":"Alert.d.ts","sourceRoot":"","sources":["../../../../src/components/primitives/Alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,UAAU,IAAI,iBAAiB,EAAE,MAAM,eAAe,CAAC;AAC5F,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAAU,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,EAAc,MAAM,OAAO,CAAC;AAE5C,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;AAEjE,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,OAAO,GAAG,SAAS,CAAC;IAC3F,4BAA4B;IAC5B,KAAK,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,iBAAiB,EAAE,MAAM,CAAC;IACjE;;;OAGG;IACH,MAAM,CAAC,EAAE,gBAAgB,CAAC;IAC1B,qEAAqE;IACrE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,CAAC,EAAE,EAAE,CAAC;IACR;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;CACzB;AA0HD,wBAAgB,KAAK,CAAC,EACpB,MAAM,EACN,QAAQ,EACR,SAAS,EACT,UAAU,EACV,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,MAAM,EACN,EAAE,EACF,KAAK,EACL,OAAiB,EACjB,GAAG,KAAK,EACT,EAAE,UAAU,2CAqJZ"}