@cere/cere-design-system 0.0.44 → 0.1.0

package/dist/charts.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/cere-design-system/cere-design-system/dist/charts.js"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACF,sDAA4B;AAC5B,+BAA4B;AAC5B,+BAA4B;AAC5B,+BAA4B;AAC5B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,6UAAC","file":"/home/runner/work/cere-design-system/cere-design-system/dist/charts.js"}

package/dist/charts.mjs

@@ -0,0 +1,20 @@
+import {
+  ChartWidget,
+  MetricsChart,
+  PeriodSelect,
+  SummaryStats,
+  TimeRangeSelect,
+  TimeSeriesGraph
+} from "./chunk-T7LPABOL.mjs";
+import "./chunk-QD6RLAO2.mjs";
+import "./chunk-ATIFLPH6.mjs";
+import "./chunk-PWF2NJDB.mjs";
+export {
+  ChartWidget,
+  MetricsChart,
+  PeriodSelect,
+  SummaryStats,
+  TimeRangeSelect,
+  TimeSeriesGraph
+};
+//# sourceMappingURL=charts.mjs.map

package/dist/charts.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/chunk-27JEWSWA.mjs

@@ -0,0 +1,233 @@
+// src/components/layout/WorkflowNode/WorkflowNode.tsx
+import { Paper, Box, Typography } from "@mui/material";
+import PlayCircleOutlineIcon from "@mui/icons-material/PlayCircleOutline";
+import CloudDownloadIcon from "@mui/icons-material/CloudDownload";
+import WavesIcon from "@mui/icons-material/Waves";
+import LinkIcon from "@mui/icons-material/Link";
+import CloudIcon from "@mui/icons-material/Cloud";
+import BoltIcon from "@mui/icons-material/Bolt";
+import FlashOnIcon from "@mui/icons-material/FlashOn";
+import PlayArrowIcon from "@mui/icons-material/PlayArrow";
+import PsychologyIcon from "@mui/icons-material/Psychology";
+import SmartToyOutlinedIcon from "@mui/icons-material/SmartToyOutlined";
+import CallSplitIcon from "@mui/icons-material/CallSplit";
+import SendIcon from "@mui/icons-material/Send";
+import CheckCircleOutlineIcon from "@mui/icons-material/CheckCircleOutline";
+import ForkRightIcon from "@mui/icons-material/ForkRight";
+import CallMergeIcon from "@mui/icons-material/CallMerge";
+import { useTheme } from "@mui/material";
+import { jsx, jsxs } from "react/jsx-runtime";
+var WORKFLOW_NODE_LABELS = {
+  start: "Start",
+  input: "Input",
+  stream: "Stream",
+  rafts: "Rafts",
+  cubbies: "Cubbies",
+  events: "Events",
+  trigger: "Trigger",
+  action: "Action",
+  aiModel: "AI Model",
+  aiAgent: "Agent",
+  condition: "Condition",
+  output: "Output",
+  end: "End",
+  parallel: "Parallel",
+  merge: "Merge"
+};
+var NODE_ICON_SIZE = 18;
+var WORKFLOW_NODE_SHADOW = "0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1)";
+var WORKFLOW_NODE_ICONS = {
+  start: /* @__PURE__ */ jsx(PlayCircleOutlineIcon, { sx: { fontSize: NODE_ICON_SIZE } }),
+  input: /* @__PURE__ */ jsx(CloudDownloadIcon, { sx: { fontSize: NODE_ICON_SIZE } }),
+  stream: /* @__PURE__ */ jsx(WavesIcon, { sx: { fontSize: NODE_ICON_SIZE } }),
+  rafts: /* @__PURE__ */ jsx(LinkIcon, { sx: { fontSize: NODE_ICON_SIZE } }),
+  cubbies: /* @__PURE__ */ jsx(CloudIcon, { sx: { fontSize: NODE_ICON_SIZE } }),
+  events: /* @__PURE__ */ jsx(BoltIcon, { sx: { fontSize: NODE_ICON_SIZE } }),
+  trigger: /* @__PURE__ */ jsx(FlashOnIcon, { sx: { fontSize: NODE_ICON_SIZE } }),
+  action: /* @__PURE__ */ jsx(PlayArrowIcon, { sx: { fontSize: NODE_ICON_SIZE } }),
+  aiModel: /* @__PURE__ */ jsx(PsychologyIcon, { sx: { fontSize: NODE_ICON_SIZE } }),
+  aiAgent: /* @__PURE__ */ jsx(SmartToyOutlinedIcon, { sx: { fontSize: NODE_ICON_SIZE } }),
+  condition: /* @__PURE__ */ jsx(CallSplitIcon, { sx: { fontSize: NODE_ICON_SIZE } }),
+  output: /* @__PURE__ */ jsx(SendIcon, { sx: { fontSize: NODE_ICON_SIZE } }),
+  end: /* @__PURE__ */ jsx(CheckCircleOutlineIcon, { sx: { fontSize: NODE_ICON_SIZE } }),
+  parallel: /* @__PURE__ */ jsx(ForkRightIcon, { sx: { fontSize: NODE_ICON_SIZE } }),
+  merge: /* @__PURE__ */ jsx(CallMergeIcon, { sx: { fontSize: NODE_ICON_SIZE } })
+};
+var BADGE_TYPOGRAPHY = {
+  fontSize: "12px",
+  fontWeight: 500,
+  lineHeight: 1.33
+};
+var SideConnectorDot = ({
+  accentColor,
+  side
+}) => /* @__PURE__ */ jsx(
+  Box,
+  {
+    "data-testid": `workflow-node-dot-${side}`,
+    sx: (theme) => ({
+      position: "absolute",
+      top: "50%",
+      [side]: "-4px",
+      transform: "translateY(-50%)",
+      width: "8px",
+      height: "8px",
+      borderRadius: "999px",
+      border: `2px solid ${theme.palette.common.white}`,
+      backgroundColor: accentColor,
+      boxShadow: WORKFLOW_NODE_SHADOW,
+      zIndex: 1,
+      pointerEvents: "none"
+    })
+  }
+);
+var NodeTypeBadge = ({ nodeType, badgeBackground, badgeBorder, badgeText, icon, label }) => /* @__PURE__ */ jsxs(
+  Box,
+  {
+    sx: {
+      display: "inline-flex",
+      alignItems: "center",
+      justifyContent: "center",
+      gap: 1,
+      px: 1,
+      py: 0.5,
+      borderRadius: "999px",
+      backgroundColor: badgeBackground,
+      border: `1px solid ${badgeBorder}`,
+      flexShrink: 0
+    },
+    children: [
+      /* @__PURE__ */ jsx(Box, { sx: { color: badgeText, display: "flex", alignItems: "center" }, children: icon ?? WORKFLOW_NODE_ICONS[nodeType] }),
+      /* @__PURE__ */ jsx(
+        Typography,
+        {
+          variant: "body2",
+          component: "span",
+          sx: {
+            color: badgeText,
+            fontWeight: BADGE_TYPOGRAPHY.fontWeight,
+            fontSize: BADGE_TYPOGRAPHY.fontSize,
+            lineHeight: BADGE_TYPOGRAPHY.lineHeight
+          },
+          children: label ?? WORKFLOW_NODE_LABELS[nodeType]
+        }
+      )
+    ]
+  }
+);
+var WorkflowNode = ({
+  nodeType,
+  title,
+  description,
+  icon,
+  badgeLabel,
+  selected = false,
+  className,
+  showSideDots = true,
+  sx,
+  ...paperProps
+}) => {
+  const theme = useTheme();
+  const nodeTokens = theme.palette.workflow.node[nodeType];
+  const chrome = theme.palette.workflow.chrome;
+  const accentColor = nodeTokens.accent;
+  return /* @__PURE__ */ jsxs(
+    Paper,
+    {
+      elevation: 0,
+      className,
+      sx: [
+        {
+          display: "flex",
+          flexDirection: "row",
+          position: "relative",
+          overflow: "visible",
+          border: `1px solid ${selected ? accentColor : nodeTokens.cardBorder}`,
+          borderRadius: "14px",
+          minWidth: 220,
+          maxWidth: 460,
+          minHeight: "76px",
+          backgroundColor: "common.white",
+          boxShadow: WORKFLOW_NODE_SHADOW,
+          transition: "border-color 0.15s ease"
+        },
+        ...Array.isArray(sx) ? sx : [sx]
+      ],
+      ...paperProps,
+      children: [
+        showSideDots && /* @__PURE__ */ jsx(SideConnectorDot, { accentColor, side: "left" }),
+        showSideDots && /* @__PURE__ */ jsx(SideConnectorDot, { accentColor, side: "right" }),
+        /* @__PURE__ */ jsxs(
+          Box,
+          {
+            sx: {
+              flex: 1,
+              display: "flex",
+              justifyContent: "space-between",
+              alignItems: "center",
+              gap: 2,
+              px: 2,
+              py: 2,
+              minWidth: 0
+            },
+            children: [
+              /* @__PURE__ */ jsxs(Box, { sx: { minWidth: 0, flex: 1 }, children: [
+                /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "subtitle2",
+                    noWrap: true,
+                    sx: {
+                      color: chrome.titleText,
+                      fontSize: "16px",
+                      fontWeight: 500,
+                      lineHeight: "24px",
+                      letterSpacing: "-0.3125px"
+                    },
+                    children: title
+                  }
+                ),
+                description && /* @__PURE__ */ jsx(
+                  Typography,
+                  {
+                    variant: "body2",
+                    sx: {
+                      color: chrome.descriptionText,
+                      fontSize: "12px",
+                      lineHeight: "16px",
+                      mt: 0.25,
+                      overflow: "hidden",
+                      textOverflow: "ellipsis",
+                      display: "-webkit-box",
+                      WebkitLineClamp: 2,
+                      WebkitBoxOrient: "vertical"
+                    },
+                    children: description
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ jsx(
+                NodeTypeBadge,
+                {
+                  nodeType,
+                  badgeBackground: nodeTokens.badgeBg,
+                  badgeBorder: nodeTokens.badgeBorder,
+                  badgeText: nodeTokens.badgeText,
+                  icon,
+                  label: badgeLabel
+                }
+              )
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
+
+export {
+  WORKFLOW_NODE_LABELS,
+  WORKFLOW_NODE_SHADOW,
+  WorkflowNode
+};
+//# sourceMappingURL=chunk-27JEWSWA.mjs.map

package/dist/chunk-27JEWSWA.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/WorkflowNode/WorkflowNode.tsx"],"sourcesContent":["import React from 'react';\nimport { Paper, Box, Typography } from '@mui/material';\nimport type { PaperProps as MuiPaperProps } from '@mui/material/Paper';\nimport PlayCircleOutlineIcon from '@mui/icons-material/PlayCircleOutline';\nimport CloudDownloadIcon from '@mui/icons-material/CloudDownload';\nimport WavesIcon from '@mui/icons-material/Waves';\nimport LinkIcon from '@mui/icons-material/Link';\nimport CloudIcon from '@mui/icons-material/Cloud';\nimport BoltIcon from '@mui/icons-material/Bolt';\nimport FlashOnIcon from '@mui/icons-material/FlashOn';\nimport PlayArrowIcon from '@mui/icons-material/PlayArrow';\nimport PsychologyIcon from '@mui/icons-material/Psychology';\nimport SmartToyOutlinedIcon from '@mui/icons-material/SmartToyOutlined';\nimport CallSplitIcon from '@mui/icons-material/CallSplit';\nimport SendIcon from '@mui/icons-material/Send';\nimport CheckCircleOutlineIcon from '@mui/icons-material/CheckCircleOutline';\nimport ForkRightIcon from '@mui/icons-material/ForkRight';\nimport CallMergeIcon from '@mui/icons-material/CallMerge';\nimport { useTheme } from '@mui/material';\nimport type { Theme } from '@mui/material/styles';\n\n// ---------------------------------------------------------------------------\n// Types\n// ---------------------------------------------------------------------------\n\n/** All supported workflow node types */\nexport type WorkflowNodeType =\n  | 'start'\n  | 'input'\n  | 'stream'\n  | 'rafts'\n  | 'cubbies'\n  | 'events'\n  | 'trigger'\n  | 'action'\n  | 'aiModel'\n  | 'aiAgent'\n  | 'condition'\n  | 'output'\n  | 'end'\n  | 'parallel'\n  | 'merge';\n\nexport interface WorkflowNodeProps extends Omit<MuiPaperProps, 'title'> {\n  /** The workflow node type — drives accent color, default icon, and badge label */\n  nodeType: WorkflowNodeType;\n  /** Primary title displayed in the node */\n  title: string;\n  /** Optional description text below the title */\n  description?: string;\n  /** Override the default icon for this node type */\n  icon?: React.ReactNode;\n  /** Override the default badge label for this node type */\n  badgeLabel?: string;\n  /** Whether the node is currently selected (highlights border with accent color) */\n  selected?: boolean;\n  /** Optional className */\n  className?: string;\n  /** Renders left/right connector dots to match the design spec */\n  showSideDots?: boolean;\n}\n\n// ---------------------------------------------------------------------------\n// Constants\n// ---------------------------------------------------------------------------\n\n/** Human-readable labels for each node type (matches Figma badge text) */\nexport const WORKFLOW_NODE_LABELS: Record<WorkflowNodeType, string> = {\n  start: 'Start',\n  input: 'Input',\n  stream: 'Stream',\n  rafts: 'Rafts',\n  cubbies: 'Cubbies',\n  events: 'Events',\n  trigger: 'Trigger',\n  action: 'Action',\n  aiModel: 'AI Model',\n  aiAgent: 'Agent',\n  condition: 'Condition',\n  output: 'Output',\n  end: 'End',\n  parallel: 'Parallel',\n  merge: 'Merge',\n};\n\nconst NODE_ICON_SIZE = 18;\n\n/** Shared elevation shadow for workflow node cards and connector handles (Figma 277-8244) */\nexport const WORKFLOW_NODE_SHADOW = '0px 1px 3px rgba(0, 0, 0, 0.1), 0px 1px 2px rgba(0, 0, 0, 0.1)';\n\n/** Default icon for each node type */\nconst WORKFLOW_NODE_ICONS: Record<WorkflowNodeType, React.ReactElement> = {\n  start: <PlayCircleOutlineIcon sx={{ fontSize: NODE_ICON_SIZE }} />,\n  input: <CloudDownloadIcon sx={{ fontSize: NODE_ICON_SIZE }} />,\n  stream: <WavesIcon sx={{ fontSize: NODE_ICON_SIZE }} />,\n  rafts: <LinkIcon sx={{ fontSize: NODE_ICON_SIZE }} />,\n  cubbies: <CloudIcon sx={{ fontSize: NODE_ICON_SIZE }} />,\n  events: <BoltIcon sx={{ fontSize: NODE_ICON_SIZE }} />,\n  trigger: <FlashOnIcon sx={{ fontSize: NODE_ICON_SIZE }} />,\n  action: <PlayArrowIcon sx={{ fontSize: NODE_ICON_SIZE }} />,\n  aiModel: <PsychologyIcon sx={{ fontSize: NODE_ICON_SIZE }} />,\n  aiAgent: <SmartToyOutlinedIcon sx={{ fontSize: NODE_ICON_SIZE }} />,\n  condition: <CallSplitIcon sx={{ fontSize: NODE_ICON_SIZE }} />,\n  output: <SendIcon sx={{ fontSize: NODE_ICON_SIZE }} />,\n  end: <CheckCircleOutlineIcon sx={{ fontSize: NODE_ICON_SIZE }} />,\n  parallel: <ForkRightIcon sx={{ fontSize: NODE_ICON_SIZE }} />,\n  merge: <CallMergeIcon sx={{ fontSize: NODE_ICON_SIZE }} />,\n};\n\nconst BADGE_TYPOGRAPHY = {\n  fontSize: '12px',\n  fontWeight: 500,\n  lineHeight: 1.33,\n} as const;\n\n// ---------------------------------------------------------------------------\n// Sub-components\n// ---------------------------------------------------------------------------\n\n/** Circular connector marker used on left and right sides of the node card */\nconst SideConnectorDot: React.FC<{ accentColor: string; side: 'left' | 'right' }> = ({\n  accentColor,\n  side,\n}) => (\n  <Box\n    data-testid={`workflow-node-dot-${side}`}\n    sx={(theme) => ({\n      position: 'absolute',\n      top: '50%',\n      [side]: '-4px',\n      transform: 'translateY(-50%)',\n      width: '8px',\n      height: '8px',\n      borderRadius: '999px',\n      border: `2px solid ${theme.palette.common.white}`,\n      backgroundColor: accentColor,\n      boxShadow: WORKFLOW_NODE_SHADOW,\n      zIndex: 1,\n      pointerEvents: 'none',\n    })}\n  />\n);\n\n/** Outlined soft badge pill showing node type icon + label (Figma 277-8244) */\nconst NodeTypeBadge: React.FC<{\n  nodeType: WorkflowNodeType;\n  badgeBackground: string;\n  badgeBorder: string;\n  badgeText: string;\n  icon?: React.ReactNode;\n  label?: string;\n}> = ({ nodeType, badgeBackground, badgeBorder, badgeText, icon, label }) => (\n  <Box\n    sx={{\n      display: 'inline-flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n      gap: 1,\n      px: 1,\n      py: 0.5,\n      borderRadius: '999px',\n      backgroundColor: badgeBackground,\n      border: `1px solid ${badgeBorder}`,\n      flexShrink: 0,\n    }}\n  >\n    <Box sx={{ color: badgeText, display: 'flex', alignItems: 'center' }}>\n      {icon ?? WORKFLOW_NODE_ICONS[nodeType]}\n    </Box>\n    <Typography\n      variant=\"body2\"\n      component=\"span\"\n      sx={{\n        color: badgeText,\n        fontWeight: BADGE_TYPOGRAPHY.fontWeight,\n        fontSize: BADGE_TYPOGRAPHY.fontSize,\n        lineHeight: BADGE_TYPOGRAPHY.lineHeight,\n      }}\n    >\n      {label ?? WORKFLOW_NODE_LABELS[nodeType]}\n    </Typography>\n  </Box>\n);\n\n// ---------------------------------------------------------------------------\n// Main component\n// ---------------------------------------------------------------------------\n\n/**\n * WorkflowNode — visual card for a workflow editor node.\n *\n * Renders a card with a colored left border strip, title, optional description,\n * and a type badge/chip. Designed to integrate with FlowEditor (ReactFlow)\n * via the WorkflowNodeHandle wrapper.\n *\n * @example\n * ```tsx\n * <WorkflowNode\n *   nodeType=\"trigger\"\n *   title=\"HTTP Trigger\"\n *   description=\"Listens for incoming webhook calls\"\n * />\n * ```\n */\nexport const WorkflowNode: React.FC<WorkflowNodeProps> = ({\n  nodeType,\n  title,\n  description,\n  icon,\n  badgeLabel,\n  selected = false,\n  className,\n  showSideDots = true,\n  sx,\n  ...paperProps\n}) => {\n  const theme = useTheme() as Theme;\n  const nodeTokens = theme.palette.workflow.node[nodeType];\n  const chrome = theme.palette.workflow.chrome;\n  const accentColor = nodeTokens.accent;\n\n  return (\n    <Paper\n      elevation={0}\n      className={className}\n      sx={[\n        {\n          display: 'flex',\n          flexDirection: 'row',\n          position: 'relative',\n          overflow: 'visible',\n          border: `1px solid ${selected ? accentColor : nodeTokens.cardBorder}`,\n          borderRadius: '14px',\n          minWidth: 220,\n          maxWidth: 460,\n          minHeight: '76px',\n          backgroundColor: 'common.white',\n          boxShadow: WORKFLOW_NODE_SHADOW,\n          transition: 'border-color 0.15s ease',\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n      {...paperProps}\n    >\n      {showSideDots && <SideConnectorDot accentColor={accentColor} side=\"left\" />}\n      {showSideDots && <SideConnectorDot accentColor={accentColor} side=\"right\" />}\n\n      <Box\n        sx={{\n          flex: 1,\n          display: 'flex',\n          justifyContent: 'space-between',\n          alignItems: 'center',\n          gap: 2,\n          px: 2,\n          py: 2,\n          minWidth: 0,\n        }}\n      >\n        {/* Left: title + description */}\n        <Box sx={{ minWidth: 0, flex: 1 }}>\n          <Typography\n            variant=\"subtitle2\"\n            noWrap\n            sx={{\n              color: chrome.titleText,\n              fontSize: '16px',\n              fontWeight: 500,\n              lineHeight: '24px',\n              letterSpacing: '-0.3125px',\n            }}\n          >\n            {title}\n          </Typography>\n          {description && (\n            <Typography\n              variant=\"body2\"\n              sx={{\n                color: chrome.descriptionText,\n                fontSize: '12px',\n                lineHeight: '16px',\n                mt: 0.25,\n                overflow: 'hidden',\n                textOverflow: 'ellipsis',\n                display: '-webkit-box',\n                WebkitLineClamp: 2,\n                WebkitBoxOrient: 'vertical',\n              }}\n            >\n              {description}\n            </Typography>\n          )}\n        </Box>\n\n        {/* Right: filled type badge */}\n        <NodeTypeBadge\n          nodeType={nodeType}\n          badgeBackground={nodeTokens.badgeBg}\n          badgeBorder={nodeTokens.badgeBorder}\n          badgeText={nodeTokens.badgeText}\n          icon={icon}\n          label={badgeLabel}\n        />\n      </Box>\n    </Paper>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-2EBCST6X.js

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/components/icons/CereIcon.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _SvgIcon = require('@mui/material/SvgIcon'); var _SvgIcon2 = _interopRequireDefault(_SvgIcon);
+var _jsxruntime = require('react/jsx-runtime');
+var CereIcon = React.forwardRef(
+  function CereIcon2(props, ref) {
+    const reactId = React.useId();
+    const clipId = `cere-icon-clip-${reactId}`;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _SvgIcon2.default, { ref, ...props, viewBox: "0 0 24 28", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "g", { clipPath: `url(#${clipId})`, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        "path",
+        {
+          d: "M12.77 26.848c-5.95 0-10.572-2.88-12.063-7.515l-.334-1.037.978-.471c.103-.051 2.668-1.35 2.509-3.901-.169-2.695-2.339-3.96-2.431-4.012L.475 9.37l.412-1.025C2.838 3.601 7.28.77 12.77.77c4.314 0 8.095 1.698 10.37 4.658l.575.748-4.535 6.146-1.013-.984c-.02-.019-2.175-2.069-4.678-2.08-2.411-.012-3.362.902-3.401.941L8.3 8.473c.164-.175 1.695-1.733 5.199-1.707 2.232.01 4.161 1.084 5.3 1.896l1.778-2.41c-1.845-1.91-4.636-2.99-7.808-2.99-4.095 0-7.459 1.91-9.182 5.155 1.042.879 2.57 2.62 2.742 5.35.185 2.95-1.692 4.806-2.913 5.692 1.445 3.043 4.932 4.895 9.354 4.895 3.063 0 6.198-1.2 8.134-3.053l-2.023-2.55c-1.077.768-2.917 1.764-5.323 1.89-3.416.177-5.436-1.404-5.52-1.471l1.536-1.954c.047.035 1.42 1.065 3.855.936 2.884-.15 4.734-2.012 4.75-2.032l.98-1.002.874 1.094 4.088 5.155-.627.779c-2.3 2.856-6.508 4.702-10.726 4.702Z",
+          fill: "currentColor"
+        }
+      ) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "defs", { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "clipPath", { id: clipId, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { fill: "currentColor", transform: "translate(.373 .77)", d: "M0 0h23.615v26.36H0z" }) }) })
+    ] });
+  }
+);
+
+
+
+exports.CereIcon = CereIcon;
+//# sourceMappingURL=chunk-2EBCST6X.js.map

package/dist/chunk-2EBCST6X.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/cere-design-system/cere-design-system/dist/chunk-2EBCST6X.js","../src/components/icons/CereIcon.tsx"],"names":["CereIcon"],"mappings":"AAAA;ACAA,2EAAuB;AACvB,kGAA2C;AAOrC,+CAAA;AALC,IAAM,SAAA,EAAiB,KAAA,CAAA,UAAA;AAAA,EAC5B,SAASA,SAAAA,CAAS,KAAA,EAAO,GAAA,EAAK;AAC5B,IAAA,MAAM,QAAA,EAAgB,KAAA,CAAA,KAAA,CAAM,CAAA;AAC5B,IAAA,MAAM,OAAA,EAAS,CAAA,eAAA,EAAkB,OAAO,CAAA,CAAA;AAE7B,IAAA;AACM,sBAAA;AACV,QAAA;AAAA,QAAA;AACG,UAAA;AACG,UAAA;AAAA,QAAA;AAET,MAAA;AAEE,sBAAA;AAIJ,IAAA;AAEJ,EAAA;AACF;ADH6C;AACA;AACA;AACA","file":"/home/runner/work/cere-design-system/cere-design-system/dist/chunk-2EBCST6X.js","sourcesContent":[null,"import * as React from 'react';\nimport SvgIcon, { type SvgIconProps } from '@mui/material/SvgIcon';\n\nexport const CereIcon = React.forwardRef<SVGSVGElement, SvgIconProps>(\n  function CereIcon(props, ref) {\n    const reactId = React.useId();\n    const clipId = `cere-icon-clip-${reactId}`;\n    return (\n      <SvgIcon ref={ref} {...props} viewBox=\"0 0 24 28\">\n        <g clipPath={`url(#${clipId})`}>\n          <path\n            d=\"M12.77 26.848c-5.95 0-10.572-2.88-12.063-7.515l-.334-1.037.978-.471c.103-.051 2.668-1.35 2.509-3.901-.169-2.695-2.339-3.96-2.431-4.012L.475 9.37l.412-1.025C2.838 3.601 7.28.77 12.77.77c4.314 0 8.095 1.698 10.37 4.658l.575.748-4.535 6.146-1.013-.984c-.02-.019-2.175-2.069-4.678-2.08-2.411-.012-3.362.902-3.401.941L8.3 8.473c.164-.175 1.695-1.733 5.199-1.707 2.232.01 4.161 1.084 5.3 1.896l1.778-2.41c-1.845-1.91-4.636-2.99-7.808-2.99-4.095 0-7.459 1.91-9.182 5.155 1.042.879 2.57 2.62 2.742 5.35.185 2.95-1.692 4.806-2.913 5.692 1.445 3.043 4.932 4.895 9.354 4.895 3.063 0 6.198-1.2 8.134-3.053l-2.023-2.55c-1.077.768-2.917 1.764-5.323 1.89-3.416.177-5.436-1.404-5.52-1.471l1.536-1.954c.047.035 1.42 1.065 3.855.936 2.884-.15 4.734-2.012 4.75-2.032l.98-1.002.874 1.094 4.088 5.155-.627.779c-2.3 2.856-6.508 4.702-10.726 4.702Z\"\n            fill=\"currentColor\"\n          />\n        </g>\n        <defs>\n          <clipPath id={clipId}>\n            <path fill=\"currentColor\" transform=\"translate(.373 .77)\" d=\"M0 0h23.615v26.36H0z\" />\n          </clipPath>\n        </defs>\n      </SvgIcon>\n    );\n  },\n);\n"]}