@cere/cere-design-system 0.0.44 → 0.1.0

package/dist/chunk-IE6GCHDI.mjs

@@ -0,0 +1,530 @@
+import {
+  fontFamilyMono
+} from "./chunk-PWF2NJDB.mjs";
+
+// src/components/feedback/Chip.tsx
+import React from "react";
+import MuiChip from "@mui/material/Chip";
+import { styled } from "@mui/material/styles";
+
+// src/components/feedback/chipVariantStyles.ts
+function getChipVariantStyles(variant, theme) {
+  switch (variant) {
+    case "active":
+      return {
+        backgroundColor: theme.palette.background.selected,
+        color: theme.palette.primary.main,
+        hoverBackgroundColor: theme.palette.background.selected
+      };
+    case "success":
+      return {
+        backgroundColor: theme.palette.success.main,
+        color: theme.palette.success.contrastText,
+        hoverBackgroundColor: theme.palette.success.dark
+      };
+    case "error":
+      return {
+        backgroundColor: theme.palette.error.main,
+        color: theme.palette.error.contrastText,
+        hoverBackgroundColor: theme.palette.error.dark
+      };
+    case "warning":
+      return {
+        backgroundColor: theme.palette.warning.main,
+        color: theme.palette.warning.contrastText,
+        hoverBackgroundColor: theme.palette.warning.dark
+      };
+    case "info":
+      return {
+        backgroundColor: theme.palette.info.main,
+        color: theme.palette.info.contrastText,
+        hoverBackgroundColor: theme.palette.info.dark
+      };
+    case "default":
+    default:
+      return {
+        backgroundColor: theme.palette.grey[100],
+        color: theme.palette.text.primary,
+        hoverBackgroundColor: theme.palette.grey[200]
+      };
+  }
+}
+
+// src/components/feedback/Chip.tsx
+import { jsx } from "react/jsx-runtime";
+var StyledChip = styled(MuiChip, {
+  shouldForwardProp: (prop) => prop !== "dsVariant" && prop !== "dsTone"
+})(({ theme, dsVariant, dsTone }) => {
+  if (dsTone === "onGradient") {
+    return {
+      height: 22,
+      color: "white",
+      backgroundColor: "rgba(0,0,0,0.25)",
+      border: "1px solid rgba(255,255,255,0.22)",
+      fontFamily: fontFamilyMono,
+      fontSize: 10,
+      textTransform: "uppercase",
+      letterSpacing: "0.05em",
+      "& .MuiChip-label": {
+        paddingLeft: 8,
+        paddingRight: 8
+      }
+    };
+  }
+  const { backgroundColor, color, hoverBackgroundColor } = getChipVariantStyles(dsVariant, theme);
+  return {
+    backgroundColor,
+    color,
+    "&:hover": { backgroundColor: hoverBackgroundColor }
+  };
+});
+var Chip = React.forwardRef(function Chip2({ variant = "default", tone = "default", ...props }, ref) {
+  return /* @__PURE__ */ jsx(StyledChip, { ref, dsVariant: variant, dsTone: tone, ...props });
+});
+
+// src/components/feedback/StatusDot.tsx
+import React2 from "react";
+import { styled as styled2, keyframes } from "@mui/material/styles";
+import { jsx as jsx2 } from "react/jsx-runtime";
+function statusColor(status, theme) {
+  switch (status) {
+    case "success":
+      return theme.palette.success.main;
+    case "error":
+      return theme.palette.error.main;
+    case "warning":
+      return theme.palette.warning.main;
+    case "info":
+      return theme.palette.info.main;
+    case "primary":
+      return theme.palette.primary.main;
+    case "neutral":
+    default:
+      return theme.palette.grey[400];
+  }
+}
+var pulseKeyframes = keyframes`
+  0%, 100% { opacity: 1; transform: scale(1); }
+  50% { opacity: 0.55; transform: scale(1.35); }
+`;
+var Dot = styled2("span", {
+  shouldForwardProp: (prop) => prop !== "status" && prop !== "size" && prop !== "pulse"
+})(({ theme, status, size, pulse }) => ({
+  display: "inline-block",
+  flexShrink: 0,
+  width: size,
+  height: size,
+  borderRadius: "50%",
+  backgroundColor: statusColor(status, theme),
+  animation: pulse ? `${pulseKeyframes} 1.6s ease-in-out infinite` : void 0,
+  "@media (prefers-reduced-motion: reduce)": {
+    animation: "none"
+  }
+}));
+var StatusDot = React2.forwardRef(function StatusDot2({ status, size = 8, pulse = false, "aria-label": ariaLabel, ...rest }, ref) {
+  const a11yProps = ariaLabel ? { role: "img", "aria-label": ariaLabel } : { "aria-hidden": true };
+  return /* @__PURE__ */ jsx2(Dot, { ref, status, size, pulse, ...rest, ...a11yProps });
+});
+
+// src/components/feedback/StatusLabel.tsx
+import * as React3 from "react";
+import Box from "@mui/material/Box";
+import Typography from "@mui/material/Typography";
+import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+var SIZES = {
+  small: { dot: 6, typography: "caption" },
+  medium: { dot: 8, typography: "body2" }
+};
+var StatusLabel = React3.forwardRef(
+  function StatusLabel2({ status, label, size = "medium", pulse = false, ...rest }, ref) {
+    const { dot, typography } = SIZES[size];
+    return /* @__PURE__ */ jsxs(
+      Box,
+      {
+        ref,
+        ...pulse ? { "aria-live": "polite" } : {},
+        ...rest,
+        sx: (theme) => ({
+          display: "inline-flex",
+          alignItems: "center",
+          gap: theme.spacing(0.75)
+        }),
+        children: [
+          /* @__PURE__ */ jsx3(StatusDot, { status, size: dot, pulse }),
+          /* @__PURE__ */ jsx3(Typography, { variant: typography, component: "span", sx: { lineHeight: 1.2 }, children: label })
+        ]
+      }
+    );
+  }
+);
+
+// src/components/feedback/CopyChip.tsx
+import { useEffect, useRef, useState } from "react";
+import Box2 from "@mui/material/Box";
+import Tooltip from "@mui/material/Tooltip";
+import CheckIcon from "@mui/icons-material/Check";
+import ContentCopyIcon from "@mui/icons-material/ContentCopy";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
+var COPY_FEEDBACK_MS = 1200;
+var CopyChip = ({
+  text,
+  maxWidth = 260,
+  "aria-label": ariaLabel,
+  tooltipLabel = "Copy",
+  tooltipCopiedLabel = "Copied",
+  onCopy
+}) => {
+  const [copied, setCopied] = useState(false);
+  const timerRef = useRef(null);
+  useEffect(() => {
+    return () => {
+      if (timerRef.current != null) clearTimeout(timerRef.current);
+    };
+  }, []);
+  const handleCopy = async () => {
+    try {
+      await navigator.clipboard.writeText(text);
+    } catch {
+      return;
+    }
+    setCopied(true);
+    onCopy?.();
+    if (timerRef.current != null) clearTimeout(timerRef.current);
+    timerRef.current = setTimeout(() => setCopied(false), COPY_FEEDBACK_MS);
+  };
+  return /* @__PURE__ */ jsx4(Tooltip, { title: copied ? tooltipCopiedLabel : tooltipLabel, placement: "top", children: /* @__PURE__ */ jsxs2(
+    Box2,
+    {
+      component: "button",
+      type: "button",
+      onClick: handleCopy,
+      "aria-label": ariaLabel ?? `Copy ${text}`,
+      sx: {
+        display: "inline-flex",
+        alignItems: "center",
+        gap: 0.75,
+        bgcolor: "action.hover",
+        color: "text.primary",
+        border: "none",
+        borderRadius: 1,
+        px: 1,
+        py: 0.5,
+        fontFamily: "monospace",
+        fontSize: 12,
+        cursor: "pointer",
+        transition: "background-color 0.12s",
+        maxWidth: "100%",
+        "&:hover": { bgcolor: "action.selected" }
+      },
+      children: [
+        /* @__PURE__ */ jsx4(
+          Box2,
+          {
+            component: "span",
+            sx: {
+              overflow: "hidden",
+              textOverflow: "ellipsis",
+              whiteSpace: "nowrap",
+              maxWidth
+            },
+            children: text
+          }
+        ),
+        copied ? /* @__PURE__ */ jsx4(CheckIcon, { sx: { fontSize: 14 } }) : /* @__PURE__ */ jsx4(ContentCopyIcon, { sx: { fontSize: 14 } })
+      ]
+    }
+  ) });
+};
+
+// src/components/feedback/Tooltip.tsx
+import React5 from "react";
+import MuiTooltip from "@mui/material/Tooltip";
+import { styled as styled3 } from "@mui/material/styles";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var StyledTooltip = styled3(MuiTooltip)(({ theme }) => ({
+  "& .MuiTooltip-tooltip": {
+    backgroundColor: theme.palette.grey[800],
+    color: theme.palette.common.white,
+    fontSize: "12px",
+    padding: "8px 12px",
+    borderRadius: "4px"
+  },
+  "& .MuiTooltip-arrow": {
+    color: theme.palette.grey[800]
+  }
+}));
+var Tooltip2 = React5.forwardRef(function Tooltip3(props, ref) {
+  return /* @__PURE__ */ jsx5(StyledTooltip, { ref, ...props });
+});
+
+// src/components/feedback/Progress.tsx
+import {
+  LinearProgress,
+  CircularProgress,
+  styled as styled4
+} from "@mui/material";
+import { jsx as jsx6 } from "react/jsx-runtime";
+var StyledLinearProgress = styled4(LinearProgress)(({ theme }) => ({
+  height: 4,
+  borderRadius: 2,
+  backgroundColor: theme.palette.grey[200],
+  "& .MuiLinearProgress-bar": {
+    backgroundColor: theme.palette.primary.main,
+    borderRadius: 2
+  }
+}));
+var StyledCircularProgress = styled4(CircularProgress)(({ theme }) => ({
+  color: theme.palette.primary.main
+}));
+var Progress = ({
+  variant = "linear",
+  value,
+  size = 40,
+  thickness = 4
+}) => {
+  if (variant === "circular") {
+    return /* @__PURE__ */ jsx6(StyledCircularProgress, { size, thickness });
+  }
+  return /* @__PURE__ */ jsx6(
+    StyledLinearProgress,
+    {
+      variant: value !== void 0 ? "determinate" : "indeterminate",
+      value
+    }
+  );
+};
+
+// src/components/feedback/Alert.tsx
+import React6 from "react";
+import MuiAlert from "@mui/material/Alert";
+import { AlertTitle as MuiAlertTitle } from "@mui/material";
+import MuiSnackbar from "@mui/material/Snackbar";
+import { styled as styled5 } from "@mui/material/styles";
+import { jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+var StyledAlert = styled5(MuiAlert)({
+  borderRadius: 8,
+  "&.MuiAlert-filled": {
+    borderRadius: 8
+  }
+});
+var Alert = React6.forwardRef(function Alert2({ severity = "info", title, children, ...props }, ref) {
+  return /* @__PURE__ */ jsxs3(StyledAlert, { ref, severity, ...props, children: [
+    title && /* @__PURE__ */ jsx7(MuiAlertTitle, { children: title }),
+    children
+  ] });
+});
+var StyledSnackbar = styled5(MuiSnackbar)({});
+var StableFadeTransition = React6.forwardRef(
+  (props, ref) => {
+    return React6.cloneElement(props.children, {
+      ref,
+      style: {
+        ...props.children.props.style,
+        transition: "opacity 0.3s ease-in-out"
+      }
+    });
+  }
+);
+StableFadeTransition.displayName = "StableFadeTransition";
+var Snackbar = React6.forwardRef(function Snackbar2({
+  message,
+  severity = "info",
+  title,
+  variant = "filled",
+  onClose,
+  children,
+  anchorOrigin = { vertical: "bottom", horizontal: "center" },
+  autoHideDuration = 6e3,
+  ...props
+}, ref) {
+  const handleClose = (_event, reason) => {
+    if (reason === "clickaway" && onClose) {
+      return;
+    }
+    onClose?.();
+  };
+  const content = children || (message ? /* @__PURE__ */ jsx7(
+    Alert,
+    {
+      onClose: onClose ? handleClose : void 0,
+      severity,
+      variant,
+      title,
+      sx: { width: "100%", borderRadius: 2 },
+      children: message
+    }
+  ) : void 0);
+  if (!content) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx7(
+    StyledSnackbar,
+    {
+      ref,
+      anchorOrigin,
+      autoHideDuration,
+      onClose: handleClose,
+      disableWindowBlurListener: true,
+      ClickAwayListenerProps: {
+        onClickAway: () => {
+        }
+        // Prevent scroll issues
+      },
+      TransitionComponent: StableFadeTransition,
+      ...props,
+      children: content
+    }
+  );
+});
+
+// src/components/feedback/EmptyState.tsx
+import React7 from "react";
+import { Box as Box3, Typography as Typography2 } from "@mui/material";
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+var EmptyState = React7.forwardRef(function EmptyState2({ title = "No items found", description, icon, action }, ref) {
+  return /* @__PURE__ */ jsxs4(
+    Box3,
+    {
+      ref,
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "center",
+        padding: 6,
+        textAlign: "center",
+        minHeight: 200
+      },
+      children: [
+        icon && /* @__PURE__ */ jsx8(
+          Box3,
+          {
+            sx: {
+              color: "text.secondary",
+              marginBottom: 2,
+              fontSize: 64
+            },
+            children: icon
+          }
+        ),
+        /* @__PURE__ */ jsx8(Typography2, { variant: "h6", sx: { marginBottom: 1, color: "text.primary" }, children: title }),
+        description && /* @__PURE__ */ jsx8(Typography2, { variant: "body2", sx: { color: "text.secondary", marginBottom: 3 }, children: description }),
+        action && /* @__PURE__ */ jsx8(Box3, { children: action })
+      ]
+    }
+  );
+});
+
+// src/components/feedback/Loading.tsx
+import React8 from "react";
+import { Box as Box4, CircularProgress as CircularProgress2, Typography as Typography3 } from "@mui/material";
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+var Loading = React8.forwardRef(function Loading2({ message = "Loading...", size = 40, fullScreen = false }, ref) {
+  const content = /* @__PURE__ */ jsxs5(
+    Box4,
+    {
+      ref,
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        alignItems: "center",
+        gap: 2,
+        ...fullScreen && {
+          height: "100vh",
+          width: "100vw",
+          position: "fixed",
+          top: 0,
+          left: 0,
+          backgroundColor: "background.default",
+          zIndex: 9999
+        },
+        ...!fullScreen && {
+          padding: 4
+        }
+      },
+      children: [
+        /* @__PURE__ */ jsx9(CircularProgress2, { size, thickness: 4 }),
+        message && /* @__PURE__ */ jsx9(Typography3, { variant: "body2", color: "text.secondary", children: message })
+      ]
+    }
+  );
+  return content;
+});
+
+// src/components/feedback/AppLoading.tsx
+import { Box as Box5, CircularProgress as CircularProgress3, Typography as Typography4 } from "@mui/material";
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var AppLoading = ({
+  message = "Loading...",
+  logo = "/icons/logo.png",
+  sx = {}
+}) => {
+  return /* @__PURE__ */ jsxs6(
+    Box5,
+    {
+      sx: [
+        {
+          display: "flex",
+          flexDirection: "column",
+          justifyContent: "center",
+          alignItems: "center",
+          height: "100vh",
+          width: "100vw",
+          position: "fixed",
+          top: 0,
+          left: 0,
+          backgroundColor: "grey.50",
+          zIndex: 9999
+        },
+        ...Array.isArray(sx) ? sx : [sx]
+      ],
+      children: [
+        logo && /* @__PURE__ */ jsx10(
+          Box5,
+          {
+            component: "img",
+            src: logo,
+            alt: "Logo",
+            sx: {
+              height: 80,
+              width: "auto",
+              mb: 4
+            }
+          }
+        ),
+        /* @__PURE__ */ jsx10(CircularProgress3, { size: 40, thickness: 4, sx: { mb: 2 } }),
+        /* @__PURE__ */ jsx10(Typography4, { variant: "body1", color: "text.secondary", children: message })
+      ]
+    }
+  );
+};
+
+// src/components/feedback/CircularProgress.tsx
+import React9 from "react";
+import {
+  CircularProgress as MuiCircularProgress
+} from "@mui/material";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var CircularProgress4 = React9.forwardRef(
+  function CircularProgress5({ size = 40, thickness = 4, ...props }, ref) {
+    return /* @__PURE__ */ jsx11(MuiCircularProgress, { ref, size, thickness, ...props });
+  }
+);
+
+export {
+  getChipVariantStyles,
+  Chip,
+  StatusDot,
+  StatusLabel,
+  CopyChip,
+  Tooltip2 as Tooltip,
+  Progress,
+  Alert,
+  Snackbar,
+  EmptyState,
+  Loading,
+  AppLoading,
+  CircularProgress4 as CircularProgress
+};
+//# sourceMappingURL=chunk-IE6GCHDI.mjs.map

