@12-apps/ui 6.78.4 → 6.80.0

package/src/pt-BR.feedback.ts

@@ -8,7 +8,7 @@ import type {
   TutorialCopy,
 } from './copy';
 
-export const PT_BR_TUTORIAL_COPY: TutorialCopy = {
+export const PT_BR_TUTORIAL_COPY: Required<TutorialCopy> = {
   skip: "Pular",
   previous: "Anterior",
   next: "Próximo",
@@ -16,6 +16,8 @@ export const PT_BR_TUTORIAL_COPY: TutorialCopy = {
   complete: "Concluir",
   finish: "Finalizar",
   requiresAction: "Conclua a ação obrigatória primeiro",
+  progress: (current, total) => `${current} de ${total}`,
+  close: "Fechar",
 };
 
 export const PT_BR_CHROME_COPY: ChromeCopy = {

package/src/pt-BR.form.ts

@@ -13,11 +13,27 @@ import type {
   UploadButtonCopy,
 } from './copy';
 
-export const PT_BR_ADDRESS_AUTOCOMPLETE_COPY: AddressAutocompleteCopy = {
+export const PT_BR_ADDRESS_AUTOCOMPLETE_COPY: Required<AddressAutocompleteCopy> = {
   loadingMaps: "Carregando o Google Maps…",
   mapsLoadFailed:
     "Não foi possível carregar a API do Google Maps. Verifique a chave da API e a conexão com a internet.",
   useCurrentLocation: "Usar a localização atual",
+  label: "Endereço",
+  placeholder: "Digite um endereço",
+  typeToSearch: "Digite ao menos 3 caracteres",
+  noAddressesFound: "Nenhum endereço encontrado",
+  loadingSuggestions: "Carregando…",
+  mapsApiLoadFailed: "Não foi possível carregar o mapa",
+  mapsServicesInitFailed: "Não foi possível iniciar o mapa",
+  fetchSuggestionsFailed: "Não foi possível buscar sugestões de endereço",
+  addressDetailsNotFound: "Detalhes do endereço não encontrados",
+  addressDetailsFailed: "Não foi possível obter os detalhes do endereço",
+  noMockLocation: "Nenhuma localização de teste disponível",
+  mockLocationNotFound: "Detalhes da localização de teste não encontrados",
+  locationAddressFailed: "Não foi possível obter o endereço da localização atual",
+  geolocationUnsupported: "Este navegador não oferece geolocalização",
+  geocoderUnavailable: "Serviço de geocodificação indisponível",
+  locationFailed: "Não foi possível obter a sua localização",
 };
 
 export const PT_BR_AUTOCOMPLETE_COPY: AutocompleteCopy = {
@@ -65,7 +81,7 @@ export const PT_BR_PASSWORD_STRENGTH_COPY: PasswordStrengthCopy = {
   },
 };
 
-export const PT_BR_RICH_EDITOR_TOOLBAR_COPY: RichEditorToolbarCopy = {
+export const PT_BR_RICH_EDITOR_TOOLBAR_COPY: Required<RichEditorToolbarCopy> = {
   bold: "Negrito",
   italic: "Itálico",
   underline: "Sublinhado",
@@ -77,15 +93,33 @@ export const PT_BR_RICH_EDITOR_TOOLBAR_COPY: RichEditorToolbarCopy = {
   textColor: "Cor do texto",
   backgroundColor: "Cor de fundo",
   linkPrompt: "Informe a URL:",
+  editorLabel: "Editor de texto",
 };
 
-export const PT_BR_PHONE_INPUT_COPY: PhoneInputCopy = {
+// Built on first use, not at import: a host that never mounts the phone field
+// pays nothing, and a runtime without `Intl.DisplayNames` keeps the English name.
+let ptBrRegionNames: Intl.DisplayNames | null | undefined;
+const ptBrCountryName = (code: string): string | undefined => {
+  if (ptBrRegionNames === undefined) {
+    ptBrRegionNames =
+      typeof Intl !== "undefined" && typeof Intl.DisplayNames === "function"
+        ? new Intl.DisplayNames(["pt-BR"], { type: "region", fallback: "none" })
+        : null;
+  }
+  return ptBrRegionNames?.of(code);
+};
+
+export const PT_BR_PHONE_INPUT_COPY: Required<PhoneInputCopy> = {
   selectCountry: "Selecionar o país",
   invalidNumber: (countryName) => `Telefone inválido para ${countryName}`,
   unknownCountry: "o país selecionado",
+  countryName: (code, englishName) => ptBrCountryName(code) ?? englishName,
+  label: "Telefone",
+  // 92px: the input beside the country picker is 95px wide on a 320 screen.
+  placeholder: "Seu número",
 };
 
-export const PT_BR_UPLOAD_BUTTON_COPY: UploadButtonCopy = {
+export const PT_BR_UPLOAD_BUTTON_COPY: Required<UploadButtonCopy> = {
   buttonLabel: "Enviar arquivo",
   dropzoneHint: "Solte o arquivo aqui ou clique para escolher",
   dropzoneRole: (label) => `Área de upload de arquivo. ${label}`,
@@ -94,6 +128,8 @@ export const PT_BR_UPLOAD_BUTTON_COPY: UploadButtonCopy = {
   percentUploaded: (percent) => `${percent}% enviado`,
   uploadInProgress: (percent) => `Envio em andamento: ${percent}%`,
   errorAnnouncement: (message) => `Erro: ${message}`,
+  fileTooLarge: (maxSizeMB) => `O arquivo deve ter menos de ${maxSizeMB} MB`,
+  uploadFailed: "Falha no envio",
 };
 
 export const PT_BR_SOCIAL_LOGIN_COPY: SocialLoginCopy = {

package/src/pt-BR.labels.ts

@@ -0,0 +1,146 @@
+/**
+ * The pt-BR labels pack. A host passes `PT_BR_UI_LABELS.<family>` to the
+ * component's `labels` prop (or one entry to its `…Label` prop); see
+ * `copy/labels.ts`.
+ */
+import type { UiLabels } from './copy/labels';
+
+export const PT_BR_UI_LABELS: UiLabels = {
+  common: {
+    loading: "Carregando",
+    close: "Fechar",
+    delete: "Excluir",
+  },
+  stepper: {
+    step: (position, label) => `Etapa ${position}: ${label}`,
+    optional: "opcional",
+    completed: "concluída",
+    current: "atual",
+  },
+  timeline: {
+    expandDetails: "Mostrar detalhes do item",
+    collapseDetails: "Ocultar detalhes do item",
+    item: (title) => `Item da linha do tempo: ${title}`,
+  },
+  lazyImage: {
+    loadingAlt: (alt) => `${alt} (carregando)`,
+    fallbackAlt: (alt) => `${alt} (imagem alternativa)`,
+  },
+  sonner: {
+    hiddenCount: (count) => `+${count} a mais`,
+  },
+  richTextEditor: {
+    placeholder: "Comece a digitar...",
+    ariaLabel: "Editor de texto",
+    listItem: "Item da lista",
+    bold: "Negrito",
+    italic: "Itálico",
+    underline: "Sublinhado",
+    strikethrough: "Tachado",
+    numberedList: "Lista numerada",
+    bulletedList: "Lista com marcadores",
+    insertLink: "Inserir link",
+    insertImage: "Inserir imagem",
+    codeBlock: "Bloco de código",
+    quote: "Citação",
+    linkPrompt: "Informe a URL:",
+    imagePrompt: "Informe a URL da imagem:",
+  },
+  table: {
+    sortBy: (header) => `Ordenar por ${header}`,
+    selectRow: (rowNumber) => `Selecionar a linha ${rowNumber}`,
+    selectAllRows: "Selecionar todas as linhas",
+  },
+  code: {
+    copy: "Copiar código",
+    copied: "Copiado!",
+  },
+  contentToolbar: {
+    gridView: "Grade",
+    listView: "Lista",
+    openFilters: "Abrir filtros",
+    closeFilters: "Fechar filtros",
+    filters: "Filtros",
+    all: "Todos",
+    search: "Buscar…",
+    noResults: "Nenhum resultado",
+  },
+  dashboard: {
+    breadcrumb: "Trilha de navegação",
+    moreFilters: "Mais filtros",
+  },
+  navigationMenu: {
+    collapse: "Recolher",
+    expand: "Expandir",
+  },
+  workflowStep: {
+    step: (position, title) => `Etapa ${position}: ${title}`,
+    progress: (position, total) => `Etapa ${position} de ${total}`,
+  },
+  alertDialog: {
+    cancel: "Cancelar",
+    confirm: "Confirmar",
+  },
+  avatar: {
+    name: "Avatar",
+  },
+  emptyState: {
+    refresh: "Atualizar",
+    create: "Criar novo",
+  },
+  errorState: {
+    retry: "Tentar novamente",
+  },
+  loadingState: {
+    skeleton: "Carregando conteúdo",
+    spinner: "Carregando",
+  },
+  stackedModal: {
+    loading: "Carregando...",
+  },
+  command: {
+    placeholder: "Digite um comando ou pesquise...",
+    empty: "Nenhum resultado encontrado",
+    loading: "Carregando...",
+  },
+  formErrorSnackbar: {
+    message: "Corrija os campos destacados e tente novamente.",
+  },
+  columnsMenu: {
+    title: "Colunas",
+    toggle: "Mostrar ou ocultar colunas",
+  },
+  drawer: {
+    close: "Fechar painel",
+  },
+  settingsLayout: {
+    navigation: "Configurações",
+    searchPlaceholder: "Buscar configurações",
+    emptySearch: "Nenhuma configuração corresponde à busca.",
+    back: "Voltar",
+  },
+  tableFilter: {
+    filters: "Filtros",
+    keywordPlaceholder: "Pressione Enter para filtrar",
+    keywordLabel: "Filtrar por palavra-chave",
+  },
+  appHeader: {
+    disclose: (title) => `Detalhes de ${title}`,
+  },
+  breadcrumbs: {
+    navigation: "Trilha de navegação",
+  },
+  animatedIcon: {
+    name: (variant) => `Ícone animado: ${variant}`,
+  },
+  infiniteScroll: {
+    loadFailed: "Ocorreu um erro ao carregar mais itens",
+  },
+  socialLogin: {
+    title: "Entre para continuar",
+    divider: "ou",
+  },
+  dateRangePicker: {
+    calendar: "Calendário",
+  },
+};

package/src/pt-BR.navigation.ts

@@ -8,12 +8,16 @@ import type {
   SectionNavCopy,
 } from './copy';
 
-export const PT_BR_COMMAND_PALETTE_COPY: CommandPaletteCopy = {
+export const PT_BR_COMMAND_PALETTE_COPY: Required<CommandPaletteCopy> = {
   execute: "Executar",
   navigate: "↑↓ Navegar",
   close: "ESC Fechar",
   recent: "Recentes",
   tryAnotherTerm: "Tente outro termo",
+  placeholder: "Digite um comando ou pesquise...",
+  commandCount: (count) => (count === 1 ? "1 comando" : `${count} comandos`),
+  noCommandsFound: (query) => `Nenhum comando encontrado para "${query}"`,
+  general: "Geral",
 };
 
 export const PT_BR_BREADCRUMB_COPY: BreadcrumbCopy = {

package/src/pt-BR.ts

@@ -19,6 +19,7 @@
 export * from './pt-BR.data-display';
 export * from './pt-BR.feedback';
 export * from './pt-BR.form';
+export * from './pt-BR.labels';
 export * from './pt-BR.layout';
 export * from './pt-BR.navigation';
 export * from './pt-BR.shared';

package/src/pt-BR.utility.ts

@@ -16,6 +16,8 @@ export const PT_BR_INSTALL_PROMPT_COPY: InstallPromptCopy = {
   shareLabel: "Compartilhar",
 };
 
-export const PT_BR_USER_AVATAR_COPY: UserAvatarCopy = {
+export const PT_BR_USER_AVATAR_COPY: Required<UserAvatarCopy> = {
   signOut: "Sair",
+  avatarAlt: "Foto do usuário",
+  unnamedUser: "Usuário",
 };

package/src/social-login-button/social-login-button.tsx

@@ -11,6 +11,7 @@ import { Text } from '../components/typography/Text';
 import { Separator } from '../components/layout/Separator';
 import type { SocialLoginCopy } from '../copy/form';
 import { EN_US_SOCIAL_LOGIN_COPY } from '../en-US.form';
+import { EN_US_UI_LABELS } from '../en-US.labels';
 import { uiInk, type UiInk } from '../tokens/ink';
 import { rem, sxRem } from '../tokens/relative';
 
@@ -294,10 +295,10 @@ function cardMaxWidth(theme: Theme, value: number | string): string {
 
 export function SocialLoginContainer({
   children,
-  title = "Sign in to continue",
+  title = EN_US_UI_LABELS.socialLogin.title,
   subtitle,
   showDivider = false,
-  dividerText = "or",
+  dividerText = EN_US_UI_LABELS.socialLogin.divider,
   maxWidth,
 }: SocialLoginContainerProps): React.ReactElement {
   const theme = useTheme();

package/src/user-avatar/user-avatar.tsx

@@ -8,6 +8,7 @@ import { Button } from '../components/form/Button';
 import { Text } from '../components/typography/Text';
 import { Card } from '../components/layout/Card';
 import type { UserAvatarCopy } from '../copy';
+import { EN_US_USER_AVATAR_COPY } from '../en-US.utility';
 
 /**
  * Generate initials from a name
@@ -28,6 +29,11 @@ export interface UserAvatarProps {
   size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
   onClick?: () => void;
   interactive?: boolean;
+  /**
+   * `avatarAlt` names the image when there is no `name`. Optional: English
+   * when omitted; a host passes `USER_AVATAR_COPY[locale]`.
+   */
+  copy?: Partial<UserAvatarCopy>;
 }
 
 /**
@@ -39,13 +45,15 @@ export function UserAvatar({
   size = 'md',
   onClick,
   interactive = false,
+  copy,
 }: UserAvatarProps): React.ReactElement {
   const fallbackText = name ? getInitials(name) : "?";
+  const avatarAlt = copy?.avatarAlt ?? EN_US_USER_AVATAR_COPY.avatarAlt;
 
   return (
     <Avatar
       src={src ?? undefined}
-      alt={name ?? "User avatar"}
+      alt={name ?? avatarAlt}
       fallback={fallbackText}
       size={size}
       variant="circle"
@@ -81,11 +89,12 @@ export function UserMenu({ user, onSignOut, copy }: UserMenuProps): React.ReactE
             src={user.image}
             name={user.name}
             size="md"
+            copy={copy}
           />
 
           <Stack spacing={0.5} sx={{ flex: 1, minWidth: 0 }}>
             <Text weight="semibold" size="sm">
-              {user.name ?? "User"}
+              {user.name ?? copy.unnamedUser ?? EN_US_USER_AVATAR_COPY.unnamedUser}
             </Text>
             {user.email && (
               <Text color="secondary" size="xs">

package/src/utils/resolve-labels.ts

@@ -0,0 +1,12 @@
+/**
+ * A component's labels: the caller's `labels` laid over the pack's defaults,
+ * key by key, ignoring keys the caller left `undefined` (FUT-3860).
+ *
+ * `Partial<T>` is what keeps a new key non-breaking: every label prop is
+ * optional, and the English pack answers for whatever a caller does not name.
+ */
+export function resolveLabels<T extends object>(defaults: T, overrides?: Partial<T>): T {
+  if (!overrides) return defaults;
+  const defined = Object.entries(overrides).filter(([, value]) => value !== undefined);
+  return { ...defaults, ...Object.fromEntries(defined) } as T;
+}

package/dist/chunk-2ARVNCVU.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/navigation/CommandPalette/CommandPaletteResults.tsx"],"sourcesContent":["import RecentIcon from '@mui/icons-material/History';\nimport Box from '@mui/material/Box/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport List from '@mui/material/List/index.js';\nimport ListItem from '@mui/material/ListItem/index.js';\nimport ListItemIcon from '@mui/material/ListItemIcon/index.js';\nimport ListItemText from '@mui/material/ListItemText/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { ShortcutChip } from './ShortcutChip';\nimport type { PaletteCommand } from './CommandPalette.types';\nimport type { CommandPaletteCopy } from '../../../copy';\nimport { rem, sxRem } from '../../../tokens/relative';\n\nconst ResultsList = styled(List)(({ theme }) => ({\n  maxHeight: rem(theme, 400),\n  overflowY: 'auto',\n  padding: theme.spacing(1),\n  '&::-webkit-scrollbar': {\n    width: rem(theme, 8),\n  },\n  '&::-webkit-scrollbar-track': {\n    background: alpha(theme.palette.action.disabled, 0.1),\n  },\n  '&::-webkit-scrollbar-thumb': {\n    background: alpha(theme.palette.primary.main, 0.3),\n    borderRadius: rem(theme, 4),\n    '&:hover': {\n      background: alpha(theme.palette.primary.main, 0.5),\n    },\n  },\n}));\n\nconst CommandItem = styled(ListItem)<{ selected?: boolean }>(({ theme, selected }) => ({\n  borderRadius: theme.shape.borderRadius,\n  marginBottom: theme.spacing(0.5),\n  transition: theme.transitions.create(['background-color', 'transform']),\n  cursor: 'pointer',\n  ...(selected && {\n    backgroundColor: alpha(theme.palette.primary.main, 0.12),\n    transform: `translateX(${rem(theme, 4)})`,\n    '& .MuiListItemIcon-root': {\n      color: theme.palette.primary.main,\n    },\n  }),\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.primary.main, 0.08),\n  },\n}));\n\nconst CategoryLabel = styled(Typography)(({ theme }) => ({\n  fontSize: rem(theme, 12),\n  fontWeight: 600,\n  color: theme.palette.text.secondary,\n  textTransform: 'uppercase',\n  letterSpacing: '0.1em',\n  padding: theme.spacing(1, 2, 0.5, 2),\n  marginTop: theme.spacing(1),\n}));\n\nconst NoResults = styled(Box)(({ theme }) => ({\n  padding: theme.spacing(4, 2),\n  textAlign: 'center',\n  color: theme.palette.text.secondary,\n}));\n\nconst CommandRow: React.FC<{\n  command: PaletteCommand;\n  index: number;\n  selected: boolean;\n  dataTestId?: string;\n  onSelect: (index: number) => void;\n  onExecute: (command: PaletteCommand) => void;\n}> = ({ command, index, selected, dataTestId, onSelect, onExecute }) => (\n  <CommandItem\n    data-index={index}\n    data-testid={`${dataTestId}-item-${command.id}`}\n    selected={selected}\n    onClick={() => onExecute(command)}\n    onMouseEnter={() => onSelect(index)}\n  >\n    {command.icon && <ListItemIcon sx={{ minWidth: sxRem(40) }}>{command.icon}</ListItemIcon>}\n    <ListItemText\n      primary={command.label}\n      secondary={command.description}\n      primaryTypographyProps={{ fontSize: sxRem(14.4), fontWeight: selected ? 500 : 400 }}\n      secondaryTypographyProps={{ fontSize: sxRem(12) }}\n    />\n    {command.shortcut && <ShortcutChip label={command.shortcut} size=\"small\" />}\n  </CommandItem>\n);\n\nconst slug = (value: string) => value.toLowerCase().replace(/\\s+/g, '-');\n\n// The list, its recent section and the empty state. The running commandIndex\n// has to stay consistent across both sections, so it is threaded through here\n// rather than mutated from inside the render as it was before.\nexport const PaletteResults: React.FC<{\n  copy: CommandPaletteCopy;\n  listRef: React.Ref<globalThis.HTMLUListElement>;\n  dataTestId?: string;\n  searchQuery: string;\n  showRecent?: boolean;\n  commands: PaletteCommand[];\n  recentCommandIds: string[];\n  filteredCommands: PaletteCommand[];\n  groupedCommands: Record<string, PaletteCommand[]>;\n  selectedIndex: number;\n  onSelect: (index: number) => void;\n  onExecute: (command: PaletteCommand) => void;\n}> = ({\n  copy,\n  listRef,\n  dataTestId,\n  searchQuery,\n  showRecent,\n  commands,\n  recentCommandIds,\n  filteredCommands,\n  groupedCommands,\n  selectedIndex,\n  onSelect,\n  onExecute,\n}) => {\n  if (filteredCommands.length === 0) {\n    return (\n      <NoResults data-testid={`${dataTestId}-no-results`}>\n        <Typography variant=\"body2\" color=\"text.secondary\">\n          No commands found for \"{searchQuery}\"\n        </Typography>\n        <Typography variant=\"caption\" color=\"text.disabled\" sx={{ mt: 1 }}>\n          {copy.tryAnotherTerm}\n        </Typography>\n      </NoResults>\n    );\n  }\n\n  const showRecentSection = !searchQuery && showRecent && recentCommandIds.length > 0;\n  const recent = showRecentSection\n    ? (recentCommandIds\n        .map((id) => commands.find((command) => command.id === id))\n        .filter(Boolean) as PaletteCommand[])\n    : [];\n\n  // One running index across both sections, so keyboard selection lines up with\n  // what is on screen.\n  let commandIndex = 0;\n  const row = (command: PaletteCommand) => {\n    const index = commandIndex++;\n    return (\n      <CommandRow\n        key={command.id}\n        command={command}\n        index={index}\n        selected={index === selectedIndex}\n        dataTestId={dataTestId}\n        onSelect={onSelect}\n        onExecute={onExecute}\n      />\n    );\n  };\n\n  const showCategoryLabels = Object.keys(groupedCommands).length > 1;\n\n  return (\n    <ResultsList ref={listRef} data-testid={`${dataTestId}-list`}>\n      {showRecentSection && (\n        <>\n          <CategoryLabel data-testid={`${dataTestId}-group-recent`}>\n            <RecentIcon sx={{ fontSize: sxRem(14), mr: 0.5, verticalAlign: 'middle' }} />\n            {copy.recent}\n          </CategoryLabel>\n          {recent.map(row)}\n          {filteredCommands.length > recentCommandIds.length && <Divider sx={{ my: 1 }} />}\n        </>\n      )}\n\n      {Object.entries(groupedCommands).map(([category, categoryCommands]) => (\n        <Box key={category} data-testid={`${dataTestId}-group-${slug(category)}`}>\n          {showCategoryLabels && (\n            <CategoryLabel data-testid={`${dataTestId}-group-label-${slug(category)}`}>\n              {category}\n            </CategoryLabel>\n          )}\n          {categoryCommands.map(row)}\n        </Box>\n      ))}\n    </ResultsList>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-2ILXXBMG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/feedback/Dialog/Dialog.tsx"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close';\nimport Backdrop from '@mui/material/Backdrop/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport MuiDialog, { type DialogProps as MuiDialogProps } from '@mui/material/Dialog/index.js';\nimport MuiDialogActions from '@mui/material/DialogActions/index.js';\nimport MuiDialogContent from '@mui/material/DialogContent/index.js';\nimport MuiDialogTitle from '@mui/material/DialogTitle/index.js';\nimport Drawer, { type DrawerProps } from '@mui/material/Drawer/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme, type SxProps, type Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { focusDialogOnEntered } from './Dialog.focus';\nimport { hasSpacingSlot, withDialogDefaults } from './Dialog.helpers';\nimport {\n  DIALOG_ACTIONS,\n  DIALOG_BODY_PADDING_UNITS,\n  DIALOG_CONTENT_PADDING_UNITS,\n  DIALOG_HEADER_CHILDREN_PADDING_UNITS,\n  DIALOG_TITLE,\n  DIALOG_TITLED_BODY_PADDING_TOP_UNITS,\n} from './Dialog.metrics';\nimport { mergedBackdropSlot, mergedPaperSlot, mergedTransitionSlot } from './Dialog.slots';\nimport { backdropSxOf, variantStylesOf } from './Dialog.styles';\nimport { childTestId, resolveTestId, slotTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport type {\n  DialogActionsProps,\n  DialogContentProps,\n  DialogHeaderProps,\n  DialogProps,\n} from './Dialog.types';\n\n/**\n * The padding a dialog gives children that are not managing their own — and the\n * rule that takes it back when it turns out they are.\n *\n * `:has()` is doing what {@link hasSpacingSlot} cannot. A slot passed through a\n * COMPONENT (`<Body />` rendering a `DialogContent`) is invisible to any check\n * on element type: React does not know what a component renders until it has\n * rendered it, and by then the wrapper is already in the tree. The selector\n * asks the question one step later, of the DOM, where the answer exists.\n *\n * `display: contents` rather than `padding: 0`, because the padding is only\n * half of what a wrapper does. The other half is standing between the paper and\n * its children: MUI's `scroll=\"paper\"` makes the paper a flex column with\n * `overflow-y: auto`, so a `DialogContent` that is no longer its direct child\n * cannot be the thing that scrolls — the whole dialog scrolls instead and\n * carries the `DialogActions` off the bottom with it. An element with\n * `display: contents` generates no box at all: its children become the paper's\n * flex items, and its padding is never applied. Both halves, one declaration.\n *\n * A browser without `:has()` falls back to the padded box — the layout this\n * had before, not a broken one.\n */\nconst BODY_SX = {\n  px: DIALOG_BODY_PADDING_UNITS.horizontal,\n  pb: DIALOG_BODY_PADDING_UNITS.bottom,\n  '&:has(> .MuiDialogContent-root), &:has(> .MuiDialogActions-root)': {\n    display: 'contents',\n  },\n} as const;\n\n/**\n * The dialog body. Consumers that pass raw children (no <DialogContent>) used\n * to render them flush against the paper edges — give them comfortable default\n * padding; <DialogContent>/<DialogActions> users keep managing their own\n * spacing.\n */\nfunction bodyOf(children: React.ReactNode, hasTitle: boolean): React.ReactNode {\n  // Read lazily: both slots are declared below this function.\n  if (hasSpacingSlot(children, [DialogContent, DialogActions])) return children;\n  const pt = hasTitle\n    ? DIALOG_BODY_PADDING_UNITS.topUnderTitle\n    : DIALOG_BODY_PADDING_UNITS.top;\n  return <Box sx={{ ...BODY_SX, pt }}>{children}</Box>;\n}\n\n/**\n * MUI's `onClose` for either renderer: a `persistent` dialog swallows the\n * backdrop press and Escape, and the caller's `onClose` is called with no\n * arguments, as `Dialog.base.ts` promises. The drawer used to get the caller's\n * raw `onClose` — so it closed when `persistent` said it must not, and was\n * handed MUI's `(event, reason)` (FUT-2673).\n */\nfunction closeHandlerOf(persistent: boolean, onClose: (() => void) | undefined) {\n  return (_event: object, reason: 'backdropClick' | 'escapeKeyDown') => {\n    if (persistent && (reason === 'backdropClick' || reason === 'escapeKeyDown')) {\n      return;\n    }\n    onClose?.();\n  };\n}\n\n/** The looks the Dialog lays under a caller's paper and backdrop props. */\ninterface DialogLooks {\n  paperSx: SxProps<Theme>;\n  backdropSx: SxProps<Theme>;\n  testId: string | undefined;\n}\n\n/** What either renderer below takes: the looks, and the dialog's own children. */\ntype RendererProps = DialogLooks & { children: React.ReactNode };\n\n/**\n * Every variant but the drawer: MUI's `Dialog`. The scrim reaches MUI through\n * `slotProps.backdrop`, not the deprecated `BackdropProps`, and a caller's\n * backdrop props from either spelling merge over it rather than replacing it\n * (FUT-2672) — as their paper props merge over the variant's look (FUT-2613).\n * `slotProps.transition` gives initial focus to the paper (FUT-2696, see\n * `Dialog.focus.ts` and `Dialog.md`) ahead of a caller's own `onEntered`.\n */\nfunction ModalDialog({\n  paperSx,\n  backdropSx,\n  testId,\n  dialogProps,\n  children,\n}: RendererProps & { dialogProps: MuiDialogProps }) {\n  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, TransitionProps: callerTransition, slotProps, ...rest } = dialogProps;\n  return (\n    <MuiDialog\n      {...rest}\n      slotProps={{\n        ...slotProps,\n        paper: mergedPaperSlot(paperSx, testId, callerPaper, slotProps?.paper),\n        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop),\n        transition: mergedTransitionSlot(focusDialogOnEntered, callerTransition, slotProps?.transition),\n      }}\n    >\n      {children}\n    </MuiDialog>\n  );\n}\n\n/**\n * The drawer variant: MUI's `Drawer`, with the variant's look on the Drawer's\n * OWN paper — on an inner Box it left the paper 0px wide and clipped the panel —\n * and a caller's paper props merged over it rather than replacing it. The\n * test id stays on the Drawer root, so the paper carries none of its own.\n *\n * The scrim rides the drawer's backdrop exactly as it rides the dialog's, so\n * `glass` blurs it here too; the paper does not frost (FUT-2673). MUI's\n * `Drawer` does not merge `BackdropProps` into `slotProps.backdrop` — it takes\n * one or the other — so both are folded into the one slot here.\n * `slotProps.transition` gives initial focus the same way `ModalDialog` does\n * (FUT-2696, see `Dialog.focus.ts` and `Dialog.md` for why the drawer's paper\n * differs from the modal's paper here and needed the fix less).\n */\nfunction DrawerDialog({\n  paperSx,\n  backdropSx,\n  testId,\n  drawerProps,\n  children,\n}: RendererProps & { drawerProps: DrawerProps }) {\n  const { PaperProps: callerPaper, BackdropProps: callerBackdrop, SlideProps: callerTransition, slotProps, ...rest } = drawerProps;\n  return (\n    <Drawer\n      anchor=\"right\"\n      data-testid={testId}\n      {...rest}\n      slotProps={{\n        ...slotProps,\n        paper: mergedPaperSlot(paperSx, undefined, callerPaper, slotProps?.paper),\n        backdrop: mergedBackdropSlot(backdropSx, callerBackdrop, slotProps?.backdrop),\n        transition: mergedTransitionSlot(focusDialogOnEntered, callerTransition, slotProps?.transition),\n      }}\n    >\n      {children}\n    </Drawer>\n  );\n}\n\nexport const Dialog: React.FC<DialogProps> = (rawProps) => {\n  const {\n    children,\n    variant,\n    size,\n    title,\n    description,\n    showCloseButton,\n    backdrop,\n    persistent,\n    glass,\n    gradient,\n    glow,\n    pulse,\n    borderRadius,\n    onClose,\n    open,\n    ...others\n  } = withDialogDefaults(rawProps);\n  const theme = useTheme();\n  // Every spelling of the test id the shared contract allows, mapped to the one\n  // the DOM reads, and stripped from what is spread — `testID` is React\n  // Native's name for it and is not a DOM attribute. The native `Dialog` does\n  // the same in reverse.\n  const testId = resolveTestId(others, 'dialog');\n  const props = withoutTestIdProps(others);\n  const looks: DialogLooks = {\n    paperSx: variantStylesOf(theme, { variant, size, borderRadius, glass, gradient, glow, pulse }),\n    backdropSx: backdropSxOf(theme, glass),\n    testId,\n  };\n  const handleClose = closeHandlerOf(persistent, onClose);\n\n  const header = title ? (\n    <DialogHeader\n      title={title}\n      subtitle={description}\n      showCloseButton={showCloseButton}\n      onClose={onClose}\n      dataTestId={testId}\n    />\n  ) : null;\n  const body = bodyOf(children, Boolean(title));\n\n  if (variant === 'drawer') {\n    return (\n      <DrawerDialog {...looks} drawerProps={{ ...props, open, onClose: handleClose }}>\n        {header}\n        {body}\n      </DrawerDialog>\n    );\n  }\n\n  return (\n    <ModalDialog\n      {...looks}\n      dialogProps={{\n        open,\n        onClose: handleClose,\n        fullScreen: variant === 'fullscreen',\n        BackdropComponent: backdrop ? Backdrop : undefined,\n        ...props,\n      }}\n    >\n      {header}\n      {body}\n    </ModalDialog>\n  );\n};\n\nexport const DialogHeader: React.FC<DialogHeaderProps> = ({\n  children,\n  title,\n  subtitle,\n  showCloseButton = true,\n  onClose,\n  ...others\n}) => {\n  const props = withoutTestIdProps(others);\n\n  if (children) {\n    return (\n      <Box\n        data-testid={slotTestId(others, 'header', 'dialog')}\n        sx={{\n          p: DIALOG_HEADER_CHILDREN_PADDING_UNITS,\n          borderBottom: '1px solid',\n          borderColor: 'divider',\n        }}\n      >\n        {children}\n      </Box>\n    );\n  }\n\n  return (\n    <MuiDialogTitle\n      data-testid={slotTestId(others, 'title', 'dialog')}\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'space-between',\n        pb: subtitle\n          ? DIALOG_TITLE.paddingBottomUnits.withSubtitle\n          : DIALOG_TITLE.paddingBottomUnits.plain,\n      }}\n      {...props}\n    >\n      <Box>\n        <Typography variant=\"h6\" component=\"div\">\n          {title}\n        </Typography>\n        {subtitle && (\n          <Typography\n            variant=\"body2\"\n            color=\"text.secondary\"\n            sx={{ mt: DIALOG_TITLE.subtitleGapUnits }}\n          >\n            {subtitle}\n          </Typography>\n        )}\n      </Box>\n      {showCloseButton && onClose && (\n        <IconButton\n          aria-label=\"close\"\n          onClick={onClose}\n          data-testid={childTestId(others, 'close', 'dialog')}\n          sx={{\n            color: 'text.secondary',\n            '&:hover': {\n              backgroundColor: 'action.hover',\n            },\n          }}\n        >\n          <CloseIcon />\n        </IconButton>\n      )}\n    </MuiDialogTitle>\n  );\n};\n\n/**\n * Top padding for a body that sits directly under the title.\n *\n * MUI zeroes it there (`.MuiDialogTitle-root + &` on a non-`dividers` content),\n * assuming the title's own bottom padding is the whole gap. That assumption\n * breaks for a body opening with an outlined field: a filled field floats its\n * label ABOVE the input's border box, and `DialogContent` is `overflow-y: auto`\n * — a clipping box — so the label gets sliced in half (FUT-544: \"Tipo\" in the\n * \"Novo insumo\" dialog).\n *\n * Reserve the overhang rather than restore the full 24px: the title already\n * contributes its bottom padding, so a shrunk label's `translate(…, -9px)` is\n * all that is missing. 12px clears it and leaves the gap visually tight.\n */\nconst TITLED_BODY_PADDING_TOP = DIALOG_TITLED_BODY_PADDING_TOP_UNITS;\n\n/**\n * `.MuiDialogTitle-root + &` is `(0,2,0)`-specific and a plain `sx` entry is\n * `(0,1,0)`, so the padding above only survives the cascade by naming the class\n * again — `(0,3,0)`. Scoped to the title-following case so an untitled dialog\n * keeps MUI's roomier default.\n */\nconst TITLED_BODY_SELECTOR = '.MuiDialogTitle-root + &.MuiDialogContent-root';\n\nexport const DialogContent: React.FC<DialogContentProps> = ({\n  children,\n  dividers = false,\n  dense = false,\n  ...others\n}) => (\n    <MuiDialogContent\n      data-testid={slotTestId(others, 'content', 'dialog')}\n      dividers={dividers}\n      sx={{\n        padding: dense ? DIALOG_CONTENT_PADDING_UNITS.dense : DIALOG_CONTENT_PADDING_UNITS.normal,\n        [TITLED_BODY_SELECTOR]: { paddingTop: TITLED_BODY_PADDING_TOP },\n        '&.MuiDialogContent-dividers': {\n          borderTop: dividers ? '1px solid' : 'none',\n          borderBottom: dividers ? '1px solid' : 'none',\n          borderColor: 'divider',\n        },\n      }}\n      {...withoutTestIdProps(others)}\n    >\n      {children}\n    </MuiDialogContent>\n  );\n\nexport const DialogActions: React.FC<DialogActionsProps> = ({\n  children,\n  alignment = 'right',\n  spacing = DIALOG_ACTIONS.defaultSpacingUnits,\n  ...others\n}) => {\n  const getJustifyContent = () => {\n    switch (alignment) {\n      case 'left': return 'flex-start';\n      case 'center': return 'center';\n      case 'right': return 'flex-end';\n      case 'space-between': return 'space-between';\n      default: return 'flex-end';\n    }\n  };\n\n  return (\n    <MuiDialogActions\n      data-testid={slotTestId(others, 'actions', 'dialog')}\n      sx={{\n        justifyContent: getJustifyContent(),\n        gap: spacing,\n        p: DIALOG_ACTIONS.paddingUnits,\n      }}\n      {...withoutTestIdProps(others)}\n    >\n      {children}\n    </MuiDialogActions>\n  );\n};"],"mappings":"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","names":[]}

package/dist/chunk-2TSGRQ2J.js.map

@@ -1 +0,0 @@
-{"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',\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-33LAPBYB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/RichTextEditor/RichTextEditor.dom.ts"],"sourcesContent":["// Selection surgery for the editor. Each of these mutates the DOM around a\n// Range and then rebuilds the selection, so the caret ends up where the user\n// expects rather than at the start of the document.\n\nexport const wrapSelection = (range: globalThis.Range, tagName: string) => {\n  const selectedText = range.toString();\n  if (!selectedText) return;\n  \n  const wrapper = document.createElement(tagName);\n  wrapper.appendChild(document.createTextNode(selectedText));\n  \n  range.deleteContents();\n  range.insertNode(wrapper);\n  \n  // Move cursor after inserted element\n  const newRange = document.createRange();\n  newRange.setStartAfter(wrapper);\n  newRange.collapse(true);\n  \n  const selection = window.getSelection();\n  selection?.removeAllRanges();\n  selection?.addRange(newRange);\n};\n\nexport const wrapSelectionWithLink = (range: globalThis.Range, url: string) => {\n  const selectedText = range.toString();\n  if (!selectedText) return;\n  \n  const link = document.createElement('a');\n  link.href = url.startsWith('http') ? url : `https://${url}`;\n  link.target = '_blank';\n  link.rel = 'noopener noreferrer';\n  link.appendChild(document.createTextNode(selectedText));\n  \n  range.deleteContents();\n  range.insertNode(link);\n  \n  // Move cursor after inserted element\n  const newRange = document.createRange();\n  newRange.setStartAfter(link);\n  newRange.collapse(true);\n  \n  const selection = window.getSelection();\n  selection?.removeAllRanges();\n  selection?.addRange(newRange);\n};\n\nexport const insertImage = (range: globalThis.Range, src: string) => {\n  const img = document.createElement('img');\n  img.src = src;\n  img.style.maxWidth = '100%';\n  img.style.height = 'auto';\n  \n  range.deleteContents();\n  range.insertNode(img);\n  \n  // Move cursor after inserted element\n  const newRange = document.createRange();\n  newRange.setStartAfter(img);\n  newRange.collapse(true);\n  \n  const selection = window.getSelection();\n  selection?.removeAllRanges();\n  selection?.addRange(newRange);\n};\n\n// Resolves to the nearest element, since a collapsed selection reports its text\n// node as the common ancestor.\nconst blockElementFor = (range: globalThis.Range): globalThis.Element | null => {\n  const node = range.commonAncestorContainer;\n\n  return node.nodeType === globalThis.Node.TEXT_NODE\n    ? node.parentElement\n    : (node as globalThis.Element);\n};\n\n// Unwraps the item back to plain text, keeping its content.\nconst removeFromList = (block: globalThis.Element) => {\n  const listItem = block.closest('li');\n  if (!listItem?.parentElement) return;\n\n  listItem.parentElement.replaceChild(\n    document.createTextNode(listItem.textContent || ''),\n    listItem,\n  );\n};\n\nconst wrapInList = (range: globalThis.Range, listType: 'ol' | 'ul') => {\n  const list = document.createElement(listType);\n  const listItem = document.createElement('li');\n\n  listItem.appendChild(document.createTextNode(range.toString() || 'List item'));\n  list.appendChild(listItem);\n\n  range.deleteContents();\n  range.insertNode(list);\n\n  // Move cursor inside list item\n  const newRange = document.createRange();\n  newRange.selectNodeContents(listItem);\n  newRange.collapse(false);\n\n  const selection = window.getSelection();\n  selection?.removeAllRanges();\n  selection?.addRange(newRange);\n};\n\nexport const toggleList = (\n  range: globalThis.Range,\n  listType: 'ol' | 'ul',\n  editor: HTMLElement | null,\n) => {\n  if (!editor) return;\n\n  const block = blockElementFor(range);\n  if (!block) return;\n\n  if (block.closest(listType)) {\n    removeFromList(block);\n    return;\n  }\n\n  wrapInList(range, listType);\n};\n"],"mappings":";AAIO,IAAM,gBAAgB,CAAC,OAAyB,YAAoB;AACzE,QAAM,eAAe,MAAM,SAAS;AACpC,MAAI,CAAC,aAAc;AAEnB,QAAM,UAAU,SAAS,cAAc,OAAO;AAC9C,UAAQ,YAAY,SAAS,eAAe,YAAY,CAAC;AAEzD,QAAM,eAAe;AACrB,QAAM,WAAW,OAAO;AAGxB,QAAM,WAAW,SAAS,YAAY;AACtC,WAAS,cAAc,OAAO;AAC9B,WAAS,SAAS,IAAI;AAEtB,QAAM,YAAY,OAAO,aAAa;AACtC,aAAW,gBAAgB;AAC3B,aAAW,SAAS,QAAQ;AAC9B;AAEO,IAAM,wBAAwB,CAAC,OAAyB,QAAgB;AAC7E,QAAM,eAAe,MAAM,SAAS;AACpC,MAAI,CAAC,aAAc;AAEnB,QAAM,OAAO,SAAS,cAAc,GAAG;AACvC,OAAK,OAAO,IAAI,WAAW,MAAM,IAAI,MAAM,WAAW,GAAG;AACzD,OAAK,SAAS;AACd,OAAK,MAAM;AACX,OAAK,YAAY,SAAS,eAAe,YAAY,CAAC;AAEtD,QAAM,eAAe;AACrB,QAAM,WAAW,IAAI;AAGrB,QAAM,WAAW,SAAS,YAAY;AACtC,WAAS,cAAc,IAAI;AAC3B,WAAS,SAAS,IAAI;AAEtB,QAAM,YAAY,OAAO,aAAa;AACtC,aAAW,gBAAgB;AAC3B,aAAW,SAAS,QAAQ;AAC9B;AAEO,IAAM,cAAc,CAAC,OAAyB,QAAgB;AACnE,QAAM,MAAM,SAAS,cAAc,KAAK;AACxC,MAAI,MAAM;AACV,MAAI,MAAM,WAAW;AACrB,MAAI,MAAM,SAAS;AAEnB,QAAM,eAAe;AACrB,QAAM,WAAW,GAAG;AAGpB,QAAM,WAAW,SAAS,YAAY;AACtC,WAAS,cAAc,GAAG;AAC1B,WAAS,SAAS,IAAI;AAEtB,QAAM,YAAY,OAAO,aAAa;AACtC,aAAW,gBAAgB;AAC3B,aAAW,SAAS,QAAQ;AAC9B;AAIA,IAAM,kBAAkB,CAAC,UAAuD;AAC9E,QAAM,OAAO,MAAM;AAEnB,SAAO,KAAK,aAAa,WAAW,KAAK,YACrC,KAAK,gBACJ;AACP;AAGA,IAAM,iBAAiB,CAAC,UAA8B;AACpD,QAAM,WAAW,MAAM,QAAQ,IAAI;AACnC,MAAI,CAAC,UAAU,cAAe;AAE9B,WAAS,cAAc;AAAA,IACrB,SAAS,eAAe,SAAS,eAAe,EAAE;AAAA,IAClD;AAAA,EACF;AACF;AAEA,IAAM,aAAa,CAAC,OAAyB,aAA0B;AACrE,QAAM,OAAO,SAAS,cAAc,QAAQ;AAC5C,QAAM,WAAW,SAAS,cAAc,IAAI;AAE5C,WAAS,YAAY,SAAS,eAAe,MAAM,SAAS,KAAK,WAAW,CAAC;AAC7E,OAAK,YAAY,QAAQ;AAEzB,QAAM,eAAe;AACrB,QAAM,WAAW,IAAI;AAGrB,QAAM,WAAW,SAAS,YAAY;AACtC,WAAS,mBAAmB,QAAQ;AACpC,WAAS,SAAS,KAAK;AAEvB,QAAM,YAAY,OAAO,aAAa;AACtC,aAAW,gBAAgB;AAC3B,aAAW,SAAS,QAAQ;AAC9B;AAEO,IAAM,aAAa,CACxB,OACA,UACA,WACG;AACH,MAAI,CAAC,OAAQ;AAEb,QAAM,QAAQ,gBAAgB,KAAK;AACnC,MAAI,CAAC,MAAO;AAEZ,MAAI,MAAM,QAAQ,QAAQ,GAAG;AAC3B,mBAAe,KAAK;AACpB;AAAA,EACF;AAEA,aAAW,OAAO,QAAQ;AAC5B;","names":[]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/PhoneInput/countries.ts"],"sourcesContent":["import type { CountryCode } from 'libphonenumber-js';\n\nimport type { CountryData } from './PhoneInput.types';\n\n// Dial codes and flags for the countries the input offers, sorted by name.\nexport const countries: CountryData[] = [\n  { code: 'US' as CountryCode, name: 'United States', dial: '+1', flag: '🇺🇸' },\n  { code: 'GB' as CountryCode, name: 'United Kingdom', dial: '+44', flag: '🇬🇧' },\n  { code: 'CA' as CountryCode, name: 'Canada', dial: '+1', flag: '🇨🇦' },\n  { code: 'AU' as CountryCode, name: 'Australia', dial: '+61', flag: '🇦🇺' },\n  { code: 'DE' as CountryCode, name: 'Germany', dial: '+49', flag: '🇩🇪' },\n  { code: 'FR' as CountryCode, name: 'France', dial: '+33', flag: '🇫🇷' },\n  { code: 'IT' as CountryCode, name: 'Italy', dial: '+39', flag: '🇮🇹' },\n  { code: 'ES' as CountryCode, name: 'Spain', dial: '+34', flag: '🇪🇸' },\n  { code: 'NL' as CountryCode, name: 'Netherlands', dial: '+31', flag: '🇳🇱' },\n  { code: 'JP' as CountryCode, name: 'Japan', dial: '+81', flag: '🇯🇵' },\n  { code: 'CN' as CountryCode, name: 'China', dial: '+86', flag: '🇨🇳' },\n  { code: 'IN' as CountryCode, name: 'India', dial: '+91', flag: '🇮🇳' },\n  { code: 'BR' as CountryCode, name: 'Brazil', dial: '+55', flag: '🇧🇷' },\n  { code: 'MX' as CountryCode, name: 'Mexico', dial: '+52', flag: '🇲🇽' },\n  { code: 'KR' as CountryCode, name: 'South Korea', dial: '+82', flag: '🇰🇷' },\n  { code: 'SE' as CountryCode, name: 'Sweden', dial: '+46', flag: '🇸🇪' },\n  { code: 'NO' as CountryCode, name: 'Norway', dial: '+47', flag: '🇳🇴' },\n  { code: 'DK' as CountryCode, name: 'Denmark', dial: '+45', flag: '🇩🇰' },\n  { code: 'CH' as CountryCode, name: 'Switzerland', dial: '+41', flag: '🇨🇭' },\n  { code: 'AT' as CountryCode, name: 'Austria', dial: '+43', flag: '🇦🇹' },\n  { code: 'BE' as CountryCode, name: 'Belgium', dial: '+32', flag: '🇧🇪' },\n  { code: 'FI' as CountryCode, name: 'Finland', dial: '+358', flag: '🇫🇮' },\n  { code: 'IE' as CountryCode, name: 'Ireland', dial: '+353', flag: '🇮🇪' },\n  { code: 'PT' as CountryCode, name: 'Portugal', dial: '+351', flag: '🇵🇹' },\n  { code: 'GR' as CountryCode, name: 'Greece', dial: '+30', flag: '🇬🇷' },\n  { code: 'PL' as CountryCode, name: 'Poland', dial: '+48', flag: '🇵🇱' },\n  { code: 'CZ' as CountryCode, name: 'Czech Republic', dial: '+420', flag: '🇨🇿' },\n  { code: 'HU' as CountryCode, name: 'Hungary', dial: '+36', flag: '🇭🇺' },\n  { code: 'RU' as CountryCode, name: 'Russia', dial: '+7', flag: '🇷🇺' },\n  { code: 'ZA' as CountryCode, name: 'South Africa', dial: '+27', flag: '🇿🇦' },\n  { code: 'EG' as CountryCode, name: 'Egypt', dial: '+20', flag: '🇪🇬' },\n  { code: 'NG' as CountryCode, name: 'Nigeria', dial: '+234', flag: '🇳🇬' },\n  { code: 'KE' as CountryCode, name: 'Kenya', dial: '+254', flag: '🇰🇪' },\n  { code: 'AR' as CountryCode, name: 'Argentina', dial: '+54', flag: '🇦🇷' },\n  { code: 'CL' as CountryCode, name: 'Chile', dial: '+56', flag: '🇨🇱' },\n  { code: 'CO' as CountryCode, name: 'Colombia', dial: '+57', flag: '🇨🇴' },\n  { code: 'PE' as CountryCode, name: 'Peru', dial: '+51', flag: '🇵🇪' },\n  { code: 'MY' as CountryCode, name: 'Malaysia', dial: '+60', flag: '🇲🇾' },\n  { code: 'SG' as CountryCode, name: 'Singapore', dial: '+65', flag: '🇸🇬' },\n  { code: 'TH' as CountryCode, name: 'Thailand', dial: '+66', flag: '🇹🇭' },\n  { code: 'VN' as CountryCode, name: 'Vietnam', dial: '+84', flag: '🇻🇳' },\n  { code: 'PH' as CountryCode, name: 'Philippines', dial: '+63', flag: '🇵🇭' },\n  { code: 'ID' as CountryCode, name: 'Indonesia', dial: '+62', flag: '🇮🇩' },\n  { code: 'TR' as CountryCode, name: 'Turkey', dial: '+90', flag: '🇹🇷' },\n  { code: 'IL' as CountryCode, name: 'Israel', dial: '+972', flag: '🇮🇱' },\n  { code: 'AE' as CountryCode, name: 'United Arab Emirates', dial: '+971', flag: '🇦🇪' },\n  { code: 'SA' as CountryCode, name: 'Saudi Arabia', dial: '+966', flag: '🇸🇦' },\n].sort((a, b) => a.name.localeCompare(b.name));\n"],"mappings":"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","names":[]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/feedback/StackedModal/StackedModal.parts.tsx"],"sourcesContent":["import ChevronLeftIcon from '@mui/icons-material/ChevronLeft';\nimport CloseIcon from '@mui/icons-material/Close';\nimport Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport DialogActions from '@mui/material/DialogActions/index.js';\nimport DialogContent from '@mui/material/DialogContent/index.js';\nimport DialogTitle from '@mui/material/DialogTitle/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Skeleton from '@mui/material/Skeleton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport type { ElementType, FC, ReactNode } from 'react';\nimport React from 'react';\nimport { rem } from '../../../tokens/relative';\nimport { safeAreaBottom } from '../../../utils/viewport';\nimport {\n  loadingOverlayStyles,\n  modalContentStyles,\n  titleLeftStyles,\n  titleRightStyles,\n  titleStyles,\n} from './StackedModal.styles';\n\n// `component` typed through: the bar is a `div` when it holds a title (`ModalHeader`).\nconst StyledDialogTitle = styled(DialogTitle, {\n  shouldForwardProp: (prop) => prop !== 'rtl',\n})<{ rtl?: boolean; component?: ElementType }>(({ theme, rtl }) => titleStyles(theme, rtl));\n\nconst DialogTitleLeft = styled(Box)(({ theme }) => titleLeftStyles(theme));\nconst DialogTitleRight = styled(Box)(({ theme }) => titleRightStyles(theme));\nconst LoadingOverlay = styled(Box)(({ theme }) => loadingOverlayStyles(theme));\n\n/**\n * The padded content wrapper callers put inside a StackedModal. The explicit\n * `typeof DialogContent` annotation keeps its type nameable across package\n * boundaries (TS2742) now that it is re-exported from the barrel.\n */\nexport const StackedModalContent: typeof DialogContent = styled(DialogContent)(({ theme }) =>\n  modalContentStyles(theme),\n) as typeof DialogContent;\n\n/** Sub-element test IDs derive from the modal's own, or stay off when it has none. */\nexport const testId = (base: string | undefined, suffix: string): string | undefined =>\n  base ? `${base}-${suffix}` : undefined;\n\n/**\n * A wrapper marking the subtree that should render as modal actions — the\n * StackedModal pulls it out of `children` and places it by device.\n */\nexport const StackedModalActions: FC<{ children?: ReactNode }> = ({ children }) => <>{children}</>;\n\n/** Separates the `StackedModalActions` subtree from the rest of the content. */\nconst splitModalChildren = (children: ReactNode): { content: ReactNode; actions: ReactNode } => {\n  let actions: ReactNode = null;\n\n  React.Children.forEach(children, (child) => {\n    if (React.isValidElement<{ children?: ReactNode }>(child) && child.type === StackedModalActions) {\n      actions = child.props.children;\n    }\n  });\n\n  const content = React.Children.toArray(children).filter(\n    (child) => !(React.isValidElement(child) && child.type === StackedModalActions),\n  );\n\n  return { content, actions };\n};\n\n/**\n * Works out what renders where: a `StackedModalActions` child wins over the\n * `actions` prop, and on phones those actions move out of the header into a\n * pinned bottom bar.\n */\nexport const resolveModalContent = (\n  children: ReactNode,\n  actions: ReactNode,\n  isMobile: boolean,\n): {\n  content: ReactNode;\n  modalActions: ReactNode;\n  headerActions: ReactNode;\n  hasMobileActions: boolean;\n} => {\n  const { content, actions: childActions } = splitModalChildren(children);\n  const modalActions = childActions ?? actions;\n  return {\n    content,\n    modalActions,\n    headerActions: isMobile ? null : modalActions,\n    hasMobileActions: Boolean(isMobile && modalActions),\n  };\n};\n\n/** The panel's own ARIA ids, unless the caller wired it to its own labels. */\nexport const modalAriaIds = (\n  modalId: string,\n  ariaLabelledBy?: string,\n  ariaDescribedBy?: string,\n): { titleId: string; descId: string } => ({\n  titleId: ariaLabelledBy || `modal-title-${modalId}`,\n  descId: ariaDescribedBy || `modal-desc-${modalId}`,\n});\n\nexport const ModalLoadingOverlay: FC<{ loadingText?: string; dataTestId?: string }> = ({\n  loadingText,\n  dataTestId,\n}) => {\n  const theme = useTheme();\n  return (\n    <LoadingOverlay data-testid={testId(dataTestId, 'loading-overlay')}>\n      <CircularProgress size={rem(theme, 40)} data-testid={testId(dataTestId, 'loading-spinner')} />\n      {loadingText && (\n        <Typography variant=\"body2\" sx={{ mt: 2 }} data-testid={testId(dataTestId, 'loading-text')}>\n          {loadingText}\n        </Typography>\n      )}\n    </LoadingOverlay>\n  );\n};\n\ninterface ModalHeaderProps {\n  titleId: string;\n  navigationTitle?: ReactNode;\n  /** Deeper than the first panel, so the leading button goes back instead of closing. */\n  canGoBack: boolean;\n  onBack: () => void;\n  /** The back arrow's accessible name — it carries a glyph only. REQUIRED. */\n  backLabel: string;\n  onClose: () => void;\n  /** Renders the bar without its ✕ — the panel's content owns the dismiss. */\n  hideClose?: boolean;\n  /** Header actions — desktop only; on phones they move to the footer. */\n  headerActions?: ReactNode;\n  rtl?: boolean;\n  dataTestId?: string;\n}\n\n/**\n * The bar's leading control: back at depth ≥2, otherwise close — and nothing at\n * all when the panel's content carries its own ✕ (`hideClose`).\n */\nconst HeaderLeadingButton: FC<\n  Pick<\n    ModalHeaderProps,\n    'canGoBack' | 'onBack' | 'backLabel' | 'onClose' | 'hideClose' | 'rtl' | 'dataTestId'\n  >\n> = ({ canGoBack, onBack, backLabel, onClose, hideClose, rtl, dataTestId }) => {\n  if (canGoBack) {\n    return (\n      <IconButton\n        edge=\"start\"\n        color=\"inherit\"\n        onClick={onBack}\n        aria-label={backLabel}\n        size=\"small\"\n        sx={{ transform: rtl ? 'rotate(180deg)' : 'none' }}\n        data-testid={testId(dataTestId, 'back-button')}\n      >\n        <ChevronLeftIcon />\n      </IconButton>\n    );\n  }\n  if (hideClose) return null;\n  return (\n    <IconButton\n      edge=\"start\"\n      color=\"inherit\"\n      onClick={onClose}\n      aria-label=\"close\"\n      size=\"small\"\n      data-testid={testId(dataTestId, 'close-button')}\n    >\n      <CloseIcon />\n    </IconButton>\n  );\n};\n\nexport const ModalHeader: FC<ModalHeaderProps> = ({\n  titleId,\n  navigationTitle,\n  canGoBack,\n  onBack,\n  onClose,\n  hideClose,\n  backLabel,\n  headerActions,\n  rtl,\n  dataTestId,\n}) => (\n  // The BAR is not a heading: it holds the ✕ or back button and the header\n  // actions. The title inside it is the panel's one heading and carries the id\n  // the dialog's `aria-labelledby` names, so the dialog is named by the title\n  // alone — not \"close Title Save\" — and a screen reader hears it once.\n  //\n  // The bar's id is stated, never left to MUI: `DialogTitle` falls back to the\n  // Dialog's `aria-labelledby` and would claim the title's id a second time.\n  // With NO title the bar is drawn exactly as it always was — MUI's own `h2`,\n  // holding the id — so an untitled panel keeps its markup and its name.\n  <StyledDialogTitle\n    component={navigationTitle ? 'div' : 'h2'}\n    id={navigationTitle ? `${titleId}-bar` : titleId}\n    rtl={rtl}\n    data-testid={testId(dataTestId, 'header')}\n  >\n    <DialogTitleLeft>\n      <HeaderLeadingButton\n        canGoBack={canGoBack}\n        onBack={onBack}\n        backLabel={backLabel}\n        onClose={onClose}\n        hideClose={hideClose}\n        rtl={rtl}\n        dataTestId={dataTestId}\n      />\n      {navigationTitle && (\n        <Typography\n          id={titleId}\n          variant=\"h6\"\n          component=\"h2\"\n          noWrap\n          sx={{ ml: canGoBack || !hideClose ? 1 : 0 }}\n          data-testid={testId(dataTestId, 'title')}\n        >\n          {navigationTitle}\n        </Typography>\n      )}\n    </DialogTitleLeft>\n    <DialogTitleRight data-testid={testId(dataTestId, 'header-actions')}>\n      {headerActions}\n    </DialogTitleRight>\n  </StyledDialogTitle>\n);\n\nconst ContentSkeleton: FC = () => {\n  const theme = useTheme();\n  return (\n    <Box sx={{ p: 3 }}>\n      <Skeleton variant=\"text\" width=\"60%\" height={rem(theme, 32)} />\n      <Skeleton variant=\"text\" width=\"100%\" />\n      <Skeleton variant=\"text\" width=\"100%\" />\n      <Skeleton variant=\"rectangular\" height={rem(theme, 200)} sx={{ mt: 2 }} />\n    </Box>\n  );\n};\n\ninterface ModalBodyProps {\n  descId: string;\n  showSkeleton: boolean;\n  /** When there is no action bar, the body is what reaches the bottom of the panel. */\n  endsPanel: boolean;\n  dataTestId?: string;\n  children?: ReactNode;\n}\n\nexport const ModalBody: FC<ModalBodyProps> = ({\n  descId,\n  showSkeleton,\n  endsPanel,\n  dataTestId,\n  children,\n}) => (\n  <Box\n    id={descId}\n    sx={{\n      position: 'relative',\n      flex: 1,\n      overflow: 'auto',\n      // iOS momentum scrolling, and no scroll-chaining to the page behind —\n      // without `contain`, an overscroll at the end of the list rubber-bands the\n      // whole panel and springs back before the last row can be tapped.\n      WebkitOverflowScrolling: 'touch',\n      overscrollBehavior: 'contain',\n      // The content itself ends the panel when there is no action bar, so it has\n      // to clear the home indicator on its own.\n      ...(endsPanel ? safeAreaBottom(0) : {}),\n    }}\n    data-testid={testId(dataTestId, 'content')}\n  >\n    {showSkeleton ? <ContentSkeleton /> : children}\n  </Box>\n);\n\n/** The phone-only pinned action bar; on desktop the actions live in the header. */\nexport const ModalFooter: FC<{ dataTestId?: string; children?: ReactNode }> = ({\n  dataTestId,\n  children,\n}) => (\n  <DialogActions\n    sx={{\n      borderTop: (theme) => `1px solid ${theme.palette.divider}`,\n      padding: 2,\n      // Never let the action row sit under the iOS home indicator.\n      flexShrink: 0,\n      ...safeAreaBottom(16),\n    }}\n    data-testid={testId(dataTestId, 'footer')}\n  >\n    {children}\n  </DialogActions>\n);\n\ninterface PanelContentsProps extends ModalHeaderProps {\n  /** Draw no bar — already resolved: `hideHeader` on the ROOT panel only. */\n  hideHeader?: boolean;\n  showSkeleton: boolean;\n  loadingText?: string;\n  descId: string;\n  content: ReactNode;\n  /** The resolved actions, already placed in the header or destined for the footer. */\n  modalActions: ReactNode;\n  hasMobileActions: boolean;\n}\n\n/** Everything inside the sliding panel: the loading veil, header, body and action bar. */\nexport const ModalPanelContents: FC<PanelContentsProps> = ({\n  showSkeleton,\n  loadingText,\n  descId,\n  content,\n  modalActions,\n  hasMobileActions,\n  hideHeader,\n  ...header\n}) => (\n  <>\n    {showSkeleton && (\n      <ModalLoadingOverlay loadingText={loadingText} dataTestId={header.dataTestId} />\n    )}\n    {!hideHeader && <ModalHeader {...header} />}\n    <ModalBody\n      descId={descId}\n      showSkeleton={showSkeleton}\n      endsPanel={!hasMobileActions}\n      dataTestId={header.dataTestId}\n    >\n      {content}\n    </ModalBody>\n    {hasMobileActions && (\n      <ModalFooter dataTestId={header.dataTestId}>{modalActions}</ModalFooter>\n    )}\n  </>\n);\n"],"mappings":"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","names":[]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/navigation/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import ArrowForwardIos from '@mui/icons-material/ArrowForwardIos';\nimport ChevronRight from '@mui/icons-material/ChevronRight';\nimport NavigateNext from '@mui/icons-material/NavigateNext';\nimport Box from '@mui/material/Box/index.js';\nimport MuiBreadcrumbs from '@mui/material/Breadcrumbs/index.js';\nimport { useTheme, styled } from '@mui/material/styles/index.js';\nimport useMediaQuery from '@mui/material/useMediaQuery/index.js';\nimport React from 'react';\n\nimport {\n  breadcrumbsBarStyles,\n  sizeIconMap } from './Breadcrumbs.styles';\nimport { BreadcrumbEntry } from './BreadcrumbEntry';\nimport type { BreadcrumbItem,BreadcrumbsProps } from './Breadcrumbs.types';\nimport { sxRem } from '../../../tokens/relative';\n\n// Animation keyframes\nconst StyledBreadcrumbs = styled(MuiBreadcrumbs, {\n  shouldForwardProp: (prop) =>\n    prop !== 'size' && prop !== 'color' && prop !== 'visualStyle' && prop !== 'elevation' })<{ size?: string; color?: string; visualStyle?: string; elevation?: number }>(\n  ({ theme, size, color, visualStyle, elevation = 0 }) => ({\n    ...breadcrumbsBarStyles({ theme, size, color, visualStyle, elevation }) }),\n);\n\nconst AnimatedSeparator = styled(Box)(() => ({\n  display: 'flex',\n  alignItems: 'center',\n  opacity: 0.6,\n  transition: 'all 0.2s ease',\n\n  '&:hover': {\n    opacity: 1,\n    transform: 'scale(1.1)' } }));\n\nconst getSeparator = (separatorType: string) => {\n  const separatorContent = (() => {\n    switch (separatorType) {\n      case 'slash':\n        return '/';\n      case 'arrow':\n        return <NavigateNext fontSize=\"small\" />;\n      case 'chevron':\n        return <ChevronRight fontSize=\"small\" />;\n      case 'dot':\n        return '•';\n      case 'pipe':\n        return '|';\n      default:\n        return <ArrowForwardIos sx={{ fontSize: sxRem(12) }} />;\n    }\n  })();\n\n  return <AnimatedSeparator>{separatorContent}</AnimatedSeparator>;\n};\n\ntype DisplayItem = BreadcrumbItem & { isEllipsis?: boolean };\n\n// Long trails either hide their middle behind a menu or replace it with an\n// ellipsis crumb; short ones pass straight through.\nconst collapseItems = ({\n  items,\n  effectiveMaxItems,\n  collapseBehavior }: {\n  items: BreadcrumbItem[];\n  effectiveMaxItems: number;\n  collapseBehavior: string;\n}): { displayItems: DisplayItem[]; collapsedItems: BreadcrumbItem[] } => {\n  if (items.length <= effectiveMaxItems) {\n    return { displayItems: items, collapsedItems: [] };\n  }\n\n  if (collapseBehavior === 'menu') {\n    const firstItem = items[0];\n    const tail = items.slice(-(effectiveMaxItems - 2));\n\n    return {\n      displayItems: firstItem ? [firstItem, ...tail] : tail,\n      collapsedItems: items.slice(1, -(effectiveMaxItems - 2)) };\n  }\n\n  if (collapseBehavior === 'ellipsis') {\n    const half = Math.floor(effectiveMaxItems / 2);\n\n    return {\n      displayItems: [\n        ...items.slice(0, half),\n        { label: '...', href: '#', isEllipsis: true },\n        ...items.slice(-half),\n      ],\n      collapsedItems: [] };\n  }\n\n  return { displayItems: items, collapsedItems: [] };\n};\n\ntype BreadcrumbsDefaultedKeys =\n  | 'variant'\n  | 'separatorType'\n  | 'maxItems'\n  | 'showHomeIcon'\n  | 'size'\n  | 'color'\n  | 'elevation'\n  | 'collapseBehavior'\n  | 'mobileMaxItems';\n\ntype ResolvedBreadcrumbsProps = BreadcrumbsProps &\n  Required<Pick<BreadcrumbsProps, BreadcrumbsDefaultedKeys>>;\n\nconst BREADCRUMBS_DEFAULTS: Pick<BreadcrumbsProps, BreadcrumbsDefaultedKeys> = {\n  variant: 'default',\n  separatorType: 'default',\n  maxItems: 8,\n  showHomeIcon: true,\n  size: 'md',\n  color: 'neutral',\n  elevation: 1,\n  collapseBehavior: 'menu',\n  mobileMaxItems: 3 };\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 nine\n// branches into the component's own complexity budget.\nconst resolveProps = (props: BreadcrumbsProps): ResolvedBreadcrumbsProps =>\n  ({\n    ...BREADCRUMBS_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<BreadcrumbsProps>) }) as ResolvedBreadcrumbsProps;\n\nexport const Breadcrumbs = React.forwardRef<HTMLElement, BreadcrumbsProps>(\n  (componentProps, ref) => {\n    const {\n      variant,\n      separatorType,\n      items,\n      separator,\n      maxItems,\n      showHomeIcon,\n      size,\n      color,\n      elevation,\n      collapseBehavior,\n      mobileMaxItems,\n      ariaLabel,\n      copy,\n      dataTestId,\n      ...props\n    } = resolveProps(componentProps);\n    const theme = useTheme();\n    // separatorType picks a built-in separator; an explicit `separator` wins.\n    // This was computed before but never passed on, so separatorType had no\n    // effect on what rendered.\n    const finalSeparator = separator || getSeparator(separatorType);\n    const isMobile = useMediaQuery(theme.breakpoints.down('sm'));\n    const iconSize = sizeIconMap[size];\n\n    // Handle mobile collapsing\n    const effectiveMaxItems = isMobile ? mobileMaxItems : maxItems;\n    const shouldCollapse = items.length > effectiveMaxItems;\n\n    const { displayItems, collapsedItems } = collapseItems({\n      items,\n      effectiveMaxItems,\n      collapseBehavior });\n\n    return (\n      <StyledBreadcrumbs\n        ref={ref}\n        separator={finalSeparator}\n        maxItems={shouldCollapse ? undefined : effectiveMaxItems}\n        size={size}\n        color={color}\n        visualStyle={variant}\n        elevation={elevation}\n        aria-label={ariaLabel || 'breadcrumb navigation'}\n        role=\"navigation\"\n        data-testid={dataTestId || 'breadcrumbs'}\n        {...props}\n      >\n        {displayItems.map((item, index) => (\n          <BreadcrumbEntry\n            copy={copy}\n            key={index}\n            item={item}\n            index={index}\n            itemCount={displayItems.length}\n            collapsedItems={collapsedItems}\n            collapseBehavior={collapseBehavior}\n            separator={finalSeparator}\n            showHomeIcon={showHomeIcon}\n            iconSize={iconSize}\n            size={size}\n            variant={variant}\n            dataTestId={dataTestId}\n          />\n        ))}\n      </StyledBreadcrumbs>\n    );\n  },\n);\n\nBreadcrumbs.displayName = 'Breadcrumbs';\n"],"mappings":"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","names":[]}