@cere/cere-design-system 0.0.45 → 0.2.0

package/dist/chunk-72TQ56EP.js

@@ -0,0 +1,280 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+var _chunkXZZZ4MZVjs = require('./chunk-XZZZ4MZV.js');
+
+// src/theme/spacing.ts
+var borderRadius = {
+  /** Small: alerts, compact elements */
+  sm: 8,
+  /** Medium: buttons, inputs, selects */
+  md: 12,
+  /** Large: chips, cards, global default */
+  lg: 16,
+  /** Extra large: hero surfaces, dialogs */
+  xl: 20,
+  /** Pill: fully rounded badges, on-gradient buttons */
+  pill: 999
+};
+
+// src/theme/surfaceVariants/webLight.ts
+var webLight = _chunkXZZZ4MZVjs.webSurfaceTokens;
+
+// src/theme/surfaceVariants/index.ts
+var surfaceVariants = { webLight };
+
+// src/theme/index.ts
+var _styles = require('@mui/material/styles');
+
+// src/theme/semantic.ts
+var semantic = {
+  action: {
+    primary: _chunkXZZZ4MZVjs.primitives.violet[500],
+    primaryHover: _chunkXZZZ4MZVjs.primitives.violet[600],
+    disabled: _chunkXZZZ4MZVjs.primitives.grey[400]
+  },
+  surface: {
+    default: _chunkXZZZ4MZVjs.primitives.white,
+    paper: _chunkXZZZ4MZVjs.primitives.white,
+    // Divergent near-violet #7B2CBF (rgba 123,44,191). NOT the brand violet
+    // (#aa44f2). Kept distinct in Track A; collapse deferred to Track C.
+    selected: "rgba(123, 44, 191, 0.1)",
+    hover: "rgba(0, 0, 0, 0.04)"
+  },
+  text: {
+    primary: _chunkXZZZ4MZVjs.primitives.nearBlack,
+    secondary: _chunkXZZZ4MZVjs.primitives.neutral[600],
+    disabled: _chunkXZZZ4MZVjs.primitives.neutral[900],
+    contrast: _chunkXZZZ4MZVjs.primitives.white
+  },
+  border: {
+    default: _chunkXZZZ4MZVjs.primitives.grey[300],
+    subtle: "rgba(0, 0, 0, 0.05)"
+  },
+  feedback: {
+    success: {
+      main: _chunkXZZZ4MZVjs.primitives.green[500],
+      light: _chunkXZZZ4MZVjs.primitives.green[400],
+      dark: _chunkXZZZ4MZVjs.primitives.green[600]
+    },
+    error: {
+      main: _chunkXZZZ4MZVjs.primitives.red[500],
+      light: _chunkXZZZ4MZVjs.primitives.red[400],
+      dark: _chunkXZZZ4MZVjs.primitives.red[600]
+    },
+    warning: {
+      main: _chunkXZZZ4MZVjs.primitives.amber[500],
+      light: _chunkXZZZ4MZVjs.primitives.amber[400],
+      dark: _chunkXZZZ4MZVjs.primitives.amber[600]
+    }
+  }
+};
+var deploymentSurfaceTokens = {
+  /** Surface/high background (Figma #fefcff) */
+  surfaceHigh: _chunkXZZZ4MZVjs.deploymentSurface.surfaceHigh,
+  /** Stroke/Outside border (Figma #e6e6e6) */
+  strokeOutside: _chunkXZZZ4MZVjs.deploymentSurface.strokeOutside,
+  /** Default card border (Figma #cdcccd) */
+  borderDefault: _chunkXZZZ4MZVjs.deploymentSurface.borderDefault,
+  /** Primary text (Figma #1d1b20) */
+  textPrimary: _chunkXZZZ4MZVjs.deploymentSurface.textPrimary,
+  /** Secondary/muted text (Figma #818083) */
+  textSecondary: _chunkXZZZ4MZVjs.deploymentSurface.textSecondary,
+  /** Accent blue for workspace border, capacity bar, chevrons (Figma #5865f2) */
+  accentBlue: _chunkXZZZ4MZVjs.deploymentSurface.accentBlue,
+  /** Workspace card shadow */
+  workspaceShadow: "0px 8px 12px rgba(26, 10, 124, 0.1)",
+  /** Hover state for context menu items */
+  hoverLight: _chunkXZZZ4MZVjs.deploymentSurface.hoverLight,
+  /** Generic hover overlay (buttons, icon-buttons, rows) */
+  hoverOverlay: "rgba(0, 0, 0, 0.04)",
+  /** Blue-50 highlight background for active menu items (Figma blue-50) */
+  highlightBg: _chunkXZZZ4MZVjs.deploymentSurface.highlightBg,
+  /** Blue-50 highlight background hover state */
+  highlightBgHover: _chunkXZZZ4MZVjs.deploymentSurface.highlightBgHover,
+  /** Blue-100 highlight border for active menu items (Figma blue-100) */
+  highlightBorder: _chunkXZZZ4MZVjs.deploymentSurface.highlightBorder,
+  /** Switch track enabled (Figma basic/green #53b96a) */
+  switchGreen: _chunkXZZZ4MZVjs.deploymentSurface.switchGreen,
+  /** Switch track disabled/off (Figma neutral track) */
+  switchTrackOff: _chunkXZZZ4MZVjs.deploymentSurface.switchTrackOff
+};
+
+// src/theme/components.ts
+var components = {
+  MuiButton: {
+    styleOverrides: {
+      root: {
+        textTransform: "none",
+        borderRadius: borderRadius.md,
+        fontWeight: 600,
+        padding: "8px 24px",
+        boxShadow: "none",
+        "&:hover": {
+          boxShadow: "none"
+        }
+      },
+      sizeSmall: {
+        padding: "4px 12px",
+        fontSize: "12px"
+      },
+      sizeMedium: {
+        padding: "8px 24px",
+        fontSize: "14px"
+      },
+      sizeLarge: {
+        padding: "12px 24px",
+        fontSize: "16px"
+      }
+    }
+  },
+  MuiTextField: {
+    styleOverrides: {
+      root: {
+        "& .MuiOutlinedInput-root": {
+          borderRadius: borderRadius.md
+        }
+      }
+    }
+  },
+  MuiSelect: {
+    styleOverrides: {
+      root: {
+        borderRadius: borderRadius.md
+      }
+    }
+  },
+  MuiChip: {
+    styleOverrides: {
+      root: {
+        borderRadius: borderRadius.lg,
+        fontWeight: 500
+      }
+    }
+  },
+  MuiPaper: {
+    styleOverrides: {
+      root: {
+        boxShadow: "0px 4px 20px rgba(0, 0, 0, 0.05)",
+        border: "1px solid rgba(0, 0, 0, 0.05)"
+      }
+    }
+  },
+  MuiDrawer: {
+    styleOverrides: {
+      paper: {
+        borderRight: "1px solid rgba(0, 0, 0, 0.05)"
+      }
+    }
+  },
+  MuiAlert: {
+    styleOverrides: {
+      root: {
+        borderRadius: borderRadius.sm
+      },
+      filled: {
+        borderRadius: borderRadius.sm
+      }
+    }
+  }
+};
+
+// src/theme/index.ts
+var colors = {
+  primary: {
+    main: semantic.action.primary,
+    light: semantic.action.primary,
+    dark: semantic.action.primaryHover,
+    contrastText: semantic.text.contrast
+  },
+  secondary: {
+    main: _chunkXZZZ4MZVjs.primitives.neutral[600],
+    light: _chunkXZZZ4MZVjs.primitives.neutral[900],
+    dark: _chunkXZZZ4MZVjs.primitives.neutral[300],
+    contrastText: semantic.text.contrast
+  },
+  success: {
+    main: semantic.feedback.success.main,
+    light: semantic.feedback.success.light,
+    dark: semantic.feedback.success.dark,
+    contrastText: semantic.text.contrast
+  },
+  error: {
+    main: semantic.feedback.error.main,
+    light: semantic.feedback.error.light,
+    dark: semantic.feedback.error.dark,
+    contrastText: semantic.text.contrast
+  },
+  warning: {
+    main: semantic.feedback.warning.main,
+    light: semantic.feedback.warning.light,
+    dark: semantic.feedback.warning.dark,
+    contrastText: semantic.text.contrast
+  },
+  tertiary: {
+    main: semantic.feedback.warning.main,
+    light: semantic.feedback.warning.light,
+    dark: semantic.feedback.warning.dark,
+    contrastText: _chunkXZZZ4MZVjs.primitives.nearBlack
+  },
+  grey: _chunkXZZZ4MZVjs.primitives.grey,
+  text: {
+    primary: semantic.text.primary,
+    secondary: semantic.text.secondary,
+    disabled: semantic.text.disabled
+  },
+  background: {
+    default: semantic.surface.default,
+    paper: semantic.surface.paper,
+    selected: semantic.surface.selected
+  }
+};
+var baseTheme = _styles.createTheme.call(void 0, {
+  cssVariables: true,
+  palette: {
+    mode: "light",
+    primary: colors.primary,
+    secondary: colors.secondary,
+    success: colors.success,
+    error: colors.error,
+    warning: colors.warning,
+    grey: colors.grey,
+    text: colors.text,
+    background: colors.background
+  },
+  typography: _chunkXZZZ4MZVjs.typography,
+  shape: {
+    borderRadius: borderRadius.lg
+  },
+  components
+});
+var theme = _styles.createTheme.call(void 0, baseTheme, {
+  palette: {
+    deployment: {
+      entity: _chunkXZZZ4MZVjs.deploymentEntityColors,
+      status: _chunkXZZZ4MZVjs.deploymentStatusColors
+    },
+    workflow: {
+      node: _chunkXZZZ4MZVjs.workflowNodeColors,
+      connection: _chunkXZZZ4MZVjs.workflowConnectionColors,
+      chrome: _chunkXZZZ4MZVjs.workflowChromeColors
+    }
+  }
+});
+
+
+
+
+
+
+
+
+exports.deploymentSurfaceTokens = deploymentSurfaceTokens; exports.borderRadius = borderRadius; exports.webLight = webLight; exports.surfaceVariants = surfaceVariants; exports.colors = colors; exports.theme = theme;
+//# sourceMappingURL=chunk-72TQ56EP.js.map

