@12-apps/ui 6.11.1 → 6.12.0

package/dist/chunk-MZXZIOSF.js

@@ -1,255 +0,0 @@
-import {
-  breadcrumbLinkStyles
-} from "./chunk-V3QBKFKP.js";
-
-// src/components/navigation/Breadcrumbs/BreadcrumbEntry.tsx
-import Home from "@mui/icons-material/Home";
-import MoreHoriz from "@mui/icons-material/MoreHoriz";
-import { alpha, Box, Fade, Link, Tooltip, Typography } from "@mui/material";
-import { styled } from "@mui/material";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var BreadcrumbLink = styled(Link, {
-  shouldForwardProp: (prop) => prop !== "size" && prop !== "active" && prop !== "visualStyle"
-})(
-  ({ theme, size, active, visualStyle }) => ({
-    ...breadcrumbLinkStyles({ theme, size, active, visualStyle })
-  })
-);
-var BreadcrumbText = styled(Typography, {
-  shouldForwardProp: (prop) => prop !== "size" && prop !== "visualStyle"
-})(({ theme, size, visualStyle }) => ({
-  display: "flex",
-  alignItems: "center",
-  gap: theme.spacing(0.5),
-  fontSize: size === "sm" ? "0.875rem" : size === "lg" ? "1.125rem" : "1rem",
-  fontWeight: 600,
-  color: theme.palette.primary.main,
-  padding: theme.spacing(0.5, 0.75),
-  borderRadius: theme.spacing(0.75),
-  position: "relative",
-  ...visualStyle === "glass" && {
-    background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)} 0%, ${alpha(theme.palette.primary.main, 0.05)} 100%)`,
-    backdropFilter: "blur(4px)",
-    border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`
-  },
-  "& .breadcrumb-icon": {
-    color: theme.palette.primary.main
-  },
-  // Mobile responsiveness
-  [theme.breakpoints.down("sm")]: {
-    fontSize: size === "lg" ? "1rem" : size === "sm" ? "0.75rem" : "0.875rem",
-    padding: theme.spacing(0.375, 0.5)
-  }
-}));
-var CollapsedItemsPopover = ({ open, items, dataTestId, onSelect }) => /* @__PURE__ */ jsx(Fade, { in: open, children: /* @__PURE__ */ jsx(
-  Box,
-  {
-    sx: {
-      background: (theme) => theme.palette.mode === "dark" ? "rgba(17, 24, 39, 0.95)" : "rgba(255, 255, 255, 0.95)",
-      backdropFilter: "blur(10px)",
-      borderRadius: 1,
-      boxShadow: 3,
-      p: 1,
-      minWidth: 150
-    },
-    children: items.map((item, index) => /* @__PURE__ */ jsx(
-      Box,
-      {
-        component: "a",
-        href: item.href || "#",
-        onClick: (e) => {
-          onSelect();
-          item.onClick?.(e);
-        },
-        sx: {
-          display: "block",
-          px: 2,
-          py: 1,
-          color: "text.secondary",
-          textDecoration: "none",
-          borderRadius: 0.5,
-          transition: "all 0.2s",
-          "&:hover": {
-            backgroundColor: "action.hover",
-            color: "primary.main"
-          }
-        },
-        "data-testid": dataTestId ? `${dataTestId}-collapsed-item-${index}` : `breadcrumbs-collapsed-item-${index}`,
-        children: item.label
-      },
-      index
-    ))
-  }
-) });
-var CollapsedMenu = ({
-  items,
-  size,
-  visualStyle,
-  copy,
-  dataTestId
-}) => {
-  const [anchorEl, setAnchorEl] = React.useState(null);
-  const open = Boolean(anchorEl);
-  const handleClick = (event) => {
-    setAnchorEl(event.currentTarget);
-  };
-  const handleClose = () => {
-    setAnchorEl(null);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tooltip, { title: copy.showMore, arrow: true, children: /* @__PURE__ */ jsx(
-      BreadcrumbLink,
-      {
-        onClick: handleClick,
-        size,
-        visualStyle,
-        sx: { cursor: "pointer" },
-        "data-testid": dataTestId ? `${dataTestId}-collapsed-menu` : "breadcrumbs-collapsed-menu",
-        children: /* @__PURE__ */ jsx(MoreHoriz, { className: "breadcrumb-icon" })
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        sx: {
-          position: "absolute",
-          top: "100%",
-          left: 0,
-          mt: 1,
-          display: open ? "block" : "none",
-          zIndex: 1e3
-        },
-        "data-testid": dataTestId ? `${dataTestId}-collapsed-menu-items` : "breadcrumbs-collapsed-menu-items",
-        children: /* @__PURE__ */ jsx(
-          CollapsedItemsPopover,
-          {
-            open,
-            items,
-            size,
-            visualStyle,
-            dataTestId,
-            onSelect: handleClose
-          }
-        )
-      }
-    )
-  ] });
-};
-var crumbIcon = ({
-  item,
-  isFirst,
-  showHomeIcon,
-  iconSize
-}) => {
-  if (isFirst && showHomeIcon && !item.icon) {
-    return /* @__PURE__ */ jsx(Home, { className: "breadcrumb-icon", fontSize: iconSize });
-  }
-  if (!item.icon) return null;
-  return /* @__PURE__ */ jsx(Box, { component: "span", className: "breadcrumb-icon", sx: { display: "flex", alignItems: "center" }, children: item.icon });
-};
-var EllipsisCrumb = ({
-  label,
-  copy,
-  dataTestId
-}) => /* @__PURE__ */ jsx(Tooltip, { title: copy.moreItems, arrow: true, children: /* @__PURE__ */ jsx(
-  Box,
-  {
-    sx: {
-      px: 1,
-      color: "text.disabled",
-      cursor: "default",
-      userSelect: "none"
-    },
-    "data-testid": dataTestId ? `${dataTestId}-ellipsis` : "breadcrumbs-ellipsis",
-    children: label
-  }
-) });
-var makeTestId = (dataTestId) => (suffix, own) => own ?? (dataTestId ? `${dataTestId}-${suffix}` : `breadcrumbs-${suffix}`);
-var ClickableCrumb = ({ item, index, icon, size, variant, isActive, testId }) => /* @__PURE__ */ jsx(Tooltip, { title: item.tooltip || item.label, arrow: true, disableHoverListener: !item.tooltip, children: /* @__PURE__ */ jsxs(
-  BreadcrumbLink,
-  {
-    href: item.href || "#",
-    onClick: item.onClick,
-    size,
-    visualStyle: variant,
-    active: isActive,
-    underline: "none",
-    "aria-label": item.ariaLabel || item.label,
-    "data-testid": testId(`link-${index}`, item.dataTestId),
-    children: [
-      icon,
-      /* @__PURE__ */ jsx("span", { children: item.label })
-    ]
-  }
-) });
-var BreadcrumbEntry = ({
-  item,
-  index,
-  itemCount,
-  collapsedItems,
-  collapseBehavior,
-  separator,
-  showHomeIcon,
-  iconSize,
-  size,
-  variant,
-  copy,
-  dataTestId
-}) => {
-  const testId = makeTestId(dataTestId);
-  const isLast = index === itemCount - 1;
-  const isActive = item.active || isLast && !item.isEllipsis;
-  const isCollapsePoint = index === 1 && collapsedItems.length > 0 && collapseBehavior === "menu";
-  if (isCollapsePoint) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(
-        CollapsedMenu,
-        {
-          copy,
-          items: collapsedItems,
-          size,
-          visualStyle: variant,
-          dataTestId
-        }
-      ),
-      separator
-    ] });
-  }
-  if (item.isEllipsis) {
-    return /* @__PURE__ */ jsx(EllipsisCrumb, { copy, label: item.label, dataTestId });
-  }
-  const icon = crumbIcon({ item, isFirst: index === 0, showHomeIcon, iconSize });
-  if (isActive) {
-    return /* @__PURE__ */ jsxs(
-      BreadcrumbText,
-      {
-        size,
-        visualStyle: variant,
-        "aria-current": "page",
-        "data-testid": testId(`item-${index}`, item.dataTestId),
-        children: [
-          icon,
-          /* @__PURE__ */ jsx("span", { children: item.label })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    ClickableCrumb,
-    {
-      item,
-      index,
-      icon,
-      size,
-      variant,
-      isActive,
-      testId
-    }
-  );
-};
-
-export {
-  BreadcrumbEntry
-};
-//# sourceMappingURL=chunk-MZXZIOSF.js.map

package/dist/chunk-MZXZIOSF.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 { alpha, Box, Fade, Link, Tooltip, Typography } from '@mui/material';\nimport { styled } from '@mui/material';\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-N2L3B6SG.js

@@ -1,165 +0,0 @@
-import {
-  accordionVariantStyles
-} from "./chunk-7EFVS4JH.js";
-
-// src/components/layout/Accordion/Accordion.tsx
-import ExpandMoreIcon from "@mui/icons-material/ExpandMore";
-import {
-  Accordion as MuiAccordion,
-  AccordionActions as MuiAccordionActions,
-  AccordionDetails as MuiAccordionDetails,
-  AccordionSummary as MuiAccordionSummary,
-  alpha,
-  useTheme
-} from "@mui/material";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var Accordion = ({
-  children,
-  variant = "default",
-  disabled = false,
-  defaultExpanded = false,
-  expanded,
-  onChange,
-  sx,
-  "data-testid": testId = "accordion",
-  ...props
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    MuiAccordion,
-    {
-      disabled,
-      defaultExpanded,
-      expanded,
-      onChange,
-      "data-testid": testId,
-      sx: {
-        ...accordionVariantStyles(theme, variant),
-        ...sx
-      },
-      ...props,
-      children
-    }
-  );
-};
-var AccordionSummary = ({
-  children,
-  expandIcon = /* @__PURE__ */ jsx(ExpandMoreIcon, {}),
-  disabled = false,
-  "data-testid": testId = "accordion-summary",
-  ...props
-}) => {
-  const theme = useTheme();
-  const iconWithTestId = React.isValidElement(expandIcon) ? React.cloneElement(expandIcon, {
-    "data-testid": "accordion-icon"
-  }) : expandIcon;
-  return /* @__PURE__ */ jsx(
-    MuiAccordionSummary,
-    {
-      expandIcon: iconWithTestId,
-      disabled,
-      "data-testid": testId,
-      sx: {
-        minHeight: 56,
-        "& .MuiAccordionSummary-expandIconWrapper": {
-          transition: "transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-          color: theme.palette.text.secondary
-        },
-        "& .MuiAccordionSummary-expandIconWrapper.Mui-expanded": {
-          transform: "rotate(180deg)",
-          color: theme.palette.primary.main
-        },
-        "&:hover": {
-          backgroundColor: alpha(theme.palette.action.hover, 0.04),
-          "& .MuiAccordionSummary-expandIconWrapper": {
-            color: theme.palette.primary.main
-          }
-        },
-        "&.Mui-focusVisible": {
-          outline: `2px solid ${theme.palette.primary.main}`,
-          outlineOffset: 2
-        },
-        // Enhanced keyboard navigation styles
-        "&:focus-visible": {
-          outline: `2px solid ${theme.palette.primary.main}`,
-          outlineOffset: -2
-        }
-      },
-      ...props,
-      children
-    }
-  );
-};
-var AccordionDetails = ({
-  children,
-  "data-testid": testId = "accordion-details",
-  ...props
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    MuiAccordionDetails,
-    {
-      "data-testid": testId,
-      sx: {
-        paddingTop: theme.spacing(1),
-        paddingBottom: theme.spacing(2),
-        borderTop: `1px solid ${alpha(theme.palette.divider, 0.08)}`,
-        // Smooth content reveal animation
-        "& > *": {
-          animation: "fadeInUp 0.4s ease-out"
-        },
-        "@keyframes fadeInUp": {
-          "0%": {
-            opacity: 0,
-            transform: "translateY(8px)"
-          },
-          "100%": {
-            opacity: 1,
-            transform: "translateY(0)"
-          }
-        }
-      },
-      ...props,
-      children
-    }
-  );
-};
-var AccordionActions = ({
-  children,
-  disableSpacing = false,
-  "data-testid": testId = "accordion-actions",
-  ...props
-}) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    MuiAccordionActions,
-    {
-      disableSpacing,
-      "data-testid": testId,
-      sx: {
-        padding: theme.spacing(1, 2),
-        borderTop: `1px solid ${alpha(theme.palette.divider, 0.08)}`,
-        backgroundColor: alpha(theme.palette.background.paper, 0.5),
-        backdropFilter: "blur(8px)",
-        // Animate button entries
-        "& > *": {
-          transition: "all 0.2s ease-in-out",
-          "&:hover": {
-            transform: "translateY(-1px)"
-          }
-        }
-      },
-      ...props,
-      children
-    }
-  );
-};
-
-export {
-  Accordion,
-  AccordionSummary,
-  AccordionDetails,
-  AccordionActions
-};
-//# sourceMappingURL=chunk-N2L3B6SG.js.map

