@12-apps/ui 6.33.0 → 6.34.0

package/dist/chunk-YNWAMTOT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/navigation/Breadcrumbs/BreadcrumbEntry.tsx"],"sourcesContent":["import Home from '@mui/icons-material/Home';\nimport MoreHoriz from '@mui/icons-material/MoreHoriz';\nimport Box from '@mui/material/Box/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport Link from '@mui/material/Link/index.js';\nimport Tooltip from '@mui/material/Tooltip/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { breadcrumbLinkStyles } from './Breadcrumbs.styles';\nimport type { BreadcrumbItem } from './Breadcrumbs.types';\nimport type { BreadcrumbCopy } from '../../../copy';\n\nconst BreadcrumbLink = styled(Link, {\n  shouldForwardProp: (prop) => prop !== 'size' && prop !== 'active' && prop !== 'visualStyle' })<{ size?: string; active?: boolean; visualStyle?: string }>(\n  ({ theme, size, active, visualStyle }) => ({\n    ...breadcrumbLinkStyles({ theme, size, active, visualStyle }) }),\n);\n\nconst BreadcrumbText = styled(Typography, {\n  shouldForwardProp: (prop) => prop !== 'size' && prop !== 'visualStyle' })<{ size?: string; visualStyle?: string }>(({ theme, size, visualStyle }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(0.5),\n  fontSize: size === 'sm' ? '0.875rem' : size === 'lg' ? '1.125rem' : '1rem',\n  fontWeight: 600,\n  color: theme.palette.primary.main,\n  padding: theme.spacing(0.5, 0.75),\n  borderRadius: theme.spacing(0.75),\n  position: 'relative',\n\n  ...(visualStyle === 'glass' && {\n    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)} 0%, ${alpha(theme.palette.primary.main, 0.05)} 100%)`,\n    backdropFilter: 'blur(4px)',\n    border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}` }),\n\n  '& .breadcrumb-icon': {\n    color: theme.palette.primary.main },\n\n  // Mobile responsiveness\n  [theme.breakpoints.down('sm')]: {\n    fontSize: size === 'lg' ? '1rem' : size === 'sm' ? '0.75rem' : '0.875rem',\n    padding: theme.spacing(0.375, 0.5) } }));\n\n// Animated separator wrapper\n\n// Mobile collapsed menu component\n// The list that drops down from the \"...\" trigger.\nconst CollapsedItemsPopover: React.FC<{\n  open: boolean;\n  items: BreadcrumbItem[];\n  size: string;\n  visualStyle?: string;\n  dataTestId?: string;\n  onSelect: () => void;\n}> = ({ open, items, dataTestId, onSelect }) => (\n<Fade in={open}>\n    <Box\n      sx={{\n        background: (theme) =>\n          theme.palette.mode === 'dark'\n            ? 'rgba(17, 24, 39, 0.95)'\n            : 'rgba(255, 255, 255, 0.95)',\n        backdropFilter: 'blur(10px)',\n        borderRadius: 1,\n        boxShadow: 3,\n        p: 1,\n        minWidth: 150 }}\n    >\n      {items.map((item, index) => (\n        <Box\n          key={index}\n          component=\"a\"\n          href={item.href || '#'}\n          onClick={(e) => {\n            onSelect();\n            item.onClick?.(e);\n          }}\n          sx={{\n            display: 'block',\n            px: 2,\n            py: 1,\n            color: 'text.secondary',\n            textDecoration: 'none',\n            borderRadius: 0.5,\n            transition: 'all 0.2s',\n            '&:hover': {\n              backgroundColor: 'action.hover',\n              color: 'primary.main' } }}\n          data-testid={dataTestId ? `${dataTestId}-collapsed-item-${index}` : `breadcrumbs-collapsed-item-${index}`}\n        >\n          {item.label}\n        </Box>\n      ))}\n    </Box>\n  </Fade>\n);\n\nconst CollapsedMenu = ({\n  items,\n  size,\n  visualStyle,\n  copy,\n  dataTestId }: {\n  items: BreadcrumbItem[];\n  size: string;\n  visualStyle?: string;\n  copy: BreadcrumbCopy;\n  dataTestId?: string;\n}) => {\n  const [anchorEl, setAnchorEl] = React.useState<null | HTMLElement>(null);\n  const open = Boolean(anchorEl);\n\n  const handleClick = (event: React.MouseEvent<HTMLElement>) => {\n    setAnchorEl(event.currentTarget);\n  };\n\n  const handleClose = () => {\n    setAnchorEl(null);\n  };\n\n  return (\n    <>\n      <Tooltip title={copy.showMore} arrow>\n        <BreadcrumbLink\n          onClick={handleClick}\n          size={size}\n          visualStyle={visualStyle}\n          sx={{ cursor: 'pointer' }}\n          data-testid={dataTestId ? `${dataTestId}-collapsed-menu` : 'breadcrumbs-collapsed-menu'}\n        >\n          <MoreHoriz className=\"breadcrumb-icon\" />\n        </BreadcrumbLink>\n      </Tooltip>\n      <Box\n        sx={{\n          position: 'absolute',\n          top: '100%',\n          left: 0,\n          mt: 1,\n          display: open ? 'block' : 'none',\n          zIndex: 1000 }}\n        data-testid={dataTestId ? `${dataTestId}-collapsed-menu-items` : 'breadcrumbs-collapsed-menu-items'}\n      >\n        <CollapsedItemsPopover\n          open={open}\n          items={items}\n          size={size}\n          visualStyle={visualStyle}\n          dataTestId={dataTestId}\n          onSelect={handleClose}\n        />\n      </Box>\n    </>\n  );\n};\n\n// The leading crumb gets a house unless it brings its own icon; everything else\n// shows only what it supplies.\nconst crumbIcon = ({\n  item,\n  isFirst,\n  showHomeIcon,\n  iconSize }: {\n  item: BreadcrumbItem;\n  isFirst: boolean;\n  showHomeIcon: boolean;\n  iconSize: 'small' | 'medium';\n}) => {\n  if (isFirst && showHomeIcon && !item.icon) {\n    return <Home className=\"breadcrumb-icon\" fontSize={iconSize} />;\n  }\n\n  if (!item.icon) return null;\n\n  return (\n    <Box component=\"span\" className=\"breadcrumb-icon\" sx={{ display: 'flex', alignItems: 'center' }}>\n      {item.icon}\n    </Box>\n  );\n};\n\nconst EllipsisCrumb: React.FC<{ label: string; copy: BreadcrumbCopy; dataTestId?: string }> = ({\n  label,\n  copy,\n  dataTestId }) => (\n  <Tooltip title={copy.moreItems} arrow>\n            <Box\n              sx={{\n                px: 1,\n                color: 'text.disabled',\n                cursor: 'default',\n                userSelect: 'none' }}\n              data-testid={dataTestId ? `${dataTestId}-ellipsis` : 'breadcrumbs-ellipsis'}\n            >\n              {label}\n            </Box>\n          </Tooltip>\n);\n\n// The same conditional test id was written at each crumb variant. An item that\n// names its OWN id wins: see `BreadcrumbItem.dataTestId`.\nconst makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string, own?: string): string =>\n    own ?? (dataTestId ? `${dataTestId}-${suffix}` : `breadcrumbs-${suffix}`);\n\nconst ClickableCrumb: React.FC<{\n  item: BreadcrumbItem;\n  index: number;\n  icon: React.ReactNode;\n  size: string;\n  variant: string;\n  isActive: boolean;\n  testId: (suffix: string, own?: string) => string;\n}> = ({ item, index, icon, size, variant, isActive, testId }) => (\n  <Tooltip title={item.tooltip || item.label} arrow disableHoverListener={!item.tooltip}>\n    <BreadcrumbLink\n      href={item.href || '#'}\n      onClick={item.onClick}\n      size={size}\n      visualStyle={variant}\n      active={isActive}\n      underline=\"none\"\n      aria-label={item.ariaLabel || item.label}\n      data-testid={testId(`link-${index}`, item.dataTestId)}\n    >\n      {icon}\n      <span>{item.label}</span>\n    </BreadcrumbLink>\n  </Tooltip>\n);\n\n// One crumb: the collapsed-menu stand-in, the ellipsis, the active tail item or\n// a plain link.\nexport const BreadcrumbEntry: React.FC<{\n  item: BreadcrumbItem & { isEllipsis?: boolean };\n  index: number;\n  itemCount: number;\n  collapsedItems: BreadcrumbItem[];\n  collapseBehavior: string;\n  separator: React.ReactNode;\n  showHomeIcon: boolean;\n  iconSize: 'small' | 'medium';\n  size: string;\n  variant: string;\n  copy: BreadcrumbCopy;\n  dataTestId?: string;\n}> = ({\n  item,\n  index,\n  itemCount,\n  collapsedItems,\n  collapseBehavior,\n  separator,\n  showHomeIcon,\n  iconSize,\n  size,\n  variant,\n  copy,\n  dataTestId }) => {\n  const testId = makeTestId(dataTestId);\n  const isLast = index === itemCount - 1;\n  // The tail crumb is the current page unless it is the ellipsis placeholder.\n  const isActive = item.active || (isLast && !item.isEllipsis);\n\n  const isCollapsePoint =\n    index === 1 && collapsedItems.length > 0 && collapseBehavior === 'menu';\n\n  if (isCollapsePoint) {\n    return (\n      <>\n        <CollapsedMenu\n          copy={copy}\n          items={collapsedItems}\n          size={size}\n          visualStyle={variant}\n          dataTestId={dataTestId}\n        />\n        {separator}\n      </>\n    );\n  }\n\n  if (item.isEllipsis) {\n    return <EllipsisCrumb copy={copy} label={item.label} dataTestId={dataTestId} />;\n  }\n\n  const icon = crumbIcon({ item, isFirst: index === 0, showHomeIcon, iconSize });\n\n  if (isActive) {\n    return (\n      <BreadcrumbText\n        size={size}\n        visualStyle={variant}\n        aria-current=\"page\"\n        data-testid={testId(`item-${index}`, item.dataTestId)}\n      >\n        {icon}\n        <span>{item.label}</span>\n      </BreadcrumbText>\n    );\n  }\n\n  return (\n    <ClickableCrumb\n      item={item}\n      index={index}\n      icon={icon}\n      size={size}\n      variant={variant}\n      isActive={isActive}\n      testId={testId}\n    />\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-YRUCIKPO.js

