@12-apps/ui 6.78.4 → 6.79.0

package/dist/{chunk-BWFQEASG.js → chunk-2P5ZBBTL.js}

@@ -1,9 +1,6 @@
-import {
-  CategoryQuickActions
-} from "./chunk-PGGYZU7Q.js";
 import {
   CategoryPanelList
-} from "./chunk-7ZROYGUG.js";
+} from "./chunk-QOTMQLMW.js";
 import {
   CategoryPanelHead,
   CategoryPinnedTray
@@ -12,6 +9,9 @@ import {
   CategoryMultiFoot,
   CategorySingleFoot
 } from "./chunk-GXSHLMT4.js";
+import {
+  CategoryQuickActions
+} from "./chunk-PGGYZU7Q.js";
 import {
   panelSx,
   sheetSx
@@ -156,4 +156,4 @@ function PanelFooter({
 export {
   CategoryPanel
 };
-//# sourceMappingURL=chunk-BWFQEASG.js.map
+//# sourceMappingURL=chunk-2P5ZBBTL.js.map

package/dist/{chunk-QVO4SIS7.js → chunk-3W2B7IZG.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Pagination
-} from "./chunk-4M5GEKPM.js";
+} from "./chunk-JL4I7OQE.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -31,4 +31,4 @@ function DataViewsPagination({
 export {
   DataViewsPagination
 };
-//# sourceMappingURL=chunk-QVO4SIS7.js.map
+//# sourceMappingURL=chunk-3W2B7IZG.js.map

package/dist/{chunk-PMRLFNBT.js → chunk-3XLSA3YB.js}

@@ -1,10 +1,10 @@
-import {
-  SectionNavSheet
-} from "./chunk-J26ZWYQI.js";
 import {
   RaisedActionButton,
   raisedLift
 } from "./chunk-UKUGSU3Y.js";
+import {
+  SectionNavSheet
+} from "./chunk-J26ZWYQI.js";
 import {
   Box,
   CONTROL_RESET,
@@ -327,4 +327,4 @@ export {
   sectionNavSheetOffset,
   SectionNavBar
 };
-//# sourceMappingURL=chunk-PMRLFNBT.js.map
+//# sourceMappingURL=chunk-3XLSA3YB.js.map

package/dist/{chunk-7P5PNRBT.js → chunk-3YCV4EP7.js}

@@ -1,18 +1,18 @@
 import {
   PillControl
-} from "./chunk-VD72JGHA.js";
-import {
-  QuickRow
-} from "./chunk-MHFXJRLD.js";
+} from "./chunk-73OYC22L.js";
 import {
   isQuickActive
 } from "./chunk-KYUEO2IO.js";
 import {
   RangeBounds
-} from "./chunk-2QO3BKUQ.js";
+} from "./chunk-UJT6AQHL.js";
 import {
   isRangeSet
 } from "./chunk-GCZJH4XL.js";
+import {
+  QuickRow
+} from "./chunk-MHFXJRLD.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -227,4 +227,4 @@ export {
   MoreQuick,
   MoreGroup
 };
-//# sourceMappingURL=chunk-7P5PNRBT.js.map
+//# sourceMappingURL=chunk-3YCV4EP7.js.map

package/dist/{chunk-AYP6ICAY.js → chunk-44FY2YZL.js}

@@ -21,12 +21,12 @@ var resolveMockLocation = (sink) => {
     sink.setLoading(false);
     const mockLocation = MOCK_ADDRESSES[0];
     if (!mockLocation) {
-      sink.setApiError("No mock location available");
+      sink.setApiError(sink.messages.noMockLocation);
       return;
     }
     const mockDetails = MOCK_PLACE_DETAILS[mockLocation.place_id];
     if (!mockDetails) {
-      sink.setApiError("Mock location details not found");
+      sink.setApiError(sink.messages.mockLocationNotFound);
       return;
     }
     sink.applyAddress(
@@ -45,7 +45,7 @@ var geocodePosition = (geocoder, sink) => (position) => {
     sink.setLoading(false);
     const place = status === "OK" ? results?.[0] : void 0;
     if (!place) {
-      sink.setApiError("Unable to retrieve address for current location");
+      sink.setApiError(sink.messages.locationAddressFailed);
       return;
     }
     sink.applyAddress(
@@ -63,20 +63,21 @@ var useCurrentLocation = ({
   useMockData,
   setLoading,
   setApiError,
-  applyAddress
+  applyAddress,
+  messages
 }) => useCallback(() => {
   if (!navigator.geolocation) {
-    setApiError("Geolocation is not supported by this browser");
+    setApiError(messages.geolocationUnsupported);
     return;
   }
-  const sink = { setLoading, setApiError, applyAddress };
+  const sink = { setLoading, setApiError, applyAddress, messages };
   if (useMockData) {
     setLoading(true);
     resolveMockLocation(sink);
     return;
   }
   if (!services.geocoder) {
-    setApiError("Geocoding service not available");
+    setApiError(messages.geocoderUnavailable);
     return;
   }
   setLoading(true);
@@ -84,13 +85,13 @@ var useCurrentLocation = ({
     geocodePosition(services.geocoder, sink),
     () => {
       setLoading(false);
-      setApiError("Unable to retrieve your location");
+      setApiError(messages.locationFailed);
     },
     GEOLOCATION_OPTIONS
   );
-}, [services, useMockData, setLoading, setApiError, applyAddress]);
+}, [services, useMockData, setLoading, setApiError, applyAddress, messages]);
 
 export {
   useCurrentLocation
 };
-//# sourceMappingURL=chunk-AYP6ICAY.js.map
+//# sourceMappingURL=chunk-44FY2YZL.js.map

package/dist/chunk-44FY2YZL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/AddressAutocomplete/useCurrentLocation.ts"],"sourcesContent":["import type { AddressAutocompleteCopy } from '../../../copy/form';\nimport { useCallback } from 'react';\n\nimport { coordinatesOf, toAddressDetails } from './AddressAutocomplete.mapper';\nimport type { AddressDetails } from './AddressAutocomplete.types';\nimport { MOCK_ADDRESSES, MOCK_PLACE_DETAILS } from './mockPlaces';\nimport type { GoogleMapsService } from './useGoogleMapsAPI';\n\nconst MOCK_GEOLOCATION_DELAY_MS = 500;\n\nconst GEOLOCATION_OPTIONS: PositionOptions = {\n  enableHighAccuracy: true,\n  timeout: 10_000,\n  maximumAge: 600_000, // 10 minutes\n};\n\ninterface LocationSink {\n  messages: Required<AddressAutocompleteCopy>;\n  setLoading: (loading: boolean) => void;\n  setApiError: (message: string | null) => void;\n  applyAddress: (address: AddressDetails) => void;\n}\n\n// Mock mode answers with the first canned address after a pause, so the button\n// behaves like a real geolocation round trip.\nconst resolveMockLocation = (sink: LocationSink) => {\n  window.setTimeout(() => {\n    sink.setLoading(false);\n\n    const mockLocation = MOCK_ADDRESSES[0];\n    if (!mockLocation) {\n      sink.setApiError(sink.messages.noMockLocation);\n      return;\n    }\n\n    const mockDetails = MOCK_PLACE_DETAILS[mockLocation.place_id];\n    if (!mockDetails) {\n      sink.setApiError(sink.messages.mockLocationNotFound);\n      return;\n    }\n\n    sink.applyAddress(\n      toAddressDetails({\n        components: mockDetails.address_components,\n        formatted: mockDetails.formatted_address,\n        coordinates: coordinatesOf(mockDetails.geometry),\n      }),\n    );\n  }, MOCK_GEOLOCATION_DELAY_MS);\n};\n\nconst geocodePosition =\n  (geocoder: google.maps.Geocoder, sink: LocationSink) => (position: GeolocationPosition) => {\n    const { latitude, longitude } = position.coords;\n    const location = new google.maps.LatLng(latitude, longitude);\n\n    geocoder.geocode({ location }, (results, status) => {\n      sink.setLoading(false);\n\n      const place = status === 'OK' ? results?.[0] : undefined;\n      if (!place) {\n        sink.setApiError(sink.messages.locationAddressFailed);\n        return;\n      }\n\n      sink.applyAddress(\n        toAddressDetails({\n          components: place.address_components,\n          formatted: place.formatted_address,\n          // The device's own fix is more precise than the geocoded place's.\n          coordinates: { lat: latitude, lng: longitude },\n        }),\n      );\n    });\n  };\n\nexport const useCurrentLocation = ({\n  services,\n  useMockData,\n  setLoading,\n  setApiError,\n  applyAddress,\n  messages,\n}: {\n  messages: Required<AddressAutocompleteCopy>;\n  services: GoogleMapsService;\n  useMockData: boolean;\n  setLoading: (loading: boolean) => void;\n  setApiError: (message: string | null) => void;\n  applyAddress: (address: AddressDetails) => void;\n}) =>\n  useCallback(() => {\n    if (!navigator.geolocation) {\n      setApiError(messages.geolocationUnsupported);\n      return;\n    }\n\n    const sink: LocationSink = { setLoading, setApiError, applyAddress, messages };\n\n    if (useMockData) {\n      setLoading(true);\n      resolveMockLocation(sink);\n      return;\n    }\n\n    if (!services.geocoder) {\n      setApiError(messages.geocoderUnavailable);\n      return;\n    }\n\n    setLoading(true);\n    navigator.geolocation.getCurrentPosition(\n      geocodePosition(services.geocoder, sink),\n      () => {\n        setLoading(false);\n        setApiError(messages.locationFailed);\n      },\n      GEOLOCATION_OPTIONS,\n    );\n  }, [services, useMockData, setLoading, setApiError, applyAddress, messages]);\n"],"mappings":";;;;;;;;;;AACA,SAAS,mBAAmB;AAO5B,IAAM,4BAA4B;AAElC,IAAM,sBAAuC;AAAA,EAC3C,oBAAoB;AAAA,EACpB,SAAS;AAAA,EACT,YAAY;AAAA;AACd;AAWA,IAAM,sBAAsB,CAAC,SAAuB;AAClD,SAAO,WAAW,MAAM;AACtB,SAAK,WAAW,KAAK;AAErB,UAAM,eAAe,eAAe,CAAC;AACrC,QAAI,CAAC,cAAc;AACjB,WAAK,YAAY,KAAK,SAAS,cAAc;AAC7C;AAAA,IACF;AAEA,UAAM,cAAc,mBAAmB,aAAa,QAAQ;AAC5D,QAAI,CAAC,aAAa;AAChB,WAAK,YAAY,KAAK,SAAS,oBAAoB;AACnD;AAAA,IACF;AAEA,SAAK;AAAA,MACH,iBAAiB;AAAA,QACf,YAAY,YAAY;AAAA,QACxB,WAAW,YAAY;AAAA,QACvB,aAAa,cAAc,YAAY,QAAQ;AAAA,MACjD,CAAC;AAAA,IACH;AAAA,EACF,GAAG,yBAAyB;AAC9B;AAEA,IAAM,kBACJ,CAAC,UAAgC,SAAuB,CAAC,aAAkC;AACzF,QAAM,EAAE,UAAU,UAAU,IAAI,SAAS;AACzC,QAAM,WAAW,IAAI,OAAO,KAAK,OAAO,UAAU,SAAS;AAE3D,WAAS,QAAQ,EAAE,SAAS,GAAG,CAAC,SAAS,WAAW;AAClD,SAAK,WAAW,KAAK;AAErB,UAAM,QAAQ,WAAW,OAAO,UAAU,CAAC,IAAI;AAC/C,QAAI,CAAC,OAAO;AACV,WAAK,YAAY,KAAK,SAAS,qBAAqB;AACpD;AAAA,IACF;AAEA,SAAK;AAAA,MACH,iBAAiB;AAAA,QACf,YAAY,MAAM;AAAA,QAClB,WAAW,MAAM;AAAA;AAAA,QAEjB,aAAa,EAAE,KAAK,UAAU,KAAK,UAAU;AAAA,MAC/C,CAAC;AAAA,IACH;AAAA,EACF,CAAC;AACH;AAEK,IAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAQE,YAAY,MAAM;AAChB,MAAI,CAAC,UAAU,aAAa;AAC1B,gBAAY,SAAS,sBAAsB;AAC3C;AAAA,EACF;AAEA,QAAM,OAAqB,EAAE,YAAY,aAAa,cAAc,SAAS;AAE7E,MAAI,aAAa;AACf,eAAW,IAAI;AACf,wBAAoB,IAAI;AACxB;AAAA,EACF;AAEA,MAAI,CAAC,SAAS,UAAU;AACtB,gBAAY,SAAS,mBAAmB;AACxC;AAAA,EACF;AAEA,aAAW,IAAI;AACf,YAAU,YAAY;AAAA,IACpB,gBAAgB,SAAS,UAAU,IAAI;AAAA,IACvC,MAAM;AACJ,iBAAW,KAAK;AAChB,kBAAY,SAAS,cAAc;AAAA,IACrC;AAAA,IACA;AAAA,EACF;AACF,GAAG,CAAC,UAAU,aAAa,YAAY,aAAa,cAAc,QAAQ,CAAC;","names":[]}

package/dist/chunk-47IAX6PI.js

@@ -0,0 +1,119 @@
+import {
+  resolveMapCopy
+} from "./chunk-BJ7NWZWO.js";
+import {
+  MAX_ZOOM,
+  MIN_ZOOM
+} from "./chunk-H2J2MTRE.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/MapPreview/MapControlBar.tsx
+import FullscreenIcon from "@mui/icons-material/Fullscreen";
+import LayersIcon from "@mui/icons-material/Layers";
+import CenterIcon from "@mui/icons-material/MyLocation";
+import ZoomInIcon from "@mui/icons-material/ZoomIn";
+import ZoomOutIcon from "@mui/icons-material/ZoomOut";
+import Box from "@mui/material/Box/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import Tooltip from "@mui/material/Tooltip/index.js";
+import { alpha, styled } from "@mui/material/styles/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var MapControls = styled(Box)(({ theme }) => ({
+  position: "absolute",
+  top: theme.spacing(2),
+  right: theme.spacing(2),
+  zIndex: 1,
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1)
+}));
+var ControlButton = styled(IconButton)(({ theme }) => ({
+  background: alpha(theme.palette.background.paper, 0.95),
+  backdropFilter: `blur(${rem(theme, 10)})`,
+  WebkitBackdropFilter: `blur(${rem(theme, 10)})`,
+  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+  boxShadow: theme.shadows[2],
+  // Kept clickable while disabled so hover tooltips still work at the limits.
+  pointerEvents: "auto",
+  "&:hover": {
+    background: theme.palette.background.paper,
+    transform: "scale(1.05)"
+  },
+  "&:disabled": {
+    opacity: 0.5,
+    pointerEvents: "auto"
+  }
+}));
+var MapControlBar = ({
+  copy,
+  zoom,
+  mapType,
+  onZoomIn,
+  onZoomOut,
+  onCenter,
+  onToggleMapType,
+  onToggleFullscreen
+}) => {
+  const text = resolveMapCopy(copy);
+  return /* @__PURE__ */ jsxs(MapControls, { "data-testid": "map-controls", children: [
+    /* @__PURE__ */ jsx(Tooltip, { title: copy.zoomIn, placement: "left", children: /* @__PURE__ */ jsx(
+      ControlButton,
+      {
+        size: "small",
+        onClick: onZoomIn,
+        "aria-label": copy.zoomIn,
+        "data-testid": "zoom-in-button",
+        disabled: zoom >= MAX_ZOOM,
+        children: /* @__PURE__ */ jsx(ZoomInIcon, { fontSize: "small" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Tooltip, { title: copy.zoomOut, placement: "left", children: /* @__PURE__ */ jsx(
+      ControlButton,
+      {
+        size: "small",
+        onClick: onZoomOut,
+        "aria-label": copy.zoomOut,
+        "data-testid": "zoom-out-button",
+        disabled: zoom <= MIN_ZOOM,
+        children: /* @__PURE__ */ jsx(ZoomOutIcon, { fontSize: "small" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Tooltip, { title: copy.center, placement: "left", children: /* @__PURE__ */ jsx(
+      ControlButton,
+      {
+        size: "small",
+        onClick: onCenter,
+        "aria-label": copy.center,
+        "data-testid": "center-button",
+        children: /* @__PURE__ */ jsx(CenterIcon, { fontSize: "small" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Tooltip, { title: text.mapTypeTitle(text.mapTypeNames[mapType]), placement: "left", children: /* @__PURE__ */ jsx(
+      ControlButton,
+      {
+        size: "small",
+        onClick: onToggleMapType,
+        "aria-label": copy.mapType,
+        "data-testid": "map-type-button",
+        children: /* @__PURE__ */ jsx(LayersIcon, { fontSize: "small" })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Tooltip, { title: copy.fullscreen, placement: "left", children: /* @__PURE__ */ jsx(
+      ControlButton,
+      {
+        size: "small",
+        onClick: onToggleFullscreen,
+        "aria-label": copy.fullscreen,
+        "data-testid": "fullscreen-button",
+        children: /* @__PURE__ */ jsx(FullscreenIcon, { fontSize: "small" })
+      }
+    ) })
+  ] });
+};
+
+export {
+  MapControlBar
+};
+//# sourceMappingURL=chunk-47IAX6PI.js.map

package/dist/chunk-47IAX6PI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapControlBar.tsx"],"sourcesContent":["import FullscreenIcon from '@mui/icons-material/Fullscreen';\nimport LayersIcon from '@mui/icons-material/Layers';\nimport CenterIcon from '@mui/icons-material/MyLocation';\nimport ZoomInIcon from '@mui/icons-material/ZoomIn';\nimport ZoomOutIcon from '@mui/icons-material/ZoomOut';\nimport Box from '@mui/material/Box/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Tooltip from '@mui/material/Tooltip/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { MAX_ZOOM, MIN_ZOOM } from './MapPreview.constants';\nimport { resolveMapCopy } from './MapPreview.helpers';\nimport type { MapType } from './MapPreview.types';\nimport type { MapPreviewCopy } from '../../../copy';\nimport { rem } from '../../../tokens/relative';\n\n// Kept module-local: the inferred type of a styled() component cannot be named\n// across a module boundary here (TS2742).\nconst MapControls = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(2),\n  right: theme.spacing(2),\n  zIndex: 1,\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(1),\n}));\n\nconst ControlButton = styled(IconButton)(({ theme }) => ({\n  background: alpha(theme.palette.background.paper, 0.95),\n  backdropFilter: `blur(${rem(theme, 10)})`,\n  WebkitBackdropFilter: `blur(${rem(theme, 10)})`,\n  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  boxShadow: theme.shadows[2],\n  // Kept clickable while disabled so hover tooltips still work at the limits.\n  pointerEvents: 'auto',\n  '&:hover': {\n    background: theme.palette.background.paper,\n    transform: 'scale(1.05)',\n  },\n  '&:disabled': {\n    opacity: 0.5,\n    pointerEvents: 'auto',\n  },\n}));\n\nexport interface MapControlBarProps {\n  /**\n   * The six controls' names. Every one is a glyph with a `title` AND an\n   * `aria-label`, so this object is both the tooltip and what a screen reader\n   * reads — REQUIRED, because a default is one language for every adopter.\n   */\n  copy: MapPreviewCopy;\n  zoom: number;\n  mapType: MapType;\n  onZoomIn: () => void;\n  onZoomOut: () => void;\n  onCenter: () => void;\n  onToggleMapType: () => void;\n  onToggleFullscreen: () => void;\n}\n\nexport const MapControlBar: FC<MapControlBarProps> = ({\n  copy,\n  zoom,\n  mapType,\n  onZoomIn,\n  onZoomOut,\n  onCenter,\n  onToggleMapType,\n  onToggleFullscreen,\n}) => {\n  const text = resolveMapCopy(copy);\n  return (\n  <MapControls data-testid=\"map-controls\">\n    <Tooltip title={copy.zoomIn} placement=\"left\">\n      <ControlButton\n        size=\"small\"\n        onClick={onZoomIn}\n        aria-label={copy.zoomIn}\n        data-testid=\"zoom-in-button\"\n        disabled={zoom >= MAX_ZOOM}\n      >\n        <ZoomInIcon fontSize=\"small\" />\n      </ControlButton>\n    </Tooltip>\n    <Tooltip title={copy.zoomOut} placement=\"left\">\n      <ControlButton\n        size=\"small\"\n        onClick={onZoomOut}\n        aria-label={copy.zoomOut}\n        data-testid=\"zoom-out-button\"\n        disabled={zoom <= MIN_ZOOM}\n      >\n        <ZoomOutIcon fontSize=\"small\" />\n      </ControlButton>\n    </Tooltip>\n    <Tooltip title={copy.center} placement=\"left\">\n      <ControlButton\n        size=\"small\"\n        onClick={onCenter}\n        aria-label={copy.center}\n        data-testid=\"center-button\"\n      >\n        <CenterIcon fontSize=\"small\" />\n      </ControlButton>\n    </Tooltip>\n    <Tooltip title={text.mapTypeTitle(text.mapTypeNames[mapType])} placement=\"left\">\n      <ControlButton\n        size=\"small\"\n        onClick={onToggleMapType}\n        aria-label={copy.mapType}\n        data-testid=\"map-type-button\"\n      >\n        <LayersIcon fontSize=\"small\" />\n      </ControlButton>\n    </Tooltip>\n    <Tooltip title={copy.fullscreen} placement=\"left\">\n      <ControlButton\n        size=\"small\"\n        onClick={onToggleFullscreen}\n        aria-label={copy.fullscreen}\n        data-testid=\"fullscreen-button\"\n      >\n        <FullscreenIcon fontSize=\"small\" />\n      </ControlButton>\n    </Tooltip>\n  </MapControls>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,oBAAoB;AAC3B,OAAO,gBAAgB;AACvB,OAAO,gBAAgB;AACvB,OAAO,gBAAgB;AACvB,OAAO,iBAAiB;AACxB,OAAO,SAAS;AAChB,OAAO,gBAAgB;AACvB,OAAO,aAAa;AACpB,SAAS,OAAO,cAAc;AAoE5B,SASM,KATN;AAxDF,IAAM,cAAc,OAAO,GAAG,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EAC9C,UAAU;AAAA,EACV,KAAK,MAAM,QAAQ,CAAC;AAAA,EACpB,OAAO,MAAM,QAAQ,CAAC;AAAA,EACtB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,eAAe;AAAA,EACf,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;AAEF,IAAM,gBAAgB,OAAO,UAAU,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EACvD,YAAY,MAAM,MAAM,QAAQ,WAAW,OAAO,IAAI;AAAA,EACtD,gBAAgB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,EACtC,sBAAsB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,EAC5C,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,EACtD,WAAW,MAAM,QAAQ,CAAC;AAAA;AAAA,EAE1B,eAAe;AAAA,EACf,WAAW;AAAA,IACT,YAAY,MAAM,QAAQ,WAAW;AAAA,IACrC,WAAW;AAAA,EACb;AAAA,EACA,cAAc;AAAA,IACZ,SAAS;AAAA,IACT,eAAe;AAAA,EACjB;AACF,EAAE;AAkBK,IAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,OAAO,eAAe,IAAI;AAChC,SACA,qBAAC,eAAY,eAAY,gBACvB;AAAA,wBAAC,WAAQ,OAAO,KAAK,QAAQ,WAAU,QACrC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,cAAY,KAAK;AAAA,QACjB,eAAY;AAAA,QACZ,UAAU,QAAQ;AAAA,QAElB,8BAAC,cAAW,UAAS,SAAQ;AAAA;AAAA,IAC/B,GACF;AAAA,IACA,oBAAC,WAAQ,OAAO,KAAK,SAAS,WAAU,QACtC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,cAAY,KAAK;AAAA,QACjB,eAAY;AAAA,QACZ,UAAU,QAAQ;AAAA,QAElB,8BAAC,eAAY,UAAS,SAAQ;AAAA;AAAA,IAChC,GACF;AAAA,IACA,oBAAC,WAAQ,OAAO,KAAK,QAAQ,WAAU,QACrC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,cAAY,KAAK;AAAA,QACjB,eAAY;AAAA,QAEZ,8BAAC,cAAW,UAAS,SAAQ;AAAA;AAAA,IAC/B,GACF;AAAA,IACA,oBAAC,WAAQ,OAAO,KAAK,aAAa,KAAK,aAAa,OAAO,CAAC,GAAG,WAAU,QACvE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,cAAY,KAAK;AAAA,QACjB,eAAY;AAAA,QAEZ,8BAAC,cAAW,UAAS,SAAQ;AAAA;AAAA,IAC/B,GACF;AAAA,IACA,oBAAC,WAAQ,OAAO,KAAK,YAAY,WAAU,QACzC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAS;AAAA,QACT,cAAY,KAAK;AAAA,QACjB,eAAY;AAAA,QAEZ,8BAAC,kBAAe,UAAS,SAAQ;AAAA;AAAA,IACnC,GACF;AAAA,KACF;AAEF;","names":[]}

package/dist/{chunk-Q6PRGXR2.js → chunk-4HBCWKIX.js}

@@ -11,13 +11,13 @@ import {
   rowSx,
   sectionHeadSx
 } from "./chunk-AKBL7S7A.js";
+import {
+  highlightSegments
+} from "./chunk-PN4HVM43.js";
 import {
   CheckGlyph,
   DisclosureGlyph
 } from "./chunk-DMNZD3Q7.js";
-import {
-  highlightSegments
-} from "./chunk-PN4HVM43.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -148,4 +148,4 @@ export {
   CategoryTreeRow,
   CategorySectionHeading
 };
-//# sourceMappingURL=chunk-Q6PRGXR2.js.map
+//# sourceMappingURL=chunk-4HBCWKIX.js.map

package/dist/{chunk-HN3PZTUK.js → chunk-4MKVGSHX.js}

@@ -1,3 +1,7 @@
+import {
+  actionsOf,
+  makeTestId
+} from "./chunk-MWFSIB6K.js";
 import {
   ACTIONS_GAP_UNITS,
   ACTIONS_MARGIN_TOP_UNITS,
@@ -14,10 +18,6 @@ import {
   illustrationMaxWidth,
   illustrationOpacity
 } from "./chunk-KLPTOVIX.js";
-import {
-  actionsOf,
-  makeTestId
-} from "./chunk-MWFSIB6K.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -204,4 +204,4 @@ export {
   EmptyState,
   EmptyState_default
 };
-//# sourceMappingURL=chunk-HN3PZTUK.js.map
+//# sourceMappingURL=chunk-4MKVGSHX.js.map

package/dist/{chunk-EERUSI52.js → chunk-4N3I7ZHQ.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Toast
-} from "./chunk-VQYR64QB.js";
+} from "./chunk-DX5PLJKN.js";
 
 // src/components/form/total-form/FormErrorSnackbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -27,4 +27,4 @@ function FormErrorSnackbar({
 export {
   FormErrorSnackbar
 };
-//# sourceMappingURL=chunk-EERUSI52.js.map
+//# sourceMappingURL=chunk-4N3I7ZHQ.js.map

package/dist/{chunk-O6SAU5JA.js → chunk-4OTJ66ID.js}

@@ -1,9 +1,9 @@
-import {
-  otpSlotSx
-} from "./chunk-WOSUYOAU.js";
 import {
   useOtpDigits
 } from "./chunk-UETHX57J.js";
+import {
+  otpSlotSx
+} from "./chunk-WOSUYOAU.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -93,4 +93,4 @@ InputOTP.displayName = "InputOTP";
 export {
   InputOTP
 };
-//# sourceMappingURL=chunk-O6SAU5JA.js.map
+//# sourceMappingURL=chunk-4OTJ66ID.js.map

package/dist/{chunk-LG52LMAM.js → chunk-556LO6KA.js}

@@ -9,14 +9,14 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Switch
-} from "./chunk-EIMFA7KP.js";
+} from "./chunk-ANUO67JQ.js";
 import {
   Input
 } from "./chunk-MWPD2BXO.js";
 import {
   Dialog,
   DialogContent
-} from "./chunk-2ILXXBMG.js";
+} from "./chunk-25HBYY4O.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -268,4 +268,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-LG52LMAM.js.map
+//# sourceMappingURL=chunk-556LO6KA.js.map

package/dist/{chunk-LBZEPWYK.js → chunk-5GLOEGOM.js}

@@ -1,9 +1,9 @@
-import {
-  ConfirmActionDialog
-} from "./chunk-MM7BPTVV.js";
 import {
   useConfirmAction
 } from "./chunk-EMYESBIT.js";
+import {
+  ConfirmActionDialog
+} from "./chunk-KYT5G4K7.js";
 
 // src/components/feedback/ConfirmAction/with-confirmation.tsx
 import React from "react";
@@ -40,4 +40,4 @@ function withConfirmation(Wrapped, defaults) {
 export {
   withConfirmation
 };
-//# sourceMappingURL=chunk-LBZEPWYK.js.map
+//# sourceMappingURL=chunk-5GLOEGOM.js.map

package/dist/{chunk-KZXOIRUP.js → chunk-5MAD6ZEI.js}

@@ -1,3 +1,9 @@
+import {
+  resolveLabels
+} from "./chunk-LL2BWQPM.js";
+import {
+  EN_US_UI_LABELS
+} from "./chunk-W5PRZHLU.js";
 import {
   neutralTones
 } from "./chunk-XJAD6E3V.js";
@@ -15,6 +21,7 @@ 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 CONNECTOR_MIN = 8;
 var StepperRoot = styled(Box, {
   shouldForwardProp: (prop) => prop !== "orientation"
 })(({ orientation }) => ({
@@ -34,6 +41,10 @@ var StepItem = styled(Box, {
   // For vertical: center to align connector with centered circle
   alignItems: orientation === "horizontal" ? "flex-start" : "center",
   flex: orientation === "horizontal" && !isLast ? 1 : "none",
+  // Horizontal, the last step takes an equal share capped at its own width:
+  // on desktop that IS its own width, as `none` gave; on a phone it lets the
+  // last step give up room instead of pushing the row past the viewport.
+  ...orientation === "horizontal" && isLast && { flex: "1 1 0%", maxWidth: "max-content" },
   position: "relative",
   // For vertical: ensure consistent width for proper centering
   ...orientation === "vertical" && {
@@ -82,7 +93,8 @@ var StepConnector = styled(Box, {
       marginTop: rem(theme, CIRCLE_SIZE[size] / 2 - 1),
       marginLeft: rem(theme, 8),
       marginRight: rem(theme, 8),
-      minWidth: rem(theme, 24)
+      // Only binds when the row is squeezed: a phone keeps a short dash.
+      minWidth: rem(theme, CONNECTOR_MIN)
     } : {
       width: rem(theme, 2),
       height: rem(theme, 32),
@@ -98,7 +110,9 @@ var StepLabel = styled(Box, {
   shouldForwardProp: (prop) => prop !== "orientation"
 })(({ theme, orientation }) => ({
   textAlign: "center",
-  marginTop: orientation === "horizontal" ? rem(theme, 8) : 0
+  marginTop: orientation === "horizontal" ? rem(theme, 8) : 0,
+  // Last resort only: a single word wider than the whole row may break.
+  overflowWrap: orientation === "horizontal" ? "break-word" : void 0
 }));
 function stepClasses(isActive, isCompleted, optional) {
   return [
@@ -108,10 +122,15 @@ function stepClasses(isActive, isCompleted, optional) {
   ].filter(Boolean).join(" ");
 }
 function contentSx(orientation, size) {
-  return orientation === "horizontal" ? { minWidth: sxRem(STEP_MIN_WIDTH[size]), maxWidth: sxRem(150), flex: "0 1 auto" } : { flexShrink: 0 };
+  return orientation === "horizontal" ? (theme) => ({
+    minWidth: "min-content",
+    [theme.breakpoints.up("sm")]: { minWidth: rem(theme, STEP_MIN_WIDTH[size]) },
+    maxWidth: rem(theme, 150),
+    flex: "0 1 auto"
+  }) : { flexShrink: 0 };
 }
-var StepCircle = ({ step, index, isActive, isCompleted, isClickable, size, labelVariant, onClick }) => {
-  const state = isCompleted ? " (completed)" : isActive ? " (current)" : "";
+var StepCircle = ({ step, index, isActive, isCompleted, isClickable, size, labelVariant, onClick, labels }) => {
+  const state = isCompleted ? ` (${labels.completed})` : isActive ? ` (${labels.current})` : "";
   return /* @__PURE__ */ jsx(
     StepButton,
     {
@@ -122,7 +141,7 @@ var StepCircle = ({ step, index, isActive, isCompleted, isClickable, size, label
       onClick,
       disabled: step.disabled,
       "aria-current": isActive ? "step" : void 0,
-      "aria-label": `Step ${index + 1}: ${step.label}${step.optional ? " (optional)" : ""}${state}`,
+      "aria-label": `${labels.step(index + 1, step.label)}${step.optional ? ` (${labels.optional})` : ""}${state}`,
       "data-testid": `stepper-step-icon-${index}`,
       children: isCompleted ? /* @__PURE__ */ jsx(CheckCircle, { sx: { fontSize: sxRem(STEP_ICON_SIZE[size]) } }) : /* @__PURE__ */ jsx(Typography, { variant: labelVariant, fontWeight: "bold", children: index + 1 })
     }
@@ -134,7 +153,8 @@ var StepLabelBlock = ({
   isActive,
   orientation,
   size,
-  labelVariant
+  labelVariant,
+  labels
 }) => /* @__PURE__ */ jsxs(
   StepLabel,
   {
@@ -150,7 +170,12 @@ var StepLabelBlock = ({
           color: isActive ? "primary" : "textPrimary",
           children: [
             step.label,
-            step.optional && /* @__PURE__ */ jsx(Typography, { component: "span", variant: "caption", color: "textSecondary", sx: { ml: 1 }, children: "(optional)" })
+            step.optional && /* @__PURE__ */ jsx("wbr", {}),
+            step.optional && /* @__PURE__ */ jsxs(Typography, { component: "span", variant: "caption", color: "textSecondary", sx: { ml: 1 }, children: [
+              "(",
+              labels.optional,
+              ")"
+            ] })
           ]
         }
       ),
@@ -170,7 +195,8 @@ var StepperItem = ({
   clickable,
   onStepClick,
   renderConnector,
-  nextStep
+  nextStep,
+  labels
 }) => {
   const labelVariant = size === "sm" ? "caption" : "body2";
   const isClickable = Boolean(clickable) && !step.disabled && (variant === "non-linear" || !isActive);
@@ -206,6 +232,7 @@ var StepperItem = ({
                   isClickable,
                   size,
                   labelVariant,
+                  labels,
                   onClick: handleStepClick
                 }
               ),
@@ -217,7 +244,8 @@ var StepperItem = ({
                   isActive,
                   orientation,
                   size,
-                  labelVariant
+                  labelVariant,
+                  labels
                 }
               )
             ]
@@ -238,9 +266,11 @@ var Stepper = ({
   onStepChange,
   clickable,
   renderConnector,
+  labels: labelOverrides,
   className,
   "data-testid": dataTestId
 }) => {
+  const labels = resolveLabels(EN_US_UI_LABELS.stepper, labelOverrides);
   const isClickable = clickable ?? variant === "non-linear";
   return /* @__PURE__ */ jsx(
     StepperRoot,
@@ -273,7 +303,8 @@ var Stepper = ({
             clickable: isClickable,
             onStepClick: onStepChange,
             renderConnector,
-            nextStep
+            nextStep,
+            labels
           },
           step.id
         );
@@ -285,4 +316,4 @@ var Stepper = ({
 export {
   Stepper
 };
-//# sourceMappingURL=chunk-KZXOIRUP.js.map
+//# sourceMappingURL=chunk-5MAD6ZEI.js.map

package/dist/chunk-5MAD6ZEI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Stepper/Stepper.tsx"],"sourcesContent":["import { EN_US_UI_LABELS } from '../../../en-US.labels';\nimport { resolveLabels } from '../../../utils/resolve-labels';\nimport type { StepperLabels } from '../../../copy/labels';\nimport 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 type { Theme } 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 { rem, sxRem } from '../../../tokens/relative';\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/** A horizontal connector's shortest dash; its 8px margins either side add 16. */\nconst CONNECTOR_MIN = 8;\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  // Horizontal, the last step takes an equal share capped at its own width:\n  // on desktop that IS its own width, as `none` gave; on a phone it lets the\n  // last step give up room instead of pushing the row past the viewport.\n  ...(orientation === 'horizontal' && isLast && { flex: '1 1 0%', maxWidth: 'max-content' }),\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: rem(theme, CIRCLE_SIZE[stepSize]),\n    width: rem(theme, CIRCLE_SIZE[stepSize]),\n    height: rem(theme, 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: rem(theme, 2),\n          // Vertically centered on the circle (circle/2 - 1 for the 2px line).\n          marginTop: rem(theme, CIRCLE_SIZE[size] / 2 - 1),\n          marginLeft: rem(theme, 8),\n          marginRight: rem(theme, 8),\n          // Only binds when the row is squeezed: a phone keeps a short dash.\n          minWidth: rem(theme, CONNECTOR_MIN),\n        }\n      : {\n          width: rem(theme, 2),\n          height: rem(theme, 32),\n          marginTop: rem(theme, 8),\n          marginBottom: rem(theme, 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' }>(({ theme, orientation }) => ({\n  textAlign: 'center',\n  marginTop: orientation === 'horizontal' ? rem(theme, 8) : 0,\n  // Last resort only: a single word wider than the whole row may break.\n  overflowWrap: orientation === 'horizontal' ? 'break-word' : undefined,\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/**\n * The circle content-column width per orientation/size. On a phone the column\n * may shrink to its longest word, never inside one (\"pagame / nto\"), and the\n * connectors give up the rest; from `sm` up the floor is the size's stop, as\n * it always was, so a desktop row is unchanged.\n */\nfunction contentSx(orientation: 'horizontal' | 'vertical', size: StepSize) {\n  return orientation === 'horizontal'\n    ? (theme: Theme) => ({\n        minWidth: 'min-content',\n        [theme.breakpoints.up('sm')]: { minWidth: rem(theme, STEP_MIN_WIDTH[size]) },\n        maxWidth: rem(theme, 150),\n        flex: '0 1 auto',\n      })\n    : { flexShrink: 0 };\n}\n\ninterface StepPartProps {\n  labels: StepperLabels;\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, labels }) => {\n  const state = isCompleted ? ` (${labels.completed})` : isActive ? ` (${labels.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={`${labels.step(index + 1, step.label)}${step.optional ? ` (${labels.optional})` : ''}${state}`}\n      data-testid={`stepper-step-icon-${index}`}\n    >\n      {isCompleted ? (\n        <CheckCircle sx={{ fontSize: sxRem(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  labels,\n}) => (\n  <StepLabel\n    orientation={orientation}\n    data-testid={`stepper-step-label-${index}`}\n    sx={size === 'sm' && orientation === 'horizontal' ? { mt: sxRem(2) } : undefined}\n  >\n    <Typography\n      variant={labelVariant}\n      fontWeight={isActive ? 'bold' : 'normal'}\n      color={isActive ? 'primary' : 'textPrimary'}\n    >\n      {step.label}\n      {/* A break opportunity with no width: a narrow column may put the marker\n          on its own line instead of welding it to the label's last word. */}\n      {step.optional && <wbr />}\n      {step.optional && (\n        <Typography component=\"span\" variant=\"caption\" color=\"textSecondary\" sx={{ ml: 1 }}>\n          ({labels.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  labels,\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          labels={labels}\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          labels={labels}\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  labels: labelOverrides,\n  className,\n  'data-testid': dataTestId,\n}) => {\n  const labels = resolveLabels(EN_US_UI_LABELS.stepper, labelOverrides);\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            labels={labels}\n          />\n        );\n      })}\n    </StepperRoot>\n  );\n};"],"mappings":"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","names":[]}