package/dist/chunk-72TQ56EP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/cere-design-system/cere-design-system/dist/chunk-72TQ56EP.js","../src/theme/spacing.ts","../src/theme/surfaceVariants/webLight.ts","../src/theme/surfaceVariants/index.ts","../src/theme/index.ts","../src/theme/semantic.ts","../src/theme/components.ts"],"names":[],"mappings":"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","file":"/home/runner/work/cere-design-system/cere-design-system/dist/chunk-72TQ56EP.js","sourcesContent":[null,"/**\n * Spacing and sizing tokens for the design system.\n *\n * Centralizes border-radius, component-specific sizing, and spacing\n * constants that were previously scattered across component files.\n */\n\nexport const borderRadius = {\n  /** Small: alerts, compact elements */\n  sm: 8,\n  /** Medium: buttons, inputs, selects */\n  md: 12,\n  /** Large: chips, cards, global default */\n  lg: 16,\n  /** Extra large: hero surfaces, dialogs */\n  xl: 20,\n  /** Pill: fully rounded badges, on-gradient buttons */\n  pill: 999,\n} as const;\n\nexport const componentSizing = {\n  workflow: {\n    nodeIconSize: 18,\n    inspectorWidth: 320,\n  },\n  deployment: {\n    entityIconSize: 16,\n    chevronSize: 16,\n    panelRadius: 12,\n  },\n} as const;\n","/**\n * Surface variant: web-light.\n *\n * The marketplace + vault product palette. Both apps render on a light\n * surface; the older audit synthesis (which assumed marketplace was dark)\n * was wrong. There is no shipping dark variant today; that lands as part\n * of the dark-mode work (blocker `B5` in `DESIGN_SYSTEM_TODO.md`).\n *\n * This variant currently mirrors `webSurfaceTokens` verbatim. Future\n * work may diverge (e.g. a vault-specific accent override), at which\n * point a new named variant should be added rather than forking values\n * in app land.\n *\n * See `company-memory-bank/00-foundations/design-system.md` §4.\n */\n\nimport { webSurfaceTokens } from '../webSurfaceTokens';\n\nexport const webLight = webSurfaceTokens;\nexport type WebLightVariant = typeof webLight;\n","import { webLight } from './webLight';\n\n/**\n * Named surface variants. Consumers pick one variant per product surface\n * by importing the matching CSS layer (`@cere/cere-design-system/surfaces/<name>.css`)\n * AND optionally referencing the typed token bag here at the TS layer.\n *\n * Today there is only `webLight` (the shipped marketplace + vault\n * palette). A future `webDark` lands with the dark-mode work\n * (`DESIGN_SYSTEM_TODO.md` blocker `B5`).\n *\n * See `company-memory-bank/00-foundations/design-system.md` §4.\n */\nexport const surfaceVariants = { webLight } as const;\nexport type SurfaceVariant = keyof typeof surfaceVariants;\n\nexport { webLight };\nexport type { WebLightVariant } from './webLight';\n","/**\n * Design system theme barrel.\n *\n * Composes the MUI theme from token modules and re-exports everything\n * the public API needs. Internal structure:\n *\n *   primitives.ts  - Tier 1: raw color values (hue + shade)\n *   semantic.ts    - Tier 2: intent-based tokens\n *   typography.ts  - Font family and type scale\n *   components.ts  - MUI component style overrides\n *   spacing.ts     - Border radius and sizing constants\n */\n\nimport { createTheme, Theme } from '@mui/material/styles';\n// Side-effect: register custom Typography variants with MUI's type system.\nimport './typography-augment';\n\n// Token modules\nimport { primitives, deploymentEntityColors, deploymentStatusColors, workflowNodeColors, workflowConnectionColors, workflowChromeColors } from './primitives';\nimport { semantic } from './semantic';\nimport { typography } from './typography';\nimport { components } from './components';\nimport { borderRadius } from './spacing';\n\n// ---------------------------------------------------------------------------\n// Module augmentation: type-safe access to theme.palette.deployment/workflow\n// ---------------------------------------------------------------------------\ndeclare module '@mui/material/styles' {\n  interface TypeBackground {\n    selected: string;\n  }\n  interface Palette {\n    deployment: {\n      entity: typeof deploymentEntityColors;\n      status: typeof deploymentStatusColors;\n    };\n    workflow: {\n      node: typeof workflowNodeColors;\n      connection: typeof workflowConnectionColors;\n      chrome: typeof workflowChromeColors;\n    };\n  }\n  interface PaletteOptions {\n    deployment?: {\n      entity?: Record<string, string>;\n      status?: Record<string, string>;\n    };\n    workflow?: {\n      node?: Partial<typeof workflowNodeColors>;\n      connection?: Partial<typeof workflowConnectionColors>;\n      chrome?: Partial<typeof workflowChromeColors>;\n    };\n  }\n}\n\n// ---------------------------------------------------------------------------\n// Backwards-compatible `colors` object (same shape, derived from tokens)\n// ---------------------------------------------------------------------------\nconst colors = {\n  primary: {\n    main: semantic.action.primary,\n    light: semantic.action.primary,\n    dark: semantic.action.primaryHover,\n    contrastText: semantic.text.contrast,\n  },\n  secondary: {\n    main: primitives.neutral[600],\n    light: primitives.neutral[900],\n    dark: primitives.neutral[300],\n    contrastText: semantic.text.contrast,\n  },\n  success: {\n    main: semantic.feedback.success.main,\n    light: semantic.feedback.success.light,\n    dark: semantic.feedback.success.dark,\n    contrastText: semantic.text.contrast,\n  },\n  error: {\n    main: semantic.feedback.error.main,\n    light: semantic.feedback.error.light,\n    dark: semantic.feedback.error.dark,\n    contrastText: semantic.text.contrast,\n  },\n  warning: {\n    main: semantic.feedback.warning.main,\n    light: semantic.feedback.warning.light,\n    dark: semantic.feedback.warning.dark,\n    contrastText: semantic.text.contrast,\n  },\n  tertiary: {\n    main: semantic.feedback.warning.main,\n    light: semantic.feedback.warning.light,\n    dark: semantic.feedback.warning.dark,\n    contrastText: primitives.nearBlack,\n  },\n  grey: primitives.grey,\n  text: {\n    primary: semantic.text.primary,\n    secondary: semantic.text.secondary,\n    disabled: semantic.text.disabled,\n  },\n  background: {\n    default: semantic.surface.default,\n    paper: semantic.surface.paper,\n    selected: semantic.surface.selected,\n  },\n};\n\n// ---------------------------------------------------------------------------\n// Theme composition\n// ---------------------------------------------------------------------------\nconst baseTheme = createTheme({\n  cssVariables: true,\n  palette: {\n    mode: 'light',\n    primary: colors.primary,\n    secondary: colors.secondary,\n    success: colors.success,\n    error: colors.error,\n    warning: colors.warning,\n    grey: colors.grey,\n    text: colors.text,\n    background: colors.background,\n  },\n  typography,\n  shape: {\n    borderRadius: borderRadius.lg,\n  },\n  components,\n});\n\n// Extend palette with deployment dashboard and workflow tokens\nexport const theme: Theme = createTheme(baseTheme, {\n  palette: {\n    deployment: {\n      entity: deploymentEntityColors,\n      status: deploymentStatusColors,\n    },\n    workflow: {\n      node: workflowNodeColors,\n      connection: workflowConnectionColors,\n      chrome: workflowChromeColors,\n    },\n  },\n});\n\n// ---------------------------------------------------------------------------\n// Public exports (preserve every name the old barrel exported)\n// ---------------------------------------------------------------------------\nexport { colors };\nexport { semantic, deploymentSurfaceTokens } from './semantic';\nexport {\n  primitives,\n  robPrimaryPalette,\n  robPaletteExtended,\n  deploymentEntityColors,\n  deploymentStatusColors,\n  workflowNodeColors,\n  workflowConnectionColors,\n  workflowChromeColors,\n  deploymentSurface,\n} from './primitives';\nexport { borderRadius, componentSizing } from './spacing';\nexport { motion } from './motion';\nexport { webSurfaceTokens } from './webSurfaceTokens';\nexport type { WebSurfaceTokenKey } from './webSurfaceTokens';\nexport { surfaceVariants, webLight } from './surfaceVariants';\nexport type { SurfaceVariant, WebLightVariant } from './surfaceVariants';\n","/**\n * Tier 2: Semantic color tokens.\n *\n * Intent-based tokens that map primitives to UI roles. Components\n * should reference these (or theme.palette) instead of raw hex values.\n *\n * To change the color scheme: edit the mappings here. Zero component changes.\n */\n\nimport { primitives, deploymentSurface } from './primitives';\n\nexport const semantic = {\n  action: {\n    primary: primitives.violet[500],\n    primaryHover: primitives.violet[600],\n    disabled: primitives.grey[400],\n  },\n  surface: {\n    default: primitives.white,\n    paper: primitives.white,\n    // Divergent near-violet #7B2CBF (rgba 123,44,191). NOT the brand violet\n    // (#aa44f2). Kept distinct in Track A; collapse deferred to Track C.\n    selected: 'rgba(123, 44, 191, 0.1)',\n    hover: 'rgba(0, 0, 0, 0.04)',\n  },\n  text: {\n    primary: primitives.nearBlack,\n    secondary: primitives.neutral[600],\n    disabled: primitives.neutral[900],\n    contrast: primitives.white,\n  },\n  border: {\n    default: primitives.grey[300],\n    subtle: 'rgba(0, 0, 0, 0.05)',\n  },\n  feedback: {\n    success: {\n      main: primitives.green[500],\n      light: primitives.green[400],\n      dark: primitives.green[600],\n    },\n    error: {\n      main: primitives.red[500],\n      light: primitives.red[400],\n      dark: primitives.red[600],\n    },\n    warning: {\n      main: primitives.amber[500],\n      light: primitives.amber[400],\n      dark: primitives.amber[600],\n    },\n  },\n} as const;\n\n/**\n * Shared Figma surface/stroke tokens used across deployment dashboard\n * components. Referenced by semantic name rather than raw hex.\n */\nexport const deploymentSurfaceTokens = {\n  /** Surface/high background (Figma #fefcff) */\n  surfaceHigh: deploymentSurface.surfaceHigh,\n  /** Stroke/Outside border (Figma #e6e6e6) */\n  strokeOutside: deploymentSurface.strokeOutside,\n  /** Default card border (Figma #cdcccd) */\n  borderDefault: deploymentSurface.borderDefault,\n  /** Primary text (Figma #1d1b20) */\n  textPrimary: deploymentSurface.textPrimary,\n  /** Secondary/muted text (Figma #818083) */\n  textSecondary: deploymentSurface.textSecondary,\n  /** Accent blue for workspace border, capacity bar, chevrons (Figma #5865f2) */\n  accentBlue: deploymentSurface.accentBlue,\n  /** Workspace card shadow */\n  workspaceShadow: '0px 8px 12px rgba(26, 10, 124, 0.1)',\n  /** Hover state for context menu items */\n  hoverLight: deploymentSurface.hoverLight,\n  /** Generic hover overlay (buttons, icon-buttons, rows) */\n  hoverOverlay: 'rgba(0, 0, 0, 0.04)',\n  /** Blue-50 highlight background for active menu items (Figma blue-50) */\n  highlightBg: deploymentSurface.highlightBg,\n  /** Blue-50 highlight background hover state */\n  highlightBgHover: deploymentSurface.highlightBgHover,\n  /** Blue-100 highlight border for active menu items (Figma blue-100) */\n  highlightBorder: deploymentSurface.highlightBorder,\n  /** Switch track enabled (Figma basic/green #53b96a) */\n  switchGreen: deploymentSurface.switchGreen,\n  /** Switch track disabled/off (Figma neutral track) */\n  switchTrackOff: deploymentSurface.switchTrackOff,\n} as const;\n","/**\n * MUI component style overrides for the design system.\n *\n * Centralized overrides applied via createTheme({ components }).\n * Keeps the theme barrel focused on composition.\n */\n\nimport type { Components, Theme } from '@mui/material/styles';\nimport { borderRadius } from './spacing';\n\nexport const components: Components<Omit<Theme, 'components'>> = {\n  MuiButton: {\n    styleOverrides: {\n      root: {\n        textTransform: 'none',\n        borderRadius: borderRadius.md,\n        fontWeight: 600,\n        padding: '8px 24px',\n        boxShadow: 'none',\n        '&:hover': {\n          boxShadow: 'none',\n        },\n      },\n      sizeSmall: {\n        padding: '4px 12px',\n        fontSize: '12px',\n      },\n      sizeMedium: {\n        padding: '8px 24px',\n        fontSize: '14px',\n      },\n      sizeLarge: {\n        padding: '12px 24px',\n        fontSize: '16px',\n      },\n    },\n  },\n  MuiTextField: {\n    styleOverrides: {\n      root: {\n        '& .MuiOutlinedInput-root': {\n          borderRadius: borderRadius.md,\n        },\n      },\n    },\n  },\n  MuiSelect: {\n    styleOverrides: {\n      root: {\n        borderRadius: borderRadius.md,\n      },\n    },\n  },\n  MuiChip: {\n    styleOverrides: {\n      root: {\n        borderRadius: borderRadius.lg,\n        fontWeight: 500,\n      },\n    },\n  },\n  MuiPaper: {\n    styleOverrides: {\n      root: {\n        boxShadow: '0px 4px 20px rgba(0, 0, 0, 0.05)',\n        border: '1px solid rgba(0, 0, 0, 0.05)',\n      },\n    },\n  },\n  MuiDrawer: {\n    styleOverrides: {\n      paper: {\n        borderRight: '1px solid rgba(0, 0, 0, 0.05)',\n      },\n    },\n  },\n  MuiAlert: {\n    styleOverrides: {\n      root: {\n        borderRadius: borderRadius.sm,\n      },\n      filled: {\n        borderRadius: borderRadius.sm,\n      },\n    },\n  },\n};\n"]}