package/dist/chunk-IE6GCHDI.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Chip.tsx","../src/components/feedback/chipVariantStyles.ts","../src/components/feedback/StatusDot.tsx","../src/components/feedback/StatusLabel.tsx","../src/components/feedback/CopyChip.tsx","../src/components/feedback/Tooltip.tsx","../src/components/feedback/Progress.tsx","../src/components/feedback/Alert.tsx","../src/components/feedback/EmptyState.tsx","../src/components/feedback/Loading.tsx","../src/components/feedback/AppLoading.tsx","../src/components/feedback/CircularProgress.tsx"],"sourcesContent":["import React from 'react';\nimport MuiChip, { ChipProps as MuiChipProps } from '@mui/material/Chip';\nimport { styled } from '@mui/material/styles';\nimport { getChipVariantStyles, type ChipVariant } from './chipVariantStyles';\nimport { fontFamilyMono } from '../../theme/typography';\n\nexport type { ChipVariant };\n\nexport type ChipTone = 'default' | 'onGradient';\n\nexport interface ChipProps extends Omit<MuiChipProps, 'color' | 'variant'> {\n  variant?: ChipVariant;\n  /**\n   * Visual tone overlay. `onGradient` styles the chip to read on a dark\n   * gradient surface (white text, mono caps, translucent border + bg).\n   * Positioning is the consumer's job.\n   * @default 'default'\n   */\n  tone?: ChipTone;\n}\n\nconst StyledChip = styled(MuiChip, {\n  shouldForwardProp: (prop) => prop !== 'dsVariant' && prop !== 'dsTone',\n})<{ dsVariant: ChipVariant; dsTone: ChipTone }>(({ theme, dsVariant, dsTone }) => {\n  if (dsTone === 'onGradient') {\n    return {\n      height: 22,\n      color: 'white',\n      backgroundColor: 'rgba(0,0,0,0.25)',\n      border: '1px solid rgba(255,255,255,0.22)',\n      fontFamily: fontFamilyMono,\n      fontSize: 10,\n      textTransform: 'uppercase' as const,\n      letterSpacing: '0.05em',\n      '& .MuiChip-label': {\n        paddingLeft: 8,\n        paddingRight: 8,\n      },\n    };\n  }\n  const { backgroundColor, color, hoverBackgroundColor } = getChipVariantStyles(dsVariant, theme);\n  return {\n    backgroundColor,\n    color,\n    '&:hover': { backgroundColor: hoverBackgroundColor },\n  };\n});\n\nexport const Chip = React.forwardRef<HTMLDivElement, ChipProps>(function Chip(\n  { variant = 'default', tone = 'default', ...props },\n  ref,\n) {\n  return <StyledChip ref={ref} dsVariant={variant} dsTone={tone} {...props} />;\n});\n","import type { Theme } from '@mui/material/styles';\n\nexport type ChipVariant = 'default' | 'active' | 'success' | 'error' | 'warning' | 'info';\n\nexport interface ChipVariantStyles {\n  backgroundColor: string;\n  color: string;\n  hoverBackgroundColor: string;\n}\n\n/**\n * Resolve a Chip variant to its themed background/foreground/hover colors.\n *\n * Status variants (success/error/warning/info) use the `main` surface with\n * `contrastText` (typically white) so chips read as loud solid pills.\n * `default` is neutral grey; `active` uses the brand-selected background.\n */\nexport function getChipVariantStyles(variant: ChipVariant, theme: Theme): ChipVariantStyles {\n  switch (variant) {\n    case 'active':\n      return {\n        backgroundColor: theme.palette.background.selected,\n        color: theme.palette.primary.main,\n        hoverBackgroundColor: theme.palette.background.selected,\n      };\n    case 'success':\n      return {\n        backgroundColor: theme.palette.success.main,\n        color: theme.palette.success.contrastText,\n        hoverBackgroundColor: theme.palette.success.dark,\n      };\n    case 'error':\n      return {\n        backgroundColor: theme.palette.error.main,\n        color: theme.palette.error.contrastText,\n        hoverBackgroundColor: theme.palette.error.dark,\n      };\n    case 'warning':\n      return {\n        backgroundColor: theme.palette.warning.main,\n        color: theme.palette.warning.contrastText,\n        hoverBackgroundColor: theme.palette.warning.dark,\n      };\n    case 'info':\n      return {\n        backgroundColor: theme.palette.info.main,\n        color: theme.palette.info.contrastText,\n        hoverBackgroundColor: theme.palette.info.dark,\n      };\n    case 'default':\n    default:\n      return {\n        backgroundColor: theme.palette.grey[100],\n        color: theme.palette.text.primary,\n        hoverBackgroundColor: theme.palette.grey[200],\n      };\n  }\n}\n","import React from 'react';\nimport { styled, keyframes, type Theme } from '@mui/material/styles';\n\nexport type StatusDotStatus = 'success' | 'error' | 'warning' | 'info' | 'primary' | 'neutral';\n\nexport interface StatusDotProps extends Omit<React.HTMLAttributes<HTMLSpanElement>, 'role'> {\n  /** Which themed color to render. `neutral` uses a grey for idle/queued states. */\n  status: StatusDotStatus;\n  /** Diameter in pixels. @default 8 */\n  size?: number;\n  /**\n   * Pulse animation for in-progress states (e.g., a running run). Respects\n   * `prefers-reduced-motion` and falls back to a static dot.\n   */\n  pulse?: boolean;\n  /**\n   * When provided, the dot becomes an accessible image with this label. When\n   * omitted, the dot is marked `aria-hidden` — assume an adjacent element\n   * carries the status semantics.\n   */\n  'aria-label'?: string;\n}\n\nfunction statusColor(status: StatusDotStatus, theme: Theme): string {\n  switch (status) {\n    case 'success': return theme.palette.success.main;\n    case 'error': return theme.palette.error.main;\n    case 'warning': return theme.palette.warning.main;\n    case 'info': return theme.palette.info.main;\n    case 'primary': return theme.palette.primary.main;\n    case 'neutral':\n    default:\n      return theme.palette.grey[400];\n  }\n}\n\nconst pulseKeyframes = keyframes`\n  0%, 100% { opacity: 1; transform: scale(1); }\n  50% { opacity: 0.55; transform: scale(1.35); }\n`;\n\nconst Dot = styled('span', {\n  shouldForwardProp: (prop) => prop !== 'status' && prop !== 'size' && prop !== 'pulse',\n})<{ status: StatusDotStatus; size: number; pulse: boolean }>(({ theme, status, size, pulse }) => ({\n  display: 'inline-block',\n  flexShrink: 0,\n  width: size,\n  height: size,\n  borderRadius: '50%',\n  backgroundColor: statusColor(status, theme),\n  animation: pulse ? `${pulseKeyframes} 1.6s ease-in-out infinite` : undefined,\n  '@media (prefers-reduced-motion: reduce)': {\n    animation: 'none',\n  },\n}));\n\n/**\n * StatusDot — a small colored circle indicating entity status.\n *\n * Use alongside a text label for a labeled status; use with `aria-label` to\n * make the dot itself a standalone accessible indicator.\n *\n * @example\n * ```tsx\n * // Labeled context — the dot is decorative\n * <>\n *   <StatusDot status=\"success\" />\n *   <span>Succeeded</span>\n * </>\n *\n * // Standalone — dot carries the status meaning\n * <StatusDot status=\"info\" pulse aria-label=\"Running\" />\n * ```\n */\nexport const StatusDot = React.forwardRef<HTMLSpanElement, StatusDotProps>(function StatusDot(\n  { status, size = 8, pulse = false, 'aria-label': ariaLabel, ...rest },\n  ref,\n) {\n  const a11yProps = ariaLabel\n    ? { role: 'img' as const, 'aria-label': ariaLabel }\n    : { 'aria-hidden': true as const };\n  // a11y props spread last so consumer cannot silently override role / aria-hidden.\n  // Invariant guarded by StatusDot.test.tsx > 'ignores consumer attempts to override the a11y contract'.\n  return <Dot ref={ref} status={status} size={size} pulse={pulse} {...rest} {...a11yProps} />;\n});\n","import * as React from 'react';\nimport Box from '@mui/material/Box';\nimport Typography from '@mui/material/Typography';\nimport { StatusDot, type StatusDotStatus } from './StatusDot';\n\nexport type StatusLabelSize = 'small' | 'medium';\n\nexport interface StatusLabelProps\n  extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  /** Themed status; forwarded to StatusDot. */\n  status: StatusDotStatus;\n  /** Text rendered next to the dot. */\n  label: string;\n  /** Sizes the dot + text pair. @default 'medium' */\n  size?: StatusLabelSize;\n  /**\n   * Adds a pulsing animation on the dot for in-progress states. When true,\n   * the row also exposes an `aria-live=\"polite\"` region so SR users hear\n   * updates.\n   */\n  pulse?: boolean;\n}\n\nconst SIZES: Record<StatusLabelSize, { dot: number; typography: 'caption' | 'body2' }> = {\n  small: { dot: 6, typography: 'caption' },\n  medium: { dot: 8, typography: 'body2' },\n};\n\n/**\n * StatusLabel — a flex row pairing `StatusDot` with a text label.\n *\n * Use this when a status indicator needs an accompanying label; the row\n * keeps the dot baseline-aligned with the text at all sizes.\n */\nexport const StatusLabel = React.forwardRef<HTMLDivElement, StatusLabelProps>(\n  function StatusLabel({ status, label, size = 'medium', pulse = false, ...rest }, ref) {\n    const { dot, typography } = SIZES[size];\n    return (\n      <Box\n        ref={ref}\n        {...(pulse ? { 'aria-live': 'polite' as const } : {})}\n        {...rest}\n        sx={(theme) => ({\n          display: 'inline-flex',\n          alignItems: 'center',\n          gap: theme.spacing(0.75),\n        })}\n      >\n        <StatusDot status={status} size={dot} pulse={pulse} />\n        <Typography variant={typography} component=\"span\" sx={{ lineHeight: 1.2 }}>\n          {label}\n        </Typography>\n      </Box>\n    );\n  },\n);\n","import React, { useEffect, useRef, useState } from 'react';\nimport Box from '@mui/material/Box';\nimport Tooltip from '@mui/material/Tooltip';\nimport CheckIcon from '@mui/icons-material/Check';\nimport ContentCopyIcon from '@mui/icons-material/ContentCopy';\n\nconst COPY_FEEDBACK_MS = 1200;\n\nexport interface CopyChipProps {\n  /** The text to display and copy to the clipboard. */\n  text: string;\n  /** Max width in pixels for the (ellipsized) text label. @default 260 */\n  maxWidth?: number;\n  /**\n   * Accessible label for the button. Defaults to `Copy <text>`. Override when\n   * the raw text would be unclear to a screen-reader user (e.g., long hex IDs).\n   */\n  'aria-label'?: string;\n  /** Tooltip copy shown before clicking. @default 'Copy' */\n  tooltipLabel?: string;\n  /** Tooltip copy shown after a successful copy. @default 'Copied' */\n  tooltipCopiedLabel?: string;\n  /** Fires after the clipboard write succeeds. */\n  onCopy?: () => void;\n}\n\n/**\n * CopyChip — compact inline copy-to-clipboard control.\n *\n * Shows a monospace text label with an adjacent copy icon that toggles to a\n * check mark for a moment after a successful copy. Use in dense metadata\n * rows where an `IDBlock` would be visually too heavy; use `IDBlock` when\n * the identifier is the primary affordance on the surface and deserves a\n * full boxed treatment with snackbar feedback.\n *\n * @example\n * ```tsx\n * <CopyChip text=\"run_abc123\" />\n * <CopyChip text={longHexId} aria-label=\"Copy workspace ID\" onCopy={track} />\n * ```\n */\nexport const CopyChip: React.FC<CopyChipProps> = ({\n  text,\n  maxWidth = 260,\n  'aria-label': ariaLabel,\n  tooltipLabel = 'Copy',\n  tooltipCopiedLabel = 'Copied',\n  onCopy,\n}) => {\n  const [copied, setCopied] = useState(false);\n  const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  useEffect(() => {\n    return () => {\n      if (timerRef.current != null) clearTimeout(timerRef.current);\n    };\n  }, []);\n\n  const handleCopy = async () => {\n    try {\n      await navigator.clipboard.writeText(text);\n    } catch {\n      // Clipboard unavailable (no permission, non-secure context, older UA).\n      // Leave the button in its idle state and skip the onCopy callback.\n      return;\n    }\n    setCopied(true);\n    onCopy?.();\n    if (timerRef.current != null) clearTimeout(timerRef.current);\n    timerRef.current = setTimeout(() => setCopied(false), COPY_FEEDBACK_MS);\n  };\n\n  return (\n    <Tooltip title={copied ? tooltipCopiedLabel : tooltipLabel} placement=\"top\">\n      <Box\n        component=\"button\"\n        type=\"button\"\n        onClick={handleCopy}\n        aria-label={ariaLabel ?? `Copy ${text}`}\n        sx={{\n          display: 'inline-flex',\n          alignItems: 'center',\n          gap: 0.75,\n          bgcolor: 'action.hover',\n          color: 'text.primary',\n          border: 'none',\n          borderRadius: 1,\n          px: 1,\n          py: 0.5,\n          fontFamily: 'monospace',\n          fontSize: 12,\n          cursor: 'pointer',\n          transition: 'background-color 0.12s',\n          maxWidth: '100%',\n          '&:hover': { bgcolor: 'action.selected' },\n        }}\n      >\n        <Box\n          component=\"span\"\n          sx={{\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            whiteSpace: 'nowrap',\n            maxWidth,\n          }}\n        >\n          {text}\n        </Box>\n        {copied ? <CheckIcon sx={{ fontSize: 14 }} /> : <ContentCopyIcon sx={{ fontSize: 14 }} />}\n      </Box>\n    </Tooltip>\n  );\n};\n","import React from 'react';\nimport MuiTooltip, { TooltipProps as MuiTooltipProps } from '@mui/material/Tooltip';\nimport { styled } from '@mui/material/styles';\n\nexport type TooltipProps = MuiTooltipProps\n\nconst StyledTooltip = styled(MuiTooltip)(({ theme }) => ({\n  '& .MuiTooltip-tooltip': {\n    backgroundColor: theme.palette.grey[800],\n    color: theme.palette.common.white,\n    fontSize: '12px',\n    padding: '8px 12px',\n    borderRadius: '4px',\n  },\n  '& .MuiTooltip-arrow': {\n    color: theme.palette.grey[800],\n  },\n}));\n\nexport const Tooltip = React.forwardRef<HTMLElement, TooltipProps>(function Tooltip(props, ref) {\n  // MUI Tooltip forwards the ref to its child trigger element. Since the child\n  // is consumer-provided, we type the ref as a generic HTMLElement.\n  return <StyledTooltip ref={ref as React.Ref<HTMLElement>} {...props} />;\n});\n\n","import React from 'react';\nimport {\n  LinearProgress,\n  CircularProgress,\n  styled,\n} from '@mui/material';\n\nexport type ProgressVariant = 'linear' | 'circular';\n\nexport interface ProgressProps {\n  variant?: ProgressVariant;\n  value?: number;\n  size?: number;\n  thickness?: number;\n}\n\nconst StyledLinearProgress = styled(LinearProgress)(({ theme }) => ({\n  height: 4,\n  borderRadius: 2,\n  backgroundColor: theme.palette.grey[200],\n  '& .MuiLinearProgress-bar': {\n    backgroundColor: theme.palette.primary.main,\n    borderRadius: 2,\n  },\n}));\n\nconst StyledCircularProgress = styled(CircularProgress)(({ theme }) => ({\n  color: theme.palette.primary.main,\n}));\n\nexport const Progress: React.FC<ProgressProps> = ({\n  variant = 'linear',\n  value,\n  size = 40,\n  thickness = 4,\n}) => {\n  if (variant === 'circular') {\n    return <StyledCircularProgress size={size} thickness={thickness} />;\n  }\n\n  return (\n    <StyledLinearProgress\n      variant={value !== undefined ? 'determinate' : 'indeterminate'}\n      value={value}\n    />\n  );\n};\n\n","import React from 'react';\nimport MuiAlert, { AlertProps as MuiAlertProps } from '@mui/material/Alert';\nimport { AlertTitle as MuiAlertTitle } from '@mui/material';\nimport MuiSnackbar, { SnackbarProps as MuiSnackbarProps } from '@mui/material/Snackbar';\nimport { styled } from '@mui/material/styles';\n\nexport type AlertSeverity = 'success' | 'error' | 'warning' | 'info';\n\nexport interface AlertProps extends Omit<MuiAlertProps, 'severity'> {\n  severity?: AlertSeverity;\n  /**\n   * Title to display above the alert message\n   */\n  title?: string;\n}\n\nconst StyledAlert = styled(MuiAlert)({\n  borderRadius: 8,\n  '&.MuiAlert-filled': {\n    borderRadius: 8,\n  },\n});\n\nexport const Alert = React.forwardRef<HTMLDivElement, AlertProps>(function Alert(\n  { severity = 'info', title, children, ...props },\n  ref,\n) {\n  return (\n    <StyledAlert ref={ref} severity={severity} {...props}>\n      {title && <MuiAlertTitle>{title}</MuiAlertTitle>}\n      {children}\n    </StyledAlert>\n  );\n});\n\nexport { MuiAlertTitle as AlertTitle };\n\nexport interface SnackbarProps extends Omit<MuiSnackbarProps, 'children'> {\n  /**\n   * Message to display in the snackbar\n   */\n  message?: string;\n  /**\n   * Severity of the alert inside snackbar\n   */\n  severity?: AlertSeverity;\n  /**\n   * Title to display in the alert (optional)\n   */\n  title?: string;\n  /**\n   * Alert variant\n   * @default 'filled'\n   */\n  variant?: 'filled' | 'standard' | 'outlined';\n  /**\n   * Callback when snackbar is closed\n   */\n  onClose?: () => void;\n  /**\n   * Children to render instead of message (allows custom content)\n   * Must be a ReactElement to match MuiSnackbar requirements\n   */\n  children?: React.ReactElement;\n}\n\nconst StyledSnackbar = styled(MuiSnackbar)({});\n\n// Module-scoped TransitionComponent. Bypasses MUI's enter/exit Transition\n// (which re-mounts the inner Alert on every parent re-render, killing\n// autoHide timers and re-firing aria-live) and instead lets the inner Alert\n// fade via a plain CSS opacity transition. Defined once so MUI keeps the\n// same component identity across Snackbar re-renders.\nconst StableFadeTransition = React.forwardRef<HTMLDivElement, { children: React.ReactElement }>(\n  (props, ref) => {\n    return React.cloneElement(props.children, {\n      ref,\n      style: {\n        ...props.children.props.style,\n        transition: 'opacity 0.3s ease-in-out',\n      },\n    });\n  },\n);\nStableFadeTransition.displayName = 'StableFadeTransition';\n\nexport const Snackbar = React.forwardRef<HTMLDivElement, SnackbarProps>(function Snackbar(\n  {\n    message,\n    severity = 'info',\n    title,\n    variant = 'filled',\n    onClose,\n    children,\n    anchorOrigin = { vertical: 'bottom', horizontal: 'center' },\n    autoHideDuration = 6000,\n    ...props\n  },\n  ref,\n) {\n  const handleClose = (_event?: React.SyntheticEvent | Event, reason?: string) => {\n    // Prevent closing on clickaway if we have a custom onClose handler\n    if (reason === 'clickaway' && onClose) {\n      return;\n    }\n    onClose?.();\n  };\n\n  const content = children || (message ? (\n    <Alert\n      onClose={onClose ? handleClose : undefined}\n      severity={severity}\n      variant={variant}\n      title={title}\n      sx={{ width: '100%', borderRadius: 2 }}\n    >\n      {message}\n    </Alert>\n  ) : undefined);\n\n  if (!content) {\n    return null;\n  }\n\n  return (\n    <StyledSnackbar\n      ref={ref}\n      anchorOrigin={anchorOrigin}\n      autoHideDuration={autoHideDuration}\n      onClose={handleClose}\n      disableWindowBlurListener\n      ClickAwayListenerProps={{\n        onClickAway: () => {} // Prevent scroll issues\n      }}\n      TransitionComponent={StableFadeTransition}\n      {...props}\n    >\n      {content}\n    </StyledSnackbar>\n  );\n});\n\n","import React from 'react';\nimport { Box, Typography } from '@mui/material';\n\nexport interface EmptyStateProps {\n  title?: string;\n  description?: string;\n  icon?: React.ReactNode;\n  action?: React.ReactNode;\n}\n\nexport const EmptyState = React.forwardRef<HTMLDivElement, EmptyStateProps>(function EmptyState(\n  { title = 'No items found', description, icon, action },\n  ref,\n) {\n  return (\n    <Box\n      ref={ref}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        padding: 6,\n        textAlign: 'center',\n        minHeight: 200,\n      }}\n    >\n      {icon && (\n        <Box\n          sx={{\n            color: 'text.secondary',\n            marginBottom: 2,\n            fontSize: 64,\n          }}\n        >\n          {icon}\n        </Box>\n      )}\n      <Typography variant=\"h6\" sx={{ marginBottom: 1, color: 'text.primary' }}>\n        {title}\n      </Typography>\n      {description && (\n        <Typography variant=\"body2\" sx={{ color: 'text.secondary', marginBottom: 3 }}>\n          {description}\n        </Typography>\n      )}\n      {action && <Box>{action}</Box>}\n    </Box>\n  );\n});\n\n","import React from 'react';\nimport { Box, CircularProgress, Typography } from '@mui/material';\n\nexport interface LoadingProps {\n  message?: string;\n  size?: number;\n  fullScreen?: boolean;\n}\n\nexport const Loading = React.forwardRef<HTMLDivElement, LoadingProps>(function Loading(\n  { message = 'Loading...', size = 40, fullScreen = false },\n  ref,\n) {\n  const content = (\n    <Box\n      ref={ref}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'center',\n        alignItems: 'center',\n        gap: 2,\n        ...(fullScreen && {\n          height: '100vh',\n          width: '100vw',\n          position: 'fixed',\n          top: 0,\n          left: 0,\n          backgroundColor: 'background.default',\n          zIndex: 9999,\n        }),\n        ...(!fullScreen && {\n          padding: 4,\n        }),\n      }}\n    >\n      <CircularProgress size={size} thickness={4} />\n      {message && (\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          {message}\n        </Typography>\n      )}\n    </Box>\n  );\n\n  return content;\n});\n\n","import React from 'react';\nimport { Box, CircularProgress, Typography } from '@mui/material';\n\nexport interface AppLoadingProps {\n  /**\n   * Loading message to display\n   * @default \"Loading...\"\n   */\n  message?: string;\n  /**\n   * Logo source URL or path\n   * @default \"/icons/logo.png\"\n   */\n  logo?: string;\n  /**\n   * Custom styles\n   */\n  sx?: any;\n}\n\n/**\n * AppLoading component - Full-screen loading indicator with logo\n * \n * @example\n * ```tsx\n * <AppLoading message=\"Initializing application...\" />\n * ```\n */\nexport const AppLoading: React.FC<AppLoadingProps> = ({\n  message = 'Loading...',\n  logo = '/icons/logo.png',\n  sx = {},\n}) => {\n  return (\n    <Box\n      sx={[\n        {\n          display: 'flex',\n          flexDirection: 'column',\n          justifyContent: 'center',\n          alignItems: 'center',\n          height: '100vh',\n          width: '100vw',\n          position: 'fixed',\n          top: 0,\n          left: 0,\n          backgroundColor: 'grey.50',\n          zIndex: 9999,\n        },\n        ...(Array.isArray(sx) ? sx : [sx]),\n      ]}\n    >\n      {logo && (\n        <Box\n          component=\"img\"\n          src={logo}\n          alt=\"Logo\"\n          sx={{\n            height: 80,\n            width: 'auto',\n            mb: 4,\n          }}\n        />\n      )}\n\n      <CircularProgress size={40} thickness={4} sx={{ mb: 2 }} />\n\n      <Typography variant=\"body1\" color=\"text.secondary\">\n        {message}\n      </Typography>\n    </Box>\n  );\n};\n\nexport default AppLoading;\n\n","import React from 'react';\nimport {\n  CircularProgress as MuiCircularProgress,\n  CircularProgressProps as MuiCircularProgressProps,\n} from '@mui/material';\n\nexport interface CircularProgressProps extends MuiCircularProgressProps {\n  /**\n   * Size of the progress indicator\n   * @default 40\n   */\n  size?: number | string;\n  /**\n   * Thickness of the progress indicator\n   * @default 4\n   */\n  thickness?: number;\n}\n\n/**\n * CircularProgress component - wrapper around MUI CircularProgress\n * \n * @example\n * ```tsx\n * <CircularProgress size={40} thickness={4} />\n * ```\n */\nexport const CircularProgress = React.forwardRef<HTMLSpanElement, CircularProgressProps>(\n  function CircularProgress({ size = 40, thickness = 4, ...props }, ref) {\n    return <MuiCircularProgress ref={ref} size={size} thickness={thickness} {...props} />;\n  },\n);\n\nexport default CircularProgress;\n\n"],"mappings":"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","names":["Chip","React","styled","jsx","StatusDot","React","jsx","StatusLabel","Box","jsx","jsxs","React","styled","jsx","Tooltip","styled","jsx","React","styled","jsx","jsxs","Alert","styled","React","Snackbar","jsx","React","Box","Typography","jsx","jsxs","EmptyState","React","Box","CircularProgress","Typography","jsx","jsxs","Loading","Box","CircularProgress","Typography","jsx","jsxs","React","jsx","CircularProgress"]}

package/dist/chunk-JBHRAAN3.js

@@ -0,0 +1,31 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }// src/components/inputs/TextField.tsx
+var _react = require('react'); var _react2 = _interopRequireDefault(_react);
+var _TextField = require('@mui/material/TextField'); var _TextField2 = _interopRequireDefault(_TextField);
+var _styles = require('@mui/material/styles');
+var _jsxruntime = require('react/jsx-runtime');
+var StyledTextField = _styles.styled.call(void 0, (0, _TextField2.default))(({ theme, error }) => ({
+  "& .MuiOutlinedInput-root": {
+    "&:hover fieldset": {
+      borderColor: error ? theme.palette.error.main : theme.palette.primary.main
+    },
+    "&.Mui-focused fieldset": {
+      borderColor: error ? theme.palette.error.main : theme.palette.primary.main
+    },
+    "&.Mui-error fieldset": {
+      borderColor: theme.palette.error.main
+    }
+  },
+  "& .MuiInputLabel-root": {
+    "&.Mui-focused": {
+      color: error ? theme.palette.error.main : theme.palette.primary.main
+    }
+  }
+}));
+var TextField = _react2.default.forwardRef(function TextField2({ size = "medium", ...props }, ref) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, StyledTextField, { ref, size: size === "medium" ? "medium" : "small", ...props });
+});
+
+
+
+exports.TextField = TextField;
+//# sourceMappingURL=chunk-JBHRAAN3.js.map