@@ -1,159 +0,0 @@
-import {
-  ModalPanelContents,
-  modalAriaIds,
-  resolveModalContent
-} from "./chunk-JN3PGXRJ.js";
-import {
-  STYLE_ONLY_PROPS,
-  dialogRootStyles
-} from "./chunk-SMCLG2RA.js";
-import {
-  usePanelChrome
-} from "./chunk-G3QKH23Y.js";
-
-// src/components/feedback/StackedModal/StackedModal.tsx
-import Dialog from "@mui/material/Dialog/index.js";
-import Slide from "@mui/material/Slide/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import { forwardRef, useId } from "react";
-import { jsx } from "react/jsx-runtime";
-var StyledDialog = styled(Dialog, {
-  shouldForwardProp: (prop) => !STYLE_ONLY_PROPS.includes(prop)
-})(({ theme, ...props }) => dialogRootStyles(theme, props));
-var SlideTransition = forwardRef(
-  function SlideTransition2(props, ref) {
-    return /* @__PURE__ */ jsx(Slide, { direction: "left", ref, ...props, children: props.children });
-  }
-);
-var DEFAULTS = {
-  open: false,
-  glass: false,
-  navigationTitle: "",
-  closeOnClickOutside: true,
-  closeOnEsc: true,
-  loading: false,
-  loadingText: "Loading...",
-  maxWidth: false,
-  disableBackdrop: false,
-  disableFocusTrap: false,
-  keepMounted: false,
-  rtl: false
-};
-var withDefaults = (props) => {
-  const resolved = { ...props };
-  for (const [key, value] of Object.entries(DEFAULTS)) {
-    const prop = key;
-    if (resolved[prop] === void 0) {
-      Object.assign(resolved, { [prop]: value });
-    }
-  }
-  return resolved;
-};
-var StackedModalPanel = (props) => {
-  const {
-    open,
-    onClose,
-    glass,
-    navigationTitle,
-    backLabel,
-    hideClose,
-    children,
-    actions,
-    modalId,
-    closeOnClickOutside,
-    closeOnEsc,
-    loading,
-    loadingText,
-    fullScreen,
-    maxWidth,
-    disableBackdrop,
-    disableFocusTrap,
-    keepMounted,
-    rtl,
-    dataTestId,
-    "aria-labelledby": ariaLabelledBy,
-    "aria-describedby": ariaDescribedBy,
-    ...otherProps
-  } = props;
-  const {
-    dialogRef,
-    modalRole,
-    isAnimating,
-    showSkeleton,
-    zIndex,
-    isMobile,
-    canGoBack,
-    handleBack,
-    handleClose
-  } = usePanelChrome({
-    open,
-    modalId,
-    loading,
-    closeOnEsc,
-    closeOnClickOutside,
-    disableFocusTrap,
-    onClose
-  });
-  if (modalRole === "background" && !keepMounted) return null;
-  const { content, modalActions, headerActions, hasMobileActions } = resolveModalContent(
-    children,
-    actions,
-    isMobile
-  );
-  const { titleId, descId } = modalAriaIds(modalId, ariaLabelledBy, ariaDescribedBy);
-  return /* @__PURE__ */ jsx(
-    StyledDialog,
-    {
-      ref: dialogRef,
-      open: Boolean(open),
-      onClose: handleClose,
-      fullScreen: fullScreen ?? isMobile,
-      modalRole,
-      isAnimating,
-      glass,
-      rtl,
-      customMaxWidth: maxWidth,
-      TransitionComponent: SlideTransition,
-      maxWidth,
-      disableEscapeKeyDown: !closeOnEsc,
-      hideBackdrop: disableBackdrop,
-      keepMounted,
-      "aria-labelledby": titleId,
-      "aria-describedby": descId,
-      "data-testid": dataTestId,
-      sx: { zIndex },
-      ...otherProps,
-      children: /* @__PURE__ */ jsx(
-        ModalPanelContents,
-        {
-          backLabel,
-          showSkeleton,
-          loadingText,
-          titleId,
-          descId,
-          navigationTitle,
-          hideClose,
-          canGoBack,
-          onBack: handleBack,
-          onClose,
-          headerActions,
-          content,
-          modalActions,
-          hasMobileActions,
-          rtl,
-          dataTestId
-        }
-      )
-    }
-  );
-};
-var StackedModal = (props) => {
-  const fallbackId = useId();
-  const resolved = withDefaults(props);
-  return /* @__PURE__ */ jsx(StackedModalPanel, { ...resolved, modalId: resolved.modalId ?? fallbackId });
-};
-
-export {
-  StackedModal
-};
-//# sourceMappingURL=chunk-YRUCIKPO.js.map