package/dist/chunk-7KXKK2RE.js

@@ -0,0 +1,43 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/components/buttons/LoadingButton.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _lab = require('@mui/lab');
+var _jsxruntime = require('react/jsx-runtime');
+var LoadingButton = _react2.default.forwardRef(
+  function LoadingButton2({ loading = false, loadingPosition = "center", ...props }, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _lab.LoadingButton,
+      {
+        ref,
+        loading,
+        loadingPosition,
+        ...props
+      }
+    );
+  }
+);
+
+// src/components/buttons/ButtonGroup.tsx
+var _ButtonGroup = require('@mui/material/ButtonGroup'); var _ButtonGroup2 = _interopRequireDefault(_ButtonGroup);
+
+var ButtonGroup = ({
+  orientation = "horizontal",
+  size = "medium",
+  variant = "outlined",
+  ...props
+}) => {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _ButtonGroup2.default,
+    {
+      orientation,
+      size,
+      variant,
+      ...props
+    }
+  );
+};
+
+
+
+
+exports.LoadingButton = LoadingButton; exports.ButtonGroup = ButtonGroup;
+//# sourceMappingURL=chunk-7KXKK2RE.js.map

package/dist/chunk-7KXKK2RE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/cere-design-system/cere-design-system/dist/chunk-7KXKK2RE.js","../src/components/buttons/LoadingButton.tsx","../src/components/buttons/ButtonGroup.tsx"],"names":["LoadingButton","jsx"],"mappings":"AAAA;ACAA,4EAAkB;AAClB,+BAA+F;AA8BzF,+CAAA;AAHC,IAAM,cAAA,EAAgB,eAAA,CAAM,UAAA;AAAA,EACjC,SAASA,cAAAA,CAAc,EAAE,QAAA,EAAU,KAAA,EAAO,gBAAA,EAAkB,QAAA,EAAU,GAAG,MAAM,CAAA,EAAG,GAAA,EAAK;AACrF,IAAA,uBACE,6BAAA;AAAA,MAAC,kBAAA;AAAA,MAAA;AAAA,QACC,GAAA;AAAA,QACA,OAAA;AAAA,QACA,eAAA;AAAA,QACC,GAAG;AAAA,MAAA;AAAA,IACN,CAAA;AAAA,EAEJ;AACF,CAAA;ADtBA;AACA;AEjBA,kHAA2B;AAoDvB;AAPG,IAAM,YAAA,EAA0C,CAAC;AAAA,EACtD,YAAA,EAAc,YAAA;AAAA,EACd,KAAA,EAAO,QAAA;AAAA,EACP,QAAA,EAAU,UAAA;AAAA,EACV,GAAG;AACL,CAAA,EAAA,GAAM;AACJ,EAAA,uBACEC,6BAAAA;AAAA,IAAC,qBAAA;AAAA,IAAA;AAAA,MACC,WAAA;AAAA,MACA,IAAA;AAAA,MACA,OAAA;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EACN,CAAA;AAEJ,CAAA;AFvBA;AACA;AACE;AACA;AACF,yEAAC","file":"/home/runner/work/cere-design-system/cere-design-system/dist/chunk-7KXKK2RE.js","sourcesContent":[null,"import React from 'react';\nimport { LoadingButton as MuiLoadingButton, LoadingButtonProps as MuiLoadingButtonProps } from '@mui/lab';\n\nexport interface LoadingButtonProps extends MuiLoadingButtonProps {\n  /**\n   * If `true`, the button will show a loading indicator\n   */\n  loading?: boolean;\n  /**\n   * The loading indicator can be positioned inside the button or in the center\n   */\n  loadingPosition?: 'start' | 'end' | 'center';\n}\n\n/**\n * LoadingButton component - Button with loading state from MUI Lab\n * \n * @example\n * ```tsx\n * <LoadingButton\n *   variant=\"contained\"\n *   loading={isLoading}\n *   onClick={handleSubmit}\n * >\n *   Submit\n * </LoadingButton>\n * ```\n */\nexport const LoadingButton = React.forwardRef<HTMLButtonElement, LoadingButtonProps>(\n  function LoadingButton({ loading = false, loadingPosition = 'center', ...props }, ref) {\n    return (\n      <MuiLoadingButton\n        ref={ref}\n        loading={loading}\n        loadingPosition={loadingPosition}\n        {...props}\n      />\n    );\n  },\n);\n\nexport default LoadingButton;\n\n","import React from 'react';\nimport MuiButtonGroup from '@mui/material/ButtonGroup';\nimport type { ButtonGroupProps as MuiButtonGroupProps } from '@mui/material/ButtonGroup';\n\nexport interface ButtonGroupProps extends MuiButtonGroupProps {\n  /**\n   * The content of the button group\n   */\n  children?: React.ReactNode;\n  /**\n   * If `true`, the buttons will be disabled\n   */\n  disabled?: boolean;\n  /**\n   * If `true`, the button group will take full width\n   */\n  fullWidth?: boolean;\n  /**\n   * The orientation of the button group\n   * @default 'horizontal'\n   */\n  orientation?: 'horizontal' | 'vertical';\n  /**\n   * The size of the buttons\n   * @default 'medium'\n   */\n  size?: 'small' | 'medium' | 'large';\n  /**\n   * The variant to use\n   * @default 'outlined'\n   */\n  variant?: 'text' | 'outlined' | 'contained';\n}\n\n/**\n * ButtonGroup component - groups related buttons together\n * \n * @example\n * ```tsx\n * <ButtonGroup variant=\"contained\">\n *   <Button>One</Button>\n *   <Button>Two</Button>\n *   <Button>Three</Button>\n * </ButtonGroup>\n * ```\n */\nexport const ButtonGroup: React.FC<ButtonGroupProps> = ({\n  orientation = 'horizontal',\n  size = 'medium',\n  variant = 'outlined',\n  ...props\n}) => {\n  return (\n    <MuiButtonGroup\n      orientation={orientation}\n      size={size}\n      variant={variant}\n      {...props}\n    />\n  );\n};\n\nexport default ButtonGroup;\n\n"]}

