@12-apps/ui 6.78.3 → 6.79.0

package/dist/{chunk-IQ2U5MVO.js → chunk-CSQWPDQV.js}

@@ -4,23 +4,23 @@ import {
 } from "./chunk-YH7G44WL.js";
 import {
   MoreFilters
-} from "./chunk-GSXYXMCV.js";
+} from "./chunk-66BRUS2M.js";
 import {
   PillControl
-} from "./chunk-VD72JGHA.js";
-import {
-  QuickChip
-} from "./chunk-MHFXJRLD.js";
+} from "./chunk-73OYC22L.js";
 import {
   isQuickActive
 } from "./chunk-KYUEO2IO.js";
+import {
+  RangePill
+} from "./chunk-UJT6AQHL.js";
+import {
+  QuickChip
+} from "./chunk-MHFXJRLD.js";
 import {
   CollapsedSearch,
   InlineKeyword
 } from "./chunk-M74YHHJE.js";
-import {
-  RangePill
-} from "./chunk-2QO3BKUQ.js";
 
 // src/components/data-display/DataViews/data-views-inline-bar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -244,4 +244,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-IQ2U5MVO.js.map
+//# sourceMappingURL=chunk-CSQWPDQV.js.map

package/dist/{chunk-B2JYQBO4.js → chunk-CXTRDTNM.js}

@@ -1,14 +1,15 @@
 import {
   MapCoordinates,
   MapMarkers
-} from "./chunk-AYJ44VTJ.js";
+} from "./chunk-MBY7DWGT.js";
 import {
   MapLayers
-} from "./chunk-RA6W37NZ.js";
+} from "./chunk-V64USPG3.js";
 import {
   glassStyles,
+  resolveMapCopy,
   resolveMapPreviewProps
-} from "./chunk-4NQXHPQR.js";
+} from "./chunk-BJ7NWZWO.js";
 import {
   useMapPreview
 } from "./chunk-QSRZOXQI.js";