package/dist/chunk-Z6DULXSF.js

@@ -1,261 +0,0 @@
-// src/components/data-display/Timeline/TimelineRow.tsx
-import DotIcon from "@mui/icons-material/Circle";
-import ExpandIcon from "@mui/icons-material/ExpandMore";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import Card from "@mui/material/Card/index.js";
-import CardContent from "@mui/material/CardContent/index.js";
-import Chip from "@mui/material/Chip/index.js";
-import Collapse from "@mui/material/Collapse/index.js";
-import Fade from "@mui/material/Fade/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, keyframes, styled } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var slideInAnimation = keyframes`from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); }`;
-var pulseAnimation = keyframes`0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.8; }`;
-var TimelineItemContainer = styled(Box, {
-  shouldForwardProp: (prop) => !["animated", "alternating", "index"].includes(prop)
-})(({ theme, animated, alternating, index, orientation }) => ({
-  display: "flex",
-  gap: theme.spacing(2),
-  position: "relative",
-  ...animated && {
-    animation: `${slideInAnimation} 0.5s ease ${index * 0.1}s both`
-  },
-  ...orientation === "vertical" && alternating && {
-    flexDirection: index % 2 === 0 ? "row" : "row-reverse",
-    textAlign: index % 2 === 0 ? "left" : "right"
-  },
-  ...orientation === "horizontal" && {
-    flexDirection: "column",
-    alignItems: "center",
-    minWidth: 280
-  }
-}));
-var TimelineConnector = styled(Box, {
-  shouldForwardProp: (prop) => !["isLast"].includes(prop)
-})(({ theme, orientation, isLast }) => ({
-  position: "absolute",
-  background: `linear-gradient(180deg, ${theme.palette.primary.main} 0%, ${alpha(theme.palette.primary.main, 0.3)} 100%)`,
-  ...orientation === "vertical" ? {
-    width: 2,
-    height: isLast ? 0 : "calc(100% + 16px)",
-    left: 19,
-    top: 40
-  } : {
-    height: 2,
-    width: isLast ? 0 : "240px",
-    top: 19,
-    left: 40
-  }
-}));
-var TimelineDot = styled(Box, {
-  shouldForwardProp: (prop) => !["dotColor", "hasIcon", "animated"].includes(prop)
-})(({ theme, dotColor, hasIcon, animated }) => ({
-  width: 40,
-  height: 40,
-  borderRadius: "50%",
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  background: dotColor ? `linear-gradient(135deg, ${dotColor} 0%, ${alpha(dotColor, 0.8)} 100%)` : `linear-gradient(135deg, ${theme.palette.primary.main} 0%, ${theme.palette.primary.light} 100%)`,
-  boxShadow: `0 4px 12px ${alpha(dotColor || theme.palette.primary.main, 0.3)}`,
-  border: `2px solid ${theme.palette.background.paper}`,
-  zIndex: 1,
-  flexShrink: 0,
-  ...animated && {
-    animation: `${pulseAnimation} 2s ease infinite`
-  },
-  "& svg": {
-    fontSize: hasIcon ? "1.2rem" : "0.8rem",
-    color: theme.palette.background.paper
-  }
-}));
-var TimelineCard = styled(Card, {
-  shouldForwardProp: (prop) => !["timelineVariant", "isClickable"].includes(prop)
-})(
-  ({ theme, timelineVariant, isClickable }) => ({
-    flex: 1,
-    background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.9)} 0%, ${alpha(theme.palette.background.paper, 0.8)} 100%)`,
-    backdropFilter: "blur(10px)",
-    WebkitBackdropFilter: "blur(10px)",
-    border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,
-    transition: theme.transitions.create(["transform", "box-shadow"]),
-    ...isClickable && {
-      cursor: "pointer",
-      "&:hover": {
-        transform: "translateY(-2px)",
-        boxShadow: theme.shadows[8]
-      }
-    },
-    ...timelineVariant === "compact" && {
-      padding: theme.spacing(1.5),
-      "& .MuiCardContent-root": {
-        padding: 0,
-        "&:last-child": {
-          paddingBottom: 0
-        }
-      }
-    }
-  })
-);
-var TimelineTimestamp = styled(Typography)(({ theme }) => ({
-  color: theme.palette.text.secondary,
-  fontSize: "0.75rem",
-  fontWeight: 500,
-  letterSpacing: "0.5px",
-  textTransform: "uppercase"
-}));
-var MetadataChip = styled(Chip)(({ theme }) => ({
-  height: 24,
-  fontSize: "0.75rem",
-  background: alpha(theme.palette.primary.main, 0.08),
-  border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`
-}));
-var TimelineDetails = ({ item, isExpanded, variant }) => {
-  const open = isExpanded || variant === "detailed";
-  return /* @__PURE__ */ jsx(Collapse, { in: open, children: /* @__PURE__ */ jsx(Fade, { in: open, children: /* @__PURE__ */ jsxs(Stack, { spacing: 1.5, sx: { mt: 1 }, children: [
-    item.description && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: item.description }),
-    item.metadata && /* @__PURE__ */ jsx(Box, { sx: { display: "flex", flexWrap: "wrap", gap: 1 }, children: Object.entries(item.metadata).map(([key, value]) => /* @__PURE__ */ jsx(MetadataChip, { label: `${key}: ${value}`, size: "small" }, key)) }),
-    item.action && /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
-      Button,
-      {
-        size: "small",
-        variant: "contained",
-        onClick: (e) => {
-          e.stopPropagation();
-          item.action.onClick();
-        },
-        sx: {
-          background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
-          color: "white"
-        },
-        children: item.action.label
-      }
-    ) })
-  ] }) }) });
-};
-var TimelineCardHeader = ({ item, variant, isExpanded, onExpandClick }) => /* @__PURE__ */ jsxs(
-  Box,
-  {
-    sx: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" },
-    children: [
-      /* @__PURE__ */ jsxs(Box, { sx: { flex: 1 }, children: [
-        /* @__PURE__ */ jsx(TimelineTimestamp, { "data-testid": "timeline-timestamp", children: item.timestamp }),
-        /* @__PURE__ */ jsx(
-          Typography,
-          {
-            variant: variant === "compact" ? "body2" : "h6",
-            fontWeight: variant === "compact" ? 500 : 600,
-            sx: { mt: 0.5 },
-            children: item.title
-          }
-        )
-      ] }),
-      item.description && variant !== "compact" && /* @__PURE__ */ jsx(
-        IconButton,
-        {
-          size: "small",
-          onClick: (e) => onExpandClick(item.id, e),
-          "aria-label": isExpanded ? "Collapse item details" : "Expand item details",
-          sx: {
-            transform: isExpanded ? "rotate(180deg)" : "rotate(0deg)",
-            transition: "transform 0.3s ease"
-          },
-          children: /* @__PURE__ */ jsx(ExpandIcon, {})
-        }
-      )
-    ]
-  }
-);
-var TimelineRowCard = ({ item, variant, isClickable, isExpanded, onItemClick, onExpandClick }) => /* @__PURE__ */ jsx(
-  TimelineCard,
-  {
-    timelineVariant: variant,
-    isClickable,
-    onClick: isClickable ? () => onItemClick?.(item) : void 0,
-    role: "article",
-    "aria-label": `Timeline item: ${item.title}`,
-    "data-testid": "timeline-card",
-    children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 1, children: [
-      /* @__PURE__ */ jsx(
-        TimelineCardHeader,
-        {
-          item,
-          variant,
-          isExpanded,
-          onExpandClick
-        }
-      ),
-      variant === "compact" && item.description && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", children: item.description }),
-      variant !== "compact" && /* @__PURE__ */ jsx(TimelineDetails, { item, isExpanded, variant })
-    ] }) })
-  }
-);
-var TimelineRow = ({
-  item,
-  index,
-  isLast,
-  variant,
-  orientation,
-  showConnector,
-  animated,
-  alternating,
-  isExpanded,
-  onItemClick,
-  onExpandClick
-}) => {
-  const hasExpandableContent = item.description && variant !== "compact";
-  const isClickable = !!onItemClick || !!hasExpandableContent;
-  return /* @__PURE__ */ jsxs(
-    TimelineItemContainer,
-    {
-      animated,
-      alternating: alternating && orientation === "vertical",
-      index,
-      orientation,
-      "data-testid": "timeline-item-container",
-      children: [
-        /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
-          /* @__PURE__ */ jsx(
-            TimelineDot,
-            {
-              dotColor: item.color,
-              hasIcon: !!item.icon,
-              animated,
-              "data-testid": "timeline-dot",
-              children: item.icon ? /* @__PURE__ */ jsx(Box, { "data-testid": "item-icon", children: item.icon }) : /* @__PURE__ */ jsx(DotIcon, { "data-testid": "item-icon-default" })
-            }
-          ),
-          showConnector && !isLast && /* @__PURE__ */ jsx(
-            TimelineConnector,
-            {
-              orientation,
-              isLast,
-              "data-testid": "timeline-connector"
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx(
-          TimelineRowCard,
-          {
-            item,
-            variant,
-            isClickable,
-            isExpanded,
-            onItemClick,
-            onExpandClick
-          }
-        )
-      ]
-    },
-    item.id
-  );
-};
-
-export {
-  TimelineRow
-};
-//# sourceMappingURL=chunk-Z6DULXSF.js.map

package/dist/chunk-Z6DULXSF.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Timeline/TimelineRow.tsx"],"sourcesContent":["import DotIcon from '@mui/icons-material/Circle';\nimport ExpandIcon from '@mui/icons-material/ExpandMore';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Card from '@mui/material/Card/index.js';\nimport CardContent from '@mui/material/CardContent/index.js';\nimport Chip from '@mui/material/Chip/index.js';\nimport Collapse from '@mui/material/Collapse/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, keyframes, styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { TimelineItem, TimelineProps } from './Timeline.types';\n\nconst slideInAnimation = keyframes`from { opacity: 0; transform: translateX(-20px); } to { opacity: 1; transform: translateX(0); }`;\nconst pulseAnimation = keyframes`0%, 100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.1); opacity: 0.8; }`;\n\nconst TimelineItemContainer = styled(Box, {\n  shouldForwardProp: (prop) => !['animated', 'alternating', 'index'].includes(prop as string),\n})<{\n  animated: boolean;\n  alternating: boolean;\n  index: number;\n  orientation: 'vertical' | 'horizontal';\n}>(({ theme, animated, alternating, index, orientation }) => ({\n  display: 'flex',\n  gap: theme.spacing(2),\n  position: 'relative',\n  ...(animated && {\n    animation: `${slideInAnimation} 0.5s ease ${index * 0.1}s both`,\n  }),\n  ...(orientation === 'vertical' &&\n    alternating && {\n      flexDirection: index % 2 === 0 ? 'row' : 'row-reverse',\n      textAlign: index % 2 === 0 ? 'left' : 'right',\n    }),\n  ...(orientation === 'horizontal' && {\n    flexDirection: 'column',\n    alignItems: 'center',\n    minWidth: 280,\n  }),\n}));\n\nconst TimelineConnector = styled(Box, {\n  shouldForwardProp: (prop) => !['isLast'].includes(prop as string),\n})<{\n  orientation: 'vertical' | 'horizontal';\n  isLast: boolean;\n}>(({ theme, orientation, isLast }) => ({\n  position: 'absolute',\n  background: `linear-gradient(180deg, ${theme.palette.primary.main} 0%, ${alpha(theme.palette.primary.main, 0.3)} 100%)`,\n  ...(orientation === 'vertical'\n    ? {\n        width: 2,\n        height: isLast ? 0 : 'calc(100% + 16px)',\n        left: 19,\n        top: 40,\n      }\n    : {\n        height: 2,\n        width: isLast ? 0 : '240px',\n        top: 19,\n        left: 40,\n      }),\n}));\n\nconst TimelineDot = styled(Box, {\n  shouldForwardProp: (prop) => !['dotColor', 'hasIcon', 'animated'].includes(prop as string),\n})<{ dotColor?: string; hasIcon: boolean; animated: boolean }>(({ theme, dotColor, hasIcon, animated }) => ({\n  width: 40,\n  height: 40,\n  borderRadius: '50%',\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'center',\n  background: dotColor\n    ? `linear-gradient(135deg, ${dotColor} 0%, ${alpha(dotColor, 0.8)} 100%)`\n    : `linear-gradient(135deg, ${theme.palette.primary.main} 0%, ${theme.palette.primary.light} 100%)`,\n  boxShadow: `0 4px 12px ${alpha(dotColor || theme.palette.primary.main, 0.3)}`,\n  border: `2px solid ${theme.palette.background.paper}`,\n  zIndex: 1,\n  flexShrink: 0,\n  ...(animated && {\n    animation: `${pulseAnimation} 2s ease infinite`,\n  }),\n  '& svg': {\n    fontSize: hasIcon ? '1.2rem' : '0.8rem',\n    color: theme.palette.background.paper,\n  },\n}));\n\nconst TimelineCard = styled(Card, {\n  shouldForwardProp: (prop) => !['timelineVariant', 'isClickable'].includes(prop as string),\n})<{ timelineVariant: 'default' | 'compact' | 'detailed'; isClickable: boolean }>(\n  ({ theme, timelineVariant, isClickable }) => ({\n    flex: 1,\n    background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.9)} 0%, ${alpha(theme.palette.background.paper, 0.8)} 100%)`,\n    backdropFilter: 'blur(10px)',\n    WebkitBackdropFilter: 'blur(10px)',\n    border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,\n    transition: theme.transitions.create(['transform', 'box-shadow']),\n    ...(isClickable && {\n      cursor: 'pointer',\n      '&:hover': {\n        transform: 'translateY(-2px)',\n        boxShadow: theme.shadows[8],\n      },\n    }),\n    ...(timelineVariant === 'compact' && {\n      padding: theme.spacing(1.5),\n      '& .MuiCardContent-root': {\n        padding: 0,\n        '&:last-child': {\n          paddingBottom: 0,\n        },\n      },\n    }),\n  }),\n);\n\nconst TimelineTimestamp = styled(Typography)(({ theme }) => ({\n  color: theme.palette.text.secondary,\n  fontSize: '0.75rem',\n  fontWeight: 500,\n  letterSpacing: '0.5px',\n  textTransform: 'uppercase',\n}));\n\nconst MetadataChip = styled(Chip)(({ theme }) => ({\n  height: 24,\n  fontSize: '0.75rem',\n  background: alpha(theme.palette.primary.main, 0.08),\n  border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n}));\n\n// Description, metadata chips and the action button, revealed on expand — or\n// always, in the detailed variant.\nconst TimelineDetails: React.FC<{\n  item: TimelineItem;\n  isExpanded: boolean;\n  variant: NonNullable<TimelineProps['variant']>;\n}> = ({ item, isExpanded, variant }) => {\n  const open = isExpanded || variant === 'detailed';\n\n  return (\n    <Collapse in={open}>\n      <Fade in={open}>\n        <Stack spacing={1.5} sx={{ mt: 1 }}>\n          {item.description && (\n            <Typography variant=\"body2\" color=\"text.secondary\">\n              {item.description}\n            </Typography>\n          )}\n\n          {item.metadata && (\n            <Box sx={{ display: 'flex', flexWrap: 'wrap', gap: 1 }}>\n              {Object.entries(item.metadata).map(([key, value]) => (\n                <MetadataChip key={key} label={`${key}: ${value}`} size=\"small\" />\n              ))}\n            </Box>\n          )}\n\n          {item.action && (\n            <Box>\n              <Button\n                size=\"small\"\n                variant=\"contained\"\n                onClick={(e) => {\n                  e.stopPropagation();\n                  item.action!.onClick();\n                }}\n                sx={{\n                  background: 'linear-gradient(135deg, #667eea 0%, #764ba2 100%)',\n                  color: 'white',\n                }}\n              >\n                {item.action.label}\n              </Button>\n            </Box>\n          )}\n        </Stack>\n      </Fade>\n    </Collapse>\n  );\n};\n\n// Timestamp, title and the expand toggle.\nconst TimelineCardHeader: React.FC<{\n  item: TimelineItem;\n  variant: NonNullable<TimelineProps['variant']>;\n  isExpanded: boolean;\n  onExpandClick: (itemId: string, event: React.MouseEvent) => void;\n}> = ({ item, variant, isExpanded, onExpandClick }) => (\n  <Box\n    sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start' }}\n  >\n    <Box sx={{ flex: 1 }}>\n      <TimelineTimestamp data-testid=\"timeline-timestamp\">\n        {item.timestamp}\n      </TimelineTimestamp>\n      <Typography\n        variant={variant === 'compact' ? 'body2' : 'h6'}\n        fontWeight={variant === 'compact' ? 500 : 600}\n        sx={{ mt: 0.5 }}\n      >\n        {item.title}\n      </Typography>\n    </Box>\n    {item.description && variant !== 'compact' && (\n      <IconButton\n        size=\"small\"\n        onClick={(e) => onExpandClick(item.id, e)}\n        aria-label={isExpanded ? 'Collapse item details' : 'Expand item details'}\n        sx={{\n          transform: isExpanded ? 'rotate(180deg)' : 'rotate(0deg)',\n          transition: 'transform 0.3s ease',\n        }}\n      >\n        <ExpandIcon />\n      </IconButton>\n    )}\n  </Box>\n);\n\n// The card beside the rail: timestamp, title, expand toggle and the collapsible\n// detail body.\nconst TimelineRowCard: React.FC<{\n  item: TimelineItem;\n  variant: NonNullable<TimelineProps['variant']>;\n  isClickable: boolean;\n  isExpanded: boolean;\n  onItemClick?: (item: TimelineItem) => void;\n  onExpandClick: (itemId: string, event: React.MouseEvent) => void;\n}> = ({ item, variant, isClickable, isExpanded, onItemClick, onExpandClick }) => (\n  <TimelineCard\n    timelineVariant={variant}\n    isClickable={isClickable}\n    onClick={isClickable ? () => onItemClick?.(item) : undefined}\n    role=\"article\"\n    aria-label={`Timeline item: ${item.title}`}\n    data-testid=\"timeline-card\"\n  >\n    <CardContent>\n      <Stack spacing={1}>\n        <TimelineCardHeader\n          item={item}\n          variant={variant}\n          isExpanded={isExpanded}\n          onExpandClick={onExpandClick}\n        />\n\n        {variant === 'compact' && item.description && (\n          <Typography variant=\"caption\" color=\"text.secondary\">\n            {item.description}\n          </Typography>\n        )}\n\n        {variant !== 'compact' && (\n          <TimelineDetails item={item} isExpanded={isExpanded} variant={variant} />\n        )}\n      </Stack>\n    </CardContent>\n  </TimelineCard>\n);\n\n// One entry: the dot and connector on the rail, and the card beside it.\nexport const TimelineRow: React.FC<{\n  item: TimelineItem;\n  index: number;\n  isLast: boolean;\n  variant: NonNullable<TimelineProps['variant']>;\n  orientation: 'vertical' | 'horizontal';\n  showConnector: boolean;\n  animated: boolean;\n  alternating: boolean;\n  isExpanded: boolean;\n  onItemClick?: (item: TimelineItem) => void;\n  onExpandClick: (itemId: string, event: React.MouseEvent) => void;\n}> = ({\n  item,\n  index,\n  isLast,\n  variant,\n  orientation,\n  showConnector,\n  animated,\n  alternating,\n  isExpanded,\n  onItemClick,\n  onExpandClick,\n}) => {\n\n    \n  // Determine if item should be clickable:\n  // - Has onItemClick callback, OR\n  // - Has description and variant is not compact (so it can be expanded)\n  const hasExpandableContent = item.description && variant !== 'compact';\n  const isClickable = !!onItemClick || !!hasExpandableContent;\n\n  return (\n    <TimelineItemContainer\n      key={item.id}\n      animated={animated}\n      alternating={alternating && orientation === 'vertical'}\n      index={index}\n      orientation={orientation}\n      data-testid=\"timeline-item-container\"\n    >\n      <Box sx={{ position: 'relative' }}>\n        <TimelineDot\n          dotColor={item.color}\n          hasIcon={!!item.icon}\n          animated={animated}\n          data-testid=\"timeline-dot\"\n        >\n          {item.icon ? (\n            <Box data-testid=\"item-icon\">{item.icon}</Box>\n          ) : (\n            <DotIcon data-testid=\"item-icon-default\" />\n          )}\n        </TimelineDot>\n        {showConnector && !isLast && (\n          <TimelineConnector\n            orientation={orientation}\n            isLast={isLast}\n            data-testid=\"timeline-connector\"\n          />\n        )}\n      </Box>\n\n      <TimelineRowCard\n        item={item}\n        variant={variant}\n        isClickable={isClickable}\n        isExpanded={isExpanded}\n        onItemClick={onItemClick}\n        onExpandClick={onExpandClick}\n      />\n    </TimelineItemContainer>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-ZA4U5GDU.js

@@ -1,68 +0,0 @@
-import {
-  ErrorState
-} from "./chunk-JIKWZDNK.js";
-import {
-  LoadingState
-} from "./chunk-JXNT5TUP.js";
-import {
-  EmptyState
-} from "./chunk-25R3ITGZ.js";
-
-// src/components/data-display/AsyncStateContainer/AsyncStateContainer.tsx
-import Box from "@mui/material/Box/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var StateBox = ({ state, className, dataTestId, children }) => /* @__PURE__ */ jsx(
-  Box,
-  {
-    className,
-    "data-testid": dataTestId || "async-state-container",
-    "data-state": state,
-    children
-  }
-);
-var errorMessageOf = (error) => {
-  if (!error) return "";
-  if (typeof error === "string") return error;
-  if (error instanceof Error) return error.message;
-  return "An unexpected error occurred";
-};
-var pickNode = (node, render, fallback) => node || render?.() || fallback;
-var AsyncStateContainer = React.memo(
-  ({
-    isLoading = false,
-    error,
-    isEmpty = false,
-    children,
-    loadingComponent,
-    renderLoading,
-    errorComponent,
-    renderError,
-    emptyComponent,
-    emptyTitle,
-    renderEmpty,
-    className,
-    dataTestId
-  }) => {
-    const box = { className, dataTestId };
-    if (isLoading) {
-      return /* @__PURE__ */ jsx(StateBox, { state: "loading", ...box, children: pickNode(loadingComponent, renderLoading, /* @__PURE__ */ jsx(LoadingState, {})) });
-    }
-    if (error) {
-      const message = errorMessageOf(error);
-      return /* @__PURE__ */ jsx(StateBox, { state: "error", ...box, children: errorComponent || renderError?.(message) || /* @__PURE__ */ jsx(ErrorState, { message }) });
-    }
-    if (isEmpty) {
-      return /* @__PURE__ */ jsx(StateBox, { state: "empty", ...box, children: pickNode(emptyComponent, renderEmpty, /* @__PURE__ */ jsx(EmptyState, { title: emptyTitle })) });
-    }
-    return /* @__PURE__ */ jsx(StateBox, { state: "success", ...box, children });
-  }
-);
-AsyncStateContainer.displayName = "AsyncStateContainer";
-var AsyncStateContainer_default = AsyncStateContainer;
-
-export {
-  AsyncStateContainer,
-  AsyncStateContainer_default
-};
-//# sourceMappingURL=chunk-ZA4U5GDU.js.map