package/dist/chunk-ARSCL4ZZ.js

@@ -0,0 +1,111 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/components/layout/Card.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _Card = require('@mui/material/Card'); var _Card2 = _interopRequireDefault(_Card);
+var _CardContent = require('@mui/material/CardContent'); var _CardContent2 = _interopRequireDefault(_CardContent);
+var _CardHeader = require('@mui/material/CardHeader'); var _CardHeader2 = _interopRequireDefault(_CardHeader);
+var _CardActions = require('@mui/material/CardActions'); var _CardActions2 = _interopRequireDefault(_CardActions);
+var _CardMedia = require('@mui/material/CardMedia'); var _CardMedia2 = _interopRequireDefault(_CardMedia);
+var _ButtonBase = require('@mui/material/ButtonBase'); var _ButtonBase2 = _interopRequireDefault(_ButtonBase);
+var _styles = require('@mui/material/styles');
+var _jsxruntime = require('react/jsx-runtime');
+var CardMedia = _react2.default.forwardRef(
+  function CardMedia2(props, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CardMedia2.default, { ref, ...props });
+  }
+);
+var StyledCard = _styles.styled.call(void 0, _Card2.default, {
+  shouldForwardProp: (prop) => prop !== "hoverable" && prop !== "clickable" && prop !== "dsVariant" && prop !== "asButton"
+})(
+  ({ theme, hoverable, clickable, dsVariant, asButton }) => ({
+    borderRadius: 8,
+    transition: "all 0.2s ease-in-out",
+    ...dsVariant === "standard" && {
+      boxShadow: theme.shadows[1],
+      backgroundColor: theme.palette.background.paper
+    },
+    ...dsVariant === "tinted" && {
+      boxShadow: "none",
+      backgroundColor: theme.palette.action.hover,
+      border: `1px solid ${theme.palette.divider}`
+    },
+    ...dsVariant === "outlined" && {
+      boxShadow: "none",
+      backgroundColor: theme.palette.background.paper,
+      border: `1px solid ${theme.palette.divider}`
+    },
+    ...(clickable || asButton) && {
+      cursor: "pointer"
+    },
+    ...asButton && {
+      // Neutralise ButtonBase defaults (inline-flex + center alignment) so the
+      // card lays out exactly like a non-clickable Card. We render as a column
+      // flex so consumers can still stack GradientSurface + meta inside.
+      display: "flex",
+      flexDirection: "column",
+      alignItems: "stretch",
+      justifyContent: "flex-start",
+      width: "100%",
+      textAlign: "left",
+      verticalAlign: "top",
+      font: "inherit",
+      color: "inherit",
+      padding: 0,
+      "&:focus-visible": {
+        outline: "none",
+        boxShadow: "0 0 0 4px rgba(170,68,242,0.25)"
+      }
+    },
+    ...hoverable && {
+      "&:hover": {
+        boxShadow: theme.shadows[4],
+        transform: "translateY(-2px)"
+      }
+    }
+  })
+);
+var Card = _react2.default.forwardRef(function Card2({ variant = "standard", hoverable = false, clickable = false, onClick, children, ...props }, ref) {
+  const asButton = clickable && typeof onClick === "function";
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    StyledCard,
+    {
+      ref,
+      dsVariant: variant,
+      hoverable,
+      clickable,
+      asButton,
+      variant: "elevation",
+      onClick,
+      ...asButton ? { component: _ButtonBase2.default } : {},
+      ...props,
+      children
+    }
+  );
+});
+var CardContent = _react2.default.forwardRef(
+  function CardContent2(props, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CardContent2.default, { ref, ...props });
+  }
+);
+var CardHeader = _react2.default.forwardRef(
+  function CardHeader2(props, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CardHeader2.default, { ref, ...props });
+  }
+);
+var CardActions = _react2.default.forwardRef(
+  function CardActions2(props, ref) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _CardActions2.default, { ref, ...props });
+  }
+);
+
+// src/components/layout/Typography.tsx
+var _Typography = require('@mui/material/Typography'); var _Typography2 = _interopRequireDefault(_Typography);
+
+
+
+
+
+
+
+
+exports.CardMedia = CardMedia; exports.Card = Card; exports.CardContent = CardContent; exports.CardHeader = CardHeader; exports.CardActions = CardActions; exports.default = _Typography2.default;
+//# sourceMappingURL=chunk-ARSCL4ZZ.js.map