package/dist/chunk-N2L3B6SG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/Accordion/Accordion.tsx"],"sourcesContent":["import ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport { \n  Accordion as MuiAccordion,\n  AccordionActions as MuiAccordionActions,\n  AccordionDetails as MuiAccordionDetails,\n  AccordionSummary as MuiAccordionSummary,\n  alpha,\n  useTheme} from '@mui/material';\nimport React from 'react';\n\nimport { accordionVariantStyles } from './Accordion.styles';\nimport type { \n  AccordionActionsProps, \n  AccordionDetailsProps, \n  AccordionProps, \n  AccordionSummaryProps} from './Accordion.types';\n\nexport const Accordion: React.FC<AccordionProps> = ({\n  children,\n  variant = 'default',\n  disabled = false,\n  defaultExpanded = false,\n  expanded,\n  onChange,\n  sx,\n  'data-testid': testId = 'accordion',\n  ...props\n}) => {\n  const theme = useTheme();\n\n  return (\n    <MuiAccordion\n      disabled={disabled}\n      defaultExpanded={defaultExpanded}\n      expanded={expanded}\n      onChange={onChange}\n      data-testid={testId}\n      sx={{\n        ...accordionVariantStyles(theme, variant),\n        ...sx,\n      }}\n      {...props}\n    >\n      {children}\n    </MuiAccordion>\n  );\n};\n\nexport const AccordionSummary: React.FC<AccordionSummaryProps> = ({\n  children,\n  expandIcon = <ExpandMoreIcon />,\n  disabled = false,\n  'data-testid': testId = 'accordion-summary',\n  ...props\n}) => {\n  const theme = useTheme();\n\n  // Clone expandIcon to add data-testid if it's a valid React element\n  const iconWithTestId = React.isValidElement(expandIcon)\n    ? React.cloneElement(expandIcon as React.ReactElement<{ 'data-testid'?: string }>, {\n        'data-testid': 'accordion-icon',\n      })\n    : expandIcon;\n\n  return (\n    <MuiAccordionSummary\n      expandIcon={iconWithTestId}\n      disabled={disabled}\n      data-testid={testId}\n      sx={{\n        minHeight: 56,\n        '& .MuiAccordionSummary-expandIconWrapper': {\n          transition: 'transform 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n          color: theme.palette.text.secondary,\n        },\n        '& .MuiAccordionSummary-expandIconWrapper.Mui-expanded': {\n          transform: 'rotate(180deg)',\n          color: theme.palette.primary.main,\n        },\n        '&:hover': {\n          backgroundColor: alpha(theme.palette.action.hover, 0.04),\n          '& .MuiAccordionSummary-expandIconWrapper': {\n            color: theme.palette.primary.main,\n          },\n        },\n        '&.Mui-focusVisible': {\n          outline: `2px solid ${theme.palette.primary.main}`,\n          outlineOffset: 2,\n        },\n        // Enhanced keyboard navigation styles\n        '&:focus-visible': {\n          outline: `2px solid ${theme.palette.primary.main}`,\n          outlineOffset: -2,\n        },\n      }}\n      {...props}\n    >\n      {children}\n    </MuiAccordionSummary>\n  );\n};\n\nexport const AccordionDetails: React.FC<AccordionDetailsProps> = ({\n  children,\n  'data-testid': testId = 'accordion-details',\n  ...props\n}) => {\n  const theme = useTheme();\n\n  return (\n    <MuiAccordionDetails \n      data-testid={testId}\n      sx={{\n        paddingTop: theme.spacing(1),\n        paddingBottom: theme.spacing(2),\n        borderTop: `1px solid ${alpha(theme.palette.divider, 0.08)}`,\n        // Smooth content reveal animation\n        '& > *': {\n          animation: 'fadeInUp 0.4s ease-out',\n        },\n        '@keyframes fadeInUp': {\n          '0%': {\n            opacity: 0,\n            transform: 'translateY(8px)',\n          },\n          '100%': {\n            opacity: 1,\n            transform: 'translateY(0)',\n          },\n        },\n      }}\n      {...props}\n    >\n      {children}\n    </MuiAccordionDetails>\n  );\n};\n\nexport const AccordionActions: React.FC<AccordionActionsProps> = ({\n  children,\n  disableSpacing = false,\n  'data-testid': testId = 'accordion-actions',\n  ...props\n}) => {\n  const theme = useTheme();\n\n  return (\n    <MuiAccordionActions \n      disableSpacing={disableSpacing}\n      data-testid={testId}\n      sx={{\n        padding: theme.spacing(1, 2),\n        borderTop: `1px solid ${alpha(theme.palette.divider, 0.08)}`,\n        backgroundColor: alpha(theme.palette.background.paper, 0.5),\n        backdropFilter: 'blur(8px)',\n        // Animate button entries\n        '& > *': {\n          transition: 'all 0.2s ease-in-out',\n          '&:hover': {\n            transform: 'translateY(-1px)',\n          },\n        },\n      }}\n      {...props}\n    >\n      {children}\n    </MuiAccordionActions>\n  );\n};"],"mappings":"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","names":[]}

package/dist/chunk-N2SNPUZ5.js

@@ -1,87 +0,0 @@
-// src/components/data-display/Progress/Progress.styles.ts
-import { alpha, keyframes } from "@mui/material";
-var pulseAnimation = keyframes`
-  0% {
-    opacity: 1;
-  }
-  50% {
-    opacity: 0.7;
-  }
-  100% {
-    opacity: 1;
-  }
-`;
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") {
-    return {
-      light: theme.palette.grey[300],
-      main: theme.palette.grey[500],
-      dark: theme.palette.grey[700],
-      contrastText: theme.palette.getContrastText(theme.palette.grey[500])
-    };
-  }
-  const colorMap = {
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    error: theme.palette.error,
-    info: theme.palette.info,
-    danger: theme.palette.error
-    // Add danger alias
-  };
-  return colorMap[color] || theme.palette.primary;
-};
-var SIZE_MAP = {
-  xs: { height: 2, circularSize: 24, fontSize: "0.625rem" },
-  sm: { height: 4, circularSize: 32, fontSize: "0.75rem" },
-  md: { height: 6, circularSize: 40, fontSize: "0.875rem" },
-  lg: { height: 8, circularSize: 48, fontSize: "1rem" },
-  xl: { height: 10, circularSize: 56, fontSize: "1.125rem" }
-};
-var getSizeStyles = (size) => SIZE_MAP[size] || SIZE_MAP.md;
-var barVariantStyles = (variant, colorPalette) => {
-  switch (variant) {
-    case "linear":
-      return { backgroundColor: colorPalette.main };
-    case "gradient":
-      return {
-        background: `linear-gradient(90deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)`
-      };
-    case "glass":
-      return {
-        backgroundColor: alpha(colorPalette.main, 0.8),
-        backdropFilter: "blur(10px)",
-        border: `1px solid ${alpha(colorPalette.main, 0.3)}`
-      };
-    default:
-      return {};
-  }
-};
-var barEmphasisStyles = (colorPalette, glow, pulse) => ({
-  ...glow && {
-    boxShadow: `0 0 10px 2px ${alpha(colorPalette.main, 0.4)}`,
-    filter: "brightness(1.1)"
-  },
-  ...pulse && {
-    animation: `${pulseAnimation} 2s infinite`
-  }
-});
-var circularEmphasisStyles = (colorPalette, glow, pulse) => ({
-  ...glow && {
-    filter: `drop-shadow(0 0 8px ${alpha(colorPalette.main, 0.6)})`
-  },
-  ...pulse && {
-    animation: `${pulseAnimation} 2s infinite`
-  }
-});
-
-export {
-  pulseAnimation,
-  getColorFromTheme,
-  getSizeStyles,
-  barVariantStyles,
-  barEmphasisStyles,
-  circularEmphasisStyles
-};
-//# sourceMappingURL=chunk-N2SNPUZ5.js.map

