@fairmint/ui 0.3.20 → 0.3.22

package/dist/_virtual/index3.cjs

@@ -1,5 +1,7 @@
 "use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-var propTypes = { exports: {} };
-exports.__module = propTypes;
+const _commonjsHelpers = require("./_commonjsHelpers.cjs");
+const index = require("../node_modules/fast-deep-equal/index.cjs");
+var fastDeepEqualExports = index.__require();
+const isEqual = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(fastDeepEqualExports);
+module.exports = isEqual;
 //# sourceMappingURL=index3.cjs.map

package/dist/_virtual/index3.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index3.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index3.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/_virtual/index3.js

@@ -1,5 +1,8 @@
-var propTypes = { exports: {} };
+import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
+import { __require as requireFastDeepEqual } from "../node_modules/fast-deep-equal/index.js";
+var fastDeepEqualExports = requireFastDeepEqual();
+const isEqual = /* @__PURE__ */ getDefaultExportFromCjs(fastDeepEqualExports);
 export {
-  propTypes as __module
+  isEqual as default
 };
 //# sourceMappingURL=index3.js.map

package/dist/_virtual/index3.js.map

@@ -1 +1 @@
-{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index4.cjs

@@ -1,7 +1,5 @@
 "use strict";
-const _commonjsHelpers = require("./_commonjsHelpers.cjs");
-const index = require("../node_modules/fast-deep-equal/index.cjs");
-var fastDeepEqualExports = index.__require();
-const isEqual = /* @__PURE__ */ _commonjsHelpers.getDefaultExportFromCjs(fastDeepEqualExports);
-module.exports = isEqual;
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var propTypes = { exports: {} };
+exports.__module = propTypes;
 //# sourceMappingURL=index4.cjs.map

package/dist/_virtual/index4.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index4.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index4.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index4.js

@@ -1,8 +1,5 @@
-import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
-import { __require as requireFastDeepEqual } from "../node_modules/fast-deep-equal/index.js";
-var fastDeepEqualExports = requireFastDeepEqual();
-const isEqual = /* @__PURE__ */ getDefaultExportFromCjs(fastDeepEqualExports);
+var propTypes = { exports: {} };
 export {
-  isEqual as default
+  propTypes as __module
 };
 //# sourceMappingURL=index4.js.map

package/dist/_virtual/index4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}
+{"version":3,"file":"index4.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/generic/AgentSuggestion/AgentSuggestion.cjs

@@ -0,0 +1,187 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const index = require("../../../theme/index.cjs");
+const ActionIcon = require("../../primitives/ActionIcon/ActionIcon.cjs");
+const layout = require("../../primitives/layout.cjs");
+const Tooltip = require("../../primitives/Tooltip/Tooltip.cjs");
+const spacing = require("../../../theme/spacing.cjs");
+const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const MantineThemeProvider = require("../../../node_modules/@mantine/core/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.cjs");
+const useComputedColorScheme = require("../../../node_modules/@mantine/core/esm/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.cjs");
+function useCaptableAiInfoAccent() {
+  const theme = MantineThemeProvider.useMantineTheme();
+  const scheme = useComputedColorScheme.useComputedColorScheme("light");
+  const dark = scheme === "dark";
+  const blue = dark ? theme.colors.fairmintBlue[3] : index.brandColors.blue;
+  const purple = dark ? theme.colors.fairmintPurple[2] : index.brandColors.purple;
+  return `linear-gradient(180deg, ${blue} 0%, ${purple} 100%)`;
+}
+const iconSvgProps = {
+  width: 16,
+  height: 16,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.75,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": true,
+  focusable: "false"
+};
+function ToneIcon({ tone }) {
+  if (tone === "warning") {
+    return /* @__PURE__ */ jsxRuntime.jsxs("svg", { ...iconSvgProps, "data-fairmint-suggestion-icon": "warning", 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", { ...iconSvgProps, "data-fairmint-suggestion-icon": "error", 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", { ...iconSvgProps, "data-fairmint-suggestion-icon": "info", 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" })
+  ] });
+}
+function toneIconColor(tone) {
+  if (tone === "warning") return index.fairmintVars.colorWarningText;
+  if (tone === "error") return index.fairmintVars.colorErrorText;
+  return index.fairmintVars.colorInfoText;
+}
+function DismissIcon() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 6 12 12" })
+      ]
+    }
+  );
+}
+function AgentSuggestion({
+  title,
+  message,
+  tone = "info",
+  icon,
+  onDismiss,
+  dismissLabel = "Dismiss",
+  role,
+  className,
+  style
+}) {
+  const infoAccent = useCaptableAiInfoAccent();
+  const resolvedRole = role ?? (tone === "error" ? "alert" : "status");
+  const resolvedIcon = icon === null ? null : icon ?? /* @__PURE__ */ jsxRuntime.jsx(ToneIcon, { tone });
+  const surface = tone === "warning" ? {
+    background: "transparent",
+    border: index.fairmintVars.colorWarningBorder,
+    accent: index.fairmintVars.colorWarningBorder
+  } : tone === "error" ? {
+    background: "transparent",
+    border: index.fairmintVars.colorErrorBorder,
+    accent: index.fairmintVars.colorErrorSolid
+  } : {
+    background: "transparent",
+    border: index.fairmintVars.colorBorderDefault,
+    accent: infoAccent
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    layout.Box,
+    {
+      className,
+      role: resolvedRole,
+      "data-tone": tone,
+      style: {
+        position: "relative",
+        display: "flex",
+        alignItems: "flex-start",
+        gap: spacing.spacing.xs,
+        backgroundColor: surface.background,
+        border: `1px solid ${surface.border}`,
+        borderRadius: 2,
+        paddingBlock: spacing.spacing.xs,
+        paddingInlineStart: spacing.spacing.sm,
+        paddingInlineEnd: spacing.spacing.xs,
+        overflow: "hidden",
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          layout.Box,
+          {
+            "aria-hidden": true,
+            "data-accent": "",
+            style: {
+              position: "absolute",
+              insetBlock: 0,
+              insetInlineStart: 0,
+              width: 3,
+              background: surface.accent
+              // No own radius — container overflow:hidden + borderRadius:2 clips flush.
+            }
+          }
+        ),
+        resolvedIcon ? /* @__PURE__ */ jsxRuntime.jsx(
+          layout.Box,
+          {
+            style: {
+              display: "flex",
+              flexShrink: 0,
+              marginTop: 2,
+              width: 16,
+              height: 16,
+              color: toneIconColor(tone)
+            },
+            children: resolvedIcon
+          }
+        ) : null,
+        /* @__PURE__ */ jsxRuntime.jsxs(layout.Stack, { gap: 4, style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "sm", fw: 500, c: index.fairmintVars.colorTextPrimary, lh: 1.3, children: title }),
+          message ? /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "xs", c: index.fairmintVars.colorTextSecondary, lh: 1.4, children: message }) : null
+        ] }),
+        onDismiss ? /* @__PURE__ */ jsxRuntime.jsx(Tooltip.Tooltip, { label: dismissLabel, withArrow: true, position: "top", children: /* @__PURE__ */ jsxRuntime.jsx(
+          ActionIcon.ActionIcon,
+          {
+            size: "sm",
+            variant: "subtle",
+            color: "gray",
+            "aria-label": dismissLabel,
+            onClick: onDismiss,
+            style: { flexShrink: 0, marginTop: -2 },
+            children: /* @__PURE__ */ jsxRuntime.jsx(DismissIcon, {})
+          }
+        ) }) : null
+      ]
+    }
+  );
+}
+function AgentSuggestionList({
+  children,
+  gap = spacing.spacing.xs,
+  className
+}) {
+  return /* @__PURE__ */ jsxRuntime.jsx(layout.Stack, { gap, className, children });
+}
+exports.AgentSuggestion = AgentSuggestion;
+exports.AgentSuggestionList = AgentSuggestionList;
+//# sourceMappingURL=AgentSuggestion.cjs.map

