@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-VU4BANG7.js

@@ -1,108 +0,0 @@
-import {
-  MapLayers
-} from "./chunk-A2DYU5WN.js";
-import {
-  glassStyles,
-  resolveMapPreviewProps
-} from "./chunk-ACZH2NUW.js";
-import {
-  MapCoordinates,
-  MapMarkers
-} from "./chunk-DL6N7W6P.js";
-import {
-  useMapPreview
-} from "./chunk-PQECNGDE.js";
-import {
-  StaticMapView
-} from "./chunk-LGZ4EIWV.js";
-
-// src/components/data-display/MapPreview/MapPreview.tsx
-import Box from "@mui/material/Box/index.js";
-import Paper from "@mui/material/Paper/index.js";
-import { alpha, styled, useTheme } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var MapContainer = styled(Paper)(({ theme }) => ({
-  position: "relative",
-  width: "100%",
-  borderRadius: theme.shape.borderRadius * 2,
-  overflow: "hidden",
-  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.9)} 0%, ${alpha(theme.palette.background.paper, 0.8)} 100%)`,
-  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`
-}));
-var MapWrapper = styled(Box)(({ height }) => ({
-  width: "100%",
-  height,
-  position: "relative"
-}));
-var cursorFor = (grabbing, interactive) => {
-  if (grabbing) return "grabbing";
-  return interactive ? "grab" : "default";
-};
-var MapPreview = (componentProps) => {
-  const props = resolveMapPreviewProps(componentProps);
-  const theme = useTheme();
-  const { containerRef, view, controls, pointer, search, handleMapClick } = useMapPreview(props);
-  const height = controls.isFullscreen ? "100vh" : props.height;
-  const grabbing = pointer.isDragging || pointer.isPanning;
-  return /* @__PURE__ */ jsx(
-    MapContainer,
-    {
-      ref: containerRef,
-      elevation: props.variant === "glass" ? 0 : 2,
-      "data-testid": "map-preview-container",
-      role: "img",
-      "aria-label": `Map preview centered at ${view.markerPosition.lat.toFixed(4)}, ${view.markerPosition.lng.toFixed(4)} with zoom level ${view.zoom}`,
-      tabIndex: 0,
-      "aria-live": "polite",
-      "aria-atomic": "true",
-      sx: glassStyles(props.variant, theme),
-      children: /* @__PURE__ */ jsxs(
-        MapWrapper,
-        {
-          height,
-          onClick: handleMapClick,
-          onMouseDown: pointer.handleMouseDown,
-          onMouseMove: pointer.handleMouseMove,
-          onMouseUp: pointer.handleMouseUp,
-          onMouseLeave: pointer.handleMouseUp,
-          style: {
-            cursor: cursorFor(grabbing, props.interactive),
-            transition: props.animated ? "all 0.3s ease" : "none"
-          },
-          children: [
-            /* @__PURE__ */ jsx(
-              StaticMapView,
-              {
-                height,
-                zoom: view.zoom,
-                mapType: view.mapType,
-                marker: props.marker && props.markers.length === 0,
-                markerPosition: view.markerPosition,
-                panOffset: view.panOffset
-              }
-            ),
-            /* @__PURE__ */ jsx(MapMarkers, { markers: props.markers, centre: view.markerPosition, animated: props.animated }),
-            /* @__PURE__ */ jsx(
-              MapLayers,
-              {
-                settings: props,
-                zoom: view.zoom,
-                mapType: view.mapType,
-                search,
-                controls
-              }
-            ),
-            /* @__PURE__ */ jsx(MapCoordinates, { position: view.markerPosition, zoom: view.zoom })
-          ]
-        }
-      )
-    }
-  );
-};
-var MapPreview_default = MapPreview;
-
-export {
-  MapPreview,
-  MapPreview_default
-};
-//# sourceMappingURL=chunk-VU4BANG7.js.map