package/dist/chunk-N2SNPUZ5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Progress/Progress.styles.ts"],"sourcesContent":["import type { PaletteColor } from '@mui/material';\nimport { alpha, keyframes } from '@mui/material';\nimport type { CSSObject, Theme } from '@mui/material';\n\nimport type { ProgressSize, ProgressVariant } from './Progress.types';\n\n// Define pulse animation\nexport const pulseAnimation = keyframes`\n  0% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.7;\n  }\n  100% {\n    opacity: 1;\n  }\n`;\n\nexport const getColorFromTheme = (theme: Theme, color: string): PaletteColor => {\n  // Handle special case for neutral (grey) which is a Color, not PaletteColor\n  if (color === 'neutral') {\n    return {\n      light: theme.palette.grey[300],\n      main: theme.palette.grey[500],\n      dark: theme.palette.grey[700],\n      contrastText: theme.palette.getContrastText(theme.palette.grey[500]),\n    };\n  }\n\n  const colorMap: Record<string, PaletteColor> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    error: theme.palette.error,\n    info: theme.palette.info,\n    danger: theme.palette.error, // Add danger alias\n  };\n\n  // Ensure we always return a valid color object with main and dark properties\n  return colorMap[color] || theme.palette.primary;\n};\n\nconst SIZE_MAP: Record<ProgressSize, { height: number; circularSize: number; fontSize: string }> = {\n  xs: { height: 2, circularSize: 24, fontSize: '0.625rem' },\n  sm: { height: 4, circularSize: 32, fontSize: '0.75rem' },\n  md: { height: 6, circularSize: 40, fontSize: '0.875rem' },\n  lg: { height: 8, circularSize: 48, fontSize: '1rem' },\n  xl: { height: 10, circularSize: 56, fontSize: '1.125rem' },\n};\n\nexport const getSizeStyles = (size?: ProgressSize) => SIZE_MAP[size as ProgressSize] || SIZE_MAP.md;\n\nexport const barVariantStyles = (\n  variant: ProgressVariant | undefined,\n  colorPalette: PaletteColor,\n): CSSObject => {\n  switch (variant) {\n    case 'linear':\n      return { backgroundColor: colorPalette.main };\n    case 'gradient':\n      return {\n        background: `linear-gradient(90deg, ${colorPalette.main} 0%, ${colorPalette.dark || colorPalette.main} 100%)`,\n      };\n    case 'glass':\n      return {\n        backgroundColor: alpha(colorPalette.main, 0.8),\n        backdropFilter: 'blur(10px)',\n        border: `1px solid ${alpha(colorPalette.main, 0.3)}`,\n      };\n    default:\n      return {};\n  }\n};\n\n// glow and pulse are independent flags. The three combinations used to be spelled\n// out one by one, but each is just the union of whichever flags are set.\nexport const barEmphasisStyles = (\n  colorPalette: PaletteColor,\n  glow?: boolean,\n  pulse?: boolean,\n): CSSObject => ({\n  ...(glow && {\n    boxShadow: `0 0 10px 2px ${alpha(colorPalette.main, 0.4)}`,\n    filter: 'brightness(1.1)',\n  }),\n  ...(pulse && {\n    animation: `${pulseAnimation} 2s infinite`,\n  }),\n});\n\nexport const circularEmphasisStyles = (\n  colorPalette: PaletteColor,\n  glow?: boolean,\n  pulse?: boolean,\n): CSSObject => ({\n  ...(glow && {\n    filter: `drop-shadow(0 0 8px ${alpha(colorPalette.main, 0.6)})`,\n  }),\n  ...(pulse && {\n    animation: `${pulseAnimation} 2s infinite`,\n  }),\n});\n"],"mappings":";AACA,SAAS,OAAO,iBAAiB;AAM1B,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYvB,IAAM,oBAAoB,CAAC,OAAc,UAAgC;AAE9E,MAAI,UAAU,WAAW;AACvB,WAAO;AAAA,MACL,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,MAC7B,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,MAC5B,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,MAC5B,cAAc,MAAM,QAAQ,gBAAgB,MAAM,QAAQ,KAAK,GAAG,CAAC;AAAA,IACrE;AAAA,EACF;AAEA,QAAM,WAAyC;AAAA,IAC7C,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,OAAO,MAAM,QAAQ;AAAA,IACrB,MAAM,MAAM,QAAQ;AAAA,IACpB,QAAQ,MAAM,QAAQ;AAAA;AAAA,EACxB;AAGA,SAAO,SAAS,KAAK,KAAK,MAAM,QAAQ;AAC1C;AAEA,IAAM,WAA6F;AAAA,EACjG,IAAI,EAAE,QAAQ,GAAG,cAAc,IAAI,UAAU,WAAW;AAAA,EACxD,IAAI,EAAE,QAAQ,GAAG,cAAc,IAAI,UAAU,UAAU;AAAA,EACvD,IAAI,EAAE,QAAQ,GAAG,cAAc,IAAI,UAAU,WAAW;AAAA,EACxD,IAAI,EAAE,QAAQ,GAAG,cAAc,IAAI,UAAU,OAAO;AAAA,EACpD,IAAI,EAAE,QAAQ,IAAI,cAAc,IAAI,UAAU,WAAW;AAC3D;AAEO,IAAM,gBAAgB,CAAC,SAAwB,SAAS,IAAoB,KAAK,SAAS;AAE1F,IAAM,mBAAmB,CAC9B,SACA,iBACc;AACd,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAO,EAAE,iBAAiB,aAAa,KAAK;AAAA,IAC9C,KAAK;AACH,aAAO;AAAA,QACL,YAAY,0BAA0B,aAAa,IAAI,QAAQ,aAAa,QAAQ,aAAa,IAAI;AAAA,MACvG;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,aAAa,MAAM,GAAG;AAAA,QAC7C,gBAAgB;AAAA,QAChB,QAAQ,aAAa,MAAM,aAAa,MAAM,GAAG,CAAC;AAAA,MACpD;AAAA,IACF;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAIO,IAAM,oBAAoB,CAC/B,cACA,MACA,WACe;AAAA,EACf,GAAI,QAAQ;AAAA,IACV,WAAW,gBAAgB,MAAM,aAAa,MAAM,GAAG,CAAC;AAAA,IACxD,QAAQ;AAAA,EACV;AAAA,EACA,GAAI,SAAS;AAAA,IACX,WAAW,GAAG,cAAc;AAAA,EAC9B;AACF;AAEO,IAAM,yBAAyB,CACpC,cACA,MACA,WACe;AAAA,EACf,GAAI,QAAQ;AAAA,IACV,QAAQ,uBAAuB,MAAM,aAAa,MAAM,GAAG,CAAC;AAAA,EAC9D;AAAA,EACA,GAAI,SAAS;AAAA,IACX,WAAW,GAAG,cAAc;AAAA,EAC9B;AACF;","names":[]}

