@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-UFH3ZVVZ.js

@@ -1,182 +0,0 @@
-import {
-  DiscloseSlot,
-  DragSlot,
-  SelectSlot
-} from "./chunk-AKPRFFAI.js";
-import {
-  actionProps,
-  metaShape,
-  rowStyles,
-  useRowShell
-} from "./chunk-CY6HHLYM.js";
-import {
-  ListCardActions,
-  ListCardCaption,
-  ListCardMeta,
-  ListCardTail
-} from "./chunk-EYPRDTWI.js";
-import {
-  useDisclosure
-} from "./chunk-2JCRNWHE.js";
-import {
-  DropIndicator
-} from "./chunk-JCJGJX7V.js";
-import {
-  cellRailsTemplate
-} from "./chunk-TAB6AIPN.js";
-import {
-  ListCardCells,
-  cellTracks,
-  useCellConfig
-} from "./chunk-6VP2L3DJ.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Card
-} from "./chunk-N6CSXHFJ.js";
-
-// src/components/data-display/DataViews/base-list-card.tsx
-import Collapse from "@mui/material/Collapse/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function useResolvedCells(props, inGroup) {
-  const groupCells = useCellConfig();
-  const cells = groupCells ?? props.cells ?? null;
-  const configured = cells != null && cells.length > 0 && props.row != null;
-  const cellTemplate = configured && !inGroup ? cellRailsTemplate(cellTracks(cells)) : null;
-  return { cells, configured, cellTemplate };
-}
-function RowContent({
-  card,
-  cells,
-  configured,
-  slot,
-  actionable,
-  meta
-}) {
-  if (configured && cells != null) {
-    return /* @__PURE__ */ jsxs(Fragment, { children: [
-      /* @__PURE__ */ jsx(ListCardCells, { cells, row: card.row }),
-      /* @__PURE__ */ jsx(
-        ListCardActions,
-        {
-          actions: actionable ? card.actions : void 0,
-          alwaysVisible: card.actionsAlwaysVisible,
-          menu: card.menu,
-          testId: slot
-        }
-      )
-    ] });
-  }
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      ListCardCaption,
-      {
-        title: card.title,
-        subtitle: card.subtitle,
-        href: card.href,
-        target: card.target,
-        testId: slot("title")
-      }
-    ),
-    /* @__PURE__ */ jsx(ListCardMeta, { meta: card.meta, metaSlot: card.metaSlot, trailingRule: card.value != null }),
-    /* @__PURE__ */ jsx(
-      ListCardTail,
-      {
-        value: card.value,
-        separated: meta.present,
-        actions: actionable ? card.actions : void 0,
-        actionsAlwaysVisible: card.actionsAlwaysVisible,
-        menu: card.menu,
-        testId: slot
-      }
-    )
-  ] });
-}
-function ExpandableBody({
-  disclosure,
-  padY,
-  pad,
-  children
-}) {
-  if (!disclosure.expandable) return /* @__PURE__ */ jsx(Fragment, {});
-  return /* @__PURE__ */ jsx(default2, { sx: { gridColumn: "1 / -1", minWidth: 0 }, children: /* @__PURE__ */ jsx(Collapse, { in: disclosure.expanded, timeout: 150, children: /* @__PURE__ */ jsx(
-    default2,
-    {
-      id: disclosure.regionId,
-      role: "region",
-      sx: {
-        minWidth: 0,
-        // `padY`, not a fraction of the horizontal padding. The card's own
-        // `py` wraps the summary AND the body, so once the body is in flow
-        // the summary has no bottom padding of its own — at `comfortable`
-        // the row visibly lost the height it had while closed.
-        mt: padY,
-        pt: padY,
-        // A RULE BETWEEN SUMMARY AND BODY, bled through the row's horizontal
-        // padding so it spans the card edge to edge. Inset, it reads as a
-        // border around the content rather than a division of the card.
-        borderTop: 1,
-        borderColor: "divider",
-        mx: -pad,
-        px: pad
-      },
-      children
-    }
-  ) }) });
-}
-function BaseListCard(props) {
-  const { selected = false, onClick } = props;
-  const shell = useRowShell(props);
-  const { actionable, selectable, slot, drag, reserve, pad, padY, acts } = shell;
-  const meta = metaShape(props);
-  const disclosure = useDisclosure(props);
-  const { cells, configured, cellTemplate } = useResolvedCells(props, shell.group != null);
-  return /* @__PURE__ */ jsxs(
-    Card,
-    {
-      variant: "outlined",
-      className: props.className,
-      dataTestId: props.testId,
-      "aria-label": props["aria-label"],
-      "aria-disabled": actionable ? void 0 : true,
-      onContextMenu: props.onContextMenu,
-      ...acts ? actionProps(onClick) : {},
-      ...drag.itemProps,
-      sx: rowStyles(props, shell, cellTemplate),
-      children: [
-        drag.dropEdge != null && /* @__PURE__ */ jsx(DropIndicator, { edge: drag.dropEdge }),
-        /* @__PURE__ */ jsx(
-          DiscloseSlot,
-          {
-            expandable: disclosure.expandable,
-            expanded: disclosure.expanded,
-            reserve,
-            onToggle: disclosure.toggle,
-            controls: disclosure.regionId,
-            testId: slot("disclose")
-          }
-        ),
-        /* @__PURE__ */ jsx(DragSlot, { drag, reserve, testId: slot("drag") }),
-        /* @__PURE__ */ jsx(
-          SelectSlot,
-          {
-            selectable,
-            selected,
-            reserve,
-            onToggleSelect: props.onToggleSelect,
-            testId: slot("checkbox")
-          }
-        ),
-        /* @__PURE__ */ jsx(default2, { "data-slot": "leading", sx: { display: "flex", alignItems: "center" }, children: props.leading }),
-        /* @__PURE__ */ jsx(RowContent, { card: props, cells, configured, slot, actionable, meta }),
-        /* @__PURE__ */ jsx(ExpandableBody, { disclosure, padY, pad, children: props.children })
-      ]
-    }
-  );
-}
-
-export {
-  BaseListCard
-};
-//# sourceMappingURL=chunk-UFH3ZVVZ.js.map

