@carto/meridian-ds 3.0.2-alpha.e0198a6.235 → 3.0.2-alpha.e34a00a.237

package/ai-metadata/generated/metadata.json

@@ -0,0 +1,261 @@
+{
+  "version": "3.0.2-alpha.e34a00a.237",
+  "conventions": "# Meridian usage conventions (for code-generating agents)\n\nSystem-level rules an agent should apply across all components. These are the\ncross-cutting opinions that don't belong to any single component, so they live\nhere once instead of being copied into every component's metadata.\n\n## Choosing a component\n\n- Prefer a Meridian component over a bare MUI one whenever a Meridian wrapper\n  exists — the wrappers carry CARTO theming, a11y defaults, and narrowed APIs.\n- Resolve \"which component\" by reading each one's `description` + `keywords`,\n  then confirm with its `alternatives`. Don't infer selection from prop lists.\n\n## Accessibility\n\n- Any icon-only control needs an accessible name: `tooltip` or `aria-label`.\n- Don't disable a control without telling the user why — pair a disabled action\n  with a tooltip explaining the requirement.\n\n## Props\n\n- Exact props, types, and JSDoc come from the package's type declarations —\n  `import` the component and let your IDE/tsc show the signature. Don't guess a\n  prop name; the compiler validates it.\n- A component's curation lists the high-value inherited MUI props worth knowing\n  (`curation.mui`, e.g. `color`/`variant`/`size`); the rest of MUI's surface is\n  available but rarely needed.\n- Never pass `sx`/inline styles to restyle a component; use its documented props\n  and the theme tokens.\n\n## Examples\n\n- Canonical, tested usage lives in the component's Storybook stories. Call\n  `meridian_get_examples` for a component to get that source — never invent example\n  code when a story exists.\n",
+  "components": [
+    {
+      "name": "Button",
+      "description": "Standard action button for user-triggered actions. Supports loading state and rendering as an external link.",
+      "curation": {
+        "keywords": [
+          "button",
+          "action",
+          "submit",
+          "cta",
+          "call to action",
+          "primary action",
+          "click"
+        ],
+        "mui": [
+          "color",
+          "variant",
+          "size",
+          "startIcon",
+          "endIcon",
+          "fullWidth",
+          "disabled",
+          "href"
+        ],
+        "alternatives": [
+          {
+            "when": "The action is icon-only with no text label",
+            "use": "IconButton"
+          },
+          {
+            "when": "One primary action plus a menu of related actions",
+            "use": "SplitButton"
+          },
+          {
+            "when": "Navigating to a URL rather than triggering an action",
+            "use": "Link"
+          },
+          {
+            "when": "Toggling an on/off state",
+            "use": "ToggleButton",
+            "mui": true
+          }
+        ],
+        "gotchas": [
+          "Set `loading` during async work; pair with `loadingPosition` to keep a start/end icon visible.",
+          "For external links set `external` + `href` — it opens in a new tab and appends an external icon."
+        ]
+      },
+      "examples": [
+        {
+          "name": "Playground",
+          "id": "button--playground",
+          "code": "export const Playground = {\n  render: PlaygroundTemplate,\n  args: { children: 'Button text' },\n  parameters: {\n    ...interactiveStoryParameters,\n  },\n}"
+        },
+        {
+          "name": "Guide",
+          "id": "button--guide",
+          "code": "export const Guide = {\n  render: DocTemplate,\n  parameters: {\n    ...documentationStoryParameters,\n  },\n}"
+        },
+        {
+          "name": "Variants",
+          "id": "button--variants",
+          "code": "export const Variants = {\n  render: AllVariantsTemplate,\n}"
+        },
+        {
+          "name": "Colors",
+          "id": "button--colors",
+          "code": "export const Colors = {\n  render: AllColorsTemplate,\n}"
+        },
+        {
+          "name": "Behavior",
+          "id": "button--behavior",
+          "code": "export const Behavior = {\n  render: BehaviorTemplate,\n  args: { children: 'Button text' },\n}"
+        },
+        {
+          "name": "ExternalLink",
+          "id": "button--external-link",
+          "code": "export const ExternalLink = {\n  render: ExternalLinkTemplate,\n  args: {\n    children: 'External Button',\n    href: 'https://carto.com',\n    external: true,\n  },\n}"
+        },
+        {
+          "name": "PseudoHover",
+          "id": "button--pseudo-hover",
+          "code": "export const PseudoHover = {\n  render: AllColorsTemplate,\n  ...pseudoStory({ hover: true }),\n}"
+        },
+        {
+          "name": "PseudoFocusVisible",
+          "id": "button--pseudo-focus-visible",
+          "code": "export const PseudoFocusVisible = {\n  render: AllColorsTemplate,\n  ...pseudoStory({ focusVisible: PSEUDO_SELECTORS.buttonBase }),\n}"
+        }
+      ]
+    },
+    {
+      "name": "IconButton",
+      "description": "Compact icon-only button for actions where a label would add noise (toolbars, table rows, close affordances). Supports tooltip, loading state, and multiple visual variants. Always provide an accessible label via tooltip or aria-label.",
+      "curation": {
+        "keywords": [
+          "icon button",
+          "icon action",
+          "icon click",
+          "icon-only",
+          "toolbar button",
+          "close button",
+          "delete icon",
+          "edit icon",
+          "round button"
+        ],
+        "mui": [
+          "color",
+          "disabled",
+          "size"
+        ],
+        "alternatives": [
+          {
+            "when": "The action benefits from a visible text label",
+            "use": "Button"
+          },
+          {
+            "when": "The control toggles between selected/unselected states",
+            "use": "ToggleButton",
+            "mui": true
+          }
+        ],
+        "gotchas": [
+          "Always provide `tooltip` (or an aria-label) — an icon-only button has no accessible name otherwise; the tooltip works even when disabled.",
+          "The `active` prop is deprecated; use ToggleButton for on/off state.",
+          "Use `loading` for async actions — it swaps the icon for a spinner and disables the button."
+        ]
+      },
+      "examples": [
+        {
+          "name": "Playground",
+          "id": "icon-button--playground",
+          "code": "export const Playground = {\n  render: PlaygroundTemplate,\n  args: { label: 'Icon Button' },\n  parameters: {\n    ...interactiveStoryParameters,\n  },\n}"
+        },
+        {
+          "name": "Tooltip",
+          "id": "icon-button--tooltip",
+          "code": "export const Tooltip = {\n  render: TooltipsTemplate,\n  argTypes: {\n    tooltip: { table: { disable: true } },\n    tooltipPlacement: { table: { disable: true } },\n    disabled: { table: { disable: true } },\n  },\n}"
+        },
+        {
+          "name": "InteractionTooltipEnabled",
+          "id": "icon-button--interaction-tooltip-enabled",
+          "code": "export const InteractionTooltipEnabled = {\n  render: (args: IconButtonProps) => (\n    <Box mt={6}>\n      <IconButton {...args} icon={<CheckCircleOutlined />} tooltip='Save' />\n    </Box>\n  ),\n  tags: ['interaction'],\n  argTypes: disabledTooltipArgTypes,\n  parameters: {\n    ...chromaticTransitionDelay,\n  },\n  play: async ({ canvasElement }: { canvasElement: HTMLElement }) => {\n    const canvas = within(canvasElement)\n    const button = canvas.getByRole('button', { name: 'Save' })\n    await expect(button).toBeEnabled()\n    await expectTooltipOnHover(button, /^Save$/)\n  },\n}"
+        },
+        {
+          "name": "InteractionTooltipDisabled",
+          "id": "icon-button--interaction-tooltip-disabled",
+          "code": "export const InteractionTooltipDisabled = {\n  render: (args: IconButtonProps) => (\n    <Box mt={6}>\n      <IconButton\n        {...args}\n        icon={<CheckCircleOutlined />}\n        disabled\n        tooltip='Delete'\n        tooltipPlacement='bottom'\n      />\n    </Box>\n  ),\n  tags: ['interaction'],\n  argTypes: disabledTooltipArgTypes,\n  parameters: {\n    ...chromaticTransitionDelay,\n    docs: {\n      description: {\n        story:\n          'A disabled IconButton still surfaces its tooltip — MUI wraps disabled buttons in a span so hover events reach the Tooltip. `tooltipPlacement=\"bottom\"` shifts the tooltip below the button.',\n      },\n    },\n  },\n  play: async ({ canvasElement }: { canvasElement: HTMLElement }) => {\n    const canvas = within(canvasElement)\n    const button = canvas.getByRole('button', { name: 'Delete' })\n    await expect(button).toBeDisabled()\n    await expectTooltipOnHover(button, /^Delete$/)\n  },\n}"
+        },
+        {
+          "name": "Variants",
+          "id": "icon-button--variants",
+          "code": "export const Variants = {\n  render: VariantTemplate,\n}"
+        },
+        {
+          "name": "Colors",
+          "id": "icon-button--colors",
+          "code": "export const Colors = {\n  render: ColorsTemplate,\n  argTypes: {\n    color: { table: { disable: true } },\n  },\n}"
+        },
+        {
+          "name": "AccessibilityGuide",
+          "id": "icon-button--accessibility-guide",
+          "code": "export const AccessibilityGuide = {\n  render: AccessibilityGuideTemplate,\n  parameters: {\n    controls: { disable: true },\n    docs: {\n      description: {\n        story: 'Guidelines for making IconButtons accessible and testable.',\n      },\n      canvas: { sourceState: 'hidden' },\n    },\n    chromatic: { disableSnapshot: true },\n  },\n}"
+        },
+        {
+          "name": "PseudoHover",
+          "id": "icon-button--pseudo-hover",
+          "code": "export const PseudoHover = {\n  render: ColorsTemplate,\n  ...pseudoStory({ hover: true }),\n}"
+        },
+        {
+          "name": "PseudoFocusVisible",
+          "id": "icon-button--pseudo-focus-visible",
+          "code": "export const PseudoFocusVisible = {\n  render: ColorsTemplate,\n  ...pseudoStory({ focusVisible: PSEUDO_SELECTORS.buttonBase }),\n}"
+        }
+      ]
+    },
+    {
+      "name": "SplitButton",
+      "description": "Button paired with a dropdown of related alternative actions. The first option is the default click action; the dropdown exposes the rest. Use when there is one primary action plus a small set of close variants (e.g. Save / Save as / Save and close).",
+      "curation": {
+        "keywords": [
+          "dropdown",
+          "dropdown button",
+          "button group",
+          "action dropdown",
+          "menu",
+          "picker",
+          "chooser",
+          "select action",
+          "split button",
+          "action menu",
+          "more actions",
+          "export options"
+        ],
+        "alternatives": [
+          {
+            "when": "There is only one action",
+            "use": "Button"
+          },
+          {
+            "when": "The action is icon-only",
+            "use": "IconButton"
+          },
+          {
+            "when": "Selecting a value rather than triggering an action",
+            "use": "SelectField"
+          }
+        ],
+        "gotchas": [
+          "Pass `options` as an array of `{ label }` objects; `onClick` receives the chosen option.",
+          "Visual props (`variant`, `size`, `loading`) mirror Button."
+        ]
+      },
+      "examples": [
+        {
+          "name": "Playground",
+          "id": "split-button--playground",
+          "code": "export const Playground = {\n  render: PlaygroundTemplate,\n  parameters: {\n    ...interactiveStoryParameters,\n  },\n}"
+        },
+        {
+          "name": "Interaction",
+          "id": "split-button--interaction",
+          "code": "export const Interaction = {\n  render: PlaygroundTemplate,\n  tags: ['interaction', '!autodocs'],\n  play: async ({ canvasElement }: { canvasElement: HTMLElement }) => {\n    const canvas = within(canvasElement)\n\n    // Main action shows the currently selected option label (first by default).\n    await expect(canvas.getByRole('button', { name: 'Item 1' })).toBeVisible()\n\n    // Toggle button uses the translated `Show options` aria-label.\n    const toggle = canvas.getByRole('button', { name: /show options/i })\n    await expectTooltipOnHover(toggle, /^Show options$/)\n\n    await userEvent.click(toggle)\n    const menu = await screen.findByRole('menu')\n    await waitFor(() => expect(menu).toBeVisible())\n\n    await userEvent.click(\n      within(menu).getByRole('menuitem', { name: 'Item 2' }),\n    )\n    await waitFor(() =>\n      expect(screen.queryByRole('menu')).not.toBeInTheDocument(),\n    )\n    await expect(canvas.getByRole('button', { name: 'Item 2' })).toBeVisible()\n  },\n}"
+        },
+        {
+          "name": "InteractionDisabledTooltip",
+          "id": "split-button--interaction-disabled-tooltip",
+          "code": "export const InteractionDisabledTooltip = {\n  render: PlaygroundTemplate,\n  tags: ['interaction', '!autodocs'],\n  args: { disabled: true },\n  parameters: {\n    ...chromaticTransitionDelay,\n    docs: {\n      description: {\n        story:\n          'A disabled SplitButton still surfaces its toggle tooltip — the toggle Button is wrapped in a span so MUI Tooltip can listen to events even when the underlying button is disabled.',\n      },\n    },\n  },\n  play: async ({ canvasElement }: { canvasElement: HTMLElement }) => {\n    const canvas = within(canvasElement)\n    const toggle = canvas.getByRole('button', { name: /show options/i })\n    await expect(toggle).toBeDisabled()\n    await expectTooltipOnHover(toggle, /^Show options$/)\n  },\n}"
+        },
+        {
+          "name": "Guide",
+          "id": "split-button--guide",
+          "code": "export const Guide = {\n  render: DocTemplate,\n  parameters: {\n    ...documentationStoryParameters,\n  },\n}"
+        },
+        {
+          "name": "Variants",
+          "id": "split-button--variants",
+          "code": "export const Variants = {\n  render: AllVariantsTemplate,\n}"
+        },
+        {
+          "name": "States",
+          "id": "split-button--states",
+          "code": "export const States = {\n  render: StatesTemplate,\n}"
+        },
+        {
+          "name": "Colors",
+          "id": "split-button--colors",
+          "code": "export const Colors = {\n  render: AllColorsTemplate,\n}"
+        },
+        {
+          "name": "PseudoHover",
+          "id": "split-button--pseudo-hover",
+          "code": "export const PseudoHover = {\n  render: AllVariantsAndColorsTemplate,\n  ...pseudoStory({ hover: true }),\n}"
+        }
+      ]
+    }
+  ]
+}