package/dist/chunk-VU4BANG7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/MapPreview/MapPreview.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport { alpha, styled, useTheme } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { glassStyles, resolveMapPreviewProps } from './MapPreview.helpers';\nimport type { MapPreviewProps } from './MapPreview.types';\nimport { MapLayers } from './MapLayers';\nimport { MapCoordinates, MapMarkers } from './MapMarkers';\nimport { StaticMapView } from './StaticMapView';\nimport { useMapPreview } from './useMapPreview';\n\n// Kept module-local: styled() components cannot be exported across a module\n// boundary here without tripping TS2742.\nconst MapContainer = styled(Paper)(({ theme }) => ({\n  position: 'relative',\n  width: '100%',\n  borderRadius: theme.shape.borderRadius * 2,\n  overflow: 'hidden',\n  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.9)} 0%, ${alpha(theme.palette.background.paper, 0.8)} 100%)`,\n  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,\n}));\n\nconst MapWrapper = styled(Box)<{ height: string }>(({ height }) => ({\n  width: '100%',\n  height,\n  position: 'relative',\n}));\n\nconst cursorFor = (grabbing: boolean, interactive: boolean): string => {\n  if (grabbing) return 'grabbing';\n  return interactive ? 'grab' : 'default';\n};\n\nexport const MapPreview: FC<MapPreviewProps> = (componentProps) => {\n  const props = resolveMapPreviewProps(componentProps);\n  const theme = useTheme();\n  const { containerRef, view, controls, pointer, search, handleMapClick } = useMapPreview(props);\n\n  const height = controls.isFullscreen ? '100vh' : props.height;\n  const grabbing = pointer.isDragging || pointer.isPanning;\n\n  return (\n    <MapContainer\n      ref={containerRef}\n      elevation={props.variant === 'glass' ? 0 : 2}\n      data-testid=\"map-preview-container\"\n      role=\"img\"\n      aria-label={`Map preview centered at ${view.markerPosition.lat.toFixed(4)}, ${view.markerPosition.lng.toFixed(4)} with zoom level ${view.zoom}`}\n      tabIndex={0}\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n      sx={glassStyles(props.variant, theme)}\n    >\n      <MapWrapper\n        height={height}\n        onClick={handleMapClick}\n        onMouseDown={pointer.handleMouseDown}\n        onMouseMove={pointer.handleMouseMove}\n        onMouseUp={pointer.handleMouseUp}\n        onMouseLeave={pointer.handleMouseUp}\n        style={{\n          cursor: cursorFor(grabbing, props.interactive),\n          transition: props.animated ? 'all 0.3s ease' : 'none',\n        }}\n      >\n        <StaticMapView\n          height={height}\n          zoom={view.zoom}\n          mapType={view.mapType}\n          // The built-in centre marker steps aside for an explicit marker list.\n          marker={props.marker && props.markers.length === 0}\n          markerPosition={view.markerPosition}\n          panOffset={view.panOffset}\n        />\n\n        <MapMarkers markers={props.markers} centre={view.markerPosition} animated={props.animated} />\n\n        <MapLayers\n          settings={props}\n          zoom={view.zoom}\n          mapType={view.mapType}\n          search={search}\n          controls={controls}\n        />\n\n        <MapCoordinates position={view.markerPosition} zoom={view.zoom} />\n      </MapWrapper>\n    </MapContainer>\n  );\n};\n\nexport default MapPreview;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,WAAW;AAClB,SAAS,OAAO,QAAQ,gBAAgB;AAqDlC,SAYE,KAZF;AAxCN,IAAM,eAAe,OAAO,KAAK,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EACjD,UAAU;AAAA,EACV,OAAO;AAAA,EACP,cAAc,MAAM,MAAM,eAAe;AAAA,EACzC,UAAU;AAAA,EACV,YAAY,2BAA2B,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG,CAAC,QAAQ,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG,CAAC;AAAA,EACnI,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,IAAI,CAAC;AACzD,EAAE;AAEF,IAAM,aAAa,OAAO,GAAG,EAAsB,CAAC,EAAE,OAAO,OAAO;AAAA,EAClE,OAAO;AAAA,EACP;AAAA,EACA,UAAU;AACZ,EAAE;AAEF,IAAM,YAAY,CAAC,UAAmB,gBAAiC;AACrE,MAAI,SAAU,QAAO;AACrB,SAAO,cAAc,SAAS;AAChC;AAEO,IAAM,aAAkC,CAAC,mBAAmB;AACjE,QAAM,QAAQ,uBAAuB,cAAc;AACnD,QAAM,QAAQ,SAAS;AACvB,QAAM,EAAE,cAAc,MAAM,UAAU,SAAS,QAAQ,eAAe,IAAI,cAAc,KAAK;AAE7F,QAAM,SAAS,SAAS,eAAe,UAAU,MAAM;AACvD,QAAM,WAAW,QAAQ,cAAc,QAAQ;AAE/C,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAW,MAAM,YAAY,UAAU,IAAI;AAAA,MAC3C,eAAY;AAAA,MACZ,MAAK;AAAA,MACL,cAAY,2BAA2B,KAAK,eAAe,IAAI,QAAQ,CAAC,CAAC,KAAK,KAAK,eAAe,IAAI,QAAQ,CAAC,CAAC,oBAAoB,KAAK,IAAI;AAAA,MAC7I,UAAU;AAAA,MACV,aAAU;AAAA,MACV,eAAY;AAAA,MACZ,IAAI,YAAY,MAAM,SAAS,KAAK;AAAA,MAEpC;AAAA,QAAC;AAAA;AAAA,UACC;AAAA,UACA,SAAS;AAAA,UACT,aAAa,QAAQ;AAAA,UACrB,aAAa,QAAQ;AAAA,UACrB,WAAW,QAAQ;AAAA,UACnB,cAAc,QAAQ;AAAA,UACtB,OAAO;AAAA,YACL,QAAQ,UAAU,UAAU,MAAM,WAAW;AAAA,YAC7C,YAAY,MAAM,WAAW,kBAAkB;AAAA,UACjD;AAAA,UAEA;AAAA;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA,MAAM,KAAK;AAAA,gBACX,SAAS,KAAK;AAAA,gBAEd,QAAQ,MAAM,UAAU,MAAM,QAAQ,WAAW;AAAA,gBACjD,gBAAgB,KAAK;AAAA,gBACrB,WAAW,KAAK;AAAA;AAAA,YAClB;AAAA,YAEA,oBAAC,cAAW,SAAS,MAAM,SAAS,QAAQ,KAAK,gBAAgB,UAAU,MAAM,UAAU;AAAA,YAE3F;AAAA,cAAC;AAAA;AAAA,gBACC,UAAU;AAAA,gBACV,MAAM,KAAK;AAAA,gBACX,SAAS,KAAK;AAAA,gBACd;AAAA,gBACA;AAAA;AAAA,YACF;AAAA,YAEA,oBAAC,kBAAe,UAAU,KAAK,gBAAgB,MAAM,KAAK,MAAM;AAAA;AAAA;AAAA,MAClE;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,qBAAQ;","names":[]}