@@ -54,7 +55,11 @@ var MapPreview = (componentProps) => {
       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}`,
+      "aria-label": resolveMapCopy(props.copy).viewDescription(
+        view.markerPosition.lat.toFixed(4),
+        view.markerPosition.lng.toFixed(4),
+        view.zoom
+      ),
       tabIndex: 0,
       "aria-live": "polite",
       "aria-atomic": "true",
@@ -95,7 +100,7 @@ var MapPreview = (componentProps) => {
                 controls
               }
             ),
-            /* @__PURE__ */ jsx(MapCoordinates, { position: view.markerPosition, zoom: view.zoom })
+            /* @__PURE__ */ jsx(MapCoordinates, { position: view.markerPosition, zoom: view.zoom, copy: props.copy })
           ]
         }
       )
@@ -108,4 +113,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-B2JYQBO4.js.map
+//# sourceMappingURL=chunk-CXTRDTNM.js.map

package/dist/chunk-CXTRDTNM.js.map

@@ -0,0 +1 @@
+{"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, resolveMapCopy, 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';\nimport { rem } from '../../../tokens/relative';\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  // The map's own default height is 400 design px, through the theme's type scale.\n  const height = controls.isFullscreen ? '100vh' : (props.height ?? rem(theme, 400));\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={resolveMapCopy(props.copy).viewDescription(\n        view.markerPosition.lat.toFixed(4),\n        view.markerPosition.lng.toFixed(4),\n        view.zoom,\n      )}\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} copy={props.copy} />\n      </MapWrapper>\n    </MapContainer>\n  );\n};\n\nexport default MapPreview;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,WAAW;AAClB,SAAS,OAAO,QAAQ,gBAAgB;AA2DlC,SAYE,KAZF;AA7CN,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;AAG7F,QAAM,SAAS,SAAS,eAAe,UAAW,MAAM,UAAU,IAAI,OAAO,GAAG;AAChF,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,eAAe,MAAM,IAAI,EAAE;AAAA,QACrC,KAAK,eAAe,IAAI,QAAQ,CAAC;AAAA,QACjC,KAAK,eAAe,IAAI,QAAQ,CAAC;AAAA,QACjC,KAAK;AAAA,MACP;AAAA,MACA,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,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA,MACpF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,qBAAQ;","names":[]}

package/dist/{chunk-TTCVYY2B.js → chunk-CYKINZKO.js}

@@ -1,3 +1,6 @@
+import {
+  EN_US_UI_LABELS
+} from "./chunk-W5PRZHLU.js";
 import {
   modeInk,
   neutralTones
@@ -16,9 +19,10 @@ import Tooltip from "@mui/material/Tooltip/index.js";
 import { alpha, styled } from "@mui/material/styles/index.js";
 import React, { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+var languageClearance = (theme) => `calc(${theme.spacing(2)} + ${rem(theme, 12 * 1.5 + 4 + 2)})`;
 var StyledCodeContainer = styled(Box, {
-  shouldForwardProp: (prop) => !["customVariant", "customSize", "copyable"].includes(prop)
-})(({ theme, customVariant = "inline", customSize = "md", copyable }) => {
+  shouldForwardProp: (prop) => !["customVariant", "customSize", "copyable", "labelled"].includes(prop)
+})(({ theme, customVariant = "inline", customSize = "md", copyable, labelled }) => {
   const sizeMap = {
     xs: { fontSize: rem(theme, 12), padding: rems(theme, 2, 4) },
     sm: { fontSize: rem(theme, 13), padding: rems(theme, 3, 6) },
@@ -77,7 +81,11 @@ var StyledCodeContainer = styled(Box, {
       }
     }
   };
-  return variantStyles[customVariant] || variantStyles.inline;
+  return {
+    ...variantStyles[customVariant] || variantStyles.inline,
+    // The first line starts below the language badge rather than under it.
+    ...labelled && { paddingTop: languageClearance(theme) }
+  };
 });
 var StyledCode = styled("code")({
   margin: 0,
@@ -149,7 +157,11 @@ var resolveCodeFlags = (variant, copyable, language) => {
     showLanguage: Boolean(language) && isBlock
   };
 };
-var CodeCopyButton = ({ source }) => {
+var CodeCopyButton = ({
+  source,
+  copyLabel,
+  copiedLabel
+}) => {
   const [copied, setCopied] = useState(false);
   const handleCopy = async () => {
     if (typeof source !== "string") return;
@@ -160,13 +172,15 @@ var CodeCopyButton = ({ source }) => {
     } catch {
     }
   };
-  return /* @__PURE__ */ jsx(Tooltip, { title: copied ? "Copied!" : "Copy code", children: /* @__PURE__ */ jsx(CopyButton, { onClick: handleCopy, size: "small", color: copied ? "success" : "default", children: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(ContentCopy, {}) }) });
+  return /* @__PURE__ */ jsx(Tooltip, { title: copied ? copiedLabel : copyLabel, children: /* @__PURE__ */ jsx(CopyButton, { onClick: handleCopy, size: "small", color: copied ? "success" : "default", children: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(ContentCopy, {}) }) });
 };
 var Code = React.forwardRef(
   ({
     variant = "inline",
     language,
     copyable = false,
+    copyLabel = EN_US_UI_LABELS.code.copy,
+    copiedLabel = EN_US_UI_LABELS.code.copied,
     lineNumbers = false,
     size = "md",
     children,
@@ -187,11 +201,12 @@ var Code = React.forwardRef(
         customVariant: variant,
         customSize: size,
         copyable: showCopy,
+        labelled: showLanguage,
         ...props,
         children: [
           showLanguage && /* @__PURE__ */ jsx(LanguageLabel, { children: language }),
           /* @__PURE__ */ jsx(StyledCode, { children: processedChildren }),
-          showCopy && /* @__PURE__ */ jsx(CodeCopyButton, { source: children })
+          showCopy && /* @__PURE__ */ jsx(CodeCopyButton, { source: children, copyLabel, copiedLabel })
         ]
       }
     );
@@ -202,4 +217,4 @@ Code.displayName = "Code";
 export {
   Code
 };
-//# sourceMappingURL=chunk-TTCVYY2B.js.map
+//# sourceMappingURL=chunk-CYKINZKO.js.map

package/dist/chunk-CYKINZKO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/typography/Code/Code.tsx"],"sourcesContent":["import Check from '@mui/icons-material/Check';\nimport ContentCopy from '@mui/icons-material/ContentCopy';\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 { Theme } from '@mui/material/styles/index.js';\nimport { EN_US_UI_LABELS } from '../../../en-US.labels';\nimport React, { useState } from 'react';\n\nimport type { CodeProps } from './Code.types';\nimport { modeInk, neutralTones } from '../../../tokens/ink';\nimport { rem, rems } from '../../../tokens/relative';\n\n/**\n * The badge's inset, its own height (12px type at the block's 1.5 line height,\n * 2px padding and a 1px border, each twice) and a gap of the same inset again.\n */\nconst languageClearance = (theme: Theme): string =>\n  `calc(${theme.spacing(2)} + ${rem(theme, 12 * 1.5 + 4 + 2)})`;\n\nconst StyledCodeContainer = styled(Box, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customSize', 'copyable', 'labelled'].includes(prop as string),\n})<{\n  customVariant?: string;\n  customSize?: string;\n  copyable?: boolean;\n  /** A language badge sits in the top-left corner. */\n  labelled?: boolean;\n  component?: React.ElementType;\n}>(({ theme, customVariant = 'inline', customSize = 'md', copyable, labelled }) => {\n  // Size mapping\n  const sizeMap = {\n    xs: { fontSize: rem(theme, 12), padding: rems(theme, 2, 4) },\n    sm: { fontSize: rem(theme, 13), padding: rems(theme, 3, 6) },\n    md: { fontSize: rem(theme, 14), padding: rems(theme, 4, 8) },\n    lg: { fontSize: rem(theme, 16), padding: rems(theme, 6, 12) },\n  };\n\n  const blockSizeMap = {\n    xs: { fontSize: rem(theme, 12), padding: rems(theme, 8, 12) },\n    sm: { fontSize: rem(theme, 13), padding: rems(theme, 12, 16) },\n    md: { fontSize: rem(theme, 14), padding: rems(theme, 16, 20) },\n    lg: { fontSize: rem(theme, 16), padding: rems(theme, 20, 24) },\n  };\n\n  const baseStyles = {\n    fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", \"Courier New\", monospace',\n    lineHeight: 1.5,\n    borderRadius: theme.shape.borderRadius,\n    transition: 'all 0.2s ease',\n    position: 'relative' as const,\n  };\n\n  // Variant-specific styles\n  const variantStyles = {\n    inline: {\n      ...baseStyles,\n      display: 'inline',\n      backgroundColor: alpha(theme.palette.primary.main, 0.08),\n      color: theme.palette.primary.main,\n      border: `1px solid ${alpha(theme.palette.primary.main, 0.12)}`,\n      ...sizeMap[customSize as keyof typeof sizeMap],\n    },\n    block: {\n      ...baseStyles,\n      display: 'block',\n      backgroundColor:\n        theme.palette.mode === 'dark'\n          ? alpha(neutralTones(theme).inverseSurface, 0.95)\n          : alpha(neutralTones(theme).surface, 0.95),\n      color:\n        theme.palette.mode === 'dark' ? modeInk(theme) : theme.palette.text.primary,\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n      overflow: 'auto',\n      whiteSpace: 'pre' as const,\n      ...blockSizeMap[customSize as keyof typeof blockSizeMap],\n      ...(copyable && {\n        paddingTop: blockSizeMap[customSize as keyof typeof blockSizeMap].padding.split(' ')[0],\n        paddingRight: rem(theme, 60),\n      }),\n    },\n    highlight: {\n      ...baseStyles,\n      display: 'block',\n      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)} 0%, ${alpha(theme.palette.secondary.main, 0.1)} 100%)`,\n      color: theme.palette.text.primary,\n      border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n      borderLeft: `${rem(theme, 4)} solid ${theme.palette.primary.main}`,\n      overflow: 'auto',\n      whiteSpace: 'pre' as const,\n      ...blockSizeMap[customSize as keyof typeof blockSizeMap],\n      ...(copyable && {\n        paddingTop: blockSizeMap[customSize as keyof typeof blockSizeMap].padding.split(' ')[0],\n        paddingRight: rem(theme, 60),\n      }),\n    },\n  };\n\n  return {\n    ...(variantStyles[customVariant as keyof typeof variantStyles] || variantStyles.inline),\n    // The first line starts below the language badge rather than under it.\n    ...(labelled && { paddingTop: languageClearance(theme) }),\n  };\n});\n\nconst StyledCode = styled('code')({\n  margin: 0,\n  padding: 0,\n  backgroundColor: 'transparent',\n  border: 'none',\n  fontFamily: 'inherit',\n  fontSize: 'inherit',\n  lineHeight: 'inherit',\n  color: 'inherit',\n});\n\nconst CopyButton = styled(IconButton)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(1),\n  right: theme.spacing(1),\n  width: rem(theme, 32),\n  height: rem(theme, 32),\n  backgroundColor:\n    theme.palette.mode === 'dark'\n      ? alpha(theme.palette.background.paper, 0.8)\n      : theme.palette.background.paper,\n  backdropFilter: theme.palette.mode === 'dark' ? `blur(${rem(theme, 8)})` : 'none',\n  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  boxShadow: theme.palette.mode === 'light' ? theme.shadows[1] : 'none',\n  '&:hover': {\n    backgroundColor:\n      theme.palette.mode === 'dark'\n        ? alpha(theme.palette.background.paper, 0.9)\n        : neutralTones(theme).surface,\n    transform: 'scale(1.05)',\n  },\n  '& .MuiSvgIcon-root': {\n    fontSize: rem(theme, 16),\n  },\n}));\n\nconst LanguageLabel = styled(Box)(({ theme }) => ({\n  position: 'absolute',\n  top: theme.spacing(1),\n  left: theme.spacing(2),\n  fontSize: rem(theme, 12),\n  fontWeight: 500,\n  color: alpha(theme.palette.text.primary, 0.6),\n  backgroundColor:\n    theme.palette.mode === 'dark'\n      ? alpha(theme.palette.background.paper, 0.8)\n      : theme.palette.background.paper,\n  padding: rems(theme, 2, 8),\n  borderRadius: theme.shape.borderRadius / 2,\n  backdropFilter: theme.palette.mode === 'dark' ? `blur(${rem(theme, 8)})` : 'none',\n  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  boxShadow: theme.palette.mode === 'light' ? theme.shadows[1] : 'none',\n}));\n\n// Renders each source line beside a gutter number. Keys combine the line number\n// with a slice of the content and its length, so editing one line in place does\n// not reshuffle the keys of the lines around it.\nconst renderNumberedLines = (source: string) =>\n  source.split('\\n').map((line, index) => {\n    const stableKey = `line-${index + 1}-${line.slice(0, 10).replace(/\\s+/g, '')}-${line.length}`;\n\n    return (\n      <div key={stableKey} style={{ display: 'flex' }}>\n        <span\n          style={{\n            display: 'inline-block',\n            minWidth: '3em',\n            opacity: 0.5,\n            userSelect: 'none',\n            marginRight: '1em',\n            textAlign: 'right',\n          }}\n        >\n          {index + 1}\n        </span>\n        <span>{line}</span>\n      </div>\n    );\n  });\n\n// Only block-ish variants get a language label or a copy affordance.\nconst resolveCodeFlags = (\n  variant: CodeProps['variant'],\n  copyable: boolean,\n  language: CodeProps['language'],\n) => {\n  const isBlock = variant === 'block' || variant === 'highlight';\n  return {\n    isBlock,\n    showCopy: copyable && isBlock,\n    showLanguage: Boolean(language) && isBlock,\n  };\n};\n\n// Owns its own \"just copied\" flash. Keeping it here rather than inline in Code\n// means the copied/not-copied branches do not count against the main render, and\n// the flash re-renders only the button. Non-string children are still a no-op on\n// click, exactly as before.\nconst CodeCopyButton: React.FC<{ source: React.ReactNode; copyLabel: string; copiedLabel: string }> = ({\n  source,\n  copyLabel,\n  copiedLabel,\n}) => {\n  const [copied, setCopied] = useState(false);\n\n  const handleCopy = async () => {\n    if (typeof source !== 'string') return;\n    try {\n      await navigator.clipboard.writeText(source);\n      setCopied(true);\n      window.setTimeout(() => setCopied(false), 2000);\n    } catch {\n      // Silently fail if clipboard access is denied\n    }\n  };\n\n  return (\n    <Tooltip title={copied ? copiedLabel : copyLabel}>\n      <CopyButton onClick={handleCopy} size=\"small\" color={copied ? 'success' : 'default'}>\n        {copied ? <Check /> : <ContentCopy />}\n      </CopyButton>\n    </Tooltip>\n  );\n};\n\nexport const Code = React.forwardRef<HTMLElement, CodeProps>(\n  (\n    {\n      variant = 'inline',\n      language,\n      copyable = false,\n      copyLabel = EN_US_UI_LABELS.code.copy,\n      copiedLabel = EN_US_UI_LABELS.code.copied,\n      lineNumbers = false,\n      size = 'md',\n      children,\n      ...props\n    },\n    ref,\n  ) => {\n    const { isBlock, showCopy, showLanguage } = resolveCodeFlags(variant, copyable, language);\n\n    // Process children for line numbers if needed\n    const processedChildren = React.useMemo(() => {\n      if (!lineNumbers || !isBlock || typeof children !== 'string') {\n        return children;\n      }\n\n      return renderNumberedLines(children);\n    }, [children, lineNumbers, isBlock]);\n\n    return (\n      <StyledCodeContainer\n        ref={ref}\n        component={variant === 'inline' ? 'span' : 'div'}\n        customVariant={variant}\n        customSize={size}\n        copyable={showCopy}\n        labelled={showLanguage}\n        {...props}\n      >\n        {showLanguage && <LanguageLabel>{language}</LanguageLabel>}\n\n        <StyledCode>{processedChildren}</StyledCode>\n\n        {showCopy && <CodeCopyButton source={children} copyLabel={copyLabel} copiedLabel={copiedLabel} />}\n      </StyledCodeContainer>\n    );\n  },\n);\n\nCode.displayName = 'Code';"],"mappings":"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","names":[]}

package/dist/{chunk-FT6HBP5E.js → chunk-DE7E2GBP.js}

@@ -1,3 +1,6 @@
+import {
+  EN_US_TUTORIAL_COPY
+} from "./chunk-ETSASQXI.js";
 import {
   onMedia,
   uiInk
@@ -53,7 +56,9 @@ var TutorialStepNav = ({
   {
     direction: "row",
     spacing: 1,
+    useFlexGap: true,
     justifyContent: "space-between",
+    sx: (theme) => ({ flexWrap: "wrap", [theme.breakpoints.up("sm")]: { flexWrap: "nowrap" } }),
     "data-testid": "tutorial-navigation",
     children: [
       /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
@@ -69,7 +74,7 @@ var TutorialStepNav = ({
           }
         )
       ] }),
-      /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, children: [
+      /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 1, sx: { ml: "auto" }, children: [
         stepCount > 1 && currentStep > 0 && /* @__PURE__ */ jsx(
           Button,
           {
@@ -124,7 +129,7 @@ var StepDots = ({
   },
   index
 )) });
-var TutorialStepHeader = ({ title, currentStep, allowSkip, onSkip }) => /* @__PURE__ */ jsxs(
+var TutorialStepHeader = ({ title, currentStep, allowSkip, closeLabel, onSkip }) => /* @__PURE__ */ jsxs(
   Box,
   {
     sx: { display: "flex", justifyContent: "space-between", alignItems: "flex-start" },
@@ -146,6 +151,7 @@ var TutorialStepHeader = ({ title, currentStep, allowSkip, onSkip }) => /* @__PU
           size: "small",
           onClick: onSkip,
           sx: { ml: 1, mt: -1, mr: -1 },
+          "aria-label": closeLabel,
           "data-testid": "tutorial-close-button",
           children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" })
         }
@@ -174,6 +180,7 @@ var TutorialStepBody = ({
       title: step.title,
       currentStep,
       allowSkip,
+      closeLabel: copy.close ?? EN_US_TUTORIAL_COPY.close,
       onSkip
     }
   ),
@@ -187,11 +194,7 @@ var TutorialStepBody = ({
       children: step.content
     }
   ),
-  showProgress && /* @__PURE__ */ jsxs(Typography, { variant: "caption", color: "text.secondary", align: "center", children: [
-    currentStep + 1,
-    " of ",
-    stepCount
-  ] }),
+  showProgress && /* @__PURE__ */ jsx(Typography, { variant: "caption", color: "text.secondary", align: "center", children: (copy.progress ?? EN_US_TUTORIAL_COPY.progress)(currentStep + 1, stepCount) }),
   step.action && /* @__PURE__ */ jsx(
     Button,
     {
@@ -226,4 +229,4 @@ var TutorialStepBody = ({
 export {
   TutorialStepBody
 };
-//# sourceMappingURL=chunk-FT6HBP5E.js.map
+//# sourceMappingURL=chunk-DE7E2GBP.js.map

package/dist/chunk-DE7E2GBP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/TutorialOverlay/TutorialStepBody.tsx"],"sourcesContent":["import { EN_US_TUTORIAL_COPY } from '../../../en-US.feedback';\nimport CompleteIcon from '@mui/icons-material/CheckCircle';\nimport CloseIcon from '@mui/icons-material/Close';\nimport PrevIcon from '@mui/icons-material/NavigateBefore';\nimport NextIcon from '@mui/icons-material/NavigateNext';\nimport RestartIcon from '@mui/icons-material/Refresh';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport React, {  } from 'react';\n\nimport { onMedia, uiInk } from '../../../tokens/ink';\nimport { rem } from '../../../tokens/relative';\n\nimport type { TutorialOverlayProps } from './TutorialOverlay.types';\nimport type { TutorialCopy } from '../../../copy';\n\n// Animation keyframes\n\nconst StepIndicator = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  gap: theme.spacing(1),\n  marginTop: theme.spacing(2),\n  marginBottom: theme.spacing(2) }));\n\n\nconst StepDot = styled(Box, {\n  shouldForwardProp: (prop) => prop !== 'active' && prop !== 'completed' })<{ active?: boolean; completed?: boolean }>(({ theme, active, completed }) => ({\n  width: rem(theme, 8),\n  height: rem(theme, 8),\n  borderRadius: '50%',\n  background: completed\n    ? theme.palette.success.main\n    : active\n      ? theme.palette.primary.main\n      : alpha(theme.palette.text.primary, 0.3),\n  transition: 'all 0.3s ease',\n  ...(active && {\n    transform: 'scale(1.5)' }) }));\n\n// Title, body copy, the step dots and the navigation row.\n\n// The step's controls: skip/restart on the left, previous/next on the right.\n// On a phone the row wraps rather than widening the card past the screen, and\n// the second group keeps to the right edge when it drops to its own line. From\n// `sm` up it stays one row, as it always was.\nconst TutorialStepNav: React.FC<{\n  copy: TutorialCopy;\n  currentStep: number;\n  stepCount: number;\n  isLastStep: boolean;\n  allowSkip: boolean;\n  requiresActionBeforeNext?: boolean;\n  onNext: () => void;\n  onPrev: () => void;\n  onSkip: () => void;\n  onRestart: () => void;\n}> = ({\n  copy,\n  currentStep,\n  stepCount,\n  isLastStep,\n  allowSkip,\n  requiresActionBeforeNext,\n  onNext,\n  onPrev,\n  onSkip,\n  onRestart }) => (\n        <Stack\n          direction=\"row\"\n          spacing={1}\n          useFlexGap\n          justifyContent=\"space-between\"\n          sx={(theme) => ({ flexWrap: 'wrap', [theme.breakpoints.up('sm')]: { flexWrap: 'nowrap' } })}\n          data-testid=\"tutorial-navigation\"\n        >\n          <Stack direction=\"row\" spacing={1}>\n            {allowSkip && (\n              <Button size=\"small\" onClick={onSkip} variant=\"text\">\n                {copy.skip}\n              </Button>\n            )}\n            {stepCount > 1 && (\n              <IconButton\n                size=\"small\"\n                onClick={onRestart}\n                disabled={currentStep === 0}\n                title={copy.restart}\n              >\n                <RestartIcon fontSize=\"small\" />\n              </IconButton>\n            )}\n          </Stack>\n\n          <Stack direction=\"row\" spacing={1} sx={{ ml: 'auto' }}>\n            {stepCount > 1 && currentStep > 0 && (\n              <Button\n                size=\"small\"\n                startIcon={<PrevIcon />}\n                onClick={onPrev}\n                disabled={currentStep === 0}\n                data-testid=\"tutorial-prev-button\"\n              >\n                {copy.previous}\n              </Button>\n            )}\n\n            {!isLastStep ? (\n              <Button\n                variant=\"contained\"\n                size=\"small\"\n                endIcon={<NextIcon />}\n                onClick={onNext}\n                disabled={requiresActionBeforeNext}\n                title={requiresActionBeforeNext ? copy.requiresAction : ''}\n                data-testid=\"tutorial-next-button\"\n              >\n                {copy.next}\n              </Button>\n            ) : (\n              <Button\n                variant=\"contained\"\n                size=\"small\"\n                endIcon={<CompleteIcon />}\n                onClick={onNext}\n                sx={(theme) => {\n                  const [from, to] = uiInk(theme).celebration.mint;\n                  return { background: `linear-gradient(135deg, ${from} 0%, ${to} 100%)` };\n                }}\n                data-testid=\"tutorial-finish-button\"\n              >\n                {stepCount === 1 ? copy.complete : copy.finish}\n              </Button>\n            )}\n          </Stack>\n        </Stack>\n);\n\nconst StepDots: React.FC<{ currentStep: number; stepCount: number }> = ({\n  currentStep,\n  stepCount }) => (\n  <StepIndicator data-testid=\"tutorial-step-indicators\">\n    {Array.from({ length: stepCount }).map((_, index) => (\n      <StepDot\n        key={index}\n        active={index === currentStep}\n        completed={index < currentStep}\n        data-testid={`tutorial-indicator-${index}`}\n      />\n    ))}\n  </StepIndicator>\n);\n\n// Title, and the close button when skipping is allowed.\nconst TutorialStepHeader: React.FC<{\n  title: React.ReactNode;\n  currentStep: number;\n  allowSkip: boolean;\n  closeLabel: string;\n  onSkip: () => void;\n}> = ({ title, currentStep, allowSkip, closeLabel, onSkip }) => (\n        <Box\n          sx={{ display: 'flex', justifyContent: 'space-between', alignItems: 'flex-start' }}\n        >\n          <Typography\n            id={`tutorial-title-${currentStep}`}\n            variant=\"h6\"\n            fontWeight=\"bold\"\n            sx={{ flex: 1 }}\n            data-testid=\"tutorial-step-title\"\n          >\n            {title}\n          </Typography>\n          {allowSkip && (\n            <IconButton\n              size=\"small\"\n              onClick={onSkip}\n              sx={{ ml: 1, mt: -1, mr: -1 }}\n              aria-label={closeLabel}\n              data-testid=\"tutorial-close-button\"\n            >\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          )}\n        </Box>\n);\n\nexport const TutorialStepBody: React.FC<{\n  copy: TutorialCopy;\n  step: TutorialOverlayProps['steps'][number];\n  currentStep: number;\n  stepCount: number;\n  progress: number;\n  isLastStep: boolean;\n  allowSkip: boolean;\n  showProgress: boolean;\n  requiresActionBeforeNext?: boolean;\n  onNext: () => void;\n  onPrev: () => void;\n  onSkip: () => void;\n  onRestart: () => void;\n}> = ({\n  copy,\n  step,\n  currentStep,\n  stepCount,\n  progress: _progress,\n  isLastStep,\n  allowSkip,\n  showProgress,\n  requiresActionBeforeNext,\n  onNext,\n  onPrev,\n  onSkip,\n  onRestart }) => (\n      <Stack spacing={2}>\n        <TutorialStepHeader\n          title={step.title}\n          currentStep={currentStep}\n          allowSkip={allowSkip}\n          closeLabel={copy.close ?? EN_US_TUTORIAL_COPY.close}\n          onSkip={onSkip}\n        />\n\n        <Typography\n          id={`tutorial-content-${currentStep}`}\n          variant=\"body2\"\n          color=\"text.secondary\"\n          data-testid=\"tutorial-step-content\"\n        >\n          {step.content}\n        </Typography>\n\n        {showProgress && (\n          <Typography variant=\"caption\" color=\"text.secondary\" align=\"center\">\n            {(copy.progress ?? EN_US_TUTORIAL_COPY.progress)(currentStep + 1, stepCount)}\n          </Typography>\n        )}\n\n        {step.action && (\n          <Button\n            variant=\"contained\"\n            size=\"small\"\n            onClick={step.action.onClick}\n            sx={(theme) => {\n              const [from, to] = uiInk(theme).celebration.violet;\n              return { background: `linear-gradient(135deg, ${from} 0%, ${to} 100%)`, color: onMedia(theme) };\n            }}\n          >\n            {step.action.label}\n          </Button>\n        )}\n\n        <StepDots currentStep={currentStep} stepCount={stepCount} />\n\n        <TutorialStepNav\n          copy={copy}\n          currentStep={currentStep}\n          stepCount={stepCount}\n          isLastStep={isLastStep}\n          allowSkip={allowSkip}\n          requiresActionBeforeNext={requiresActionBeforeNext}\n          onNext={onNext}\n          onPrev={onPrev}\n          onSkip={onSkip}\n          onRestart={onRestart}\n        />\n      </Stack>\n);\n\n// Main component\n"],"mappings":"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","names":[]}

package/dist/{chunk-QWVETTIY.js → chunk-DJMVBIFD.js}

@@ -1,3 +1,7 @@
+import {
+  EN_US_UPLOAD_BUTTON_COPY
+} from "./chunk-DVRNW33K.js";
+
 // src/components/form/UploadButton/UploadButton.hooks.ts
 import { useCallback, useId, useMemo, useRef, useState } from "react";
 var SIMULATED_PROGRESS_CEILING = 90;
@@ -11,18 +15,18 @@ var INITIAL_STATE = {
   uploadProgress: 0,
   error: null
 };
-function useFileValidator(maxSizeMB, validate) {
+function useFileValidator(maxSizeMB, validate, fileTooLarge) {
   return useCallback(
     (file) => {
       if (maxSizeMB && file.size > maxSizeMB * BYTES_PER_MB) {
-        return `File size must be less than ${maxSizeMB}MB`;
+        return fileTooLarge(maxSizeMB);
       }
       return validate ? validate(file) : null;
     },
-    [maxSizeMB, validate]
+    [maxSizeMB, validate, fileTooLarge]
   );
 }
-function useUploadRunner(onUpload, externalUploading, setState) {
+function useUploadRunner(onUpload, externalUploading, setState, uploadFailed) {
   return useCallback(
     async (file) => {
       if (!onUpload || externalUploading) return;
@@ -48,11 +52,11 @@ function useUploadRunner(onUpload, externalUploading, setState) {
           ...prev,
           isUploading: false,
           uploadProgress: 0,
-          error: error instanceof Error ? error.message : "Upload failed"
+          error: error instanceof Error ? error.message : uploadFailed
         }));
       }
     },
-    [onUpload, externalUploading, setState]
+    [onUpload, externalUploading, setState, uploadFailed]
   );
 }
 function useUploadSelection({
@@ -61,10 +65,11 @@ function useUploadSelection({
   onSelectMany,
   onUpload,
   externalUploading,
-  validateFile
+  validateFile,
+  uploadFailed
 }) {
   const [state, setState] = useState(INITIAL_STATE);
-  const runUpload = useUploadRunner(onUpload, externalUploading, setState);
+  const runUpload = useUploadRunner(onUpload, externalUploading, setState, uploadFailed);
   const selectOne = useCallback(
     (file) => {
       const error = validateFile(file);
@@ -140,18 +145,22 @@ function useUploadButton(props) {
     validate,
     helperText,
     errorText,
-    disabled = false
+    disabled = false,
+    copy
   } = props;
   const inputRef = useRef(null);
   const inputId = `upload-button-${useId()}`;
-  const validateFile = useFileValidator(maxSizeMB, validate);
+  const fileTooLarge = copy.fileTooLarge ?? EN_US_UPLOAD_BUTTON_COPY.fileTooLarge;
+  const uploadFailed = copy.uploadFailed ?? EN_US_UPLOAD_BUTTON_COPY.uploadFailed;
+  const validateFile = useFileValidator(maxSizeMB, validate, fileTooLarge);
   const { state, setDragOver, handleFiles } = useUploadSelection({
     onSelect,
     multiple,
     onSelectMany,
     onUpload,
     externalUploading,
-    validateFile
+    validateFile,
+    uploadFailed
   });
   const drag = useDragHandlers(disabled, setDragOver, handleFiles);
   const derived = useDerivedUploadState({
@@ -196,4 +205,4 @@ function useDerivedUploadState({
 export {
   useUploadButton
 };
-//# sourceMappingURL=chunk-QWVETTIY.js.map
+//# sourceMappingURL=chunk-DJMVBIFD.js.map

package/dist/chunk-DJMVBIFD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/UploadButton/UploadButton.hooks.ts"],"sourcesContent":["import { useCallback, useId, useMemo, useRef, useState } from 'react';\nimport type React from 'react';\n\nimport type { UploadButtonProps, UploadButtonState } from './UploadButton.types';\nimport { EN_US_UPLOAD_BUTTON_COPY } from '../../../en-US.form';\n\n/** The props {@link useUploadButton} reads — the component's own props. */\ntype UploadButtonHookProps = UploadButtonProps;\n\n/** Percent the simulated progress creeps to while waiting on `onUpload`. */\nconst SIMULATED_PROGRESS_CEILING = 90;\nconst SIMULATED_PROGRESS_STEP = 10;\nconst SIMULATED_PROGRESS_INTERVAL_MS = 100;\nconst PROGRESS_RESET_DELAY_MS = 1000;\nconst BYTES_PER_MB = 1024 * 1024;\n\nconst INITIAL_STATE: UploadButtonState = {\n  isDragOver: false,\n  isUploading: false,\n  uploadProgress: 0,\n  error: null,\n};\n\n/** Narrowed `setState` for the pieces below. */\ntype SetState = React.Dispatch<React.SetStateAction<UploadButtonState>>;\n\n/** The size/custom validation applied to every file, in both modes. */\nfunction useFileValidator(\n  maxSizeMB: number | undefined,\n  validate: ((file: globalThis.File) => string | null) | undefined,\n  fileTooLarge: (maxSizeMB: number) => string,\n): (file: globalThis.File) => string | null {\n  return useCallback(\n    (file: globalThis.File): string | null => {\n      if (maxSizeMB && file.size > maxSizeMB * BYTES_PER_MB) {\n        return fileTooLarge(maxSizeMB);\n      }\n      return validate ? validate(file) : null;\n    },\n    [maxSizeMB, validate, fileTooLarge],\n  );\n}\n\n/**\n * The built-in upload path, reachable from BOTH selection modes.\n *\n * Kept apart from selection because it is the only asynchronous part: left\n * inline it was single-file only, which made `onUpload` a silent no-op for a\n * multi-file caller — the worst kind of contract, since nothing fails.\n */\nfunction useUploadRunner(\n  onUpload: ((file: globalThis.File) => Promise<void>) | undefined,\n  externalUploading: boolean,\n  setState: SetState,\n  uploadFailed: string,\n): (file: globalThis.File) => Promise<void> {\n  return useCallback(\n    async (file: globalThis.File) => {\n      if (!onUpload || externalUploading) return;\n      try {\n        setState((prev) => ({ ...prev, isUploading: true, uploadProgress: 0 }));\n        // The real percentage is unknowable through a bare promise, so the bar\n        // creeps to a ceiling and only completes when the promise does.\n        const timer = globalThis.setInterval(() => {\n          setState((prev) => {\n            if (prev.uploadProgress >= SIMULATED_PROGRESS_CEILING) {\n              globalThis.clearInterval(timer);\n              return prev;\n            }\n            return { ...prev, uploadProgress: prev.uploadProgress + SIMULATED_PROGRESS_STEP };\n          });\n        }, SIMULATED_PROGRESS_INTERVAL_MS);\n\n        await onUpload(file);\n\n        globalThis.clearInterval(timer);\n        setState((prev) => ({ ...prev, isUploading: false, uploadProgress: 100 }));\n        globalThis.setTimeout(() => {\n          setState((prev) => ({ ...prev, uploadProgress: 0 }));\n        }, PROGRESS_RESET_DELAY_MS);\n      } catch (error) {\n        setState((prev) => ({\n          ...prev,\n          isUploading: false,\n          uploadProgress: 0,\n          error: error instanceof Error ? error.message : uploadFailed,\n        }));\n      }\n    },\n    [onUpload, externalUploading, setState, uploadFailed],\n  );\n}\n\n/**\n * What {@link useUploadSelection} hands back. Module-private: the published\n * surface is {@link useUploadButton}, not the shape of its internals.\n */\ninterface UploadSelection {\n  state: UploadButtonState;\n  setDragOver: (isDragOver: boolean) => void;\n  /** Route a picked/dropped selection through validation and the callbacks. */\n  handleFiles: (files: globalThis.File[]) => void;\n}\n\ninterface UploadSelectionOptions {\n  onSelect: (file: globalThis.File) => void;\n  multiple: boolean;\n  onSelectMany?: (files: globalThis.File[]) => void;\n  onUpload?: (file: globalThis.File) => Promise<void>;\n  externalUploading: boolean;\n  validateFile: (file: globalThis.File) => string | null;\n  uploadFailed: string;\n}\n\n/**\n * Selection, validation and the optional built-in upload.\n *\n * The rendering layer only reads `state` and calls `handleFiles`; every rule\n * about what a selection means lives here.\n */\nfunction useUploadSelection({\n  onSelect,\n  multiple,\n  onSelectMany,\n  onUpload,\n  externalUploading,\n  validateFile,\n  uploadFailed,\n}: UploadSelectionOptions): UploadSelection {\n  const [state, setState] = useState<UploadButtonState>(INITIAL_STATE);\n  const runUpload = useUploadRunner(onUpload, externalUploading, setState, uploadFailed);\n\n  const selectOne = useCallback(\n    (file: globalThis.File) => {\n      const error = validateFile(file);\n      setState((prev) => ({ ...prev, error }));\n      if (error) return;\n      onSelect(file);\n      void runUpload(file);\n    },\n    [onSelect, runUpload, validateFile],\n  );\n\n  /**\n   * Multi-file mode is deliberately forgiving: the valid files are handed over\n   * and the first rejection is reported alongside them, so dropping a folder\n   * that also contains a PDF imports the rest instead of refusing the lot.\n   */\n  const selectMany = useCallback(\n    (files: globalThis.File[], accept: (files: globalThis.File[]) => void) => {\n      const accepted: globalThis.File[] = [];\n      let rejection: string | null = null;\n      for (const file of files) {\n        const error = validateFile(file);\n        if (error) rejection ??= error;\n        else accepted.push(file);\n      }\n      setState((prev) => ({ ...prev, error: rejection }));\n      if (accepted.length === 0) return;\n      accept(accepted);\n      // `onUpload` applies here too, one file after another, so the prop means\n      // the same thing in both modes. Sequential because the progress bar is a\n      // single indicator — overlapping uploads would report nonsense.\n      void (async () => {\n        for (const file of accepted) await runUpload(file);\n      })();\n    },\n    [runUpload, validateFile],\n  );\n\n  const handleFiles = useCallback(\n    (files: globalThis.File[]) => {\n      if (files.length === 0) return;\n      if (multiple && onSelectMany) selectMany(files, onSelectMany);\n      else selectOne(files[0] as globalThis.File);\n    },\n    [multiple, onSelectMany, selectMany, selectOne],\n  );\n\n  const setDragOver = useCallback((isDragOver: boolean) => {\n    setState((prev) => ({ ...prev, isDragOver }));\n  }, []);\n\n  return useMemo(() => ({ state, setDragOver, handleFiles }), [state, setDragOver, handleFiles]);\n}\n\n/** Drag-and-drop wiring for the dropzone variant. */\nexport interface DragHandlers {\n  onDragEnter: (event: React.DragEvent) => void;\n  onDragLeave: (event: React.DragEvent) => void;\n  onDragOver: (event: React.DragEvent) => void;\n  onDrop: (event: React.DragEvent) => void;\n}\n\nconst swallow = (event: React.DragEvent): void => {\n  event.preventDefault();\n  event.stopPropagation();\n};\n\nfunction useDragHandlers(\n  disabled: boolean,\n  setDragOver: (isDragOver: boolean) => void,\n  handleFiles: (files: globalThis.File[]) => void,\n): DragHandlers {\n  return {\n    onDragEnter: (event) => {\n      swallow(event);\n      if (!disabled) setDragOver(true);\n    },\n    onDragLeave: (event) => {\n      swallow(event);\n      setDragOver(false);\n    },\n    onDragOver: swallow,\n    onDrop: (event) => {\n      swallow(event);\n      setDragOver(false);\n      if (!disabled) handleFiles(Array.from(event.dataTransfer.files));\n    },\n  };\n}\n\n/** Everything the component needs, assembled from its props in one call. */\ninterface UploadButtonKit {\n  inputRef: React.RefObject<HTMLInputElement | null>;\n  inputId: string;\n  state: UploadButtonState;\n  drag: DragHandlers;\n  derived: DerivedUploadState;\n  openPicker: () => void;\n  handleInputChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n}\n\n/**\n * The component's whole behaviour in one hook, so the render body stays a thin\n * piece of wiring rather than a place where rules accumulate.\n */\nexport function useUploadButton(props: UploadButtonHookProps): UploadButtonKit {\n  const {\n    onSelect,\n    multiple = false,\n    onSelectMany,\n    onUpload,\n    uploading: externalUploading = false,\n    progress: externalProgress = 0,\n    maxSizeMB,\n    validate,\n    helperText,\n    errorText,\n    disabled = false,\n    copy,\n  } = props;\n\n  const inputRef = useRef<HTMLInputElement>(null);\n  const inputId = `upload-button-${useId()}`;\n  // The two errors the control raises itself: the host's pack, else English.\n  const fileTooLarge = copy.fileTooLarge ?? EN_US_UPLOAD_BUTTON_COPY.fileTooLarge;\n  const uploadFailed = copy.uploadFailed ?? EN_US_UPLOAD_BUTTON_COPY.uploadFailed;\n  const validateFile = useFileValidator(maxSizeMB, validate, fileTooLarge);\n  const { state, setDragOver, handleFiles } = useUploadSelection({\n    onSelect,\n    multiple,\n    onSelectMany,\n    onUpload,\n    externalUploading,\n    validateFile,\n    uploadFailed,\n  });\n  const drag = useDragHandlers(disabled, setDragOver, handleFiles);\n  const derived = useDerivedUploadState({\n    state,\n    inputId,\n    externalUploading,\n    externalProgress,\n    errorText,\n    helperText,\n  });\n\n  const openPicker = useCallback(() => inputRef.current?.click(), []);\n  const handleInputChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      handleFiles(Array.from(event.target.files ?? []));\n      // Let the same file be picked twice in a row — without this the input\n      // holds the old value and re-selecting it fires no change event.\n      event.target.value = '';\n    },\n    [handleFiles],\n  );\n\n  return { inputRef, inputId, state, drag, derived, openPicker, handleInputChange };\n}\n\n/** The values the render derives from props + internal state. */\ninterface DerivedUploadState {\n  isUploading: boolean;\n  progress: number;\n  error: string | null;\n  helperId?: string;\n  errorId?: string;\n  describedBy?: string;\n}\n\n/**\n * Fold props and internal state into what the render actually shows. External\n * state wins whenever the caller drives it.\n */\nfunction useDerivedUploadState({\n  state,\n  inputId,\n  externalUploading,\n  externalProgress,\n  errorText,\n  helperText,\n}: {\n  state: UploadButtonState;\n  inputId: string;\n  externalUploading: boolean;\n  externalProgress: number;\n  errorText?: string;\n  helperText?: string;\n}): DerivedUploadState {\n  const error = errorText || state.error;\n  const helperId = helperText ? `${inputId}-helper` : undefined;\n  const errorId = error ? `${inputId}-error` : undefined;\n  return {\n    isUploading: externalUploading || state.isUploading,\n    progress: externalUploading ? externalProgress : state.uploadProgress,\n    error,\n    helperId,\n    errorId,\n    describedBy: [helperId, errorId].filter(Boolean).join(' ') || undefined,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-3HLKTBEO.js → chunk-DQ22UKMZ.js}

@@ -11,11 +11,13 @@ var EN_US_INSTALL_PROMPT_COPY = {
   shareLabel: "Share"
 };
 var EN_US_USER_AVATAR_COPY = {
-  signOut: "Sign out"
+  signOut: "Sign out",
+  avatarAlt: "User avatar",
+  unnamedUser: "User"
 };
 
 export {
   EN_US_INSTALL_PROMPT_COPY,
   EN_US_USER_AVATAR_COPY
 };
-//# sourceMappingURL=chunk-3HLKTBEO.js.map
+//# sourceMappingURL=chunk-DQ22UKMZ.js.map

package/dist/{chunk-3HLKTBEO.js.map → chunk-DQ22UKMZ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/en-US.utility.ts"],"sourcesContent":["/**\n * The en-US pack for the utility family. Split the same way\n * `pt-BR.utility.ts` is — see `en-US.ts` for why.\n */\nimport type {\n  InstallPromptCopy,\n  UserAvatarCopy,\n} from './copy';\n\nexport const EN_US_INSTALL_PROMPT_COPY: InstallPromptCopy = {\n  title: \"Install this app\",\n  installLabel: \"Install\",\n  dismissLabel: \"Dismiss the install prompt\",\n  // The two halves wrap the platform's share glyph, which the component renders\n  // between them. Splitting the sentence is what lets the icon sit inline, so\n  // the translation has to keep the same seam rather than one whole sentence.\n  iosTapBefore: \"Tap\",\n  iosTapAfter: 'and then \"Add to Home Screen\"',\n  shareLabel: \"Share\",\n};\n\nexport const EN_US_USER_AVATAR_COPY: UserAvatarCopy = {\n  signOut: \"Sign out\",\n};\n"],"mappings":";AASO,IAAM,4BAA+C;AAAA,EAC1D,OAAO;AAAA,EACP,cAAc;AAAA,EACd,cAAc;AAAA;AAAA;AAAA;AAAA,EAId,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AACd;AAEO,IAAM,yBAAyC;AAAA,EACpD,SAAS;AACX;","names":[]}
+{"version":3,"sources":["../src/en-US.utility.ts"],"sourcesContent":["/**\n * The en-US pack for the utility family. Split the same way\n * `pt-BR.utility.ts` is — see `en-US.ts` for why.\n */\nimport type {\n  InstallPromptCopy,\n  UserAvatarCopy,\n} from './copy';\n\nexport const EN_US_INSTALL_PROMPT_COPY: InstallPromptCopy = {\n  title: \"Install this app\",\n  installLabel: \"Install\",\n  dismissLabel: \"Dismiss the install prompt\",\n  // The two halves wrap the platform's share glyph, which the component renders\n  // between them. Splitting the sentence is what lets the icon sit inline, so\n  // the translation has to keep the same seam rather than one whole sentence.\n  iosTapBefore: \"Tap\",\n  iosTapAfter: 'and then \"Add to Home Screen\"',\n  shareLabel: \"Share\",\n};\n\nexport const EN_US_USER_AVATAR_COPY: Required<UserAvatarCopy> = {\n  signOut: \"Sign out\",\n  avatarAlt: \"User avatar\",\n  unnamedUser: \"User\",\n};\n"],"mappings":";AASO,IAAM,4BAA+C;AAAA,EAC1D,OAAO;AAAA,EACP,cAAc;AAAA,EACd,cAAc;AAAA;AAAA;AAAA;AAAA,EAId,cAAc;AAAA,EACd,aAAa;AAAA,EACb,YAAY;AACd;AAEO,IAAM,yBAAmD;AAAA,EAC9D,SAAS;AAAA,EACT,WAAW;AAAA,EACX,aAAa;AACf;","names":[]}

package/dist/{chunk-INGPH3YQ.js → chunk-DVRNW33K.js}

@@ -2,7 +2,24 @@
 var EN_US_ADDRESS_AUTOCOMPLETE_COPY = {
   loadingMaps: "Loading Google Maps\u2026",
   mapsLoadFailed: "Could not load the Google Maps API. Check the API key and the internet connection.",
-  useCurrentLocation: "Use my current location"
+  useCurrentLocation: "Use my current location",
+  label: "Address",
+  placeholder: "Enter an address",
+  typeToSearch: "Type at least 3 characters",
+  noAddressesFound: "No addresses found",
+  // MUI's own words for the row, which the field showed before it had a key.
+  loadingSuggestions: "Loading\u2026",
+  mapsApiLoadFailed: "Failed to load Google Maps API",
+  mapsServicesInitFailed: "Failed to initialize Google Maps services",
+  fetchSuggestionsFailed: "Failed to fetch address suggestions",
+  addressDetailsNotFound: "Address details not found",
+  addressDetailsFailed: "Failed to get address details",
+  noMockLocation: "No mock location available",
+  mockLocationNotFound: "Mock location details not found",
+  locationAddressFailed: "Unable to retrieve address for current location",
+  geolocationUnsupported: "Geolocation is not supported by this browser",
+  geocoderUnavailable: "Geocoding service not available",
+  locationFailed: "Unable to retrieve your location"
 };
 var EN_US_AUTOCOMPLETE_COPY = {
   loading: "Loading\u2026",
@@ -62,14 +79,18 @@ var EN_US_RICH_EDITOR_TOOLBAR_COPY = {
   insertLink: "Insert link",
   textColor: "Text colour",
   backgroundColor: "Background colour",
-  linkPrompt: "Enter the URL:"
+  linkPrompt: "Enter the URL:",
+  editorLabel: "Rich text editor"
 };
 var EN_US_PHONE_INPUT_COPY = {
   selectCountry: "Select country",
   invalidNumber: (countryName) => `Not a valid phone number for ${countryName}`,
   // Substituted into the sentence above when no country is chosen, so it has to
   // read as a noun phrase inside it rather than as a sentence of its own.
-  unknownCountry: "the selected country"
+  unknownCountry: "the selected country",
+  countryName: (_code, englishName) => englishName,
+  label: "Phone Number",
+  placeholder: "Enter phone number"
 };
 var EN_US_UPLOAD_BUTTON_COPY = {
   buttonLabel: "Upload a file",
@@ -79,7 +100,9 @@ var EN_US_UPLOAD_BUTTON_COPY = {
   dropReady: "File ready to drop",
   percentUploaded: (percent) => `${percent}% uploaded`,
   uploadInProgress: (percent) => `Upload in progress: ${percent}%`,
-  errorAnnouncement: (message) => `Error: ${message}`
+  errorAnnouncement: (message) => `Error: ${message}`,
+  fileTooLarge: (maxSizeMB) => `File size must be less than ${maxSizeMB}MB`,
+  uploadFailed: "Upload failed"
 };
 var EN_US_SOCIAL_LOGIN_COPY = {
   google: "Continue with Google",
@@ -97,4 +120,4 @@ export {
   EN_US_UPLOAD_BUTTON_COPY,
   EN_US_SOCIAL_LOGIN_COPY
 };
-//# sourceMappingURL=chunk-INGPH3YQ.js.map
+//# sourceMappingURL=chunk-DVRNW33K.js.map

package/dist/chunk-DVRNW33K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/en-US.form.ts"],"sourcesContent":["/**\n * The en-US pack for the form family. Split the same way `pt-BR.form.ts` is —\n * see `en-US.ts` for why.\n */\nimport type {\n  AddressAutocompleteCopy,\n  AutocompleteCopy,\n  CodeEditorCopy,\n  PasswordStrengthCopy,\n  PhoneInputCopy,\n  RichEditorToolbarCopy,\n  SocialLoginCopy,\n  UploadButtonCopy,\n} from './copy';\n\nexport const EN_US_ADDRESS_AUTOCOMPLETE_COPY: Required<AddressAutocompleteCopy> = {\n  loadingMaps: \"Loading Google Maps…\",\n  mapsLoadFailed:\n    \"Could not load the Google Maps API. Check the API key and the internet connection.\",\n  useCurrentLocation: \"Use my current location\",\n  label: \"Address\",\n  placeholder: \"Enter an address\",\n  typeToSearch: \"Type at least 3 characters\",\n  noAddressesFound: \"No addresses found\",\n  // MUI's own words for the row, which the field showed before it had a key.\n  loadingSuggestions: \"Loading…\",\n  mapsApiLoadFailed: \"Failed to load Google Maps API\",\n  mapsServicesInitFailed: \"Failed to initialize Google Maps services\",\n  fetchSuggestionsFailed: \"Failed to fetch address suggestions\",\n  addressDetailsNotFound: \"Address details not found\",\n  addressDetailsFailed: \"Failed to get address details\",\n  noMockLocation: \"No mock location available\",\n  mockLocationNotFound: \"Mock location details not found\",\n  locationAddressFailed: \"Unable to retrieve address for current location\",\n  geolocationUnsupported: \"Geolocation is not supported by this browser\",\n  geocoderUnavailable: \"Geocoding service not available\",\n  locationFailed: \"Unable to retrieve your location\",\n};\n\nexport const EN_US_AUTOCOMPLETE_COPY: AutocompleteCopy = {\n  loading: \"Loading…\",\n  noResults: \"No results found\",\n  placeholder: \"Type to search…\",\n};\n\nexport const EN_US_CODE_EDITOR_COPY: CodeEditorCopy = {\n  loading: \"Loading the editor…\",\n  readOnly: \"Read only\",\n  // The shortcut is the editor's own binding and is not translated — it is what\n  // the reader must press, not something they read.\n  formatCode: \"Format code (Ctrl+Shift+F)\",\n  enableWrap: \"Wrap lines\",\n  disableWrap: \"Do not wrap lines\",\n  copyToClipboard: \"Copy to clipboard\",\n  copied: \"Copied!\",\n  enterFullscreen: \"Full screen\",\n  exitFullscreen: \"Leave full screen\",\n};\n\nexport const EN_US_PASSWORD_STRENGTH_COPY: PasswordStrengthCopy = {\n  strengthHeading: \"Password strength\",\n  requirementsHeading: \"Requirements:\",\n  suggestionsHeading: \"Suggestions:\",\n  bands: {\n    veryWeak: \"Very weak\",\n    weak: \"Weak\",\n    fair: \"Fair\",\n    good: \"Good\",\n    strong: \"Strong\",\n  },\n  requirements: {\n    // The count is the HOST's configured minimum, interpolated rather than\n    // written out: a host raising it must not end up with a requirement naming\n    // the old number.\n    minLength: (count) => `At least ${count} characters`,\n    uppercase: \"One uppercase letter\",\n    lowercase: \"One lowercase letter\",\n    numbers: \"One number\",\n    special: \"One special character\",\n  },\n  suggestions: {\n    minLength: (count) => `Use at least ${count} characters`,\n    uppercase: \"Add uppercase letters\",\n    lowercase: \"Add lowercase letters\",\n    numbers: \"Include numbers\",\n    special: \"Add special characters\",\n  },\n};\n\nexport const EN_US_RICH_EDITOR_TOOLBAR_COPY: Required<RichEditorToolbarCopy> = {\n  bold: \"Bold\",\n  italic: \"Italic\",\n  underline: \"Underline\",\n  bulletList: \"Bulleted list\",\n  numberedList: \"Numbered list\",\n  quote: \"Quote\",\n  code: \"Code\",\n  insertLink: \"Insert link\",\n  textColor: \"Text colour\",\n  backgroundColor: \"Background colour\",\n  linkPrompt: \"Enter the URL:\",\n  editorLabel: \"Rich text editor\",\n};\n\nexport const EN_US_PHONE_INPUT_COPY: Required<PhoneInputCopy> = {\n  selectCountry: \"Select country\",\n  invalidNumber: (countryName) => `Not a valid phone number for ${countryName}`,\n  // Substituted into the sentence above when no country is chosen, so it has to\n  // read as a noun phrase inside it rather than as a sentence of its own.\n  unknownCountry: \"the selected country\",\n  countryName: (_code, englishName) => englishName,\n  label: \"Phone Number\",\n  placeholder: \"Enter phone number\",\n};\n\nexport const EN_US_UPLOAD_BUTTON_COPY: Required<UploadButtonCopy> = {\n  buttonLabel: \"Upload a file\",\n  dropzoneHint: \"Drop the file here, or click to choose one\",\n  dropzoneRole: (label) => `File upload area. ${label}`,\n  uploading: \"Uploading…\",\n  dropReady: \"File ready to drop\",\n  percentUploaded: (percent) => `${percent}% uploaded`,\n  uploadInProgress: (percent) => `Upload in progress: ${percent}%`,\n  errorAnnouncement: (message) => `Error: ${message}`,\n  fileTooLarge: (maxSizeMB) => `File size must be less than ${maxSizeMB}MB`,\n  uploadFailed: \"Upload failed\",\n};\n\nexport const EN_US_SOCIAL_LOGIN_COPY: SocialLoginCopy = {\n  google: \"Continue with Google\",\n  facebook: \"Continue with Facebook\",\n  apple: \"Continue with Apple\",\n};\n"],"mappings":";AAeO,IAAM,kCAAqE;AAAA,EAChF,aAAa;AAAA,EACb,gBACE;AAAA,EACF,oBAAoB;AAAA,EACpB,OAAO;AAAA,EACP,aAAa;AAAA,EACb,cAAc;AAAA,EACd,kBAAkB;AAAA;AAAA,EAElB,oBAAoB;AAAA,EACpB,mBAAmB;AAAA,EACnB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,wBAAwB;AAAA,EACxB,sBAAsB;AAAA,EACtB,gBAAgB;AAAA,EAChB,sBAAsB;AAAA,EACtB,uBAAuB;AAAA,EACvB,wBAAwB;AAAA,EACxB,qBAAqB;AAAA,EACrB,gBAAgB;AAClB;AAEO,IAAM,0BAA4C;AAAA,EACvD,SAAS;AAAA,EACT,WAAW;AAAA,EACX,aAAa;AACf;AAEO,IAAM,yBAAyC;AAAA,EACpD,SAAS;AAAA,EACT,UAAU;AAAA;AAAA;AAAA,EAGV,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,aAAa;AAAA,EACb,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,iBAAiB;AAAA,EACjB,gBAAgB;AAClB;AAEO,IAAM,+BAAqD;AAAA,EAChE,iBAAiB;AAAA,EACjB,qBAAqB;AAAA,EACrB,oBAAoB;AAAA,EACpB,OAAO;AAAA,IACL,UAAU;AAAA,IACV,MAAM;AAAA,IACN,MAAM;AAAA,IACN,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AAAA,EACA,cAAc;AAAA;AAAA;AAAA;AAAA,IAIZ,WAAW,CAAC,UAAU,YAAY,KAAK;AAAA,IACvC,WAAW;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AAAA,EACA,aAAa;AAAA,IACX,WAAW,CAAC,UAAU,gBAAgB,KAAK;AAAA,IAC3C,WAAW;AAAA,IACX,WAAW;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,EACX;AACF;AAEO,IAAM,iCAAkE;AAAA,EAC7E,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,OAAO;AAAA,EACP,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,iBAAiB;AAAA,EACjB,YAAY;AAAA,EACZ,aAAa;AACf;AAEO,IAAM,yBAAmD;AAAA,EAC9D,eAAe;AAAA,EACf,eAAe,CAAC,gBAAgB,gCAAgC,WAAW;AAAA;AAAA;AAAA,EAG3E,gBAAgB;AAAA,EAChB,aAAa,CAAC,OAAO,gBAAgB;AAAA,EACrC,OAAO;AAAA,EACP,aAAa;AACf;AAEO,IAAM,2BAAuD;AAAA,EAClE,aAAa;AAAA,EACb,cAAc;AAAA,EACd,cAAc,CAAC,UAAU,qBAAqB,KAAK;AAAA,EACnD,WAAW;AAAA,EACX,WAAW;AAAA,EACX,iBAAiB,CAAC,YAAY,GAAG,OAAO;AAAA,EACxC,kBAAkB,CAAC,YAAY,uBAAuB,OAAO;AAAA,EAC7D,mBAAmB,CAAC,YAAY,UAAU,OAAO;AAAA,EACjD,cAAc,CAAC,cAAc,+BAA+B,SAAS;AAAA,EACrE,cAAc;AAChB;AAEO,IAAM,0BAA2C;AAAA,EACtD,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,OAAO;AACT;","names":[]}

package/dist/{chunk-VQYR64QB.js → chunk-DX5PLJKN.js}

@@ -1,3 +1,6 @@
+import {
+  EN_US_UI_LABELS
+} from "./chunk-W5PRZHLU.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -124,6 +127,7 @@ var Toast = ({
   message,
   variant = "default",
   closable = true,
+  closeLabel = EN_US_UI_LABELS.common.close,
   action,
   glass = false,
   onClose,
@@ -157,7 +161,7 @@ var Toast = ({
           IconButton,
           {
             "data-testid": `${dataTestId}-close`,
-            "aria-label": "close",
+            "aria-label": closeLabel,
             color: "inherit",
             size: "small",
             onClick: handleClose,
@@ -171,6 +175,7 @@ var Toast = ({
   );
 };
 var ToastContainer = ({
+  closeLabel,
   position = "top-right",
   maxToasts = 5,
   gap,
@@ -224,7 +229,7 @@ var ToastContainer = ({
       in: true,
       timeout: 300,
       style: { pointerEvents: "auto" },
-      children: /* @__PURE__ */ jsx(Box, { "data-testid": `${dataTestId}-item-${index}`, children: /* @__PURE__ */ jsx(Toast, { ...toast, onClose: removeToast, dataTestId: toast.dataTestId || `toast-${index}` }) })
+      children: /* @__PURE__ */ jsx(Box, { "data-testid": `${dataTestId}-item-${index}`, children: /* @__PURE__ */ jsx(Toast, { closeLabel, ...toast, onClose: removeToast, dataTestId: toast.dataTestId || `toast-${index}` }) })
     },
     toast.id
   )) }) });
@@ -236,4 +241,4 @@ export {
   Toast,
   ToastContainer
 };
-//# sourceMappingURL=chunk-VQYR64QB.js.map
+//# sourceMappingURL=chunk-DX5PLJKN.js.map