package/dist/components/generic/AgentSuggestion/AgentSuggestion.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentSuggestion.cjs","sources":["../../../../src/components/generic/AgentSuggestion/AgentSuggestion.tsx"],"sourcesContent":["import type { AriaRole, CSSProperties, ReactNode } from \"react\";\nimport { brandColors, fairmintVars, spacing } from \"../../../theme\";\nimport { ActionIcon } from \"../../primitives/ActionIcon/ActionIcon\";\nimport { Box, Stack, Text, useComputedColorScheme, useMantineTheme } from \"../../primitives/layout\";\nimport { Tooltip } from \"../../primitives/Tooltip/Tooltip\";\n\nexport type AgentSuggestionTone = \"info\" | \"warning\" | \"error\";\n\nexport interface AgentSuggestionProps {\n  /** Short title — typically a humanized agent code label. */\n  title: ReactNode;\n  /** Supporting detail from the agent. */\n  message?: ReactNode;\n  /**\n   * Semantic meaning. `error` / `warning` use severity surfaces because they\n   * map to actionable / blocking review states in CaptableAI. `info` stays\n   * CaptableAI-branded (blue→purple accent).\n   * @default \"info\"\n   */\n  tone?: AgentSuggestionTone;\n  /**\n   * Leading icon. Pass `null` to hide.\n   * When omitted, an outlined semantic icon matching `tone` is shown.\n   */\n  icon?: ReactNode | null;\n  /** When set, renders a dismiss control. */\n  onDismiss?: () => void;\n  /** Accessible label for the dismiss control. @default \"Dismiss\" */\n  dismissLabel?: string;\n  /** Override the default accessible role. Error defaults to alert; other tones use status. */\n  role?: AriaRole;\n  className?: string;\n  style?: CSSProperties;\n}\n\n/** CaptableAI blue→purple left accent for the info tone (scheme-aware). */\nfunction useCaptableAiInfoAccent() {\n  const theme = useMantineTheme();\n  const scheme = useComputedColorScheme(\"light\");\n  const dark = scheme === \"dark\";\n  const blue = dark ? theme.colors.fairmintBlue[3] : brandColors.blue;\n  const purple = dark ? theme.colors.fairmintPurple[2] : brandColors.purple;\n  return `linear-gradient(180deg, ${blue} 0%, ${purple} 100%)`;\n}\n\nconst iconSvgProps = {\n  width: 16,\n  height: 16,\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 as const,\n  focusable: \"false\" as const,\n};\n\nfunction ToneIcon({ tone }: { tone: AgentSuggestionTone }) {\n  if (tone === \"warning\") {\n    return (\n      <svg {...iconSvgProps} data-fairmint-suggestion-icon=\"warning\">\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 {...iconSvgProps} data-fairmint-suggestion-icon=\"error\">\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 {...iconSvgProps} data-fairmint-suggestion-icon=\"info\">\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\nfunction toneIconColor(tone: AgentSuggestionTone): string {\n  if (tone === \"warning\") return fairmintVars.colorWarningText;\n  if (tone === \"error\") return fairmintVars.colorErrorText;\n  return fairmintVars.colorInfoText;\n}\n\nfunction DismissIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\n/**\n * Dense, agent-originated review note. Distinct from Alert/Banner so stacked\n * suggestions do not compete with a single page-level severity summary.\n *\n * Pattern candidate: compose a list of `AgentSuggestion` under one parent\n * Alert or Banner (\"N suggestions need review\") — never N banners.\n */\nexport function AgentSuggestion({\n  title,\n  message,\n  tone = \"info\",\n  icon,\n  onDismiss,\n  dismissLabel = \"Dismiss\",\n  role,\n  className,\n  style,\n}: AgentSuggestionProps) {\n  const infoAccent = useCaptableAiInfoAccent();\n  const resolvedRole = role ?? (tone === \"error\" ? \"alert\" : \"status\");\n  const resolvedIcon = icon === null ? null : (icon ?? <ToneIcon tone={tone} />);\n\n  // Warning accent shares the border token so the strip reads orange (not the\n  // red-adjacent Solid). Error keeps Solid — in dark it matches the border.\n  const surface =\n    tone === \"warning\"\n      ? {\n          background: \"transparent\",\n          border: fairmintVars.colorWarningBorder,\n          accent: fairmintVars.colorWarningBorder,\n        }\n      : tone === \"error\"\n        ? {\n            background: \"transparent\",\n            border: fairmintVars.colorErrorBorder,\n            accent: fairmintVars.colorErrorSolid,\n          }\n        : {\n            background: \"transparent\",\n            border: fairmintVars.colorBorderDefault,\n            accent: infoAccent,\n          };\n\n  return (\n    <Box\n      className={className}\n      role={resolvedRole}\n      data-tone={tone}\n      style={{\n        position: \"relative\",\n        display: \"flex\",\n        alignItems: \"flex-start\",\n        gap: spacing.xs,\n        backgroundColor: surface.background,\n        border: `1px solid ${surface.border}`,\n        borderRadius: 2,\n        paddingBlock: spacing.xs,\n        paddingInlineStart: spacing.sm,\n        paddingInlineEnd: spacing.xs,\n        overflow: \"hidden\",\n        ...style,\n      }}\n    >\n      <Box\n        aria-hidden\n        data-accent=\"\"\n        style={{\n          position: \"absolute\",\n          insetBlock: 0,\n          insetInlineStart: 0,\n          width: 3,\n          background: surface.accent,\n          // No own radius — container overflow:hidden + borderRadius:2 clips flush.\n        }}\n      />\n\n      {resolvedIcon ? (\n        <Box\n          style={{\n            display: \"flex\",\n            flexShrink: 0,\n            marginTop: 2,\n            width: 16,\n            height: 16,\n            color: toneIconColor(tone),\n          }}\n        >\n          {resolvedIcon}\n        </Box>\n      ) : null}\n\n      <Stack gap={4} style={{ flex: 1, minWidth: 0 }}>\n        <Text size=\"sm\" fw={500} c={fairmintVars.colorTextPrimary} lh={1.3}>\n          {title}\n        </Text>\n        {message ? (\n          <Text size=\"xs\" c={fairmintVars.colorTextSecondary} lh={1.4}>\n            {message}\n          </Text>\n        ) : null}\n      </Stack>\n\n      {onDismiss ? (\n        <Tooltip label={dismissLabel} withArrow position=\"top\">\n          <ActionIcon\n            size=\"sm\"\n            variant=\"subtle\"\n            color=\"gray\"\n            aria-label={dismissLabel}\n            onClick={onDismiss}\n            style={{ flexShrink: 0, marginTop: -2 }}\n          >\n            <DismissIcon />\n          </ActionIcon>\n        </Tooltip>\n      ) : null}\n    </Box>\n  );\n}\n\n/** Convenience stack for composing multiple agent suggestions without inventing layout. */\nexport interface AgentSuggestionListProps {\n  children: ReactNode;\n  gap?: number | string;\n  className?: string;\n}\n\nexport function AgentSuggestionList({\n  children,\n  gap = spacing.xs,\n  className,\n}: AgentSuggestionListProps) {\n  return (\n    <Stack gap={gap} className={className}>\n      {children}\n    </Stack>\n  );\n}\n"],"names":["useMantineTheme","useComputedColorScheme","brandColors","jsxs","jsx","fairmintVars","Box","spacing","Stack","Text","Tooltip","ActionIcon"],"mappings":"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"}

