@12-apps/ui 6.10.1 → 6.11.1

package/dist/chunk-N2L3B6SG.js

@@ -0,0 +1,165 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,87 @@
+// 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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,93 @@
+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

@@ -0,0 +1 @@
+{"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":[]}

package/dist/chunk-N5ZWC6CB.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-N5ZWC6CB.js.map

package/dist/chunk-N5ZWC6CB.js.map

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

package/dist/chunk-N6NVLQNE.js

@@ -0,0 +1,51 @@
+// src/components/data-display/MapPreview/MapOverlays.tsx
+import { useTheme } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var OVERLAY_STYLE = {
+  position: "absolute",
+  top: 0,
+  left: 0,
+  width: "100%",
+  height: "100%",
+  pointerEvents: "none",
+  zIndex: 1
+};
+var MAX_HEAT_RADIUS = 30;
+var MAX_HEAT_OPACITY = 0.3;
+var DEGREES_TO_PIXELS = 10;
+var HeatmapOverlay = ({ points, width, height }) => {
+  const theme = useTheme();
+  if (points.length === 0) return null;
+  return /* @__PURE__ */ jsx("svg", { style: OVERLAY_STYLE, viewBox: `0 0 ${width} ${height}`, children: points.map((point, index) => /* @__PURE__ */ jsx(
+    "circle",
+    {
+      cx: width / 2 + point.lng * DEGREES_TO_PIXELS,
+      cy: height / 2 - point.lat * DEGREES_TO_PIXELS,
+      r: MAX_HEAT_RADIUS * point.weight,
+      fill: theme.palette.error.main,
+      opacity: MAX_HEAT_OPACITY * point.weight
+    },
+    `${point.lat}-${point.lng}-${index}`
+  )) });
+};
+var RouteOverlay = ({ color }) => {
+  const theme = useTheme();
+  return /* @__PURE__ */ jsx("svg", { style: OVERLAY_STYLE, viewBox: "0 0 100 100", children: /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M 20,20 Q 40,10 50,30 T 80,80",
+      stroke: color || theme.palette.primary.main,
+      strokeWidth: "3",
+      fill: "none",
+      strokeDasharray: "5,5",
+      opacity: "0.8",
+      children: /* @__PURE__ */ jsx("animate", { attributeName: "stroke-dashoffset", values: "0;10", dur: "1s", repeatCount: "indefinite" })
+    }
+  ) });
+};
+
+export {
+  HeatmapOverlay,
+  RouteOverlay
+};
+//# sourceMappingURL=chunk-N6NVLQNE.js.map