package/dist/chunk-WGFIIS6Q.js

@@ -1,296 +0,0 @@
-import {
-  indicatorSizeFor,
-  stepColors,
-  stepPalette
-} from "./chunk-V5KKBMAT.js";
-import {
-  neutralTones
-} from "./chunk-FQ6UW7IY.js";
-
-// src/components/utility/WorkflowStep/WorkflowStep.parts.tsx
-import Box from "@mui/material/Box/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import { forwardRef, useCallback } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var indicatorVariantStyles = (theme, variant, { backgroundColor, borderColor, textColor }) => {
-  if (variant === "outlined") {
-    return {
-      border: `2px solid ${borderColor}`,
-      backgroundColor: theme.palette.background.paper
-    };
-  }
-  const filled = { backgroundColor, color: textColor };
-  switch (variant) {
-    case "filled":
-      return filled;
-    case "minimal":
-      return { ...filled, border: "none" };
-    case "default":
-      return { ...filled, border: `1px solid ${borderColor}` };
-    default:
-      return {};
-  }
-};
-var StepItem = styled(Box, {
-  shouldForwardProp: (prop) => !["orientation", "isLast"].includes(prop)
-})(({ orientation, isLast }) => ({
-  display: "flex",
-  flexDirection: orientation === "vertical" ? "column" : "row",
-  alignItems: orientation === "vertical" ? "flex-start" : "center",
-  flex: orientation === "horizontal" && !isLast ? 1 : "none",
-  position: "relative",
-  minWidth: 0
-  // Allow content to shrink
-}));
-var StepIndicator = styled(Box, {
-  shouldForwardProp: (prop) => !["size", "variant", "color", "isActive", "isCompleted", "isError", "interactive", "disabled"].includes(prop)
-})(({ theme, size, variant, color, isActive, isCompleted, isError, interactive, animated, disabled }) => {
-  const indicatorSize = indicatorSizeFor(size);
-  const palette = stepPalette(theme, color);
-  const { backgroundColor, borderColor, textColor } = stepColors(theme, palette, {
-    isActive,
-    isCompleted,
-    isError,
-    variant
-  });
-  return {
-    width: indicatorSize,
-    height: indicatorSize,
-    borderRadius: "50%",
-    display: "flex",
-    alignItems: "center",
-    justifyContent: "center",
-    fontSize: theme.typography.caption.fontSize,
-    fontWeight: theme.typography.fontWeightMedium,
-    cursor: interactive && !disabled ? "pointer" : "default",
-    transition: animated ? theme.transitions.create(["background-color", "border-color", "transform"], {
-      duration: theme.transitions.duration.short
-    }) : "none",
-    flexShrink: 0,
-    ...indicatorVariantStyles(theme, variant, { backgroundColor, borderColor, textColor }),
-    // Interactive states
-    ...interactive && !disabled && {
-      "&:hover": {
-        transform: "scale(1.1)",
-        boxShadow: theme.shadows[2]
-      },
-      "&:focus-visible": {
-        outline: `2px solid ${palette.main}`,
-        outlineOffset: "2px"
-      }
-    },
-    // Disabled state
-    ...disabled && {
-      opacity: 0.5,
-      cursor: "not-allowed"
-    }
-  };
-});
-var StepContent = styled(Box, {
-  shouldForwardProp: (prop) => !["orientation", "interactive", "disabled"].includes(prop)
-})(({ theme, orientation, interactive, disabled }) => ({
-  display: "flex",
-  flexDirection: "column",
-  alignItems: orientation === "vertical" ? "flex-start" : "center",
-  textAlign: orientation === "vertical" ? "left" : "center",
-  marginTop: orientation === "vertical" ? theme.spacing(1) : theme.spacing(0.5),
-  marginLeft: orientation === "horizontal" ? theme.spacing(1) : 0,
-  cursor: interactive && !disabled ? "pointer" : "default",
-  minWidth: 0,
-  flex: 1,
-  "& .step-title": {
-    fontSize: theme.typography.body2.fontSize,
-    fontWeight: theme.typography.fontWeightMedium,
-    color: theme.palette.text.primary,
-    marginBottom: theme.spacing(0.5),
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    maxWidth: "100%"
-  },
-  "& .step-description": {
-    fontSize: theme.typography.caption.fontSize,
-    color: theme.palette.text.secondary,
-    overflow: "hidden",
-    textOverflow: "ellipsis",
-    whiteSpace: "nowrap",
-    maxWidth: "100%"
-  },
-  ...disabled && {
-    opacity: 0.5
-  }
-}));
-var StepConnector = styled(Box, {
-  shouldForwardProp: (prop) => !["orientation", "isCompleted", "color", "variant"].includes(prop)
-})(({ theme, orientation, isCompleted, color, variant }) => {
-  const colorKey = color || "primary";
-  const colorValue = colorKey === "neutral" ? { main: neutralTones(theme).emphasis } : theme.palette[colorKey];
-  const connectorColor = isCompleted ? colorValue.main : neutralTones(theme).track;
-  return {
-    flex: 1,
-    position: "relative",
-    ...orientation === "horizontal" && {
-      height: "2px",
-      backgroundColor: connectorColor,
-      margin: `0 ${theme.spacing(1)}`,
-      minWidth: theme.spacing(2)
-    },
-    ...orientation === "vertical" && {
-      width: "2px",
-      backgroundColor: connectorColor,
-      minHeight: theme.spacing(3),
-      marginLeft: theme.spacing(2),
-      position: "absolute",
-      left: "50%",
-      transform: "translateX(-50%)",
-      top: "100%"
-    },
-    transition: theme.transitions.create("background-color", {
-      duration: theme.transitions.duration.short
-    }),
-    ...variant === "minimal" && {
-      opacity: 0.6
-    }
-  };
-});
-var StepIndicatorComponent = forwardRef(({
-  step,
-  index,
-  isActive,
-  isCompleted,
-  isError,
-  variant,
-  color,
-  size,
-  showNumbers,
-  showIcons,
-  completedIcon,
-  errorIcon,
-  interactive,
-  animated,
-  disabled,
-  onClick,
-  "data-testid": dataTestId
-}, ref) => {
-  const handleClick = useCallback(() => {
-    if (interactive && !disabled && onClick) {
-      onClick(index, step);
-    }
-  }, [interactive, disabled, onClick, index, step]);
-  const handleKeyDown = useCallback((event) => {
-    if (interactive && !disabled && (event.key === "Enter" || event.key === " ")) {
-      event.preventDefault();
-      if (onClick) {
-        onClick(index, step);
-      }
-    }
-  }, [interactive, disabled, onClick, index, step]);
-  const renderIndicatorContent = () => {
-    if (isError && errorIcon) {
-      return errorIcon;
-    }
-    if (isCompleted && completedIcon) {
-      return completedIcon;
-    }
-    if (showIcons && step.icon) {
-      return step.icon;
-    }
-    if (showNumbers) {
-      return index + 1;
-    }
-    return null;
-  };
-  return /* @__PURE__ */ jsx(
-    StepIndicator,
-    {
-      ref,
-      size,
-      variant,
-      color,
-      isActive,
-      isCompleted,
-      isError,
-      interactive,
-      animated,
-      disabled: Boolean(disabled || step.disabled),
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      role: interactive ? "button" : void 0,
-      tabIndex: interactive && !disabled && !step.disabled ? 0 : -1,
-      "aria-label": `Step ${index + 1}: ${step.title}`,
-      "aria-current": isActive ? "step" : void 0,
-      "data-testid": dataTestId,
-      children: renderIndicatorContent()
-    }
-  );
-});
-StepIndicatorComponent.displayName = "StepIndicator";
-var StepConnectorComponent = forwardRef(({
-  isCompleted,
-  orientation,
-  variant,
-  color,
-  "data-testid": dataTestId
-}, ref) => /* @__PURE__ */ jsx(
-  StepConnector,
-  {
-    ref,
-    orientation,
-    isCompleted,
-    color,
-    variant,
-    "data-testid": dataTestId
-  }
-));
-StepConnectorComponent.displayName = "StepConnector";
-var StepContentComponent = forwardRef(({
-  step,
-  index,
-  orientation,
-  interactive,
-  disabled,
-  onClick,
-  "data-testid": dataTestId
-}, ref) => {
-  const handleClick = useCallback(() => {
-    if (interactive && !disabled && onClick) {
-      onClick(index, step);
-    }
-  }, [interactive, disabled, onClick, index, step]);
-  const handleKeyDown = useCallback((event) => {
-    if (interactive && !disabled && (event.key === "Enter" || event.key === " ")) {
-      event.preventDefault();
-      if (onClick) {
-        onClick(index, step);
-      }
-    }
-  }, [interactive, disabled, onClick, index, step]);
-  return /* @__PURE__ */ jsxs(
-    StepContent,
-    {
-      ref,
-      orientation,
-      interactive,
-      disabled: Boolean(disabled || step.disabled),
-      onClick: handleClick,
-      onKeyDown: handleKeyDown,
-      role: interactive ? "button" : void 0,
-      tabIndex: interactive && !disabled && !step.disabled ? 0 : -1,
-      "data-testid": dataTestId,
-      children: [
-        /* @__PURE__ */ jsx("div", { className: "step-title", children: step.title }),
-        step.description && /* @__PURE__ */ jsx("div", { className: "step-description", children: step.description })
-      ]
-    }
-  );
-});
-StepContentComponent.displayName = "StepContent";
-var StepItemRow = ({ orientation, isLast, children }) => /* @__PURE__ */ jsx(StepItem, { orientation, isLast, children });
-
-export {
-  StepIndicatorComponent,
-  StepConnectorComponent,
-  StepContentComponent,
-  StepItemRow
-};
-//# sourceMappingURL=chunk-WGFIIS6Q.js.map

