@12-apps/ui 6.41.2 → 6.43.0

package/src/components/data-display/TimingDiagram/TimingDiagram.tsx

@@ -5,6 +5,8 @@ import { alpha, styled } from '@mui/material/styles/index.js';
 import type { FC } from 'react';
 import React, { useMemo } from 'react';
 
+import type { TimingDiagramCopy } from '../../../copy';
+
 import type { TimingData, TimingDiagramProps } from './TimingDiagram.types';
 import type { Phase, PhaseKey, TimingViewProps } from './TimingDiagram.views';
 import {
@@ -63,13 +65,13 @@ const calculatePercentages = (data: TimingData): Record<string, number> => {
 
 // A phase with no recorded time never happened — an HTTP request has no SSL
 // handshake, for instance — so it gets no bar and no legend entry.
-const phasesOf = (data: TimingData): Phase[] =>
+const phasesOf = (data: TimingData, copy: TimingDiagramCopy): Phase[] =>
   [
-    { key: 'dns', label: 'DNS Lookup', value: data.dns },
-    { key: 'connect', label: 'Connection', value: data.connect },
-    { key: 'ssl', label: 'SSL/TLS', value: data.ssl },
-    { key: 'request', label: 'Request', value: data.request },
-    { key: 'response', label: 'Response', value: data.response },
+    { key: 'dns', label: copy.dns, value: data.dns },
+    { key: 'connect', label: copy.connect, value: data.connect },
+    { key: 'ssl', label: copy.ssl, value: data.ssl },
+    { key: 'request', label: copy.request, value: data.request },
+    { key: 'response', label: copy.response, value: data.response },
   ].filter((phase) => phase.value !== undefined && phase.value > 0);
 
 const VIEWS: Record<string, FC<TimingViewProps>> = {
@@ -89,7 +91,7 @@ export const TimingDiagram: FC<TimingDiagramProps> = ({
   variant = 'waterfall',
 }) => {
   const percentages = useMemo(() => calculatePercentages(data), [data]);
-  const phases = phasesOf(data);
+  const phases = phasesOf(data, copy);
   const View = VIEWS[variant];
 
   return (
@@ -103,6 +105,7 @@ export const TimingDiagram: FC<TimingDiagramProps> = ({
           phases={phases}
           percentages={percentages}
           data={data}
+          copy={copy}
           animated={animated}
           showLabels={showLabels}
           showTooltips={showTooltips}

package/src/components/data-display/TimingDiagram/TimingDiagram.views.tsx

@@ -7,6 +7,7 @@ import type { FC, ReactElement } from 'react';
 import React from 'react';
 
 import type { TimingData } from './TimingDiagram.types';
+import type { TimingDiagramCopy } from '../../../copy';
 import { onMedia, sheen, uiInk } from '../../../tokens/ink';
 import { rem, rems } from '../../../tokens/relative';
 
@@ -34,6 +35,7 @@ export interface TimingViewProps {
   phases: Phase[];
   percentages: Record<string, number>;
   data: TimingData;
+  copy: TimingDiagramCopy;
   animated: boolean;
   showLabels: boolean;
   showTooltips: boolean;
@@ -227,6 +229,7 @@ export const StackedView: FC<TimingViewProps> = ({
   phases,
   percentages,
   data,
+  copy,
   animated,
   showLabels,
   showTooltips,
@@ -260,7 +263,7 @@ export const StackedView: FC<TimingViewProps> = ({
           0ms
         </Typography>
         <Typography variant="caption" color="text.secondary" fontWeight="bold">
-          Total: {formatTime(data.total)}
+          {copy.total(formatTime(data.total))}
         </Typography>
       </Box>
     </Box>
@@ -328,6 +331,7 @@ export const HorizontalView: FC<TimingViewProps> = ({
   phases,
   percentages,
   data,
+  copy,
   animated,
 }) => {
   const theme = useTheme();
@@ -352,7 +356,7 @@ export const HorizontalView: FC<TimingViewProps> = ({
       ))}
       <Box sx={{ mt: 2, pt: 2, borderTop: `1px solid ${alpha(theme.palette.divider, 0.2)}` }}>
         <Typography variant="body2" fontWeight="bold" color="primary">
-          Total Time: {formatTime(data.total)}
+          {copy.totalTime(formatTime(data.total))}
         </Typography>
       </Box>
     </HorizontalBar>

package/src/components/feedback/TutorialOverlay/TutorialStepBody.tsx

@@ -109,7 +109,7 @@ const TutorialStepNav: React.FC<{
                 endIcon={<NextIcon />}
                 onClick={onNext}
                 disabled={requiresActionBeforeNext}
-                title={requiresActionBeforeNext ? 'Complete the required action first' : ''}
+                title={requiresActionBeforeNext ? copy.requiresAction : ''}
                 data-testid="tutorial-next-button"
               >
                 {copy.next}
@@ -126,7 +126,7 @@ const TutorialStepNav: React.FC<{
                 }}
                 data-testid="tutorial-finish-button"
               >
-                {stepCount === 1 ? 'Complete' : 'Finish'}
+                {stepCount === 1 ? copy.complete : copy.finish}
               </Button>
             )}
           </Stack>

package/src/components/layout/Dashboard/Dashboard.types.ts

@@ -52,24 +52,32 @@ export interface DashboardHeaderProps {
 
 /** Props for `<Dashboard.Info>` — an `[i]` popover summarising the page. */
 export interface DashboardInfoProps {
-  /** Popover heading. Defaults to `"About this page"`. */
-  title?: ReactNode;
+  /** Popover heading. REQUIRED — the fallback was the English "About this page". */
+  title: ReactNode;
   /** Popover body content. */
   children: ReactNode;
-  /** Accessible label for the trigger. Defaults to `"Page information"`. */
-  ariaLabel?: string;
+  /** Accessible label for the trigger. REQUIRED — the fallback was the English "Page information". */
+  ariaLabel: string;
 }
 
 /** Props for `<Dashboard.FilterToggle>` — the funnel icon. */
 export interface DashboardFilterToggleProps {
-  /** Accessible label. Defaults to a show/hide string based on state. */
-  ariaLabel?: string;
+  /**
+   * Accessible label while `<Dashboard.Filters>` is expanded. REQUIRED — the
+   * fallback was the English "Hide filters".
+   */
+  hideLabel: string;
+  /**
+   * Accessible label while `<Dashboard.Filters>` is collapsed. REQUIRED — the
+   * fallback was the English "Show filters".
+   */
+  showLabel: string;
 }
 
 /** Shared props for both modes of `<Dashboard.Settings>`. */
 interface DashboardSettingsBaseProps {
-  /** Accessible label for the trigger. Defaults to `"Settings"`. */
-  ariaLabel?: string;
+  /** Accessible label for the trigger. REQUIRED — the fallback was the English "Settings". */
+  ariaLabel: string;
 }
 
 /**
@@ -79,8 +87,8 @@ interface DashboardSettingsBaseProps {
 export interface DashboardSettingsDialogProps extends DashboardSettingsBaseProps {
   /** The dialog's close button — a glyph with no visible label. REQUIRED. */
   closeLabel: string;
-  /** Dialog title. Defaults to `"Settings"`. */
-  title?: ReactNode;
+  /** Dialog title. REQUIRED — the fallback was the English "Settings". */
+  title: ReactNode;
   /** Dialog body. */
   children: ReactNode;
   href?: never;
@@ -132,8 +140,10 @@ export interface DashboardExportProps {
   formats?: DashboardExportFormat[];
   /** Invoked with the chosen format id. */
   onExport: (formatId: string) => void;
-  /** Button label. Defaults to `"Export"`. */
-  label?: ReactNode;
+  /**
+   * Button label. REQUIRED — the fallback was the English "Export" (FUT-2568).
+   */
+  label: ReactNode;
 }
 
 /** Props for `<Dashboard.Action>` — a slot for a primary/secondary button. */

package/src/components/layout/Dashboard/DashboardParts.tsx

@@ -38,9 +38,9 @@ export const DashboardSpacer = (): React.JSX.Element => <Box sx={{ flex: 1 }} ar
 DashboardSpacer.displayName = 'Dashboard.Spacer';
 
 export const DashboardInfo = ({
-  title = 'About this page',
+  title,
   children,
-  ariaLabel = 'Page information',
+  ariaLabel,
 }: DashboardInfoProps): React.JSX.Element => {
   const { testIdPrefix } = useDashboardContext();
   const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);
@@ -78,9 +78,12 @@ export const DashboardInfo = ({
 };
 DashboardInfo.displayName = 'Dashboard.Info';
 
-export const DashboardFilterToggle = ({ ariaLabel }: DashboardFilterToggleProps): React.JSX.Element => {
+export const DashboardFilterToggle = ({
+  hideLabel,
+  showLabel,
+}: DashboardFilterToggleProps): React.JSX.Element => {
   const { filtersVisible, toggleFilters, activeFilterCount, testIdPrefix } = useDashboardContext();
-  const label = ariaLabel ?? (filtersVisible ? 'Hide filters' : 'Show filters');
+  const label = filtersVisible ? hideLabel : showLabel;
   return (
     <Tooltip title={label}>
       <IconButton
@@ -101,10 +104,10 @@ export const DashboardFilterToggle = ({ ariaLabel }: DashboardFilterToggleProps)
 DashboardFilterToggle.displayName = 'Dashboard.FilterToggle';
 
 export const DashboardSettings = ({
-  title = 'Settings',
+  title,
   closeLabel,
   children,
-  ariaLabel = 'Settings',
+  ariaLabel,
   href,
   linkComponent,
 }: DashboardSettingsProps): React.JSX.Element => {
@@ -168,7 +171,7 @@ const DEFAULT_EXPORT_FORMATS: DashboardExportFormat[] = [
 export const DashboardExport = ({
   formats = DEFAULT_EXPORT_FORMATS,
   onExport,
-  label = 'Export',
+  label,
 }: DashboardExportProps): React.JSX.Element => {
   const { testIdPrefix } = useDashboardContext();
   const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);

package/src/copy/data-display.ts

@@ -24,6 +24,16 @@ export interface LightboxCopy {
   /** The slideshow toggle, in its two states. */
   play: string;
   pause: string;
+  /** The dialog's own accessible name, read out before its hidden title. */
+  dialogLabel: string;
+  /** The hidden title's item count, when the current item has no `alt`. */
+  itemPosition: (index: number, total: number) => string;
+  /** A `<video>`'s accessible name, when the item has no `alt`. */
+  videoFallback: (index: number, total: number) => string;
+  /** An `<img>`'s `alt`, when the item has no `alt`. */
+  imageFallback: (index: number, total: number) => string;
+  /** A filmstrip thumbnail's `alt`, when the item has no `alt`. */
+  thumbnailFallback: (index: number) => string;
 }
 
 /** The map preview's control bar — same shape, same reason, as the lightbox. */
@@ -42,10 +52,40 @@ export interface CarouselCopy {
   next: string;
 }
 
-/** The request-timing diagram's own two strings. */
+/** The request-timing diagram's own words: its region, its phases, its totals. */
 export interface TimingDiagramCopy {
   regionLabel: string;
   heading: string;
+  /** The five phases a waterfall/stacked/horizontal bar can show. */
+  dns: string;
+  connect: string;
+  ssl: string;
+  request: string;
+  response: string;
+  /** The stacked view's own total sentence, e.g. "Total: 1.20s". */
+  total: (formatted: string) => string;
+  /** The horizontal view's own total sentence, e.g. "Total Time: 1.20s". */
+  totalTime: (formatted: string) => string;
+}
+
+/**
+ * The DataGrid's own words — every one a fallback the caller can still
+ * override: `column.ariaLabel`, `expansion.expandLabel`/`collapseLabel` and
+ * the grid's own `ariaLabel` all win when given. REQUIRED: the fallbacks were
+ * English literals with no way to localise them at all.
+ */
+export interface DataGridCopy {
+  /** A sortable header button's accessible name, unless the column's own `ariaLabel` wins. */
+  sortBy: (header: string) => string;
+  /** A row's selection checkbox, unless `selection` is off. */
+  selectRow: (rowNumber: number) => string;
+  /** The header's select-all checkbox. */
+  selectAllRows: string;
+  /** The expand chevron's two states, unless `expansion.expandLabel`/`collapseLabel` win. */
+  expandRow: string;
+  collapseRow: string;
+  /** The grid's own accessible name, unless the caller's `ariaLabel` wins. */
+  gridLabel: string;
 }
 
 export interface DataStateCopy {

package/src/copy/feedback.ts

@@ -15,12 +15,18 @@
  * table, the grid, the async container, the hover card and the infinite
  * scroller each rendered their own copy of.
  */
-/** The guided tour's four controls, and the toast/modal chrome around it. */
+/** The guided tour's controls, and the toast/modal chrome around it. */
 export interface TutorialCopy {
   skip: string;
   previous: string;
   next: string;
   restart: string;
+  /** The last step's own next button, when it is the tour's only step. */
+  complete: string;
+  /** The last step's own next button, in a tour of more than one step. */
+  finish: string;
+  /** The next/finish button's title while `requiresActionBeforeNext` blocks it. */
+  requiresAction: string;
 }
 
 /** Chrome that carries a glyph and no text, across several small surfaces. */

package/src/en-US.data-display.ts

@@ -5,6 +5,7 @@
 import type { DataViewsCopy } from "./components/data-display/DataViews/data-views-copy";
 import type {
   CarouselCopy,
+  DataGridCopy,
   DataStateCopy,
   LightboxCopy,
   MapPreviewCopy,
@@ -26,6 +27,20 @@ export const EN_US_LIGHTBOX_COPY: LightboxCopy = {
   resetZoom: "Reset zoom",
   play: "Start the slideshow",
   pause: "Pause the slideshow",
+  dialogLabel: "Lightbox",
+  itemPosition: (index, total) => `Item ${index} of ${total}`,
+  videoFallback: (index, total) => `Video ${index} of ${total}`,
+  imageFallback: (index, total) => `Image ${index} of ${total}`,
+  thumbnailFallback: (index) => `Thumbnail ${index}`,
+};
+
+export const EN_US_DATA_GRID_COPY: DataGridCopy = {
+  sortBy: (header) => `Sort by ${header}`,
+  selectRow: (rowNumber) => `Select row ${rowNumber}`,
+  selectAllRows: "Select all rows",
+  expandRow: "Expand row",
+  collapseRow: "Collapse row",
+  gridLabel: "Data grid",
 };
 
 export const EN_US_MAP_PREVIEW_COPY: MapPreviewCopy = {
@@ -45,6 +60,13 @@ export const EN_US_CAROUSEL_COPY: CarouselCopy = {
 export const EN_US_TIMING_DIAGRAM_COPY: TimingDiagramCopy = {
   regionLabel: "Timing diagram",
   heading: "Request timing",
+  dns: "DNS Lookup",
+  connect: "Connection",
+  ssl: "SSL/TLS",
+  request: "Request",
+  response: "Response",
+  total: (formatted) => `Total: ${formatted}`,
+  totalTime: (formatted) => `Total Time: ${formatted}`,
 };
 
 export const EN_US_DATA_STATE_COPY: DataStateCopy = {
@@ -161,6 +183,7 @@ export const EN_US_DATA_VIEWS_COPY: DataViewsCopy = {
   },
   tableFilter: EN_US_TABLE_FILTER_COPY,
   grid: {
+    ...EN_US_DATA_GRID_COPY,
     rowActions: "Actions",
     bulkActions: (selectedCount) => `Actions (${selectedCount}) ▾`,
     emptyFilteredTitle: "No results for these filters",

package/src/en-US.feedback.ts

@@ -13,6 +13,9 @@ export const EN_US_TUTORIAL_COPY: TutorialCopy = {
   previous: "Back",
   next: "Next",
   restart: "Start over",
+  complete: "Complete",
+  finish: "Finish",
+  requiresAction: "Complete the required action first",
 };
 
 export const EN_US_CHROME_COPY: ChromeCopy = {

package/src/locales.ts

@@ -30,6 +30,7 @@ import type {
   CodeEditorCopy,
   CommandPaletteCopy,
   ConfirmActionCopy,
+  DataGridCopy,
   DataStateCopy,
   InstallPromptCopy,
   LightboxCopy,
@@ -69,6 +70,7 @@ export const DATA_STATE_COPY = pack<DataStateCopy>(
   pt.PT_BR_DATA_STATE_COPY,
   en.EN_US_DATA_STATE_COPY,
 );
+export const DATA_GRID_COPY = pack<DataGridCopy>(pt.PT_BR_DATA_GRID_COPY, en.EN_US_DATA_GRID_COPY);
 export const DATA_VIEWS_COPY = pack<DataViewsCopy>(
   pt.PT_BR_DATA_VIEWS_COPY,
   en.EN_US_DATA_VIEWS_COPY,

package/src/pt-BR.data-display.ts

@@ -5,6 +5,7 @@
 import type { DataViewsCopy } from "./components/data-display/DataViews/data-views-copy";
 import type {
   CarouselCopy,
+  DataGridCopy,
   DataStateCopy,
   LightboxCopy,
   MapPreviewCopy,
@@ -26,6 +27,20 @@ export const PT_BR_LIGHTBOX_COPY: LightboxCopy = {
   resetZoom: "Restaurar o zoom",
   play: "Iniciar a apresentação",
   pause: "Pausar a apresentação",
+  dialogLabel: "Galeria de imagens",
+  itemPosition: (index, total) => `Item ${index} de ${total}`,
+  videoFallback: (index, total) => `Vídeo ${index} de ${total}`,
+  imageFallback: (index, total) => `Imagem ${index} de ${total}`,
+  thumbnailFallback: (index) => `Miniatura ${index}`,
+};
+
+export const PT_BR_DATA_GRID_COPY: DataGridCopy = {
+  sortBy: (header) => `Ordenar por ${header}`,
+  selectRow: (rowNumber) => `Selecionar linha ${rowNumber}`,
+  selectAllRows: "Selecionar todas as linhas",
+  expandRow: "Expandir linha",
+  collapseRow: "Recolher linha",
+  gridLabel: "Grade de dados",
 };
 
 export const PT_BR_MAP_PREVIEW_COPY: MapPreviewCopy = {
@@ -45,6 +60,13 @@ export const PT_BR_CAROUSEL_COPY: CarouselCopy = {
 export const PT_BR_TIMING_DIAGRAM_COPY: TimingDiagramCopy = {
   regionLabel: "Diagrama de tempos",
   heading: "Tempo da requisição",
+  dns: "Busca de DNS",
+  connect: "Conexão",
+  ssl: "SSL/TLS",
+  request: "Requisição",
+  response: "Resposta",
+  total: (formatted) => `Total: ${formatted}`,
+  totalTime: (formatted) => `Tempo total: ${formatted}`,
 };
 
 export const PT_BR_DATA_STATE_COPY: DataStateCopy = {
@@ -158,6 +180,7 @@ export const PT_BR_DATA_VIEWS_COPY: DataViewsCopy = {
   },
   tableFilter: PT_BR_TABLE_FILTER_COPY,
   grid: {
+    ...PT_BR_DATA_GRID_COPY,
     rowActions: "Ações",
     bulkActions: (selectedCount) => `Ações (${selectedCount}) ▾`,
     emptyFilteredTitle: "Nenhum resultado para esses filtros",

package/src/pt-BR.feedback.ts

@@ -13,6 +13,9 @@ export const PT_BR_TUTORIAL_COPY: TutorialCopy = {
   previous: "Anterior",
   next: "Próximo",
   restart: "Recomeçar",
+  complete: "Concluir",
+  finish: "Finalizar",
+  requiresAction: "Conclua a ação obrigatória primeiro",
 };
 
 export const PT_BR_CHROME_COPY: ChromeCopy = {

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/en-US.data-display.ts"],"sourcesContent":["/**\n * The en-US pack for the data-display family. Split the same way\n * `pt-BR.data-display.ts` is — see `en-US.ts` for why.\n */\nimport type { DataViewsCopy } from \"./components/data-display/DataViews/data-views-copy\";\nimport type {\n  CarouselCopy,\n  DataStateCopy,\n  LightboxCopy,\n  MapPreviewCopy,\n  TimingDiagramCopy,\n} from './copy';\nimport { EN_US_TABLE_FILTER_COPY } from './en-US.layout';\nimport {\n  EN_US_CATEGORY_SELECT_COPY,\n  EN_US_CONFIRM_ACTION_COPY,\n  EN_US_SAVED_VIEWS_LABELS,\n} from './en-US.shared';\n\nexport const EN_US_LIGHTBOX_COPY: LightboxCopy = {\n  close: \"Close\",\n  previous: \"Previous\",\n  next: \"Next\",\n  zoomIn: \"Zoom in\",\n  zoomOut: \"Zoom out\",\n  resetZoom: \"Reset zoom\",\n  play: \"Start the slideshow\",\n  pause: \"Pause the slideshow\",\n};\n\nexport const EN_US_MAP_PREVIEW_COPY: MapPreviewCopy = {\n  zoomIn: \"Zoom in\",\n  zoomOut: \"Zoom out\",\n  center: \"Centre the map\",\n  mapType: \"Change the map type\",\n  fullscreen: \"Full screen\",\n  search: \"Search for an address\",\n};\n\nexport const EN_US_CAROUSEL_COPY: CarouselCopy = {\n  previous: \"Previous\",\n  next: \"Next\",\n};\n\nexport const EN_US_TIMING_DIAGRAM_COPY: TimingDiagramCopy = {\n  regionLabel: \"Timing diagram\",\n  heading: \"Request timing\",\n};\n\nexport const EN_US_DATA_STATE_COPY: DataStateCopy = {\n  empty: \"Nothing here\",\n  loading: \"Loading…\",\n  endOfList: \"No more items to load\",\n  dismissAlert: \"Dismiss\",\n  dismissBanner: \"Dismiss this banner\",\n};\n\nexport const EN_US_DATA_VIEWS_COPY: DataViewsCopy = {\n  savedViewsMenu: EN_US_SAVED_VIEWS_LABELS,\n  confirmAction: EN_US_CONFIRM_ACTION_COPY,\n  categorySelect: EN_US_CATEGORY_SELECT_COPY,\n  board: {\n    countOnPage: (label, count) => `${label}: ${count} on this page`,\n    onThisPage: (count) => `${count} on this page`,\n    pageSum: (sum) => `This page totals ${sum}`,\n    emptyColumn: \"Nothing at this stage\",\n    pageScopeNote: \"The counts and totals below cover only the items on this page.\",\n  },\n  deleteView: {\n    title: \"Delete view\",\n    target: (viewName) => `Delete \"${viewName}\"?`,\n    sharedWarning: \"This view is shared — the team will lose access to it.\",\n    // `entityLabel` is the HOST's word for what the rows are, so the sentence is\n    // built around it rather than naming a noun of its own.\n    rowsUnaffected: (entityLabel) =>\n      `${entityLabel} are not affected; only the saved slice is removed.`,\n    confirm: \"Delete view\",\n    cancel: \"Cancel\",\n  },\n  manageViews: {\n    title: \"Manage views\",\n    empty: \"No saved views.\",\n    edit: \"Edit\",\n    defaultTag: \"Default\",\n    otherUserTag: \"Another user's\",\n    deleteTitle: \"Delete this saved view?\",\n    deleteBody: \"The filters and columns it holds are lost. This cannot be undone.\",\n    deleteConfirm: \"Delete\",\n  },\n  saveView: {\n    sharedDescription: \"Anyone in the store will be able to open and use this view.\",\n    setDefaultTitle: \"Set as default\",\n    setDefaultDescription: \"This screen opens on this view instead of the Main view.\",\n    previewHeading: \"What this view holds\",\n    previewUnchanged: \"Nothing has changed — this view will match the Main view.\",\n    sortRowLabel: \"Sorting\",\n    saveFailed: \"Could not save the view.\",\n    titleEditing: \"Edit view\",\n    titleCreating: \"Save view\",\n    descriptionLabel: \"Description — optional\",\n    descriptionPlaceholder: \"What this view is for\",\n    submitEditing: \"Save changes\",\n    submitCreating: \"Save view\",\n    nameLabel: \"Name\",\n    cancel: \"Cancel\",\n    pinnedTitle: \"Pin to the sidebar\",\n    pinnedDescription: \"Appears as a shortcut in the menu, under this screen.\",\n    sharedTitle: \"Share with the team\",\n    namePlaceholder: \"e.g. Declined card payments this week\",\n    previewFilters: \"Filters\",\n    previewHiddenColumns: \"Hidden columns\",\n  },\n  columns: {\n    visibleCount: (visible, total) => `${visible} of ${total} visible`,\n    reset: \"Default\",\n    showAll: \"Show all\",\n    dragHint: \"Drag to reorder the columns.\",\n    moveUp: (columnLabel) => `Move ${columnLabel} up`,\n    moveDown: (columnLabel) => `Move ${columnLabel} down`,\n  },\n  display: {\n    sortTab: \"Sort\",\n    columnsTab: \"Columns\",\n    panelTab: \"Display\",\n    direction: \"Direction\",\n    layoutHints: {\n      table: \"Comparable columns, good for scanning numbers.\",\n      list: \"One row per item, with the key fields.\",\n      cards: \"Larger blocks, good for a handful of items.\",\n      board: \"A column per stage, for tracking what is where.\",\n    },\n    densityHeadings: {\n      table: \"Row height\",\n      list: \"Row height\",\n      cards: \"Cards per row\",\n      board: \"Column width\",\n    },\n    densityLabels: {\n      table: { compact: \"Low\", cozy: \"Medium\", comfortable: \"High\" },\n      list: { compact: \"Low\", cozy: \"Medium\", comfortable: \"High\" },\n      cards: { compact: \"Many\", cozy: \"Some\", comfortable: \"Few\" },\n      board: { compact: \"Narrow\", cozy: \"Medium\", comfortable: \"Wide\" },\n    },\n    boardUnavailable: \"This screen declares no stages, so it offers no board.\",\n    densityUnavailableNarrow:\n      \"One card per row at this width — density returns on larger screens.\",\n    trigger: \"Display\",\n    fieldHeading: \"Field\",\n    formatHeading: \"Format\",\n    cardZoom: \"Card size\",\n  },\n  export: {\n    formats: {\n      // The extension is the file's, not a word: it stays as it is written on\n      // disk in every language.\n      json: { label: \"JSON (.json)\", hint: \"For integrations\" },\n    },\n    visibleColumns: (columnCount) => `${columnCount} visible columns, in their current order`,\n    trigger: \"Export\",\n    triggerLabel: \"Export\",\n  },\n  tableFilter: EN_US_TABLE_FILTER_COPY,\n  grid: {\n    rowActions: \"Actions\",\n    bulkActions: (selectedCount) => `Actions (${selectedCount}) ▾`,\n    emptyFilteredTitle: \"No results for these filters\",\n    emptyFilteredHint: \"Adjust or remove the filters.\",\n    emptyFilteredAction: \"Clear filters\",\n  },\n  filters: {\n    moreFilters: (count) => `More filters: ${count} did not fit in the bar`,\n    moreFiltersApplied: (count, appliedCount) =>\n      `More filters: ${count} did not fit in the bar, ${appliedCount} applied`,\n    moreTriggerLabel: \"More\",\n    moreHeading: \"More filters\",\n    overflowNote: \"did not fit in the bar\",\n    rangeEnd: \"To\",\n    rangeInvalid: \"The start must be earlier than the end.\",\n    rangeInclusiveNote: \"Both dates are included in the result.\",\n    rangeStart: \"From\",\n    // The mask is what the reader TYPES, so it follows their own date order\n    // rather than being carried over. A translated label above an unchanged\n    // mask is the shape that gets a date entered backwards.\n    dayMask: \"mm/dd/yyyy\",\n    clearAllFilters: \"Clear all filters\",\n    // The KEYS are the package's own preset ids and stay as they are — the\n    // surface matches on them. Only the labels beside them are words.\n    rangePresets: {\n      hoje: \"Today\",\n      ontem: \"Yesterday\",\n      semana: \"This week\",\n      mes: \"This month\",\n      ano: \"This year\",\n    },\n    scopesLabel: \"Status\",\n    panelTitle: \"Filters\",\n    clear: \"Clear\",\n    clearAll: \"Clear filters\",\n    clearRange: (label) => `Clear ${label}`,\n    allOption: \"All\",\n    optionSearchPlaceholder: \"Search…\",\n    optionsEmpty: \"No results\",\n    optionsHeading: \"Options\",\n  },\n  selection: {\n    selectAllOnPage: \"Select all on this page\",\n    clearSelection: \"Clear selection\",\n    selectAll: \"Select all\",\n    onThisPage: (count) => `${count} on this page`,\n    selectRow: \"Select\",\n    expandRow: \"Expand details\",\n    collapseRow: \"Collapse details\",\n  },\n  nav: {\n    mainView: \"Main view\",\n    defaultTag: \"Default\",\n    viewOptions: (viewName) => `${viewName} options`,\n    emptyHint: \"No saved views. Adjust filters, columns or sorting and save below.\",\n    setDefault: \"Set as default\",\n    deleteView: \"Delete view\",\n    unsavedChanges: \"Unsaved changes\",\n    label: \"View\",\n    update: \"Update view\",\n    save: \"Save view\",\n    saveAs: \"Save as new\",\n    reset: \"Reset\",\n    updateFailed: \"Could not update the view\",\n    dismissError: \"Dismiss\",\n    goBack: \"Back\",\n    pageSize: \"Show:\",\n    saveFailed: \"Could not save the change to the view.\",\n    editView: \"Rename and edit\",\n    pinToSidebar: \"Pin to the sidebar\",\n    shareWithTeam: \"Share with the team\",\n  },\n  search: {\n    placeholder: \"Search…\",\n    allColumnsLabel: \"Search every column\",\n    keywordPlaceholder: \"Press Enter to filter\",\n    open: \"Search\",\n    close: \"Close search\",\n    clear: \"Clear search\",\n  },\n};\n"],"mappings":"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","names":[]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/TimingDiagram/TimingDiagram.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport Paper from '@mui/material/Paper/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React, { useMemo } from 'react';\n\nimport type { TimingData, TimingDiagramProps } from './TimingDiagram.types';\nimport type { Phase, PhaseKey, TimingViewProps } from './TimingDiagram.views';\nimport {\n  HorizontalView,\n  phaseColors,\n  StackedView,\n  WaterfallView,\n} from './TimingDiagram.views';\nimport { rem } from '../../../tokens/relative';\n\n// Styled components\nconst DiagramContainer = styled(Paper)(({ theme }) => ({\n  padding: theme.spacing(3),\n  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.9)} 0%, ${alpha(theme.palette.background.paper, 0.8)} 100%)`,\n  backdropFilter: `blur(${rem(theme, 10)})`,\n  WebkitBackdropFilter: `blur(${rem(theme, 10)})`,\n  border: `1px solid ${alpha(theme.palette.divider, 0.18)}`,\n  borderRadius: theme.shape.borderRadius * 2,\n}));\n\nconst Legend = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: theme.spacing(2),\n  marginTop: theme.spacing(2),\n  paddingTop: theme.spacing(2),\n  borderTop: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n}));\n\nconst LegendItem = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n  '& .color': {\n    width: rem(theme, 12),\n    height: rem(theme, 12),\n    borderRadius: rem(theme, 2),\n  },\n  '& .label': {\n    fontSize: rem(theme, 12.8),\n    color: theme.palette.text.secondary,\n  },\n}));\n\n// Helper functions\nconst calculatePercentages = (data: TimingData): Record<string, number> => {\n  const total = data.total || 1;\n  return {\n    dns: ((data.dns || 0) / total) * 100,\n    connect: ((data.connect || 0) / total) * 100,\n    ssl: ((data.ssl || 0) / total) * 100,\n    request: ((data.request || 0) / total) * 100,\n    response: ((data.response || 0) / total) * 100,\n  };\n};\n\n// A phase with no recorded time never happened — an HTTP request has no SSL\n// handshake, for instance — so it gets no bar and no legend entry.\nconst phasesOf = (data: TimingData): Phase[] =>\n  [\n    { key: 'dns', label: 'DNS Lookup', value: data.dns },\n    { key: 'connect', label: 'Connection', value: data.connect },\n    { key: 'ssl', label: 'SSL/TLS', value: data.ssl },\n    { key: 'request', label: 'Request', value: data.request },\n    { key: 'response', label: 'Response', value: data.response },\n  ].filter((phase) => phase.value !== undefined && phase.value > 0);\n\nconst VIEWS: Record<string, FC<TimingViewProps>> = {\n  waterfall: WaterfallView,\n  stacked: StackedView,\n  horizontal: HorizontalView,\n};\n\n// Main component\nexport const TimingDiagram: FC<TimingDiagramProps> = ({\n  copy,\n  data,\n  showLabels = true,\n  height,\n  animated = true,\n  showTooltips = true,\n  variant = 'waterfall',\n}) => {\n  const percentages = useMemo(() => calculatePercentages(data), [data]);\n  const phases = phasesOf(data);\n  const View = VIEWS[variant];\n\n  return (\n    <DiagramContainer elevation={2} role=\"region\" aria-label={copy.regionLabel} tabIndex={0}>\n      <Typography variant=\"h6\" fontWeight=\"bold\" gutterBottom>\n        {copy.heading}\n      </Typography>\n\n      {View && (\n        <View\n          phases={phases}\n          percentages={percentages}\n          data={data}\n          animated={animated}\n          showLabels={showLabels}\n          showTooltips={showTooltips}\n          // The waterfall's plot height, 40 design px unless the caller says otherwise.\n          plotHeightPx={height ?? 40}\n        />\n      )}\n\n      {showLabels && (\n        <Legend>\n          {phases.map((phase) => (\n            <LegendItem key={phase.key}>\n              <Box\n                className=\"color\"\n                sx={(theme) => ({ backgroundColor: phaseColors(theme)[phase.key as PhaseKey] })}\n              />\n              <Typography className=\"label\">{phase.label}</Typography>\n            </LegendItem>\n          ))}\n        </Legend>\n      )}\n    </DiagramContainer>\n  );\n};\n\n// Export default\nexport default TimingDiagram;\n"],"mappings":"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","names":[]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/pt-BR.feedback.ts"],"sourcesContent":["/**\n * The pt-BR pack for the feedback family. Split out of `pt-BR.ts`, which is a\n * barrel over this folder — see that file for why.\n */\nimport type {\n  ChromeCopy,\n  NotificationUnblockCopy,\n  TutorialCopy,\n} from './copy';\n\nexport const PT_BR_TUTORIAL_COPY: TutorialCopy = {\n  skip: \"Pular\",\n  previous: \"Anterior\",\n  next: \"Próximo\",\n  restart: \"Recomeçar\",\n};\n\nexport const PT_BR_CHROME_COPY: ChromeCopy = {\n  dismissToast: \"Fechar o aviso\",\n  goBack: \"Voltar\",\n  closePanel: \"Fechar\",\n  closeTab: \"Fechar a aba\",\n  scrollRegion: \"Conteúdo rolável\",\n  scrollToTop: \"Voltar ao topo\",\n  share: \"Compartilhar\",\n};\n\nconst PT_BR_CHROMIUM_DESKTOP = [\n  \"Clique no ícone à esquerda do endereço do site.\",\n  \"Abra \\\"Configurações do site\\\".\",\n  \"Em \\\"Notificações\\\", escolha \\\"Permitir\\\".\",\n  \"Volte a esta página e recarregue.\",\n] as const;\n\nconst PT_BR_CHROMIUM_ANDROID = [\n  \"Toque no ícone à esquerda do endereço do site.\",\n  \"Toque em \\\"Permissões\\\".\",\n  \"Toque em \\\"Notificações\\\" e escolha \\\"Permitir\\\".\",\n  \"Volte a esta página e recarregue.\",\n] as const;\n\nexport const PT_BR_NOTIFICATION_UNBLOCK_COPY: NotificationUnblockCopy = {\n  ios: [\n    \"Abra os Ajustes do iPhone.\",\n    \"Toque em \\\"Notificações\\\".\",\n    \"Encontre este app na lista e ative \\\"Permitir Notificações\\\".\",\n  ],\n  chrome: { desktop: PT_BR_CHROMIUM_DESKTOP, android: PT_BR_CHROMIUM_ANDROID },\n  edge: {\n    desktop: [\n      \"Clique no cadeado à esquerda do endereço do site.\",\n      \"Abra \\\"Permissões para este site\\\".\",\n      \"Em \\\"Notificações\\\", escolha \\\"Permitir\\\".\",\n      \"Volte a esta página e recarregue.\",\n    ],\n    android: PT_BR_CHROMIUM_ANDROID,\n  },\n  firefox: {\n    desktop: [\n      \"Clique no ícone de permissões à esquerda do endereço do site.\",\n      \"Ao lado de \\\"Enviar notificações\\\", clique no X para tirar o bloqueio.\",\n      \"Recarregue a página e ative as notificações de novo.\",\n    ],\n    android: [\n      \"Abra o menu do navegador e toque em \\\"Configurações\\\".\",\n      \"Toque em \\\"Permissões de sites\\\" e depois em \\\"Notificações\\\".\",\n      \"Encontre este site e escolha \\\"Permitir\\\".\",\n      \"Volte a esta página e recarregue.\",\n    ],\n  },\n  opera: { desktop: PT_BR_CHROMIUM_DESKTOP, android: PT_BR_CHROMIUM_ANDROID },\n  safari: {\n    desktop: [\n      \"No menu Safari, abra \\\"Ajustes\\\".\",\n      \"Vá na aba \\\"Sites\\\" e, na lateral, em \\\"Notificações\\\".\",\n      \"Encontre este site e escolha \\\"Permitir\\\".\",\n      \"Volte a esta página e recarregue.\",\n    ],\n  },\n  samsung: {\n    android: [\n      \"Abra o menu do navegador e toque em \\\"Configurações\\\".\",\n      \"Toque em \\\"Sites e downloads\\\" e depois em \\\"Notificações\\\".\",\n      \"Encontre este site e permita as notificações.\",\n      \"Volte a esta página e recarregue.\",\n    ],\n  },\n  other: [\n    \"Abra as configurações do navegador.\",\n    \"Procure as permissões dos sites e depois \\\"Notificações\\\".\",\n    \"Permita as notificações para este site.\",\n    \"Volte a esta página e recarregue.\",\n  ],\n};\n"],"mappings":";AAUO,IAAM,sBAAoC;AAAA,EAC/C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AACX;AAEO,IAAM,oBAAgC;AAAA,EAC3C,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAAA,EACd,aAAa;AAAA,EACb,OAAO;AACT;AAEA,IAAM,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,IAAM,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,kCAA2D;AAAA,EACtE,KAAK;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,QAAQ,EAAE,SAAS,wBAAwB,SAAS,uBAAuB;AAAA,EAC3E,MAAM;AAAA,IACJ,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,OAAO,EAAE,SAAS,wBAAwB,SAAS,uBAAuB;AAAA,EAC1E,QAAQ;AAAA,IACN,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-ASCUWG55.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Lightbox/LightboxMedia.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React from 'react';\n\nimport type { LightboxItem } from './Lightbox.types';\n\nexport interface LightboxMediaProps {\n  item: LightboxItem;\n  index: number;\n  total: number;\n  zoomLevel: number;\n  panOffset: { x: number; y: number };\n  zoomable: boolean;\n  isDragging: boolean;\n  testId: (suffix: string) => string;\n  onLoadStart: () => void;\n  onLoaded: () => void;\n  onWheel: (event: React.WheelEvent) => void;\n  onDoubleClick: () => void;\n}\n\nconst cursorFor = (zoomLevel: number, zoomable: boolean): string => {\n  if (zoomLevel > 1) return 'move';\n  return zoomable ? 'zoom-in' : 'default';\n};\n\nexport const LightboxMedia: FC<LightboxMediaProps> = ({\n  item,\n  index,\n  total,\n  zoomLevel,\n  panOffset,\n  zoomable,\n  isDragging,\n  testId,\n  onLoadStart,\n  onLoaded,\n  onWheel,\n  onDoubleClick,\n}) => {\n  if (item.type === 'video') {\n    return (\n      <video\n        src={item.src}\n        controls\n        style={{ maxWidth: '90vw', maxHeight: '80vh', objectFit: 'contain' }}\n        onLoadStart={onLoadStart}\n        onLoadedData={onLoaded}\n        aria-label={item.alt || `Video ${index + 1} of ${total}`}\n        data-testid={testId('video')}\n      />\n    );\n  }\n\n  return (\n    <img\n      src={item.src}\n      alt={item.alt || `Image ${index + 1} of ${total}`}\n      style={{\n        // At 1x the image is bounded by the viewport; once zoomed it is allowed\n        // to overflow so there is something to pan around.\n        maxWidth: zoomLevel === 1 ? '90vw' : 'none',\n        maxHeight: zoomLevel === 1 ? '80vh' : 'none',\n        transform: `scale(${zoomLevel}) translate(${panOffset.x}px, ${panOffset.y}px)`,\n        transformOrigin: 'center',\n        cursor: cursorFor(zoomLevel, zoomable),\n        transition: isDragging ? 'none' : 'transform 0.2s ease',\n        objectFit: 'contain',\n      }}\n      onLoad={onLoaded}\n      onWheel={onWheel}\n      onDoubleClick={onDoubleClick}\n      draggable={false}\n      data-testid={testId('image')}\n    />\n  );\n};\n"],"mappings":";AAyCM;AArBN,IAAM,YAAY,CAAC,WAAmB,aAA8B;AAClE,MAAI,YAAY,EAAG,QAAO;AAC1B,SAAO,WAAW,YAAY;AAChC;AAEO,IAAM,gBAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,MAAI,KAAK,SAAS,SAAS;AACzB,WACE;AAAA,MAAC;AAAA;AAAA,QACC,KAAK,KAAK;AAAA,QACV,UAAQ;AAAA,QACR,OAAO,EAAE,UAAU,QAAQ,WAAW,QAAQ,WAAW,UAAU;AAAA,QACnE;AAAA,QACA,cAAc;AAAA,QACd,cAAY,KAAK,OAAO,SAAS,QAAQ,CAAC,OAAO,KAAK;AAAA,QACtD,eAAa,OAAO,OAAO;AAAA;AAAA,IAC7B;AAAA,EAEJ;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,KAAK,KAAK;AAAA,MACV,KAAK,KAAK,OAAO,SAAS,QAAQ,CAAC,OAAO,KAAK;AAAA,MAC/C,OAAO;AAAA;AAAA;AAAA,QAGL,UAAU,cAAc,IAAI,SAAS;AAAA,QACrC,WAAW,cAAc,IAAI,SAAS;AAAA,QACtC,WAAW,SAAS,SAAS,eAAe,UAAU,CAAC,OAAO,UAAU,CAAC;AAAA,QACzE,iBAAiB;AAAA,QACjB,QAAQ,UAAU,WAAW,QAAQ;AAAA,QACrC,YAAY,aAAa,SAAS;AAAA,QAClC,WAAW;AAAA,MACb;AAAA,MACA,QAAQ;AAAA,MACR;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,eAAa,OAAO,OAAO;AAAA;AAAA,EAC7B;AAEJ;","names":[]}

package/dist/chunk-ASHXIAJO.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/en-US.feedback.ts"],"sourcesContent":["/**\n * The en-US pack for the feedback family. Split the same way\n * `pt-BR.feedback.ts` is — see `en-US.ts` for why.\n */\nimport type {\n  ChromeCopy,\n  NotificationUnblockCopy,\n  TutorialCopy,\n} from './copy';\n\nexport const EN_US_TUTORIAL_COPY: TutorialCopy = {\n  skip: \"Skip\",\n  previous: \"Back\",\n  next: \"Next\",\n  restart: \"Start over\",\n};\n\nexport const EN_US_CHROME_COPY: ChromeCopy = {\n  dismissToast: \"Dismiss\",\n  goBack: \"Back\",\n  closePanel: \"Close\",\n  closeTab: \"Close tab\",\n  scrollRegion: \"Scrollable content\",\n  scrollToTop: \"Back to top\",\n  share: \"Share\",\n};\n\nconst EN_US_CHROMIUM_DESKTOP = [\n  \"Click the icon to the left of the site's address.\",\n  \"Open \\\"Site settings\\\".\",\n  \"Under \\\"Notifications\\\", choose \\\"Allow\\\".\",\n  \"Come back to this page and reload it.\",\n] as const;\n\nconst EN_US_CHROMIUM_ANDROID = [\n  \"Tap the icon to the left of the site's address.\",\n  \"Tap \\\"Permissions\\\".\",\n  \"Tap \\\"Notifications\\\" and choose \\\"Allow\\\".\",\n  \"Come back to this page and reload it.\",\n] as const;\n\nexport const EN_US_NOTIFICATION_UNBLOCK_COPY: NotificationUnblockCopy = {\n  ios: [\n    \"Open the iPhone's Settings.\",\n    \"Tap \\\"Notifications\\\".\",\n    \"Find this app in the list and turn on \\\"Allow Notifications\\\".\",\n  ],\n  chrome: { desktop: EN_US_CHROMIUM_DESKTOP, android: EN_US_CHROMIUM_ANDROID },\n  edge: {\n    desktop: [\n      \"Click the lock to the left of the site's address.\",\n      \"Open \\\"Permissions for this site\\\".\",\n      \"Under \\\"Notifications\\\", choose \\\"Allow\\\".\",\n      \"Come back to this page and reload it.\",\n    ],\n    android: EN_US_CHROMIUM_ANDROID,\n  },\n  firefox: {\n    desktop: [\n      \"Click the permissions icon to the left of the site's address.\",\n      \"Next to \\\"Send notifications\\\", click the X to clear the block.\",\n      \"Reload the page and turn notifications on again.\",\n    ],\n    android: [\n      \"Open the browser menu and tap \\\"Settings\\\".\",\n      \"Tap \\\"Site permissions\\\", then \\\"Notifications\\\".\",\n      \"Find this site and choose \\\"Allow\\\".\",\n      \"Come back to this page and reload it.\",\n    ],\n  },\n  opera: { desktop: EN_US_CHROMIUM_DESKTOP, android: EN_US_CHROMIUM_ANDROID },\n  safari: {\n    desktop: [\n      \"In the Safari menu, open \\\"Settings\\\".\",\n      \"Go to the \\\"Websites\\\" tab and pick \\\"Notifications\\\" in the sidebar.\",\n      \"Find this site and choose \\\"Allow\\\".\",\n      \"Come back to this page and reload it.\",\n    ],\n  },\n  samsung: {\n    android: [\n      \"Open the browser menu and tap \\\"Settings\\\".\",\n      \"Tap \\\"Sites and downloads\\\", then \\\"Notifications\\\".\",\n      \"Find this site and allow notifications.\",\n      \"Come back to this page and reload it.\",\n    ],\n  },\n  other: [\n    \"Open the browser's settings.\",\n    \"Look for site permissions, then \\\"Notifications\\\".\",\n    \"Allow notifications for this site.\",\n    \"Come back to this page and reload it.\",\n  ],\n};\n"],"mappings":";AAUO,IAAM,sBAAoC;AAAA,EAC/C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AACX;AAEO,IAAM,oBAAgC;AAAA,EAC3C,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,cAAc;AAAA,EACd,aAAa;AAAA,EACb,OAAO;AACT;AAEA,IAAM,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,IAAM,yBAAyB;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEO,IAAM,kCAA2D;AAAA,EACtE,KAAK;AAAA,IACH;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,QAAQ,EAAE,SAAS,wBAAwB,SAAS,uBAAuB;AAAA,EAC3E,MAAM;AAAA,IACJ,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,EACX;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,OAAO,EAAE,SAAS,wBAAwB,SAAS,uBAAuB;AAAA,EAC1E,QAAQ;AAAA,IACN,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,MACP;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EACF;AAAA,EACA,OAAO;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-BAFDSAWY.js

@@ -1,86 +0,0 @@
-import {
-  thumbnailStripSx
-} from "./chunk-3KA6MYIR.js";
-import {
-  onMedia,
-  sheen
-} from "./chunk-FQ6UW7IY.js";
-import {
-  rem,
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/Lightbox/LightboxThumbnails.tsx
-import PlayIcon from "@mui/icons-material/PlayArrow";
-import Box from "@mui/material/Box/index.js";
-import { jsx } from "react/jsx-runtime";
-var THUMB = { widthPx: 60, heightPx: 40 };
-var frame = (theme, color) => `${rem(theme, 2)} solid ${color}`;
-var VideoThumbnail = () => /* @__PURE__ */ jsx(
-  Box,
-  {
-    sx: {
-      width: "100%",
-      height: "100%",
-      background: (theme) => sheen(theme, 0.1),
-      display: "flex",
-      alignItems: "center",
-      justifyContent: "center"
-    },
-    children: /* @__PURE__ */ jsx(PlayIcon, { sx: { color: onMedia, fontSize: sxRem(16) } })
-  }
-);
-var LightboxThumbnails = ({
-  items,
-  currentIndex,
-  testId,
-  onSelect
-}) => /* @__PURE__ */ jsx(
-  Box,
-  {
-    sx: {
-      ...thumbnailStripSx,
-      position: "absolute",
-      bottom: sxRem(16),
-      left: "50%",
-      transform: "translateX(-50%)",
-      display: "flex",
-      gap: 1,
-      maxWidth: "90vw",
-      overflowX: "auto",
-      padding: 1
-    },
-    "data-testid": testId("thumbnails"),
-    children: items.map((item, index) => /* @__PURE__ */ jsx(
-      Box,
-      {
-        onClick: () => onSelect(index),
-        sx: {
-          width: sxRem(THUMB.widthPx),
-          height: sxRem(THUMB.heightPx),
-          cursor: "pointer",
-          border: (theme) => frame(theme, currentIndex === index ? onMedia(theme) : "transparent"),
-          borderRadius: 0.5,
-          overflow: "hidden",
-          flexShrink: 0,
-          "&:hover": { border: (theme) => frame(theme, sheen(theme, 0.7)) }
-        },
-        "data-testid": testId(`thumbnail-${index}`),
-        children: item.type === "video" ? /* @__PURE__ */ jsx(VideoThumbnail, {}) : /* @__PURE__ */ jsx(
-          "img",
-          {
-            src: item.src,
-            alt: item.alt || `Thumbnail ${index + 1}`,
-            style: { width: "100%", height: "100%", objectFit: "cover" }
-          }
-        )
-      },
-      `${item.src}-${index}`
-    ))
-  }
-);
-
-export {
-  LightboxThumbnails
-};
-//# sourceMappingURL=chunk-BAFDSAWY.js.map

package/dist/chunk-BAFDSAWY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Lightbox/LightboxThumbnails.tsx"],"sourcesContent":["import PlayIcon from '@mui/icons-material/PlayArrow';\nimport Box from '@mui/material/Box/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { thumbnailStripSx } from './Lightbox.constants';\nimport type { LightboxItem } from './Lightbox.types';\nimport { onMedia, sheen } from '../../../tokens/ink';\nimport { rem, sxRem } from '../../../tokens/relative';\n\n/** One filmstrip frame, in design px. */\nconst THUMB = { widthPx: 60, heightPx: 40 } as const;\n\nconst frame = (theme: Theme, color: string): string => `${rem(theme, 2)} solid ${color}`;\n\nconst VideoThumbnail: FC = () => (\n  <Box\n    sx={{\n      width: '100%',\n      height: '100%',\n      background: (theme: Theme) => sheen(theme, 0.1),\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'center',\n    }}\n  >\n    <PlayIcon sx={{ color: onMedia, fontSize: sxRem(16) }} />\n  </Box>\n);\n\nexport interface LightboxThumbnailsProps {\n  items: LightboxItem[];\n  currentIndex: number;\n  testId: (suffix: string) => string;\n  onSelect: (index: number) => void;\n}\n\nexport const LightboxThumbnails: FC<LightboxThumbnailsProps> = ({\n  items,\n  currentIndex,\n  testId,\n  onSelect,\n}) => (\n  <Box\n    sx={{\n      ...thumbnailStripSx,\n      position: 'absolute',\n      bottom: sxRem(16),\n      left: '50%',\n      transform: 'translateX(-50%)',\n      display: 'flex',\n      gap: 1,\n      maxWidth: '90vw',\n      overflowX: 'auto',\n      padding: 1,\n    }}\n    data-testid={testId('thumbnails')}\n  >\n    {items.map((item, index) => (\n      <Box\n        key={`${item.src}-${index}`}\n        onClick={() => onSelect(index)}\n        sx={{\n          width: sxRem(THUMB.widthPx),\n          height: sxRem(THUMB.heightPx),\n          cursor: 'pointer',\n          border: (theme: Theme) => frame(theme, currentIndex === index ? onMedia(theme) : 'transparent'),\n          borderRadius: 0.5,\n          overflow: 'hidden',\n          flexShrink: 0,\n          '&:hover': { border: (theme: Theme) => frame(theme, sheen(theme, 0.7)) },\n        }}\n        data-testid={testId(`thumbnail-${index}`)}\n      >\n        {item.type === 'video' ? (\n          <VideoThumbnail />\n        ) : (\n          <img\n            src={item.src}\n            alt={item.alt || `Thumbnail ${index + 1}`}\n            style={{ width: '100%', height: '100%', objectFit: 'cover' }}\n          />\n        )}\n      </Box>\n    ))}\n  </Box>\n);\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAO,cAAc;AACrB,OAAO,SAAS;AA0BZ;AAfJ,IAAM,QAAQ,EAAE,SAAS,IAAI,UAAU,GAAG;AAE1C,IAAM,QAAQ,CAAC,OAAc,UAA0B,GAAG,IAAI,OAAO,CAAC,CAAC,UAAU,KAAK;AAEtF,IAAM,iBAAqB,MACzB;AAAA,EAAC;AAAA;AAAA,IACC,IAAI;AAAA,MACF,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY,CAAC,UAAiB,MAAM,OAAO,GAAG;AAAA,MAC9C,SAAS;AAAA,MACT,YAAY;AAAA,MACZ,gBAAgB;AAAA,IAClB;AAAA,IAEA,8BAAC,YAAS,IAAI,EAAE,OAAO,SAAS,UAAU,MAAM,EAAE,EAAE,GAAG;AAAA;AACzD;AAUK,IAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE;AAAA,EAAC;AAAA;AAAA,IACC,IAAI;AAAA,MACF,GAAG;AAAA,MACH,UAAU;AAAA,MACV,QAAQ,MAAM,EAAE;AAAA,MAChB,MAAM;AAAA,MACN,WAAW;AAAA,MACX,SAAS;AAAA,MACT,KAAK;AAAA,MACL,UAAU;AAAA,MACV,WAAW;AAAA,MACX,SAAS;AAAA,IACX;AAAA,IACA,eAAa,OAAO,YAAY;AAAA,IAE/B,gBAAM,IAAI,CAAC,MAAM,UAChB;AAAA,MAAC;AAAA;AAAA,QAEC,SAAS,MAAM,SAAS,KAAK;AAAA,QAC7B,IAAI;AAAA,UACF,OAAO,MAAM,MAAM,OAAO;AAAA,UAC1B,QAAQ,MAAM,MAAM,QAAQ;AAAA,UAC5B,QAAQ;AAAA,UACR,QAAQ,CAAC,UAAiB,MAAM,OAAO,iBAAiB,QAAQ,QAAQ,KAAK,IAAI,aAAa;AAAA,UAC9F,cAAc;AAAA,UACd,UAAU;AAAA,UACV,YAAY;AAAA,UACZ,WAAW,EAAE,QAAQ,CAAC,UAAiB,MAAM,OAAO,MAAM,OAAO,GAAG,CAAC,EAAE;AAAA,QACzE;AAAA,QACA,eAAa,OAAO,aAAa,KAAK,EAAE;AAAA,QAEvC,eAAK,SAAS,UACb,oBAAC,kBAAe,IAEhB;AAAA,UAAC;AAAA;AAAA,YACC,KAAK,KAAK;AAAA,YACV,KAAK,KAAK,OAAO,aAAa,QAAQ,CAAC;AAAA,YACvC,OAAO,EAAE,OAAO,QAAQ,QAAQ,QAAQ,WAAW,QAAQ;AAAA;AAAA,QAC7D;AAAA;AAAA,MArBG,GAAG,KAAK,GAAG,IAAI,KAAK;AAAA,IAuB3B,CACD;AAAA;AACH;","names":[]}