package/dist/chunk-UH27I2EJ.js

@@ -1,284 +0,0 @@
-import {
-  neutralTones
-} from "./chunk-FQ6UW7IY.js";
-
-// src/components/data-display/Stepper/Stepper.tsx
-import CheckCircle from "@mui/icons-material/CheckCircle";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var STEP_MIN_WIDTH = { xs: 44, sm: 56, md: 80, lg: 96, xl: 112 };
-var STEP_ICON_SIZE = { xs: 14, sm: 18, md: 24, lg: 30, xl: 36 };
-var StepperRoot = styled(Box, {
-  shouldForwardProp: (prop) => prop !== "orientation"
-})(({ orientation }) => ({
-  display: "flex",
-  flexDirection: orientation === "horizontal" ? "row" : "column",
-  // Use flex-start to align all step circles at the same vertical position
-  alignItems: "flex-start"
-}));
-var StepItem = styled(Box, {
-  shouldForwardProp: (prop) => !["orientation", "isLast"].includes(prop)
-})(({ orientation, isLast }) => ({
-  display: "flex",
-  // For horizontal: row layout so connector appears beside step content
-  // For vertical: column layout so connector appears below step content
-  flexDirection: orientation === "horizontal" ? "row" : "column",
-  // For horizontal: flex-start to keep circles aligned at top
-  // For vertical: center to align connector with centered circle
-  alignItems: orientation === "horizontal" ? "flex-start" : "center",
-  flex: orientation === "horizontal" && !isLast ? 1 : "none",
-  position: "relative",
-  // For vertical: ensure consistent width for proper centering
-  ...orientation === "vertical" && {
-    width: "100%"
-  }
-}));
-var CIRCLE_SIZE = { xs: 24, sm: 32, md: 48, lg: 60, xl: 72 };
-var StepButton = styled(Button, {
-  shouldForwardProp: (prop) => !["isActive", "isCompleted", "clickable", "stepSize"].includes(prop)
-})(
-  ({ theme, isActive, isCompleted, clickable, stepSize }) => ({
-    minWidth: CIRCLE_SIZE[stepSize],
-    width: CIRCLE_SIZE[stepSize],
-    height: CIRCLE_SIZE[stepSize],
-    borderRadius: "50%",
-    padding: 0,
-    backgroundColor: isCompleted ? theme.palette.primary.main : isActive ? theme.palette.primary.main : neutralTones(theme).track,
-    color: isCompleted || isActive ? theme.palette.primary.contrastText : theme.palette.text.primary,
-    cursor: clickable ? "pointer" : "default",
-    pointerEvents: clickable ? "auto" : "none",
-    transition: theme.transitions.create(["background-color", "transform"], {
-      duration: theme.transitions.duration.short
-    }),
-    "&:hover": clickable ? {
-      backgroundColor: isCompleted ? theme.palette.primary.dark : isActive ? theme.palette.primary.dark : neutralTones(theme).subtle,
-      transform: "scale(1.05)"
-    } : {},
-    "&:disabled": {
-      backgroundColor: neutralTones(theme).track,
-      color: theme.palette.text.disabled
-    }
-  })
-);
-var StepConnector = styled(Box, {
-  shouldForwardProp: (prop) => !["orientation", "isCompleted", "size"].includes(prop)
-})(
-  ({ theme, orientation, isCompleted, size }) => ({
-    backgroundColor: isCompleted ? theme.palette.primary.main : neutralTones(theme).track,
-    transition: theme.transitions.create("background-color", {
-      duration: theme.transitions.duration.short
-    }),
-    ...orientation === "horizontal" ? {
-      flex: 1,
-      height: 2,
-      // Vertically centered on the circle (circle/2 - 1 for the 2px line).
-      marginTop: CIRCLE_SIZE[size] / 2 - 1,
-      marginLeft: 8,
-      marginRight: 8,
-      minWidth: 24
-    } : {
-      width: 2,
-      height: 32,
-      marginTop: 8,
-      marginBottom: 8,
-      // Use margin auto to center horizontally
-      marginLeft: "auto",
-      marginRight: "auto"
-    }
-  })
-);
-var StepLabel = styled(Box, {
-  shouldForwardProp: (prop) => prop !== "orientation"
-})(({ orientation }) => ({
-  textAlign: "center",
-  marginTop: orientation === "horizontal" ? 8 : 0
-}));
-function stepClasses(isActive, isCompleted, optional) {
-  return [
-    isActive && "stepper-step-active",
-    isCompleted && "stepper-step-completed",
-    optional && "stepper-step-optional"
-  ].filter(Boolean).join(" ");
-}
-function contentSx(orientation, size) {
-  return orientation === "horizontal" ? { minWidth: STEP_MIN_WIDTH[size], maxWidth: 150, flex: "0 1 auto" } : { flexShrink: 0 };
-}
-var StepCircle = ({ step, index, isActive, isCompleted, isClickable, size, labelVariant, onClick }) => {
-  const state = isCompleted ? " (completed)" : isActive ? " (current)" : "";
-  return /* @__PURE__ */ jsx(
-    StepButton,
-    {
-      isActive,
-      isCompleted,
-      clickable: isClickable,
-      stepSize: size,
-      onClick,
-      disabled: step.disabled,
-      "aria-current": isActive ? "step" : void 0,
-      "aria-label": `Step ${index + 1}: ${step.label}${step.optional ? " (optional)" : ""}${state}`,
-      "data-testid": `stepper-step-icon-${index}`,
-      children: isCompleted ? /* @__PURE__ */ jsx(CheckCircle, { sx: { fontSize: STEP_ICON_SIZE[size] } }) : /* @__PURE__ */ jsx(Typography, { variant: labelVariant, fontWeight: "bold", children: index + 1 })
-    }
-  );
-};
-var StepLabelBlock = ({
-  step,
-  index,
-  isActive,
-  orientation,
-  size,
-  labelVariant
-}) => /* @__PURE__ */ jsxs(
-  StepLabel,
-  {
-    orientation,
-    "data-testid": `stepper-step-label-${index}`,
-    sx: size === "sm" && orientation === "horizontal" ? { mt: "2px" } : void 0,
-    children: [
-      /* @__PURE__ */ jsxs(
-        Typography,
-        {
-          variant: labelVariant,
-          fontWeight: isActive ? "bold" : "normal",
-          color: isActive ? "primary" : "textPrimary",
-          children: [
-            step.label,
-            step.optional && /* @__PURE__ */ jsx(Typography, { component: "span", variant: "caption", color: "textSecondary", sx: { ml: 1 }, children: "(optional)" })
-          ]
-        }
-      ),
-      step.description && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "textSecondary", display: "block", children: step.description })
-    ]
-  }
-);
-var StepperItem = ({
-  step,
-  index,
-  isActive,
-  isCompleted,
-  isLast,
-  orientation,
-  size,
-  variant,
-  clickable,
-  onStepClick,
-  renderConnector,
-  nextStep
-}) => {
-  const labelVariant = size === "sm" ? "caption" : "body2";
-  const isClickable = Boolean(clickable) && !step.disabled && (variant === "non-linear" || !isActive);
-  const handleStepClick = () => {
-    if (isClickable && onStepClick) onStepClick(step.id);
-  };
-  const connector = renderConnector && nextStep ? renderConnector(step, nextStep, { completed: isCompleted, active: isActive }) : /* @__PURE__ */ jsx(StepConnector, { orientation, isCompleted, size, "data-testid": `stepper-connector-${index}` });
-  return /* @__PURE__ */ jsxs(
-    StepItem,
-    {
-      orientation,
-      isLast,
-      role: "listitem",
-      "data-testid": `stepper-step-${index}`,
-      className: stepClasses(isActive, isCompleted, step.optional),
-      children: [
-        /* @__PURE__ */ jsxs(
-          Box,
-          {
-            display: "flex",
-            flexDirection: "column",
-            alignItems: "center",
-            "data-testid": `stepper-step-content-${index}`,
-            sx: contentSx(orientation, size),
-            children: [
-              /* @__PURE__ */ jsx(
-                StepCircle,
-                {
-                  step,
-                  index,
-                  isActive,
-                  isCompleted,
-                  isClickable,
-                  size,
-                  labelVariant,
-                  onClick: handleStepClick
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                StepLabelBlock,
-                {
-                  step,
-                  index,
-                  isActive,
-                  orientation,
-                  size,
-                  labelVariant
-                }
-              )
-            ]
-          }
-        ),
-        !isLast && connector
-      ]
-    }
-  );
-};
-var Stepper = ({
-  steps,
-  activeId,
-  completed = /* @__PURE__ */ new Set(),
-  orientation = "horizontal",
-  size = "md",
-  variant = "linear",
-  onStepChange,
-  clickable,
-  renderConnector,
-  className,
-  "data-testid": dataTestId
-}) => {
-  const isClickable = clickable ?? variant === "non-linear";
-  return /* @__PURE__ */ jsx(
-    StepperRoot,
-    {
-      component: "ol",
-      orientation,
-      className,
-      "data-testid": dataTestId || "stepper-container",
-      sx: {
-        listStyle: "none",
-        padding: 0,
-        margin: 0
-      },
-      children: steps.map((step, index) => {
-        const isActive = step.id === activeId;
-        const isCompleted = completed.has(step.id);
-        const isLast = index === steps.length - 1;
-        const nextStep = !isLast ? steps[index + 1] : void 0;
-        return /* @__PURE__ */ jsx(
-          StepperItem,
-          {
-            step,
-            index,
-            isActive,
-            isCompleted,
-            isLast,
-            orientation,
-            size,
-            variant,
-            clickable: isClickable,
-            onStepClick: onStepChange,
-            renderConnector,
-            nextStep
-          },
-          step.id
-        );
-      })
-    }
-  );
-};
-
-export {
-  Stepper
-};
-//# sourceMappingURL=chunk-UH27I2EJ.js.map

package/dist/chunk-UH27I2EJ.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Stepper/Stepper.tsx"],"sourcesContent":["import CheckCircle from '@mui/icons-material/CheckCircle';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type { Step, StepItemProps, StepperProps } from './Stepper.types';\nimport { neutralTones } from '../../../tokens/ink';\nimport type { SizeValue } from '../../../tokens/scales';\n\n/**\n * The five house stops, drawn rather than collapsed.\n *\n * These were two-way ternaries on `sm`, which is what a two-value size prop\n * allows; with the full scale they have to be real values or the three new\n * stops would render identically to `md` and the prop would be a lie.\n */\nconst STEP_MIN_WIDTH: Record<SizeValue, number> = { xs: 44, sm: 56, md: 80, lg: 96, xl: 112 };\nconst STEP_ICON_SIZE: Record<SizeValue, number> = { xs: 14, sm: 18, md: 24, lg: 30, xl: 36 };\n\n\nconst StepperRoot = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'orientation',\n})<{ orientation: 'horizontal' | 'vertical'; component?: React.ElementType }>(({ orientation }) => ({\n  display: 'flex',\n  flexDirection: orientation === 'horizontal' ? 'row' : 'column',\n  // Use flex-start to align all step circles at the same vertical position\n  alignItems: 'flex-start',\n}));\n\nconst StepItem = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'isLast'].includes(prop as string),\n})<{ orientation: 'horizontal' | 'vertical'; isLast: boolean }>(({ orientation, isLast }) => ({\n  display: 'flex',\n  // For horizontal: row layout so connector appears beside step content\n  // For vertical: column layout so connector appears below step content\n  flexDirection: orientation === 'horizontal' ? 'row' : 'column',\n  // For horizontal: flex-start to keep circles aligned at top\n  // For vertical: center to align connector with centered circle\n  alignItems: orientation === 'horizontal' ? 'flex-start' : 'center',\n  flex: orientation === 'horizontal' && !isLast ? 1 : 'none',\n  position: 'relative',\n  // For vertical: ensure consistent width for proper centering\n  ...(orientation === 'vertical' && {\n    width: '100%',\n  }),\n}));\n\n/** Circle diameter per size. */\nconst CIRCLE_SIZE: Record<SizeValue, number> = { xs: 24, sm: 32, md: 48, lg: 60, xl: 72 };\n\nconst StepButton = styled(Button, {\n  shouldForwardProp: (prop) =>\n    !['isActive', 'isCompleted', 'clickable', 'stepSize'].includes(prop as string),\n})<{ isActive: boolean; isCompleted: boolean; clickable: boolean; stepSize: SizeValue }>(\n  ({ theme, isActive, isCompleted, clickable, stepSize }) => ({\n    minWidth: CIRCLE_SIZE[stepSize],\n    width: CIRCLE_SIZE[stepSize],\n    height: CIRCLE_SIZE[stepSize],\n    borderRadius: '50%',\n    padding: 0,\n    backgroundColor: isCompleted\n      ? theme.palette.primary.main\n      : isActive\n      ? theme.palette.primary.main\n      : neutralTones(theme).track,\n    color: isCompleted || isActive ? theme.palette.primary.contrastText : theme.palette.text.primary,\n    cursor: clickable ? 'pointer' : 'default',\n    pointerEvents: clickable ? 'auto' : 'none',\n    transition: theme.transitions.create(['background-color', 'transform'], {\n      duration: theme.transitions.duration.short,\n    }),\n    '&:hover': clickable\n      ? {\n          backgroundColor: isCompleted\n            ? theme.palette.primary.dark\n            : isActive\n            ? theme.palette.primary.dark\n            : neutralTones(theme).subtle,\n          transform: 'scale(1.05)',\n        }\n      : {},\n    '&:disabled': {\n      backgroundColor: neutralTones(theme).track,\n      color: theme.palette.text.disabled,\n    },\n  }),\n);\n\nconst StepConnector = styled(Box, {\n  shouldForwardProp: (prop) =>\n    !['orientation', 'isCompleted', 'size'].includes(prop as string),\n})<{ orientation: 'horizontal' | 'vertical'; isCompleted: boolean; size: SizeValue }>(\n  ({ theme, orientation, isCompleted, size }) => ({\n    backgroundColor: isCompleted ? theme.palette.primary.main : neutralTones(theme).track,\n    transition: theme.transitions.create('background-color', {\n      duration: theme.transitions.duration.short,\n    }),\n    ...(orientation === 'horizontal'\n      ? {\n          flex: 1,\n          height: 2,\n          // Vertically centered on the circle (circle/2 - 1 for the 2px line).\n          marginTop: CIRCLE_SIZE[size] / 2 - 1,\n          marginLeft: 8,\n          marginRight: 8,\n          minWidth: 24,\n        }\n      : {\n          width: 2,\n          height: 32,\n          marginTop: 8,\n          marginBottom: 8,\n          // Use margin auto to center horizontally\n          marginLeft: 'auto',\n          marginRight: 'auto',\n        }),\n  }),\n);\n\nconst StepLabel = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'orientation',\n})<{ orientation: 'horizontal' | 'vertical' }>(({ orientation }) => ({\n  textAlign: 'center',\n  marginTop: orientation === 'horizontal' ? 8 : 0,\n}));\n\ntype StepSize = SizeValue;\ntype LabelVariant = 'caption' | 'body2';\n\n/** Space-joined state classes for a step (active / completed / optional). */\nfunction stepClasses(isActive: boolean, isCompleted: boolean, optional?: boolean): string {\n  return [\n    isActive && 'stepper-step-active',\n    isCompleted && 'stepper-step-completed',\n    optional && 'stepper-step-optional',\n  ]\n    .filter(Boolean)\n    .join(' ');\n}\n\n/** The circle content-column width per orientation/size. */\nfunction contentSx(orientation: 'horizontal' | 'vertical', size: StepSize) {\n  return orientation === 'horizontal'\n    ? { minWidth: STEP_MIN_WIDTH[size], maxWidth: 150, flex: '0 1 auto' }\n    : { flexShrink: 0 };\n}\n\ninterface StepPartProps {\n  step: Step;\n  index: number;\n  isActive: boolean;\n  size: StepSize;\n  labelVariant: LabelVariant;\n}\n\n/** The step circle: a check when completed, otherwise the 1-based index. */\nconst StepCircle: React.FC<\n  StepPartProps & { isCompleted: boolean; isClickable: boolean; onClick: () => void }\n> = ({ step, index, isActive, isCompleted, isClickable, size, labelVariant, onClick }) => {\n  const state = isCompleted ? ' (completed)' : isActive ? ' (current)' : '';\n  return (\n    <StepButton\n      isActive={isActive}\n      isCompleted={isCompleted}\n      clickable={isClickable}\n      stepSize={size}\n      onClick={onClick}\n      disabled={step.disabled}\n      aria-current={isActive ? 'step' : undefined}\n      aria-label={`Step ${index + 1}: ${step.label}${step.optional ? ' (optional)' : ''}${state}`}\n      data-testid={`stepper-step-icon-${index}`}\n    >\n      {isCompleted ? (\n        <CheckCircle sx={{ fontSize: STEP_ICON_SIZE[size] }} />\n      ) : (\n        <Typography variant={labelVariant} fontWeight=\"bold\">\n          {index + 1}\n        </Typography>\n      )}\n    </StepButton>\n  );\n};\n\n/** The step label block: title, optional marker, and description. */\nconst StepLabelBlock: React.FC<StepPartProps & { orientation: 'horizontal' | 'vertical' }> = ({\n  step,\n  index,\n  isActive,\n  orientation,\n  size,\n  labelVariant,\n}) => (\n  <StepLabel\n    orientation={orientation}\n    data-testid={`stepper-step-label-${index}`}\n    sx={size === 'sm' && orientation === 'horizontal' ? { mt: '2px' } : undefined}\n  >\n    <Typography\n      variant={labelVariant}\n      fontWeight={isActive ? 'bold' : 'normal'}\n      color={isActive ? 'primary' : 'textPrimary'}\n    >\n      {step.label}\n      {step.optional && (\n        <Typography component=\"span\" variant=\"caption\" color=\"textSecondary\" sx={{ ml: 1 }}>\n          (optional)\n        </Typography>\n      )}\n    </Typography>\n    {step.description && (\n      <Typography variant=\"caption\" color=\"textSecondary\" display=\"block\">\n        {step.description}\n      </Typography>\n    )}\n  </StepLabel>\n);\n\nconst StepperItem: React.FC<StepItemProps> = ({\n  step,\n  index,\n  isActive,\n  isCompleted,\n  isLast,\n  orientation,\n  size,\n  variant,\n  clickable,\n  onStepClick,\n  renderConnector,\n  nextStep,\n}) => {\n  const labelVariant: LabelVariant = size === 'sm' ? 'caption' : 'body2';\n  const isClickable = Boolean(clickable) && !step.disabled && (variant === 'non-linear' || !isActive);\n  const handleStepClick = () => {\n    if (isClickable && onStepClick) onStepClick(step.id);\n  };\n  const connector =\n    renderConnector && nextStep ? (\n      renderConnector(step, nextStep, { completed: isCompleted, active: isActive })\n    ) : (\n      <StepConnector orientation={orientation} isCompleted={isCompleted} size={size} data-testid={`stepper-connector-${index}`} />\n    );\n\n  return (\n    <StepItem\n      orientation={orientation}\n      isLast={isLast}\n      role=\"listitem\"\n      data-testid={`stepper-step-${index}`}\n      className={stepClasses(isActive, isCompleted, step.optional)}\n    >\n      <Box\n        display=\"flex\"\n        flexDirection=\"column\"\n        alignItems=\"center\"\n        data-testid={`stepper-step-content-${index}`}\n        sx={contentSx(orientation, size)}\n      >\n        <StepCircle\n          step={step}\n          index={index}\n          isActive={isActive}\n          isCompleted={isCompleted}\n          isClickable={isClickable}\n          size={size}\n          labelVariant={labelVariant}\n          onClick={handleStepClick}\n        />\n        <StepLabelBlock\n          step={step}\n          index={index}\n          isActive={isActive}\n          orientation={orientation}\n          size={size}\n          labelVariant={labelVariant}\n        />\n      </Box>\n      {!isLast && connector}\n    </StepItem>\n  );\n};\n\nexport const Stepper: React.FC<StepperProps> = ({\n  steps,\n  activeId,\n  completed = new Set(),\n  orientation = 'horizontal',\n  size = 'md',\n  variant = 'linear',\n  onStepChange,\n  clickable,\n  renderConnector,\n  className,\n  'data-testid': dataTestId,\n}) => {\n  // Determine clickable behavior\n  const isClickable = clickable ?? variant === 'non-linear';\n\n  return (\n    <StepperRoot\n      component=\"ol\"\n      orientation={orientation}\n      className={className}\n      data-testid={dataTestId || 'stepper-container'}\n      sx={{\n        listStyle: 'none',\n        padding: 0,\n        margin: 0,\n      }}\n    >\n      {steps.map((step, index) => {\n        const isActive = step.id === activeId;\n        const isCompleted = completed.has(step.id);\n        const isLast = index === steps.length - 1;\n        const nextStep = !isLast ? steps[index + 1] : undefined;\n\n        return (\n          <StepperItem\n            key={step.id}\n            step={step}\n            index={index}\n            isActive={isActive}\n            isCompleted={isCompleted}\n            isLast={isLast}\n            orientation={orientation}\n            size={size}\n            variant={variant}\n            clickable={isClickable}\n            onStepClick={onStepChange}\n            renderConnector={renderConnector}\n            nextStep={nextStep}\n          />\n        );\n      })}\n    </StepperRoot>\n  );\n};"],"mappings":"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","names":[]}

package/dist/chunk-UIKDWXHX.js

@@ -1,134 +0,0 @@
-import {
-  resolveLightboxProps
-} from "./chunk-UOS7DEQZ.js";
-import {
-  useLightbox
-} from "./chunk-YVDBOVHP.js";
-import {
-  LightboxThumbnails
-} from "./chunk-HMHCNNNW.js";
-import {
-  LightboxStage
-} from "./chunk-YCGZSKCV.js";
-import {
-  LightboxOverlay
-} from "./chunk-HUKVX47W.js";
-import {
-  LightboxCurrentMedia
-} from "./chunk-2DWBJJK6.js";
-import {
-  LightboxCopyProvider
-} from "./chunk-TEQYTEM2.js";
-import {
-  makeTestId
-} from "./chunk-2BFUUUDS.js";
-import {
-  scrim
-} from "./chunk-FQ6UW7IY.js";
-
-// src/components/data-display/Lightbox/Lightbox.tsx
-import Dialog from "@mui/material/Dialog/index.js";
-import Fade from "@mui/material/Fade/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var DIALOG_STATIC_PROPS = {
-  maxWidth: false,
-  fullScreen: true,
-  TransitionComponent: Fade,
-  TransitionProps: { timeout: 300 },
-  PaperProps: { sx: { background: (theme) => scrim(theme, 0.9), backdropFilter: "blur(2px)" } },
-  "aria-label": "Lightbox",
-  "aria-labelledby": "lightbox-title",
-  role: "dialog",
-  "aria-modal": "true"
-};
-var Lightbox = React.forwardRef((componentProps, ref) => {
-  const props = resolveLightboxProps(componentProps);
-  const { isOpen, items, loop, autoplay, showControls, showCaptions, thumbnails, zoomable } = props;
-  const { className, style, dataTestId } = props;
-  const testId = makeTestId(dataTestId);
-  const lightbox = useLightbox(props, ref);
-  const { currentIndex, currentItem, zoom } = lightbox;
-  return /* @__PURE__ */ jsx(LightboxCopyProvider, { copy: props.copy, children: /* @__PURE__ */ jsxs(
-    Dialog,
-    {
-      open: isOpen,
-      onClose: lightbox.close,
-      ...DIALOG_STATIC_PROPS,
-      className,
-      style,
-      onTouchStart: lightbox.handleTouchStart,
-      onTouchEnd: lightbox.handleTouchEnd,
-      "data-testid": dataTestId || "lightbox",
-      children: [
-        /* @__PURE__ */ jsxs(Typography, { id: "lightbox-title", variant: "h6", sx: { position: "absolute", left: -1e4 }, children: [
-          "Lightbox - ",
-          currentItem?.alt || `Item ${currentIndex + 1} of ${items.length}`
-        ] }),
-        /* @__PURE__ */ jsx(
-          LightboxOverlay,
-          {
-            testId,
-            itemCount: items.length,
-            currentIndex,
-            showControls,
-            loop,
-            autoplay,
-            canZoom: lightbox.canZoom,
-            isAutoPlaying: lightbox.isAutoPlaying,
-            onClose: lightbox.close,
-            onPrev: lightbox.prev,
-            onNext: lightbox.next,
-            onZoomIn: zoom.zoomIn,
-            onZoomOut: zoom.zoomOut,
-            onResetZoom: zoom.resetZoom,
-            onToggleAutoplay: () => lightbox.setIsAutoPlaying((playing) => !playing)
-          }
-        ),
-        /* @__PURE__ */ jsx(
-          LightboxStage,
-          {
-            items,
-            currentItem,
-            currentIndex,
-            isLoading: lightbox.isLoading,
-            showCaptions,
-            thumbnails,
-            testId,
-            media: /* @__PURE__ */ jsx(
-              LightboxCurrentMedia,
-              {
-                item: currentItem,
-                index: currentIndex,
-                total: items.length,
-                zoomable,
-                zoom,
-                testId,
-                onLoadingChange: lightbox.setIsLoading,
-                onWheel: lightbox.handleWheel
-              }
-            ),
-            thumbnailStrip: thumbnails && items.length > 1 && /* @__PURE__ */ jsx(
-              LightboxThumbnails,
-              {
-                items,
-                currentIndex,
-                testId,
-                onSelect: lightbox.goToIndex
-              }
-            )
-          }
-        )
-      ]
-    }
-  ) });
-});
-Lightbox.displayName = "Lightbox";
-var Lightbox_default = Lightbox;
-
-export {
-  Lightbox,
-  Lightbox_default
-};
-//# sourceMappingURL=chunk-UIKDWXHX.js.map

package/dist/chunk-UIKDWXHX.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Lightbox/Lightbox.tsx"],"sourcesContent":["import Dialog from '@mui/material/Dialog/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { makeTestId } from './Lightbox.constants';\nimport { resolveLightboxProps } from './Lightbox.helpers';\nimport { LightboxCopyProvider } from './lightbox-copy-context';\nimport type { LightboxProps, LightboxRef } from './Lightbox.types';\nimport { LightboxCurrentMedia } from './LightboxCurrentMedia';\nimport { LightboxOverlay } from './LightboxOverlay';\nimport { LightboxStage } from './LightboxStage';\nimport { LightboxThumbnails } from './LightboxThumbnails';\nimport { useLightbox } from './useLightbox';\nimport { scrim } from '../../../tokens/ink';\n\nconst DIALOG_STATIC_PROPS = {\n  maxWidth: false,\n  fullScreen: true,\n  TransitionComponent: Fade,\n  TransitionProps: { timeout: 300 },\n  PaperProps: { sx: { background: (theme: Theme) => scrim(theme, 0.9), backdropFilter: 'blur(2px)' } },\n  'aria-label': 'Lightbox',\n  'aria-labelledby': 'lightbox-title',\n  role: 'dialog',\n  'aria-modal': 'true',\n} as const;\n\nexport const Lightbox = React.forwardRef<LightboxRef, LightboxProps>((componentProps, ref) => {\n  const props = resolveLightboxProps(componentProps);\n  const { isOpen, items, loop, autoplay, showControls, showCaptions, thumbnails, zoomable } = props;\n  const { className, style, dataTestId } = props;\n\n  const testId = makeTestId(dataTestId);\n  const lightbox = useLightbox(props, ref);\n  const { currentIndex, currentItem, zoom } = lightbox;\n\n  return (\n    <LightboxCopyProvider copy={props.copy}>\n    <Dialog\n      open={isOpen}\n      onClose={lightbox.close}\n      {...DIALOG_STATIC_PROPS}\n      className={className}\n      style={style}\n      onTouchStart={lightbox.handleTouchStart}\n      onTouchEnd={lightbox.handleTouchEnd}\n      data-testid={dataTestId || 'lightbox'}\n    >\n      {/* Visually hidden title for screen readers */}\n      <Typography id=\"lightbox-title\" variant=\"h6\" sx={{ position: 'absolute', left: -10000 }}>\n        Lightbox - {currentItem?.alt || `Item ${currentIndex + 1} of ${items.length}`}\n      </Typography>\n\n      <LightboxOverlay\n        testId={testId}\n        itemCount={items.length}\n        currentIndex={currentIndex}\n        showControls={showControls}\n        loop={loop}\n        autoplay={autoplay}\n        canZoom={lightbox.canZoom}\n        isAutoPlaying={lightbox.isAutoPlaying}\n        onClose={lightbox.close}\n        onPrev={lightbox.prev}\n        onNext={lightbox.next}\n        onZoomIn={zoom.zoomIn}\n        onZoomOut={zoom.zoomOut}\n        onResetZoom={zoom.resetZoom}\n        onToggleAutoplay={() => lightbox.setIsAutoPlaying((playing) => !playing)}\n      />\n\n      <LightboxStage\n        items={items}\n        currentItem={currentItem}\n        currentIndex={currentIndex}\n        isLoading={lightbox.isLoading}\n        showCaptions={showCaptions}\n        thumbnails={thumbnails}\n        testId={testId}\n        media={\n          <LightboxCurrentMedia\n            item={currentItem}\n            index={currentIndex}\n            total={items.length}\n            zoomable={zoomable}\n            zoom={zoom}\n            testId={testId}\n            onLoadingChange={lightbox.setIsLoading}\n            onWheel={lightbox.handleWheel}\n          />\n        }\n        thumbnailStrip={\n          thumbnails &&\n          items.length > 1 && (\n            <LightboxThumbnails\n              items={items}\n              currentIndex={currentIndex}\n              testId={testId}\n              onSelect={lightbox.goToIndex}\n            />\n          )\n        }\n      />\n    </Dialog>\n    </LightboxCopyProvider>\n  );\n});\n\nLightbox.displayName = 'Lightbox';\n\nexport default Lightbox;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,YAAY;AACnB,OAAO,UAAU;AACjB,OAAO,gBAAgB;AAEvB,OAAO,WAAW;AA+CZ,SAIA,KAJA;AAlCN,IAAM,sBAAsB;AAAA,EAC1B,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,qBAAqB;AAAA,EACrB,iBAAiB,EAAE,SAAS,IAAI;AAAA,EAChC,YAAY,EAAE,IAAI,EAAE,YAAY,CAAC,UAAiB,MAAM,OAAO,GAAG,GAAG,gBAAgB,YAAY,EAAE;AAAA,EACnG,cAAc;AAAA,EACd,mBAAmB;AAAA,EACnB,MAAM;AAAA,EACN,cAAc;AAChB;AAEO,IAAM,WAAW,MAAM,WAAuC,CAAC,gBAAgB,QAAQ;AAC5F,QAAM,QAAQ,qBAAqB,cAAc;AACjD,QAAM,EAAE,QAAQ,OAAO,MAAM,UAAU,cAAc,cAAc,YAAY,SAAS,IAAI;AAC5F,QAAM,EAAE,WAAW,OAAO,WAAW,IAAI;AAEzC,QAAM,SAAS,WAAW,UAAU;AACpC,QAAM,WAAW,YAAY,OAAO,GAAG;AACvC,QAAM,EAAE,cAAc,aAAa,KAAK,IAAI;AAE5C,SACE,oBAAC,wBAAqB,MAAM,MAAM,MAClC;AAAA,IAAC;AAAA;AAAA,MACC,MAAM;AAAA,MACN,SAAS,SAAS;AAAA,MACjB,GAAG;AAAA,MACJ;AAAA,MACA;AAAA,MACA,cAAc,SAAS;AAAA,MACvB,YAAY,SAAS;AAAA,MACrB,eAAa,cAAc;AAAA,MAG3B;AAAA,6BAAC,cAAW,IAAG,kBAAiB,SAAQ,MAAK,IAAI,EAAE,UAAU,YAAY,MAAM,KAAO,GAAG;AAAA;AAAA,UAC3E,aAAa,OAAO,QAAQ,eAAe,CAAC,OAAO,MAAM,MAAM;AAAA,WAC7E;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA,WAAW,MAAM;AAAA,YACjB;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,SAAS,SAAS;AAAA,YAClB,eAAe,SAAS;AAAA,YACxB,SAAS,SAAS;AAAA,YAClB,QAAQ,SAAS;AAAA,YACjB,QAAQ,SAAS;AAAA,YACjB,UAAU,KAAK;AAAA,YACf,WAAW,KAAK;AAAA,YAChB,aAAa,KAAK;AAAA,YAClB,kBAAkB,MAAM,SAAS,iBAAiB,CAAC,YAAY,CAAC,OAAO;AAAA;AAAA,QACzE;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,WAAW,SAAS;AAAA,YACpB;AAAA,YACA;AAAA,YACA;AAAA,YACA,OACE;AAAA,cAAC;AAAA;AAAA,gBACC,MAAM;AAAA,gBACN,OAAO;AAAA,gBACP,OAAO,MAAM;AAAA,gBACb;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,iBAAiB,SAAS;AAAA,gBAC1B,SAAS,SAAS;AAAA;AAAA,YACpB;AAAA,YAEF,gBACE,cACA,MAAM,SAAS,KACb;AAAA,cAAC;AAAA;AAAA,gBACC;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA,UAAU,SAAS;AAAA;AAAA,YACrB;AAAA;AAAA,QAGN;AAAA;AAAA;AAAA,EACF,GACA;AAEJ,CAAC;AAED,SAAS,cAAc;AAEvB,IAAO,mBAAQ;","names":[]}