@12-apps/ui 6.79.0 → 6.80.0

package/src/components/utility/InfiniteScroll/InfiniteScroll.tsx

@@ -25,6 +25,7 @@ export const InfiniteScroll: React.FC<InfiniteScrollProps> = ({
   endText,
   endMessage,
   error,
+  errorText,
   errorComponent,
   onError,
   className,
@@ -54,7 +55,7 @@ export const InfiniteScroll: React.FC<InfiniteScrollProps> = ({
   // spinner, or the sentinel that asks for the next page.
   const renderSentinel = () => {
     if (!hasMore) return endMessage || <DefaultEndMessage endText={endText} />;
-    if (error) return errorComponent || <DefaultError error={error} />;
+    if (error) return errorComponent || <DefaultError error={error} errorText={errorText} />;
     if (loading) return loader || <DefaultLoader loadingText={loadingText} />;
 
     return (

package/src/components/utility/InfiniteScroll/InfiniteScroll.types.ts

@@ -22,6 +22,12 @@ export interface InfiniteScrollProps {
   loader?: ReactNode;
   endMessage?: ReactNode;
   error?: Error | null;
+  /**
+   * The error line when `error` carries no message of its own. Defaults to the
+   * English it always read; a pt-BR host passes
+   * `UI_LABELS['pt-BR'].infiniteScroll.loadFailed`.
+   */
+  errorText?: string;
   errorComponent?: ReactNode;
   onError?: (error: Error) => void;
   className?: string;

package/src/copy/labels.ts

@@ -74,17 +74,26 @@ export interface CodeLabels {
   copied: string;
 }
 
-/** `ViewSelector`'s two options and `FilterTrigger`'s accessible name. */
+/**
+ * `ViewSelector`'s two options, `FilterTrigger`'s accessible name and visible
+ * label, and `MultiSelectDropdown`'s "everything" option, search box and empty
+ * list.
+ */
 export interface ContentToolbarLabels {
   gridView: string;
   listView: string;
   openFilters: string;
   closeFilters: string;
+  filters: string;
+  all: string;
+  search: string;
+  noResults: string;
 }
 
-/** `Dashboard.Breadcrumb`'s landmark name. */
+/** `Dashboard.Breadcrumb`'s landmark name and `Dashboard.MoreFilters`' toggle. */
 export interface DashboardLabels {
   breadcrumb: string;
+  moreFilters: string;
 }
 
 /** `NavigationMenu`'s collapse control. */
@@ -103,6 +112,108 @@ export interface WorkflowStepLabels {
   progress(position: number, total: number): string;
 }
 
+/** `AlertDialog`'s two buttons, when the host names neither. */
+export interface AlertDialogLabels {
+  cancel: string;
+  confirm: string;
+}
+
+/** `Avatar`'s accessible name when it carries no `alt` and no `aria-label`. */
+export interface AvatarLabels {
+  name: string;
+}
+
+/** `EmptyState`'s two built-in actions. */
+export interface EmptyStateLabels {
+  refresh: string;
+  create: string;
+}
+
+/** `ErrorState`'s retry button. */
+export interface ErrorStateLabels {
+  retry: string;
+}
+
+/** `LoadingState`'s accessible name while it shows no `message`, per variant. */
+export interface LoadingStateLabels {
+  skeleton: string;
+  spinner: string;
+}
+
+/** `StackedModal`'s line while a panel loads. */
+export interface StackedModalLabels {
+  loading: string;
+}
+
+/** `Command`'s search box, its empty list and its busy line. */
+export interface CommandLabels {
+  placeholder: string;
+  empty: string;
+  loading: string;
+}
+
+/** `FormErrorSnackbar`'s sentence when the form names none. */
+export interface FormErrorSnackbarLabels {
+  message: string;
+}
+
+/** `ColumnsMenu`'s heading and its trigger's accessible name. */
+export interface ColumnsMenuLabels {
+  title: string;
+  toggle: string;
+}
+
+/** `Drawer`'s close button. */
+export interface DrawerLabels {
+  close: string;
+}
+
+/** `SettingsLayout`'s navigation name (when its title is not text), search and back control. */
+export interface SettingsLayoutLabels {
+  navigation: string;
+  searchPlaceholder: string;
+  emptySearch: string;
+  back: string;
+}
+
+/** `TableFilter`'s landmark name and its keyword box. */
+export interface TableFilterLabels {
+  filters: string;
+  keywordPlaceholder: string;
+  keywordLabel: string;
+}
+
+/** `AppHeader`'s identity disclosure, named after the host's own title. */
+export interface AppHeaderLabels {
+  disclose(title: string): string;
+}
+
+/** `Breadcrumbs`' landmark name. */
+export interface BreadcrumbsLabels {
+  navigation: string;
+}
+
+/** `AnimatedIcon`'s accessible name, from the animation it plays. */
+export interface AnimatedIconLabels {
+  name(variant: string): string;
+}
+
+/** `InfiniteScroll`'s default error, when the failure carries no message. */
+export interface InfiniteScrollLabels {
+  loadFailed: string;
+}
+
+/** `SocialLoginContainer`'s heading and the word on its divider. */
+export interface SocialLoginLabels {
+  title: string;
+  divider: string;
+}
+
+/** `DateRangePicker`'s calendar popover name. */
+export interface DateRangePickerLabels {
+  calendar: string;
+}
+
 /** Every family above, keyed by the component that renders it. */
 export interface UiLabels {
   common: CommonLabels;
@@ -117,4 +228,22 @@ export interface UiLabels {
   dashboard: DashboardLabels;
   navigationMenu: NavigationMenuLabels;
   workflowStep: WorkflowStepLabels;
+  alertDialog: AlertDialogLabels;
+  avatar: AvatarLabels;
+  emptyState: EmptyStateLabels;
+  errorState: ErrorStateLabels;
+  loadingState: LoadingStateLabels;
+  stackedModal: StackedModalLabels;
+  command: CommandLabels;
+  formErrorSnackbar: FormErrorSnackbarLabels;
+  columnsMenu: ColumnsMenuLabels;
+  drawer: DrawerLabels;
+  settingsLayout: SettingsLayoutLabels;
+  tableFilter: TableFilterLabels;
+  appHeader: AppHeaderLabels;
+  breadcrumbs: BreadcrumbsLabels;
+  animatedIcon: AnimatedIconLabels;
+  infiniteScroll: InfiniteScrollLabels;
+  socialLogin: SocialLoginLabels;
+  dateRangePicker: DateRangePickerLabels;
 }

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

@@ -103,6 +103,7 @@ export const EN_US_DATA_VIEWS_COPY: DataViewsCopy = {
     // built around it rather than naming a noun of its own.
     rowsUnaffected: (entityLabel) =>
       `${entityLabel} are not affected; only the saved slice is removed.`,
+    entityFallback: "The records",
     confirm: "Delete view",
     cancel: "Cancel",
   },
@@ -200,6 +201,8 @@ export const EN_US_DATA_VIEWS_COPY: DataViewsCopy = {
     emptyFilteredTitle: "No results for these filters",
     emptyFilteredHint: "Adjust or remove the filters.",
     emptyFilteredAction: "Clear filters",
+    sortAscending: "Ascending",
+    sortDescending: "Descending",
   },
   filters: {
     moreFilters: (count) => `More filters: ${count} did not fit in the bar`,
@@ -249,6 +252,8 @@ export const EN_US_DATA_VIEWS_COPY: DataViewsCopy = {
   nav: {
     mainView: "Main view",
     defaultTag: "Default",
+    pinnedTag: "Pinned",
+    sharedTag: "Shared",
     viewOptions: (viewName) => `${viewName} options`,
     emptyHint: "No saved views. Adjust filters, columns or sorting and save below.",
     setDefault: "Set as default",

package/src/en-US.labels.ts

@@ -61,9 +61,14 @@ export const EN_US_UI_LABELS: UiLabels = {
     listView: "List View",
     openFilters: "Open filters",
     closeFilters: "Close filters",
+    filters: "Filters",
+    all: "All",
+    search: "Search…",
+    noResults: "No results",
   },
   dashboard: {
     breadcrumb: "breadcrumb",
+    moreFilters: "More filters",
   },
   navigationMenu: {
     collapse: "Collapse",
@@ -73,4 +78,70 @@ export const EN_US_UI_LABELS: UiLabels = {
     step: (position, title) => `Step ${position}: ${title}`,
     progress: (position, total) => `Step ${position} of ${total}`,
   },
+  alertDialog: {
+    cancel: "Cancel",
+    confirm: "Confirm",
+  },
+  avatar: {
+    name: "Avatar",
+  },
+  emptyState: {
+    refresh: "Refresh",
+    create: "Create New",
+  },
+  errorState: {
+    retry: "Retry",
+  },
+  loadingState: {
+    skeleton: "Loading content",
+    spinner: "Loading",
+  },
+  stackedModal: {
+    loading: "Loading...",
+  },
+  command: {
+    placeholder: "Type a command or search...",
+    empty: "No results found",
+    loading: "Loading...",
+  },
+  formErrorSnackbar: {
+    message: "Please fix the highlighted fields and try again.",
+  },
+  columnsMenu: {
+    title: "Columns",
+    toggle: "Toggle columns",
+  },
+  drawer: {
+    close: "Close drawer",
+  },
+  settingsLayout: {
+    navigation: "Settings",
+    searchPlaceholder: "Search settings",
+    emptySearch: "No settings match your search.",
+    back: "Back",
+  },
+  tableFilter: {
+    filters: "Filters",
+    keywordPlaceholder: "Press Enter to filter",
+    keywordLabel: "Filter by keyword",
+  },
+  appHeader: {
+    disclose: (title) => `${title} details`,
+  },
+  breadcrumbs: {
+    navigation: "breadcrumb navigation",
+  },
+  animatedIcon: {
+    name: (variant) => `Animated ${variant} icon`,
+  },
+  infiniteScroll: {
+    loadFailed: "An error occurred while loading more items",
+  },
+  socialLogin: {
+    title: "Sign in to continue",
+    divider: "or",
+  },
+  dateRangePicker: {
+    calendar: "Calendar",
+  },
 };

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

@@ -102,6 +102,7 @@ export const PT_BR_DATA_VIEWS_COPY: DataViewsCopy = {
     sharedWarning: "Esta visão está compartilhada — a equipe perderá o acesso a ela.",
     rowsUnaffected: (entityLabel) =>
       `${entityLabel} não são afetados; apenas o recorte salvo é removido.`,
+    entityFallback: "Os registros",
     confirm: "Excluir visão",
     cancel: "Cancelar",
   },
@@ -197,6 +198,8 @@ export const PT_BR_DATA_VIEWS_COPY: DataViewsCopy = {
     emptyFilteredTitle: "Nenhum resultado para esses filtros",
     emptyFilteredHint: "Ajuste ou remova os filtros.",
     emptyFilteredAction: "Limpar filtros",
+    sortAscending: "Crescente",
+    sortDescending: "Decrescente",
   },
   filters: {
     moreFilters: (count) => `Mais filtros: ${count} sem espaço na barra`,
@@ -241,6 +244,8 @@ export const PT_BR_DATA_VIEWS_COPY: DataViewsCopy = {
   nav: {
     mainView: "Visão principal",
     defaultTag: "Padrão",
+    pinnedTag: "Fixada",
+    sharedTag: "Compartilhada",
     viewOptions: (viewName) => `Opções de ${viewName}`,
     emptyHint: "Nenhuma visão salva. Ajuste filtros, colunas ou ordenação e salve abaixo.",
     setDefault: "Definir como padrão",

package/src/pt-BR.labels.ts

@@ -60,9 +60,14 @@ export const PT_BR_UI_LABELS: UiLabels = {
     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",
@@ -72,4 +77,70 @@ export const PT_BR_UI_LABELS: UiLabels = {
     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/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/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":[]}

package/dist/chunk-47VRDPR2.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/navigation/AppHeader/AppHeader.identity.tsx"],"sourcesContent":["'use client';\n\nimport KeyboardArrowDown from '@mui/icons-material/KeyboardArrowDown';\nimport Box from '@mui/material/Box/index.js';\nimport Skeleton from '@mui/material/Skeleton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { rem, sxRem } from '../../../tokens/relative';\nimport { accentFor, type SizeValue } from '../../../tokens/scales';\n\nimport { AppHeaderBrand } from './AppHeader.brand';\nimport type { AppHeaderIdentityProps, AppHeaderStatusProps } from './AppHeader.types';\n\n/** Title type scale, per house size step. */\nconst TITLE_PX: Record<SizeValue, number> = { xs: 14, sm: 15, md: 17, lg: 20, xl: 24 };\n\n/** One line, ellipsised — a long store name must not push the actions off-screen. */\nconst ONE_LINE = {\n  minWidth: 0,\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  whiteSpace: 'nowrap',\n} as const;\n\n/**\n * The dotted state line: \"● Aberto agora · Retirada no balcão\".\n *\n * Segments are joined here rather than by the caller because the separator is a\n * presentational choice — a caller that pre-joins its own string can never be\n * restyled, and each segment loses the chance to carry its own markup.\n */\nexport const AppHeaderStatus: React.FC<AppHeaderStatusProps> = ({\n  tone,\n  items,\n  separator = '·',\n  className,\n  dataTestId = 'app-header-status',\n}) => {\n  const theme = useTheme();\n  const visible = items.filter((item) => item !== null && item !== undefined && item !== '');\n  if (visible.length === 0) return null;\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{ display: 'flex', alignItems: 'center', gap: 0.75, ...ONE_LINE }}\n    >\n      {tone && (\n        <Box\n          aria-hidden\n          data-testid={`${dataTestId}-dot`}\n          sx={{\n            width: rem(theme, 8),\n            height: rem(theme, 8),\n            flex: '0 0 auto',\n            borderRadius: '50%',\n            backgroundColor: accentFor(theme, tone).main,\n          }}\n        />\n      )}\n      <Typography variant=\"body2\" color=\"text.secondary\" component=\"span\" sx={ONE_LINE}>\n        {visible.map((item, index) => (\n          // Index keys: the segments are positional presentation, and nothing\n          // here reorders or is keyed on identity elsewhere.\n          <React.Fragment key={index}>\n            {index > 0 && (\n              <>\n                {/* Real spaces, not margin. A screen reader reads `textContent`,\n                    and a CSS-only gap runs \"Aberto agora\" straight into\n                    \"Retirada no balcão\" as one word. The glyph itself is\n                    hidden — it is punctuation, not something to announce. */}\n                {' '}\n                <Box component=\"span\" aria-hidden>\n                  {separator}\n                </Box>{' '}\n              </>\n            )}\n            {item}\n          </React.Fragment>\n        ))}\n      </Typography>\n    </Box>\n  );\n};\n\nAppHeaderStatus.displayName = 'AppHeaderStatus';\n\n/** The name and, when the block opens onto something, the chevron beside it. */\nconst IdentityTitle: React.FC<\n  Pick<AppHeaderIdentityProps, 'title' | 'size'> & {\n    interactive: boolean;\n    disclosed: boolean;\n    dataTestId: string;\n  }\n> = ({ title, size = 'md', interactive, disclosed, dataTestId }) => (\n  <Box sx={{ display: 'flex', alignItems: 'center', gap: 0.25, minWidth: 0, width: '100%' }}>\n    <Typography\n      component=\"span\"\n      data-testid={`${dataTestId}-title`}\n      sx={{ fontSize: sxRem(TITLE_PX[size]), fontWeight: 700, lineHeight: 1.2, ...ONE_LINE }}\n    >\n      {title}\n    </Typography>\n    {interactive && (\n      <KeyboardArrowDown\n        aria-hidden\n        data-testid={`${dataTestId}-chevron`}\n        sx={{\n          flex: '0 0 auto',\n          fontSize: sxRem(20),\n          opacity: 0.7,\n          transition: 'transform 150ms ease',\n          transform: disclosed ? 'rotate(180deg)' : 'none',\n        }}\n      />\n    )}\n  </Box>\n);\n\n/**\n * The disclosure, wrapping the NAME ROW and nothing else (12-63).\n *\n * The padding is cancelled by an equal negative margin, so the hover and the\n * focus ring bleed outward while the title still starts on the same pixel as\n * the lines under it. A padded button with no offset moves one of the two.\n */\nconst discloseSx = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 0.25,\n  width: '100%',\n  minWidth: 0,\n  appearance: 'none',\n  px: 0.5,\n  mx: -0.5,\n  py: 0.25,\n  my: -0.25,\n  border: 'none',\n  borderRadius: 1.5,\n  background: 'none',\n  color: 'inherit',\n  font: 'inherit',\n  textAlign: 'left',\n  cursor: 'pointer',\n  // Guarded: on a touch screen an unguarded `:hover` sticks after the tap that\n  // opened the panel, so the row stays highlighted behind it.\n  '@media (hover: hover)': { '&:hover': { backgroundColor: 'action.hover' } },\n  '&:focus-visible': {\n    outline: (theme: Theme) => `${rem(theme, 2)} solid`,\n    outlineColor: 'primary.main',\n    outlineOffset: sxRem(2),\n  },\n} as const;\n\n/**\n * The text column: the name row, then the quieter lines under it.\n *\n * ## `subtitle` and `status` are OUTSIDE the disclosure, on purpose (12-63)\n *\n * Both are `ReactNode`, and `AppHeaderStatus.items` is a `ReactNode[]` — so a\n * segment of the state line is free to be a control, and consumers put controls\n * there: a mesa chip, a service-mode picker. While the whole block was one\n * `<button>` those were `<button>`s inside a `<button>`, which is invalid HTML\n * (the content model of `button` excludes interactive content) and, more\n * visibly, means one tap fires two handlers. An adopting storefront opened two\n * popups on every tap of either control because of it, and had already\n * hand-rolled this component at one tier to dodge the nesting — a consumer\n * working around the component is the report.\n *\n * The target stays large. The button is the full-width NAME ROW, which is the\n * thing a reader aims at — what it gives up is the mark beside it, and a mark\n * that opens the panel is not worth a state line that cannot hold a control.\n */\nconst IdentityText: React.FC<\n  Pick<\n    AppHeaderIdentityProps,\n    'title' | 'subtitle' | 'status' | 'size' | 'discloseLabel' | 'className'\n  > & {\n    onDisclose: (() => void) | undefined;\n    disclosed: boolean;\n    dataTestId: string;\n  }\n> = ({\n  title,\n  subtitle,\n  status,\n  size = 'md',\n  onDisclose,\n  disclosed,\n  discloseLabel,\n  className,\n  dataTestId,\n}) => {\n  const name = (\n    <IdentityTitle\n      title={title}\n      size={size}\n      interactive={Boolean(onDisclose)}\n      disclosed={disclosed}\n      dataTestId={dataTestId}\n    />\n  );\n  return (\n    <Box sx={{ minWidth: 0, flex: 1, display: 'flex', flexDirection: 'column', gap: 0.25 }}>\n      {onDisclose ? (\n        <Box\n          component=\"button\"\n          type=\"button\"\n          className={className}\n          data-testid={dataTestId}\n          onClick={onDisclose}\n          aria-haspopup=\"dialog\"\n          aria-expanded={disclosed}\n          aria-label={discloseLabel ?? `Detalhes de ${title}`}\n          sx={discloseSx}\n        >\n          {name}\n        </Box>\n      ) : (\n        name\n      )}\n      {subtitle && (\n        <Typography variant=\"body2\" color=\"text.secondary\" component=\"span\" sx={ONE_LINE}>\n          {subtitle}\n        </Typography>\n      )}\n      {status}\n    </Box>\n  );\n};\n\n/** The placeholder held while the identity is still resolving. */\nconst IdentitySkeleton: React.FC<{ size: SizeValue; dataTestId: string }> = ({\n  size,\n  dataTestId,\n}) => {\n  const theme = useTheme();\n  return (\n    <Box\n      data-testid={`${dataTestId}-loading`}\n      sx={{ display: 'flex', alignItems: 'center', gap: 1.25, minWidth: 0 }}\n    >\n      <Skeleton\n        variant=\"rounded\"\n        width={rem(theme, 40)}\n        height={rem(theme, 40)}\n        sx={{ flex: '0 0 auto' }}\n      />\n      <Box sx={{ minWidth: 0, flex: 1 }}>\n        <Skeleton variant=\"text\" width={rem(theme, 140)} height={rem(theme, TITLE_PX[size] * 1.4)} />\n        <Skeleton variant=\"text\" width={rem(theme, 180)} height={rem(theme, 16)} />\n      </Box>\n    </Box>\n  );\n};\n\n/**\n * The BLOCK's row: the mark, then the text column beside it.\n *\n * Always a `Box` div now — since 12-63 the disclosure is the name row inside\n * the text column ({@link discloseSx}), not this element. `width: '100%'` and\n * `minWidth: 0` stay because the column below still has to ellipsise against\n * something; the argument about a `<button>` sizing to max-content moved to\n * `discloseSx`, which is where the button now is.\n */\nconst rowSx = {\n  display: 'flex',\n  alignItems: 'center',\n  gap: 1.25,\n  width: '100%',\n  minWidth: 0,\n  textAlign: 'left',\n} as const;\n\n/**\n * Mark + title + state line, and — when it can be opened — a name row that is\n * the button.\n *\n * The disclosure used to wrap EVERYTHING, on the argument that the chevron\n * alone is a 20px target next to a 40px mark that does nothing. The target is\n * still not the chevron: the button is the full-width NAME ROW, which is what a\n * reader aims at. What it no longer swallows is the mark beside it and the\n * quieter lines below — because those lines take `ReactNode`s, consumers put\n * CONTROLS in them, and a control inside a button is invalid HTML whose every\n * tap fires two handlers. See {@link IdentityText} (12-63).\n *\n * `className` and `dataTestId` stay on the same elements they always named: the\n * block when it is static, the disclosure when there is one.\n */\nexport const AppHeaderIdentity: React.FC<AppHeaderIdentityProps> = ({\n  title,\n  subtitle,\n  status,\n  mark,\n  logoUrl,\n  seedColor,\n  onDisclose,\n  disclosed = false,\n  discloseLabel,\n  loading = false,\n  size = 'md',\n  className,\n  dataTestId = 'app-header-identity',\n}) => {\n  if (loading) return <IdentitySkeleton size={size} dataTestId={dataTestId} />;\n\n  return (\n    <Box\n      className={onDisclose ? undefined : className}\n      data-testid={onDisclose ? undefined : dataTestId}\n      sx={rowSx}\n    >\n      {mark ?? (\n        <AppHeaderBrand\n          name={title}\n          logoUrl={logoUrl}\n          seedColor={seedColor}\n          size={size}\n          dataTestId={`${dataTestId}-brand`}\n        />\n      )}\n      <IdentityText\n        title={title}\n        subtitle={subtitle}\n        status={status}\n        size={size}\n        onDisclose={onDisclose}\n        disclosed={disclosed}\n        discloseLabel={discloseLabel}\n        className={className}\n        dataTestId={dataTestId}\n      />\n    </Box>\n  );\n};\n\nAppHeaderIdentity.displayName = 'AppHeaderIdentity';\n"],"mappings":"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","names":[]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/EmptyState/EmptyState.tsx"],"sourcesContent":["import AddIcon from '@mui/icons-material/Add';\nimport RefreshIcon from '@mui/icons-material/Refresh';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Link from '@mui/material/Link/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { type ActionIconName, type ActionSpec, actionsOf, makeTestId } from './EmptyState.helpers';\nimport {\n  ACTION_MIN_WIDTH,\n  ACTIONS_GAP_UNITS,\n  ACTIONS_MARGIN_TOP_UNITS,\n  CONTENT_GAP_UNITS,\n  DESCRIPTION_LINE_HEIGHT,\n  DESCRIPTION_MAX_WIDTH,\n  EMPTY_STATE_GAP_UNITS,\n  EMPTY_STATE_MIN_HEIGHT,\n  EMPTY_STATE_PADDING_UNITS,\n  EXTERNAL_LINK_MARK,\n  HELP_LINK_MARGIN_TOP_UNITS,\n  illustrationMaxWidth,\n  illustrationOpacity,\n  TITLE_MAX_WIDTH,\n} from './EmptyState.metrics';\nimport type { EmptyStateProps, EmptyStateVariant } from './EmptyState.types';\nimport { resolveTestId } from '../../../platform/test-id';\nimport { rem, sxRem } from '../../../tokens/relative';\n\n/** The shared action list names its glyph; the web draws it with MUI's icon. */\nconst ACTION_ICONS: Record<ActionIconName, React.ReactNode> = {\n  Add: <AddIcon />,\n  Refresh: <RefreshIcon />,\n};\n\nconst Illustration: React.FC<{\n  illustration: React.ReactNode;\n  variant: EmptyStateVariant;\n  testId: string;\n}> = ({ illustration, variant, testId }) => (\n  <Box\n    data-testid={testId}\n    sx={{\n      maxWidth: sxRem(illustrationMaxWidth(variant)),\n      width: '100%',\n      height: 'auto',\n      opacity: illustrationOpacity(variant),\n      display: variant === 'minimal' ? 'none' : 'block',\n    }}\n  >\n    {illustration}\n  </Box>\n);\n\nconst Actions: React.FC<{\n  specs: ActionSpec[];\n  testId: (suffix: string) => string;\n}> = ({ specs, testId }) => {\n  const theme = useTheme();\n\n  return (\n    <Stack\n      direction={{ xs: 'column', sm: 'row' }}\n      spacing={ACTIONS_GAP_UNITS}\n      alignItems=\"center\"\n      sx={{ mt: theme.spacing(ACTIONS_MARGIN_TOP_UNITS) }}\n    >\n      {specs.map((spec) => (\n        <Button\n          key={spec.key}\n          variant={spec.variant}\n          onClick={spec.onClick}\n          startIcon={spec.icon && ACTION_ICONS[spec.icon]}\n          data-testid={testId(spec.key)}\n          sx={{ minWidth: sxRem(ACTION_MIN_WIDTH) }}\n        >\n          {spec.label}\n        </Button>\n      ))}\n    </Stack>\n  );\n};\n\nconst HelpLink: React.FC<{\n  helpLink: NonNullable<EmptyStateProps['helpLink']>;\n  testId: string;\n}> = ({ helpLink, testId }) => {\n  const theme = useTheme();\n\n  return (\n    <Link\n      href={helpLink.href}\n      target={helpLink.external ? '_blank' : undefined}\n      rel={helpLink.external ? 'noopener noreferrer' : undefined}\n      data-testid={testId}\n      sx={{\n        mt: theme.spacing(HELP_LINK_MARGIN_TOP_UNITS),\n        color: theme.palette.primary.main,\n        textDecoration: 'none',\n        '&:hover': {\n          textDecoration: 'underline',\n        },\n      }}\n    >\n      {helpLink.label}\n      {helpLink.external && EXTERNAL_LINK_MARK}\n    </Link>\n  );\n};\n\nconst Content: React.FC<{\n  title: string;\n  description?: string;\n  titleId: string;\n  testId: (suffix: string) => string;\n  actions: ActionSpec[];\n  showActions: boolean;\n  helpLink?: EmptyStateProps['helpLink'];\n}> = ({ title, description, titleId, testId, actions, showActions, helpLink }) => {\n  const theme = useTheme();\n\n  return (\n    <Stack spacing={CONTENT_GAP_UNITS} alignItems=\"center\">\n      <Typography\n        id={titleId}\n        variant=\"h6\"\n        component=\"h3\"\n        data-testid={testId('title')}\n        sx={{\n          fontWeight: theme.typography.fontWeightMedium,\n          color: theme.palette.text.primary,\n          maxWidth: rem(theme, TITLE_MAX_WIDTH),\n        }}\n      >\n        {title}\n      </Typography>\n\n      {description && (\n        <Typography\n          variant=\"body2\"\n          color=\"text.secondary\"\n          data-testid={testId('description')}\n          sx={{\n            maxWidth: rem(theme, DESCRIPTION_MAX_WIDTH),\n            lineHeight: DESCRIPTION_LINE_HEIGHT,\n          }}\n        >\n          {description}\n        </Typography>\n      )}\n\n      {showActions && <Actions specs={actions} testId={testId} />}\n\n      {helpLink && <HelpLink helpLink={helpLink} testId={testId('help-link')} />}\n    </Stack>\n  );\n};\n\nexport const EmptyState: React.FC<EmptyStateProps> = React.memo((props) => {\n  const {\n    variant = 'default',\n    title,\n    description,\n    illustration,\n    helpLink,\n    refreshLabel = 'Refresh',\n    createLabel = 'Create New',\n    className,\n  } = props;\n  const theme = useTheme();\n  const titleId = React.useId();\n  // `dataTestId` is the documented spelling; `testID`, the shared contract's\n  // other one, resolves to the same id.\n  const dataTestId = resolveTestId(props);\n  const testId = makeTestId(dataTestId);\n\n  const actions = actionsOf(props, refreshLabel, createLabel);\n  // The `action` variant reserves the action row even when nothing fills it.\n  const showActions = variant === 'action' || actions.length > 0;\n\n  return (\n    <Box\n      role=\"region\"\n      aria-labelledby={titleId}\n      className={className}\n      data-testid={dataTestId || 'empty-state'}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        textAlign: 'center',\n        padding: theme.spacing(EMPTY_STATE_PADDING_UNITS),\n        minHeight: rem(theme, EMPTY_STATE_MIN_HEIGHT),\n        gap: theme.spacing(EMPTY_STATE_GAP_UNITS),\n      }}\n    >\n      {/* Illustration */}\n      {illustration && (\n        <Illustration\n          illustration={illustration}\n          variant={variant}\n          testId={testId('icon')}\n        />\n      )}\n\n      {/* Content */}\n      <Content\n        title={title}\n        description={description}\n        titleId={titleId}\n        testId={testId}\n        actions={actions}\n        showActions={showActions}\n        helpLink={helpLink}\n      />\n    </Box>\n  );\n});\n\nEmptyState.displayName = 'EmptyState';\n\nexport default EmptyState;\n"],"mappings":"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","names":[]}

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/total-form/FormErrorSnackbar.tsx"],"sourcesContent":["'use client';\n\nimport React from 'react';\n\nimport { Toast } from '../../feedback/Toast';\nimport { useFormContext } from './FormContext';\n\n/** Props for {@link FormErrorSnackbar}. */\nexport interface FormErrorSnackbarProps {\n  /** Message shown when the form has field errors. */\n  message?: string;\n}\n\n/**\n * Surfaces form-level validation failures. Thin wrapper over the existing\n * `@12-apps/ui` `Toast`: renders nothing while the form is valid and shows an\n * error toast (testid `total-form-error-snackbar`) once any field has an error.\n */\nexport function FormErrorSnackbar({\n  message = 'Please fix the highlighted fields and try again.',\n}: FormErrorSnackbarProps): React.ReactElement | null {\n  const { errors } = useFormContext();\n  const hasErrors = Object.values(errors).some(Boolean);\n\n  if (!hasErrors) return null;\n\n  return (\n    <Toast\n      dataTestId=\"total-form-error-snackbar\"\n      variant=\"error\"\n      message={message}\n      closable={false}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AA2BI;AATG,SAAS,kBAAkB;AAAA,EAChC,UAAU;AACZ,GAAsD;AACpD,QAAM,EAAE,OAAO,IAAI,eAAe;AAClC,QAAM,YAAY,OAAO,OAAO,MAAM,EAAE,KAAK,OAAO;AAEpD,MAAI,CAAC,UAAW,QAAO;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAW;AAAA,MACX,SAAQ;AAAA,MACR;AAAA,MACA,UAAU;AAAA;AAAA,EACZ;AAEJ;","names":[]}

package/dist/chunk-5KNDAC24.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/utility/InfiniteScroll/InfiniteScroll.parts.tsx"],"sourcesContent":["import Alert from '@mui/material/Alert/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/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 { rem } from '../../../tokens/relative';\n\nimport type { InfiniteScrollProps } from './InfiniteScroll.types';\n\ntype Variant = NonNullable<InfiniteScrollProps['variant']>;\n\nconst CENTERED: SxProps<Theme> = {\n  display: 'flex',\n  justifyContent: 'center',\n  alignItems: 'center',\n  p: 2,\n};\n\nexport const DefaultLoader: React.FC<{ loadingText: string }> = ({ loadingText }) => {\n  const theme = useTheme();\n  return (\n    <Box sx={CENTERED}>\n      <CircularProgress size={rem(theme, 24)} />\n      <Typography variant=\"body2\" sx={{ ml: 1 }}>\n        {loadingText}\n      </Typography>\n    </Box>\n  );\n};\n\nexport const DefaultEndMessage: React.FC<{ endText: string }> = ({ endText }) => (\n  <Box sx={CENTERED}>\n    <Typography variant=\"body2\" color=\"text.secondary\">\n      {endText}\n    </Typography>\n  </Box>\n);\n\nexport const DefaultError: React.FC<{ error: Error }> = ({ error }) => (\n  <Alert severity=\"error\" sx={{ m: 2 }}>\n    {error.message || 'An error occurred while loading more items'}\n  </Alert>\n);\n\n/**\n * The horizontal variant's `width` as CSS: a number of 1 or less stays the\n * fraction `sx` reads it as, a larger one is design px, a string is as given;\n * unset (or 0) fills the parent.\n */\nconst horizontalWidth = (theme: Theme, width: number | string | undefined): string => {\n  if (!width) return '100%';\n  if (typeof width !== 'number') return width;\n  return width <= 1 ? `${width * 100}%` : rem(theme, width);\n};\n\n/**\n * `horizontal` scrolls along a row; `reverse` stacks bottom-up, for a chat log\n * that loads older messages as you scroll away from the newest.\n */\nexport const containerStyles = (theme: Theme, variant: Variant, width?: number | string) => {\n  const horizontal = variant === 'horizontal';\n  const base = {\n    width: horizontal ? horizontalWidth(theme, width) : '100%',\n    height: horizontal ? '100%' : 'auto',\n    overflowX: horizontal ? 'auto' : 'hidden',\n    overflowY: horizontal ? 'hidden' : 'visible',\n    display: 'flex',\n    flexDirection: horizontal ? 'row' : 'column',\n  };\n\n  return variant === 'reverse' ? { ...base, flexDirection: 'column-reverse' } : base;\n};\n"],"mappings":";;;;;AAAA,OAAO,WAAW;AAClB,OAAO,SAAS;AAChB,OAAO,sBAAsB;AAC7B,OAAO,gBAAgB;AACvB,SAAS,gBAA0C;AAmB/C,SACE,KADF;AAVJ,IAAM,WAA2B;AAAA,EAC/B,SAAS;AAAA,EACT,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,GAAG;AACL;AAEO,IAAM,gBAAmD,CAAC,EAAE,YAAY,MAAM;AACnF,QAAM,QAAQ,SAAS;AACvB,SACE,qBAAC,OAAI,IAAI,UACP;AAAA,wBAAC,oBAAiB,MAAM,IAAI,OAAO,EAAE,GAAG;AAAA,IACxC,oBAAC,cAAW,SAAQ,SAAQ,IAAI,EAAE,IAAI,EAAE,GACrC,uBACH;AAAA,KACF;AAEJ;AAEO,IAAM,oBAAmD,CAAC,EAAE,QAAQ,MACzE,oBAAC,OAAI,IAAI,UACP,8BAAC,cAAW,SAAQ,SAAQ,OAAM,kBAC/B,mBACH,GACF;AAGK,IAAM,eAA2C,CAAC,EAAE,MAAM,MAC/D,oBAAC,SAAM,UAAS,SAAQ,IAAI,EAAE,GAAG,EAAE,GAChC,gBAAM,WAAW,8CACpB;AAQF,IAAM,kBAAkB,CAAC,OAAc,UAA+C;AACpF,MAAI,CAAC,MAAO,QAAO;AACnB,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,SAAO,SAAS,IAAI,GAAG,QAAQ,GAAG,MAAM,IAAI,OAAO,KAAK;AAC1D;AAMO,IAAM,kBAAkB,CAAC,OAAc,SAAkB,UAA4B;AAC1F,QAAM,aAAa,YAAY;AAC/B,QAAM,OAAO;AAAA,IACX,OAAO,aAAa,gBAAgB,OAAO,KAAK,IAAI;AAAA,IACpD,QAAQ,aAAa,SAAS;AAAA,IAC9B,WAAW,aAAa,SAAS;AAAA,IACjC,WAAW,aAAa,WAAW;AAAA,IACnC,SAAS;AAAA,IACT,eAAe,aAAa,QAAQ;AAAA,EACtC;AAEA,SAAO,YAAY,YAAY,EAAE,GAAG,MAAM,eAAe,iBAAiB,IAAI;AAChF;","names":[]}

package/dist/chunk-5MMAV7XK.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.body.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport React from 'react';\n\nimport { SheetContent, SheetFooter, SheetHeader } from './Sheet.parts';\nimport type { SheetProps } from './Sheet.types';\nimport { sxRem } from '../../../tokens/relative';\nimport { muiColor } from '../../../tokens/scales';\n\nexport interface SheetBodyProps extends Pick<\n  SheetProps,\n  | 'title'\n  | 'description'\n  | 'showCloseButton'\n  | 'showHandle'\n  | 'header'\n  | 'footer'\n  | 'loading'\n  | 'color'\n  | 'children'\n  | 'onClick'\n  | 'onFocus'\n  | 'onBlur'\n> {\n  testId: string;\n  isDragging: boolean;\n  isVerticalSheet: boolean;\n  isDraggableVariant: boolean;\n  onClose: () => void;\n  onDragStart: (e: React.MouseEvent | React.TouchEvent) => void;\n}\n\n/**\n * The header earns its place if it would show anything at all — a grab handle,\n * either piece of text, the close button, or caller-supplied content.\n */\nconst needsHeader = (props: SheetBodyProps) =>\n  Boolean(\n    props.showHandle ||\n    props.title ||\n    props.description ||\n    props.showCloseButton ||\n    props.header,\n  );\n\n/** The centred spinner shown in place of the children while `loading`. */\nconst SheetLoading: React.FC<Pick<SheetBodyProps, 'color'>> = ({ color }) => (\n  <Box\n    sx={{\n      display: 'flex',\n      justifyContent: 'center',\n      alignItems: 'center',\n      minHeight: sxRem(200),\n    }}\n  >\n    <CircularProgress color={color === undefined ? undefined : muiColor(color, 'inherit')} />\n  </Box>\n);\n\n/**\n * What the sheet contains, independent of which drawer is carrying it. The\n * swipeable and plain branches render exactly this — they differ only in the\n * MUI component and its swipe props, so the contents are built once.\n */\nexport const SheetBody: React.FC<SheetBodyProps> = (props) => {\n  const {\n    title,\n    description,\n    showCloseButton,\n    showHandle,\n    header,\n    footer,\n    loading,\n    color,\n    children,\n    onClick,\n    onFocus,\n    onBlur,\n    testId,\n    isDragging,\n    isVerticalSheet,\n    isDraggableVariant,\n    onClose,\n    onDragStart,\n  } = props;\n\n  return (\n    <Box\n      onClick={onClick}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      data-testid={testId}\n      sx={{\n        // A vertical sheet's panel is a column whose height is its CONTENT, up\n        // to the `size` ceiling — so this fills what the panel has rather than\n        // asking for a percentage of it, and `minHeight: 0` is what lets it\n        // shrink past its content so `SheetContent` scrolls instead of the\n        // panel overflowing. A side sheet's panel is full-height already.\n        ...(isVerticalSheet ? { flex: '1 1 auto', minHeight: 0 } : { height: '100%' }),\n        display: 'flex',\n        flexDirection: 'column',\n        position: 'relative',\n        userSelect: isDragging ? 'none' : 'auto',\n      }}\n    >\n      {needsHeader(props) && (\n        <SheetHeader\n          title={title}\n          description={description}\n          showCloseButton={showCloseButton}\n          onClose={onClose}\n          showHandle={showHandle && isVerticalSheet}\n          isDraggable={isDraggableVariant && isVerticalSheet}\n          onDragStart={onDragStart}\n          dataTestId={`${testId}-header`}\n        >\n          {header}\n        </SheetHeader>\n      )}\n\n      <SheetContent padded dataTestId={`${testId}-content`}>\n        {loading ? <SheetLoading color={color} /> : children}\n      </SheetContent>\n\n      {footer && (\n        <SheetFooter sticky divider dataTestId={`${testId}-footer`}>\n          {footer}\n        </SheetFooter>\n      )}\n    </Box>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,sBAAsB;AAsDzB,cAgCA,YAhCA;AAnBJ,IAAM,cAAc,CAAC,UACnB;AAAA,EACE,MAAM,cACN,MAAM,SACN,MAAM,eACN,MAAM,mBACN,MAAM;AACR;AAGF,IAAM,eAAwD,CAAC,EAAE,MAAM,MACrE;AAAA,EAAC;AAAA;AAAA,IACC,IAAI;AAAA,MACF,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,WAAW,MAAM,GAAG;AAAA,IACtB;AAAA,IAEA,8BAAC,oBAAiB,OAAO,UAAU,SAAY,SAAY,SAAS,OAAO,SAAS,GAAG;AAAA;AACzF;AAQK,IAAM,YAAsC,CAAC,UAAU;AAC5D,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,eAAa;AAAA,MACb,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMF,GAAI,kBAAkB,EAAE,MAAM,YAAY,WAAW,EAAE,IAAI,EAAE,QAAQ,OAAO;AAAA,QAC5E,SAAS;AAAA,QACT,eAAe;AAAA,QACf,UAAU;AAAA,QACV,YAAY,aAAa,SAAS;AAAA,MACpC;AAAA,MAEC;AAAA,oBAAY,KAAK,KAChB;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,YAAY,cAAc;AAAA,YAC1B,aAAa,sBAAsB;AAAA,YACnC;AAAA,YACA,YAAY,GAAG,MAAM;AAAA,YAEpB;AAAA;AAAA,QACH;AAAA,QAGF,oBAAC,gBAAa,QAAM,MAAC,YAAY,GAAG,MAAM,YACvC,oBAAU,oBAAC,gBAAa,OAAc,IAAK,UAC9C;AAAA,QAEC,UACC,oBAAC,eAAY,QAAM,MAAC,SAAO,MAAC,YAAY,GAAG,MAAM,WAC9C,kBACH;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":[]}

package/dist/chunk-BGTG7G54.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/AlertDialog/AlertDialog.parts.tsx"],"sourcesContent":["/**\n * The AlertDialog's action row, kept apart from the dialog shell so each stays\n * inside the complexity budget: which button is filled, where each one sits,\n * and how the row wraps.\n */\nimport type { ButtonProps } from '@mui/material/Button/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport DialogActions from '@mui/material/DialogActions/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { rem } from '../../../tokens/relative';\n\nimport type { AlertDialogProps } from './AlertDialog.types';\n\n/**\n * The action row WRAPS WHOLE BUTTONS; it never breaks a label inside one. A pair\n * that did not fit side by side used to squeeze the longer label onto two\n * lines, so one button stood twice as tall as its neighbour. Now the row breaks\n * instead. `wrap-reverse` puts the LAST button — the primary, whichever\n * `emphasis` picks — on top when it stacks, the same slot it holds on the right\n * when the row fits. A pair that fits is laid out exactly as before: natural\n * widths, pushed to the right.\n *\n * `fill` — set only by `emphasis=\"cancel\"` — lets the buttons grow to share the\n * row, and so to take the full width of their line once it stacks. It is not\n * the default because growing also stretches a pair that fits, which would\n * redraw every existing dialog's footer.\n *\n * Rendered with `disableSpacing`: MUI's own spacing is a left margin on every\n * button after the first, which would indent a button that wrapped onto a line\n * of its own. The gaps below replace it, at the same 16px across.\n */\nconst StyledDialogActions = styled(DialogActions, {\n  shouldForwardProp: (prop) => prop !== 'fill',\n})<{ fill: boolean }>(({ theme, fill }) => ({\n  padding: theme.spacing(2, 3, 3, 3),\n  flexWrap: 'wrap-reverse',\n  columnGap: theme.spacing(2),\n  rowGap: theme.spacing(1),\n  // A 40px tap target, the floor the kit's own Button keeps (FUT-3269): MUI's\n  // medium button is 37px, short of it on a phone.\n  '& > .MuiButton-root': { minHeight: rem(theme, 40) },\n  ...(fill && { '& > .MuiButton-root': { flexGrow: 1, minHeight: rem(theme, 40) } }),\n}));\n\nconst confirmButtonColor = (variant: AlertDialogProps['variant']): 'error' | 'primary' =>\n  variant === 'destructive' ? 'error' : 'primary';\n\ninterface ButtonLook {\n  variant: ButtonProps['variant'];\n  color: ButtonProps['color'];\n}\n\n/**\n * How each button is drawn, by `emphasis`: the emphasised one is filled, the\n * other a NEUTRAL outline. Primary / neutral both ways round — a confirm that\n * steps down drops the variant's colour too, so the one filled button is the\n * only coloured thing in the row and the eye has a single place to land.\n */\nconst buttonLooks = (\n  emphasis: AlertDialogProps['emphasis'],\n  variant: AlertDialogProps['variant'],\n): { cancel: ButtonLook; confirm: ButtonLook } =>\n  emphasis === 'cancel'\n    ? {\n        cancel: { variant: 'contained', color: 'primary' },\n        confirm: { variant: 'outlined', color: 'inherit' },\n      }\n    : {\n        cancel: { variant: 'outlined', color: 'inherit' },\n        confirm: { variant: 'contained', color: confirmButtonColor(variant) },\n      };\n\n/**\n * The emphasis that applies: `cancel` only while the cancel is shown. A hidden\n * cancel with the confirm stepped down would leave a dialog with no primary.\n */\nconst effectiveEmphasis = (\n  emphasis: AlertDialogProps['emphasis'],\n  showCancel: boolean,\n): NonNullable<AlertDialogProps['emphasis']> =>\n  emphasis === 'cancel' && showCancel ? 'cancel' : 'confirm';\n\n/**\n * Whether the cancel owns focus on open: what `initialFocus` says, and when it\n * says nothing, the emphasised button — so Enter on a steered question keeps\n * the work instead of completing the loss.\n */\nconst focusesCancel = (\n  initialFocus: AlertDialogProps['initialFocus'],\n  emphasis: NonNullable<AlertDialogProps['emphasis']>,\n): boolean => (initialFocus ?? emphasis) === 'cancel';\n\n/** The two buttons in slot order: the emphasised one LAST, the primary slot. */\nconst inSlotOrder = (\n  emphasis: AlertDialogProps['emphasis'],\n  cancel: React.ReactNode,\n  confirm: React.ReactNode,\n): React.ReactNode[] => (emphasis === 'cancel' ? [confirm, cancel] : [cancel, confirm]);\n\n/**\n * Action row: the optional cancel button and the (variant-coloured) confirm,\n * with the emphasised one LAST — the primary slot, on the right or, once the\n * row stacks, on top. DOM order is the tab order, so it follows the same rule.\n */\nexport function AlertDialogFooter({\n  variant,\n  cancelText = 'Cancel',\n  confirmText = 'Confirm',\n  showCancel = true,\n  loading = false,\n  confirmDisabled = false,\n  initialFocus,\n  emphasis: asked,\n  onCancel,\n  onConfirm,\n  dataTestId,\n}: Pick<\n  AlertDialogProps,\n  | 'variant'\n  | 'cancelText'\n  | 'confirmText'\n  | 'showCancel'\n  | 'loading'\n  | 'confirmDisabled'\n  | 'initialFocus'\n  | 'emphasis'\n> & {\n  onCancel: () => void;\n  onConfirm: () => void;\n  dataTestId: string;\n}): React.ReactElement {\n  const theme = useTheme();\n  const emphasis = effectiveEmphasis(asked, showCancel);\n  const look = buttonLooks(emphasis, variant);\n  const cancelFocused = focusesCancel(initialFocus, emphasis);\n  const cancel = showCancel && (\n    <Button\n      key=\"cancel\"\n      onClick={onCancel}\n      variant={look.cancel.variant}\n      color={look.cancel.color}\n      disabled={loading}\n      autoFocus={cancelFocused}\n      data-testid={`${dataTestId}-cancel-button`}\n    >\n      {cancelText}\n    </Button>\n  );\n  const confirm = (\n    <Button\n      key=\"confirm\"\n      onClick={onConfirm}\n      variant={look.confirm.variant}\n      color={look.confirm.color}\n      disabled={confirmDisabled || loading}\n      startIcon={\n        loading ? (\n          <CircularProgress\n            size={rem(theme, 16)}\n            color=\"inherit\"\n            data-testid={`${dataTestId}-loading-spinner`}\n          />\n        ) : undefined\n      }\n      autoFocus={!cancelFocused}\n      data-testid={`${dataTestId}-confirm-button`}\n    >\n      {confirmText}\n    </Button>\n  );\n  return (\n    <StyledDialogActions\n      disableSpacing\n      fill={emphasis === 'cancel'}\n      data-testid={`${dataTestId}-actions`}\n    >\n      {inSlotOrder(emphasis, cancel, confirm)}\n    </StyledDialogActions>\n  );\n}\n"],"mappings":";;;;;AAMA,OAAO,YAAY;AACnB,OAAO,sBAAsB;AAC7B,OAAO,mBAAmB;AAC1B,SAAS,QAAQ,gBAAgB;AAkI7B;AAzGJ,IAAM,sBAAsB,OAAO,eAAe;AAAA,EAChD,mBAAmB,CAAC,SAAS,SAAS;AACxC,CAAC,EAAqB,CAAC,EAAE,OAAO,KAAK,OAAO;AAAA,EAC1C,SAAS,MAAM,QAAQ,GAAG,GAAG,GAAG,CAAC;AAAA,EACjC,UAAU;AAAA,EACV,WAAW,MAAM,QAAQ,CAAC;AAAA,EAC1B,QAAQ,MAAM,QAAQ,CAAC;AAAA;AAAA;AAAA,EAGvB,uBAAuB,EAAE,WAAW,IAAI,OAAO,EAAE,EAAE;AAAA,EACnD,GAAI,QAAQ,EAAE,uBAAuB,EAAE,UAAU,GAAG,WAAW,IAAI,OAAO,EAAE,EAAE,EAAE;AAClF,EAAE;AAEF,IAAM,qBAAqB,CAAC,YAC1B,YAAY,gBAAgB,UAAU;AAaxC,IAAM,cAAc,CAClB,UACA,YAEA,aAAa,WACT;AAAA,EACE,QAAQ,EAAE,SAAS,aAAa,OAAO,UAAU;AAAA,EACjD,SAAS,EAAE,SAAS,YAAY,OAAO,UAAU;AACnD,IACA;AAAA,EACE,QAAQ,EAAE,SAAS,YAAY,OAAO,UAAU;AAAA,EAChD,SAAS,EAAE,SAAS,aAAa,OAAO,mBAAmB,OAAO,EAAE;AACtE;AAMN,IAAM,oBAAoB,CACxB,UACA,eAEA,aAAa,YAAY,aAAa,WAAW;AAOnD,IAAM,gBAAgB,CACpB,cACA,cACa,gBAAgB,cAAc;AAG7C,IAAM,cAAc,CAClB,UACA,QACA,YACuB,aAAa,WAAW,CAAC,SAAS,MAAM,IAAI,CAAC,QAAQ,OAAO;AAO9E,SAAS,kBAAkB;AAAA,EAChC;AAAA,EACA,aAAa;AAAA,EACb,cAAc;AAAA,EACd,aAAa;AAAA,EACb,UAAU;AAAA,EACV,kBAAkB;AAAA,EAClB;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,GAcuB;AACrB,QAAM,QAAQ,SAAS;AACvB,QAAM,WAAW,kBAAkB,OAAO,UAAU;AACpD,QAAM,OAAO,YAAY,UAAU,OAAO;AAC1C,QAAM,gBAAgB,cAAc,cAAc,QAAQ;AAC1D,QAAM,SAAS,cACb;AAAA,IAAC;AAAA;AAAA,MAEC,SAAS;AAAA,MACT,SAAS,KAAK,OAAO;AAAA,MACrB,OAAO,KAAK,OAAO;AAAA,MACnB,UAAU;AAAA,MACV,WAAW;AAAA,MACX,eAAa,GAAG,UAAU;AAAA,MAEzB;AAAA;AAAA,IARG;AAAA,EASN;AAEF,QAAM,UACJ;AAAA,IAAC;AAAA;AAAA,MAEC,SAAS;AAAA,MACT,SAAS,KAAK,QAAQ;AAAA,MACtB,OAAO,KAAK,QAAQ;AAAA,MACpB,UAAU,mBAAmB;AAAA,MAC7B,WACE,UACE;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,IAAI,OAAO,EAAE;AAAA,UACnB,OAAM;AAAA,UACN,eAAa,GAAG,UAAU;AAAA;AAAA,MAC5B,IACE;AAAA,MAEN,WAAW,CAAC;AAAA,MACZ,eAAa,GAAG,UAAU;AAAA,MAEzB;AAAA;AAAA,IAjBG;AAAA,EAkBN;AAEF,SACE;AAAA,IAAC;AAAA;AAAA,MACC,gBAAc;AAAA,MACd,MAAM,aAAa;AAAA,MACnB,eAAa,GAAG,UAAU;AAAA,MAEzB,sBAAY,UAAU,QAAQ,OAAO;AAAA;AAAA,EACxC;AAEJ;","names":[]}

package/dist/chunk-CAHN7AMY.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/SettingsLayout/SettingsLayout.tsx"],"sourcesContent":["'use client';\n\nimport Box from '@mui/material/Box/index.js';\nimport type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport React, { useMemo, useState } from 'react';\n\nimport { withDefaults } from '../../../utils/withDefaults';\nimport { activeItemLabel, filterGroups } from './SettingsLayout.filters';\nimport { SettingsRail } from './SettingsLayout.rail';\nimport { atLeastRail } from './SettingsLayout.styles';\nimport { SettingsPanel } from './SettingsPanel';\nimport type { SettingsLayoutProps } from './SettingsLayout.types';\n\n/**\n * The props with every default already applied.\n *\n * A table through `withDefaults` rather than a `= default` per destructured\n * prop: each of those is a branch, and seven of them put the component over the\n * complexity bar before it renders anything. The single cast is what buys the\n * body non-optional values — without it every use site would restate the\n * default as a `??`, which is the same default written twice and free to drift.\n */\ntype ResolvedProps = SettingsLayoutProps &\n  Required<\n    Pick<\n      SettingsLayoutProps,\n      | 'searchPlaceholder'\n      | 'defaultQuery'\n      | 'emptySearchLabel'\n      | 'testIdPrefix'\n      | 'railBreakpoint'\n      | 'navVariant'\n      | 'atIndex'\n      | 'backLabel'\n    >\n  >;\n\nconst DEFAULTS = {\n  searchPlaceholder: 'Search settings',\n  defaultQuery: '',\n  emptySearchLabel: 'No settings match your search.',\n  testIdPrefix: 'settings',\n  railBreakpoint: 'md',\n  navVariant: 'switcher',\n  atIndex: false,\n  backLabel: 'Back',\n} satisfies Partial<SettingsLayoutProps>;\n\n/**\n * How the rail looks: its search field, and its frame from the breakpoint up.\n * Both default to the shape every consumer had before they existed.\n */\nfunction railLookOf({\n  searchable = true,\n  railVariant = 'divided',\n}: SettingsLayoutProps): Required<Pick<SettingsLayoutProps, 'searchable' | 'railVariant'>> {\n  return { searchable, railVariant };\n}\n\n/** Stacked below the rail's breakpoint, two columns at and above it. */\nfunction shellSx(\n  breakpoint: SettingsLayoutProps['railBreakpoint'],\n  fillHeight: boolean,\n  railVariant: SettingsLayoutProps['railVariant'],\n): SxProps<Theme> {\n  return (theme: Theme) => ({\n    display: 'flex',\n    flexDirection: 'column' as const,\n    alignItems: 'stretch',\n    gap: 1.5,\n    width: '100%',\n    minWidth: 0,\n    // Only ever at the wide shape. Narrow, the rail is a disclosure or the page\n    // itself, and two independent scrollbars on a phone is a trap rather than a\n    // convenience.\n    [atLeastRail(theme, breakpoint ?? 'md')]: {\n      flexDirection: 'row',\n      // A card stands apart from the panel by 32px, as its prototype draws it;\n      // the ruled column keeps its 24.\n      gap: railVariant === 'card' ? 4 : 3,\n      ...(fillHeight ? { height: '100%', minHeight: 0 } : {}),\n    },\n  });\n}\n\n/**\n * A reusable, agnostic Facebook-style settings shell: a searchable left rail of\n * grouped categories/subcategories and a central panel that renders the selected\n * configuration screen (`children`). Navigation is data-driven via `groups`; the\n * host owns routing (pass `linkComponent` + item `href`, or handle `onSelectItem`).\n *\n * ## Two narrow-width shapes\n *\n * `navVariant=\"switcher\"` (the default) folds the rail into a disclosure above\n * the panel. `navVariant=\"drilldown\"` gives the phone shape instead: at the\n * area's index the LIST is the page, and inside a section the panel is the page\n * with a back link and a scrollable strip of sibling sections above it.\n *\n * ## Why the width decision is CSS and not JavaScript\n *\n * Every part that changes between the two shapes does it through a `display`\n * pair keyed on `railBreakpoint`. Nothing here asks a media query in JS and\n * renders one branch.\n *\n * That is not a performance preference. A layout that RENDERS one navigation and\n * not the other can offer the narrow width less than the wide one, and no test\n * or review catches it — the missing control simply is not in the tree to be\n * asserted about. With both forms always mounted, \"the narrow width reaches\n * everything the wide one does\" holds by construction, and an audit that counts\n * controls per width gets the same answer at both.\n */\nexport const SettingsLayout: React.FC<SettingsLayoutProps> = (props) => {\n  const {\n    title,\n    groups,\n    activeItemId,\n    onSelectItem,\n    searchPlaceholder,\n    defaultQuery,\n    emptySearchLabel,\n    emptySearchAction,\n    linkComponent,\n    children,\n    testIdPrefix,\n    railBreakpoint,\n    fillHeight = false,\n    navVariant,\n    atIndex,\n    indexHref,\n    backLabel,\n    sectionChips,\n  } = withDefaults(props, DEFAULTS) as ResolvedProps;\n  const [query, setQuery] = useState(defaultQuery);\n  const [navOpen, setNavOpen] = useState(false);\n  const filteredGroups = useMemo(() => filterGroups(groups, query), [groups, query]);\n  const activeLabel = useMemo(() => activeItemLabel(groups, activeItemId), [groups, activeItemId]);\n\n  const drilldown = navVariant === 'drilldown';\n  const ariaLabel = typeof title === 'string' ? title : 'Settings';\n\n  return (\n    <Box\n      data-testid={testIdPrefix}\n      data-nav-variant={navVariant}\n      data-at-index={atIndex ? 'true' : 'false'}\n      sx={shellSx(railBreakpoint, fillHeight, railLookOf(props).railVariant)}\n    >\n      <SettingsRail\n        title={title}\n        activeLabel={activeLabel}\n        navOpen={navOpen}\n        onToggleNav={() => setNavOpen((open) => !open)}\n        query={query}\n        onQueryChange={setQuery}\n        searchPlaceholder={searchPlaceholder}\n        emptySearchLabel={emptySearchLabel}\n        emptySearchAction={emptySearchAction}\n        filteredGroups={filteredGroups}\n        activeItemId={activeItemId}\n        linkComponent={linkComponent}\n        onSelectItem={onSelectItem}\n        onNavigate={() => setNavOpen(false)}\n        testIdPrefix={testIdPrefix}\n        variant={navVariant}\n        {...railLookOf(props)}\n        breakpoint={railBreakpoint}\n        atIndex={atIndex}\n        fillHeight={fillHeight}\n      />\n\n      <SettingsPanel\n        inSection={drilldown && !atIndex}\n        hideOnNarrow={drilldown && atIndex}\n        breakpoint={railBreakpoint}\n        indexHref={indexHref}\n        sectionTitle={props.sectionTitle}\n        sectionDescription={props.sectionDescription}\n        backLabel={backLabel}\n        ariaLabel={ariaLabel}\n        sectionChips={sectionChips}\n        activeItemId={activeItemId}\n        linkComponent={linkComponent}\n        onSelectItem={onSelectItem}\n        testIdPrefix={testIdPrefix}\n        fillHeight={fillHeight}\n      >\n        {children}\n      </SettingsPanel>\n    </Box>\n  );\n};\n\nSettingsLayout.displayName = 'SettingsLayout';\n"],"mappings":";;;;;;;;;;;;;;;;;;AAEA,OAAO,SAAS;AAEhB,SAAgB,SAAS,gBAAgB;AAyIrC,SAME,KANF;AAxGJ,IAAM,WAAW;AAAA,EACf,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,kBAAkB;AAAA,EAClB,cAAc;AAAA,EACd,gBAAgB;AAAA,EAChB,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,WAAW;AACb;AAMA,SAAS,WAAW;AAAA,EAClB,aAAa;AAAA,EACb,cAAc;AAChB,GAA2F;AACzF,SAAO,EAAE,YAAY,YAAY;AACnC;AAGA,SAAS,QACP,YACA,YACA,aACgB;AAChB,SAAO,CAAC,WAAkB;AAAA,IACxB,SAAS;AAAA,IACT,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,UAAU;AAAA;AAAA;AAAA;AAAA,IAIV,CAAC,YAAY,OAAO,cAAc,IAAI,CAAC,GAAG;AAAA,MACxC,eAAe;AAAA;AAAA;AAAA,MAGf,KAAK,gBAAgB,SAAS,IAAI;AAAA,MAClC,GAAI,aAAa,EAAE,QAAQ,QAAQ,WAAW,EAAE,IAAI,CAAC;AAAA,IACvD;AAAA,EACF;AACF;AA4BO,IAAM,iBAAgD,CAAC,UAAU;AACtE,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,aAAa,OAAO,QAAQ;AAChC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,YAAY;AAC/C,QAAM,CAAC,SAAS,UAAU,IAAI,SAAS,KAAK;AAC5C,QAAM,iBAAiB,QAAQ,MAAM,aAAa,QAAQ,KAAK,GAAG,CAAC,QAAQ,KAAK,CAAC;AACjF,QAAM,cAAc,QAAQ,MAAM,gBAAgB,QAAQ,YAAY,GAAG,CAAC,QAAQ,YAAY,CAAC;AAE/F,QAAM,YAAY,eAAe;AACjC,QAAM,YAAY,OAAO,UAAU,WAAW,QAAQ;AAEtD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,oBAAkB;AAAA,MAClB,iBAAe,UAAU,SAAS;AAAA,MAClC,IAAI,QAAQ,gBAAgB,YAAY,WAAW,KAAK,EAAE,WAAW;AAAA,MAErE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,aAAa,MAAM,WAAW,CAAC,SAAS,CAAC,IAAI;AAAA,YAC7C;AAAA,YACA,eAAe;AAAA,YACf;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA,YAAY,MAAM,WAAW,KAAK;AAAA,YAClC;AAAA,YACA,SAAS;AAAA,YACR,GAAG,WAAW,KAAK;AAAA,YACpB,YAAY;AAAA,YACZ;AAAA,YACA;AAAA;AAAA,QACF;AAAA,QAEA;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,aAAa,CAAC;AAAA,YACzB,cAAc,aAAa;AAAA,YAC3B,YAAY;AAAA,YACZ;AAAA,YACA,cAAc,MAAM;AAAA,YACpB,oBAAoB,MAAM;AAAA,YAC1B;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YAEC;AAAA;AAAA,QACH;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,eAAe,cAAc;","names":[]}