package/dist/chunk-WGFIIS6Q.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/utility/WorkflowStep/WorkflowStep.parts.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React, { forwardRef, useCallback } from 'react';\n\nimport type { StepColors } from './WorkflowStep.helpers';\nimport { indicatorSizeFor, stepColors, stepPalette } from './WorkflowStep.helpers';\nimport type {\n  StepConnectorProps,\n  StepContentProps,\n  StepIndicatorProps,\n  WorkflowStepProps,\n} from './WorkflowStep.types';\nimport { neutralTones } from '../../../tokens/ink';\n\n// `outlined` shows the surface through a coloured rim; the other three fill it and\n// differ only in what border they keep.\nconst indicatorVariantStyles = (\n  theme: Theme,\n  variant: WorkflowStepProps['variant'],\n  { backgroundColor, borderColor, textColor }: StepColors,\n): CSSObject => {\n  if (variant === 'outlined') {\n    return {\n      border: `2px solid ${borderColor}`,\n      backgroundColor: theme.palette.background.paper,\n    };\n  }\n\n  const filled = { backgroundColor, color: textColor };\n\n  switch (variant) {\n    case 'filled':\n      return filled;\n    case 'minimal':\n      return { ...filled, border: 'none' };\n    case 'default':\n      return { ...filled, border: `1px solid ${borderColor}` };\n    default:\n      return {};\n  }\n};\n\nconst StepItem = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'isLast'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  isLast: boolean;\n}>(({ orientation, isLast }) => ({\n  display: 'flex',\n  flexDirection: orientation === 'vertical' ? 'column' : 'row',\n  alignItems: orientation === 'vertical' ? 'flex-start' : 'center',\n  flex: orientation === 'horizontal' && !isLast ? 1 : 'none',\n  position: 'relative',\n  minWidth: 0, // Allow content to shrink\n}));\n\nconst StepIndicator = styled(Box, {\n  shouldForwardProp: (prop) => !['size', 'variant', 'color', 'isActive', 'isCompleted', 'isError', 'interactive', 'disabled'].includes(prop as string),\n})<{\n  size: WorkflowStepProps['size'];\n  variant: WorkflowStepProps['variant'];\n  color: WorkflowStepProps['color'];\n  isActive: boolean;\n  isCompleted: boolean;\n  isError: boolean;\n  interactive: boolean;\n  animated: boolean;\n  disabled: boolean;\n}>(({ theme, size, variant, color, isActive, isCompleted, isError, interactive, animated, disabled }) => {\n  const indicatorSize = indicatorSizeFor(size);\n  const palette = stepPalette(theme, color);\n  const { backgroundColor, borderColor, textColor } = stepColors(theme, palette, {\n    isActive,\n    isCompleted,\n    isError,\n    variant,\n  });\n\n  return {\n    width: indicatorSize,\n    height: indicatorSize,\n    borderRadius: '50%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    fontSize: theme.typography.caption.fontSize,\n    fontWeight: theme.typography.fontWeightMedium,\n    cursor: interactive && !disabled ? 'pointer' : 'default',\n    transition: animated\n      ? theme.transitions.create(['background-color', 'border-color', 'transform'], {\n          duration: theme.transitions.duration.short,\n        })\n      : 'none',\n    flexShrink: 0,\n\n    ...indicatorVariantStyles(theme, variant, { backgroundColor, borderColor, textColor }),\n\n    // Interactive states\n    ...(interactive && !disabled && {\n      '&:hover': {\n        transform: 'scale(1.1)',\n        boxShadow: theme.shadows[2],\n      },\n      '&:focus-visible': {\n        outline: `2px solid ${palette.main}`,\n        outlineOffset: '2px',\n      },\n    }),\n\n    // Disabled state\n    ...(disabled && {\n      opacity: 0.5,\n      cursor: 'not-allowed',\n    }),\n  };\n});\n\nconst StepContent = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'interactive', 'disabled'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  interactive: boolean;\n  disabled: boolean;\n}>(({ theme, orientation, interactive, disabled }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: orientation === 'vertical' ? 'flex-start' : 'center',\n  textAlign: orientation === 'vertical' ? 'left' : 'center',\n  marginTop: orientation === 'vertical' ? theme.spacing(1) : theme.spacing(0.5),\n  marginLeft: orientation === 'horizontal' ? theme.spacing(1) : 0,\n  cursor: interactive && !disabled ? 'pointer' : 'default',\n  minWidth: 0,\n  flex: 1,\n\n  '& .step-title': {\n    fontSize: theme.typography.body2.fontSize,\n    fontWeight: theme.typography.fontWeightMedium,\n    color: theme.palette.text.primary,\n    marginBottom: theme.spacing(0.5),\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    maxWidth: '100%',\n  },\n\n  '& .step-description': {\n    fontSize: theme.typography.caption.fontSize,\n    color: theme.palette.text.secondary,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    maxWidth: '100%',\n  },\n\n  ...(disabled && {\n    opacity: 0.5,\n  }),\n}));\n\nconst StepConnector = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'isCompleted', 'color', 'variant'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  isCompleted: boolean;\n  color: WorkflowStepProps['color'];\n  variant: WorkflowStepProps['variant'];\n}>(({ theme, orientation, isCompleted, color, variant }) => {\n  const colorKey = color || 'primary';\n  const colorValue = colorKey === 'neutral' \n    ? { main: neutralTones(theme).emphasis }\n    : theme.palette[colorKey as 'primary' | 'secondary' | 'success' | 'warning' | 'error'];\n  const connectorColor = isCompleted ? colorValue.main : neutralTones(theme).track;\n\n  return {\n    flex: 1,\n    position: 'relative',\n    \n    ...(orientation === 'horizontal' && {\n      height: '2px',\n      backgroundColor: connectorColor,\n      margin: `0 ${theme.spacing(1)}`,\n      minWidth: theme.spacing(2),\n    }),\n    \n    ...(orientation === 'vertical' && {\n      width: '2px',\n      backgroundColor: connectorColor,\n      minHeight: theme.spacing(3),\n      marginLeft: theme.spacing(2),\n      position: 'absolute',\n      left: '50%',\n      transform: 'translateX(-50%)',\n      top: '100%',\n    }),\n\n    transition: theme.transitions.create('background-color', {\n      duration: theme.transitions.duration.short,\n    }),\n\n    ...(variant === 'minimal' && {\n      opacity: 0.6,\n    }),\n  };\n});\n\n/**\n * Individual step indicator component\n */\nconst StepIndicatorComponent = forwardRef<HTMLDivElement, StepIndicatorProps>(({\n  step,\n  index,\n  isActive,\n  isCompleted,\n  isError,\n  variant,\n  color,\n  size,\n  showNumbers,\n  showIcons,\n  completedIcon,\n  errorIcon,\n  interactive,\n  animated,\n  disabled,\n  onClick,\n  'data-testid': dataTestId,\n}, ref) => {\n  const handleClick = useCallback(() => {\n    if (interactive && !disabled && onClick) {\n      onClick(index, step);\n    }\n  }, [interactive, disabled, onClick, index, step]);\n\n  const handleKeyDown = useCallback((event: React.KeyboardEvent) => {\n    if (interactive && !disabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      if (onClick) {\n        onClick(index, step);\n      }\n    }\n  }, [interactive, disabled, onClick, index, step]);\n\n  const renderIndicatorContent = () => {\n    if (isError && errorIcon) {\n      return errorIcon;\n    }\n    if (isCompleted && completedIcon) {\n      return completedIcon;\n    }\n    if (showIcons && step.icon) {\n      return step.icon;\n    }\n    if (showNumbers) {\n      return index + 1;\n    }\n    return null;\n  };\n\n  return (\n    <StepIndicator\n      ref={ref}\n      size={size}\n      variant={variant}\n      color={color}\n      isActive={isActive}\n      isCompleted={isCompleted}\n      isError={isError}\n      interactive={interactive}\n      animated={animated}\n      disabled={Boolean(disabled || step.disabled)}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      role={interactive ? 'button' : undefined}\n      tabIndex={interactive && !disabled && !step.disabled ? 0 : -1}\n      aria-label={`Step ${index + 1}: ${step.title}`}\n      aria-current={isActive ? 'step' : undefined}\n      data-testid={dataTestId}\n    >\n      {renderIndicatorContent()}\n    </StepIndicator>\n  );\n});\n\nStepIndicatorComponent.displayName = 'StepIndicator';\n\n/**\n * Step connector component\n */\nconst StepConnectorComponent = forwardRef<HTMLDivElement, StepConnectorProps>(({\n  isCompleted,\n  orientation,\n  variant,\n  color,\n  'data-testid': dataTestId,\n}, ref) => (\n  <StepConnector\n    ref={ref}\n    orientation={orientation}\n    isCompleted={isCompleted}\n    color={color}\n    variant={variant}\n    data-testid={dataTestId}\n  />\n));\n\nStepConnectorComponent.displayName = 'StepConnector';\n\n/**\n * Step content component\n */\nconst StepContentComponent = forwardRef<HTMLDivElement, StepContentProps>(({\n  step,\n  index,\n  orientation,\n  interactive,\n  disabled,\n  onClick,\n  'data-testid': dataTestId,\n}, ref) => {\n  const handleClick = useCallback(() => {\n    if (interactive && !disabled && onClick) {\n      onClick(index, step);\n    }\n  }, [interactive, disabled, onClick, index, step]);\n\n  const handleKeyDown = useCallback((event: React.KeyboardEvent) => {\n    if (interactive && !disabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      if (onClick) {\n        onClick(index, step);\n      }\n    }\n  }, [interactive, disabled, onClick, index, step]);\n\n  return (\n    <StepContent\n      ref={ref}\n      orientation={orientation}\n      interactive={interactive}\n      disabled={Boolean(disabled || step.disabled)}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      role={interactive ? 'button' : undefined}\n      tabIndex={interactive && !disabled && !step.disabled ? 0 : -1}\n      data-testid={dataTestId}\n    >\n      <div className=\"step-title\">{step.title}</div>\n      {step.description && (\n        <div className=\"step-description\">{step.description}</div>\n      )}\n    </StepContent>\n  );\n});\n\nStepContentComponent.displayName = 'StepContent';\n\n/**\n * A plain wrapper around the styled row. Exporting the styled component itself\n * trips TS2742 — its inferred type names a pnpm-internal @mui/system path.\n */\nexport const StepItemRow: React.FC<{\n  orientation: WorkflowStepProps['orientation'];\n  isLast: boolean;\n  children: React.ReactNode;\n}> = ({ orientation, isLast, children }) => (\n  <StepItem orientation={orientation} isLast={isLast}>\n    {children}\n  </StepItem>\n);\n\nexport { StepConnectorComponent, StepContentComponent, StepIndicatorComponent };\n"],"mappings":"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","names":[]}

