@12-apps/ui 6.78.4 → 6.80.0

package/dist/_internal/user-avatar/user-avatar.js

@@ -2,18 +2,19 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-OE3SQOZV.js";
+} from "../../chunk-LHRAHDJF.js";
+import "../../chunk-DQ22UKMZ.js";
 import "../../chunk-UDQSIRAP.js";
-import "../../chunk-KARMRTTM.js";
-import "../../chunk-7XSCEHGA.js";
-import "../../chunk-MTEQEPNY.js";
-import "../../chunk-6ZZGK5DT.js";
+import "../../chunk-DE2GWZ6X.js";
 import "../../chunk-3ZVUNSFF.js";
+import "../../chunk-EOQ6EKTS.js";
+import "../../chunk-6ZZGK5DT.js";
+import "../../chunk-MTEQEPNY.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";
-import "../../chunk-4XBAEKQQ.js";
-import "../../chunk-FKUYRQSP.js";
+import "../../chunk-W2RXXF7K.js";
 import "../../chunk-PLB6WWXW.js";
+import "../../chunk-FKUYRQSP.js";
 import "../../chunk-HDBP55R3.js";
 import "../../chunk-BA4RHQ3B.js";
 import "../../chunk-5USHYSCO.js";
@@ -22,6 +23,7 @@ import "../../chunk-G2FUZALJ.js";
 import "../../chunk-TAMIZE4Q.js";
 import "../../chunk-AJBRO76D.js";
 import "../../chunk-36VXZCJT.js";
+import "../../chunk-O2RXSXSF.js";
 import "../../chunk-TYJR4GOF.js";
 import "../../chunk-QQHZBJMU.js";
 import "../../chunk-7ZADLRLP.js";

package/dist/_internal/utils/resolve-labels.js

@@ -0,0 +1,8 @@
+import {
+  resolveLabels
+} from "../../chunk-LL2BWQPM.js";
+import "../../chunk-PZ5AY32C.js";
+export {
+  resolveLabels
+};
+//# sourceMappingURL=resolve-labels.js.map

package/dist/_internal/utils/resolve-labels.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/charts.js

@@ -1,29 +1,22 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-SB2SEGR6.js";
+} from "./chunk-TIM4PXWN.js";
 import {
   Chart
-} from "./chunk-AMLHEKSV.js";
+} from "./chunk-HI7JPDD6.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
   parseChartSpec,
   specToChartProps