package/dist/components/generic/AgentSuggestion/AgentSuggestion.d.ts

@@ -0,0 +1,44 @@
+import { AriaRole, CSSProperties, ReactNode } from 'react';
+export type AgentSuggestionTone = "info" | "warning" | "error";
+export interface AgentSuggestionProps {
+    /** Short title — typically a humanized agent code label. */
+    title: ReactNode;
+    /** Supporting detail from the agent. */
+    message?: ReactNode;
+    /**
+     * Semantic meaning. `error` / `warning` use severity surfaces because they
+     * map to actionable / blocking review states in CaptableAI. `info` stays
+     * CaptableAI-branded (blue→purple accent).
+     * @default "info"
+     */
+    tone?: AgentSuggestionTone;
+    /**
+     * Leading icon. Pass `null` to hide.
+     * When omitted, an outlined semantic icon matching `tone` is shown.
+     */
+    icon?: ReactNode | null;
+    /** When set, renders a dismiss control. */
+    onDismiss?: () => void;
+    /** Accessible label for the dismiss control. @default "Dismiss" */
+    dismissLabel?: string;
+    /** Override the default accessible role. Error defaults to alert; other tones use status. */
+    role?: AriaRole;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * Dense, agent-originated review note. Distinct from Alert/Banner so stacked
+ * suggestions do not compete with a single page-level severity summary.
+ *
+ * Pattern candidate: compose a list of `AgentSuggestion` under one parent
+ * Alert or Banner ("N suggestions need review") — never N banners.
+ */
+export declare function AgentSuggestion({ title, message, tone, icon, onDismiss, dismissLabel, role, className, style, }: AgentSuggestionProps): import("react/jsx-runtime").JSX.Element;
+/** Convenience stack for composing multiple agent suggestions without inventing layout. */
+export interface AgentSuggestionListProps {
+    children: ReactNode;
+    gap?: number | string;
+    className?: string;
+}
+export declare function AgentSuggestionList({ children, gap, className, }: AgentSuggestionListProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=AgentSuggestion.d.ts.map

package/dist/components/generic/AgentSuggestion/AgentSuggestion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentSuggestion.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/AgentSuggestion/AgentSuggestion.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAMhE,MAAM,MAAM,mBAAmB,GAAG,MAAM,GAAG,SAAS,GAAG,OAAO,CAAC;AAE/D,MAAM,WAAW,oBAAoB;IACnC,4DAA4D;IAC5D,KAAK,EAAE,SAAS,CAAC;IACjB,wCAAwC;IACxC,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;;;;OAKG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAC;IACxB,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,mEAAmE;IACnE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,6FAA6F;IAC7F,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAmFD;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,OAAO,EACP,IAAa,EACb,IAAI,EACJ,SAAS,EACT,YAAwB,EACxB,IAAI,EACJ,SAAS,EACT,KAAK,GACN,EAAE,oBAAoB,2CAqGtB;AAED,2FAA2F;AAC3F,MAAM,WAAW,wBAAwB;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,wBAAgB,mBAAmB,CAAC,EAClC,QAAQ,EACR,GAAgB,EAChB,SAAS,GACV,EAAE,wBAAwB,2CAM1B"}

package/dist/components/generic/AgentSuggestion/AgentSuggestion.js

@@ -0,0 +1,187 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { fairmintVars, brandColors } from "../../../theme/index.js";
+import { ActionIcon } from "../../primitives/ActionIcon/ActionIcon.js";
+import { Box, Stack } from "../../primitives/layout.js";
+import { Tooltip } from "../../primitives/Tooltip/Tooltip.js";
+import { spacing } from "../../../theme/spacing.js";
+import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { useMantineTheme } from "../../../node_modules/@mantine/core/esm/core/MantineProvider/MantineThemeProvider/MantineThemeProvider.js";
+import { useComputedColorScheme } from "../../../node_modules/@mantine/core/esm/core/MantineProvider/use-mantine-color-scheme/use-computed-color-scheme.js";
+function useCaptableAiInfoAccent() {
+  const theme = useMantineTheme();
+  const scheme = useComputedColorScheme("light");
+  const dark = scheme === "dark";
+  const blue = dark ? theme.colors.fairmintBlue[3] : brandColors.blue;
+  const purple = dark ? theme.colors.fairmintPurple[2] : brandColors.purple;
+  return `linear-gradient(180deg, ${blue} 0%, ${purple} 100%)`;
+}
+const iconSvgProps = {
+  width: 16,
+  height: 16,
+  viewBox: "0 0 24 24",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: 1.75,
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": true,
+  focusable: "false"
+};
+function ToneIcon({ tone }) {
+  if (tone === "warning") {
+    return /* @__PURE__ */ jsxs("svg", { ...iconSvgProps, "data-fairmint-suggestion-icon": "warning", children: [
+      /* @__PURE__ */ jsx("title", { children: "Warning" }),
+      /* @__PURE__ */ 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__ */ jsx("path", { d: "M12 9v4" }),
+      /* @__PURE__ */ jsx("path", { d: "M12 17h.01" })
+    ] });
+  }
+  if (tone === "error") {
+    return /* @__PURE__ */ jsxs("svg", { ...iconSvgProps, "data-fairmint-suggestion-icon": "error", children: [
+      /* @__PURE__ */ jsx("title", { children: "Error" }),
+      /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" }),
+      /* @__PURE__ */ jsx("path", { d: "m9 9 6 6" }),
+      /* @__PURE__ */ jsx("path", { d: "m15 9-6 6" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("svg", { ...iconSvgProps, "data-fairmint-suggestion-icon": "info", children: [
+    /* @__PURE__ */ jsx("title", { children: "Information" }),
+    /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "9" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 11v5" }),
+    /* @__PURE__ */ jsx("path", { d: "M12 8h.01" })
+  ] });
+}
+function toneIconColor(tone) {
+  if (tone === "warning") return fairmintVars.colorWarningText;
+  if (tone === "error") return fairmintVars.colorErrorText;
+  return fairmintVars.colorInfoText;
+}
+function DismissIcon() {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    {
+      "aria-hidden": "true",
+      width: "14",
+      height: "14",
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      children: [
+        /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+        /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+      ]
+    }
+  );
+}
+function AgentSuggestion({
+  title,
+  message,
+  tone = "info",
+  icon,
+  onDismiss,
+  dismissLabel = "Dismiss",
+  role,
+  className,
+  style
+}) {
+  const infoAccent = useCaptableAiInfoAccent();
+  const resolvedRole = role ?? (tone === "error" ? "alert" : "status");
+  const resolvedIcon = icon === null ? null : icon ?? /* @__PURE__ */ jsx(ToneIcon, { tone });
+  const surface = tone === "warning" ? {
+    background: "transparent",
+    border: fairmintVars.colorWarningBorder,
+    accent: fairmintVars.colorWarningBorder
+  } : tone === "error" ? {
+    background: "transparent",
+    border: fairmintVars.colorErrorBorder,
+    accent: fairmintVars.colorErrorSolid
+  } : {
+    background: "transparent",
+    border: fairmintVars.colorBorderDefault,
+    accent: infoAccent
+  };
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      className,
+      role: resolvedRole,
+      "data-tone": tone,
+      style: {
+        position: "relative",
+        display: "flex",
+        alignItems: "flex-start",
+        gap: spacing.xs,
+        backgroundColor: surface.background,
+        border: `1px solid ${surface.border}`,
+        borderRadius: 2,
+        paddingBlock: spacing.xs,
+        paddingInlineStart: spacing.sm,
+        paddingInlineEnd: spacing.xs,
+        overflow: "hidden",
+        ...style
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            "aria-hidden": true,
+            "data-accent": "",
+            style: {
+              position: "absolute",
+              insetBlock: 0,
+              insetInlineStart: 0,
+              width: 3,
+              background: surface.accent
+              // No own radius — container overflow:hidden + borderRadius:2 clips flush.
+            }
+          }
+        ),
+        resolvedIcon ? /* @__PURE__ */ jsx(
+          Box,
+          {
+            style: {
+              display: "flex",
+              flexShrink: 0,
+              marginTop: 2,
+              width: 16,
+              height: 16,
+              color: toneIconColor(tone)
+            },
+            children: resolvedIcon
+          }
+        ) : null,
+        /* @__PURE__ */ jsxs(Stack, { gap: 4, style: { flex: 1, minWidth: 0 }, children: [
+          /* @__PURE__ */ jsx(Text, { size: "sm", fw: 500, c: fairmintVars.colorTextPrimary, lh: 1.3, children: title }),
+          message ? /* @__PURE__ */ jsx(Text, { size: "xs", c: fairmintVars.colorTextSecondary, lh: 1.4, children: message }) : null
+        ] }),
+        onDismiss ? /* @__PURE__ */ jsx(Tooltip, { label: dismissLabel, withArrow: true, position: "top", children: /* @__PURE__ */ jsx(
+          ActionIcon,
+          {
+            size: "sm",
+            variant: "subtle",
+            color: "gray",
+            "aria-label": dismissLabel,
+            onClick: onDismiss,
+            style: { flexShrink: 0, marginTop: -2 },
+            children: /* @__PURE__ */ jsx(DismissIcon, {})
+          }
+        ) }) : null
+      ]
+    }
+  );
+}
+function AgentSuggestionList({
+  children,
+  gap = spacing.xs,
+  className
+}) {
+  return /* @__PURE__ */ jsx(Stack, { gap, className, children });
+}
+export {
+  AgentSuggestion,
+  AgentSuggestionList
+};
+//# sourceMappingURL=AgentSuggestion.js.map

package/dist/components/generic/AgentSuggestion/AgentSuggestion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AgentSuggestion.js","sources":["../../../../src/components/generic/AgentSuggestion/AgentSuggestion.tsx"],"sourcesContent":["import type { AriaRole, CSSProperties, ReactNode } from \"react\";\nimport { brandColors, fairmintVars, spacing } from \"../../../theme\";\nimport { ActionIcon } from \"../../primitives/ActionIcon/ActionIcon\";\nimport { Box, Stack, Text, useComputedColorScheme, useMantineTheme } from \"../../primitives/layout\";\nimport { Tooltip } from \"../../primitives/Tooltip/Tooltip\";\n\nexport type AgentSuggestionTone = \"info\" | \"warning\" | \"error\";\n\nexport interface AgentSuggestionProps {\n  /** Short title — typically a humanized agent code label. */\n  title: ReactNode;\n  /** Supporting detail from the agent. */\n  message?: ReactNode;\n  /**\n   * Semantic meaning. `error` / `warning` use severity surfaces because they\n   * map to actionable / blocking review states in CaptableAI. `info` stays\n   * CaptableAI-branded (blue→purple accent).\n   * @default \"info\"\n   */\n  tone?: AgentSuggestionTone;\n  /**\n   * Leading icon. Pass `null` to hide.\n   * When omitted, an outlined semantic icon matching `tone` is shown.\n   */\n  icon?: ReactNode | null;\n  /** When set, renders a dismiss control. */\n  onDismiss?: () => void;\n  /** Accessible label for the dismiss control. @default \"Dismiss\" */\n  dismissLabel?: string;\n  /** Override the default accessible role. Error defaults to alert; other tones use status. */\n  role?: AriaRole;\n  className?: string;\n  style?: CSSProperties;\n}\n\n/** CaptableAI blue→purple left accent for the info tone (scheme-aware). */\nfunction useCaptableAiInfoAccent() {\n  const theme = useMantineTheme();\n  const scheme = useComputedColorScheme(\"light\");\n  const dark = scheme === \"dark\";\n  const blue = dark ? theme.colors.fairmintBlue[3] : brandColors.blue;\n  const purple = dark ? theme.colors.fairmintPurple[2] : brandColors.purple;\n  return `linear-gradient(180deg, ${blue} 0%, ${purple} 100%)`;\n}\n\nconst iconSvgProps = {\n  width: 16,\n  height: 16,\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 as const,\n  focusable: \"false\" as const,\n};\n\nfunction ToneIcon({ tone }: { tone: AgentSuggestionTone }) {\n  if (tone === \"warning\") {\n    return (\n      <svg {...iconSvgProps} data-fairmint-suggestion-icon=\"warning\">\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 {...iconSvgProps} data-fairmint-suggestion-icon=\"error\">\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 {...iconSvgProps} data-fairmint-suggestion-icon=\"info\">\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\nfunction toneIconColor(tone: AgentSuggestionTone): string {\n  if (tone === \"warning\") return fairmintVars.colorWarningText;\n  if (tone === \"error\") return fairmintVars.colorErrorText;\n  return fairmintVars.colorInfoText;\n}\n\nfunction DismissIcon() {\n  return (\n    <svg\n      aria-hidden=\"true\"\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 24 24\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"2\"\n      strokeLinecap=\"round\"\n      strokeLinejoin=\"round\"\n    >\n      <path d=\"M18 6 6 18\" />\n      <path d=\"m6 6 12 12\" />\n    </svg>\n  );\n}\n\n/**\n * Dense, agent-originated review note. Distinct from Alert/Banner so stacked\n * suggestions do not compete with a single page-level severity summary.\n *\n * Pattern candidate: compose a list of `AgentSuggestion` under one parent\n * Alert or Banner (\"N suggestions need review\") — never N banners.\n */\nexport function AgentSuggestion({\n  title,\n  message,\n  tone = \"info\",\n  icon,\n  onDismiss,\n  dismissLabel = \"Dismiss\",\n  role,\n  className,\n  style,\n}: AgentSuggestionProps) {\n  const infoAccent = useCaptableAiInfoAccent();\n  const resolvedRole = role ?? (tone === \"error\" ? \"alert\" : \"status\");\n  const resolvedIcon = icon === null ? null : (icon ?? <ToneIcon tone={tone} />);\n\n  // Warning accent shares the border token so the strip reads orange (not the\n  // red-adjacent Solid). Error keeps Solid — in dark it matches the border.\n  const surface =\n    tone === \"warning\"\n      ? {\n          background: \"transparent\",\n          border: fairmintVars.colorWarningBorder,\n          accent: fairmintVars.colorWarningBorder,\n        }\n      : tone === \"error\"\n        ? {\n            background: \"transparent\",\n            border: fairmintVars.colorErrorBorder,\n            accent: fairmintVars.colorErrorSolid,\n          }\n        : {\n            background: \"transparent\",\n            border: fairmintVars.colorBorderDefault,\n            accent: infoAccent,\n          };\n\n  return (\n    <Box\n      className={className}\n      role={resolvedRole}\n      data-tone={tone}\n      style={{\n        position: \"relative\",\n        display: \"flex\",\n        alignItems: \"flex-start\",\n        gap: spacing.xs,\n        backgroundColor: surface.background,\n        border: `1px solid ${surface.border}`,\n        borderRadius: 2,\n        paddingBlock: spacing.xs,\n        paddingInlineStart: spacing.sm,\n        paddingInlineEnd: spacing.xs,\n        overflow: \"hidden\",\n        ...style,\n      }}\n    >\n      <Box\n        aria-hidden\n        data-accent=\"\"\n        style={{\n          position: \"absolute\",\n          insetBlock: 0,\n          insetInlineStart: 0,\n          width: 3,\n          background: surface.accent,\n          // No own radius — container overflow:hidden + borderRadius:2 clips flush.\n        }}\n      />\n\n      {resolvedIcon ? (\n        <Box\n          style={{\n            display: \"flex\",\n            flexShrink: 0,\n            marginTop: 2,\n            width: 16,\n            height: 16,\n            color: toneIconColor(tone),\n          }}\n        >\n          {resolvedIcon}\n        </Box>\n      ) : null}\n\n      <Stack gap={4} style={{ flex: 1, minWidth: 0 }}>\n        <Text size=\"sm\" fw={500} c={fairmintVars.colorTextPrimary} lh={1.3}>\n          {title}\n        </Text>\n        {message ? (\n          <Text size=\"xs\" c={fairmintVars.colorTextSecondary} lh={1.4}>\n            {message}\n          </Text>\n        ) : null}\n      </Stack>\n\n      {onDismiss ? (\n        <Tooltip label={dismissLabel} withArrow position=\"top\">\n          <ActionIcon\n            size=\"sm\"\n            variant=\"subtle\"\n            color=\"gray\"\n            aria-label={dismissLabel}\n            onClick={onDismiss}\n            style={{ flexShrink: 0, marginTop: -2 }}\n          >\n            <DismissIcon />\n          </ActionIcon>\n        </Tooltip>\n      ) : null}\n    </Box>\n  );\n}\n\n/** Convenience stack for composing multiple agent suggestions without inventing layout. */\nexport interface AgentSuggestionListProps {\n  children: ReactNode;\n  gap?: number | string;\n  className?: string;\n}\n\nexport function AgentSuggestionList({\n  children,\n  gap = spacing.xs,\n  className,\n}: AgentSuggestionListProps) {\n  return (\n    <Stack gap={gap} className={className}>\n      {children}\n    </Stack>\n  );\n}\n"],"names":[],"mappings":"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"}