package/dist/chunk-WPE5QYXD.js

@@ -1,28 +0,0 @@
-import {
-  DropdownMenu
-} from "./chunk-PEIAGNCH.js";
-import {
-  Button
-} from "./chunk-3EDZU2H7.js";
-
-// src/components/data-display/CardKit/CardKebab.tsx
-import { jsx } from "react/jsx-runtime";
-function CardKebab({
-  items,
-  menuLabel,
-  dataTestId
-}) {
-  return /* @__PURE__ */ jsx(
-    DropdownMenu,
-    {
-      size: "sm",
-      items,
-      trigger: /* @__PURE__ */ jsx(Button, { variant: "text", size: "sm", "aria-label": menuLabel, dataTestId, children: "\u22EE" })
-    }
-  );
-}
-
-export {
-  CardKebab
-};
-//# sourceMappingURL=chunk-WPE5QYXD.js.map

package/dist/chunk-WPSGP3YG.js

@@ -1,49 +0,0 @@
-import {
-  ICON_PATHS
-} from "./chunk-KEVPUBOE.js";
-import {
-  iconFill
-} from "./chunk-QWBQVQRG.js";
-import {
-  iconSize
-} from "./chunk-RTSK5OZT.js";
-import {
-  useUiTheme
-} from "./chunk-A4OCNJWW.js";
-import {
-  resolveTestId
-} from "./chunk-TYJR4GOF.js";
-
-// src/icons/Icon.tsx
-import SvgIcon from "@mui/material/SvgIcon/index.js";
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var Icon = React.forwardRef(
-  ({ name, size, color, label, className, style, ...rest }, ref) => {
-    const theme = useUiTheme();
-    const px = iconSize(size);
-    const fill = iconFill(theme, color, "currentColor");
-    const testId = resolveTestId(rest, `icon-${name}`);
-    return /* @__PURE__ */ jsx(
-      SvgIcon,
-      {
-        ref,
-        viewBox: "0 0 24 24",
-        className,
-        style,
-        sx: { fontSize: px, color: fill },
-        titleAccess: label,
-        "aria-hidden": label ? void 0 : true,
-        "data-testid": testId,
-        "data-icon": name,
-        children: ICON_PATHS[name].map((d) => /* @__PURE__ */ jsx("path", { d }, d))
-      }
-    );
-  }
-);
-Icon.displayName = "Icon";
-
-export {
-  Icon
-};
-//# sourceMappingURL=chunk-WPSGP3YG.js.map