package/dist/chunk-N6NVLQNE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapOverlays.tsx"],"sourcesContent":["import { useTheme } from '@mui/material';\nimport type { CSSProperties, FC } from 'react';\nimport React from 'react';\n\nimport type { HeatmapPoint } from './MapPreview.types';\n\nconst OVERLAY_STYLE: CSSProperties = {\n  position: 'absolute',\n  top: 0,\n  left: 0,\n  width: '100%',\n  height: '100%',\n  pointerEvents: 'none',\n  zIndex: 1,\n};\n\nconst MAX_HEAT_RADIUS = 30;\nconst MAX_HEAT_OPACITY = 0.3;\nconst DEGREES_TO_PIXELS = 10;\n\nexport interface HeatmapOverlayProps {\n  points: HeatmapPoint[];\n  width: number;\n  height: number;\n}\n\n// Each point's weight drives both its radius and its opacity, so denser areas\n// read hotter where circles overlap.\nexport const HeatmapOverlay: FC<HeatmapOverlayProps> = ({ points, width, height }) => {\n  const theme = useTheme();\n\n  if (points.length === 0) return null;\n\n  return (\n    <svg style={OVERLAY_STYLE} viewBox={`0 0 ${width} ${height}`}>\n      {points.map((point, index) => (\n        <circle\n          key={`${point.lat}-${point.lng}-${index}`}\n          cx={width / 2 + point.lng * DEGREES_TO_PIXELS}\n          cy={height / 2 - point.lat * DEGREES_TO_PIXELS}\n          r={MAX_HEAT_RADIUS * point.weight}\n          fill={theme.palette.error.main}\n          opacity={MAX_HEAT_OPACITY * point.weight}\n        />\n      ))}\n    </svg>\n  );\n};\n\nexport const RouteOverlay: FC<{ color: string }> = ({ color }) => {\n  const theme = useTheme();\n\n  return (\n    <svg style={OVERLAY_STYLE} viewBox=\"0 0 100 100\">\n      <path\n        d=\"M 20,20 Q 40,10 50,30 T 80,80\"\n        stroke={color || theme.palette.primary.main}\n        strokeWidth=\"3\"\n        fill=\"none\"\n        strokeDasharray=\"5,5\"\n        opacity=\"0.8\"\n      >\n        {/* Marching-ants dashes to suggest direction of travel. */}\n        <animate attributeName=\"stroke-dashoffset\" values=\"0;10\" dur=\"1s\" repeatCount=\"indefinite\" />\n      </path>\n    </svg>\n  );\n};\n"],"mappings":";AAAA,SAAS,gBAAgB;AAoCjB;AA9BR,IAAM,gBAA+B;AAAA,EACnC,UAAU;AAAA,EACV,KAAK;AAAA,EACL,MAAM;AAAA,EACN,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,eAAe;AAAA,EACf,QAAQ;AACV;AAEA,IAAM,kBAAkB;AACxB,IAAM,mBAAmB;AACzB,IAAM,oBAAoB;AAUnB,IAAM,iBAA0C,CAAC,EAAE,QAAQ,OAAO,OAAO,MAAM;AACpF,QAAM,QAAQ,SAAS;AAEvB,MAAI,OAAO,WAAW,EAAG,QAAO;AAEhC,SACE,oBAAC,SAAI,OAAO,eAAe,SAAS,OAAO,KAAK,IAAI,MAAM,IACvD,iBAAO,IAAI,CAAC,OAAO,UAClB;AAAA,IAAC;AAAA;AAAA,MAEC,IAAI,QAAQ,IAAI,MAAM,MAAM;AAAA,MAC5B,IAAI,SAAS,IAAI,MAAM,MAAM;AAAA,MAC7B,GAAG,kBAAkB,MAAM;AAAA,MAC3B,MAAM,MAAM,QAAQ,MAAM;AAAA,MAC1B,SAAS,mBAAmB,MAAM;AAAA;AAAA,IAL7B,GAAG,MAAM,GAAG,IAAI,MAAM,GAAG,IAAI,KAAK;AAAA,EAMzC,CACD,GACH;AAEJ;AAEO,IAAM,eAAsC,CAAC,EAAE,MAAM,MAAM;AAChE,QAAM,QAAQ,SAAS;AAEvB,SACE,oBAAC,SAAI,OAAO,eAAe,SAAQ,eACjC;AAAA,IAAC;AAAA;AAAA,MACC,GAAE;AAAA,MACF,QAAQ,SAAS,MAAM,QAAQ,QAAQ;AAAA,MACvC,aAAY;AAAA,MACZ,MAAK;AAAA,MACL,iBAAgB;AAAA,MAChB,SAAQ;AAAA,MAGR,8BAAC,aAAQ,eAAc,qBAAoB,QAAO,QAAO,KAAI,MAAK,aAAY,cAAa;AAAA;AAAA,EAC7F,GACF;AAEJ;","names":[]}

package/dist/chunk-N6Y3BWHA.js

@@ -0,0 +1,83 @@
+import {
+  transitionFor
+} from "./chunk-4MTMMCPZ.js";
+import {
+  backdropSx,
+  panelSx
+} from "./chunk-DCT2CPR5.js";
+import {
+  withDefaults
+} from "./chunk-HPK33ACY.js";
+
+// src/components/feedback/Modal/Modal.tsx
+import { Backdrop, Box, Modal as MuiModal, useTheme } from "@mui/material";
+import { jsx } from "react/jsx-runtime";
+var DEFAULTS = {
+  variant: "center",
+  size: "md",
+  backdrop: true,
+  persistent: false,
+  glass: false,
+  gradient: false,
+  glow: false,
+  pulse: false,
+  borderRadius: "lg"
+};
+var Modal = (props) => {
+  const {
+    children,
+    variant,
+    size,
+    backdrop,
+    persistent,
+    glass,
+    gradient,
+    glow,
+    pulse,
+    borderRadius,
+    onClose,
+    open,
+    dataTestId,
+    ...rest
+  } = withDefaults(props, DEFAULTS);
+  const theme = useTheme();
+  const isGlass = glass || variant === "glass";
+  const handleClose = (_event, reason) => {
+    if (persistent && (reason === "backdropClick" || reason === "escapeKeyDown")) {
+      return;
+    }
+    onClose?.();
+  };
+  const TransitionComponent = transitionFor(variant);
+  return /* @__PURE__ */ jsx(
+    MuiModal,
+    {
+      open,
+      onClose: handleClose,
+      closeAfterTransition: true,
+      BackdropComponent: backdrop ? Backdrop : void 0,
+      BackdropProps: {
+        timeout: 500,
+        sx: backdropSx(theme, isGlass),
+        // @ts-expect-error - data-testid is not part of BackdropProps type but is valid HTML
+        "data-testid": dataTestId ? `${dataTestId}-backdrop` : "modal-backdrop"
+      },
+      ...rest,
+      children: /* @__PURE__ */ jsx(TransitionComponent, { in: open, timeout: 500, children: /* @__PURE__ */ jsx(
+        Box,
+        {
+          sx: panelSx(theme, { variant, size, borderRadius, glass, gradient, glow, pulse }),
+          "data-testid": dataTestId || "modal",
+          children
+        }
+      ) })
+    }
+  );
+};
+var ModalContent = ({ children, padding = 3, dataTestId }) => /* @__PURE__ */ jsx(Box, { sx: { p: padding }, "data-testid": dataTestId || "modal-content", children });
+
+export {
+  Modal,
+  ModalContent
+};
+//# sourceMappingURL=chunk-N6Y3BWHA.js.map

