@12-apps/ui 6.78.4 → 6.80.0

package/dist/{chunk-GBVNY2LG.js → chunk-KTXJQ4YJ.js}

@@ -1,14 +1,14 @@
-import {
-  physicalScrollLeft,
-  toRawScrollLeft,
-  watchVisitorScroll
-} from "./chunk-AJUSBPWG.js";
 import {
   SettingsStatusMarker
 } from "./chunk-7Y2VWMGS.js";
 import {
   TOUCH_TARGET
 } from "./chunk-NK4T624E.js";
+import {
+  physicalScrollLeft,
+  toRawScrollLeft,
+  watchVisitorScroll
+} from "./chunk-AJUSBPWG.js";
 import {
   rem,
   sxRem
@@ -186,4 +186,4 @@ SettingsSectionChips.displayName = "SettingsSectionChips";
 export {
   SettingsSectionChips
 };
-//# sourceMappingURL=chunk-GBVNY2LG.js.map
+//# sourceMappingURL=chunk-KTXJQ4YJ.js.map

package/dist/{chunk-NBXG3SQ3.js → chunk-KW2KCPZF.js}

@@ -3,16 +3,16 @@ import {
 } from "./chunk-7TCOYCD7.js";
 import {
   CardBody
-} from "./chunk-EF4DVYD2.js";
+} from "./chunk-JMUZ5JZA.js";
+import {
+  SelectAllStrip
+} from "./chunk-QYX4567K.js";
 import {
   toGridExpansion
 } from "./chunk-O5UGAL2V.js";
 import {
   useStickyTableHead
 } from "./chunk-4IE66GY2.js";
-import {
-  SelectAllStrip
-} from "./chunk-QYX4567K.js";
 import {
   ListCardGroup
 } from "./chunk-BBBHPK2Q.js";
@@ -28,7 +28,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   DataGrid
-} from "./chunk-DYHOBKPU.js";
+} from "./chunk-BLZDSCIZ.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -250,4 +250,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-NBXG3SQ3.js.map
+//# sourceMappingURL=chunk-KW2KCPZF.js.map

package/dist/{chunk-4VRDFZ4G.js → chunk-KYTFGW4R.js}