package/dist/chunk-ARSCL4ZZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/cere-design-system/cere-design-system/dist/chunk-ARSCL4ZZ.js","../src/components/layout/Card.tsx","../src/components/layout/Typography.tsx"],"names":["CardMedia"],"mappings":"AAAA;ACAA,4EAAkB;AAClB,sFAAmD;AACnD,kHAAiD;AACjD,8GAA+C;AAC/C,kHAAiD;AACjD,0GAAkE;AAClE,8GAAuB;AACvB,8CAAuB;AAKZ,+CAAA;AAFJ,IAAM,UAAA,EAAY,eAAA,CAAM,UAAA;AAAA,EAC7B,SAASA,UAAAA,CAAU,KAAA,EAAO,GAAA,EAAK;AAC7B,IAAA,uBAAO,6BAAA,mBAAC,EAAA,EAAa,GAAA,EAAW,GAAG,MAAA,CAAO,CAAA;AAAA,EAC5C;AACF,CAAA;AAqBA,IAAM,WAAA,EAAa,4BAAA,cAAO,EAAS;AAAA,EACjC,iBAAA,EAAmB,CAAC,IAAA,EAAA,GAClB,KAAA,IAAS,YAAA,GAAe,KAAA,IAAS,YAAA,GAAe,KAAA,IAAS,YAAA,GAAe,KAAA,IAAS;AACrF,CAAC,CAAA;AAAA,EACC,CAAC,EAAE,KAAA,EAAO,SAAA,EAAW,SAAA,EAAW,SAAA,EAAW,SAAS,CAAA,EAAA,GAAA,CAAO;AAAA,IACzD,YAAA,EAAc,CAAA;AAAA,IACd,UAAA,EAAY,sBAAA;AAAA,IACZ,GAAI,UAAA,IAAc,WAAA,GAAc;AAAA,MAC9B,SAAA,EAAW,KAAA,CAAM,OAAA,CAAQ,CAAC,CAAA;AAAA,MAC1B,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,UAAA,CAAW;AAAA,IAC5C,CAAA;AAAA,IACA,GAAI,UAAA,IAAc,SAAA,GAAY;AAAA,MAC5B,SAAA,EAAW,MAAA;AAAA,MACX,eAAA,EAAiB,KAAA,CAAM,OAAA,CAAQ,MAAA,CAAO,KAAA;AAAA,MACtC,MAAA,EAAQ,CAAA,UAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,OAAO,CAAA;AAAA,IAAA;AAC5C,IAAA;AACgC,MAAA;AACnB,MAAA;AAC+B,MAAA;AACA,IAAA;AAC5C,IAAA;AAC+B,MAAA;AACrB,IAAA;AACV,IAAA;AACgB;AAAA;AAAA;AAAA,MAAA;AAIL,MAAA;AACM,MAAA;AACH,MAAA;AACI,MAAA;AACT,MAAA;AACI,MAAA;AACI,MAAA;AACT,MAAA;AACC,MAAA;AACE,MAAA;AACU,QAAA;AACR,QAAA;AACE,MAAA;AACb,IAAA;AACF,IAAA;AACiB,MAAA;AACJ,QAAA;AACiB,QAAA;AACf,MAAA;AACb,IAAA;AACF,EAAA;AAEJ;AAEO;AAQL,EAAA;AACA,EAAA;AACE,IAAA;AAAC,IAAA;AAAA,MAAA;AAOC,MAAA;AACW,MAAA;AACX,MAAA;AACA,MAAA;AACA,MAAA;AAGQ,MAAA;AACR,MAAA;AAG6C,MAAA;AACzC,MAAA;AAEH,IAAA;AAAA,EAAA;AAGP;AAEO;AAA0B,EAAA;AAE7B,IAAA;AAA4C,EAAA;AAEhD;AAEO;AAAyB,EAAA;AAE5B,IAAA;AAA2C,EAAA;AAE/C;AAEO;AAA0B,EAAA;AAE7B,IAAA;AAA4C,EAAA;AAEhD;ADzCA;AACA;AEnGA;AFqGA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA","file":"/home/runner/work/cere-design-system/cere-design-system/dist/chunk-ARSCL4ZZ.js","sourcesContent":[null,"import React from 'react';\nimport MuiCard, { CardProps as MuiCardProps } from '@mui/material/Card';\nimport MuiCardContent, { CardContentProps } from '@mui/material/CardContent';\nimport MuiCardHeader, { CardHeaderProps } from '@mui/material/CardHeader';\nimport MuiCardActions, { CardActionsProps } from '@mui/material/CardActions';\nimport MuiCardMedia, { CardMediaProps as MuiCardMediaProps } from '@mui/material/CardMedia';\nimport ButtonBase from '@mui/material/ButtonBase';\nimport { styled } from '@mui/material/styles';\n\nexport type CardMediaProps = MuiCardMediaProps;\nexport const CardMedia = React.forwardRef<HTMLDivElement, CardMediaProps>(\n  function CardMedia(props, ref) {\n    return <MuiCardMedia ref={ref} {...props} />;\n  },\n);\n\nexport type CardVariant = 'standard' | 'tinted' | 'outlined';\n\nexport interface CardProps extends Omit<MuiCardProps, 'variant'> {\n  /** Visual treatment. @default 'standard' */\n  variant?: CardVariant;\n  hoverable?: boolean;\n  /**\n   * Opt the card into being a real interactive element. When combined with\n   * `onClick`, the root renders via MUI ButtonBase — focusable button,\n   * Enter/Space activation, `:focus-visible` ring. When `clickable` is set\n   * without `onClick`, only the pointer cursor changes (back-compat).\n   *\n   * `<Card onClick={...}>` WITHOUT `clickable` keeps a `<div>` root and just\n   * forwards the click handler, so consumers using onClick for analytics or\n   * non-clickable side effects are not silently turned into buttons.\n   */\n  clickable?: boolean;\n}\n\nconst StyledCard = styled(MuiCard, {\n  shouldForwardProp: (prop) =>\n    prop !== 'hoverable' && prop !== 'clickable' && prop !== 'dsVariant' && prop !== 'asButton',\n})<{ hoverable?: boolean; clickable?: boolean; dsVariant: CardVariant; asButton?: boolean }>(\n  ({ theme, hoverable, clickable, dsVariant, asButton }) => ({\n    borderRadius: 8,\n    transition: 'all 0.2s ease-in-out',\n    ...(dsVariant === 'standard' && {\n      boxShadow: theme.shadows[1],\n      backgroundColor: theme.palette.background.paper,\n    }),\n    ...(dsVariant === 'tinted' && {\n      boxShadow: 'none',\n      backgroundColor: theme.palette.action.hover,\n      border: `1px solid ${theme.palette.divider}`,\n    }),\n    ...(dsVariant === 'outlined' && {\n      boxShadow: 'none',\n      backgroundColor: theme.palette.background.paper,\n      border: `1px solid ${theme.palette.divider}`,\n    }),\n    ...((clickable || asButton) && {\n      cursor: 'pointer',\n    }),\n    ...(asButton && {\n      // Neutralise ButtonBase defaults (inline-flex + center alignment) so the\n      // card lays out exactly like a non-clickable Card. We render as a column\n      // flex so consumers can still stack GradientSurface + meta inside.\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'stretch',\n      justifyContent: 'flex-start',\n      width: '100%',\n      textAlign: 'left',\n      verticalAlign: 'top',\n      font: 'inherit',\n      color: 'inherit',\n      padding: 0,\n      '&:focus-visible': {\n        outline: 'none',\n        boxShadow: '0 0 0 4px rgba(170,68,242,0.25)',\n      },\n    }),\n    ...(hoverable && {\n      '&:hover': {\n        boxShadow: theme.shadows[4],\n        transform: 'translateY(-2px)',\n      },\n    }),\n  }),\n);\n\nexport const Card = React.forwardRef<HTMLDivElement | HTMLButtonElement, CardProps>(function Card(\n  { variant = 'standard', hoverable = false, clickable = false, onClick, children, ...props },\n  ref,\n) {\n  // Only render as a real button when the consumer EXPLICITLY opts in via\n  // `clickable` AND wires an onClick. Inferring from onClick alone would\n  // silently turn analytics-tracking cards into <button>s with role=button\n  // and break nested forms/links.\n  const asButton = clickable && typeof onClick === 'function';\n  return (\n    <StyledCard\n      // MUI's polymorphic Card.ref is typed Ref<HTMLDivElement> by default and\n      // shifts when `component` is overridden; our public ref union honestly\n      // covers both runtime shapes (div by default, button when asButton).\n      // The cast bridges MUI's static typing to the runtime polymorphism we\n      // declared on the public API; consumers see the correct union and the\n      // ref points at whichever element is actually rendered.\n      ref={ref as React.Ref<HTMLDivElement>}\n      dsVariant={variant}\n      hoverable={hoverable}\n      clickable={clickable}\n      asButton={asButton}\n      // MUI Card accepts a 'variant' prop too (elevation | outlined); we always\n      // drive visual via dsVariant + box-shadow, so suppress MUI's default border.\n      variant=\"elevation\"\n      onClick={onClick}\n      // When clickable, render the root as a focusable button so the entire\n      // card becomes a real interactive element instead of needing an overlay.\n      {...(asButton ? { component: ButtonBase } : {})}\n      {...props}\n    >\n      {children}\n    </StyledCard>\n  );\n});\n\nexport const CardContent = React.forwardRef<HTMLDivElement, CardContentProps>(\n  function CardContent(props, ref) {\n    return <MuiCardContent ref={ref} {...props} />;\n  },\n);\n\nexport const CardHeader = React.forwardRef<HTMLDivElement, CardHeaderProps>(\n  function CardHeader(props, ref) {\n    return <MuiCardHeader ref={ref} {...props} />;\n  },\n);\n\nexport const CardActions = React.forwardRef<HTMLDivElement, CardActionsProps>(\n  function CardActions(props, ref) {\n    return <MuiCardActions ref={ref} {...props} />;\n  },\n);\n","export { default as Typography } from '@mui/material/Typography';\nexport type { TypographyProps } from '@mui/material/Typography';\n\n"]}