-} from "./chunk-HQCZT6TO.js";
-import {
-  chartValueFormatter,
-  formatChartValue
-} from "./chunk-6GPNZSAE.js";
+} from "./chunk-JVOEVTCZ.js";
 import {
   getChartSpecRenderer,
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "./chunk-WKUA6P3W.js";
-import "./chunk-6ATXOJVQ.js";
-import "./chunk-TZC6KIK2.js";
-import "./chunk-TCWISGSS.js";
-import "./chunk-SOHQPPYJ.js";
+import "./chunk-QADTI63U.js";
 import {
   ChartContainer,
   ChartLegend,
@@ -31,6 +24,13 @@ import {
   ChartTooltip,
   ChartTooltipContent
 } from "./chunk-RIRTW5EU.js";
+import {
+  chartValueFormatter,
+  formatChartValue
+} from "./chunk-6GPNZSAE.js";
+import "./chunk-TZC6KIK2.js";
+import "./chunk-TCWISGSS.js";
+import "./chunk-SOHQPPYJ.js";
 import "./chunk-B7ZHEOQQ.js";
 import "./chunk-ENRB6PIN.js";
 import "./chunk-25MSGLNU.js";

package/dist/{chunk-OPP6USJC.js → chunk-2FQF4CNE.js}

@@ -1,7 +1,7 @@
 import {
   onTrackInk,
   switchSx
-} from "./chunk-2MYSXWZQ.js";
+} from "./chunk-VKTF3GAP.js";
 import {
   LABEL_GAP_UNITS,
   SWITCH_ICON_SIZES,
@@ -220,4 +220,4 @@ export {
   SwitchHelper,
   SwitchRow
 };
-//# sourceMappingURL=chunk-OPP6USJC.js.map
+//# sourceMappingURL=chunk-2FQF4CNE.js.map

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

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

package/dist/{chunk-SV6IQ2YO.js → chunk-3B7EJIG7.js}

@@ -1,8 +1,9 @@
 import {
   indicatorSizeFor,
   stepColors,
-  stepPalette
-} from "./chunk-XKSA4L2X.js";
+  stepPalette,
+  workflowLabels
+} from "./chunk-7DODMQRK.js";
 import {
   neutralTones
 } from "./chunk-XJAD6E3V.js";
@@ -174,6 +175,7 @@ var StepIndicatorComponent = forwardRef(({
   animated,
   disabled,
   onClick,
+  labels,
   "data-testid": dataTestId
 }, ref) => {
   const isDisabled = Boolean(disabled || step.disabled);
@@ -222,7 +224,7 @@ var StepIndicatorComponent = forwardRef(({
       onKeyDown: handleKeyDown,
       role: interactive ? "button" : void 0,
       tabIndex: !interactive ? void 0 : isDisabled ? -1 : 0,
-      "aria-label": `Step ${index + 1}: ${step.title}`,
+      "aria-label": workflowLabels(labels).step(index + 1, step.title),
       "aria-current": isActive ? "step" : void 0,
       "aria-disabled": interactive && isDisabled ? true : void 0,
       "data-testid": dataTestId,
@@ -283,4 +285,4 @@ export {
   StepContentComponent,
   StepItemRow
 };
-//# sourceMappingURL=chunk-SV6IQ2YO.js.map
+//# sourceMappingURL=chunk-3B7EJIG7.js.map

package/dist/chunk-3B7EJIG7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/utility/WorkflowStep/WorkflowStep.parts.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React, { forwardRef, useCallback } from 'react';\n\nimport type { StepColors } from './WorkflowStep.helpers';\nimport { indicatorSizeFor, stepColors, stepPalette, workflowLabels } from './WorkflowStep.helpers';\nimport type {\n  StepConnectorProps,\n  StepContentProps,\n  StepIndicatorProps,\n  WorkflowStepProps,\n} from './WorkflowStep.types';\nimport { neutralTones } from '../../../tokens/ink';\nimport { rem } from '../../../tokens/relative';\n\n// `outlined` shows the surface through a coloured rim; the other three fill it and\n// differ only in what border they keep.\nconst indicatorVariantStyles = (\n  theme: Theme,\n  variant: WorkflowStepProps['variant'],\n  { backgroundColor, borderColor, textColor }: StepColors,\n): CSSObject => {\n  if (variant === 'outlined') {\n    return {\n      border: `${rem(theme, 2)} solid ${borderColor}`,\n      backgroundColor: theme.palette.background.paper,\n    };\n  }\n\n  const filled = { backgroundColor, color: textColor };\n\n  switch (variant) {\n    case 'filled':\n      return filled;\n    case 'minimal':\n      return { ...filled, border: 'none' };\n    case 'default':\n      return { ...filled, border: `1px solid ${borderColor}` };\n    default:\n      return {};\n  }\n};\n\nconst StepItem = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'isLast'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  isLast: boolean;\n}>(({ orientation, isLast }) => ({\n  display: 'flex',\n  flexDirection: orientation === 'vertical' ? 'column' : 'row',\n  alignItems: orientation === 'vertical' ? 'flex-start' : 'center',\n  flex: orientation === 'horizontal' && !isLast ? 1 : 'none',\n  position: 'relative',\n  minWidth: 0, // Allow content to shrink\n}));\n\nconst StepIndicator = styled(Box, {\n  shouldForwardProp: (prop) => !['size', 'variant', 'color', 'isActive', 'isCompleted', 'isError', 'interactive', 'animated', 'disabled'].includes(prop as string),\n})<{\n  size: WorkflowStepProps['size'];\n  variant: WorkflowStepProps['variant'];\n  color: WorkflowStepProps['color'];\n  isActive: boolean;\n  isCompleted: boolean;\n  isError: boolean;\n  interactive: boolean;\n  animated: boolean;\n  disabled: boolean;\n}>(({ theme, size, variant, color, isActive, isCompleted, isError, interactive, animated, disabled }) => {\n  const indicatorSize = indicatorSizeFor(size);\n  const palette = stepPalette(theme, color);\n  const { backgroundColor, borderColor, textColor } = stepColors(theme, palette, {\n    isActive,\n    isCompleted,\n    isError,\n    variant,\n  });\n\n  return {\n    width: rem(theme, indicatorSize),\n    height: rem(theme, indicatorSize),\n    borderRadius: '50%',\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center',\n    fontSize: rem(theme, 12),\n    fontWeight: theme.typography.fontWeightMedium,\n    cursor: interactive && !disabled ? 'pointer' : 'default',\n    transition: animated\n      ? theme.transitions.create(['background-color', 'border-color', 'transform'], {\n          duration: theme.transitions.duration.short,\n        })\n      : 'none',\n    flexShrink: 0,\n\n    ...indicatorVariantStyles(theme, variant, { backgroundColor, borderColor, textColor }),\n\n    // Interactive states\n    ...(interactive && !disabled && {\n      '&:hover': {\n        transform: 'scale(1.1)',\n        boxShadow: theme.shadows[2],\n      },\n      '&:focus-visible': {\n        outline: `${rem(theme, 2)} solid ${palette.main}`,\n        outlineOffset: rem(theme, 2),\n      },\n    }),\n\n    // Disabled state\n    ...(disabled && {\n      opacity: 0.5,\n      cursor: 'not-allowed',\n    }),\n  };\n});\n\nconst StepContent = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'interactive', 'disabled'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  interactive: boolean;\n  disabled: boolean;\n}>(({ theme, orientation, disabled }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  alignItems: orientation === 'vertical' ? 'flex-start' : 'center',\n  textAlign: orientation === 'vertical' ? 'left' : 'center',\n  marginTop: orientation === 'vertical' ? theme.spacing(1) : theme.spacing(0.5),\n  marginLeft: orientation === 'horizontal' ? theme.spacing(1) : 0,\n  // Inert (FUT-2773): the content block has no click handling of its own —\n  // the indicator is the step's one interactive element — so its cursor\n  // never claims to be clickable, whatever `interactive` says.\n  cursor: 'default',\n  minWidth: 0,\n  flex: 1,\n\n  '& .step-title': {\n    fontSize: rem(theme, 14),\n    fontWeight: theme.typography.fontWeightMedium,\n    color: theme.palette.text.primary,\n    marginBottom: theme.spacing(0.5),\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    maxWidth: '100%',\n  },\n\n  '& .step-description': {\n    fontSize: rem(theme, 12),\n    color: theme.palette.text.secondary,\n    overflow: 'hidden',\n    textOverflow: 'ellipsis',\n    whiteSpace: 'nowrap',\n    maxWidth: '100%',\n  },\n\n  ...(disabled && {\n    opacity: 0.5,\n  }),\n}));\n\nconst StepConnector = styled(Box, {\n  shouldForwardProp: (prop) => !['orientation', 'isCompleted', 'color', 'variant', 'animated'].includes(prop as string),\n})<{\n  orientation: WorkflowStepProps['orientation'];\n  isCompleted: boolean;\n  color: WorkflowStepProps['color'];\n  variant: WorkflowStepProps['variant'];\n  animated: boolean;\n}>(({ theme, orientation, isCompleted, color, variant, animated }) => {\n  const connectorColor = isCompleted ? stepPalette(theme, color).main : neutralTones(theme).track;\n\n  return {\n    flex: 1,\n    position: 'relative',\n\n    ...(orientation === 'horizontal' && {\n      height: rem(theme, 2),\n      backgroundColor: connectorColor,\n      margin: `0 ${theme.spacing(1)}`,\n      minWidth: theme.spacing(2),\n    }),\n\n    ...(orientation === 'vertical' && {\n      width: rem(theme, 2),\n      backgroundColor: connectorColor,\n      minHeight: theme.spacing(3),\n      marginLeft: theme.spacing(2),\n      position: 'absolute',\n      left: '50%',\n      transform: 'translateX(-50%)',\n      top: '100%',\n    }),\n\n    transition: animated\n      ? theme.transitions.create('background-color', {\n          duration: theme.transitions.duration.short,\n        })\n      : 'none',\n\n    ...(variant === 'minimal' && {\n      opacity: 0.6,\n    }),\n  };\n});\n\n/**\n * Individual step indicator component\n */\nconst StepIndicatorComponent = forwardRef<HTMLDivElement, StepIndicatorProps>(({\n  step,\n  index,\n  isActive,\n  isCompleted,\n  isError,\n  variant,\n  color,\n  size,\n  showNumbers,\n  showIcons,\n  completedIcon,\n  errorIcon,\n  interactive,\n  animated,\n  disabled,\n  onClick,\n  labels,\n  'data-testid': dataTestId,\n}, ref) => {\n  const isDisabled = Boolean(disabled || step.disabled);\n\n  const handleClick = useCallback(() => {\n    if (interactive && !isDisabled && onClick) {\n      onClick(index, step);\n    }\n  }, [interactive, isDisabled, onClick, index, step]);\n\n  const handleKeyDown = useCallback((event: React.KeyboardEvent) => {\n    if (interactive && !isDisabled && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      if (onClick) {\n        onClick(index, step);\n      }\n    }\n  }, [interactive, isDisabled, onClick, index, step]);\n\n  const renderIndicatorContent = () => {\n    if (isError && errorIcon) {\n      return errorIcon;\n    }\n    if (isCompleted && completedIcon) {\n      return completedIcon;\n    }\n    if (showIcons && step.icon) {\n      return step.icon;\n    }\n    if (showNumbers) {\n      return index + 1;\n    }\n    return null;\n  };\n\n  return (\n    <StepIndicator\n      ref={ref}\n      size={size}\n      variant={variant}\n      color={color}\n      isActive={isActive}\n      isCompleted={isCompleted}\n      isError={isError}\n      interactive={interactive}\n      animated={animated}\n      disabled={isDisabled}\n      onClick={handleClick}\n      onKeyDown={handleKeyDown}\n      role={interactive ? 'button' : undefined}\n      tabIndex={!interactive ? undefined : isDisabled ? -1 : 0}\n      aria-label={workflowLabels(labels).step(index + 1, step.title)}\n      aria-current={isActive ? 'step' : undefined}\n      aria-disabled={interactive && isDisabled ? true : undefined}\n      data-testid={dataTestId}\n    >\n      {renderIndicatorContent()}\n    </StepIndicator>\n  );\n});\n\nStepIndicatorComponent.displayName = 'StepIndicator';\n\n/**\n * Step connector component\n */\nconst StepConnectorComponent = forwardRef<HTMLDivElement, StepConnectorProps>(({\n  isCompleted,\n  orientation,\n  variant,\n  color,\n  // Defaults to the connector's own prior, unconditional behaviour (FUT-2773):\n  // an external caller building a `StepConnectorProps` value that predates\n  // this field keeps the transition it always had.\n  animated = true,\n  'data-testid': dataTestId,\n}, ref) => (\n  <StepConnector\n    ref={ref}\n    orientation={orientation}\n    isCompleted={isCompleted}\n    color={color}\n    variant={variant}\n    animated={animated}\n    data-testid={dataTestId}\n  />\n));\n\nStepConnectorComponent.displayName = 'StepConnector';\n\n/**\n * Step content component.\n *\n * Inert on purpose (FUT-2773): the indicator is the step's one focusable\n * `role=\"button\"` element — it already carries `aria-label=\"Step N: <title>\"`\n * — so the title/description block gets no `role`, `tabIndex`, click or key\n * handling of its own. Two independently-interactive elements per step gave\n * assistive tech two tab stops for what a caller means as a single control.\n */\nconst StepContentComponent = forwardRef<HTMLDivElement, StepContentProps>(({\n  step,\n  orientation,\n  interactive,\n  disabled,\n  'data-testid': dataTestId,\n}, ref) => (\n  <StepContent\n    ref={ref}\n    orientation={orientation}\n    interactive={interactive}\n    disabled={Boolean(disabled || step.disabled)}\n    data-testid={dataTestId}\n  >\n    <div className=\"step-title\">{step.title}</div>\n    {step.description && (\n      <div className=\"step-description\">{step.description}</div>\n    )}\n  </StepContent>\n));\n\nStepContentComponent.displayName = 'StepContent';\n\n/**\n * A plain wrapper around the styled row. Exporting the styled component itself\n * trips TS2742 — its inferred type names a pnpm-internal @mui/system path.\n */\nexport const StepItemRow: React.FC<{\n  orientation: WorkflowStepProps['orientation'];\n  isLast: boolean;\n  children: React.ReactNode;\n}> = ({ orientation, isLast, children }) => (\n  <StepItem orientation={orientation} isLast={isLast}>\n    {children}\n  </StepItem>\n);\n\nexport { StepConnectorComponent, StepContentComponent, StepIndicatorComponent };\n"],"mappings":"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","names":[]}

package/dist/{chunk-GHXW6O5T.js → chunk-3LQLLL2J.js}

@@ -72,15 +72,15 @@ function renderAutoKebab(kebabActions, row, testIdPrefix, getRowId) {
     }
   );
 }
-function defaultSortFields(columns) {
+function defaultSortFields(columns, copy) {
   return columns.filter(
     (col) => col.enableSort !== false && col.type !== "actions" && col.id !== "actions" && typeof col.header === "string" && col.header !== ""
   ).map((col) => ({
     value: col.id,
     label: col.header,
     orderOptions: [
-      { value: "asc", label: "Crescente" },
-      { value: "desc", label: "Decrescente" }
+      { value: "asc", label: copy.sortAscending },
+      { value: "desc", label: copy.sortDescending }
     ]
   }));
 }
@@ -161,4 +161,4 @@ export {
   togglePillValues,
   cardGridTracks
 };
-//# sourceMappingURL=chunk-GHXW6O5T.js.map
+//# sourceMappingURL=chunk-3LQLLL2J.js.map

package/dist/chunk-3LQLLL2J.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-grid-helpers.tsx"],"sourcesContent":["\"use client\";\n\nimport type { Theme } from \"@mui/material/styles/index.js\";\n\nimport type { DataViewsGridCopy } from \"./data-views-copy\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { type GridColumn } from \"../DataGrid\";\nimport { type SortFieldDefinition } from \"../../layout/ContentToolbar\";\nimport { Box } from \"../../../mui/Box\";\nimport { rem, sxRem } from \"../../../tokens/relative\";\nimport { Button } from \"../../form/Button\";\nimport { DropdownMenu, type DropdownMenuItem } from \"../../navigation/DropdownMenu\";\n\nimport type {\n  DataViewColumn,\n  DataViewState,\n  FilterFieldConfig,\n  RangeFieldConfig,\n  RowAction,\n} from \"./data-views-types\";\n\n/** Is this the non-clickable actions column? */\nexport function isActionsColumn<T extends Record<string, unknown>>(col: GridColumn<T>): boolean {\n  return col.type === \"actions\" || col.id === \"actions\";\n}\n\n/**\n * Map the DataView columns to grid columns, applying visibility and — when a row\n * click handler is present — making each non-actions cell, padding included, open the row.\n */\nexport function buildGridColumns<T extends Record<string, unknown>>(\n  columns: DataViewColumn<T>[],\n  visibleColumns: string[],\n  onRowClick: ((row: T) => void) | undefined,\n): GridColumn<T>[] {\n  return columns.map((col) => {\n    const hidden = col.hideable !== false && !visibleColumns.includes(col.id);\n    if (!onRowClick || isActionsColumn(col)) return { ...col, hidden };\n    return {\n      ...col,\n      hidden,\n      // On the cell, not a wrapper inside it: its padding opens the row too.\n      onCellClick: onRowClick,\n      cell: (ctx) => {\n        const content = col.cell ? col.cell(ctx) : ctx.value == null ? \"\" : String(ctx.value);\n        return (\n          <Box sx={{ width: \"100%\", height: \"100%\", display: \"flex\", alignItems: \"center\" }}>\n            {content}\n          </Box>\n        );\n      },\n    };\n  });\n}\n\ninterface ActionsColumnConfig<T extends Record<string, unknown>> {\n  /** Whose type scale the column's width is drawn at. */\n  theme: Theme;\n  /** Actions that build the auto \"⋮\" kebab. Ignored when `renderRowMenu` is set. */\n  rowActions: RowAction<T>[];\n  /** Optional leading slot (e.g. a favourite star) rendered before the kebab. */\n  leading?: (row: T) => React.ReactNode;\n  testIdPrefix: string;\n  getRowId: (row: T) => string | number;\n  /**\n   * Escape hatch: render a bespoke per-row menu (e.g. an entity's self-contained\n   * 3-dots menu that owns its own popups) INSTEAD of the auto kebab built from\n   * `rowActions`. This is how the table row and the card share ONE menu component.\n   * `rowActions`/`bulkActions` still drive the multi-row bulk menu, which a\n   * single-row menu intentionally does not replace.\n   */\n  renderRowMenu?: (row: T) => React.ReactNode;\n}\n\n/**\n * The auto \"⋮\" kebab actions column built from the reusable `rowActions` — the\n * SAME definitions that feed the bulk menu, so the two never drift. Each item\n * acts on just this row; `rowLabel` provides a per-row label when set. An\n * optional `leading` slot (e.g. a favourite star) renders before the kebab.\n * When `renderRowMenu` is supplied, the cell renders that bespoke menu instead.\n */\nexport function buildRowActionsColumn<T extends Record<string, unknown>>(\n  config: ActionsColumnConfig<T>,\n): DataViewColumn<T> {\n  const { theme, rowActions, leading, testIdPrefix, getRowId, renderRowMenu } = config;\n  const kebabActions = rowActions.filter((action) => action.row !== false);\n  return {\n    id: \"actions\",\n    header: \"\",\n    type: \"actions\",\n    enableSort: false,\n    hideable: false,\n    // Narrow: the column only holds the \"⋮\" kebab (plus an optional leading icon),\n    // so it needs room for just one or two icons — 72 or 44 design px.\n    width: rem(theme, leading ? 72 : 44),\n    cell: ({ row }) => (\n      <Box component=\"span\" sx={{ display: \"inline-flex\", alignItems: \"center\", gap: sxRem(2), justifyContent: \"flex-end\" }}>\n        {leading?.(row)}\n        {renderRowMenu\n          ? renderRowMenu(row)\n          : renderAutoKebab(kebabActions, row, testIdPrefix, getRowId)}\n      </Box>\n    ),\n  };\n}\n\n/** The built-in kebab menu for one row, derived from `rowActions`. */\nfunction renderAutoKebab<T extends Record<string, unknown>>(\n  kebabActions: RowAction<T>[],\n  row: T,\n  testIdPrefix: string,\n  getRowId: (row: T) => string | number,\n): React.ReactNode {\n  const copy = useDataViewsCopy();\n  const items: DropdownMenuItem[] = kebabActions\n    .filter((action) => action.isVisible?.(row) ?? true)\n    .map((action) => ({\n      id: action.id,\n      label: action.rowLabel ? action.rowLabel(row) : action.label,\n      color: action.color,\n      onClick: () => void action.onSelect([row]),\n    }));\n  if (items.length === 0) return null;\n  return (\n    <DropdownMenu\n      size=\"sm\"\n      items={items}\n      trigger={\n        <Button variant=\"text\" size=\"sm\" dataTestId={`${testIdPrefix}-actions-${getRowId(row)}`} aria-label={copy.grid.rowActions}>\n          ⋮\n        </Button>\n      }\n    />\n  );\n}\n\n/**\n * Sort options derived from the sortable columns when a page supplies none,\n * each offering the two orders in the host's words.\n */\nexport function defaultSortFields<T extends Record<string, unknown>>(\n  columns: DataViewColumn<T>[],\n  copy: Pick<DataViewsGridCopy, \"sortAscending\" | \"sortDescending\">,\n): SortFieldDefinition[] {\n  return columns\n    .filter(\n      (col) =>\n        col.enableSort !== false &&\n        col.type !== \"actions\" &&\n        col.id !== \"actions\" &&\n        typeof col.header === \"string\" &&\n        col.header !== \"\",\n    )\n    .map((col) => ({\n      value: col.id,\n      label: col.header as string,\n      orderOptions: [\n        { value: \"asc\", label: copy.sortAscending },\n        { value: \"desc\", label: copy.sortDescending },\n      ],\n    }));\n}\n\n/** Count active filters (search + selected pills + bounded ranges) for the badge. */\nexport function computeActiveFilterCount<T extends Record<string, unknown>>(\n  state: DataViewState,\n  fields: FilterFieldConfig<T>[],\n  rangeFields: RangeFieldConfig<T>[],\n): number {\n  const ranges = state.ranges ?? {};\n  const pillCount = fields.reduce((n, field) => n + ((state.pills[field.id]?.length ?? 0) > 0 ? 1 : 0), 0);\n  const rangeCount = rangeFields.reduce((n, field) => {\n    const range = ranges[field.id];\n    return n + (range && (range.min != null || range.max != null) ? 1 : 0);\n  }, 0);\n  return (state.search.trim() ? 1 : 0) + pillCount + rangeCount;\n}\n\nfunction bulkMenuItems<T extends Record<string, unknown>>(\n  rowActions: RowAction<T>[],\n  selectedRows: T[],\n  clearSelection: () => void,\n): DropdownMenuItem[] {\n  return rowActions\n    .filter((action) => action.bulk !== false)\n    .map((action) => {\n      // State-machine guards: the action runs only on the rows it applies to,\n      // and disappears from the menu when none of the selection qualifies.\n      const targets = action.isVisible ? selectedRows.filter(action.isVisible) : selectedRows;\n      return { action, targets };\n    })\n    .filter(({ targets }) => targets.length > 0)\n    .map(({ action, targets }) => ({\n      id: action.id,\n      label: action.label,\n      color: action.color,\n      onClick: () => {\n        // Run the (possibly async) handler on the captured selection, then clear\n        // it — but only once the work settles. On failure keep the selection so\n        // the user can see which rows still need action and retry.\n        const result = action.onSelect(targets);\n        if (result instanceof Promise) {\n          void result.then(\n            () => clearSelection(),\n            () => {\n              /* keep the selection on failure so the user can retry */\n            },\n          );\n        } else {\n          clearSelection();\n        }\n      },\n    }));\n}\n\ninterface RenderBulkArgs<T extends Record<string, unknown>> {\n  rowActions: RowAction<T>[] | undefined;\n  bulkActions: ((selectedRows: T[], clearSelection: () => void) => React.ReactNode) | undefined;\n  selectedRows: T[];\n  clearSelection: () => void;\n  testIdPrefix: string;\n}\n\n/**\n * The selection bulk control shown in the toolbar. Prefers the reusable\n * `rowActions` (an \"Ações\" dropdown mirroring the row kebab); falls back to the\n * low-level `bulkActions` render prop. Renders nothing with no selection.\n */\nexport function renderBulkActions<T extends Record<string, unknown>>({\n  rowActions,\n  bulkActions,\n  selectedRows,\n  clearSelection,\n  testIdPrefix,\n}: RenderBulkArgs<T>): React.ReactNode {\n  const copy = useDataViewsCopy();\n  if (selectedRows.length === 0) return undefined;\n  if (rowActions) {\n    const items = bulkMenuItems(rowActions, selectedRows, clearSelection);\n    if (items.length === 0) return undefined;\n    return (\n      <DropdownMenu\n        size=\"sm\"\n        items={items}\n        trigger={\n          <Button variant=\"outline\" size=\"sm\" dataTestId={`${testIdPrefix}-bulk-actions`}>\n            {copy.grid.bulkActions(selectedRows.length)}\n          </Button>\n        }\n      />\n    );\n  }\n  return bulkActions ? bulkActions(selectedRows, clearSelection) : undefined;\n}\n\n/** Toggle a single value in a pill's selected-list (returns the next list). */\nexport function togglePillValues(current: string[] | undefined, value: string, checked: boolean): string[] {\n  const list = current ?? [];\n  return checked ? [...list, value] : list.filter((v) => v !== value);\n}\n\n/**\n * The card grid's `grid-template-columns`, as an sx fragment.\n *\n * One rule at every width: each card asks for `targetWidth` and `auto-fill`\n * decides how many fit. Density moves the target, so it changes the count at\n * every size — which the previous column-count cap could not do, because its\n * track floor bottomed out at a constant shared by all three densities.\n *\n * Below `sm` this is a single column, and no target changes that. That is why\n * the density control hides itself there rather than offering three settings\n * that all draw the same thing.\n */\nexport function cardGridTracks(targetWidth: number) {\n  return {\n    gridTemplateColumns: (theme: Theme) => ({\n      xs: \"1fr\",\n      sm: `repeat(auto-fill, minmax(${rem(theme, targetWidth)}, 1fr))`,\n    }),\n  };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AA8CU,cAkDJ,YAlDI;AAxBH,SAAS,gBAAmD,KAA6B;AAC9F,SAAO,IAAI,SAAS,aAAa,IAAI,OAAO;AAC9C;AAMO,SAAS,iBACd,SACA,gBACA,YACiB;AACjB,SAAO,QAAQ,IAAI,CAAC,QAAQ;AAC1B,UAAM,SAAS,IAAI,aAAa,SAAS,CAAC,eAAe,SAAS,IAAI,EAAE;AACxE,QAAI,CAAC,cAAc,gBAAgB,GAAG,EAAG,QAAO,EAAE,GAAG,KAAK,OAAO;AACjE,WAAO;AAAA,MACL,GAAG;AAAA,MACH;AAAA;AAAA,MAEA,aAAa;AAAA,MACb,MAAM,CAAC,QAAQ;AACb,cAAM,UAAU,IAAI,OAAO,IAAI,KAAK,GAAG,IAAI,IAAI,SAAS,OAAO,KAAK,OAAO,IAAI,KAAK;AACpF,eACE,oBAACA,UAAA,EAAI,IAAI,EAAE,OAAO,QAAQ,QAAQ,QAAQ,SAAS,QAAQ,YAAY,SAAS,GAC7E,mBACH;AAAA,MAEJ;AAAA,IACF;AAAA,EACF,CAAC;AACH;AA4BO,SAAS,sBACd,QACmB;AACnB,QAAM,EAAE,OAAO,YAAY,SAAS,cAAc,UAAU,cAAc,IAAI;AAC9E,QAAM,eAAe,WAAW,OAAO,CAAC,WAAW,OAAO,QAAQ,KAAK;AACvE,SAAO;AAAA,IACL,IAAI;AAAA,IACJ,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,YAAY;AAAA,IACZ,UAAU;AAAA;AAAA;AAAA,IAGV,OAAO,IAAI,OAAO,UAAU,KAAK,EAAE;AAAA,IACnC,MAAM,CAAC,EAAE,IAAI,MACX,qBAACA,UAAA,EAAI,WAAU,QAAO,IAAI,EAAE,SAAS,eAAe,YAAY,UAAU,KAAK,MAAM,CAAC,GAAG,gBAAgB,WAAW,GACjH;AAAA,gBAAU,GAAG;AAAA,MACb,gBACG,cAAc,GAAG,IACjB,gBAAgB,cAAc,KAAK,cAAc,QAAQ;AAAA,OAC/D;AAAA,EAEJ;AACF;AAGA,SAAS,gBACP,cACA,KACA,cACA,UACiB;AACjB,QAAM,OAAO,iBAAiB;AAC9B,QAAM,QAA4B,aAC/B,OAAO,CAAC,WAAW,OAAO,YAAY,GAAG,KAAK,IAAI,EAClD,IAAI,CAAC,YAAY;AAAA,IAChB,IAAI,OAAO;AAAA,IACX,OAAO,OAAO,WAAW,OAAO,SAAS,GAAG,IAAI,OAAO;AAAA,IACvD,OAAO,OAAO;AAAA,IACd,SAAS,MAAM,KAAK,OAAO,SAAS,CAAC,GAAG,CAAC;AAAA,EAC3C,EAAE;AACJ,MAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL;AAAA,MACA,SACE,oBAAC,UAAO,SAAQ,QAAO,MAAK,MAAK,YAAY,GAAG,YAAY,YAAY,SAAS,GAAG,CAAC,IAAI,cAAY,KAAK,KAAK,YAAY,oBAE3H;AAAA;AAAA,EAEJ;AAEJ;AAMO,SAAS,kBACd,SACA,MACuB;AACvB,SAAO,QACJ;AAAA,IACC,CAAC,QACC,IAAI,eAAe,SACnB,IAAI,SAAS,aACb,IAAI,OAAO,aACX,OAAO,IAAI,WAAW,YACtB,IAAI,WAAW;AAAA,EACnB,EACC,IAAI,CAAC,SAAS;AAAA,IACb,OAAO,IAAI;AAAA,IACX,OAAO,IAAI;AAAA,IACX,cAAc;AAAA,MACZ,EAAE,OAAO,OAAO,OAAO,KAAK,cAAc;AAAA,MAC1C,EAAE,OAAO,QAAQ,OAAO,KAAK,eAAe;AAAA,IAC9C;AAAA,EACF,EAAE;AACN;AAGO,SAAS,yBACd,OACA,QACA,aACQ;AACR,QAAM,SAAS,MAAM,UAAU,CAAC;AAChC,QAAM,YAAY,OAAO,OAAO,CAAC,GAAG,UAAU,MAAM,MAAM,MAAM,MAAM,EAAE,GAAG,UAAU,KAAK,IAAI,IAAI,IAAI,CAAC;AACvG,QAAM,aAAa,YAAY,OAAO,CAAC,GAAG,UAAU;AAClD,UAAM,QAAQ,OAAO,MAAM,EAAE;AAC7B,WAAO,KAAK,UAAU,MAAM,OAAO,QAAQ,MAAM,OAAO,QAAQ,IAAI;AAAA,EACtE,GAAG,CAAC;AACJ,UAAQ,MAAM,OAAO,KAAK,IAAI,IAAI,KAAK,YAAY;AACrD;AAEA,SAAS,cACP,YACA,cACA,gBACoB;AACpB,SAAO,WACJ,OAAO,CAAC,WAAW,OAAO,SAAS,KAAK,EACxC,IAAI,CAAC,WAAW;AAGf,UAAM,UAAU,OAAO,YAAY,aAAa,OAAO,OAAO,SAAS,IAAI;AAC3E,WAAO,EAAE,QAAQ,QAAQ;AAAA,EAC3B,CAAC,EACA,OAAO,CAAC,EAAE,QAAQ,MAAM,QAAQ,SAAS,CAAC,EAC1C,IAAI,CAAC,EAAE,QAAQ,QAAQ,OAAO;AAAA,IAC7B,IAAI,OAAO;AAAA,IACX,OAAO,OAAO;AAAA,IACd,OAAO,OAAO;AAAA,IACd,SAAS,MAAM;AAIb,YAAM,SAAS,OAAO,SAAS,OAAO;AACtC,UAAI,kBAAkB,SAAS;AAC7B,aAAK,OAAO;AAAA,UACV,MAAM,eAAe;AAAA,UACrB,MAAM;AAAA,UAEN;AAAA,QACF;AAAA,MACF,OAAO;AACL,uBAAe;AAAA,MACjB;AAAA,IACF;AAAA,EACF,EAAE;AACN;AAeO,SAAS,kBAAqD;AAAA,EACnE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAuC;AACrC,QAAM,OAAO,iBAAiB;AAC9B,MAAI,aAAa,WAAW,EAAG,QAAO;AACtC,MAAI,YAAY;AACd,UAAM,QAAQ,cAAc,YAAY,cAAc,cAAc;AACpE,QAAI,MAAM,WAAW,EAAG,QAAO;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL;AAAA,QACA,SACE,oBAAC,UAAO,SAAQ,WAAU,MAAK,MAAK,YAAY,GAAG,YAAY,iBAC5D,eAAK,KAAK,YAAY,aAAa,MAAM,GAC5C;AAAA;AAAA,IAEJ;AAAA,EAEJ;AACA,SAAO,cAAc,YAAY,cAAc,cAAc,IAAI;AACnE;AAGO,SAAS,iBAAiB,SAA+B,OAAe,SAA4B;AACzG,QAAM,OAAO,WAAW,CAAC;AACzB,SAAO,UAAU,CAAC,GAAG,MAAM,KAAK,IAAI,KAAK,OAAO,CAAC,MAAM,MAAM,KAAK;AACpE;AAcO,SAAS,eAAe,aAAqB;AAClD,SAAO;AAAA,IACL,qBAAqB,CAAC,WAAkB;AAAA,MACtC,IAAI;AAAA,MACJ,IAAI,4BAA4B,IAAI,OAAO,WAAW,CAAC;AAAA,IACzD;AAAA,EACF;AACF;","names":["default"]}

package/dist/{chunk-4MQ6XTIJ.js → chunk-3OWFUFZL.js}

@@ -1,9 +1,13 @@
 import {
   usePhoneInput
-} from "./chunk-BGYLL467.js";
+} from "./chunk-N3W6FZOC.js";
 import {
-  countries
-} from "./chunk-3JDP5OUR.js";
+  countriesByDisplayName,
+  countryDisplayName
+} from "./chunk-RQY5ONSF.js";
+import {
+  EN_US_PHONE_INPUT_COPY
+} from "./chunk-DVRNW33K.js";
 import {
   fieldControlStyles,
   fieldTextFieldStyles
@@ -31,6 +35,7 @@ import MenuItem from "@mui/material/MenuItem/index.js";
 import TextField from "@mui/material/TextField/index.js";
 import Typography from "@mui/material/Typography/index.js";
 import { alpha, styled, useTheme } from "@mui/material/styles/index.js";
+import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var FieldTextField = styled(TextField)(({ theme }) => fieldTextFieldStyles(theme));
 var GlassTextField = styled(TextField)(({ theme }) => ({
@@ -139,11 +144,10 @@ var PhoneField = ({
 );
 var PHONE_INPUT_DEFAULTS = {
   variant: "outlined",
-  label: "Phone Number",
-  placeholder: "Enter phone number",
   icon: /* @__PURE__ */ jsx(PhoneIcon, {}),
   defaultValue: "",
-  countryCode: "US",
+  // The owner's market: a host that names no country starts at Brazil.
+  countryCode: "BR",
   floating: false,
   error: false,
   disabled: false,
@@ -153,6 +157,10 @@ var PHONE_INPUT_DEFAULTS = {
 var definedProps = (props) => Object.fromEntries(
   Object.entries(props).filter(([, value]) => value !== void 0)
 );
+var copyDefaults = (copy) => ({
+  label: copy.label ?? EN_US_PHONE_INPUT_COPY.label,
+  placeholder: copy.placeholder ?? EN_US_PHONE_INPUT_COPY.placeholder
+});
 var CountryAdornment = ({ country, menuOpen, onOpen, onOpenViaKeyboard, selectCountryLabel }) => /* @__PURE__ */ jsx(InputAdornment, { position: "start", "data-testid": "phone-input-start-adornment", children: /* @__PURE__ */ jsxs(
   CountrySelector,
   {
@@ -201,8 +209,9 @@ var ValidityAdornment = ({
     }
   ) });
 };
-var CountryPicker = ({ anchorEl, selectedCode, onClose, onSelect }) => {
+var CountryPicker = ({ anchorEl, selectedCode, onClose, onSelect, countryName }) => {
   const theme = useTheme();
+  const listed = useMemo(() => countriesByDisplayName(countryName), [countryName]);
   return /* @__PURE__ */ jsx(
     CountryMenu,
     {
@@ -218,7 +227,7 @@ var CountryPicker = ({ anchorEl, selectedCode, onClose, onSelect }) => {
         horizontal: "left"
       },
       "data-testid": "country-menu",
-      children: countries.map((country) => /* @__PURE__ */ jsxs(
+      children: listed.map((country) => /* @__PURE__ */ jsxs(
         MenuItem,
         {
           onClick: () => onSelect(country),
@@ -234,7 +243,7 @@ var CountryPicker = ({ anchorEl, selectedCode, onClose, onSelect }) => {
             /* @__PURE__ */ jsx(
               ListItemText,
               {
-                primary: country.name,
+                primary: country.displayName,
                 secondary: country.dial,
                 primaryTypographyProps: { fontSize: rem(theme, 14.4) },
                 secondaryTypographyProps: { fontSize: rem(theme, 12.8) }
@@ -280,7 +289,11 @@ var PhoneInput = (props) => {
     disabled,
     required,
     fullWidth
-  } = { ...PHONE_INPUT_DEFAULTS, ...definedProps(props) };
+  } = {
+    ...PHONE_INPUT_DEFAULTS,
+    ...copyDefaults(copy),
+    ...definedProps(props)
+  };
   const {
     value,
     selectedCountry,
@@ -302,7 +315,7 @@ var PhoneInput = (props) => {
     value,
     isFocused,
     helper,
-    countryName: selectedCountry?.name,
+    countryName: selectedCountry && countryDisplayName(selectedCountry, copy.countryName),
     copy
   });
   const TextFieldComponent = variant === "glass" ? GlassTextField : FieldTextField;
@@ -337,7 +350,8 @@ var PhoneInput = (props) => {
         anchorEl,
         selectedCode: selectedCountry?.code,
         onClose: handleCountryClose,
-        onSelect: handleCountrySelect
+        onSelect: handleCountrySelect,
+        countryName: copy.countryName
       }
     )
   ] });
@@ -348,4 +362,4 @@ export {
   PhoneInput,
   PhoneInput_default
 };
-//# sourceMappingURL=chunk-4MQ6XTIJ.js.map
+//# sourceMappingURL=chunk-3OWFUFZL.js.map

package/dist/chunk-3OWFUFZL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/PhoneInput/PhoneInput.tsx"],"sourcesContent":["import ArrowDropDown from '@mui/icons-material/ArrowDropDown';\nimport PhoneIcon from '@mui/icons-material/Phone';\nimport Box from '@mui/material/Box/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport ListItemIcon from '@mui/material/ListItemIcon/index.js';\nimport ListItemText from '@mui/material/ListItemText/index.js';\nimport Menu from '@mui/material/Menu/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled, useTheme } from '@mui/material/styles/index.js';\nimport type { FC} from 'react';\nimport React, { useMemo } from 'react';\n\nimport { countriesByDisplayName, countryDisplayName } from './countries';\nimport { usePhoneInput } from './PhoneInput.hooks';\nimport type { CountryData,PhoneInputProps } from './PhoneInput.types';\nimport type { PhoneInputCopy } from '../../../copy';\nimport { EN_US_PHONE_INPUT_COPY } from '../../../en-US.form';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { fieldControlStyles, fieldTextFieldStyles } from '../../../tokens/field-height';\nimport { rem, sxRem } from '../../../tokens/relative';\n\n// Country data with expanded support\n\n// Styled components\n/** The plain variant: MUI's own field, on the theme's field radius. */\nconst FieldTextField = styled(TextField)(({ theme }) => fieldTextFieldStyles(theme));\n\nconst GlassTextField = styled(TextField)(({ theme }) => ({\n  ...fieldControlStyles(theme),\n  '& .MuiOutlinedInput-root': {\n    borderRadius: fieldRadius(theme),\n    background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.8)} 0%, ${alpha(theme.palette.background.paper, 0.6)} 100%)`,\n    backdropFilter: `blur(${rem(theme, 10)})`,\n    WebkitBackdropFilter: `blur(${rem(theme, 10)})`,\n    border: `1px solid ${fieldEdge(theme)}`,\n    transition: theme.transitions.create(['border-color', 'box-shadow', 'background']),\n    '&:hover': {\n      background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.9)} 0%, ${alpha(theme.palette.background.paper, 0.7)} 100%)`,\n      borderColor: theme.palette.primary.main },\n    '&.Mui-focused': {\n      background: theme.palette.background.paper,\n      boxShadow: `0 0 0 ${rem(theme, 2)} ${alpha(theme.palette.primary.main, 0.25)}` },\n    '& fieldset': {\n      border: 'none' } },\n  '& .MuiInputLabel-root': {\n    '&.Mui-focused': {\n      color: theme.palette.primary.main } } }));\n\nconst CountrySelector = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  padding: theme.spacing(0.5, 1),\n  borderRadius: theme.shape.borderRadius,\n  cursor: 'pointer',\n  transition: theme.transitions.create(['background-color']),\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.primary.main, 0.08) } }));\n\nconst CountryMenu = styled(Menu)(({ theme }) => ({\n  '& .MuiPaper-root': {\n    background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,\n    backdropFilter: `blur(${rem(theme, 20)})`,\n    WebkitBackdropFilter: `blur(${rem(theme, 20)})`,\n    border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,\n    maxHeight: rem(theme, 400) } }));\n\n// Helper functions with enhanced validation\n// The text field itself with its two adornments. Split out so PhoneInput is\n// prop defaults, the hook call and composition.\nconst PhoneField: React.FC<{\n  TextFieldComponent: React.ElementType;\n  variant: PhoneInputProps['variant'];\n  label?: React.ReactNode;\n  placeholder?: string;\n  value: string;\n  validation: { hasError: boolean; helperText?: React.ReactNode };\n  disabled: boolean;\n  required: boolean;\n  fullWidth: boolean;\n  icon?: React.ReactNode;\n  isValid: boolean;\n  selectedCountry?: CountryData;\n  anchorEl: HTMLElement | null;\n  onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;\n  onFocus: () => void;\n  onBlur: () => void;\n  onCountryOpen: (event: React.MouseEvent<HTMLElement>) => void;\n  onCountryOpenViaKeyboard: (element: HTMLElement) => void;\n  copy: PhoneInputCopy;\n}> = ({\n  TextFieldComponent,\n  copy,\n  variant,\n  label,\n  placeholder,\n  value,\n  validation,\n  disabled,\n  required,\n  fullWidth,\n  icon,\n  isValid,\n  selectedCountry,\n  anchorEl,\n  onChange,\n  onFocus,\n  onBlur,\n  onCountryOpen,\n  onCountryOpenViaKeyboard }) => (\n      <TextFieldComponent\n        variant={variant === 'glass' ? 'outlined' : variant}\n        label={label}\n        placeholder={placeholder}\n        value={value}\n        onChange={onChange}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        error={validation.hasError}\n        helperText={validation.helperText}\n        disabled={disabled}\n        required={required}\n        fullWidth={fullWidth}\n        type=\"tel\"\n        data-testid=\"phone-input-field\"\n        InputProps={{\n          startAdornment: (\n            <CountryAdornment\n              selectCountryLabel={copy.selectCountry}\n              country={selectedCountry}\n              menuOpen={Boolean(anchorEl)}\n              onOpen={onCountryOpen}\n              onOpenViaKeyboard={onCountryOpenViaKeyboard}\n            />\n          ),\n          endAdornment: <ValidityAdornment icon={icon} isValid={isValid} /> }}\n        sx={{\n          '& input': {\n            letterSpacing: sxRem(0.5) } }}\n      />\n);\n\nconst PHONE_INPUT_DEFAULTS = {\n  variant: 'outlined',\n  icon: <PhoneIcon />,\n  defaultValue: '',\n  // The owner's market: a host that names no country starts at Brazil.\n  countryCode: 'BR',\n  floating: false,\n  error: false,\n  disabled: false,\n  required: false,\n  fullWidth: true } satisfies Partial<PhoneInputProps>;\n\n// Drops explicitly-undefined props before the merge, so `prop={undefined}` falls\n// back to the default exactly as a destructuring default would. Eleven separate\n// destructuring defaults were most of this component's branch count.\nconst definedProps = (props: PhoneInputProps): Partial<PhoneInputProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<PhoneInputProps>;\n\n// The label and placeholder a host passes as props win; then the copy pack's;\n// then the English the field has always shown.\nconst copyDefaults = (copy: PhoneInputCopy): Pick<PhoneInputProps, 'label' | 'placeholder'> => ({\n  label: copy.label ?? EN_US_PHONE_INPUT_COPY.label,\n  placeholder: copy.placeholder ?? EN_US_PHONE_INPUT_COPY.placeholder });\n\nconst CountryAdornment: React.FC<{\n  country?: CountryData;\n  menuOpen: boolean;\n  onOpen: (event: React.MouseEvent<HTMLElement>) => void;\n  onOpenViaKeyboard: (element: HTMLElement) => void;\n  selectCountryLabel: string;\n}> = ({ country, menuOpen, onOpen, onOpenViaKeyboard, selectCountryLabel }) => (\n  <InputAdornment position=\"start\" data-testid=\"phone-input-start-adornment\">\n    <CountrySelector\n      onClick={onOpen}\n      role=\"button\"\n      aria-label={selectCountryLabel}\n      aria-expanded={menuOpen}\n      tabIndex={0}\n      data-testid=\"country-selector\"\n      onKeyDown={(e) => {\n        if (e.key !== 'Enter' && e.key !== ' ') return;\n        e.preventDefault();\n        onOpenViaKeyboard(e.currentTarget as HTMLElement);\n      }}\n    >\n      <Typography variant=\"h6\" component=\"span\" sx={{ mr: 0.5 }} data-testid=\"country-flag\">\n        {country?.flag}\n      </Typography>\n      <Typography\n        variant=\"body2\"\n        color=\"text.secondary\"\n        sx={{ mr: 0.5 }}\n        data-testid=\"country-dial-code\"\n      >\n        {country?.dial}\n      </Typography>\n      <ArrowDropDown fontSize=\"small\" data-testid=\"country-dropdown-icon\" />\n    </CountrySelector>\n  </InputAdornment>\n);\n\n// The trailing icon turns green once the number validates.\nconst ValidityAdornment: React.FC<{ icon?: React.ReactNode; isValid: boolean }> = ({\n  icon,\n  isValid }) => {\n  const theme = useTheme();\n\n  if (!icon) return null;\n\n  return (\n    <InputAdornment position=\"end\" data-testid=\"phone-input-end-adornment\">\n      <Box\n        sx={{\n          color: isValid ? theme.palette.success.main : theme.palette.text.secondary,\n          transition: 'color 0.3s ease' }}\n        data-testid=\"phone-input-icon\"\n      >\n        {icon}\n      </Box>\n    </InputAdornment>\n  );\n};\n\nconst CountryPicker: React.FC<{\n  anchorEl: HTMLElement | null;\n  selectedCode?: CountryData['code'];\n  onClose: () => void;\n  onSelect: (country: CountryData) => void;\n  countryName?: PhoneInputCopy['countryName'];\n}> = ({ anchorEl, selectedCode, onClose, onSelect, countryName }) => {\n  const theme = useTheme();\n  const listed = useMemo(() => countriesByDisplayName(countryName), [countryName]);\n\n  return (\n        <CountryMenu\n          anchorEl={anchorEl}\n          open={Boolean(anchorEl)}\n          onClose={onClose}\n          anchorOrigin={{\n            vertical: 'bottom',\n            horizontal: 'left' }}\n          transformOrigin={{\n            vertical: 'top',\n            horizontal: 'left' }}\n          data-testid=\"country-menu\"\n        >\n          {listed.map((country) => (\n            <MenuItem\n              key={country.code}\n              onClick={() => onSelect(country)}\n              selected={country.code === selectedCode}\n              data-testid={`country-option-${country.code}`}\n              sx={{\n                '&:hover': {\n                  background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)} 0%, ${alpha(theme.palette.primary.main, 0.05)} 100%)` } }}\n            >\n              <ListItemIcon sx={{ minWidth: sxRem(36) }}>\n                <Typography variant=\"h5\" component=\"span\">\n                  {country.flag}\n                </Typography>\n              </ListItemIcon>\n              <ListItemText\n                primary={country.displayName}\n                secondary={country.dial}\n                primaryTypographyProps={{ fontSize: rem(theme, 14.4) }}\n                secondaryTypographyProps={{ fontSize: rem(theme, 12.8) }}\n              />\n            </MenuItem>\n          ))}\n        </CountryMenu>\n  );\n};\n\n// The field shows an error either because the caller says so, or because what\n// has been typed does not validate and the user has moved on.\nconst resolveValidation = ({\n  error,\n  errorMessage,\n  isValid,\n  value,\n  isFocused,\n  helper,\n  countryName,\n  copy }: {\n  error: boolean;\n  errorMessage?: string;\n  isValid: boolean;\n  value: string;\n  isFocused: boolean;\n  helper?: React.ReactNode;\n  countryName?: string;\n  copy: PhoneInputCopy;\n}) => {\n  const looksInvalid = !isValid && value !== '' && !isFocused;\n\n  return {\n    hasError: error || looksInvalid,\n    helperText:\n      errorMessage ||\n      (looksInvalid ? copy.invalidNumber(countryName || copy.unknownCountry) : helper) };\n};\n\nexport const PhoneInput: FC<PhoneInputProps> = (props) => {\n  const { copy } = props;\n  const {\n    variant,\n    label,\n    placeholder,\n    icon,\n    defaultValue,\n    countryCode: initialCountryCode,\n    floating,\n    onChange,\n    helper,\n    error,\n    errorMessage,\n    disabled,\n    required,\n    fullWidth } = {\n    ...PHONE_INPUT_DEFAULTS,\n    ...copyDefaults(copy),\n    ...definedProps(props) };\n  const {\n    value,\n    selectedCountry,\n    anchorEl,\n    isValid,\n    isFocused,\n    setIsFocused,\n    setAnchorEl,\n    handleCountryClick,\n    handleCountryClose,\n    handleCountrySelect,\n    handleChange,\n    handleBlur } = usePhoneInput({ defaultValue, initialCountryCode, onChange });\n\n  const validation = resolveValidation({\n    error,\n    errorMessage,\n    isValid,\n    value,\n    isFocused,\n    helper,\n    countryName: selectedCountry && countryDisplayName(selectedCountry, copy.countryName),\n    copy });\n\n  const TextFieldComponent = variant === 'glass' ? GlassTextField : FieldTextField;\n\n  return (\n    <Box data-testid=\"phone-input-container\">\n      <PhoneField\n        copy={copy}\n        TextFieldComponent={TextFieldComponent}\n        variant={variant}\n        label={floating ? undefined : label}\n        placeholder={placeholder}\n        value={value}\n        validation={validation}\n        disabled={disabled}\n        required={required}\n        fullWidth={fullWidth}\n        icon={icon}\n        isValid={isValid}\n        selectedCountry={selectedCountry}\n        anchorEl={anchorEl}\n        onChange={handleChange}\n        onFocus={() => setIsFocused(true)}\n        onBlur={handleBlur}\n        onCountryOpen={handleCountryClick}\n        onCountryOpenViaKeyboard={setAnchorEl}\n      />\n\n      <CountryPicker\n        anchorEl={anchorEl}\n        selectedCode={selectedCountry?.code}\n        onClose={handleCountryClose}\n        onSelect={handleCountrySelect}\n        countryName={copy.countryName}\n      />\n    </Box>\n  );\n};\n\n// Export default\nexport default PhoneInput;\n"],"mappings":"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","names":[]}

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

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

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

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

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

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

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

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

package/dist/{chunk-RA6W37NZ.js → chunk-4JV46KXS.js}

@@ -1,16 +1,19 @@
-import {
-  MapControlBar
-} from "./chunk-VNOFFVRQ.js";
-import {
-  MapSearchBar
-} from "./chunk-Y4KR4LT2.js";
 import {
   HeatmapOverlay,
   RouteOverlay
 } from "./chunk-ZZ4MMUBY.js";
+import {
+  MapControlBar
+} from "./chunk-SEUJNFOD.js";
+import {
+  resolveMapCopy
+} from "./chunk-D4LMRSY7.js";
 import {
   HEATMAP_VIEWBOX
 } from "./chunk-H2J2MTRE.js";
+import {
+  MapSearchBar
+} from "./chunk-Y4KR4LT2.js";
 
 // src/components/data-display/MapPreview/MapLayers.tsx
 import { useTheme } from "@mui/material/styles/index.js";
@@ -31,7 +34,7 @@ var MapLayers = ({ settings, zoom, mapType, search, controls }) => {
       {
         label: settings.copy.search,
         value: search.searchValue,
-        placeholder: settings.searchPlaceholder,
+        placeholder: settings.searchPlaceholder ?? resolveMapCopy(settings.copy).searchPlaceholder,
         isSearching: search.isSearching,
         onChange: search.setSearchValue,
         onSubmit: search.handleSearch
@@ -56,4 +59,4 @@ var MapLayers = ({ settings, zoom, mapType, search, controls }) => {
 export {
   MapLayers
 };
-//# sourceMappingURL=chunk-RA6W37NZ.js.map
+//# sourceMappingURL=chunk-4JV46KXS.js.map

package/dist/chunk-4JV46KXS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapLayers.tsx"],"sourcesContent":["import { useTheme } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { HEATMAP_VIEWBOX } from './MapPreview.constants';\nimport { resolveMapCopy, type ResolvedMapPreviewProps } from './MapPreview.helpers';\nimport type { MapType } from './MapPreview.types';\nimport { MapControlBar } from './MapControlBar';\nimport { HeatmapOverlay, RouteOverlay } from './MapOverlays';\nimport { MapSearchBar } from './MapSearchBar';\n\nexport interface MapLayersProps {\n  settings: ResolvedMapPreviewProps;\n  zoom: number;\n  mapType: MapType;\n  search: {\n    searchValue: string;\n    isSearching: boolean;\n    setSearchValue: (value: string) => void;\n    handleSearch: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n  };\n  controls: {\n    handleZoomIn: () => void;\n    handleZoomOut: () => void;\n    handleCenter: () => void;\n    handleToggleMapType: () => void;\n    handleToggleFullscreen: () => void;\n  };\n}\n\n// Everything drawn over the map surface that is switched on by a prop.\nexport const MapLayers: FC<MapLayersProps> = ({ settings, zoom, mapType, search, controls }) => {\n  const theme = useTheme();\n\n  return (\n    <>\n      {settings.showHeatmap && settings.heatmapData.length > 0 && (\n        <HeatmapOverlay\n          points={settings.heatmapData}\n          viewBox={HEATMAP_VIEWBOX}\n        />\n      )}\n\n      {settings.showRoute && <RouteOverlay color={settings.routeColor || theme.palette.primary.main} />}\n\n      {settings.showSearch && (\n        <MapSearchBar\n          label={settings.copy.search}\n          value={search.searchValue}\n          placeholder={settings.searchPlaceholder ?? resolveMapCopy(settings.copy).searchPlaceholder}\n          isSearching={search.isSearching}\n          onChange={search.setSearchValue}\n          onSubmit={search.handleSearch}\n        />\n      )}\n\n      {settings.showControls && (\n        <MapControlBar\n          copy={settings.copy}\n          zoom={zoom}\n          mapType={mapType}\n          onZoomIn={controls.handleZoomIn}\n          onZoomOut={controls.handleZoomOut}\n          onCenter={controls.handleCenter}\n          onToggleMapType={controls.handleToggleMapType}\n          onToggleFullscreen={controls.handleToggleFullscreen}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,SAAS,gBAAgB;AAmCrB,mBAEI,KAFJ;AAJG,IAAM,YAAgC,CAAC,EAAE,UAAU,MAAM,SAAS,QAAQ,SAAS,MAAM;AAC9F,QAAM,QAAQ,SAAS;AAEvB,SACE,iCACG;AAAA,aAAS,eAAe,SAAS,YAAY,SAAS,KACrD;AAAA,MAAC;AAAA;AAAA,QACC,QAAQ,SAAS;AAAA,QACjB,SAAS;AAAA;AAAA,IACX;AAAA,IAGD,SAAS,aAAa,oBAAC,gBAAa,OAAO,SAAS,cAAc,MAAM,QAAQ,QAAQ,MAAM;AAAA,IAE9F,SAAS,cACR;AAAA,MAAC;AAAA;AAAA,QACC,OAAO,SAAS,KAAK;AAAA,QACrB,OAAO,OAAO;AAAA,QACd,aAAa,SAAS,qBAAqB,eAAe,SAAS,IAAI,EAAE;AAAA,QACzE,aAAa,OAAO;AAAA,QACpB,UAAU,OAAO;AAAA,QACjB,UAAU,OAAO;AAAA;AAAA,IACnB;AAAA,IAGD,SAAS,gBACR;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,SAAS;AAAA,QACf;AAAA,QACA;AAAA,QACA,UAAU,SAAS;AAAA,QACnB,WAAW,SAAS;AAAA,QACpB,UAAU,SAAS;AAAA,QACnB,iBAAiB,SAAS;AAAA,QAC1B,oBAAoB,SAAS;AAAA;AAAA,IAC/B;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/{chunk-2QO3BKUQ.js → chunk-4NVEUJXK.js}

@@ -1,15 +1,15 @@
 import {
   NumberBoundInput
 } from "./chunk-33MMQHYU.js";
-import {
-  RangePresets
-} from "./chunk-7D7CJRL7.js";
 import {
   isRangeInverted,
   isRangeSet,
   numericRange,
   rangeChipLabel
 } from "./chunk-GCZJH4XL.js";
+import {
+  RangePresets
+} from "./chunk-7D7CJRL7.js";
 import {
   presetsFor
 } from "./chunk-CBOB5AV6.js";
@@ -18,7 +18,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   TableFilter
-} from "./chunk-ZYKDUKAH.js";
+} from "./chunk-B2RNNJRO.js";
 import {
   DayBoundInput
 } from "./chunk-62XVHRTX.js";
@@ -291,4 +291,4 @@ export {
   RangePill,
   PanelRangeField
 };
-//# sourceMappingURL=chunk-2QO3BKUQ.js.map
+//# sourceMappingURL=chunk-4NVEUJXK.js.map