package/dist/chunk-WPSGP3YG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/icons/Icon.tsx"],"sourcesContent":["import SvgIcon from '@mui/material/SvgIcon/index.js';\nimport * as React from 'react';\n\nimport { iconFill } from './icon-color';\nimport { iconSize, type IconBaseProps } from './Icon.types';\nimport { ICON_PATHS } from './paths.generated';\nimport { resolveTestId } from '../platform/test-id';\nimport { useUiTheme } from '../provider/use-ui-theme';\n\nexport interface IconProps extends IconBaseProps {\n  className?: string;\n  style?: React.CSSProperties;\n}\n\n/**\n * The web `Icon`: MUI's `SvgIcon` drawing the generated path, so a glyph named\n * here is pixel-for-pixel the one `@mui/icons-material` would draw — and the one\n * the native `Icon` draws from the same path data.\n */\nexport const Icon = React.forwardRef<SVGSVGElement, IconProps>(\n  ({ name, size, color, label, className, style, ...rest }, ref) => {\n    const theme = useUiTheme();\n    const px = iconSize(size);\n    const fill = iconFill(theme, color, 'currentColor');\n    const testId = resolveTestId(rest, `icon-${name}`);\n\n    return (\n      <SvgIcon\n        ref={ref}\n        viewBox=\"0 0 24 24\"\n        className={className}\n        style={style}\n        sx={{ fontSize: px, color: fill }}\n        titleAccess={label}\n        aria-hidden={label ? undefined : true}\n        data-testid={testId}\n        data-icon={name}\n      >\n        {ICON_PATHS[name].map((d) => (\n          <path key={d} d={d} />\n        ))}\n      </SvgIcon>\n    );\n  },\n);\n\nIcon.displayName = 'Icon';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,OAAO,aAAa;AACpB,YAAY,WAAW;AAsCb;AApBH,IAAM,OAAa;AAAA,EACxB,CAAC,EAAE,MAAM,MAAM,OAAO,OAAO,WAAW,OAAO,GAAG,KAAK,GAAG,QAAQ;AAChE,UAAM,QAAQ,WAAW;AACzB,UAAM,KAAK,SAAS,IAAI;AACxB,UAAM,OAAO,SAAS,OAAO,OAAO,cAAc;AAClD,UAAM,SAAS,cAAc,MAAM,QAAQ,IAAI,EAAE;AAEjD,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,SAAQ;AAAA,QACR;AAAA,QACA;AAAA,QACA,IAAI,EAAE,UAAU,IAAI,OAAO,KAAK;AAAA,QAChC,aAAa;AAAA,QACb,eAAa,QAAQ,SAAY;AAAA,QACjC,eAAa;AAAA,QACb,aAAW;AAAA,QAEV,qBAAW,IAAI,EAAE,IAAI,CAAC,MACrB,oBAAC,UAAa,KAAH,CAAS,CACrB;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;","names":[]}