package/dist/bin/meridian-ds-mcp.js

@@ -0,0 +1,212 @@
+#!/usr/bin/env node
+
+// ai-metadata/mcp/server.ts
+import * as fs from "fs";
+import * as path from "path";
+import { fileURLToPath } from "url";
+import { createRequire } from "module";
+var __dirname = path.dirname(fileURLToPath(import.meta.url));
+function resolveBundlePath() {
+  if (process.env.MERIDIAN_DS_METADATA) return process.env.MERIDIAN_DS_METADATA;
+  try {
+    return createRequire(import.meta.url).resolve("@carto/meridian-ds/metadata");
+  } catch {
+    let dir = __dirname;
+    for (let i = 0; i < 6; i++) {
+      const candidate = path.join(
+        dir,
+        "ai-metadata",
+        "generated",
+        "metadata.json"
+      );
+      if (fs.existsSync(candidate)) return candidate;
+      dir = path.dirname(dir);
+    }
+    return path.resolve(__dirname, "..", "generated", "metadata.json");
+  }
+}
+var DOCS = [];
+var CONVENTIONS = "";
+var VERSION = "0.0.0";
+var TOOLS = [
+  {
+    name: "meridian_list_components",
+    description: "List all Meridian components with their description, search keywords, and example count. Start here: the catalog is small, so read it and pick the component whose description/keywords match your need.",
+    inputSchema: {
+      type: "object",
+      properties: {},
+      additionalProperties: false
+    }
+  },
+  {
+    name: "meridian_get_component",
+    description: "Curation for one component \u2014 when to use it, alternatives, gotchas, the high-value inherited MUI props worth knowing (curation.mui), and its example story ids. Props & exact types come from the package .d.ts (import the component; your IDE/tsc has them). Call meridian_get_examples for example code.",
+    inputSchema: {
+      type: "object",
+      properties: {
+        name: { type: "string", description: 'Component name, e.g. "Button"' }
+      },
+      required: ["name"],
+      additionalProperties: false
+    }
+  },
+  {
+    name: "meridian_get_examples",
+    description: "Real, copy-able example code for a component (one entry per Storybook story: name, id, source), shipped in the package.",
+    inputSchema: {
+      type: "object",
+      properties: {
+        name: { type: "string", description: 'Component name, e.g. "Button"' }
+      },
+      required: ["name"],
+      additionalProperties: false
+    }
+  },
+  {
+    name: "meridian_get_conventions",
+    description: "System-wide Meridian usage conventions an agent should apply when generating code (selection, a11y, props, examples).",
+    inputSchema: {
+      type: "object",
+      properties: {},
+      additionalProperties: false
+    }
+  }
+];
+var find = (name) => DOCS.find((d) => d.name.toLowerCase() === String(name).toLowerCase());
+var notFound = (name) => ({
+  error: `Unknown component "${name}". Available: ${DOCS.map((d) => d.name).join(", ")}`
+});
+function listComponents() {
+  return DOCS.map((d) => ({
+    name: d.name,
+    description: d.description,
+    keywords: d.curation.keywords ?? [],
+    examples: d.examples.length
+  }));
+}
+function getComponent(name) {
+  const doc = find(name);
+  if (!doc) return notFound(name);
+  return {
+    name: doc.name,
+    description: doc.description,
+    curation: doc.curation,
+    props: {
+      note: "Own props + exact types/JSDoc come from the package's type declarations \u2014 `import { " + doc.name + " } from '@carto/meridian-ds/components'` and your IDE/tsc shows the full signature. High-value inherited MUI props are in `curation.mui` (e.g. color, variant, size).",
+      promotedMuiProps: doc.curation.mui ?? []
+    },
+    examples: {
+      note: "Call meridian_get_examples for the source code of these stories.",
+      storyIds: doc.examples.map((e) => e.id)
+    }
+  };
+}
+function getComponentExamples(name) {
+  const doc = find(name);
+  if (!doc) return notFound(name);
+  return { component: doc.name, examples: doc.examples };
+}
+function callTool(name, args) {
+  switch (name) {
+    case "meridian_list_components":
+      return listComponents();
+    case "meridian_get_component":
+      return getComponent(String(args.name ?? ""));
+    case "meridian_get_examples":
+      return getComponentExamples(String(args.name ?? ""));
+    case "meridian_get_conventions":
+      return { conventions: CONVENTIONS };
+    default:
+      throw new Error(`Unknown tool: ${name}`);
+  }
+}
+function send(msg) {
+  process.stdout.write(JSON.stringify(msg) + "\n");
+}
+function handle(req) {
+  const { id, method, params } = req;
+  const reply = (result) => send({ jsonrpc: "2.0", id, result });
+  switch (method) {
+    case "initialize":
+      return reply({
+        protocolVersion: "2024-11-05",
+        capabilities: { tools: {} },
+        serverInfo: { name: "meridian-design-system", version: VERSION }
+      });
+    case "notifications/initialized":
+      return;
+    // notification, no response
+    case "ping":
+      return reply({});
+    case "tools/list":
+      return reply({ tools: TOOLS });
+    case "tools/call":
+      try {
+        const result = callTool(params?.name, params?.arguments ?? {});
+        return reply({
+          content: [{ type: "text", text: JSON.stringify(result, null, 2) }]
+        });
+      } catch (err) {
+        return reply({
+          content: [{ type: "text", text: `Error: ${err.message}` }],
+          isError: true
+        });
+      }
+    default:
+      if (id !== void 0) {
+        send({
+          jsonrpc: "2.0",
+          id,
+          error: { code: -32601, message: `Method not found: ${method}` }
+        });
+      }
+  }
+}
+function load() {
+  const bundlePath = resolveBundlePath();
+  if (!fs.existsSync(bundlePath)) {
+    throw new Error(
+      `metadata bundle not found at ${bundlePath}. In the Meridian repo run \`yarn metadata:build\`; in a consumer it ships with @carto/meridian-ds.`
+    );
+  }
+  const bundle = JSON.parse(
+    fs.readFileSync(bundlePath, "utf8")
+  );
+  DOCS = bundle.components;
+  CONVENTIONS = bundle.conventions;
+  VERSION = bundle.version;
+  process.stderr.write(
+    `[meridian-design-system] v${VERSION} ready: ${DOCS.map((d) => d.name).join(", ")}
+`
+  );
+}
+function main() {
+  load();
+  let buf = "";
+  process.stdin.setEncoding("utf8");
+  process.stdin.on("data", (chunk) => {
+    buf += chunk;
+    let nl;
+    while ((nl = buf.indexOf("\n")) >= 0) {
+      const line = buf.slice(0, nl).trim();
+      buf = buf.slice(nl + 1);
+      if (!line) continue;
+      try {
+        handle(JSON.parse(line));
+      } catch (err) {
+        process.stderr.write(
+          `[meridian-design-system] bad message: ${err.message}
+`
+        );
+      }
+    }
+  });
+  process.stdin.on("end", () => process.exit(0));
+}
+try {
+  main();
+} catch (err) {
+  process.stderr.write(`[meridian-design-system] fatal: ${err}
+`);
+  process.exit(1);
+}