package/dist/chunk-N6Y3BWHA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Modal/Modal.tsx"],"sourcesContent":["import { Backdrop, Box, Modal as MuiModal, useTheme } from '@mui/material';\nimport React from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { backdropSx, panelSx } from './Modal.styles';\nimport { transitionFor } from './Modal.transitions';\nimport type { ModalContentProps, ModalProps } from './Modal.types';\n\nconst DEFAULTS = {\n  variant: 'center',\n  size: 'md',\n  backdrop: true,\n  persistent: false,\n  glass: false,\n  gradient: false,\n  glow: false,\n  pulse: false,\n  borderRadius: 'lg',\n} satisfies Partial<ModalProps>;\n\ntype ResolvedProps = ModalProps & Required<Pick<ModalProps, keyof typeof DEFAULTS>>;\n\nexport const Modal: React.FC<ModalProps> = (props) => {\n  const {\n    children, variant, size, backdrop, persistent, glass, gradient, glow, pulse,\n    borderRadius, onClose, open, dataTestId,\n    ...rest\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n\n  const theme = useTheme();\n  const isGlass = glass || variant === 'glass';\n\n  /** A persistent modal ignores the two dismissals it did not ask for. */\n  const handleClose = (_event: object, reason: 'backdropClick' | 'escapeKeyDown') => {\n    if (persistent && (reason === 'backdropClick' || reason === 'escapeKeyDown')) {\n      return;\n    }\n    onClose?.();\n  };\n\n  const TransitionComponent = transitionFor(variant);\n\n  return (\n    <MuiModal\n      open={open}\n      onClose={handleClose}\n      closeAfterTransition\n      BackdropComponent={backdrop ? Backdrop : undefined}\n      BackdropProps={{\n        timeout: 500,\n        sx: backdropSx(theme, isGlass),\n        // @ts-expect-error - data-testid is not part of BackdropProps type but is valid HTML\n        'data-testid': dataTestId ? `${dataTestId}-backdrop` : 'modal-backdrop',\n      }}\n      {...rest}\n    >\n      <TransitionComponent in={open} timeout={500}>\n        <Box\n          sx={panelSx(theme, { variant, size, borderRadius, glass, gradient, glow, pulse })}\n          data-testid={dataTestId || 'modal'}\n        >\n          {children}\n        </Box>\n      </TransitionComponent>\n    </MuiModal>\n  );\n};\n\nexport const ModalContent: React.FC<ModalContentProps> = ({ children, padding = 3, dataTestId }) => (\n  <Box sx={{ p: padding }} data-testid={dataTestId || 'modal-content'}>\n    {children}\n  </Box>\n);\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,UAAU,KAAK,SAAS,UAAU,gBAAgB;AA0DnD;AAjDR,IAAM,WAAW;AAAA,EACf,SAAS;AAAA,EACT,MAAM;AAAA,EACN,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,UAAU;AAAA,EACV,MAAM;AAAA,EACN,OAAO;AAAA,EACP,cAAc;AAChB;AAIO,IAAM,QAA8B,CAAC,UAAU;AACpD,QAAM;AAAA,IACJ;AAAA,IAAU;AAAA,IAAS;AAAA,IAAM;AAAA,IAAU;AAAA,IAAY;AAAA,IAAO;AAAA,IAAU;AAAA,IAAM;AAAA,IACtE;AAAA,IAAc;AAAA,IAAS;AAAA,IAAM;AAAA,IAC7B,GAAG;AAAA,EACL,IAAI,aAAa,OAAO,QAAQ;AAEhC,QAAM,QAAQ,SAAS;AACvB,QAAM,UAAU,SAAS,YAAY;AAGrC,QAAM,cAAc,CAAC,QAAgB,WAA8C;AACjF,QAAI,eAAe,WAAW,mBAAmB,WAAW,kBAAkB;AAC5E;AAAA,IACF;AACA,cAAU;AAAA,EACZ;AAEA,QAAM,sBAAsB,cAAc,OAAO;AAEjD,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,SAAS;AAAA,MACT,sBAAoB;AAAA,MACpB,mBAAmB,WAAW,WAAW;AAAA,MACzC,eAAe;AAAA,QACb,SAAS;AAAA,QACT,IAAI,WAAW,OAAO,OAAO;AAAA;AAAA,QAE7B,eAAe,aAAa,GAAG,UAAU,cAAc;AAAA,MACzD;AAAA,MACC,GAAG;AAAA,MAEJ,8BAAC,uBAAoB,IAAI,MAAM,SAAS,KACtC;AAAA,QAAC;AAAA;AAAA,UACC,IAAI,QAAQ,OAAO,EAAE,SAAS,MAAM,cAAc,OAAO,UAAU,MAAM,MAAM,CAAC;AAAA,UAChF,eAAa,cAAc;AAAA,UAE1B;AAAA;AAAA,MACH,GACF;AAAA;AAAA,EACF;AAEJ;AAEO,IAAM,eAA4C,CAAC,EAAE,UAAU,UAAU,GAAG,WAAW,MAC5F,oBAAC,OAAI,IAAI,EAAE,GAAG,QAAQ,GAAG,eAAa,cAAc,iBACjD,UACH;","names":[]}

package/dist/chunk-NBXICKLU.js

@@ -0,0 +1,30 @@
+import {
+  useFormContext
+} from "./chunk-4XK6JQ4D.js";
+import {
+  Toast
+} from "./chunk-M624PGL4.js";
+
+// src/components/form/total-form/FormErrorSnackbar.tsx
+import { jsx } from "react/jsx-runtime";
+function FormErrorSnackbar({
+  message = "Please fix the highlighted fields and try again."
+}) {
+  const { errors } = useFormContext();
+  const hasErrors = Object.values(errors).some(Boolean);
+  if (!hasErrors) return null;
+  return /* @__PURE__ */ jsx(
+    Toast,
+    {
+      dataTestId: "total-form-error-snackbar",
+      variant: "error",
+      message,
+      closable: false
+    }
+  );
+}
+
+export {
+  FormErrorSnackbar
+};
+//# sourceMappingURL=chunk-NBXICKLU.js.map

package/dist/chunk-NBXICKLU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/total-form/FormErrorSnackbar.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Toast } from '../../feedback/Toast';\nimport { useFormContext } from './FormContext';\n\n/** Props for {@link FormErrorSnackbar}. */\nexport interface FormErrorSnackbarProps {\n  /** Message shown when the form has field errors. */\n  message?: string;\n}\n\n/**\n * Surfaces form-level validation failures. Thin wrapper over the existing\n * `@12-apps/ui` `Toast`: renders nothing while the form is valid and shows an\n * error toast (testid `total-form-error-snackbar`) once any field has an error.\n */\nexport function FormErrorSnackbar({\n  message = 'Please fix the highlighted fields and try again.',\n}: FormErrorSnackbarProps): React.ReactElement | null {\n  const { errors } = useFormContext();\n  const hasErrors = Object.values(errors).some(Boolean);\n\n  if (!hasErrors) return null;\n\n  return (\n    <Toast\n      dataTestId=\"total-form-error-snackbar\"\n      variant=\"error\"\n      message={message}\n      closable={false}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AA2BI;AATG,SAAS,kBAAkB;AAAA,EAChC,UAAU;AACZ,GAAsD;AACpD,QAAM,EAAE,OAAO,IAAI,eAAe;AAClC,QAAM,YAAY,OAAO,OAAO,MAAM,EAAE,KAAK,OAAO;AAEpD,MAAI,CAAC,UAAW,QAAO;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,SAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA;AAAA,EACZ;AAEJ;","names":[]}

package/dist/chunk-NCS2TBIP.js

@@ -0,0 +1 @@
+//# sourceMappingURL=chunk-NCS2TBIP.js.map

package/dist/chunk-NCS2TBIP.js.map

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