@@ -1,3 +1,7 @@
+import {
+  EN_US_COMMAND_PALETTE_COPY
+} from "./chunk-SSCEX5NY.js";
+
 // src/components/navigation/CommandPalette/CommandPalette.helpers.ts
 var filterCommands = ({
   commands,
@@ -15,10 +19,10 @@ var filterCommands = ({
   const recent = recentCommandIds.map((id) => commands.find((command) => command.id === id)).filter(Boolean);
   return [...recent, ...commands.filter((command) => !recentCommandIds.includes(command.id))];
 };
-var groupByCategory = (commands) => {
+var groupByCategory = (commands, generalLabel = EN_US_COMMAND_PALETTE_COPY.general) => {
   const groups = {};
   for (const command of commands) {
-    const category = command.category || "General";
+    const category = command.category || generalLabel;
     groups[category] = groups[category] ?? [];
     groups[category].push(command);
   }
@@ -56,4 +60,4 @@ export {
   groupByCategory,
   createPaletteKeyHandler
 };
-//# sourceMappingURL=chunk-4VRDFZ4G.js.map
+//# sourceMappingURL=chunk-KYTFGW4R.js.map

package/dist/chunk-KYTFGW4R.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/CommandPalette/CommandPalette.helpers.ts"],"sourcesContent":["import { EN_US_COMMAND_PALETTE_COPY } from '../../../en-US.navigation';\nimport type Fuse from 'fuse.js';\nimport type React from 'react';\n\nimport type { PaletteCommand } from './CommandPalette.types';\n\n// Without a query the list is the recent commands first, then the rest; with one\n// it is whatever fuzzy search returns.\nexport const filterCommands = ({\n  commands,\n  searchQuery,\n  fuse,\n  showRecent,\n  recentCommandIds,\n}: {\n  commands: PaletteCommand[];\n  searchQuery: string;\n  fuse: Fuse<PaletteCommand>;\n  showRecent?: boolean;\n  recentCommandIds: string[];\n}): PaletteCommand[] => {\n  if (searchQuery) {\n    return fuse.search(searchQuery).map((result) => result.item);\n  }\n\n  if (!showRecent || recentCommandIds.length === 0) {\n    return commands;\n  }\n\n  const recent = recentCommandIds\n    .map((id) => commands.find((command) => command.id === id))\n    .filter(Boolean) as PaletteCommand[];\n\n  return [...recent, ...commands.filter((command) => !recentCommandIds.includes(command.id))];\n};\n\nexport const groupByCategory = (\n  commands: PaletteCommand[],\n  generalLabel: string = EN_US_COMMAND_PALETTE_COPY.general,\n): Record<string, PaletteCommand[]> => {\n  const groups: Record<string, PaletteCommand[]> = {};\n\n  for (const command of commands) {\n    const category = command.category || generalLabel;\n    groups[category] = groups[category] ?? [];\n    groups[category].push(command);\n  }\n\n  return groups;\n};\n\n// Arrow keys move the highlight, Enter runs the highlighted command, Escape\n// closes. Built outside the effect so the switch does not count against the\n// component body.\nexport const createPaletteKeyHandler = ({\n  commandCount,\n  selectedCommand,\n  setSelectedIndex,\n  executeCommand,\n  onClose,\n}: {\n  commandCount: number;\n  selectedCommand?: PaletteCommand;\n  setSelectedIndex: React.Dispatch<React.SetStateAction<number>>;\n  executeCommand: (command: PaletteCommand) => void;\n  onClose: () => void;\n}) => (event: globalThis.KeyboardEvent) => {\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault();\n      setSelectedIndex((prev) => (prev < commandCount - 1 ? prev + 1 : prev));\n      break;\n    case 'ArrowUp':\n      event.preventDefault();\n      setSelectedIndex((prev) => (prev > 0 ? prev - 1 : prev));\n      break;\n    case 'Enter':\n      event.preventDefault();\n      if (selectedCommand) executeCommand(selectedCommand);\n      break;\n    case 'Escape':\n      event.preventDefault();\n      onClose();\n      break;\n  }\n};\n"],"mappings":";;;;;AAQO,IAAM,iBAAiB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMwB;AACtB,MAAI,aAAa;AACf,WAAO,KAAK,OAAO,WAAW,EAAE,IAAI,CAAC,WAAW,OAAO,IAAI;AAAA,EAC7D;AAEA,MAAI,CAAC,cAAc,iBAAiB,WAAW,GAAG;AAChD,WAAO;AAAA,EACT;AAEA,QAAM,SAAS,iBACZ,IAAI,CAAC,OAAO,SAAS,KAAK,CAAC,YAAY,QAAQ,OAAO,EAAE,CAAC,EACzD,OAAO,OAAO;AAEjB,SAAO,CAAC,GAAG,QAAQ,GAAG,SAAS,OAAO,CAAC,YAAY,CAAC,iBAAiB,SAAS,QAAQ,EAAE,CAAC,CAAC;AAC5F;AAEO,IAAM,kBAAkB,CAC7B,UACA,eAAuB,2BAA2B,YACb;AACrC,QAAM,SAA2C,CAAC;AAElD,aAAW,WAAW,UAAU;AAC9B,UAAM,WAAW,QAAQ,YAAY;AACrC,WAAO,QAAQ,IAAI,OAAO,QAAQ,KAAK,CAAC;AACxC,WAAO,QAAQ,EAAE,KAAK,OAAO;AAAA,EAC/B;AAEA,SAAO;AACT;AAKO,IAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAMM,CAAC,UAAoC;AACzC,UAAQ,MAAM,KAAK;AAAA,IACjB,KAAK;AACH,YAAM,eAAe;AACrB,uBAAiB,CAAC,SAAU,OAAO,eAAe,IAAI,OAAO,IAAI,IAAK;AACtE;AAAA,IACF,KAAK;AACH,YAAM,eAAe;AACrB,uBAAiB,CAAC,SAAU,OAAO,IAAI,OAAO,IAAI,IAAK;AACvD;AAAA,IACF,KAAK;AACH,YAAM,eAAe;AACrB,UAAI,gBAAiB,gBAAe,eAAe;AACnD;AAAA,IACF,KAAK;AACH,YAAM,eAAe;AACrB,cAAQ;AACR;AAAA,EACJ;AACF;","names":[]}

package/dist/{chunk-3V3Z4EML.js → chunk-L4FWEI2P.js}

@@ -1,7 +1,3 @@
-import {
-  progressLabelText,
-  resolveProgressProps
-} from "./chunk-5JEOLUWJ.js";
 import {
   barEmphasisStyles,
   barVariantStyles,
@@ -10,6 +6,10 @@ import {
   getSizeStyles,
   pulseAnimation
 } from "./chunk-2L7GNARR.js";
+import {
+  progressLabelText,
+  resolveProgressProps
+} from "./chunk-5JEOLUWJ.js";
 import {
   rem,
   rems
@@ -246,4 +246,4 @@ Progress.displayName = "Progress";
 export {
   Progress
 };
-//# sourceMappingURL=chunk-3V3Z4EML.js.map
+//# sourceMappingURL=chunk-L4FWEI2P.js.map

package/dist/{chunk-7VRCGWQL.js → chunk-L7N4AFZD.js}

@@ -1,6 +1,7 @@
 // src/components/form/AddressAutocomplete/useGoogleMapsAPI.ts
 import { useEffect, useRef, useState } from "react";
-var useGoogleMapsAPI = (apiKey) => {
+var useGoogleMapsAPI = (apiKey, messages) => {
+  const { loadFailed, initFailed } = messages;
   const [isLoaded, setIsLoaded] = useState(false);
   const [error, setError] = useState(null);
   const [useMockData, setUseMockData] = useState(false);
@@ -28,7 +29,7 @@ var useGoogleMapsAPI = (apiKey) => {
       initializeServices();
     };
     script.onerror = () => {
-      setError("Failed to load Google Maps API");
+      setError(loadFailed);
     };
     document.head.appendChild(script);
     return () => {
@@ -36,7 +37,7 @@ var useGoogleMapsAPI = (apiKey) => {
         document.head.removeChild(script);
       }
     };
-  }, [apiKey]);
+  }, [apiKey, loadFailed, initFailed]);
   const initializeServices = () => {
     try {
       if (window.google && window.google.maps && window.google.maps.places) {
@@ -49,7 +50,7 @@ var useGoogleMapsAPI = (apiKey) => {
         setError(null);
       }
     } catch {
-      setError("Failed to initialize Google Maps services");
+      setError(initFailed);
     }
   };
   return { isLoaded, error, services: serviceRef.current, useMockData };
@@ -58,4 +59,4 @@ var useGoogleMapsAPI = (apiKey) => {
 export {
   useGoogleMapsAPI
 };
-//# sourceMappingURL=chunk-7VRCGWQL.js.map
+//# sourceMappingURL=chunk-L7N4AFZD.js.map

package/dist/chunk-L7N4AFZD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/AddressAutocomplete/useGoogleMapsAPI.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\n\nexport interface GoogleMapsService {\n  autocompleteService: google.maps.places.AutocompleteService | null;\n  placesService: google.maps.places.PlacesService | null;\n  geocoder: google.maps.Geocoder | null;\n}\n\nexport const useGoogleMapsAPI = (\n  apiKey: string,\n  messages: { loadFailed: string; initFailed: string },\n) => {\n  const { loadFailed, initFailed } = messages;\n  const [isLoaded, setIsLoaded] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n  const [useMockData, setUseMockData] = useState(false);\n  const serviceRef = useRef<GoogleMapsService>({\n    autocompleteService: null,\n    placesService: null,\n    geocoder: null,\n  });\n\n  useEffect(() => {\n    // Use mock data for demo key or test environment\n    if (!apiKey || apiKey === 'demo-key' || apiKey === 'test-key') {\n      setUseMockData(true);\n      setIsLoaded(true);\n      setError(null);\n      return;\n    }\n\n    // Check if Google Maps is already loaded\n    if (window.google && window.google.maps && window.google.maps.places) {\n      initializeServices();\n      return;\n    }\n\n    // Load Google Maps API\n    const script = document.createElement('script');\n    script.src = `https://maps.googleapis.com/maps/api/js?key=${apiKey}&libraries=places`;\n    script.async = true;\n    script.defer = true;\n    \n    script.onload = () => {\n      initializeServices();\n    };\n    \n    script.onerror = () => {\n      setError(loadFailed);\n    };\n\n    document.head.appendChild(script);\n\n    return () => {\n      // Cleanup script if component unmounts\n      if (document.head.contains(script)) {\n        document.head.removeChild(script);\n      }\n    };\n  }, [apiKey, loadFailed, initFailed]);\n\n  const initializeServices = () => {\n    try {\n      if (window.google && window.google.maps && window.google.maps.places) {\n        serviceRef.current = {\n          autocompleteService: new window.google.maps.places.AutocompleteService(),\n          placesService: new window.google.maps.places.PlacesService(document.createElement('div')),\n          geocoder: new window.google.maps.Geocoder(),\n        };\n        setIsLoaded(true);\n        setError(null);\n      }\n    } catch {\n      setError(initFailed);\n    }\n  };\n\n  return { isLoaded, error, services: serviceRef.current, useMockData };\n};\n"],"mappings":";AAAA,SAAS,WAAW,QAAQ,gBAAgB;AAQrC,IAAM,mBAAmB,CAC9B,QACA,aACG;AACH,QAAM,EAAE,YAAY,WAAW,IAAI;AACnC,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAwB,IAAI;AACtD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,aAAa,OAA0B;AAAA,IAC3C,qBAAqB;AAAA,IACrB,eAAe;AAAA,IACf,UAAU;AAAA,EACZ,CAAC;AAED,YAAU,MAAM;AAEd,QAAI,CAAC,UAAU,WAAW,cAAc,WAAW,YAAY;AAC7D,qBAAe,IAAI;AACnB,kBAAY,IAAI;AAChB,eAAS,IAAI;AACb;AAAA,IACF;AAGA,QAAI,OAAO,UAAU,OAAO,OAAO,QAAQ,OAAO,OAAO,KAAK,QAAQ;AACpE,yBAAmB;AACnB;AAAA,IACF;AAGA,UAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,WAAO,MAAM,+CAA+C,MAAM;AAClE,WAAO,QAAQ;AACf,WAAO,QAAQ;AAEf,WAAO,SAAS,MAAM;AACpB,yBAAmB;AAAA,IACrB;AAEA,WAAO,UAAU,MAAM;AACrB,eAAS,UAAU;AAAA,IACrB;AAEA,aAAS,KAAK,YAAY,MAAM;AAEhC,WAAO,MAAM;AAEX,UAAI,SAAS,KAAK,SAAS,MAAM,GAAG;AAClC,iBAAS,KAAK,YAAY,MAAM;AAAA,MAClC;AAAA,IACF;AAAA,EACF,GAAG,CAAC,QAAQ,YAAY,UAAU,CAAC;AAEnC,QAAM,qBAAqB,MAAM;AAC/B,QAAI;AACF,UAAI,OAAO,UAAU,OAAO,OAAO,QAAQ,OAAO,OAAO,KAAK,QAAQ;AACpE,mBAAW,UAAU;AAAA,UACnB,qBAAqB,IAAI,OAAO,OAAO,KAAK,OAAO,oBAAoB;AAAA,UACvE,eAAe,IAAI,OAAO,OAAO,KAAK,OAAO,cAAc,SAAS,cAAc,KAAK,CAAC;AAAA,UACxF,UAAU,IAAI,OAAO,OAAO,KAAK,SAAS;AAAA,QAC5C;AACA,oBAAY,IAAI;AAChB,iBAAS,IAAI;AAAA,MACf;AAAA,IACF,QAAQ;AACN,eAAS,UAAU;AAAA,IACrB;AAAA,EACF;AAEA,SAAO,EAAE,UAAU,OAAO,UAAU,WAAW,SAAS,YAAY;AACtE;","names":[]}

package/dist/{chunk-T743IIER.js → chunk-LDPN55AA.js}

@@ -1,13 +1,13 @@
 import {
   NavigationMegaSection
-} from "./chunk-MHLYX6QW.js";
+} from "./chunk-TRAMTVIO.js";
 import {
   NavigationStandardBody
-} from "./chunk-5J7SA4CZ.js";
+} from "./chunk-HWUFOII2.js";
 import {
   LogoBar,
   NavigationShell
-} from "./chunk-FTPTPASD.js";
+} from "./chunk-JBYFBPI6.js";
 import {
   rem
 } from "./chunk-YKCAJ2TN.js";
@@ -106,6 +106,8 @@ var NavigationMenu = React.forwardRef(
       collapsible,
       collapsed: controlledCollapsed,
       onCollapseChange,
+      collapseLabel,
+      expandLabel,
       logo,
       endContent,
       maxWidth,
@@ -161,6 +163,8 @@ var NavigationMenu = React.forwardRef(
             items,
             logo,
             endContent,
+            collapseLabel,
+            expandLabel,
             onCollapseToggle: handleCollapseToggle
           }
         )
@@ -173,4 +177,4 @@ NavigationMenu.displayName = "NavigationMenu";
 export {
   NavigationMenu
 };
-//# sourceMappingURL=chunk-T743IIER.js.map
+//# sourceMappingURL=chunk-LDPN55AA.js.map

package/dist/chunk-LDPN55AA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/NavigationMenu/NavigationMenu.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React, { useState } from 'react';\n\nimport { NavigationMegaSection } from './NavigationMegaSection';\nimport { NavigationStandardBody } from './NavigationStandardBody';\nimport {\n  LogoBar,\n  NavigationShell } from './NavigationMenu.shell';\nimport type { NavigationMenuItem,NavigationMenuProps } from './NavigationMenu.types';\nimport { rem } from '../../../tokens/relative';\n\n\n\n\n\n\n// The mega-menu layout is a different shape from the list-based variants: a\n// grid of titled sections rather than a single column.\n// onItemClick and dataTestId are not on NavigationMenuProps; they arrive through\n// the rest props and are forwarded to the item renderer, so they are named here.\ntype MegaMenuLayoutProps = NavigationMenuProps & {\n  collapsed: boolean;\n  onItemClick?: (item: NavigationMenuItem) => void;\n  dataTestId?: string;\n};\n\nconst MegaMenuLayout = React.forwardRef<HTMLDivElement, MegaMenuLayoutProps>(\n  (\n    {\n      variant,\n      logo,\n      items,\n      size,\n      minimal,\n      dataTestId: _dataTestId,\n      className,\n      maxWidth,\n      style,\n      ...props\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    // An inline style reads a number as px: a number here is design px.\n    const cap = typeof maxWidth === 'number' ? rem(theme, maxWidth) : maxWidth;\n    return (\n    <NavigationShell\n      ref={ref}\n      variant={variant}\n      minimal={minimal}\n      className={className}\n      style={{ maxWidth: cap, ...style }}\n      {...props}\n    >\n      <Paper\n        elevation={minimal ? 0 : 1}\n        sx={{\n          width: '100%',\n          overflow: 'hidden',\n          background: minimal ? 'transparent' : undefined }}\n      >\n        {logo && <LogoBar>{logo}</LogoBar>}\n        <Box\n          sx={{\n            display: 'grid',\n            gridTemplateColumns: `repeat(auto-fit, minmax(${rem(theme, 280)}, 1fr))`,\n            gap: 3,\n            p: 3 }}\n        >\n          {items.map((section, sectionIndex) => (\n            <NavigationMegaSection\n              key={section.id}\n              section={section}\n              sectionIndex={sectionIndex}\n              variant={variant}\n              size={size}\n              minimal={minimal}\n            />\n          ))}\n        </Box>\n      </Paper>\n    </NavigationShell>\n  );\n  },\n);\n\nMegaMenuLayout.displayName = 'MegaMenuLayout';\n\ntype NavigationDefaultedKeys = 'variant' | 'size' | 'minimal' | 'collapsible' | 'showDividers';\n\ntype ResolvedNavigationProps = NavigationMenuProps &\n  Required<Pick<NavigationMenuProps, NavigationDefaultedKeys>>;\n\nconst NAVIGATION_DEFAULTS: Pick<NavigationMenuProps, NavigationDefaultedKeys> = {\n  variant: 'vertical',\n  size: 'md',\n  minimal: false,\n  collapsible: false,\n  showDividers: false };\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would. Applied as\n// a merge rather than destructuring defaults, which would otherwise put five\n// branches into the component's own complexity budget.\nconst resolveProps = (props: NavigationMenuProps): ResolvedNavigationProps =>\n  ({\n    ...NAVIGATION_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<NavigationMenuProps>) }) as ResolvedNavigationProps;\n\nexport const NavigationMenu = React.forwardRef<HTMLDivElement, NavigationMenuProps>(\n  (componentProps, ref) => {\n    const {\n      variant,\n      items,\n      size,\n      minimal,\n      collapsible,\n      collapsed: controlledCollapsed,\n      onCollapseChange,\n      collapseLabel,\n      expandLabel,\n      logo,\n      endContent,\n      maxWidth,\n      showDividers,\n      className,\n      style,\n      ...props\n    } = resolveProps(componentProps);\n\n    const [internalCollapsed, setInternalCollapsed] = useState(false);\n\n    // Controlled when the caller passes `collapsed`, uncontrolled otherwise.\n    const isControlled = controlledCollapsed !== undefined;\n    const collapsed = isControlled ? controlledCollapsed : internalCollapsed;\n\n    const handleCollapseToggle = () => {\n      if (!isControlled) setInternalCollapsed(!collapsed);\n      onCollapseChange?.(!collapsed);\n    };\n\n    if (variant === 'mega') {\n      return (\n        <MegaMenuLayout\n          ref={ref}\n          variant={variant}\n          collapsed={collapsed}\n          logo={logo}\n          items={items}\n          size={size}\n          minimal={minimal}\n          className={className}\n          maxWidth={maxWidth}\n          style={style}\n          {...props}\n        />\n      );\n    }\n\n    return (\n      <NavigationShell\n        ref={ref}\n        variant={variant}\n        minimal={minimal}\n        collapsed={collapsed}\n        className={className}\n        style={style}\n        {...props}\n      >\n        <NavigationStandardBody\n          variant={variant}\n          size={size}\n          minimal={minimal}\n          collapsed={collapsed}\n          collapsible={collapsible}\n          showDividers={showDividers}\n          items={items}\n          logo={logo}\n          endContent={endContent}\n          collapseLabel={collapseLabel}\n          expandLabel={expandLabel}\n          onCollapseToggle={handleCollapseToggle}\n        />\n      </NavigationShell>\n    );\n  },\n);\n\nNavigationMenu.displayName = 'NavigationMenu';\n"],"mappings":"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","names":[]}

package/dist/{chunk-2TSGRQ2J.js → chunk-LHJJZ462.js}

@@ -64,7 +64,9 @@ var OWN_PROPS = /* @__PURE__ */ new Set([
   "data-testid",
   "aria-label",
   "aria-describedby",
-  "role"
+  "role",
+  "placeholderAlt",
+  "fallbackAlt"
 ]);
 var imgPassThrough = (props) => Object.fromEntries(Object.entries(props).filter(([key]) => !OWN_PROPS.has(key)));
 var useVisibility = (props, containerRef, isVisible, onVisible) => {
@@ -226,4 +228,4 @@ export {
   imgPassThrough,
   useLazyImage
 };
-//# sourceMappingURL=chunk-2TSGRQ2J.js.map
+//# sourceMappingURL=chunk-LHJJZ462.js.map

package/dist/chunk-LHJJZ462.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/LazyImage/LazyImage.hooks.ts"],"sourcesContent":["import { useTheme } from '@mui/material/styles/index.js';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport { remPx } from '../../../tokens/relative';\n\nimport type { LazyImageProps, LazyImageState } from './LazyImage.types';\n\ntype LazyImageDefaultedKeys =\n  | 'height'\n  | 'loadingState'\n  | 'objectFit'\n  | 'objectPosition'\n  | 'lazy'\n  | 'threshold'\n  | 'fadeIn'\n  | 'fadeInDuration'\n  | 'retryOnError'\n  | 'maxRetries'\n  | 'retryDelay'\n  | 'decoding'\n  | 'skeletonProps'\n  | 'spinnerProps'\n  | 'sx'\n  | 'role'\n  | 'data-testid';\n\nexport type ResolvedLazyImageProps = LazyImageProps &\n  Required<Pick<LazyImageProps, LazyImageDefaultedKeys>>;\n\nconst LAZY_IMAGE_DEFAULTS: Pick<LazyImageProps, LazyImageDefaultedKeys> = {\n  height: 'auto',\n  loadingState: 'skeleton',\n  objectFit: 'cover',\n  objectPosition: 'center',\n  lazy: true,\n  threshold: 0,\n  fadeIn: true,\n  fadeInDuration: 300,\n  retryOnError: false,\n  maxRetries: 3,\n  retryDelay: 1000,\n  decoding: 'async',\n  skeletonProps: {},\n  spinnerProps: {},\n  sx: {},\n  role: 'img',\n  // FUT-2774 #3: with no default, every derived id (`${testId}-img`, …) read\n  // literally as `\"undefined-img\"` for a caller that omitted it — and every\n  // such instance on a page collided on the same ids.\n  'data-testid': 'lazy-image',\n};\n\n// Strips explicitly-undefined props before the merge, so `lazy={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: LazyImageProps): Partial<LazyImageProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<LazyImageProps>;\n\nexport const resolveLazyImageProps = (props: LazyImageProps): ResolvedLazyImageProps =>\n  ({ ...LAZY_IMAGE_DEFAULTS, ...definedProps(props) }) as ResolvedLazyImageProps;\n\n// Props this component consumes itself. Anything else the caller passed is an\n// ordinary <img> attribute and is forwarded untouched.\nconst OWN_PROPS = new Set([\n  'src', 'alt', 'width', 'height', 'placeholder', 'fallback', 'loadingState',\n  'showSpinner', 'objectFit', 'objectPosition', 'borderRadius', 'lazy', 'rootMargin',\n  'threshold', 'fadeIn', 'fadeInDuration', 'onLoad', 'onError', 'onLoadStart',\n  'retryOnError', 'maxRetries', 'retryDelay', 'decoding', 'loading', 'fetchPriority',\n  'skeletonProps', 'spinnerProps', 'sx', 'className', 'data-testid', 'aria-label',\n  'aria-describedby', 'role', 'placeholderAlt', 'fallbackAlt',\n]);\n\nexport const imgPassThrough = (props: ResolvedLazyImageProps): Record<string, unknown> =>\n  Object.fromEntries(Object.entries(props).filter(([key]) => !OWN_PROPS.has(key)));\n\n/**\n * Flips `isVisible` the first time the container nears the viewport, then stops\n * observing. Does nothing when `lazy` is off — the caller wants the request now.\n */\nconst useVisibility = (\n  props: ResolvedLazyImageProps,\n  containerRef: React.RefObject<HTMLDivElement | null>,\n  isVisible: boolean,\n  onVisible: () => void,\n) => {\n  const { lazy, src, threshold, onLoadStart } = props;\n  const theme = useTheme();\n  // `IntersectionObserver` takes px or %, never rem: the default reach is 100\n  // design px, measured through the theme so it moves with the root.\n  const rootMargin = props.rootMargin ?? `${remPx(theme, 100)}px`;\n\n  useEffect(() => {\n    if (!lazy || isVisible) {\n      return;\n    }\n\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            onVisible();\n            onLoadStart?.();\n            observer.unobserve(entry.target);\n          }\n        });\n      },\n      { rootMargin, threshold },\n    );\n\n    if (containerRef.current) {\n      observer.observe(containerRef.current);\n    }\n\n    return () => {\n      if (containerRef.current) {\n        observer.unobserve(containerRef.current);\n      }\n    };\n  }, [lazy, src, rootMargin, threshold, isVisible, onLoadStart, onVisible, containerRef]);\n};\n\n/** A pending timer has to be cancelled on unmount, or it sets state on a dead component. */\nconst useTimeoutRef = () => {\n  const ref = useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  useEffect(\n    () => () => {\n      if (ref.current) {\n        clearTimeout(ref.current);\n      }\n    },\n    [],\n  );\n\n  return ref;\n};\n\n/**\n * Whether the placeholder image is up. It is a loading state: only\n * `loadingState=\"placeholder\"` with a `placeholder` set draws it, from mount\n * until the real image settles — its `load` plus the fade, or its final error.\n * A placeholder that fails to load retires at once, as if none were set.\n */\nconst usePlaceholderPhase = (\n  props: ResolvedLazyImageProps,\n  loadingState: NonNullable<LazyImageProps['loadingState']>,\n) => {\n  const { placeholder, fadeIn, fadeInDuration, src } = props;\n  // Only this mode draws a placeholder. Otherwise the real image settling\n  // retires the phase at once — batched into the load's own render, with no\n  // timer — so a placeholder switched on afterwards never covers a loaded image.\n  const active = loadingState === 'placeholder' && Boolean(placeholder);\n  const [retired, setRetired] = useState(false);\n  const fadeTimeoutRef = useTimeoutRef();\n\n  // FUT-2774 #2: `retired` was set once and never reset, and this hook took\n  // no `src` at all — so a mounted instance reused for a NEW image (a\n  // carousel swapping `src` rather than remounting) never showed the\n  // placeholder again for it. Reset on every `src` change, the same way\n  // `useImageSource` already resets `currentSrc`/`isLoading`/`hasError`; drop\n  // any fade timer left over from the PREVIOUS image, or it would retire the\n  // new placeholder on a schedule that has nothing to do with it.\n  useEffect(() => {\n    clearTimeout(fadeTimeoutRef.current);\n    setRetired(false);\n  }, [src, fadeTimeoutRef]);\n\n  const retire = useCallback(() => setRetired(true), []);\n\n  // The real image fades in over the placeholder, so it goes when the fade ends.\n  const retireAfterFade = useCallback(() => {\n    if (!active || !fadeIn) {\n      setRetired(true);\n      return;\n    }\n    clearTimeout(fadeTimeoutRef.current);\n    fadeTimeoutRef.current = setTimeout(() => setRetired(true), fadeInDuration);\n  }, [active, fadeIn, fadeInDuration, fadeTimeoutRef]);\n\n  return {\n    showPlaceholder: active && !retired,\n    retirePlaceholder: retire,\n    retirePlaceholderAfterFade: retireAfterFade,\n  };\n};\n\n/**\n * The real image's state, and when it is requested: at once when not lazy,\n * else the first time the container nears the viewport. The main <img> only\n * ever carries the real src — a placeholder is drawn by its own element, so its\n * load and error are never the image's.\n */\nconst useImageSource = (\n  props: ResolvedLazyImageProps,\n  containerRef: React.RefObject<HTMLDivElement | null>,\n) => {\n  const { src, lazy } = props;\n  const [state, setState] = useState<LazyImageState>({\n    isLoading: true,\n    hasError: false,\n    isVisible: !lazy, // If not lazy, load immediately\n    retryCount: 0,\n    currentSrc: lazy ? null : src,\n  });\n  // FUT-2774 #1: the last `src` PROP this hook has already requested — as\n  // opposed to `state.currentSrc`, which a retry deliberately diverges from\n  // `src` (its cache-busting query string) without a NEW image having\n  // arrived. Comparing the effect's guard against `src` itself let a retry's\n  // own state update immediately retrigger this effect, which overwrote the\n  // cache-busted value back to the plain `src` before the browser ever\n  // re-requested it — so `retryOnError` silently never re-fetched anything.\n  const requestedSrcRef = useRef<string | null>(lazy ? null : src);\n  // `handleImageError` (in `useLazyImage`) owns the retry timer itself, but\n  // it schedules against THIS src's identity: read together, the two hooks\n  // can tell a timeout meant for an image that is no longer the current one\n  // apart from one that still is (FUT-2774, src-changing-mid-retry).\n  const retryTimeoutRef = useTimeoutRef();\n\n  const markVisible = useCallback(() => {\n    requestedSrcRef.current = src;\n    setState((prev) => ({ ...prev, isVisible: true, currentSrc: src }));\n  }, [src]);\n  useVisibility(props, containerRef, state.isVisible, markVisible);\n\n  // Load image when it becomes visible, or when `src` itself changes to a\n  // genuinely new value — never when only `state.currentSrc` has (a retry).\n  useEffect(() => {\n    if (!state.isVisible || !src || requestedSrcRef.current === src) {\n      return;\n    }\n\n    // A retry scheduled for the PREVIOUS src must not land on this one: left\n    // pending, its stale `setTimeout` would fire later and overwrite this\n    // fresh `currentSrc` with `${oldSrc}?retry=N` — cache-busting an image\n    // nothing asked for again, and never re-syncing back (FUT-2774).\n    clearTimeout(retryTimeoutRef.current);\n    requestedSrcRef.current = src;\n    setState((prev) => ({\n      ...prev,\n      currentSrc: src,\n      isLoading: true,\n      hasError: false,\n      retryCount: 0,\n    }));\n  }, [state.isVisible, src, retryTimeoutRef]);\n\n  return { state, setState, requestedSrcRef, retryTimeoutRef };\n};\n\n/**\n * Owns whether the real image has been requested yet and how it went: the\n * observer above, the load/error handlers, the retry timer, and how long the\n * placeholder stays up.\n */\nexport const useLazyImage = (props: ResolvedLazyImageProps) => {\n  const { src, loadingState, showSpinner } = props;\n  const { onLoad, onError, retryOnError, maxRetries, retryDelay } = props;\n\n  const containerRef = useRef<HTMLDivElement>(null);\n  const { state, setState, requestedSrcRef, retryTimeoutRef } = useImageSource(props, containerRef);\n\n  // Handle deprecated showSpinner prop\n  const effectiveLoadingState = showSpinner ? 'spinner' : loadingState;\n  const { showPlaceholder, retirePlaceholder, retirePlaceholderAfterFade } = usePlaceholderPhase(\n    props,\n    effectiveLoadingState,\n  );\n\n  const handleImageLoad = useCallback(\n    (event: React.SyntheticEvent<HTMLImageElement>) => {\n      setState((prev) => ({ ...prev, isLoading: false, hasError: false, retryCount: 0 }));\n      retirePlaceholderAfterFade();\n      onLoad?.(event);\n    },\n    [onLoad, retirePlaceholderAfterFade],\n  );\n\n  const handleImageError = useCallback(\n    (event: React.SyntheticEvent<HTMLImageElement>) => {\n      if (!retryOnError || state.retryCount >= maxRetries) {\n        setState((prev) => ({ ...prev, isLoading: false, hasError: true }));\n        retirePlaceholder();\n        onError?.(event);\n        return;\n      }\n\n      retryTimeoutRef.current = setTimeout(() => {\n        // Belt and suspenders alongside `useImageSource`'s own cancel-on-src-\n        // change: if `src` moved on since this timeout was scheduled, this\n        // retry is for an image that is no longer live at all — applying it\n        // would cache-bust the WRONG `<img>` (FUT-2774).\n        if (requestedSrcRef.current !== src) {\n          return;\n        }\n        setState((prev) => ({\n          ...prev,\n          retryCount: prev.retryCount + 1,\n          currentSrc: `${src}?retry=${prev.retryCount + 1}`, // Force reload with cache buster\n        }));\n      }, retryDelay);\n    },\n    [onError, retryOnError, state.retryCount, maxRetries, retryDelay, src, retirePlaceholder, requestedSrcRef, retryTimeoutRef],\n  );\n\n  return {\n    state,\n    containerRef,\n    effectiveLoadingState,\n    handleImageLoad,\n    handleImageError,\n    handlePlaceholderError: retirePlaceholder,\n    showImage: Boolean(state.currentSrc) && !state.hasError,\n    // In placeholder mode the placeholder outlasts `isLoading`: it stays under\n    // the real image until the fade has ended.\n    showLoading: effectiveLoadingState === 'placeholder' ? showPlaceholder : state.isLoading,\n    showPlaceholder,\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-OE3SQOZV.js → chunk-LHRAHDJF.js}

@@ -1,9 +1,12 @@
+import {
+  EN_US_USER_AVATAR_COPY
+} from "./chunk-DQ22UKMZ.js";
 import {
   Avatar
-} from "./chunk-KARMRTTM.js";
+} from "./chunk-DE2GWZ6X.js";
 import {
   Card
-} from "./chunk-4XBAEKQQ.js";
+} from "./chunk-W2RXXF7K.js";
 import {
   Button
 } from "./chunk-5USHYSCO.js";
@@ -27,14 +30,16 @@ function UserAvatar({
   name,
   size = "md",
   onClick,
-  interactive = false
+  interactive = false,
+  copy
 }) {
   const fallbackText = name ? getInitials(name) : "?";
+  const avatarAlt = copy?.avatarAlt ?? EN_US_USER_AVATAR_COPY.avatarAlt;
   return /* @__PURE__ */ jsx(
     Avatar,
     {
       src: src ?? void 0,
-      alt: name ?? "User avatar",
+      alt: name ?? avatarAlt,
       fallback: fallbackText,
       size,
       variant: "circle",
@@ -50,11 +55,12 @@ function UserMenu({ user, onSignOut, copy }) {
       {
         src: user.image,
         name: user.name,
-        size: "md"
+        size: "md",
+        copy
       }
     ),
     /* @__PURE__ */ jsxs(Stack, { spacing: 0.5, sx: { flex: 1, minWidth: 0 }, children: [
-      /* @__PURE__ */ jsx(Text, { weight: "semibold", size: "sm", children: user.name ?? "User" }),
+      /* @__PURE__ */ jsx(Text, { weight: "semibold", size: "sm", children: user.name ?? copy.unnamedUser ?? EN_US_USER_AVATAR_COPY.unnamedUser }),
       user.email && /* @__PURE__ */ jsx(Text, { color: "secondary", size: "xs", children: user.email })
     ] }),
     /* @__PURE__ */ jsx(
@@ -74,4 +80,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-OE3SQOZV.js.map
+//# sourceMappingURL=chunk-LHRAHDJF.js.map

package/dist/chunk-LHRAHDJF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/user-avatar/user-avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport * as React from 'react';\nimport Box from '@mui/material/Box/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport { Avatar } from '../components/data-display/Avatar';\nimport { Button } from '../components/form/Button';\nimport { Text } from '../components/typography/Text';\nimport { Card } from '../components/layout/Card';\nimport type { UserAvatarCopy } from '../copy';\nimport { EN_US_USER_AVATAR_COPY } from '../en-US.utility';\n\n/**\n * Generate initials from a name\n */\nfunction getInitials(name: string): string {\n  const parts = name.trim().split(/\\s+/);\n  if (parts.length === 1) {\n    return parts[0]?.substring(0, 2).toUpperCase() ?? \"\";\n  }\n  return (\n    (parts[0]?.charAt(0) ?? \"\") + (parts[parts.length - 1]?.charAt(0) ?? \"\")\n  ).toUpperCase();\n}\n\nexport interface UserAvatarProps {\n  src?: string | null;\n  name?: string | null;\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n  onClick?: () => void;\n  interactive?: boolean;\n  /**\n   * `avatarAlt` names the image when there is no `name`. Optional: English\n   * when omitted; a host passes `USER_AVATAR_COPY[locale]`.\n   */\n  copy?: Partial<UserAvatarCopy>;\n}\n\n/**\n * User avatar using UI package Avatar component\n */\nexport function UserAvatar({\n  src,\n  name,\n  size = 'md',\n  onClick,\n  interactive = false,\n  copy,\n}: UserAvatarProps): React.ReactElement {\n  const fallbackText = name ? getInitials(name) : \"?\";\n  const avatarAlt = copy?.avatarAlt ?? EN_US_USER_AVATAR_COPY.avatarAlt;\n\n  return (\n    <Avatar\n      src={src ?? undefined}\n      alt={name ?? avatarAlt}\n      fallback={fallbackText}\n      size={size}\n      variant=\"circle\"\n      interactive={interactive || !!onClick}\n      onClick={onClick}\n    />\n  );\n}\n\nexport interface UserMenuProps {\n  user: {\n    name?: string | null;\n    email?: string | null;\n    image?: string | null;\n  };\n  onSignOut: () => void;\n  /**\n   * The card's one action. REQUIRED: this package ships no default copy, and\n   * the button is the only thing on this card a host does not already supply.\n   */\n  copy: UserAvatarCopy;\n}\n\n/**\n * User menu with avatar, info, and sign out button\n */\nexport function UserMenu({ user, onSignOut, copy }: UserMenuProps): React.ReactElement {\n  return (\n    <Card variant=\"elevated\" borderRadius=\"md\">\n      <Box sx={{ p: 2 }}>\n        <Stack direction=\"row\" spacing={2} alignItems=\"center\">\n          <UserAvatar\n            src={user.image}\n            name={user.name}\n            size=\"md\"\n            copy={copy}\n          />\n\n          <Stack spacing={0.5} sx={{ flex: 1, minWidth: 0 }}>\n            <Text weight=\"semibold\" size=\"sm\">\n              {user.name ?? copy.unnamedUser ?? EN_US_USER_AVATAR_COPY.unnamedUser}\n            </Text>\n            {user.email && (\n              <Text color=\"secondary\" size=\"xs\">\n                {user.email}\n              </Text>\n            )}\n          </Stack>\n\n          <Button\n            variant=\"outline\"\n            color=\"danger\"\n            size=\"sm\"\n            onClick={onSignOut}\n          >\n            {copy.signOut}\n          </Button>\n        </Stack>\n      </Box>\n    </Card>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAGA,OAAO,SAAS;AAChB,OAAO,WAAW;AAiDd,cAyCM,YAzCN;AAtCJ,SAAS,YAAY,MAAsB;AACzC,QAAM,QAAQ,KAAK,KAAK,EAAE,MAAM,KAAK;AACrC,MAAI,MAAM,WAAW,GAAG;AACtB,WAAO,MAAM,CAAC,GAAG,UAAU,GAAG,CAAC,EAAE,YAAY,KAAK;AAAA,EACpD;AACA,WACG,MAAM,CAAC,GAAG,OAAO,CAAC,KAAK,OAAO,MAAM,MAAM,SAAS,CAAC,GAAG,OAAO,CAAC,KAAK,KACrE,YAAY;AAChB;AAkBO,SAAS,WAAW;AAAA,EACzB;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,cAAc;AAAA,EACd;AACF,GAAwC;AACtC,QAAM,eAAe,OAAO,YAAY,IAAI,IAAI;AAChD,QAAM,YAAY,MAAM,aAAa,uBAAuB;AAE5D,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,OAAO;AAAA,MACZ,KAAK,QAAQ;AAAA,MACb,UAAU;AAAA,MACV;AAAA,MACA,SAAQ;AAAA,MACR,aAAa,eAAe,CAAC,CAAC;AAAA,MAC9B;AAAA;AAAA,EACF;AAEJ;AAmBO,SAAS,SAAS,EAAE,MAAM,WAAW,KAAK,GAAsC;AACrF,SACE,oBAAC,QAAK,SAAQ,YAAW,cAAa,MACpC,8BAAC,OAAI,IAAI,EAAE,GAAG,EAAE,GACd,+BAAC,SAAM,WAAU,OAAM,SAAS,GAAG,YAAW,UAC5C;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,KAAK;AAAA,QACV,MAAM,KAAK;AAAA,QACX,MAAK;AAAA,QACL;AAAA;AAAA,IACF;AAAA,IAEA,qBAAC,SAAM,SAAS,KAAK,IAAI,EAAE,MAAM,GAAG,UAAU,EAAE,GAC9C;AAAA,0BAAC,QAAK,QAAO,YAAW,MAAK,MAC1B,eAAK,QAAQ,KAAK,eAAe,uBAAuB,aAC3D;AAAA,MACC,KAAK,SACJ,oBAAC,QAAK,OAAM,aAAY,MAAK,MAC1B,eAAK,OACR;AAAA,OAEJ;AAAA,IAEA;AAAA,MAAC;AAAA;AAAA,QACC,SAAQ;AAAA,QACR,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAAS;AAAA,QAER,eAAK;AAAA;AAAA,IACR;AAAA,KACF,GACF,GACF;AAEJ;","names":[]}

package/dist/chunk-LL2BWQPM.js

@@ -0,0 +1,11 @@
+// src/utils/resolve-labels.ts
+function resolveLabels(defaults, overrides) {
+  if (!overrides) return defaults;
+  const defined = Object.entries(overrides).filter(([, value]) => value !== void 0);
+  return { ...defaults, ...Object.fromEntries(defined) };
+}
+
+export {
+  resolveLabels
+};
+//# sourceMappingURL=chunk-LL2BWQPM.js.map

package/dist/chunk-LL2BWQPM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/utils/resolve-labels.ts"],"sourcesContent":["/**\n * A component's labels: the caller's `labels` laid over the pack's defaults,\n * key by key, ignoring keys the caller left `undefined` (FUT-3860).\n *\n * `Partial<T>` is what keeps a new key non-breaking: every label prop is\n * optional, and the English pack answers for whatever a caller does not name.\n */\nexport function resolveLabels<T extends object>(defaults: T, overrides?: Partial<T>): T {\n  if (!overrides) return defaults;\n  const defined = Object.entries(overrides).filter(([, value]) => value !== undefined);\n  return { ...defaults, ...Object.fromEntries(defined) } as T;\n}\n"],"mappings":";AAOO,SAAS,cAAgC,UAAa,WAA2B;AACtF,MAAI,CAAC,UAAW,QAAO;AACvB,QAAM,UAAU,OAAO,QAAQ,SAAS,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACnF,SAAO,EAAE,GAAG,UAAU,GAAG,OAAO,YAAY,OAAO,EAAE;AACvD;","names":[]}

package/dist/{chunk-56JF5PZK.js → chunk-LYVTJLCF.js}

@@ -1,9 +1,9 @@
-import {
-  SPRING_CONFIG
-} from "./chunk-IM4DMKH4.js";
 import {
   useDragGestures
 } from "./chunk-CRN4KKNI.js";
+import {
+  SPRING_CONFIG
+} from "./chunk-IM4DMKH4.js";
 
 // src/components/data-display/Sheet/Sheet.hooks.ts
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -213,4 +213,4 @@ export {
   useSheetDrag,
   useSheetOpen
 };
-//# sourceMappingURL=chunk-56JF5PZK.js.map
+//# sourceMappingURL=chunk-LYVTJLCF.js.map

package/dist/{chunk-MNZ6MCOK.js → chunk-MKRJUT5O.js}

@@ -1,21 +1,21 @@
-import {
-  DEFAULT_QUICK_RANGES
-} from "./chunk-QKLSHNOH.js";
-import {
-  useDateRangePicker
-} from "./chunk-AXZCCX7O.js";
 import {
   DateRangeQuickList
 } from "./chunk-6KKQHJE7.js";
 import {
   DateRangeFields
-} from "./chunk-3YLRR4JM.js";
+} from "./chunk-Y3YZBB74.js";
+import {
+  DEFAULT_QUICK_RANGES
+} from "./chunk-QKLSHNOH.js";
+import {
+  useDateRangePicker
+} from "./chunk-6S7CFH6V.js";
 import {
   toLocalDay
 } from "./chunk-FRAVVI4A.js";
 import {
   Calendar
-} from "./chunk-NDGA7ZE6.js";
+} from "./chunk-TGMMUKOF.js";
 
 // src/components/form/DateRangePicker/DateRangePicker.tsx
 import Box from "@mui/material/Box/index.js";
@@ -181,4 +181,4 @@ export {
   DateRangePicker,
   DateRangePicker_default
 };
-//# sourceMappingURL=chunk-MNZ6MCOK.js.map
+//# sourceMappingURL=chunk-MKRJUT5O.js.map

package/dist/{chunk-BGYLL467.js → chunk-N3W6FZOC.js}

@@ -1,11 +1,11 @@
+import {
+  countries
+} from "./chunk-RQY5ONSF.js";
 import {
   detectCountryFromNumber,
   formatPhoneNumber,
   validatePhoneNumber
 } from "./chunk-5P6OV64V.js";
-import {
-  countries
-} from "./chunk-3JDP5OUR.js";
 
 // src/components/form/PhoneInput/PhoneInput.hooks.ts
 import { useEffect, useRef, useState } from "react";
@@ -105,4 +105,4 @@ var usePhoneHandlers = ({
 export {
   usePhoneInput
 };
-//# sourceMappingURL=chunk-BGYLL467.js.map
+//# sourceMappingURL=chunk-N3W6FZOC.js.map

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

@@ -1,14 +1,15 @@
 import {
   MapCoordinates,
   MapMarkers
-} from "./chunk-AYJ44VTJ.js";
+} from "./chunk-JJNY5MZL.js";
 import {
   MapLayers
-} from "./chunk-RA6W37NZ.js";
+} from "./chunk-4JV46KXS.js";
 import {
   glassStyles,
+  resolveMapCopy,
   resolveMapPreviewProps
-} from "./chunk-4NQXHPQR.js";
+} from "./chunk-D4LMRSY7.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-NF5TATKP.js.map

package/dist/chunk-NF5TATKP.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-BWFUZ4N2.js → chunk-NGXDOWUP.js}

@@ -1,9 +1,9 @@
-import {
-  ConfirmActionDialog
-} from "./chunk-MM7BPTVV.js";
 import {
   useConfirmAction
 } from "./chunk-EMYESBIT.js";
+import {
+  ConfirmActionDialog
+} from "./chunk-Z52W7FEU.js";
 
 // src/components/feedback/ConfirmAction/ConfirmAction.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -23,4 +23,4 @@ ConfirmAction.displayName = "ConfirmAction";
 export {
   ConfirmAction
 };
-//# sourceMappingURL=chunk-BWFUZ4N2.js.map
+//# sourceMappingURL=chunk-NGXDOWUP.js.map

package/dist/{chunk-MTGEJRE4.js → chunk-NNKIM73H.js}

@@ -1,9 +1,14 @@
+import {
+  resolveLabels
+} from "./chunk-LL2BWQPM.js";
+import {
+  EN_US_ADDRESS_AUTOCOMPLETE_COPY
+} from "./chunk-DVRNW33K.js";
+
 // src/components/form/AddressAutocomplete/AddressAutocomplete.helpers.ts
 var MIN_QUERY_LENGTH = 2;
 var ADDRESS_AUTOCOMPLETE_DEFAULTS = {
   variant: "outlined",
-  label: "Address",
-  placeholder: "Enter an address",
   floating: false,
   error: false,
   disabled: false,
@@ -15,7 +20,15 @@ var ADDRESS_AUTOCOMPLETE_DEFAULTS = {
 var definedProps = (props) => Object.fromEntries(
   Object.entries(props).filter(([, value]) => value !== void 0)
 );
-var resolveAddressProps = (props) => ({ ...ADDRESS_AUTOCOMPLETE_DEFAULTS, ...definedProps(props) });
+var resolveAddressProps = (props) => {
+  const text = resolveLabels(EN_US_ADDRESS_AUTOCOMPLETE_COPY, props.copy);
+  return {
+    ...ADDRESS_AUTOCOMPLETE_DEFAULTS,
+    label: text.label,
+    placeholder: text.placeholder,
+    ...definedProps(props)
+  };
+};
 var addressOptionLabel = (option) => {
   if (typeof option === "string") return option;
   return option.description || "";
@@ -31,4 +44,4 @@ export {
   addressOptionLabel,
   isSameAddressOption
 };
-//# sourceMappingURL=chunk-MTGEJRE4.js.map
+//# sourceMappingURL=chunk-NNKIM73H.js.map

package/dist/chunk-NNKIM73H.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/AddressAutocomplete/AddressAutocomplete.helpers.ts"],"sourcesContent":["import { EN_US_ADDRESS_AUTOCOMPLETE_COPY } from '../../../en-US.form';\nimport { resolveLabels } from '../../../utils/resolve-labels';\nimport type { AddressAutocompleteProps, AddressOptionValue } from './AddressAutocomplete.types';\n\n// Below this the field clears its options rather than querying Places.\nexport const MIN_QUERY_LENGTH = 2;\n\ntype DefaultedKeys =\n  | 'variant'\n  | 'floating'\n  | 'error'\n  | 'disabled'\n  | 'required'\n  | 'fullWidth'\n  | 'defaultValue'\n  | 'getCurrentLocation';\n\nexport type ResolvedAddressProps = AddressAutocompleteProps &\n  Required<Pick<AddressAutocompleteProps, DefaultedKeys>>;\n\nconst ADDRESS_AUTOCOMPLETE_DEFAULTS: Pick<AddressAutocompleteProps, DefaultedKeys> = {\n  variant: 'outlined',\n  floating: false,\n  error: false,\n  disabled: false,\n  required: false,\n  fullWidth: true,\n  defaultValue: '',\n  getCurrentLocation: false,\n};\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = (props: AddressAutocompleteProps): Partial<AddressAutocompleteProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<AddressAutocompleteProps>;\n\n// Applied as a merge rather than destructuring defaults, which would otherwise\n// put ten branches into the component's own complexity budget.\nexport const resolveAddressProps = (props: AddressAutocompleteProps): ResolvedAddressProps => {\n  // The label and placeholder come from the host's pack, then the English one.\n  const text = resolveLabels(EN_US_ADDRESS_AUTOCOMPLETE_COPY, props.copy);\n  return {\n    ...ADDRESS_AUTOCOMPLETE_DEFAULTS,\n    label: text.label,\n    placeholder: text.placeholder,\n    ...definedProps(props),\n  } as ResolvedAddressProps;\n};\n\nexport const addressOptionLabel = (option: AddressOptionValue): string => {\n  if (typeof option === 'string') return option;\n  return option.description || '';\n};\n\n// A string only ever equals the same string, so a mixed pair is never a match.\nexport const isSameAddressOption = (\n  option: AddressOptionValue,\n  value: AddressOptionValue,\n): boolean => {\n  if (typeof option === 'string' || typeof value === 'string') return option === value;\n  return option.place_id === value.place_id;\n};\n"],"mappings":";;;;;;;;AAKO,IAAM,mBAAmB;AAehC,IAAM,gCAA+E;AAAA,EACnF,SAAS;AAAA,EACT,UAAU;AAAA,EACV,OAAO;AAAA,EACP,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX,cAAc;AAAA,EACd,oBAAoB;AACtB;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAIK,IAAM,sBAAsB,CAAC,UAA0D;AAE5F,QAAM,OAAO,cAAc,iCAAiC,MAAM,IAAI;AACtE,SAAO;AAAA,IACL,GAAG;AAAA,IACH,OAAO,KAAK;AAAA,IACZ,aAAa,KAAK;AAAA,IAClB,GAAG,aAAa,KAAK;AAAA,EACvB;AACF;AAEO,IAAM,qBAAqB,CAAC,WAAuC;AACxE,MAAI,OAAO,WAAW,SAAU,QAAO;AACvC,SAAO,OAAO,eAAe;AAC/B;AAGO,IAAM,sBAAsB,CACjC,QACA,UACY;AACZ,MAAI,OAAO,WAAW,YAAY,OAAO,UAAU,SAAU,QAAO,WAAW;AAC/E,SAAO,OAAO,aAAa,MAAM;AACnC;","names":[]}

package/dist/{chunk-OHXAJUO5.js → chunk-NPPO7G2B.js}

@@ -138,8 +138,10 @@ var SonnerToast = ({
         ...buildToastStyles(theme, variant, visible),
         p: 2,
         mb: 1,
-        minWidth: sxRem(356),
-        maxWidth: sxRem(400),
+        // 356–400 on desktop; on a phone, the viewport less the toaster's 16px
+        // inset on each side, so the stack never starts off the left edge.
+        minWidth: `min(${rem(theme, 356)}, calc(100vw - ${rem(theme, 32)}))`,
+        maxWidth: `min(${rem(theme, 400)}, calc(100vw - ${rem(theme, 32)}))`,
         display: "flex",
         alignItems: "flex-start",
         gap: 1.5
@@ -180,4 +182,4 @@ var SonnerToast = ({
 export {
   SonnerToast
 };
-//# sourceMappingURL=chunk-OHXAJUO5.js.map
+//# sourceMappingURL=chunk-NPPO7G2B.js.map