package/dist/components/index.cjs

@@ -4755,7 +4755,7 @@ const Root$1 = material.styled(material.Stack, {
   height: contentHeight,
   minHeight: contentHeight
 }));
-const IconWrapper$1 = material.styled(material.Box, {
+const IconWrapper = material.styled(material.Box, {
   shouldForwardProp: (prop) => prop !== "size" && prop !== "iconSize" && prop !== "iconColor"
 })(({ size, iconSize, iconColor, theme }) => {
   const finalIconSize = iconSize ?? (size === "small" ? theme.spacing(5) : theme.spacing(6));
@@ -4830,7 +4830,7 @@ function _EmptyState({
       "data-icon-size": iconSize,
       "data-icon-color": iconColor ?? "null",
       children: [
-        icon && /* @__PURE__ */ jsxRuntime.jsx(IconWrapper$1, { size, iconSize, iconColor, children: icon }),
+        icon && /* @__PURE__ */ jsxRuntime.jsx(IconWrapper, { size, iconSize, iconColor, children: icon }),
         hasAnyTextContent && /* @__PURE__ */ jsxRuntime.jsxs(TextContent, { contentWidth, children: [
           title && /* @__PURE__ */ jsxRuntime.jsx(
             paletteUtils.Typography,
@@ -4986,122 +4986,6 @@ function _Avatar({
   );
 }
 const Avatar = React.forwardRef(_Avatar);
-const BACKGROUND_ALPHA = 0.2;
-const PADDED_ICON_SIZE = {
-  12: paletteUtils.ICON_SIZE_SMALL,
-  18: paletteUtils.ICON_SIZE_SMALL,
-  24: paletteUtils.ICON_SIZE_MEDIUM,
-  32: paletteUtils.ICON_SIZE_MEDIUM,
-  40: paletteUtils.ICON_SIZE_LARGE,
-  48: paletteUtils.ICON_SIZE_LARGE
-};
-const NAMED_SCHEMES = ["default", "primary", "secondary"];
-function isNamedScheme(color) {
-  return NAMED_SCHEMES.includes(color);
-}
-function radiusFor(shape, theme) {
-  if (shape === "circular") return "50%";
-  if (shape === "rounded") return theme.spacing(0.5);
-  return 0;
-}
-function colorStyles({
-  color,
-  background,
-  disabled,
-  theme
-}) {
-  if (disabled) {
-    return {
-      color: theme.palette.text.disabled,
-      ...background && {
-        backgroundColor: theme.palette.action.disabledBackground
-      }
-    };
-  }
-  if (isNamedScheme(color)) {
-    const scheme = {
-      default: {
-        icon: theme.palette.text.secondary,
-        bg: theme.palette.default.background
-      },
-      primary: {
-        icon: theme.palette.primary.main,
-        bg: theme.palette.primary.background
-      },
-      secondary: {
-        icon: theme.palette.secondary.dark,
-        bg: theme.palette.secondary.background
-      }
-    }[color];
-    return {
-      color: scheme.icon,
-      ...background && { backgroundColor: scheme.bg }
-    };
-  }
-  return {
-    color,
-    ...background && { backgroundColor: material.alpha(color, BACKGROUND_ALPHA) }
-  };
-}
-const IconWrapperRoot = material.styled("span", {
-  shouldForwardProp: (prop) => !["size", "shape", "color", "background", "padding", "border"].includes(
-    prop
-  )
-})(({ theme, size, shape, color, background, padding, border, disabled }) => {
-  const iconSize = padding ? PADDED_ICON_SIZE[size] : `${size}px`;
-  return {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    boxSizing: "border-box",
-    flexShrink: 0,
-    width: size,
-    height: size,
-    borderRadius: radiusFor(shape, theme),
-    ...border && { border: `1px solid ${theme.palette.divider}` },
-    ...colorStyles({ color, background, disabled: !!disabled, theme }),
-    "& svg": {
-      width: iconSize,
-      height: iconSize,
-      fontSize: iconSize,
-      color: "inherit",
-      fill: "currentColor"
-    }
-  };
-});
-function _IconWrapper({
-  children,
-  size = 24,
-  shape = "rounded",
-  color = "default",
-  background = false,
-  padding = false,
-  border = false,
-  disabled = false,
-  ...otherProps
-}, ref) {
-  return /* @__PURE__ */ jsxRuntime.jsx(
-    IconWrapperRoot,
-    {
-      ref,
-      size,
-      shape,
-      color,
-      background,
-      padding,
-      border,
-      disabled,
-      "aria-disabled": disabled,
-      "data-name": "icon-wrapper",
-      "data-size": size,
-      "data-shape": shape,
-      ...otherProps,
-      children
-    }
-  );
-}
-const IconWrapper = React.forwardRef(_IconWrapper);
-IconWrapper.displayName = "IconWrapper";
 const StyledMenu = material.styled(material.Menu, {
   shouldForwardProp: (prop) => !["extended", "width", "height"].includes(prop)
 })(({ extended, width, height }) => ({
@@ -7166,7 +7050,6 @@ exports.EllipsisWithTooltip = EllipsisWithTooltip;
 exports.EmptyState = EmptyState;
 exports.FilterDropdown = FilterDropdown;
 exports.FilterDropdownMenuItem = FilterDropdownMenuItem;
-exports.IconWrapper = IconWrapper;
 exports.LabelWithIndicator = LabelWithIndicator;
 exports.ListItemIcon = ListItemIcon;
 exports.ListItemRightContent = ListItemRightContent;

package/dist/components/index.js

@@ -3,7 +3,7 @@ import React, { forwardRef, useState, useRef, useEffect, useMemo, createElement,
 import { styled, Box, Button as Button$1, CircularProgress as CircularProgress$1, Tooltip, Popper, Grow, Paper, ClickAwayListener, MenuList as MenuList$1, MenuItem, ButtonGroup as ButtonGroup$1, TextField, InputAdornment, Select, FormControl, InputLabel, FormHelperText, Link, Checkbox, IconButton as IconButton$1, ListItemText as ListItemText$1, ToggleButtonGroup as ToggleButtonGroup$1, Stack, Autocomplete as Autocomplete$1, Divider, ListItemIcon as ListItemIcon$1, createFilterOptions, alpha, useTheme, AppBar as AppBar$1, Toolbar as Toolbar$1, Dialog as Dialog$1, DialogTitle as DialogTitle$1, Chip as Chip$1, DialogContent as DialogContent$1, DialogActions as DialogActions$1, Slide, Accordion, AccordionSummary, AccordionDetails, Avatar as Avatar$1, Menu as Menu$2, useMediaQuery, Snackbar as Snackbar$1, Portal, Fade, ListSubheader as ListSubheader$1, Typography as Typography$1, Popover } from "@mui/material";
 import { ListItemAvatar, ListItemSecondaryAction } from "@mui/material";
 import { OpenInNewOutlined, VisibilityOffOutlined, VisibilityOutlined, Cancel, ContentCopyOutlined, AddCircleOutlineOutlined, MenuOutlined, MoreVertOutlined, HelpOutline, ErrorOutline, CloseOutlined, ArrowBackOutlined, Check, TodayOutlined, StopCircleOutlined, ArrowUpwardOutlined } from "@mui/icons-material";
-import { u as useTranslationWithFallback, T as Typography, c as ICON_SIZE_SMALL, o as IconButton, f as MENU_ITEM_SIZE_DENSE, d as MENU_LIST_MAX_SIZE, l as MENU_ITEM_SIZE_EXTENDED, M as MENU_ITEM_SIZE_DEFAULT, A as APPBAR_SIZE, p as useImperativeIntl, b as ICON_SIZE_MEDIUM, I as ICON_SIZE_LARGE, N as NOTIFICATION_DURATION_IN_MS, e as ellipsisStyles, r as resolvePalettePath } from "../palette-utils-gZwK5wCD.js";
+import { u as useTranslationWithFallback, T as Typography, c as ICON_SIZE_SMALL, o as IconButton, f as MENU_ITEM_SIZE_DENSE, d as MENU_LIST_MAX_SIZE, l as MENU_ITEM_SIZE_EXTENDED, M as MENU_ITEM_SIZE_DEFAULT, A as APPBAR_SIZE, p as useImperativeIntl, b as ICON_SIZE_MEDIUM, N as NOTIFICATION_DURATION_IN_MS, e as ellipsisStyles, r as resolvePalettePath } from "../palette-utils-gZwK5wCD.js";
 import { a } from "../palette-utils-gZwK5wCD.js";
 import { S as ScreenReaderOnly, A as Alert$1, u as useListContextProps } from "../ListItem-CW7C1948.js";
 import { L, a as a2, b, c, d } from "../ListItem-CW7C1948.js";
@@ -4739,7 +4739,7 @@ const Root$1 = styled(Stack, {
   height: contentHeight,
   minHeight: contentHeight
 }));
-const IconWrapper$1 = styled(Box, {
+const IconWrapper = styled(Box, {
   shouldForwardProp: (prop) => prop !== "size" && prop !== "iconSize" && prop !== "iconColor"
 })(({ size, iconSize, iconColor, theme }) => {
   const finalIconSize = iconSize ?? (size === "small" ? theme.spacing(5) : theme.spacing(6));
@@ -4814,7 +4814,7 @@ function _EmptyState({
       "data-icon-size": iconSize,
       "data-icon-color": iconColor ?? "null",
       children: [
-        icon && /* @__PURE__ */ jsx(IconWrapper$1, { size, iconSize, iconColor, children: icon }),
+        icon && /* @__PURE__ */ jsx(IconWrapper, { size, iconSize, iconColor, children: icon }),
         hasAnyTextContent && /* @__PURE__ */ jsxs(TextContent, { contentWidth, children: [
           title && /* @__PURE__ */ jsx(
             Typography,
@@ -4970,122 +4970,6 @@ function _Avatar({
   );
 }
 const Avatar = forwardRef(_Avatar);
-const BACKGROUND_ALPHA = 0.2;
-const PADDED_ICON_SIZE = {
-  12: ICON_SIZE_SMALL,
-  18: ICON_SIZE_SMALL,
-  24: ICON_SIZE_MEDIUM,
-  32: ICON_SIZE_MEDIUM,
-  40: ICON_SIZE_LARGE,
-  48: ICON_SIZE_LARGE
-};
-const NAMED_SCHEMES = ["default", "primary", "secondary"];
-function isNamedScheme(color) {
-  return NAMED_SCHEMES.includes(color);
-}
-function radiusFor(shape, theme) {
-  if (shape === "circular") return "50%";
-  if (shape === "rounded") return theme.spacing(0.5);
-  return 0;
-}
-function colorStyles({
-  color,
-  background,
-  disabled,
-  theme
-}) {
-  if (disabled) {
-    return {
-      color: theme.palette.text.disabled,
-      ...background && {
-        backgroundColor: theme.palette.action.disabledBackground
-      }
-    };
-  }
-  if (isNamedScheme(color)) {
-    const scheme = {
-      default: {
-        icon: theme.palette.text.secondary,
-        bg: theme.palette.default.background
-      },
-      primary: {
-        icon: theme.palette.primary.main,
-        bg: theme.palette.primary.background
-      },
-      secondary: {
-        icon: theme.palette.secondary.dark,
-        bg: theme.palette.secondary.background
-      }
-    }[color];
-    return {
-      color: scheme.icon,
-      ...background && { backgroundColor: scheme.bg }
-    };
-  }
-  return {
-    color,
-    ...background && { backgroundColor: alpha(color, BACKGROUND_ALPHA) }
-  };
-}
-const IconWrapperRoot = styled("span", {
-  shouldForwardProp: (prop) => !["size", "shape", "color", "background", "padding", "border"].includes(
-    prop
-  )
-})(({ theme, size, shape, color, background, padding, border, disabled }) => {
-  const iconSize = padding ? PADDED_ICON_SIZE[size] : `${size}px`;
-  return {
-    display: "inline-flex",
-    alignItems: "center",
-    justifyContent: "center",
-    boxSizing: "border-box",
-    flexShrink: 0,
-    width: size,
-    height: size,
-    borderRadius: radiusFor(shape, theme),
-    ...border && { border: `1px solid ${theme.palette.divider}` },
-    ...colorStyles({ color, background, disabled: !!disabled, theme }),
-    "& svg": {
-      width: iconSize,
-      height: iconSize,
-      fontSize: iconSize,
-      color: "inherit",
-      fill: "currentColor"
-    }
-  };
-});
-function _IconWrapper({
-  children,
-  size = 24,
-  shape = "rounded",
-  color = "default",
-  background = false,
-  padding = false,
-  border = false,
-  disabled = false,
-  ...otherProps
-}, ref) {
-  return /* @__PURE__ */ jsx(
-    IconWrapperRoot,
-    {
-      ref,
-      size,
-      shape,
-      color,
-      background,
-      padding,
-      border,
-      disabled,
-      "aria-disabled": disabled,
-      "data-name": "icon-wrapper",
-      "data-size": size,
-      "data-shape": shape,
-      ...otherProps,
-      children
-    }
-  );
-}
-const IconWrapper = forwardRef(_IconWrapper);
-IconWrapper.displayName = "IconWrapper";
 const StyledMenu = styled(Menu$2, {
   shouldForwardProp: (prop) => !["extended", "width", "height"].includes(prop)
 })(({ extended, width, height }) => ({
@@ -7133,7 +7017,6 @@ export {
   FilterDropdown,
   FilterDropdownMenuItem,
   IconButton,
-  IconWrapper,
   LabelWithIndicator,
   L as Link,
   a2 as List,

package/dist/types/components/Button/Button.d.ts

@@ -1,6 +1,12 @@
 import { ButtonProps as MUIButtonProps } from '@mui/material';
 export type ButtonProps = MUIButtonProps<React.ElementType, {
+    /**
+     * Link target attribute when button is used as a link (e.g., '_blank' for new tab)
+     */
     target?: string;
+    /**
+     * If true, shows a loading spinner. Also disables the button.
+     */
     loading?: boolean;
     /**
      * Controls where the spinner appears:
@@ -24,8 +30,12 @@ export type ButtonProps = MUIButtonProps<React.ElementType, {
      * Defaults to the intl token 'c4r.button.opensInNewTab' if not provided.
      */
     screenReaderText?: string | React.ReactNode;
+    /**
+     * ID of element that describes the button for screen readers
+     */
     'aria-describedby'?: string;
 }>;
+/** Standard action button for user-triggered actions. Supports loading state and rendering as an external link. */
 declare const Button: import('react').ForwardRefExoticComponent<Omit<ButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 export default Button;
 //# sourceMappingURL=Button.d.ts.map

package/dist/types/components/Button/Button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,IAAI,cAAc,EAK9B,MAAM,eAAe,CAAA;AAuBtB,MAAM,MAAM,WAAW,GAAG,cAAc,CACtC,KAAK,CAAC,WAAW,EACjB;IACE,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC3C,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CACF,CAAA;AAqGD,QAAA,MAAM,MAAM,wHAAsB,CAAA;AAClC,eAAe,MAAM,CAAA"}
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,WAAW,IAAI,cAAc,EAK9B,MAAM,eAAe,CAAA;AAuBtB,MAAM,MAAM,WAAW,GAAG,cAAc,CACtC,KAAK,CAAC,WAAW,EACjB;IACE;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAA;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB;;;;;OAKG;IACH,eAAe,CAAC,EAAE,OAAO,GAAG,KAAK,CAAA;IACjC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B;;;OAGG;IACH,gBAAgB,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAA;IAC3C;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;CAC5B,CACF,CAAA;AAmGD,mHAAmH;AACnH,QAAA,MAAM,MAAM,wHAAsB,CAAA;AAClC,eAAe,MAAM,CAAA"}

package/dist/types/components/Button/Button.metadata.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Curated, irreducible judgment for Button. Everything else (props, types,
+ * defaults, examples) is derived — do NOT restate it here.
+ */
+declare const curation: {
+    keywords: string[];
+    mui: string[];
+    alternatives: ({
+        when: string;
+        use: string;
+        mui?: undefined;
+    } | {
+        when: string;
+        use: string;
+        mui: true;
+    })[];
+    gotchas: string[];
+};
+export default curation;
+//# sourceMappingURL=Button.metadata.d.ts.map

package/dist/types/components/Button/Button.metadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.metadata.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/Button.metadata.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,QAAA,MAAM,QAAQ;;;;;;;;;;;;;CAqCM,CAAA;AAEpB,eAAe,QAAQ,CAAA"}

package/dist/types/components/IconButton/IconButton.d.ts

@@ -1,25 +1,68 @@
 import { ReactNode, MouseEvent } from 'react';
 import { IconButtonProps as MuiIconButtonProps, TooltipProps } from '@mui/material';
 export type IconButtonProps = Omit<MuiIconButtonProps, 'ref'> & {
+    /**
+     * Callback fired when the button is clicked
+     */
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /** @deprecated Use ToggleButton component instead */
+    /**
+     * If true, displays the button in an active/selected state with primary color and background.
+     * @deprecated Use ToggleButton component instead
+     */
     active?: boolean;
+    /**
+     * The icon to display in the button. Use commonly understood icons (edit, delete, close, etc.) so the action is recognizable.
+     */
     icon: ReactNode;
+    /**
+     * Visual style of the button
+     */
     variant?: 'contained' | 'outlined' | 'icon';
+    /**
+     * Text to display in tooltip on hover. Highly recommended for accessibility. Works also in disabled state.
+     */
     tooltip?: TooltipProps['title'];
+    /**
+     * Placement of the tooltip relative to the button
+     */
     tooltipPlacement?: TooltipProps['placement'];
+    /**
+     * If true, shows a loading spinner instead of the icon. Also disables the button.
+     */
     loading?: boolean;
     /** Add support for React Router's 'to' prop */
     to?: string;
 };
+/** Compact icon-only button for actions where a label would add noise (toolbars, table rows, close affordances). Supports tooltip, loading state, and multiple visual variants. Always provide an accessible label via tooltip or aria-label. */
 declare const IconButton: import('react').ForwardRefExoticComponent<Omit<MuiIconButtonProps, "ref"> & {
+    /**
+     * Callback fired when the button is clicked
+     */
     onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /** @deprecated Use ToggleButton component instead */
+    /**
+     * If true, displays the button in an active/selected state with primary color and background.
+     * @deprecated Use ToggleButton component instead
+     */
     active?: boolean;
+    /**
+     * The icon to display in the button. Use commonly understood icons (edit, delete, close, etc.) so the action is recognizable.
+     */
     icon: ReactNode;
+    /**
+     * Visual style of the button
+     */
     variant?: "contained" | "outlined" | "icon";
+    /**
+     * Text to display in tooltip on hover. Highly recommended for accessibility. Works also in disabled state.
+     */
     tooltip?: TooltipProps["title"];
+    /**
+     * Placement of the tooltip relative to the button
+     */
     tooltipPlacement?: TooltipProps["placement"];
+    /**
+     * If true, shows a loading spinner instead of the icon. Also disables the button.
+     */
     loading?: boolean;
     /** Add support for React Router's 'to' prop */
     to?: string;

package/dist/types/components/IconButton/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAA;AACvE,OAAO,EAGL,eAAe,IAAI,kBAAkB,EAErC,YAAY,EAEb,MAAM,eAAe,CAAA;AAEtB,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,GAAG;IAC9D,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACxD,qDAAqD;IACrD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,EAAE,SAAS,CAAA;IACf,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAA;IAC3C,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC/B,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IAC5C,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+CAA+C;IAC/C,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AA+ED,QAAA,MAAM,UAAU;cAzFJ,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI;IACxD,qDAAqD;aAC5C,OAAO;UACV,SAAS;cACL,WAAW,GAAG,UAAU,GAAG,MAAM;cACjC,YAAY,CAAC,OAAO,CAAC;uBACZ,YAAY,CAAC,WAAW,CAAC;cAClC,OAAO;IACjB,+CAA+C;SAC1C,MAAM;qDAgFiE,CAAA;AAC9E,eAAe,UAAU,CAAA"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,UAAU,EAA4B,MAAM,OAAO,CAAA;AACvE,OAAO,EAGL,eAAe,IAAI,kBAAkB,EAErC,YAAY,EAEb,MAAM,eAAe,CAAA;AAEtB,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,kBAAkB,EAAE,KAAK,CAAC,GAAG;IAC9D;;OAEG;IACH,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;IACxD;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;OAEG;IACH,IAAI,EAAE,SAAS,CAAA;IACf;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAA;IAC3C;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,OAAO,CAAC,CAAA;IAC/B;;OAEG;IACH,gBAAgB,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IAC5C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,+CAA+C;IAC/C,EAAE,CAAC,EAAE,MAAM,CAAA;CACZ,CAAA;AA6ED,iPAAiP;AACjP,QAAA,MAAM,UAAU;IA7Gd;;OAEG;cACO,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI;IACxD;;;OAGG;aACM,OAAO;IAChB;;OAEG;UACG,SAAS;IACf;;OAEG;cACO,WAAW,GAAG,UAAU,GAAG,MAAM;IAC3C;;OAEG;cACO,YAAY,CAAC,OAAO,CAAC;IAC/B;;OAEG;uBACgB,YAAY,CAAC,WAAW,CAAC;IAC5C;;OAEG;cACO,OAAO;IACjB,+CAA+C;SAC1C,MAAM;qDA+EiE,CAAA;AAC9E,eAAe,UAAU,CAAA"}

package/dist/types/components/IconButton/IconButton.metadata.d.ts

@@ -0,0 +1,16 @@
+declare const curation: {
+    keywords: string[];
+    mui: string[];
+    alternatives: ({
+        when: string;
+        use: string;
+        mui?: undefined;
+    } | {
+        when: string;
+        use: string;
+        mui: true;
+    })[];
+    gotchas: string[];
+};
+export default curation;
+//# sourceMappingURL=IconButton.metadata.d.ts.map

package/dist/types/components/IconButton/IconButton.metadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.metadata.d.ts","sourceRoot":"","sources":["../../../../src/components/IconButton/IconButton.metadata.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,QAAQ;;;;;;;;;;;;;CA2BM,CAAA;AAEpB,eAAe,QAAQ,CAAA"}

package/dist/types/components/SplitButton/SplitButton.d.ts

@@ -5,13 +5,37 @@ type SplitButtonOption = {
     [key: string]: any;
 };
 export type SplitButtonProps<T extends SplitButtonOption = SplitButtonOption> = {
+    /**
+     * Array of options for the dropdown menu. Each option must have a label.
+     */
     options: T[];
+    /**
+     * Callback fired when the main button is clicked. Receives the currently selected option.
+     */
     onClick: (option: T) => void;
+    /**
+     * If true, shows loading spinner in the main button
+     */
     loading?: boolean;
+    /**
+     * Position of the loading spinner
+     */
     loadingPosition?: ButtonProps['loadingPosition'];
+    /**
+     * If true, the entire button is disabled
+     */
     disabled?: boolean;
+    /**
+     * Visual style of the button
+     */
     variant?: ButtonProps['variant'];
+    /**
+     * Size of the button
+     */
     size?: ButtonProps['size'];
+    /**
+     * Theme color for the button
+     */
     color?: ButtonProps['color'];
     /**
      * If `true`, the dropdown starts expanded on mount. Uncontrolled: this
@@ -25,9 +49,16 @@ export type SplitButtonProps<T extends SplitButtonOption = SplitButtonOption> =
      * translated value of `c4r.button.showOptions`.
      */
     toggleAriaLabel?: string;
+    /**
+     * Test ID for testing purposes
+     */
     'data-testid'?: string;
+    /**
+     * Accessible label for the button group
+     */
     'aria-label'?: string;
 };
+/** Button paired with a dropdown of related alternative actions. The first option is the default click action; the dropdown exposes the rest. Use when there is one primary action plus a small set of close variants (e.g. Save / Save as / Save and close). */
 export default function SplitButton<T extends SplitButtonOption = SplitButtonOption>({ options, disabled, loading, loadingPosition, onClick, variant, size, color, defaultOpen, toggleAriaLabel, ...otherProps }: SplitButtonProps<T>): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=SplitButton.d.ts.map

package/dist/types/components/SplitButton/SplitButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SplitButton.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAA;AAiB/C,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB,IAC1E;IACE,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ,OAAO,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAA;IAC5B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,eAAe,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAA;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAChC,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1B,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC5B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAEH,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB,EAC/C,EACA,OAAO,EACP,QAAQ,EACR,OAAO,EACP,eAAe,EACf,OAAO,EACP,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAW,EACX,eAAe,EACf,GAAG,UAAU,EACd,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CA4HrB"}
+{"version":3,"file":"SplitButton.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitButton/SplitButton.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAU,WAAW,EAAE,MAAM,WAAW,CAAA;AAiB/C,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;CACnB,CAAA;AAED,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB,IAC1E;IACE;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ;;OAEG;IACH,OAAO,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,IAAI,CAAA;IAC5B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,eAAe,CAAC,EAAE,WAAW,CAAC,iBAAiB,CAAC,CAAA;IAChD;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAA;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC,OAAO,CAAC,CAAA;IAC5B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAA;CACtB,CAAA;AAEH,iQAAiQ;AACjQ,MAAM,CAAC,OAAO,UAAU,WAAW,CACjC,CAAC,SAAS,iBAAiB,GAAG,iBAAiB,EAC/C,EACA,OAAO,EACP,QAAQ,EACR,OAAO,EACP,eAAe,EACf,OAAO,EACP,OAAO,EACP,IAAI,EACJ,KAAK,EACL,WAAW,EACX,eAAe,EACf,GAAG,UAAU,EACd,EAAE,gBAAgB,CAAC,CAAC,CAAC,2CA4HrB"}

package/dist/types/components/SplitButton/SplitButton.metadata.d.ts

@@ -0,0 +1,10 @@
+declare const curation: {
+    keywords: string[];
+    alternatives: {
+        when: string;
+        use: string;
+    }[];
+    gotchas: string[];
+};
+export default curation;
+//# sourceMappingURL=SplitButton.metadata.d.ts.map

package/dist/types/components/SplitButton/SplitButton.metadata.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SplitButton.metadata.d.ts","sourceRoot":"","sources":["../../../../src/components/SplitButton/SplitButton.metadata.ts"],"names":[],"mappings":"AAEA,QAAA,MAAM,QAAQ;;;;;;;CA2BM,CAAA;AAEpB,eAAe,QAAQ,CAAA"}

package/dist/types/components/index.d.ts

@@ -22,7 +22,6 @@ export * from './TooltipData';
 export * from './AccordionGroup';
 export * from './Alert';
 export * from './Avatar';
-export * from './IconWrapper';
 export * from './FilterDropdown';
 export * from './Menu';
 export * from './MessageField';
@@ -59,7 +58,6 @@ export type * from './TooltipData';
 export type * from './AccordionGroup';
 export type * from './Alert';
 export type * from './Avatar';
-export type * from './IconWrapper';
 export type * from './FilterDropdown';
 export type * from './Menu';
 export type * from './MessageField';

package/dist/types/components/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAE3B,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,sBAAsB,CAAA;AACzC,mBAAmB,iBAAiB,CAAA;AACpC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,qBAAqB,CAAA;AACxC,mBAAmB,cAAc,CAAA;AACjC,mBAAmB,cAAc,CAAA;AACjC,mBAAmB,QAAQ,CAAA;AAC3B,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,oBAAoB,CAAA;AACvC,mBAAmB,oBAAoB,CAAA;AACvC,mBAAmB,qBAAqB,CAAA;AACxC,mBAAmB,qBAAqB,CAAA;AACxC,mBAAmB,gBAAgB,CAAA;AACnC,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,YAAY,CAAA;AAC/B,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,cAAc,CAAA;AACjC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,kBAAkB,CAAA;AACrC,mBAAmB,SAAS,CAAA;AAC5B,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,kBAAkB,CAAA;AACrC,mBAAmB,QAAQ,CAAA;AAC3B,mBAAmB,gBAAgB,CAAA;AACnC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,YAAY,CAAA;AAC/B,mBAAmB,0BAA0B,CAAA;AAC7C,mBAAmB,OAAO,CAAA;AAC1B,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,uBAAuB,CAAA;AAC1C,mBAAmB,QAAQ,CAAA;AAC3B,mBAAmB,aAAa,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,sBAAsB,CAAA;AACpC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,qBAAqB,CAAA;AACnC,cAAc,qBAAqB,CAAA;AACnC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,kBAAkB,CAAA;AAChC,cAAc,QAAQ,CAAA;AACtB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,0BAA0B,CAAA;AACxC,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,QAAQ,CAAA;AACtB,cAAc,aAAa,CAAA;AAE3B,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,sBAAsB,CAAA;AACzC,mBAAmB,iBAAiB,CAAA;AACpC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,qBAAqB,CAAA;AACxC,mBAAmB,cAAc,CAAA;AACjC,mBAAmB,cAAc,CAAA;AACjC,mBAAmB,QAAQ,CAAA;AAC3B,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,oBAAoB,CAAA;AACvC,mBAAmB,oBAAoB,CAAA;AACvC,mBAAmB,qBAAqB,CAAA;AACxC,mBAAmB,qBAAqB,CAAA;AACxC,mBAAmB,gBAAgB,CAAA;AACnC,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,YAAY,CAAA;AAC/B,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,cAAc,CAAA;AACjC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,kBAAkB,CAAA;AACrC,mBAAmB,SAAS,CAAA;AAC5B,mBAAmB,UAAU,CAAA;AAC7B,mBAAmB,kBAAkB,CAAA;AACrC,mBAAmB,QAAQ,CAAA;AAC3B,mBAAmB,gBAAgB,CAAA;AACnC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,YAAY,CAAA;AAC/B,mBAAmB,0BAA0B,CAAA;AAC7C,mBAAmB,OAAO,CAAA;AAC1B,mBAAmB,eAAe,CAAA;AAClC,mBAAmB,uBAAuB,CAAA;AAC1C,mBAAmB,QAAQ,CAAA;AAC3B,mBAAmB,aAAa,CAAA"}

package/package.json

@@ -1,10 +1,11 @@
 {
   "name": "@carto/meridian-ds",
-  "version": "3.0.2-alpha.e0198a6.235",
+  "version": "3.0.2-alpha.e34a00a.237",
   "description": "CARTO Meridian Design System",
   "type": "module",
   "scripts": {
     "build": "vite build",
+    "build:mcp": "npx esbuild ai-metadata/mcp/server.ts --bundle --platform=node --format=esm --outfile=dist/bin/meridian-ds-mcp.js --banner:js='#!/usr/bin/env node'",
     "build:clean": "yarn run clean:all && yarn install && yarn run build && yarn run test",
     "dev": "vite",
     "test": "LC_ALL=\"en_US.UTF-8\" vitest run --typecheck",
@@ -14,6 +15,10 @@
     "test:interaction:watch": "vitest watch --project=storybook",
     "coverage": "LC_ALL=\"en_US.UTF-8\" vitest --coverage",
     "coverage:ui": "LC_ALL=\"en_US.UTF-8\" vitest --coverage --ui",
+    "metadata:build": "tsx ai-metadata/src/build.ts",
+    "metadata:validate": "tsx ai-metadata/src/validate.ts",
+    "metadata:eval": "tsx ai-metadata/src/eval.ts",
+    "metadata:mcp": "tsx ai-metadata/mcp/server.ts",
     "lint": "eslint . --ext .ts,.tsx",
     "format": "prettier --write .",
     "ts-check": "tsc -p tsconfig.json --noEmit",
@@ -29,7 +34,7 @@
     "postversion:commit": "node scripts/postversion-commit.js",
     "postversion:push": "git push && git push --tags",
     "prepare": "husky",
-    "prepack": "yarn clean:build && yarn build",
+    "prepack": "yarn clean:build && yarn build && yarn metadata:build && yarn build:mcp",
     "figma:connect": "bash -c '[ -f .env ] && source .env; export FIGMA_ACCESS_TOKEN; figma connect --token=$FIGMA_ACCESS_TOKEN \"$@\"' --",
     "figma:publish": "bash -c '[ -f .env ] && source .env; export FIGMA_ACCESS_TOKEN; figma connect publish --token=$FIGMA_ACCESS_TOKEN \"$@\"' --",
     "figma:validate": "yarn figma:validate:code && yarn figma:validate:live",
@@ -80,6 +85,7 @@
     "eslint-config-prettier": "9.1.0",
     "eslint-plugin-github": "^5.1.8",
     "eslint-plugin-import": "^2.31.0",
+    "eslint-plugin-jsdoc": "^63.0.2",
     "eslint-plugin-jsx-a11y": "6.10.2",
     "eslint-plugin-prettier": "^5.4.0",
     "eslint-plugin-react": "7.35.0",
@@ -141,13 +147,18 @@
       "types": "./dist/types/widgets/index.d.ts",
       "import": "./dist/widgets/index.js",
       "require": "./dist/widgets/index.cjs"
-    }
+    },
+    "./metadata": "./ai-metadata/generated/metadata.json"
+  },
+  "bin": {
+    "meridian-ds-mcp": "./dist/bin/meridian-ds-mcp.js"
   },
   "publishConfig": {
     "access": "public"
   },
   "files": [
-    "dist"
+    "dist",
+    "ai-metadata/generated/metadata.json"
   ],
   "keywords": [
     "carto",

package/dist/types/components/IconWrapper/IconWrapper.d.ts

@@ -1,46 +0,0 @@
-import { ReactNode } from 'react';
-export type IconWrapperShape = 'rounded' | 'square' | 'circular';
-export type IconWrapperSize = 12 | 18 | 24 | 32 | 40 | 48;
-export type IconWrapperColor = 'default' | 'primary' | 'secondary' | (string & {});
-export type IconWrapperProps = Omit<React.HTMLProps<HTMLSpanElement>, 'as' | 'size' | 'color' | 'ref'> & {
-    /** The icon to render. Any SvgIcon, custom Meridian icon, or node. */
-    children: ReactNode;
-    /** Outer footprint in pixels. */
-    size?: IconWrapperSize;
-    /** Shape of the background/border frame. */
-    shape?: IconWrapperShape;
-    /**
-     * Predefined scheme (`default` | `primary` | `secondary`) or any CSS color.
-     * A custom color also tints the background at 20%.
-     */
-    color?: IconWrapperColor;
-    /** Render a filled background. */
-    background?: boolean;
-    /** Reserve space around the icon (smaller icon centered in the footprint). */
-    padding?: boolean;
-    /** Render a 1px divider border. */
-    border?: boolean;
-    disabled?: boolean;
-};
-declare const IconWrapper: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLProps<HTMLSpanElement>, "color" | "size" | "ref" | "as"> & {
-    /** The icon to render. Any SvgIcon, custom Meridian icon, or node. */
-    children: ReactNode;
-    /** Outer footprint in pixels. */
-    size?: IconWrapperSize;
-    /** Shape of the background/border frame. */
-    shape?: IconWrapperShape;
-    /**
-     * Predefined scheme (`default` | `primary` | `secondary`) or any CSS color.
-     * A custom color also tints the background at 20%.
-     */
-    color?: IconWrapperColor;
-    /** Render a filled background. */
-    background?: boolean;
-    /** Reserve space around the icon (smaller icon centered in the footprint). */
-    padding?: boolean;
-    /** Render a 1px divider border. */
-    border?: boolean;
-    disabled?: boolean;
-} & import('react').RefAttributes<HTMLSpanElement>>;
-export default IconWrapper;
-//# sourceMappingURL=IconWrapper.d.ts.map

package/dist/types/components/IconWrapper/IconWrapper.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/IconWrapper/IconWrapper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAA4B,MAAM,OAAO,CAAA;AAQ3D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAA;AAEhE,MAAM,MAAM,eAAe,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAA;AAIzD,MAAM,MAAM,gBAAgB,GACxB,SAAS,GACT,SAAS,GACT,WAAW,GACX,CAAC,MAAM,GAAG,EAAE,CAAC,CAAA;AAEjB,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,KAAK,CAAC,SAAS,CAAC,eAAe,CAAC,EAChC,IAAI,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,CAChC,GAAG;IACF,sEAAsE;IACtE,QAAQ,EAAE,SAAS,CAAA;IACnB,iCAAiC;IACjC,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB;;;OAGG;IACH,KAAK,CAAC,EAAE,gBAAgB,CAAA;IACxB,kCAAkC;IAClC,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,8EAA8E;IAC9E,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,mCAAmC;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAA;AAoJD,QAAA,MAAM,WAAW;IAtKf,sEAAsE;cAC5D,SAAS;IACnB,iCAAiC;WAC1B,eAAe;IACtB,4CAA4C;YACpC,gBAAgB;IACxB;;;OAGG;YACK,gBAAgB;IACxB,kCAAkC;iBACrB,OAAO;IACpB,8EAA8E;cACpE,OAAO;IACjB,mCAAmC;aAC1B,OAAO;eACL,OAAO;mDAqJwB,CAAA;AAE5C,eAAe,WAAW,CAAA"}

package/dist/types/components/IconWrapper/IconWrapper.figma.d.ts

@@ -1,11 +0,0 @@
-import { default as figma } from 'figma';
-declare const _default: {
-    id: string;
-    imports: string[];
-    example: figma.TemplateStringResult;
-    metadata: {
-        nestable: boolean;
-    };
-};
-export default _default;
-//# sourceMappingURL=IconWrapper.figma.d.ts.map

package/dist/types/components/IconWrapper/IconWrapper.figma.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconWrapper.figma.d.ts","sourceRoot":"","sources":["../../../../src/components/IconWrapper/IconWrapper.figma.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAA;;;;;;;;;AAuDzB,wBAgBC"}

package/dist/types/components/IconWrapper/IconWrapper.stories.d.ts

@@ -1,86 +0,0 @@
-import { default as IconWrapper, IconWrapperColor, IconWrapperShape, IconWrapperSize } from './IconWrapper';
-type IconWrapperStoryArgs = React.ComponentProps<typeof IconWrapper> & {
-    customColor?: string;
-};
-declare const options: {
-    title: string;
-    component: import('react').ForwardRefExoticComponent<Omit<import('react').HTMLProps<HTMLSpanElement>, "color" | "size" | "ref" | "as"> & {
-        children: import('react').ReactNode;
-        size?: IconWrapperSize;
-        shape?: IconWrapperShape;
-        color?: IconWrapperColor;
-        background?: boolean;
-        padding?: boolean;
-        border?: boolean;
-        disabled?: boolean;
-    } & import('react').RefAttributes<HTMLSpanElement>>;
-    tags: string[];
-    args: {
-        size: 24;
-        shape: "rounded";
-        color: "default";
-        background: true;
-        padding: true;
-        border: false;
-        disabled: false;
-    };
-    argTypes: {
-        size: {
-            control: "select";
-            options: IconWrapperSize[];
-        };
-        shape: {
-            control: "select";
-            options: IconWrapperShape[];
-        };
-        color: {
-            control: "select";
-            options: IconWrapperColor[];
-        };
-        customColor: {
-            control: "color";
-            name: string;
-        };
-        background: {
-            control: "boolean";
-        };
-        padding: {
-            control: "boolean";
-        };
-        border: {
-            control: "boolean";
-        };
-        disabled: {
-            control: "boolean";
-        };
-    };
-    parameters: {
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-};
-export default options;
-export declare const Playground: {
-    render: ({ customColor, color, ...args }: IconWrapperStoryArgs) => import("react/jsx-runtime").JSX.Element;
-};
-export declare const Sizes: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
-export declare const Shapes: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
-export declare const Colors: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
-export declare const States: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
-export declare const Border: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
-export declare const Backgrounds: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
-//# sourceMappingURL=IconWrapper.stories.d.ts.map

package/dist/types/components/IconWrapper/IconWrapper.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconWrapper.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/IconWrapper/IconWrapper.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,WAAW,EAAE,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,eAAe,EAChB,MAAM,eAAe,CAAA;AAUtB,KAAK,oBAAoB,GAAG,KAAK,CAAC,cAAc,CAAC,OAAO,WAAW,CAAC,GAAG;IACrE,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB,CAAA;AAED,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6ByB,CAAA;AACtC,eAAe,OAAO,CAAA;AAEtB,eAAO,MAAM,UAAU;8CACqB,oBAAoB;CAK/D,CAAA;AAED,eAAO,MAAM,KAAK;;CAejB,CAAA;AAED,eAAO,MAAM,MAAM;;CAelB,CAAA;AAED,eAAO,MAAM,MAAM;;CAuBlB,CAAA;AAED,eAAO,MAAM,MAAM;;CAqBlB,CAAA;AAED,eAAO,MAAM,MAAM;;CAqBlB,CAAA;AAED,eAAO,MAAM,WAAW;;CA6BvB,CAAA"}

package/dist/types/components/IconWrapper/index.d.ts

@@ -1,3 +0,0 @@
-export { default as IconWrapper } from './IconWrapper';
-export type * from './IconWrapper';
-//# sourceMappingURL=index.d.ts.map

package/dist/types/components/IconWrapper/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/IconWrapper/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,eAAe,CAAA;AACtD,mBAAmB,eAAe,CAAA"}