package/dist/chunk-N4LU2MP7.js

@@ -1,93 +0,0 @@
-import {
-  TimelineRow
-} from "./chunk-ZLNTTNNQ.js";
-
-// src/components/data-display/Timeline/Timeline.tsx
-import {
-  alpha,
-  Box,
-  styled
-} from "@mui/material";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var TimelineContainer = styled(Box)(
-  ({ theme, orientation }) => ({
-    display: "flex",
-    flexDirection: orientation === "vertical" ? "column" : "row",
-    gap: theme.spacing(2),
-    position: "relative",
-    width: "100%",
-    ...orientation === "horizontal" && {
-      overflowX: "auto",
-      paddingBottom: theme.spacing(2),
-      "&::-webkit-scrollbar": {
-        height: 8
-      },
-      "&::-webkit-scrollbar-track": {
-        background: alpha(theme.palette.action.disabled, 0.1),
-        borderRadius: 4
-      },
-      "&::-webkit-scrollbar-thumb": {
-        background: alpha(theme.palette.primary.main, 0.3),
-        borderRadius: 4,
-        "&:hover": {
-          background: alpha(theme.palette.primary.main, 0.5)
-        }
-      }
-    }
-  })
-);
-var Timeline = ({
-  items,
-  variant = "default",
-  orientation = "vertical",
-  showConnector = true,
-  animated = true,
-  alternating = false,
-  onItemClick
-}) => {
-  const [expandedItems, setExpandedItems] = React.useState(/* @__PURE__ */ new Set());
-  const handleExpandClick = (itemId, event) => {
-    event.stopPropagation();
-    setExpandedItems((prev) => {
-      const newSet = new Set(prev);
-      if (newSet.has(itemId)) {
-        newSet.delete(itemId);
-      } else {
-        newSet.add(itemId);
-      }
-      return newSet;
-    });
-  };
-  return /* @__PURE__ */ jsx(
-    TimelineContainer,
-    {
-      orientation,
-      "data-testid": "timeline-container",
-      children: items.map((item, index) => /* @__PURE__ */ jsx(
-        TimelineRow,
-        {
-          item,
-          index,
-          isLast: index === items.length - 1,
-          variant,
-          orientation,
-          showConnector,
-          animated,
-          alternating,
-          isExpanded: expandedItems.has(item.id),
-          onItemClick,
-          onExpandClick: handleExpandClick
-        },
-        item.id
-      ))
-    }
-  );
-};
-var Timeline_default = Timeline;
-
-export {
-  Timeline,
-  Timeline_default
-};
-//# sourceMappingURL=chunk-N4LU2MP7.js.map