package/dist/chunk-JBHRAAN3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/cere-design-system/cere-design-system/dist/chunk-JBHRAAN3.js","../src/components/inputs/TextField.tsx"],"names":["TextField"],"mappings":"AAAA;ACAA,4EAAkB;AAClB,0GAAkE;AAClE,8CAAuB;AAgCnB,+CAAA;AAxBJ,IAAM,gBAAA,EAAkB,4BAAA,wBAAmB,CAAA,CAAE,CAAC,EAAE,KAAA,EAAO,MAAM,CAAA,EAAA,GAAA,CAAO;AAAA,EAClE,0BAAA,EAA4B;AAAA,IAC1B,kBAAA,EAAoB;AAAA,MAClB,WAAA,EAAa,MAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,KAAA,CAAM,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ;AAAA,IACxE,CAAA;AAAA,IACA,wBAAA,EAA0B;AAAA,MACxB,WAAA,EAAa,MAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,KAAA,CAAM,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ;AAAA,IACxE,CAAA;AAAA,IACA,sBAAA,EAAwB;AAAA,MACtB,WAAA,EAAa,KAAA,CAAM,OAAA,CAAQ,KAAA,CAAM;AAAA,IACnC;AAAA,EACF,CAAA;AAAA,EACA,uBAAA,EAAyB;AAAA,IACvB,eAAA,EAAiB;AAAA,MACf,KAAA,EAAO,MAAA,EAAQ,KAAA,CAAM,OAAA,CAAQ,KAAA,CAAM,KAAA,EAAO,KAAA,CAAM,OAAA,CAAQ,OAAA,CAAQ;AAAA,IAClE;AAAA,EACF;AACF,CAAA,CAAE,CAAA;AAEK,IAAM,UAAA,EAAY,eAAA,CAAM,UAAA,CAA2C,SAASA,UAAAA,CACjF,EAAE,KAAA,EAAO,QAAA,EAAU,GAAG,MAAM,CAAA,EAC5B,GAAA,EACA;AACA,EAAA,uBACE,6BAAA,eAAC,EAAA,EAAgB,GAAA,EAAU,IAAA,EAAM,KAAA,IAAS,SAAA,EAAW,SAAA,EAAW,OAAA,EAAU,GAAG,MAAA,CAAO,CAAA;AAExF,CAAC,CAAA;ADVD;AACA;AACE;AACF,8BAAC","file":"/home/runner/work/cere-design-system/cere-design-system/dist/chunk-JBHRAAN3.js","sourcesContent":[null,"import React from 'react';\nimport MuiTextField, { TextFieldProps as MuiTextFieldProps } from '@mui/material/TextField';\nimport { styled } from '@mui/material/styles';\n\nexport type TextFieldSize = 'small' | 'medium';\n\nexport interface TextFieldProps extends Omit<MuiTextFieldProps, 'size'> {\n  size?: TextFieldSize;\n}\n\nconst StyledTextField = styled(MuiTextField)(({ theme, error }) => ({\n  '& .MuiOutlinedInput-root': {\n    '&:hover fieldset': {\n      borderColor: error ? theme.palette.error.main : theme.palette.primary.main,\n    },\n    '&.Mui-focused fieldset': {\n      borderColor: error ? theme.palette.error.main : theme.palette.primary.main,\n    },\n    '&.Mui-error fieldset': {\n      borderColor: theme.palette.error.main,\n    },\n  },\n  '& .MuiInputLabel-root': {\n    '&.Mui-focused': {\n      color: error ? theme.palette.error.main : theme.palette.primary.main,\n    },\n  },\n}));\n\nexport const TextField = React.forwardRef<HTMLDivElement, TextFieldProps>(function TextField(\n  { size = 'medium', ...props },\n  ref,\n) {\n  return (\n    <StyledTextField ref={ref} size={size === 'medium' ? 'medium' : 'small'} {...props} />\n  );\n});\n\n"]}