package/dist/chunk-N4LU2MP7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Timeline/Timeline.tsx"],"sourcesContent":["import {\n  alpha,\n  Box,\n  styled } from '@mui/material';\nimport type { FC } from 'react';\nimport React from 'react';\nimport { TimelineRow } from './TimelineRow';\nimport type { TimelineProps } from './Timeline.types';\n\n// ---\n\n// --- Styled Components ---\nconst TimelineContainer = styled(Box)<{ orientation: 'vertical' | 'horizontal' }>(\n  ({ theme, orientation }) => ({\n    display: 'flex',\n    flexDirection: orientation === 'vertical' ? 'column' : 'row',\n    gap: theme.spacing(2),\n    position: 'relative',\n    width: '100%',\n    ...(orientation === 'horizontal' && {\n      overflowX: 'auto',\n      paddingBottom: theme.spacing(2),\n      '&::-webkit-scrollbar': {\n        height: 8 },\n      '&::-webkit-scrollbar-track': {\n        background: alpha(theme.palette.action.disabled, 0.1),\n        borderRadius: 4 },\n      '&::-webkit-scrollbar-thumb': {\n        background: alpha(theme.palette.primary.main, 0.3),\n        borderRadius: 4,\n        '&:hover': {\n          background: alpha(theme.palette.primary.main, 0.5) } } }) }),\n);\n\n\n// ---\n\n// Main component\nexport const Timeline: FC<TimelineProps> = ({\n  items,\n  variant = 'default',\n  orientation = 'vertical',\n  showConnector = true,\n  animated = true,\n  alternating = false,\n  onItemClick }) => {\n  const [expandedItems, setExpandedItems] = React.useState<Set<string>>(new Set());\n\n  const handleExpandClick = (itemId: string, event: React.MouseEvent) => {\n    event.stopPropagation();\n    setExpandedItems((prev) => {\n      const newSet = new Set(prev);\n      if (newSet.has(itemId)) {\n        newSet.delete(itemId);\n      } else {\n        newSet.add(itemId);\n      }\n      return newSet;\n    });\n  };\n\n  return (\n    <TimelineContainer\n      orientation={orientation}\n      data-testid=\"timeline-container\"\n    >\n      {items.map((item, index) => (\n        <TimelineRow\n          key={item.id}\n          item={item}\n          index={index}\n          isLast={index === items.length - 1}\n          variant={variant}\n          orientation={orientation}\n          showConnector={showConnector}\n          animated={animated}\n          alternating={alternating}\n          isExpanded={expandedItems.has(item.id)}\n          onItemClick={onItemClick}\n          onExpandClick={handleExpandClick}\n        />\n      ))}\n    </TimelineContainer>\n  );\n};\n\nexport default Timeline;\n"],"mappings":";;;;;AAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAAc;AAEhB,OAAO,WAAW;AA8DV;AAvDR,IAAM,oBAAoB,OAAO,GAAG;AAAA,EAClC,CAAC,EAAE,OAAO,YAAY,OAAO;AAAA,IAC3B,SAAS;AAAA,IACT,eAAe,gBAAgB,aAAa,WAAW;AAAA,IACvD,KAAK,MAAM,QAAQ,CAAC;AAAA,IACpB,UAAU;AAAA,IACV,OAAO;AAAA,IACP,GAAI,gBAAgB,gBAAgB;AAAA,MAClC,WAAW;AAAA,MACX,eAAe,MAAM,QAAQ,CAAC;AAAA,MAC9B,wBAAwB;AAAA,QACtB,QAAQ;AAAA,MAAE;AAAA,MACZ,8BAA8B;AAAA,QAC5B,YAAY,MAAM,MAAM,QAAQ,OAAO,UAAU,GAAG;AAAA,QACpD,cAAc;AAAA,MAAE;AAAA,MAClB,8BAA8B;AAAA,QAC5B,YAAY,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG;AAAA,QACjD,cAAc;AAAA,QACd,WAAW;AAAA,UACT,YAAY,MAAM,MAAM,QAAQ,QAAQ,MAAM,GAAG;AAAA,QAAE;AAAA,MAAE;AAAA,IAAE;AAAA,EAAG;AACpE;AAMO,IAAM,WAA8B,CAAC;AAAA,EAC1C;AAAA,EACA,UAAU;AAAA,EACV,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,WAAW;AAAA,EACX,cAAc;AAAA,EACd;AAAY,MAAM;AAClB,QAAM,CAAC,eAAe,gBAAgB,IAAI,MAAM,SAAsB,oBAAI,IAAI,CAAC;AAE/E,QAAM,oBAAoB,CAAC,QAAgB,UAA4B;AACrE,UAAM,gBAAgB;AACtB,qBAAiB,CAAC,SAAS;AACzB,YAAM,SAAS,IAAI,IAAI,IAAI;AAC3B,UAAI,OAAO,IAAI,MAAM,GAAG;AACtB,eAAO,OAAO,MAAM;AAAA,MACtB,OAAO;AACL,eAAO,IAAI,MAAM;AAAA,MACnB;AACA,aAAO;AAAA,IACT,CAAC;AAAA,EACH;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAY;AAAA,MAEX,gBAAM,IAAI,CAAC,MAAM,UAChB;AAAA,QAAC;AAAA;AAAA,UAEC;AAAA,UACA;AAAA,UACA,QAAQ,UAAU,MAAM,SAAS;AAAA,UACjC;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,YAAY,cAAc,IAAI,KAAK,EAAE;AAAA,UACrC;AAAA,UACA,eAAe;AAAA;AAAA,QAXV,KAAK;AAAA,MAYZ,CACD;AAAA;AAAA,EACH;AAEJ;AAEA,IAAO,mBAAQ;","names":[]}