@12-apps/ui 6.7.0 → 6.9.0

package/dist/layout/Dashboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/layout/Dashboard/Dashboard.tsx","../../src/components/layout/Dashboard/DashboardContext.tsx","../../src/components/layout/Dashboard/DashboardParts.tsx"],"sourcesContent":["'use client';\n\nimport ExpandLessIcon from '@mui/icons-material/ExpandLess';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport FilterIcon from '@mui/icons-material/FilterListRounded';\nimport NavigateNextIcon from '@mui/icons-material/NavigateNext';\nimport {\n  Box,\n  Breadcrumbs as MuiBreadcrumbs,\n  Button,\n  Collapse,\n  Link as MuiLink,\n  Typography,\n} from '@mui/material';\nimport { styled } from '@mui/material';\nimport React, { useMemo, useState } from 'react';\n\nimport { DashboardContext, useDashboardContext } from './DashboardContext';\nimport {\n  DashboardAction,\n  DashboardExport,\n  DashboardFilterToggle,\n  DashboardInfo,\n  DashboardSettings,\n  DashboardSpacer,\n} from './DashboardParts';\nimport type {\n  DashboardBodyProps,\n  DashboardBreadcrumbProps,\n  DashboardFiltersProps,\n  DashboardHeaderProps,\n  DashboardMoreFiltersProps,\n  DashboardProps,\n} from './Dashboard.types';\n\n/**\n * Ordered slot keys. The root reorders composed children into this sequence so\n * authoring order in JSX never matters — a `<Dashboard.Filters>` placed above\n * a `<Dashboard.Header>` still renders below it.\n */\nconst SLOT_ORDER = ['breadcrumb', 'header', 'filters', 'body'] as const;\n/** A slot a component can occupy in the canonical Dashboard order. */\nexport type DashboardSlot = (typeof SLOT_ORDER)[number];\n\n/** Marker attached to each sub-component so the root can rank it by slot. */\ntype SlottedComponent = { dashboardSlot?: DashboardSlot };\n\n/**\n * Tag a component with the Dashboard slot it occupies so the root ranks it in\n * canonical order. The root inspects only its DIRECT children's `type`, so a\n * page that wraps a `<Dashboard.Header>` (or any part) in its own component MUST\n * mark that wrapper — otherwise it counts as an unrecognised child and sinks\n * below the body. Returns the component for convenient inline use.\n *\n * @example\n * ```tsx\n * function ProductsHeader(props) {\n *   return <Dashboard.Header title=\"Products\">{/* … *\\/}</Dashboard.Header>;\n * }\n * markDashboardSlot(ProductsHeader, 'header');\n * ```\n */\nexport function markDashboardSlot<T>(component: T, slot: DashboardSlot): T {\n  (component as SlottedComponent).dashboardSlot = slot;\n  return component;\n}\n\nconst Root = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n  width: '100%',\n}));\n\nfunction slotRank(node: React.ReactNode): number {\n  if (React.isValidElement(node)) {\n    const slot = (node.type as SlottedComponent).dashboardSlot;\n    if (slot) {\n      const rank = SLOT_ORDER.indexOf(slot);\n      if (rank >= 0) {\n        return rank;\n      }\n    }\n  }\n  // Unknown / arbitrary children keep their relative position after the\n  // recognised slots.\n  return SLOT_ORDER.length;\n}\n\n/**\n * Composable page shell. `<Dashboard>` provides shared state through context\n * and renders whichever sub-components you compose — nothing is implied. Drop\n * in only the parts you need; omit `<Dashboard.Filters>` and there is simply no\n * filter UI.\n *\n * @example\n * ```tsx\n * <Dashboard activeFilterCount={2}>\n *   <Dashboard.Breadcrumb items={[{ label: 'Admin', href: '/admin' }, { label: 'Products' }]} />\n *   <Dashboard.Header title=\"Products\">\n *     <Dashboard.Info>What this page does…</Dashboard.Info>\n *     <Dashboard.FilterToggle />\n *     <Dashboard.Settings>In development</Dashboard.Settings>\n *     <Dashboard.Spacer />\n *     <Dashboard.Export onExport={handleExport} />\n *     <Dashboard.Action><Button variant=\"contained\">New product</Button></Dashboard.Action>\n *   </Dashboard.Header>\n *   <Dashboard.Filters>{/* search + pills *\\/}</Dashboard.Filters>\n *   <Dashboard.Body>{table}</Dashboard.Body>\n * </Dashboard>\n * ```\n */\nexport const Dashboard = ({\n  children,\n  defaultFiltersVisible = true,\n  activeFilterCount = 0,\n  testIdPrefix = 'dashboard',\n  className,\n}: DashboardProps): React.JSX.Element => {\n  const [filtersVisible, setFiltersVisible] = useState(defaultFiltersVisible);\n  const [moreFiltersOpen, setMoreFiltersOpen] = useState(false);\n\n  const value = useMemo(\n    () => ({\n      filtersVisible,\n      toggleFilters: () => setFiltersVisible((v) => !v),\n      moreFiltersOpen,\n      toggleMoreFilters: () => setMoreFiltersOpen((v) => !v),\n      activeFilterCount,\n      testIdPrefix,\n    }),\n    [filtersVisible, moreFiltersOpen, activeFilterCount, testIdPrefix],\n  );\n\n  // Stable sort recognised slots into canonical order, preserving the original\n  // order of anything unrecognised.\n  const ordered = useMemo(() => {\n    const arr = React.Children.toArray(children);\n    return arr\n      .map((node, index) => ({ node, index, rank: slotRank(node) }))\n      .sort((a, b) => (a.rank === b.rank ? a.index - b.index : a.rank - b.rank))\n      .map((entry) => entry.node);\n  }, [children]);\n\n  return (\n    <DashboardContext.Provider value={value}>\n      <Root className={className} data-testid={testIdPrefix}>\n        {ordered}\n      </Root>\n    </DashboardContext.Provider>\n  );\n};\n\nDashboard.displayName = 'Dashboard';\n\n/* -------------------------------------------------------------------------- */\n/* Breadcrumb                                                                 */\n/* -------------------------------------------------------------------------- */\n\nconst DashboardBreadcrumb = ({\n  items,\n  renderLink,\n  className,\n}: DashboardBreadcrumbProps): React.JSX.Element => {\n  const { testIdPrefix } = useDashboardContext();\n  return (\n    <MuiBreadcrumbs\n      separator={<NavigateNextIcon fontSize=\"small\" />}\n      className={className}\n      aria-label=\"breadcrumb\"\n      data-testid={`${testIdPrefix}-breadcrumb`}\n      sx={{ fontSize: '0.875rem', color: 'text.secondary' }}\n    >\n      {items.map((item, index) => {\n        const isLast = index === items.length - 1;\n        if (isLast || !item.href) {\n          return (\n            <Typography\n              key={`${item.label}-${index}`}\n              component=\"span\"\n              sx={{ fontSize: '0.875rem', color: isLast ? 'text.primary' : 'text.secondary' }}\n              aria-current={isLast ? 'page' : undefined}\n            >\n              {item.label}\n            </Typography>\n          );\n        }\n        const linkContent = item.label;\n        if (renderLink) {\n          return <React.Fragment key={`${item.label}-${index}`}>{renderLink(item, linkContent)}</React.Fragment>;\n        }\n        return (\n          <MuiLink\n            key={`${item.label}-${index}`}\n            href={item.href}\n            underline=\"hover\"\n            color=\"inherit\"\n            sx={{ fontSize: '0.875rem' }}\n          >\n            {linkContent}\n          </MuiLink>\n        );\n      })}\n    </MuiBreadcrumbs>\n  );\n};\nDashboardBreadcrumb.displayName = 'Dashboard.Breadcrumb';\n(DashboardBreadcrumb as SlottedComponent).dashboardSlot = 'breadcrumb';\n\n/* -------------------------------------------------------------------------- */\n/* Header + action parts                                                      */\n/* -------------------------------------------------------------------------- */\n\nconst DashboardHeader = ({ title, children, className }: DashboardHeaderProps): React.JSX.Element => {\n  const { testIdPrefix } = useDashboardContext();\n  return (\n    <Box\n      className={className}\n      data-testid={`${testIdPrefix}-header`}\n      sx={{ display: 'flex', alignItems: 'center', gap: 1, flexWrap: 'wrap', minHeight: 40 }}\n    >\n      <Typography variant=\"h5\" component=\"h1\" sx={{ fontWeight: 600, mr: 0.5 }}>\n        {title}\n      </Typography>\n      {children}\n    </Box>\n  );\n};\nDashboardHeader.displayName = 'Dashboard.Header';\n(DashboardHeader as SlottedComponent).dashboardSlot = 'header';\n\n/** Flexible spacer — everything composed after it is pushed to the right. */\n/* -------------------------------------------------------------------------- */\n/* Filters                                                                    */\n/* -------------------------------------------------------------------------- */\n\nconst DashboardFilters = ({ children, className }: DashboardFiltersProps): React.JSX.Element => {\n  const { filtersVisible, testIdPrefix } = useDashboardContext();\n  return (\n    <Collapse in={filtersVisible} unmountOnExit data-testid={`${testIdPrefix}-filters`}>\n      <Box\n        className={className}\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 1.5,\n          p: 2,\n          borderRadius: 1,\n          border: 1,\n          borderColor: 'divider',\n          bgcolor: 'action.hover',\n        }}\n      >\n        {children}\n      </Box>\n    </Collapse>\n  );\n};\nDashboardFilters.displayName = 'Dashboard.Filters';\n(DashboardFilters as SlottedComponent).dashboardSlot = 'filters';\n\nconst DashboardMoreFilters = ({ children, label = 'More filters' }: DashboardMoreFiltersProps): React.JSX.Element => {\n  const { moreFiltersOpen, toggleMoreFilters, testIdPrefix } = useDashboardContext();\n  return (\n    <Box>\n      <Button\n        variant=\"text\"\n        size=\"small\"\n        startIcon={<FilterIcon fontSize=\"small\" />}\n        endIcon={moreFiltersOpen ? <ExpandLessIcon fontSize=\"small\" /> : <ExpandMoreIcon fontSize=\"small\" />}\n        onClick={toggleMoreFilters}\n        aria-expanded={moreFiltersOpen}\n        data-testid={`${testIdPrefix}-more-filters-toggle`}\n      >\n        {label}\n      </Button>\n      <Collapse in={moreFiltersOpen} unmountOnExit data-testid={`${testIdPrefix}-more-filters-panel`}>\n        <Box sx={{ mt: 1.5, p: 2, borderRadius: 1, border: 1, borderColor: 'divider', bgcolor: 'background.paper' }}>\n          {children}\n        </Box>\n      </Collapse>\n    </Box>\n  );\n};\nDashboardMoreFilters.displayName = 'Dashboard.MoreFilters';\n\n/* -------------------------------------------------------------------------- */\n/* Body                                                                       */\n/* -------------------------------------------------------------------------- */\n\nconst DashboardBody = ({ children, className }: DashboardBodyProps): React.JSX.Element => {\n  const { testIdPrefix } = useDashboardContext();\n  return (\n    <Box className={className} data-testid={`${testIdPrefix}-body`}>\n      {children}\n    </Box>\n  );\n};\nDashboardBody.displayName = 'Dashboard.Body';\n(DashboardBody as SlottedComponent).dashboardSlot = 'body';\n\n/* -------------------------------------------------------------------------- */\n/* Attach sub-components as dot-notation parts                                */\n/* -------------------------------------------------------------------------- */\n\nDashboard.Breadcrumb = DashboardBreadcrumb;\nDashboard.Header = DashboardHeader;\nDashboard.Spacer = DashboardSpacer;\nDashboard.Info = DashboardInfo;\nDashboard.FilterToggle = DashboardFilterToggle;\nDashboard.Settings = DashboardSettings;\nDashboard.Export = DashboardExport;\nDashboard.Action = DashboardAction;\nDashboard.Filters = DashboardFilters;\nDashboard.MoreFilters = DashboardMoreFilters;\nDashboard.Body = DashboardBody;\n","'use client';\n\nimport { createContext, useContext } from 'react';\n\n/**\n * Value shared across every `Dashboard` sub-component through React context.\n *\n * The root `<Dashboard>` owns this state; opt-in parts such as\n * `<Dashboard.FilterToggle>` and `<Dashboard.Filters>` read from and write to\n * it so they stay in sync without the caller wiring anything up. Nothing here\n * is required — a `Dashboard` composed of only a `<Dashboard.Header>` simply\n * never touches the filter fields.\n */\nexport interface DashboardContextValue {\n  /** Whether the `<Dashboard.Filters>` region is currently expanded. */\n  filtersVisible: boolean;\n  /** Toggles {@link filtersVisible}. Bound to `<Dashboard.FilterToggle>`. */\n  toggleFilters: () => void;\n  /** Whether the advanced `<Dashboard.MoreFilters>` panel is expanded. */\n  moreFiltersOpen: boolean;\n  /** Toggles {@link moreFiltersOpen}. Bound to `<Dashboard.MoreFiltersToggle>`. */\n  toggleMoreFilters: () => void;\n  /**\n   * Count of active filters, surfaced as a badge on `<Dashboard.FilterToggle>`.\n   * Supplied by the caller via the `activeFilterCount` prop on `<Dashboard>`.\n   */\n  activeFilterCount: number;\n  /** Stable prefix for `data-testid` attributes across sub-components. */\n  testIdPrefix: string;\n}\n\n/** Backing context. `null` when a sub-component is used outside `<Dashboard>`. */\nexport const DashboardContext = createContext<DashboardContextValue | null>(null);\n\n/**\n * Reads the nearest {@link DashboardContext}.\n *\n * @throws If called outside a `<Dashboard>` provider.\n * @returns The current dashboard context value.\n */\nexport function useDashboardContext(): DashboardContextValue {\n  const context = useContext(DashboardContext);\n  if (!context) {\n    throw new Error('Dashboard sub-components must be used within a <Dashboard>');\n  }\n  return context;\n}\n","'use client';\n\nimport CloseIcon from '@mui/icons-material/Close';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport ExportIcon from '@mui/icons-material/FileDownloadOutlined';\nimport FilterIcon from '@mui/icons-material/FilterListRounded';\nimport InfoIcon from '@mui/icons-material/InfoOutlined';\nimport SettingsIcon from '@mui/icons-material/SettingsOutlined';\nimport {\n  Badge,\n  Box,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Menu,\n  MenuItem,\n  Popover,\n  Tooltip,\n  Typography,\n} from '@mui/material';\nimport React, { useState } from 'react';\n\nimport { HeaderButton } from '../../form/HeaderButton';\nimport { useDashboardContext } from './DashboardContext';\nimport type {\n  DashboardActionProps,\n  DashboardExportFormat,\n  DashboardExportProps,\n  DashboardFilterToggleProps,\n  DashboardInfoProps,\n  DashboardSettingsProps,\n} from './Dashboard.types';\n\n/** Flexible spacer — everything composed after it is pushed to the right. */\nexport const DashboardSpacer = (): React.JSX.Element => <Box sx={{ flex: 1 }} aria-hidden />;\nDashboardSpacer.displayName = 'Dashboard.Spacer';\n\nexport const DashboardInfo = ({\n  title = 'About this page',\n  children,\n  ariaLabel = 'Page information',\n}: DashboardInfoProps): React.JSX.Element => {\n  const { testIdPrefix } = useDashboardContext();\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);\n  const open = Boolean(anchorEl);\n  return (\n    <>\n      <Tooltip title={ariaLabel}>\n        <IconButton\n          size=\"small\"\n          aria-label={ariaLabel}\n          aria-haspopup=\"dialog\"\n          onClick={(e) => setAnchorEl(e.currentTarget)}\n          data-testid={`${testIdPrefix}-info-trigger`}\n          sx={{ color: 'text.secondary' }}\n        >\n          <InfoIcon fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Popover\n        open={open}\n        anchorEl={anchorEl}\n        onClose={() => setAnchorEl(null)}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n        slotProps={{ paper: { sx: { width: 360, maxWidth: '90vw' } } }}\n        data-testid={`${testIdPrefix}-info-popover`}\n      >\n        <Box sx={{ px: 2, py: 1.5, borderBottom: 1, borderColor: 'divider', display: 'flex', gap: 1, alignItems: 'center' }}>\n          <InfoIcon fontSize=\"small\" sx={{ color: 'text.secondary' }} />\n          <Typography sx={{ fontWeight: 600 }}>{title}</Typography>\n        </Box>\n        <Box sx={{ px: 2, py: 1.5, fontSize: '0.875rem', color: 'text.secondary' }}>{children}</Box>\n      </Popover>\n    </>\n  );\n};\nDashboardInfo.displayName = 'Dashboard.Info';\n\nexport const DashboardFilterToggle = ({ ariaLabel }: DashboardFilterToggleProps): React.JSX.Element => {\n  const { filtersVisible, toggleFilters, activeFilterCount, testIdPrefix } = useDashboardContext();\n  const label = ariaLabel ?? (filtersVisible ? 'Hide filters' : 'Show filters');\n  return (\n    <Tooltip title={label}>\n      <IconButton\n        size=\"small\"\n        aria-label={label}\n        aria-pressed={filtersVisible}\n        onClick={toggleFilters}\n        data-testid={`${testIdPrefix}-filter-toggle`}\n        sx={{ color: filtersVisible ? 'primary.main' : 'text.secondary', bgcolor: filtersVisible ? 'action.selected' : 'transparent' }}\n      >\n        <Badge badgeContent={activeFilterCount} color=\"primary\" overlap=\"circular\">\n          <FilterIcon fontSize=\"small\" />\n        </Badge>\n      </IconButton>\n    </Tooltip>\n  );\n};\nDashboardFilterToggle.displayName = 'Dashboard.FilterToggle';\n\nexport const DashboardSettings = ({\n  title = 'Settings',\n  children,\n  ariaLabel = 'Settings',\n  href,\n  linkComponent,\n}: DashboardSettingsProps): React.JSX.Element => {\n  const { testIdPrefix } = useDashboardContext();\n  const [open, setOpen] = useState(false);\n\n  // Link mode: the gear navigates to a settings route (e.g. the page's\n  // Configuração section) instead of opening an in-page dialog.\n  if (href) {\n    const LinkComponent = linkComponent ?? 'a';\n    return (\n      <Tooltip title={ariaLabel}>\n        <IconButton\n          size=\"small\"\n          aria-label={ariaLabel}\n          component={LinkComponent}\n          href={href}\n          data-testid={`${testIdPrefix}-settings-trigger`}\n          sx={{ color: 'text.secondary' }}\n        >\n          <SettingsIcon fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <>\n      <Tooltip title={ariaLabel}>\n        <IconButton\n          size=\"small\"\n          aria-label={ariaLabel}\n          aria-haspopup=\"dialog\"\n          onClick={() => setOpen(true)}\n          data-testid={`${testIdPrefix}-settings-trigger`}\n          sx={{ color: 'text.secondary' }}\n        >\n          <SettingsIcon fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Dialog open={open} onClose={() => setOpen(false)} maxWidth=\"sm\" fullWidth data-testid={`${testIdPrefix}-settings-dialog`}>\n        <DialogTitle sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>\n          {title}\n          <IconButton aria-label=\"Close\" size=\"small\" onClick={() => setOpen(false)}>\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent dividers>{children}</DialogContent>\n      </Dialog>\n    </>\n  );\n};\nDashboardSettings.displayName = 'Dashboard.Settings';\n\nconst DEFAULT_EXPORT_FORMATS: DashboardExportFormat[] = [\n  { id: 'csv', label: 'CSV (.csv)' },\n  { id: 'xlsx', label: 'Excel (.xlsx)' },\n  { id: 'json', label: 'JSON (.json)' },\n];\n\nexport const DashboardExport = ({\n  formats = DEFAULT_EXPORT_FORMATS,\n  onExport,\n  label = 'Export',\n}: DashboardExportProps): React.JSX.Element => {\n  const { testIdPrefix } = useDashboardContext();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n  return (\n    <>\n      <HeaderButton\n        variant=\"outlined\"\n        color=\"inherit\"\n        text={label}\n        icon={<ExportIcon fontSize=\"small\" />}\n        endIcon={<ExpandMoreIcon fontSize=\"small\" />}\n        onClick={(e) => setAnchorEl(e.currentTarget)}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        dataTestId={`${testIdPrefix}-export-trigger`}\n      />\n      <Menu anchorEl={anchorEl} open={open} onClose={() => setAnchorEl(null)} data-testid={`${testIdPrefix}-export-menu`}>\n        {formats.map((format) => (\n          <MenuItem\n            key={format.id}\n            onClick={() => {\n              onExport(format.id);\n              setAnchorEl(null);\n            }}\n            data-testid={`${testIdPrefix}-export-${format.id}`}\n          >\n            {format.label}\n          </MenuItem>\n        ))}\n      </Menu>\n    </>\n  );\n};\nDashboardExport.displayName = 'Dashboard.Export';\n\nexport const DashboardAction = ({ children }: DashboardActionProps): React.JSX.Element => (\n  <Box sx={{ display: 'inline-flex' }}>{children}</Box>\n);\nDashboardAction.displayName = 'Dashboard.Action';\n"],"mappings":"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","names":["ExpandMoreIcon","FilterIcon","Box","Typography","React","useState","jsx","jsxs","Box","React","useState","Typography","FilterIcon","ExpandMoreIcon"]}
+{"version":3,"sources":["../../src/components/layout/Dashboard/Dashboard.tsx","../../src/components/layout/Dashboard/DashboardContext.tsx","../../src/components/layout/Dashboard/DashboardParts.tsx"],"sourcesContent":["'use client';\n\nimport ExpandLessIcon from '@mui/icons-material/ExpandLess';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport FilterIcon from '@mui/icons-material/FilterListRounded';\nimport NavigateNextIcon from '@mui/icons-material/NavigateNext';\nimport {\n  Box,\n  Breadcrumbs as MuiBreadcrumbs,\n  Button,\n  Collapse,\n  Link as MuiLink,\n  Typography,\n} from '@mui/material';\nimport { styled } from '@mui/material';\nimport React, { useMemo, useState } from 'react';\n\nimport { DashboardContext, useDashboardContext } from './DashboardContext';\nimport {\n  DashboardAction,\n  DashboardExport,\n  DashboardFilterToggle,\n  DashboardInfo,\n  DashboardSettings,\n  DashboardSpacer,\n} from './DashboardParts';\nimport type {\n  DashboardBodyProps,\n  DashboardBreadcrumbProps,\n  DashboardFiltersProps,\n  DashboardHeaderProps,\n  DashboardMoreFiltersProps,\n  DashboardProps,\n} from './Dashboard.types';\n\n/**\n * Ordered slot keys. The root reorders composed children into this sequence so\n * authoring order in JSX never matters — a `<Dashboard.Filters>` placed above\n * a `<Dashboard.Header>` still renders below it.\n */\nconst SLOT_ORDER = ['breadcrumb', 'header', 'filters', 'body'] as const;\n/** A slot a component can occupy in the canonical Dashboard order. */\nexport type DashboardSlot = (typeof SLOT_ORDER)[number];\n\n/** Marker attached to each sub-component so the root can rank it by slot. */\ntype SlottedComponent = { dashboardSlot?: DashboardSlot };\n\n/**\n * Tag a component with the Dashboard slot it occupies so the root ranks it in\n * canonical order. The root inspects only its DIRECT children's `type`, so a\n * page that wraps a `<Dashboard.Header>` (or any part) in its own component MUST\n * mark that wrapper — otherwise it counts as an unrecognised child and sinks\n * below the body. Returns the component for convenient inline use.\n *\n * @example\n * ```tsx\n * function ProductsHeader(props) {\n *   return <Dashboard.Header title=\"Products\">{/* … *\\/}</Dashboard.Header>;\n * }\n * markDashboardSlot(ProductsHeader, 'header');\n * ```\n */\nexport function markDashboardSlot<T>(component: T, slot: DashboardSlot): T {\n  (component as SlottedComponent).dashboardSlot = slot;\n  return component;\n}\n\nconst Root = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  flexDirection: 'column',\n  gap: theme.spacing(2),\n  width: '100%',\n}));\n\nfunction slotRank(node: React.ReactNode): number {\n  if (React.isValidElement(node)) {\n    const slot = (node.type as SlottedComponent).dashboardSlot;\n    if (slot) {\n      const rank = SLOT_ORDER.indexOf(slot);\n      if (rank >= 0) {\n        return rank;\n      }\n    }\n  }\n  // Unknown / arbitrary children keep their relative position after the\n  // recognised slots.\n  return SLOT_ORDER.length;\n}\n\n/**\n * Composable page shell. `<Dashboard>` provides shared state through context\n * and renders whichever sub-components you compose — nothing is implied. Drop\n * in only the parts you need; omit `<Dashboard.Filters>` and there is simply no\n * filter UI.\n *\n * @example\n * ```tsx\n * <Dashboard activeFilterCount={2}>\n *   <Dashboard.Breadcrumb items={[{ label: 'Admin', href: '/admin' }, { label: 'Products' }]} />\n *   <Dashboard.Header title=\"Products\">\n *     <Dashboard.Info>What this page does…</Dashboard.Info>\n *     <Dashboard.FilterToggle />\n *     <Dashboard.Settings>In development</Dashboard.Settings>\n *     <Dashboard.Spacer />\n *     <Dashboard.Export onExport={handleExport} />\n *     <Dashboard.Action><Button variant=\"contained\">New product</Button></Dashboard.Action>\n *   </Dashboard.Header>\n *   <Dashboard.Filters>{/* search + pills *\\/}</Dashboard.Filters>\n *   <Dashboard.Body>{table}</Dashboard.Body>\n * </Dashboard>\n * ```\n */\nexport const Dashboard = ({\n  children,\n  defaultFiltersVisible = true,\n  activeFilterCount = 0,\n  testIdPrefix = 'dashboard',\n  className,\n}: DashboardProps): React.JSX.Element => {\n  const [filtersVisible, setFiltersVisible] = useState(defaultFiltersVisible);\n  const [moreFiltersOpen, setMoreFiltersOpen] = useState(false);\n\n  const value = useMemo(\n    () => ({\n      filtersVisible,\n      toggleFilters: () => setFiltersVisible((v) => !v),\n      moreFiltersOpen,\n      toggleMoreFilters: () => setMoreFiltersOpen((v) => !v),\n      activeFilterCount,\n      testIdPrefix,\n    }),\n    [filtersVisible, moreFiltersOpen, activeFilterCount, testIdPrefix],\n  );\n\n  // Stable sort recognised slots into canonical order, preserving the original\n  // order of anything unrecognised.\n  const ordered = useMemo(() => {\n    const arr = React.Children.toArray(children);\n    return arr\n      .map((node, index) => ({ node, index, rank: slotRank(node) }))\n      .sort((a, b) => (a.rank === b.rank ? a.index - b.index : a.rank - b.rank))\n      .map((entry) => entry.node);\n  }, [children]);\n\n  return (\n    <DashboardContext.Provider value={value}>\n      <Root className={className} data-testid={testIdPrefix}>\n        {ordered}\n      </Root>\n    </DashboardContext.Provider>\n  );\n};\n\nDashboard.displayName = 'Dashboard';\n\n/* -------------------------------------------------------------------------- */\n/* Breadcrumb                                                                 */\n/* -------------------------------------------------------------------------- */\n\nconst DashboardBreadcrumb = ({\n  items,\n  renderLink,\n  className,\n}: DashboardBreadcrumbProps): React.JSX.Element => {\n  const { testIdPrefix } = useDashboardContext();\n  return (\n    <MuiBreadcrumbs\n      separator={<NavigateNextIcon fontSize=\"small\" />}\n      className={className}\n      aria-label=\"breadcrumb\"\n      data-testid={`${testIdPrefix}-breadcrumb`}\n      sx={{ fontSize: '0.875rem', color: 'text.secondary' }}\n    >\n      {items.map((item, index) => {\n        const isLast = index === items.length - 1;\n        if (isLast || !item.href) {\n          return (\n            <Typography\n              key={`${item.label}-${index}`}\n              component=\"span\"\n              sx={{ fontSize: '0.875rem', color: isLast ? 'text.primary' : 'text.secondary' }}\n              aria-current={isLast ? 'page' : undefined}\n            >\n              {item.label}\n            </Typography>\n          );\n        }\n        const linkContent = item.label;\n        if (renderLink) {\n          return <React.Fragment key={`${item.label}-${index}`}>{renderLink(item, linkContent)}</React.Fragment>;\n        }\n        return (\n          <MuiLink\n            key={`${item.label}-${index}`}\n            href={item.href}\n            underline=\"hover\"\n            color=\"inherit\"\n            sx={{ fontSize: '0.875rem' }}\n          >\n            {linkContent}\n          </MuiLink>\n        );\n      })}\n    </MuiBreadcrumbs>\n  );\n};\nDashboardBreadcrumb.displayName = 'Dashboard.Breadcrumb';\n(DashboardBreadcrumb as SlottedComponent).dashboardSlot = 'breadcrumb';\n\n/* -------------------------------------------------------------------------- */\n/* Header + action parts                                                      */\n/* -------------------------------------------------------------------------- */\n\nconst DashboardHeader = ({ title, children, className }: DashboardHeaderProps): React.JSX.Element => {\n  const { testIdPrefix } = useDashboardContext();\n  return (\n    <Box\n      className={className}\n      data-testid={`${testIdPrefix}-header`}\n      sx={{ display: 'flex', alignItems: 'center', gap: 1, flexWrap: 'wrap', minHeight: 40 }}\n    >\n      <Typography variant=\"h5\" component=\"h1\" sx={{ fontWeight: 600, mr: 0.5 }}>\n        {title}\n      </Typography>\n      {children}\n    </Box>\n  );\n};\nDashboardHeader.displayName = 'Dashboard.Header';\n(DashboardHeader as SlottedComponent).dashboardSlot = 'header';\n\n/** Flexible spacer — everything composed after it is pushed to the right. */\n/* -------------------------------------------------------------------------- */\n/* Filters                                                                    */\n/* -------------------------------------------------------------------------- */\n\nconst DashboardFilters = ({ children, className }: DashboardFiltersProps): React.JSX.Element => {\n  const { filtersVisible, testIdPrefix } = useDashboardContext();\n  return (\n    <Collapse in={filtersVisible} unmountOnExit data-testid={`${testIdPrefix}-filters`}>\n      <Box\n        className={className}\n        sx={{\n          display: 'flex',\n          flexDirection: 'column',\n          gap: 1.5,\n          p: 2,\n          borderRadius: 1,\n          border: 1,\n          borderColor: 'divider',\n          bgcolor: 'action.hover',\n        }}\n      >\n        {children}\n      </Box>\n    </Collapse>\n  );\n};\nDashboardFilters.displayName = 'Dashboard.Filters';\n(DashboardFilters as SlottedComponent).dashboardSlot = 'filters';\n\nconst DashboardMoreFilters = ({ children, label = 'More filters' }: DashboardMoreFiltersProps): React.JSX.Element => {\n  const { moreFiltersOpen, toggleMoreFilters, testIdPrefix } = useDashboardContext();\n  return (\n    <Box>\n      <Button\n        variant=\"text\"\n        size=\"small\"\n        startIcon={<FilterIcon fontSize=\"small\" />}\n        endIcon={moreFiltersOpen ? <ExpandLessIcon fontSize=\"small\" /> : <ExpandMoreIcon fontSize=\"small\" />}\n        onClick={toggleMoreFilters}\n        aria-expanded={moreFiltersOpen}\n        data-testid={`${testIdPrefix}-more-filters-toggle`}\n      >\n        {label}\n      </Button>\n      <Collapse in={moreFiltersOpen} unmountOnExit data-testid={`${testIdPrefix}-more-filters-panel`}>\n        <Box sx={{ mt: 1.5, p: 2, borderRadius: 1, border: 1, borderColor: 'divider', bgcolor: 'background.paper' }}>\n          {children}\n        </Box>\n      </Collapse>\n    </Box>\n  );\n};\nDashboardMoreFilters.displayName = 'Dashboard.MoreFilters';\n\n/* -------------------------------------------------------------------------- */\n/* Body                                                                       */\n/* -------------------------------------------------------------------------- */\n\nconst DashboardBody = ({ children, className }: DashboardBodyProps): React.JSX.Element => {\n  const { testIdPrefix } = useDashboardContext();\n  return (\n    <Box className={className} data-testid={`${testIdPrefix}-body`}>\n      {children}\n    </Box>\n  );\n};\nDashboardBody.displayName = 'Dashboard.Body';\n(DashboardBody as SlottedComponent).dashboardSlot = 'body';\n\n/* -------------------------------------------------------------------------- */\n/* Attach sub-components as dot-notation parts                                */\n/* -------------------------------------------------------------------------- */\n\nDashboard.Breadcrumb = DashboardBreadcrumb;\nDashboard.Header = DashboardHeader;\nDashboard.Spacer = DashboardSpacer;\nDashboard.Info = DashboardInfo;\nDashboard.FilterToggle = DashboardFilterToggle;\nDashboard.Settings = DashboardSettings;\nDashboard.Export = DashboardExport;\nDashboard.Action = DashboardAction;\nDashboard.Filters = DashboardFilters;\nDashboard.MoreFilters = DashboardMoreFilters;\nDashboard.Body = DashboardBody;\n","'use client';\n\nimport { createContext, useContext } from 'react';\n\n/**\n * Value shared across every `Dashboard` sub-component through React context.\n *\n * The root `<Dashboard>` owns this state; opt-in parts such as\n * `<Dashboard.FilterToggle>` and `<Dashboard.Filters>` read from and write to\n * it so they stay in sync without the caller wiring anything up. Nothing here\n * is required — a `Dashboard` composed of only a `<Dashboard.Header>` simply\n * never touches the filter fields.\n */\nexport interface DashboardContextValue {\n  /** Whether the `<Dashboard.Filters>` region is currently expanded. */\n  filtersVisible: boolean;\n  /** Toggles {@link filtersVisible}. Bound to `<Dashboard.FilterToggle>`. */\n  toggleFilters: () => void;\n  /** Whether the advanced `<Dashboard.MoreFilters>` panel is expanded. */\n  moreFiltersOpen: boolean;\n  /** Toggles {@link moreFiltersOpen}. Bound to `<Dashboard.MoreFiltersToggle>`. */\n  toggleMoreFilters: () => void;\n  /**\n   * Count of active filters, surfaced as a badge on `<Dashboard.FilterToggle>`.\n   * Supplied by the caller via the `activeFilterCount` prop on `<Dashboard>`.\n   */\n  activeFilterCount: number;\n  /** Stable prefix for `data-testid` attributes across sub-components. */\n  testIdPrefix: string;\n}\n\n/** Backing context. `null` when a sub-component is used outside `<Dashboard>`. */\nexport const DashboardContext = createContext<DashboardContextValue | null>(null);\n\n/**\n * Reads the nearest {@link DashboardContext}.\n *\n * @throws If called outside a `<Dashboard>` provider.\n * @returns The current dashboard context value.\n */\nexport function useDashboardContext(): DashboardContextValue {\n  const context = useContext(DashboardContext);\n  if (!context) {\n    throw new Error('Dashboard sub-components must be used within a <Dashboard>');\n  }\n  return context;\n}\n","'use client';\n\nimport CloseIcon from '@mui/icons-material/Close';\nimport ExpandMoreIcon from '@mui/icons-material/ExpandMore';\nimport ExportIcon from '@mui/icons-material/FileDownloadOutlined';\nimport FilterIcon from '@mui/icons-material/FilterListRounded';\nimport InfoIcon from '@mui/icons-material/InfoOutlined';\nimport SettingsIcon from '@mui/icons-material/SettingsOutlined';\nimport {\n  Badge,\n  Box,\n  Dialog,\n  DialogContent,\n  DialogTitle,\n  IconButton,\n  Menu,\n  MenuItem,\n  Popover,\n  Tooltip,\n  Typography,\n} from '@mui/material';\nimport React, { useState } from 'react';\n\nimport { HeaderButton } from '../../form/HeaderButton';\nimport { useDashboardContext } from './DashboardContext';\nimport type {\n  DashboardActionProps,\n  DashboardExportFormat,\n  DashboardExportProps,\n  DashboardFilterToggleProps,\n  DashboardInfoProps,\n  DashboardSettingsProps,\n} from './Dashboard.types';\n\n/** Flexible spacer — everything composed after it is pushed to the right. */\nexport const DashboardSpacer = (): React.JSX.Element => <Box sx={{ flex: 1 }} aria-hidden />;\nDashboardSpacer.displayName = 'Dashboard.Spacer';\n\nexport const DashboardInfo = ({\n  title = 'About this page',\n  children,\n  ariaLabel = 'Page information',\n}: DashboardInfoProps): React.JSX.Element => {\n  const { testIdPrefix } = useDashboardContext();\n  const [anchorEl, setAnchorEl] = useState<HTMLButtonElement | null>(null);\n  const open = Boolean(anchorEl);\n  return (\n    <>\n      <Tooltip title={ariaLabel}>\n        <IconButton\n          size=\"small\"\n          aria-label={ariaLabel}\n          aria-haspopup=\"dialog\"\n          onClick={(e) => setAnchorEl(e.currentTarget)}\n          data-testid={`${testIdPrefix}-info-trigger`}\n          sx={{ color: 'text.secondary' }}\n        >\n          <InfoIcon fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Popover\n        open={open}\n        anchorEl={anchorEl}\n        onClose={() => setAnchorEl(null)}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'left' }}\n        slotProps={{ paper: { sx: { width: 360, maxWidth: '90vw' } } }}\n        data-testid={`${testIdPrefix}-info-popover`}\n      >\n        <Box sx={{ px: 2, py: 1.5, borderBottom: 1, borderColor: 'divider', display: 'flex', gap: 1, alignItems: 'center' }}>\n          <InfoIcon fontSize=\"small\" sx={{ color: 'text.secondary' }} />\n          <Typography sx={{ fontWeight: 600 }}>{title}</Typography>\n        </Box>\n        <Box sx={{ px: 2, py: 1.5, fontSize: '0.875rem', color: 'text.secondary' }}>{children}</Box>\n      </Popover>\n    </>\n  );\n};\nDashboardInfo.displayName = 'Dashboard.Info';\n\nexport const DashboardFilterToggle = ({ ariaLabel }: DashboardFilterToggleProps): React.JSX.Element => {\n  const { filtersVisible, toggleFilters, activeFilterCount, testIdPrefix } = useDashboardContext();\n  const label = ariaLabel ?? (filtersVisible ? 'Hide filters' : 'Show filters');\n  return (\n    <Tooltip title={label}>\n      <IconButton\n        size=\"small\"\n        aria-label={label}\n        aria-pressed={filtersVisible}\n        onClick={toggleFilters}\n        data-testid={`${testIdPrefix}-filter-toggle`}\n        sx={{ color: filtersVisible ? 'primary.main' : 'text.secondary', bgcolor: filtersVisible ? 'action.selected' : 'transparent' }}\n      >\n        <Badge badgeContent={activeFilterCount} color=\"primary\" overlap=\"circular\">\n          <FilterIcon fontSize=\"small\" />\n        </Badge>\n      </IconButton>\n    </Tooltip>\n  );\n};\nDashboardFilterToggle.displayName = 'Dashboard.FilterToggle';\n\nexport const DashboardSettings = ({\n  title = 'Settings',\n  closeLabel,\n  children,\n  ariaLabel = 'Settings',\n  href,\n  linkComponent,\n}: DashboardSettingsProps): React.JSX.Element => {\n  const { testIdPrefix } = useDashboardContext();\n  const [open, setOpen] = useState(false);\n\n  // Link mode: the gear navigates to a settings route (e.g. the page's\n  // Configuração section) instead of opening an in-page dialog.\n  if (href) {\n    const LinkComponent = linkComponent ?? 'a';\n    return (\n      <Tooltip title={ariaLabel}>\n        <IconButton\n          size=\"small\"\n          aria-label={ariaLabel}\n          component={LinkComponent}\n          href={href}\n          data-testid={`${testIdPrefix}-settings-trigger`}\n          sx={{ color: 'text.secondary' }}\n        >\n          <SettingsIcon fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n    );\n  }\n\n  return (\n    <>\n      <Tooltip title={ariaLabel}>\n        <IconButton\n          size=\"small\"\n          aria-label={ariaLabel}\n          aria-haspopup=\"dialog\"\n          onClick={() => setOpen(true)}\n          data-testid={`${testIdPrefix}-settings-trigger`}\n          sx={{ color: 'text.secondary' }}\n        >\n          <SettingsIcon fontSize=\"small\" />\n        </IconButton>\n      </Tooltip>\n      <Dialog open={open} onClose={() => setOpen(false)} maxWidth=\"sm\" fullWidth data-testid={`${testIdPrefix}-settings-dialog`}>\n        <DialogTitle sx={{ display: 'flex', alignItems: 'center', justifyContent: 'space-between' }}>\n          {title}\n          <IconButton aria-label={closeLabel} size=\"small\" onClick={() => setOpen(false)}>\n            <CloseIcon fontSize=\"small\" />\n          </IconButton>\n        </DialogTitle>\n        <DialogContent dividers>{children}</DialogContent>\n      </Dialog>\n    </>\n  );\n};\nDashboardSettings.displayName = 'Dashboard.Settings';\n\nconst DEFAULT_EXPORT_FORMATS: DashboardExportFormat[] = [\n  { id: 'csv', label: 'CSV (.csv)' },\n  { id: 'xlsx', label: 'Excel (.xlsx)' },\n  { id: 'json', label: 'JSON (.json)' },\n];\n\nexport const DashboardExport = ({\n  formats = DEFAULT_EXPORT_FORMATS,\n  onExport,\n  label = 'Export',\n}: DashboardExportProps): React.JSX.Element => {\n  const { testIdPrefix } = useDashboardContext();\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n  return (\n    <>\n      <HeaderButton\n        variant=\"outlined\"\n        color=\"inherit\"\n        text={label}\n        icon={<ExportIcon fontSize=\"small\" />}\n        endIcon={<ExpandMoreIcon fontSize=\"small\" />}\n        onClick={(e) => setAnchorEl(e.currentTarget)}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        dataTestId={`${testIdPrefix}-export-trigger`}\n      />\n      <Menu anchorEl={anchorEl} open={open} onClose={() => setAnchorEl(null)} data-testid={`${testIdPrefix}-export-menu`}>\n        {formats.map((format) => (\n          <MenuItem\n            key={format.id}\n            onClick={() => {\n              onExport(format.id);\n              setAnchorEl(null);\n            }}\n            data-testid={`${testIdPrefix}-export-${format.id}`}\n          >\n            {format.label}\n          </MenuItem>\n        ))}\n      </Menu>\n    </>\n  );\n};\nDashboardExport.displayName = 'Dashboard.Export';\n\nexport const DashboardAction = ({ children }: DashboardActionProps): React.JSX.Element => (\n  <Box sx={{ display: 'inline-flex' }}>{children}</Box>\n);\nDashboardAction.displayName = 'Dashboard.Action';\n"],"mappings":"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","names":["ExpandMoreIcon","FilterIcon","Box","Typography","React","useState","jsx","jsxs","Box","React","useState","Typography","FilterIcon","ExpandMoreIcon"]}

package/dist/layout/ScrollArea.js

@@ -242,6 +242,7 @@ var getVariantStyles = ({
 // src/components/layout/ScrollArea/ScrollViewport.tsx
 import { jsx as jsx2 } from "react/jsx-runtime";
 var ScrollViewport = ({
+  regionLabel,
   children,
   height,
   maxHeight,
@@ -265,7 +266,7 @@ var ScrollViewport = ({
       ref: setScrollRef,
       onScroll,
       role: "region",
-      "aria-label": "Scrollable content",
+      "aria-label": regionLabel,
       "aria-busy": loading,
       tabIndex: disabled ? -1 : 0,
       sx: {
@@ -412,6 +413,7 @@ var LoadingOverlay = () => /* @__PURE__ */ jsx3(
 var ScrollToTopFab = ({
   visible,
   glass,
+  scrollToTopLabel,
   onClick
 }) => {
   const theme = useTheme3();
@@ -419,7 +421,7 @@ var ScrollToTopFab = ({
     Fab,
     {
       size: "small",
-      "aria-label": "Scroll to top",
+      "aria-label": scrollToTopLabel,
       onClick,
       sx: {
         position: "absolute",
@@ -439,6 +441,8 @@ var ScrollToTopFab = ({
 var ScrollArea = (componentProps) => {
   const resolved = resolveScrollAreaProps(componentProps);
   const {
+    regionLabel,
+    scrollToTopLabel,
     children,
     width,
     height,
@@ -487,6 +491,7 @@ var ScrollArea = (componentProps) => {
           ScrollViewport,
           {
             ...resolved,
+            regionLabel,
             shouldShowScrollbar,
             setScrollRef,
             onScroll: handleScroll,
@@ -502,9 +507,10 @@ var ScrollArea = (componentProps) => {
           }
         ),
         loading && /* @__PURE__ */ jsx3(LoadingOverlay, {}),
-        scrollToTopButton && !disabled && !loading && /* @__PURE__ */ jsx3(
+        scrollToTopButton && scrollToTopLabel && !disabled && !loading && /* @__PURE__ */ jsx3(
           ScrollToTopFab,
           {
+            scrollToTopLabel,
             visible: showScrollToTop,
             glass: variant === "glass",
             onClick: scrollToTop

package/dist/layout/ScrollArea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/layout/ScrollArea/ScrollArea.tsx","../../src/components/layout/ScrollArea/ScrollArea.helpers.ts","../../src/components/layout/ScrollArea/ScrollAreaContent.tsx","../../src/components/layout/ScrollArea/ScrollViewport.tsx","../../src/components/layout/ScrollArea/ScrollArea.styles.ts"],"sourcesContent":["import KeyboardArrowUp from '@mui/icons-material/KeyboardArrowUp';\nimport { alpha, Box, CircularProgress,Fab, useTheme, Zoom } from '@mui/material';\nimport type { FC } from 'react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { ResolvedScrollAreaProps } from './ScrollArea.helpers';\nimport { resolveScrollAreaProps } from './ScrollArea.helpers';\nimport type { ScrollAreaProps } from './ScrollArea.types';\nimport { ScrollAreaContent } from './ScrollAreaContent';\nimport { ScrollViewport } from './ScrollViewport';\n\n// Owns the scroll container ref (merging in any ref the caller passed) and\n// reports size changes through a ResizeObserver.\nconst useObservedScrollRef = ({\n  externalScrollRef,\n  onResize }: {\n  externalScrollRef?: React.Ref<HTMLDivElement>;\n  onResize?: ScrollAreaProps['onResize'];\n}) => {\n  const internalScrollRef = useRef<HTMLDivElement>(null);\n  const [containerDimensions, setContainerDimensions] = useState({ width: 0, height: 0 });\n\n  // Track container dimensions with ResizeObserver\n  useEffect(() => {\n    if (!internalScrollRef.current) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) {\n        const { width, height } = entry.contentRect;\n        setContainerDimensions({ width, height });\n        onResize?.({ width, height });\n      }\n    });\n\n    resizeObserver.observe(internalScrollRef.current);\n    return () => resizeObserver.disconnect();\n  }, [onResize]);\n\n  // Callback ref that updates both internal and external refs\n  const setScrollRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      // Update internal ref\n      (internalScrollRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      // Update external ref if provided\n      if (externalScrollRef) {\n        (externalScrollRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      }\n    },\n    [externalScrollRef],\n  );\n\n  // Use internal ref for accessing the element\n\n  return { scrollRef: internalScrollRef, setScrollRef, containerDimensions };\n};\n\n// Scroll position, the transient \"is scrolling\" flag that drives auto-hide, the\n// observed container size, and the scroll-to-top affordance.\n// The scrollbar shows while scrolling and hides once movement stops.\nconst useAutoHide = ({\n  autoHide,\n  alwaysShowScrollbar,\n  autoHideDelay }: {\n  autoHide: boolean;\n  alwaysShowScrollbar: boolean;\n  autoHideDelay: number;\n}) => {\n  const [isScrolling, setIsScrolling] = useState(false);\n  const timeoutRef = useRef<number | undefined>(undefined);\n\n  const noteScroll = useCallback(() => {\n    if (!autoHide || alwaysShowScrollbar) return;\n\n    setIsScrolling(true);\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = window.setTimeout(() => setIsScrolling(false), autoHideDelay);\n  }, [autoHide, alwaysShowScrollbar, autoHideDelay]);\n\n  useEffect(() => () => window.clearTimeout(timeoutRef.current), []);\n\n  return { isScrolling, noteScroll };\n};\n\nconst useScrollArea = (\n  props: ResolvedScrollAreaProps & { externalScrollRef?: React.Ref<HTMLDivElement> },\n) => {\n  const {\n    disabled,\n    onScroll,\n    onResize,\n    externalScrollRef,\n    autoHide,\n    autoHideDelay,\n    alwaysShowScrollbar,\n    scrollToTopButton,\n    scrollToTopThreshold,\n    smoothScroll } = props;\n\n  const { scrollRef, setScrollRef, containerDimensions } = useObservedScrollRef({\n    externalScrollRef,\n    onResize });\n  const [showScrollToTop, setShowScrollToTop] = useState(false);\n  const { isScrolling, noteScroll } = useAutoHide({\n    autoHide,\n    alwaysShowScrollbar,\n    autoHideDelay });\n\n  const handleScroll = useCallback(\n    (event: React.UIEvent<HTMLDivElement>) => {\n      if (disabled) return;\n\n      noteScroll();\n\n      if (scrollToTopButton && scrollRef.current) {\n        setShowScrollToTop(scrollRef.current.scrollTop > scrollToTopThreshold);\n      }\n\n      onScroll?.(event);\n    },\n    [disabled, noteScroll, scrollToTopButton, scrollToTopThreshold, onScroll, scrollRef],\n  );\n\n  const scrollToTop = useCallback(() => {\n    scrollRef.current?.scrollTo({ top: 0, behavior: smoothScroll ? 'smooth' : 'auto' });\n  }, [smoothScroll, scrollRef]);\n\n  return {\n    scrollRef,\n    setScrollRef,\n    isScrolling,\n    showScrollToTop,\n    containerDimensions,\n    handleScroll,\n    scrollToTop };\n};\n\nconst LoadingOverlay: FC = () => (\n  <Box\n    sx={{\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n      zIndex: 10 }}\n  >\n    <CircularProgress />\n  </Box>\n);\n\nconst ScrollToTopFab: FC<{ visible: boolean; glass: boolean; onClick: () => void }> = ({\n  visible,\n  glass,\n  onClick }) => {\n  const theme = useTheme();\n\n  return (\n    <Zoom in={visible}>\n      <Fab\n        size=\"small\"\n        aria-label=\"Scroll to top\"\n        onClick={onClick}\n        sx={{\n          position: 'absolute',\n          bottom: 16,\n          right: 16,\n          zIndex: 1,\n          backgroundColor: glass\n            ? alpha(theme.palette.primary.main, 0.2)\n            : theme.palette.primary.main,\n          backdropFilter: glass ? 'blur(10px)' : 'none',\n          '&:hover': {\n            backgroundColor: glass\n              ? alpha(theme.palette.primary.main, 0.3)\n              : theme.palette.primary.dark } }}\n      >\n        <KeyboardArrowUp />\n      </Fab>\n    </Zoom>\n  );\n};\n\nexport const ScrollArea: React.FC<ScrollAreaProps> = (componentProps) => {\n  const resolved = resolveScrollAreaProps(componentProps);\n  const {\n    children,\n    width,\n    height,\n    maxHeight,\n    maxWidth,\n    orientation: _orientation,\n    scrollbarSize: _scrollbarSize,\n    autoHide,\n    autoHideDelay: _autoHideDelay,\n    smoothScroll: _smoothScroll,\n    variant,\n    onScroll: _onScroll,\n    scrollToTopButton,\n    scrollToTopThreshold: _scrollToTopThreshold,\n    scrollbarColor: _scrollbarColor,\n    scrollbarTrackColor: _scrollbarTrackColor,\n    contentPadding: _contentPadding,\n    alwaysShowScrollbar,\n    disabled,\n    loading,\n    emptyContent,\n    testId,\n    scrollRef: externalScrollRef,\n    onResize: _onResize,\n    sx,\n    ...props\n  } = resolved;\n\n  const {\n    scrollRef,\n    setScrollRef,\n    isScrolling,\n    showScrollToTop,\n    containerDimensions,\n    handleScroll,\n    scrollToTop } = useScrollArea({ ...resolved, externalScrollRef });\n\n  // Auto-hide keeps the scrollbar out of the way until the user is scrolling.\n  const shouldShowScrollbar = alwaysShowScrollbar || !autoHide || isScrolling;\n\n  return (\n    <Box\n      data-testid={testId}\n      sx={{ position: 'relative', width, height, maxHeight, maxWidth, ...sx }}\n      {...props}\n    >\n      <ScrollViewport\n        {...resolved}\n        shouldShowScrollbar={shouldShowScrollbar}\n        setScrollRef={setScrollRef}\n        onScroll={handleScroll}\n      >\n        <ScrollAreaContent\n          emptyContent={emptyContent}\n          scrollRef={scrollRef}\n          containerWidth={containerDimensions.width}\n        >\n          {children}\n        </ScrollAreaContent>\n      </ScrollViewport>\n\n      {loading && <LoadingOverlay />}\n\n      {scrollToTopButton && !disabled && !loading && (\n        <ScrollToTopFab\n          visible={showScrollToTop}\n          glass={variant === 'glass'}\n          onClick={scrollToTop}\n        />\n      )}\n    </Box>\n  );\n};\n","import type { ScrollAreaProps } from './ScrollArea.types';\n\ntype ScrollAreaDefaultedKeys =\n  | 'width'\n  | 'height'\n  | 'orientation'\n  | 'scrollbarSize'\n  | 'autoHide'\n  | 'autoHideDelay'\n  | 'smoothScroll'\n  | 'variant'\n  | 'scrollToTopButton'\n  | 'scrollToTopThreshold'\n  | 'contentPadding'\n  | 'alwaysShowScrollbar'\n  | 'disabled'\n  | 'loading'\n  | 'testId';\n\nexport type ResolvedScrollAreaProps = ScrollAreaProps &\n  Required<Pick<ScrollAreaProps, ScrollAreaDefaultedKeys>>;\n\nconst SCROLL_AREA_DEFAULTS: Pick<ScrollAreaProps, ScrollAreaDefaultedKeys> = {\n  width: '100%',\n  height: '100%',\n  orientation: 'vertical',\n  scrollbarSize: 'medium',\n  autoHide: true,\n  autoHideDelay: 1000,\n  smoothScroll: true,\n  variant: 'default',\n  scrollToTopButton: false,\n  scrollToTopThreshold: 100,\n  contentPadding: 0,\n  alwaysShowScrollbar: false,\n  disabled: false,\n  loading: false,\n  testId: 'scroll-area',\n};\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would. Applied as\n// a merge rather than destructuring defaults, which would otherwise put fifteen\n// branches into the component's own complexity budget.\nexport const resolveScrollAreaProps = (props: ScrollAreaProps): ResolvedScrollAreaProps =>\n  ({\n    ...SCROLL_AREA_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<ScrollAreaProps>),\n  }) as ResolvedScrollAreaProps;\n","import { Box, useTheme } from '@mui/material';\nimport type { FC, ReactNode } from 'react';\nimport React from 'react';\n\nconst EMPTY_MIN_HEIGHT = 200;\n\nconst EmptyState: FC<{ children: ReactNode }> = ({ children }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: '100%',\n        minHeight: EMPTY_MIN_HEIGHT,\n        color: theme.palette.text.secondary,\n      }}\n    >\n      {children}\n    </Box>\n  );\n};\n\n// VirtualList and VirtualGrid scroll themselves by default. When one is nested\n// here that would mean two scrollers, so they are handed this container instead\n// and told to stop scrolling internally. They are recognised by the props they\n// accept rather than by identity, so a wrapper around one still works.\nconst wantsScrollContainer = (props: Record<string, unknown>): boolean =>\n  'disableInternalScroll' in props || props.scrollContainerRef !== undefined;\n\nexport interface ScrollAreaContentProps {\n  children: ReactNode;\n  emptyContent?: ReactNode;\n  scrollRef: React.RefObject<HTMLDivElement | null> | ((node: HTMLDivElement | null) => void);\n  containerWidth: number;\n}\n\nexport const ScrollAreaContent: FC<ScrollAreaContentProps> = ({\n  children,\n  emptyContent,\n  scrollRef,\n  containerWidth,\n}) => {\n  if (!children && emptyContent) return <EmptyState>{emptyContent}</EmptyState>;\n\n  return (\n    <>\n      {React.Children.map(children, (child) => {\n        if (!React.isValidElement(child)) return child;\n\n        const childProps = child.props as Record<string, unknown>;\n        if (!wantsScrollContainer(childProps)) return child;\n\n        const enhanced: Record<string, unknown> = {\n          scrollContainerRef: scrollRef,\n          disableInternalScroll: true,\n        };\n\n        // Only fill in a measured width where the child is still at its default.\n        if (containerWidth > 0 && childProps.width === '100%') {\n          enhanced.width = containerWidth;\n        }\n\n        return React.cloneElement(child, enhanced);\n      })}\n    </>\n  );\n};\n","import { Box, useTheme } from '@mui/material';\nimport type { FC, ReactNode, UIEvent } from 'react';\nimport React from 'react';\n\nimport { getOverflowStyle, getVariantStyles } from './ScrollArea.styles';\nimport type { ResolvedScrollAreaProps } from './ScrollArea.helpers';\n\nexport interface ScrollViewportProps\n  extends Pick<\n    ResolvedScrollAreaProps,\n    | 'height'\n    | 'maxHeight'\n    | 'orientation'\n    | 'scrollbarSize'\n    | 'scrollbarColor'\n    | 'scrollbarTrackColor'\n    | 'contentPadding'\n    | 'variant'\n    | 'disabled'\n    | 'loading'\n    | 'smoothScroll'\n  > {\n  children: ReactNode;\n  shouldShowScrollbar: boolean;\n  setScrollRef: (node: HTMLDivElement | null) => void;\n  onScroll: (event: UIEvent<HTMLDivElement>) => void;\n}\n\n// The element that actually scrolls: its own overflow and scrollbar styling,\n// plus the disabled and loading treatments.\nexport const ScrollViewport: FC<ScrollViewportProps> = ({\n  children,\n  height,\n  maxHeight,\n  orientation,\n  scrollbarSize,\n  scrollbarColor,\n  scrollbarTrackColor,\n  contentPadding,\n  variant,\n  disabled,\n  loading,\n  smoothScroll,\n  shouldShowScrollbar,\n  setScrollRef,\n  onScroll,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      ref={setScrollRef}\n      onScroll={onScroll}\n      role=\"region\"\n      aria-label=\"Scrollable content\"\n      aria-busy={loading}\n      tabIndex={disabled ? -1 : 0}\n      sx={{\n        width: '100%',\n        height: '100%',\n        // Use an explicit maxHeight when height is 'auto', else inherit.\n        maxHeight: height === 'auto' && maxHeight ? maxHeight : '100%',\n        padding: contentPadding,\n        opacity: loading ? 0.5 : 1,\n        pointerEvents: disabled || loading ? 'none' : 'auto',\n        transition: 'opacity 0.3s ease',\n        '&:focus': {\n          outline: 'none',\n          '&:focus-visible': {\n            outline: `2px solid ${theme.palette.primary.main}`,\n            outlineOffset: -2,\n          },\n        },\n        ...getOverflowStyle({ disabled, orientation }),\n        ...getVariantStyles({\n          theme,\n          variant,\n          orientation,\n          scrollbarSize,\n          scrollbarColor,\n          scrollbarTrackColor,\n          shouldShowScrollbar,\n        }),\n      }}\n      style={{ scrollBehavior: smoothScroll ? 'smooth' : 'auto' }}\n    >\n      {children}\n    </Box>\n  );\n};\n","import type { CSSObject, Theme } from '@mui/material';\nimport { alpha } from '@mui/material';\n\nimport type { ScrollAreaProps } from './ScrollArea.types';\n\nconst SCROLLBAR_SIZES: Record<string, number> = {\n  thin: 8,\n  thick: 16,\n};\n\nconst DEFAULT_SCROLLBAR_SIZE = 12;\n\n// thin/thick are the named ends of the scale; anything else takes the default.\nconst getScrollbarSize = (scrollbarSize?: string): number =>\n  scrollbarSize ? (SCROLLBAR_SIZES[scrollbarSize] ?? DEFAULT_SCROLLBAR_SIZE) : DEFAULT_SCROLLBAR_SIZE;\n\nconst getScrollbarColors = ({\n  theme,\n  variant,\n  scrollbarColor,\n  scrollbarTrackColor,\n}: {\n  theme: Theme;\n  variant?: string;\n  scrollbarColor?: string;\n  scrollbarTrackColor?: string;\n}) => {\n  const defaultScrollbarColor =\n    variant === 'glass'\n      ? alpha(theme.palette.primary.main, 0.5)\n      : theme.palette.mode === 'dark'\n        ? theme.palette.grey[600]\n        : theme.palette.grey[400];\n\n  const defaultTrackColor =\n    variant === 'glass'\n      ? alpha(theme.palette.background.paper, 0.1)\n      : theme.palette.mode === 'dark'\n        ? theme.palette.grey[900]\n        : theme.palette.grey[200];\n\n  return {\n    scrollbar: scrollbarColor || defaultScrollbarColor,\n    track: scrollbarTrackColor || defaultTrackColor,\n  };\n};\n\nexport const getOverflowStyle = ({\n  disabled,\n  orientation,\n}: {\n  disabled?: boolean;\n  orientation?: ScrollAreaProps['orientation'];\n}) => {\n  if (disabled) return { overflow: 'hidden' as const };\n\n  switch (orientation) {\n    case 'horizontal':\n      return {\n        overflow: 'hidden' as const,\n        overflowX: 'auto' as const,\n        overflowY: 'hidden' as const,\n      };\n    case 'both':\n      return { overflow: 'auto' as const };\n    default:\n      return {\n        overflow: 'hidden' as const,\n        overflowY: 'auto' as const,\n        overflowX: 'hidden' as const,\n      };\n  }\n};\n\n// Scrollbar chrome shared by every variant. autoHide fades the thumb out when\n// the area is idle, which is why the colours are parameters rather than read\n// from the variant directly.\nconst autoHideScrollbarStyles = ({\n  thumbColor,\n  trackColor,\n  size,\n  orientation,\n  shouldShowScrollbar,\n  theme,\n  scrollbarSize,\n}: {\n  thumbColor: string;\n  trackColor: string;\n  size: number;\n  orientation?: ScrollAreaProps['orientation'];\n  shouldShowScrollbar: boolean;\n  theme: Theme;\n  scrollbarSize?: string;\n}) => ({\n    '&::-webkit-scrollbar': {\n      width: orientation !== 'horizontal' ? size : '100%',\n      height: orientation !== 'vertical' ? size : '100%',\n    },\n    '&::-webkit-scrollbar-track': {\n      background: shouldShowScrollbar ? trackColor : 'transparent',\n      borderRadius: size / 2,\n      transition: 'background 0.3s ease',\n    },\n    '&::-webkit-scrollbar-thumb': {\n      background: shouldShowScrollbar ? thumbColor : 'transparent',\n      borderRadius: size / 2,\n      transition: 'background 0.3s ease',\n      '&:hover': {\n        background: shouldShowScrollbar ? theme.palette.primary.main : 'transparent',\n      },\n    },\n    '&::-webkit-scrollbar-corner': {\n      background: shouldShowScrollbar ? trackColor : 'transparent',\n    },\n    // Firefox scrollbar styling\n    scrollbarWidth: shouldShowScrollbar\n      ? scrollbarSize === 'thin'\n        ? ('thin' as const)\n        : ('auto' as const)\n      : ('none' as const),\n    scrollbarColor: shouldShowScrollbar\n      ? `${thumbColor} ${trackColor}`\n      : 'transparent transparent',\n  });\n\ntype VariantArgs = {\n  theme: Theme;\n  colors: { scrollbar: string; track: string };\n  size: number;\n  orientation?: ScrollAreaProps['orientation'];\n  shouldShowScrollbar: boolean;\n  scrollbarSize?: string;\n};\n\n// One entry per scrollbar look. overlay floats above the content, glass tints\n// it, and the default delegates to the shared auto-hide chrome.\nconst VARIANT_SCROLLBARS: Record<string, (args: VariantArgs) => CSSObject> = {\n  overlay: ({ theme, colors, size, orientation, shouldShowScrollbar, scrollbarSize }) => ({\n          '&::-webkit-scrollbar': {\n            width: orientation !== 'horizontal' ? size : '100%',\n            height: orientation !== 'vertical' ? size : '100%',\n            position: 'absolute',\n            right: 0,\n            top: 0,\n          },\n          '&::-webkit-scrollbar-track': {\n            background: 'transparent',\n            borderRadius: size / 2,\n          },\n          '&::-webkit-scrollbar-thumb': {\n            background: shouldShowScrollbar\n              ? alpha(colors.scrollbar, 0.5)\n              : 'transparent',\n            borderRadius: size / 2,\n            transition: 'background 0.3s ease',\n            border: '2px solid transparent',\n            backgroundClip: 'padding-box',\n            '&:hover': {\n              background: shouldShowScrollbar ? theme.palette.primary.main : 'transparent',\n            },\n          },\n          '&::-webkit-scrollbar-corner': {\n            background: 'transparent',\n          },\n          scrollbarWidth: shouldShowScrollbar\n            ? scrollbarSize === 'thin'\n              ? ('thin' as const)\n              : ('auto' as const)\n            : ('none' as const),\n          scrollbarColor: shouldShowScrollbar\n            ? `${alpha(colors.scrollbar, 0.5)} transparent`\n            : 'transparent transparent',\n        }),\n\n  // Starts from the shared chrome, then adds what makes it glass: a blurred\n  // track and root, and an inner highlight on the thumb. scrollbar-color (the\n  // Firefox property) keeps the solid palette colour rather than the gradient —\n  // a gradient is not a valid value there, which is why the original picked\n  // colors.scrollbar for it.\n  glass: ({ theme, colors, size, orientation, shouldShowScrollbar, scrollbarSize }) => {\n    const glassThumbColor = `linear-gradient(180deg, ${alpha(theme.palette.primary.main, 0.3)}, ${alpha(theme.palette.secondary.main, 0.3)})`;\n    const glassTrackColor = alpha(theme.palette.background.paper, 0.1);\n\n    const base = autoHideScrollbarStyles({\n      thumbColor: glassThumbColor,\n      trackColor: glassTrackColor,\n      size,\n      orientation,\n      shouldShowScrollbar,\n      theme,\n      scrollbarSize,\n    });\n\n    return {\n      ...base,\n      '&::-webkit-scrollbar-track': {\n        ...(base['&::-webkit-scrollbar-track'] as object),\n        backdropFilter: shouldShowScrollbar ? 'blur(5px)' : 'none',\n      },\n      '&::-webkit-scrollbar-thumb': {\n        ...(base['&::-webkit-scrollbar-thumb'] as object),\n        boxShadow: shouldShowScrollbar\n          ? `inset 0 0 6px ${alpha(theme.palette.common.white, 0.3)}`\n          : 'none',\n      },\n      scrollbarColor: shouldShowScrollbar\n        ? `${colors.scrollbar} ${glassTrackColor}`\n        : 'transparent transparent',\n      backdropFilter: 'blur(10px)',\n    };\n  },\n\n  default: ({ theme, colors, size, orientation, shouldShowScrollbar, scrollbarSize }) =>\n    autoHideScrollbarStyles({\n      thumbColor: colors.scrollbar,\n      trackColor: colors.track,\n      size,\n      orientation,\n      shouldShowScrollbar,\n      theme,\n      scrollbarSize,\n    }),\n};\n\nexport const getVariantStyles = ({\n  theme,\n  variant,\n  orientation,\n  scrollbarSize,\n  scrollbarColor,\n  scrollbarTrackColor,\n  shouldShowScrollbar,\n}: {\n  theme: Theme;\n  variant?: string;\n  orientation?: ScrollAreaProps['orientation'];\n  scrollbarSize?: string;\n  scrollbarColor?: string;\n  scrollbarTrackColor?: string;\n  shouldShowScrollbar: boolean;\n}) => {\n  const colors = getScrollbarColors({ theme, variant, scrollbarColor, scrollbarTrackColor });\n  const size = getScrollbarSize(scrollbarSize);\n\n  const build = VARIANT_SCROLLBARS[variant ?? 'default'] ?? VARIANT_SCROLLBARS.default!;\n\n  return build({ theme, colors, size, orientation, shouldShowScrollbar, scrollbarSize });\n};\n"],"mappings":"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","names":["alpha","Box","useTheme","Box","useTheme","jsx","useTheme","Box","jsx","Box","useTheme","alpha"]}
+{"version":3,"sources":["../../src/components/layout/ScrollArea/ScrollArea.tsx","../../src/components/layout/ScrollArea/ScrollArea.helpers.ts","../../src/components/layout/ScrollArea/ScrollAreaContent.tsx","../../src/components/layout/ScrollArea/ScrollViewport.tsx","../../src/components/layout/ScrollArea/ScrollArea.styles.ts"],"sourcesContent":["import KeyboardArrowUp from '@mui/icons-material/KeyboardArrowUp';\nimport { alpha, Box, CircularProgress,Fab, useTheme, Zoom } from '@mui/material';\nimport type { FC } from 'react';\nimport React, { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { ResolvedScrollAreaProps } from './ScrollArea.helpers';\nimport { resolveScrollAreaProps } from './ScrollArea.helpers';\nimport type { ScrollAreaProps } from './ScrollArea.types';\nimport { ScrollAreaContent } from './ScrollAreaContent';\nimport { ScrollViewport } from './ScrollViewport';\n\n// Owns the scroll container ref (merging in any ref the caller passed) and\n// reports size changes through a ResizeObserver.\nconst useObservedScrollRef = ({\n  externalScrollRef,\n  onResize }: {\n  externalScrollRef?: React.Ref<HTMLDivElement>;\n  onResize?: ScrollAreaProps['onResize'];\n}) => {\n  const internalScrollRef = useRef<HTMLDivElement>(null);\n  const [containerDimensions, setContainerDimensions] = useState({ width: 0, height: 0 });\n\n  // Track container dimensions with ResizeObserver\n  useEffect(() => {\n    if (!internalScrollRef.current) return;\n\n    const resizeObserver = new ResizeObserver((entries) => {\n      const entry = entries[0];\n      if (entry) {\n        const { width, height } = entry.contentRect;\n        setContainerDimensions({ width, height });\n        onResize?.({ width, height });\n      }\n    });\n\n    resizeObserver.observe(internalScrollRef.current);\n    return () => resizeObserver.disconnect();\n  }, [onResize]);\n\n  // Callback ref that updates both internal and external refs\n  const setScrollRef = useCallback(\n    (node: HTMLDivElement | null) => {\n      // Update internal ref\n      (internalScrollRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      // Update external ref if provided\n      if (externalScrollRef) {\n        (externalScrollRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n      }\n    },\n    [externalScrollRef],\n  );\n\n  // Use internal ref for accessing the element\n\n  return { scrollRef: internalScrollRef, setScrollRef, containerDimensions };\n};\n\n// Scroll position, the transient \"is scrolling\" flag that drives auto-hide, the\n// observed container size, and the scroll-to-top affordance.\n// The scrollbar shows while scrolling and hides once movement stops.\nconst useAutoHide = ({\n  autoHide,\n  alwaysShowScrollbar,\n  autoHideDelay }: {\n  autoHide: boolean;\n  alwaysShowScrollbar: boolean;\n  autoHideDelay: number;\n}) => {\n  const [isScrolling, setIsScrolling] = useState(false);\n  const timeoutRef = useRef<number | undefined>(undefined);\n\n  const noteScroll = useCallback(() => {\n    if (!autoHide || alwaysShowScrollbar) return;\n\n    setIsScrolling(true);\n    window.clearTimeout(timeoutRef.current);\n    timeoutRef.current = window.setTimeout(() => setIsScrolling(false), autoHideDelay);\n  }, [autoHide, alwaysShowScrollbar, autoHideDelay]);\n\n  useEffect(() => () => window.clearTimeout(timeoutRef.current), []);\n\n  return { isScrolling, noteScroll };\n};\n\nconst useScrollArea = (\n  props: ResolvedScrollAreaProps & { externalScrollRef?: React.Ref<HTMLDivElement> },\n) => {\n  const {\n    disabled,\n    onScroll,\n    onResize,\n    externalScrollRef,\n    autoHide,\n    autoHideDelay,\n    alwaysShowScrollbar,\n    scrollToTopButton,\n    scrollToTopThreshold,\n    smoothScroll } = props;\n\n  const { scrollRef, setScrollRef, containerDimensions } = useObservedScrollRef({\n    externalScrollRef,\n    onResize });\n  const [showScrollToTop, setShowScrollToTop] = useState(false);\n  const { isScrolling, noteScroll } = useAutoHide({\n    autoHide,\n    alwaysShowScrollbar,\n    autoHideDelay });\n\n  const handleScroll = useCallback(\n    (event: React.UIEvent<HTMLDivElement>) => {\n      if (disabled) return;\n\n      noteScroll();\n\n      if (scrollToTopButton && scrollRef.current) {\n        setShowScrollToTop(scrollRef.current.scrollTop > scrollToTopThreshold);\n      }\n\n      onScroll?.(event);\n    },\n    [disabled, noteScroll, scrollToTopButton, scrollToTopThreshold, onScroll, scrollRef],\n  );\n\n  const scrollToTop = useCallback(() => {\n    scrollRef.current?.scrollTo({ top: 0, behavior: smoothScroll ? 'smooth' : 'auto' });\n  }, [smoothScroll, scrollRef]);\n\n  return {\n    scrollRef,\n    setScrollRef,\n    isScrolling,\n    showScrollToTop,\n    containerDimensions,\n    handleScroll,\n    scrollToTop };\n};\n\nconst LoadingOverlay: FC = () => (\n  <Box\n    sx={{\n      position: 'absolute',\n      top: '50%',\n      left: '50%',\n      transform: 'translate(-50%, -50%)',\n      zIndex: 10 }}\n  >\n    <CircularProgress />\n  </Box>\n);\n\n// The label is guarded at the call site rather than defaulted: the props union\n// already makes it required alongside `scrollToTopButton`, and a fab with an\n// empty accessible name is the exact failure this port exists to remove.\nconst ScrollToTopFab: FC<{\n  visible: boolean;\n  glass: boolean;\n  scrollToTopLabel: string;\n  onClick: () => void;\n}> = ({\n  visible,\n  glass,\n  scrollToTopLabel,\n  onClick }) => {\n  const theme = useTheme();\n\n  return (\n    <Zoom in={visible}>\n      <Fab\n        size=\"small\"\n        aria-label={scrollToTopLabel}\n        onClick={onClick}\n        sx={{\n          position: 'absolute',\n          bottom: 16,\n          right: 16,\n          zIndex: 1,\n          backgroundColor: glass\n            ? alpha(theme.palette.primary.main, 0.2)\n            : theme.palette.primary.main,\n          backdropFilter: glass ? 'blur(10px)' : 'none',\n          '&:hover': {\n            backgroundColor: glass\n              ? alpha(theme.palette.primary.main, 0.3)\n              : theme.palette.primary.dark } }}\n      >\n        <KeyboardArrowUp />\n      </Fab>\n    </Zoom>\n  );\n};\n\nexport const ScrollArea: React.FC<ScrollAreaProps> = (componentProps) => {\n  const resolved = resolveScrollAreaProps(componentProps);\n  const {\n    regionLabel,\n    scrollToTopLabel,\n    children,\n    width,\n    height,\n    maxHeight,\n    maxWidth,\n    orientation: _orientation,\n    scrollbarSize: _scrollbarSize,\n    autoHide,\n    autoHideDelay: _autoHideDelay,\n    smoothScroll: _smoothScroll,\n    variant,\n    onScroll: _onScroll,\n    scrollToTopButton,\n    scrollToTopThreshold: _scrollToTopThreshold,\n    scrollbarColor: _scrollbarColor,\n    scrollbarTrackColor: _scrollbarTrackColor,\n    contentPadding: _contentPadding,\n    alwaysShowScrollbar,\n    disabled,\n    loading,\n    emptyContent,\n    testId,\n    scrollRef: externalScrollRef,\n    onResize: _onResize,\n    sx,\n    ...props\n  } = resolved;\n\n  const {\n    scrollRef,\n    setScrollRef,\n    isScrolling,\n    showScrollToTop,\n    containerDimensions,\n    handleScroll,\n    scrollToTop } = useScrollArea({ ...resolved, externalScrollRef });\n\n  // Auto-hide keeps the scrollbar out of the way until the user is scrolling.\n  const shouldShowScrollbar = alwaysShowScrollbar || !autoHide || isScrolling;\n\n  return (\n    <Box\n      data-testid={testId}\n      sx={{ position: 'relative', width, height, maxHeight, maxWidth, ...sx }}\n      {...props}\n    >\n      <ScrollViewport\n        {...resolved}\n        regionLabel={regionLabel}\n        shouldShowScrollbar={shouldShowScrollbar}\n        setScrollRef={setScrollRef}\n        onScroll={handleScroll}\n      >\n        <ScrollAreaContent\n          emptyContent={emptyContent}\n          scrollRef={scrollRef}\n          containerWidth={containerDimensions.width}\n        >\n          {children}\n        </ScrollAreaContent>\n      </ScrollViewport>\n\n      {loading && <LoadingOverlay />}\n\n      {scrollToTopButton && scrollToTopLabel && !disabled && !loading && (\n        <ScrollToTopFab\n          scrollToTopLabel={scrollToTopLabel}\n          visible={showScrollToTop}\n          glass={variant === 'glass'}\n          onClick={scrollToTop}\n        />\n      )}\n    </Box>\n  );\n};\n","import type { ScrollAreaProps } from './ScrollArea.types';\n\ntype ScrollAreaDefaultedKeys =\n  | 'width'\n  | 'height'\n  | 'orientation'\n  | 'scrollbarSize'\n  | 'autoHide'\n  | 'autoHideDelay'\n  | 'smoothScroll'\n  | 'variant'\n  | 'scrollToTopButton'\n  | 'scrollToTopThreshold'\n  | 'contentPadding'\n  | 'alwaysShowScrollbar'\n  | 'disabled'\n  | 'loading'\n  | 'testId';\n\nexport type ResolvedScrollAreaProps = ScrollAreaProps &\n  Required<Pick<ScrollAreaProps, ScrollAreaDefaultedKeys>>;\n\nconst SCROLL_AREA_DEFAULTS: Pick<ScrollAreaProps, ScrollAreaDefaultedKeys> = {\n  width: '100%',\n  height: '100%',\n  orientation: 'vertical',\n  scrollbarSize: 'medium',\n  autoHide: true,\n  autoHideDelay: 1000,\n  smoothScroll: true,\n  variant: 'default',\n  scrollToTopButton: false,\n  scrollToTopThreshold: 100,\n  contentPadding: 0,\n  alwaysShowScrollbar: false,\n  disabled: false,\n  loading: false,\n  testId: 'scroll-area',\n};\n\n// Strips explicitly-undefined props before the merge, so `prop={undefined}` still\n// falls back to the default exactly as a destructuring default would. Applied as\n// a merge rather than destructuring defaults, which would otherwise put fifteen\n// branches into the component's own complexity budget.\nexport const resolveScrollAreaProps = (props: ScrollAreaProps): ResolvedScrollAreaProps =>\n  ({\n    ...SCROLL_AREA_DEFAULTS,\n    ...(Object.fromEntries(\n      Object.entries(props).filter(([, value]) => value !== undefined),\n    ) as Partial<ScrollAreaProps>),\n  }) as ResolvedScrollAreaProps;\n","import { Box, useTheme } from '@mui/material';\nimport type { FC, ReactNode } from 'react';\nimport React from 'react';\n\nconst EMPTY_MIN_HEIGHT = 200;\n\nconst EmptyState: FC<{ children: ReactNode }> = ({ children }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        alignItems: 'center',\n        justifyContent: 'center',\n        height: '100%',\n        minHeight: EMPTY_MIN_HEIGHT,\n        color: theme.palette.text.secondary,\n      }}\n    >\n      {children}\n    </Box>\n  );\n};\n\n// VirtualList and VirtualGrid scroll themselves by default. When one is nested\n// here that would mean two scrollers, so they are handed this container instead\n// and told to stop scrolling internally. They are recognised by the props they\n// accept rather than by identity, so a wrapper around one still works.\nconst wantsScrollContainer = (props: Record<string, unknown>): boolean =>\n  'disableInternalScroll' in props || props.scrollContainerRef !== undefined;\n\nexport interface ScrollAreaContentProps {\n  children: ReactNode;\n  emptyContent?: ReactNode;\n  scrollRef: React.RefObject<HTMLDivElement | null> | ((node: HTMLDivElement | null) => void);\n  containerWidth: number;\n}\n\nexport const ScrollAreaContent: FC<ScrollAreaContentProps> = ({\n  children,\n  emptyContent,\n  scrollRef,\n  containerWidth,\n}) => {\n  if (!children && emptyContent) return <EmptyState>{emptyContent}</EmptyState>;\n\n  return (\n    <>\n      {React.Children.map(children, (child) => {\n        if (!React.isValidElement(child)) return child;\n\n        const childProps = child.props as Record<string, unknown>;\n        if (!wantsScrollContainer(childProps)) return child;\n\n        const enhanced: Record<string, unknown> = {\n          scrollContainerRef: scrollRef,\n          disableInternalScroll: true,\n        };\n\n        // Only fill in a measured width where the child is still at its default.\n        if (containerWidth > 0 && childProps.width === '100%') {\n          enhanced.width = containerWidth;\n        }\n\n        return React.cloneElement(child, enhanced);\n      })}\n    </>\n  );\n};\n","import { Box, useTheme } from '@mui/material';\nimport type { FC, ReactNode, UIEvent } from 'react';\nimport React from 'react';\n\nimport { getOverflowStyle, getVariantStyles } from './ScrollArea.styles';\nimport type { ResolvedScrollAreaProps } from './ScrollArea.helpers';\n\nexport interface ScrollViewportProps\n  extends Pick<\n    ResolvedScrollAreaProps,\n    | 'height'\n    | 'maxHeight'\n    | 'orientation'\n    | 'scrollbarSize'\n    | 'scrollbarColor'\n    | 'scrollbarTrackColor'\n    | 'contentPadding'\n    | 'variant'\n    | 'disabled'\n    | 'loading'\n    | 'smoothScroll'\n  > {\n  /** The scroll region's accessible name. REQUIRED. */\n  regionLabel: string;\n  children: ReactNode;\n  shouldShowScrollbar: boolean;\n  setScrollRef: (node: HTMLDivElement | null) => void;\n  onScroll: (event: UIEvent<HTMLDivElement>) => void;\n}\n\n// The element that actually scrolls: its own overflow and scrollbar styling,\n// plus the disabled and loading treatments.\nexport const ScrollViewport: FC<ScrollViewportProps> = ({\n  regionLabel,\n  children,\n  height,\n  maxHeight,\n  orientation,\n  scrollbarSize,\n  scrollbarColor,\n  scrollbarTrackColor,\n  contentPadding,\n  variant,\n  disabled,\n  loading,\n  smoothScroll,\n  shouldShowScrollbar,\n  setScrollRef,\n  onScroll,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      ref={setScrollRef}\n      onScroll={onScroll}\n      role=\"region\"\n      aria-label={regionLabel}\n      aria-busy={loading}\n      tabIndex={disabled ? -1 : 0}\n      sx={{\n        width: '100%',\n        height: '100%',\n        // Use an explicit maxHeight when height is 'auto', else inherit.\n        maxHeight: height === 'auto' && maxHeight ? maxHeight : '100%',\n        padding: contentPadding,\n        opacity: loading ? 0.5 : 1,\n        pointerEvents: disabled || loading ? 'none' : 'auto',\n        transition: 'opacity 0.3s ease',\n        '&:focus': {\n          outline: 'none',\n          '&:focus-visible': {\n            outline: `2px solid ${theme.palette.primary.main}`,\n            outlineOffset: -2,\n          },\n        },\n        ...getOverflowStyle({ disabled, orientation }),\n        ...getVariantStyles({\n          theme,\n          variant,\n          orientation,\n          scrollbarSize,\n          scrollbarColor,\n          scrollbarTrackColor,\n          shouldShowScrollbar,\n        }),\n      }}\n      style={{ scrollBehavior: smoothScroll ? 'smooth' : 'auto' }}\n    >\n      {children}\n    </Box>\n  );\n};\n","import type { CSSObject, Theme } from '@mui/material';\nimport { alpha } from '@mui/material';\n\nimport type { ScrollAreaProps } from './ScrollArea.types';\n\nconst SCROLLBAR_SIZES: Record<string, number> = {\n  thin: 8,\n  thick: 16,\n};\n\nconst DEFAULT_SCROLLBAR_SIZE = 12;\n\n// thin/thick are the named ends of the scale; anything else takes the default.\nconst getScrollbarSize = (scrollbarSize?: string): number =>\n  scrollbarSize ? (SCROLLBAR_SIZES[scrollbarSize] ?? DEFAULT_SCROLLBAR_SIZE) : DEFAULT_SCROLLBAR_SIZE;\n\nconst getScrollbarColors = ({\n  theme,\n  variant,\n  scrollbarColor,\n  scrollbarTrackColor,\n}: {\n  theme: Theme;\n  variant?: string;\n  scrollbarColor?: string;\n  scrollbarTrackColor?: string;\n}) => {\n  const defaultScrollbarColor =\n    variant === 'glass'\n      ? alpha(theme.palette.primary.main, 0.5)\n      : theme.palette.mode === 'dark'\n        ? theme.palette.grey[600]\n        : theme.palette.grey[400];\n\n  const defaultTrackColor =\n    variant === 'glass'\n      ? alpha(theme.palette.background.paper, 0.1)\n      : theme.palette.mode === 'dark'\n        ? theme.palette.grey[900]\n        : theme.palette.grey[200];\n\n  return {\n    scrollbar: scrollbarColor || defaultScrollbarColor,\n    track: scrollbarTrackColor || defaultTrackColor,\n  };\n};\n\nexport const getOverflowStyle = ({\n  disabled,\n  orientation,\n}: {\n  disabled?: boolean;\n  orientation?: ScrollAreaProps['orientation'];\n}) => {\n  if (disabled) return { overflow: 'hidden' as const };\n\n  switch (orientation) {\n    case 'horizontal':\n      return {\n        overflow: 'hidden' as const,\n        overflowX: 'auto' as const,\n        overflowY: 'hidden' as const,\n      };\n    case 'both':\n      return { overflow: 'auto' as const };\n    default:\n      return {\n        overflow: 'hidden' as const,\n        overflowY: 'auto' as const,\n        overflowX: 'hidden' as const,\n      };\n  }\n};\n\n// Scrollbar chrome shared by every variant. autoHide fades the thumb out when\n// the area is idle, which is why the colours are parameters rather than read\n// from the variant directly.\nconst autoHideScrollbarStyles = ({\n  thumbColor,\n  trackColor,\n  size,\n  orientation,\n  shouldShowScrollbar,\n  theme,\n  scrollbarSize,\n}: {\n  thumbColor: string;\n  trackColor: string;\n  size: number;\n  orientation?: ScrollAreaProps['orientation'];\n  shouldShowScrollbar: boolean;\n  theme: Theme;\n  scrollbarSize?: string;\n}) => ({\n    '&::-webkit-scrollbar': {\n      width: orientation !== 'horizontal' ? size : '100%',\n      height: orientation !== 'vertical' ? size : '100%',\n    },\n    '&::-webkit-scrollbar-track': {\n      background: shouldShowScrollbar ? trackColor : 'transparent',\n      borderRadius: size / 2,\n      transition: 'background 0.3s ease',\n    },\n    '&::-webkit-scrollbar-thumb': {\n      background: shouldShowScrollbar ? thumbColor : 'transparent',\n      borderRadius: size / 2,\n      transition: 'background 0.3s ease',\n      '&:hover': {\n        background: shouldShowScrollbar ? theme.palette.primary.main : 'transparent',\n      },\n    },\n    '&::-webkit-scrollbar-corner': {\n      background: shouldShowScrollbar ? trackColor : 'transparent',\n    },\n    // Firefox scrollbar styling\n    scrollbarWidth: shouldShowScrollbar\n      ? scrollbarSize === 'thin'\n        ? ('thin' as const)\n        : ('auto' as const)\n      : ('none' as const),\n    scrollbarColor: shouldShowScrollbar\n      ? `${thumbColor} ${trackColor}`\n      : 'transparent transparent',\n  });\n\ntype VariantArgs = {\n  theme: Theme;\n  colors: { scrollbar: string; track: string };\n  size: number;\n  orientation?: ScrollAreaProps['orientation'];\n  shouldShowScrollbar: boolean;\n  scrollbarSize?: string;\n};\n\n// One entry per scrollbar look. overlay floats above the content, glass tints\n// it, and the default delegates to the shared auto-hide chrome.\nconst VARIANT_SCROLLBARS: Record<string, (args: VariantArgs) => CSSObject> = {\n  overlay: ({ theme, colors, size, orientation, shouldShowScrollbar, scrollbarSize }) => ({\n          '&::-webkit-scrollbar': {\n            width: orientation !== 'horizontal' ? size : '100%',\n            height: orientation !== 'vertical' ? size : '100%',\n            position: 'absolute',\n            right: 0,\n            top: 0,\n          },\n          '&::-webkit-scrollbar-track': {\n            background: 'transparent',\n            borderRadius: size / 2,\n          },\n          '&::-webkit-scrollbar-thumb': {\n            background: shouldShowScrollbar\n              ? alpha(colors.scrollbar, 0.5)\n              : 'transparent',\n            borderRadius: size / 2,\n            transition: 'background 0.3s ease',\n            border: '2px solid transparent',\n            backgroundClip: 'padding-box',\n            '&:hover': {\n              background: shouldShowScrollbar ? theme.palette.primary.main : 'transparent',\n            },\n          },\n          '&::-webkit-scrollbar-corner': {\n            background: 'transparent',\n          },\n          scrollbarWidth: shouldShowScrollbar\n            ? scrollbarSize === 'thin'\n              ? ('thin' as const)\n              : ('auto' as const)\n            : ('none' as const),\n          scrollbarColor: shouldShowScrollbar\n            ? `${alpha(colors.scrollbar, 0.5)} transparent`\n            : 'transparent transparent',\n        }),\n\n  // Starts from the shared chrome, then adds what makes it glass: a blurred\n  // track and root, and an inner highlight on the thumb. scrollbar-color (the\n  // Firefox property) keeps the solid palette colour rather than the gradient —\n  // a gradient is not a valid value there, which is why the original picked\n  // colors.scrollbar for it.\n  glass: ({ theme, colors, size, orientation, shouldShowScrollbar, scrollbarSize }) => {\n    const glassThumbColor = `linear-gradient(180deg, ${alpha(theme.palette.primary.main, 0.3)}, ${alpha(theme.palette.secondary.main, 0.3)})`;\n    const glassTrackColor = alpha(theme.palette.background.paper, 0.1);\n\n    const base = autoHideScrollbarStyles({\n      thumbColor: glassThumbColor,\n      trackColor: glassTrackColor,\n      size,\n      orientation,\n      shouldShowScrollbar,\n      theme,\n      scrollbarSize,\n    });\n\n    return {\n      ...base,\n      '&::-webkit-scrollbar-track': {\n        ...(base['&::-webkit-scrollbar-track'] as object),\n        backdropFilter: shouldShowScrollbar ? 'blur(5px)' : 'none',\n      },\n      '&::-webkit-scrollbar-thumb': {\n        ...(base['&::-webkit-scrollbar-thumb'] as object),\n        boxShadow: shouldShowScrollbar\n          ? `inset 0 0 6px ${alpha(theme.palette.common.white, 0.3)}`\n          : 'none',\n      },\n      scrollbarColor: shouldShowScrollbar\n        ? `${colors.scrollbar} ${glassTrackColor}`\n        : 'transparent transparent',\n      backdropFilter: 'blur(10px)',\n    };\n  },\n\n  default: ({ theme, colors, size, orientation, shouldShowScrollbar, scrollbarSize }) =>\n    autoHideScrollbarStyles({\n      thumbColor: colors.scrollbar,\n      trackColor: colors.track,\n      size,\n      orientation,\n      shouldShowScrollbar,\n      theme,\n      scrollbarSize,\n    }),\n};\n\nexport const getVariantStyles = ({\n  theme,\n  variant,\n  orientation,\n  scrollbarSize,\n  scrollbarColor,\n  scrollbarTrackColor,\n  shouldShowScrollbar,\n}: {\n  theme: Theme;\n  variant?: string;\n  orientation?: ScrollAreaProps['orientation'];\n  scrollbarSize?: string;\n  scrollbarColor?: string;\n  scrollbarTrackColor?: string;\n  shouldShowScrollbar: boolean;\n}) => {\n  const colors = getScrollbarColors({ theme, variant, scrollbarColor, scrollbarTrackColor });\n  const size = getScrollbarSize(scrollbarSize);\n\n  const build = VARIANT_SCROLLBARS[variant ?? 'default'] ?? VARIANT_SCROLLBARS.default!;\n\n  return build({ theme, colors, size, orientation, shouldShowScrollbar, scrollbarSize });\n};\n"],"mappings":"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","names":["alpha","Box","useTheme","Box","useTheme","jsx","useTheme","Box","jsx","Box","useTheme","alpha"]}

package/dist/layout/TableFilter.js

@@ -2,7 +2,7 @@ import {
   TableFilter,
   TableFilterContext,
   useTableFilterContext
-} from "../chunk-CEKPLUQV.js";
+} from "../chunk-UY7UF7IN.js";
 import "../chunk-PZ5AY32C.js";
 export {
   TableFilter,

package/dist/locales.js

@@ -0,0 +1,171 @@
+import {
+  PT_BR_ADDRESS_AUTOCOMPLETE_COPY,
+  PT_BR_AUTOCOMPLETE_COPY,
+  PT_BR_BREADCRUMB_COPY,
+  PT_BR_CAROUSEL_COPY,
+  PT_BR_CATEGORY_SELECT_COPY,
+  PT_BR_CEP_FIELD_COPY,
+  PT_BR_CHROME_COPY,
+  PT_BR_CODE_EDITOR_COPY,
+  PT_BR_COMMAND_PALETTE_COPY,
+  PT_BR_CONFIRM_ACTION_COPY,
+  PT_BR_DATA_STATE_COPY,
+  PT_BR_DATA_VIEWS_COPY,
+  PT_BR_INSTALL_PROMPT_COPY,
+  PT_BR_LIGHTBOX_COPY,
+  PT_BR_MAP_PREVIEW_COPY,
+  PT_BR_PASSWORD_STRENGTH_COPY,
+  PT_BR_PHONE_INPUT_COPY,
+  PT_BR_RICH_EDITOR_TOOLBAR_COPY,
+  PT_BR_SAVED_VIEWS_LABELS,
+  PT_BR_SECTION_ONBOARDING_COPY,
+  PT_BR_TABLE_FILTER_COPY,
+  PT_BR_TIMING_DIAGRAM_COPY,
+  PT_BR_TUTORIAL_COPY,
+  PT_BR_UPLOAD_BUTTON_COPY,
+  PT_BR_USER_AVATAR_COPY
+} from "./chunk-3X3JVF6E.js";
+import {
+  EN_US_ADDRESS_AUTOCOMPLETE_COPY,
+  EN_US_AUTOCOMPLETE_COPY,
+  EN_US_BREADCRUMB_COPY,
+  EN_US_CAROUSEL_COPY,
+  EN_US_CATEGORY_SELECT_COPY,
+  EN_US_CEP_FIELD_COPY,
+  EN_US_CHROME_COPY,
+  EN_US_CODE_EDITOR_COPY,
+  EN_US_COMMAND_PALETTE_COPY,
+  EN_US_CONFIRM_ACTION_COPY,
+  EN_US_DATA_STATE_COPY,
+  EN_US_DATA_VIEWS_COPY,
+  EN_US_INSTALL_PROMPT_COPY,
+  EN_US_LIGHTBOX_COPY,
+  EN_US_MAP_PREVIEW_COPY,
+  EN_US_PASSWORD_STRENGTH_COPY,
+  EN_US_PHONE_INPUT_COPY,
+  EN_US_RICH_EDITOR_TOOLBAR_COPY,
+  EN_US_SAVED_VIEWS_LABELS,
+  EN_US_SECTION_ONBOARDING_COPY,
+  EN_US_TABLE_FILTER_COPY,
+  EN_US_TIMING_DIAGRAM_COPY,
+  EN_US_TUTORIAL_COPY,
+  EN_US_UPLOAD_BUTTON_COPY,
+  EN_US_USER_AVATAR_COPY
+} from "./chunk-AL3W7TXN.js";
+import "./chunk-PZ5AY32C.js";
+
+// src/locales.ts
+var pack = (ptBR, enUS) => ({ "pt-BR": ptBR, "en-US": enUS });
+var LIGHTBOX_COPY = pack(PT_BR_LIGHTBOX_COPY, EN_US_LIGHTBOX_COPY);
+var MAP_PREVIEW_COPY = pack(
+  PT_BR_MAP_PREVIEW_COPY,
+  EN_US_MAP_PREVIEW_COPY
+);
+var CAROUSEL_COPY = pack(PT_BR_CAROUSEL_COPY, EN_US_CAROUSEL_COPY);
+var TIMING_DIAGRAM_COPY = pack(
+  PT_BR_TIMING_DIAGRAM_COPY,
+  EN_US_TIMING_DIAGRAM_COPY
+);
+var DATA_STATE_COPY = pack(
+  PT_BR_DATA_STATE_COPY,
+  EN_US_DATA_STATE_COPY
+);
+var DATA_VIEWS_COPY = pack(
+  PT_BR_DATA_VIEWS_COPY,
+  EN_US_DATA_VIEWS_COPY
+);
+var TUTORIAL_COPY = pack(PT_BR_TUTORIAL_COPY, EN_US_TUTORIAL_COPY);
+var CHROME_COPY = pack(PT_BR_CHROME_COPY, EN_US_CHROME_COPY);
+var ADDRESS_AUTOCOMPLETE_COPY = pack(
+  PT_BR_ADDRESS_AUTOCOMPLETE_COPY,
+  EN_US_ADDRESS_AUTOCOMPLETE_COPY
+);
+var AUTOCOMPLETE_COPY = pack(
+  PT_BR_AUTOCOMPLETE_COPY,
+  EN_US_AUTOCOMPLETE_COPY
+);
+var CODE_EDITOR_COPY = pack(
+  PT_BR_CODE_EDITOR_COPY,
+  EN_US_CODE_EDITOR_COPY
+);
+var PASSWORD_STRENGTH_COPY = pack(
+  PT_BR_PASSWORD_STRENGTH_COPY,
+  EN_US_PASSWORD_STRENGTH_COPY
+);
+var RICH_EDITOR_TOOLBAR_COPY = pack(
+  PT_BR_RICH_EDITOR_TOOLBAR_COPY,
+  EN_US_RICH_EDITOR_TOOLBAR_COPY
+);
+var PHONE_INPUT_COPY = pack(
+  PT_BR_PHONE_INPUT_COPY,
+  EN_US_PHONE_INPUT_COPY
+);
+var UPLOAD_BUTTON_COPY = pack(
+  PT_BR_UPLOAD_BUTTON_COPY,
+  EN_US_UPLOAD_BUTTON_COPY
+);
+var TABLE_FILTER_COPY = pack(
+  PT_BR_TABLE_FILTER_COPY,
+  EN_US_TABLE_FILTER_COPY
+);
+var COMMAND_PALETTE_COPY = pack(
+  PT_BR_COMMAND_PALETTE_COPY,
+  EN_US_COMMAND_PALETTE_COPY
+);
+var BREADCRUMB_COPY = pack(
+  PT_BR_BREADCRUMB_COPY,
+  EN_US_BREADCRUMB_COPY
+);
+var SECTION_ONBOARDING_COPY = pack(
+  PT_BR_SECTION_ONBOARDING_COPY,
+  EN_US_SECTION_ONBOARDING_COPY
+);
+var CONFIRM_ACTION_COPY = pack(
+  PT_BR_CONFIRM_ACTION_COPY,
+  EN_US_CONFIRM_ACTION_COPY
+);
+var CATEGORY_SELECT_COPY = pack(
+  PT_BR_CATEGORY_SELECT_COPY,
+  EN_US_CATEGORY_SELECT_COPY
+);
+var CEP_FIELD_COPY = pack(PT_BR_CEP_FIELD_COPY, EN_US_CEP_FIELD_COPY);
+var SAVED_VIEWS_LABELS = pack(
+  PT_BR_SAVED_VIEWS_LABELS,
+  EN_US_SAVED_VIEWS_LABELS
+);
+var INSTALL_PROMPT_COPY = pack(
+  PT_BR_INSTALL_PROMPT_COPY,
+  EN_US_INSTALL_PROMPT_COPY
+);
+var USER_AVATAR_COPY = pack(
+  PT_BR_USER_AVATAR_COPY,
+  EN_US_USER_AVATAR_COPY
+);
+export {
+  ADDRESS_AUTOCOMPLETE_COPY,
+  AUTOCOMPLETE_COPY,
+  BREADCRUMB_COPY,
+  CAROUSEL_COPY,
+  CATEGORY_SELECT_COPY,
+  CEP_FIELD_COPY,
+  CHROME_COPY,
+  CODE_EDITOR_COPY,
+  COMMAND_PALETTE_COPY,
+  CONFIRM_ACTION_COPY,
+  DATA_STATE_COPY,
+  DATA_VIEWS_COPY,
+  INSTALL_PROMPT_COPY,
+  LIGHTBOX_COPY,
+  MAP_PREVIEW_COPY,
+  PASSWORD_STRENGTH_COPY,
+  PHONE_INPUT_COPY,
+  RICH_EDITOR_TOOLBAR_COPY,
+  SAVED_VIEWS_LABELS,
+  SECTION_ONBOARDING_COPY,
+  TABLE_FILTER_COPY,
+  TIMING_DIAGRAM_COPY,
+  TUTORIAL_COPY,
+  UPLOAD_BUTTON_COPY,
+  USER_AVATAR_COPY
+};
+//# sourceMappingURL=locales.js.map

package/dist/locales.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/locales.ts"],"sourcesContent":["/**\n * Every component family's copy, in both languages, keyed by tag.\n *\n * One pack per family rather than one giant pack, because that is how the\n * components take it: six of these are mounted independently and each takes\n * what it renders, while the DataViews family threads one object through a\n * context. A single blob would force a host mounting one component to state\n * copy for ninety.\n *\n * ```ts\n * import { useLocaleCopy } from '@12-apps/i18n/react';\n * const copy = useLocaleCopy(LIGHTBOX_COPY);\n * ```\n *\n * `LocalePack` is mirrored here rather than imported from `@12-apps/i18n`: this\n * package is the one EVERY host renders, and giving it a dependency to carry a\n * type would push that dependency onto every adopter of every other package.\n * The mirror buys the same key-checking for one line.\n */\nimport type { DataViewsCopy } from './components/data-display/DataViews/data-views-copy';\nimport type { SavedViewsLabels } from './components/layout/ContentToolbar/ContentToolbar.types';\nimport type {\n  AddressAutocompleteCopy,\n  AutocompleteCopy,\n  BreadcrumbCopy,\n  CarouselCopy,\n  CategorySelectCopy,\n  CepFieldCopy,\n  ChromeCopy,\n  CodeEditorCopy,\n  CommandPaletteCopy,\n  ConfirmActionCopy,\n  DataStateCopy,\n  InstallPromptCopy,\n  LightboxCopy,\n  MapPreviewCopy,\n  PasswordStrengthCopy,\n  PhoneInputCopy,\n  RichEditorToolbarCopy,\n  SectionOnboardingCopy,\n  TableFilterCopy,\n  TimingDiagramCopy,\n  TutorialCopy,\n  UploadButtonCopy,\n  UserAvatarCopy,\n} from './copy';\nimport * as en from './en-US';\nimport * as pt from './pt-BR';\n\ntype LocalePack<T> = { readonly 'pt-BR': T; readonly 'en-US': T };\n\nconst pack = <T,>(ptBR: T, enUS: T): LocalePack<T> => ({ 'pt-BR': ptBR, 'en-US': enUS });\n\n// data-display\nexport const LIGHTBOX_COPY = pack<LightboxCopy>(pt.PT_BR_LIGHTBOX_COPY, en.EN_US_LIGHTBOX_COPY);\nexport const MAP_PREVIEW_COPY = pack<MapPreviewCopy>(\n  pt.PT_BR_MAP_PREVIEW_COPY,\n  en.EN_US_MAP_PREVIEW_COPY,\n);\nexport const CAROUSEL_COPY = pack<CarouselCopy>(pt.PT_BR_CAROUSEL_COPY, en.EN_US_CAROUSEL_COPY);\nexport const TIMING_DIAGRAM_COPY = pack<TimingDiagramCopy>(\n  pt.PT_BR_TIMING_DIAGRAM_COPY,\n  en.EN_US_TIMING_DIAGRAM_COPY,\n);\nexport const DATA_STATE_COPY = pack<DataStateCopy>(\n  pt.PT_BR_DATA_STATE_COPY,\n  en.EN_US_DATA_STATE_COPY,\n);\nexport const DATA_VIEWS_COPY = pack<DataViewsCopy>(\n  pt.PT_BR_DATA_VIEWS_COPY,\n  en.EN_US_DATA_VIEWS_COPY,\n);\n\n// feedback\nexport const TUTORIAL_COPY = pack<TutorialCopy>(pt.PT_BR_TUTORIAL_COPY, en.EN_US_TUTORIAL_COPY);\nexport const CHROME_COPY = pack<ChromeCopy>(pt.PT_BR_CHROME_COPY, en.EN_US_CHROME_COPY);\n\n// form\nexport const ADDRESS_AUTOCOMPLETE_COPY = pack<AddressAutocompleteCopy>(\n  pt.PT_BR_ADDRESS_AUTOCOMPLETE_COPY,\n  en.EN_US_ADDRESS_AUTOCOMPLETE_COPY,\n);\nexport const AUTOCOMPLETE_COPY = pack<AutocompleteCopy>(\n  pt.PT_BR_AUTOCOMPLETE_COPY,\n  en.EN_US_AUTOCOMPLETE_COPY,\n);\nexport const CODE_EDITOR_COPY = pack<CodeEditorCopy>(\n  pt.PT_BR_CODE_EDITOR_COPY,\n  en.EN_US_CODE_EDITOR_COPY,\n);\nexport const PASSWORD_STRENGTH_COPY = pack<PasswordStrengthCopy>(\n  pt.PT_BR_PASSWORD_STRENGTH_COPY,\n  en.EN_US_PASSWORD_STRENGTH_COPY,\n);\nexport const RICH_EDITOR_TOOLBAR_COPY = pack<RichEditorToolbarCopy>(\n  pt.PT_BR_RICH_EDITOR_TOOLBAR_COPY,\n  en.EN_US_RICH_EDITOR_TOOLBAR_COPY,\n);\nexport const PHONE_INPUT_COPY = pack<PhoneInputCopy>(\n  pt.PT_BR_PHONE_INPUT_COPY,\n  en.EN_US_PHONE_INPUT_COPY,\n);\nexport const UPLOAD_BUTTON_COPY = pack<UploadButtonCopy>(\n  pt.PT_BR_UPLOAD_BUTTON_COPY,\n  en.EN_US_UPLOAD_BUTTON_COPY,\n);\n\n// layout\nexport const TABLE_FILTER_COPY = pack<TableFilterCopy>(\n  pt.PT_BR_TABLE_FILTER_COPY,\n  en.EN_US_TABLE_FILTER_COPY,\n);\n\n// navigation\nexport const COMMAND_PALETTE_COPY = pack<CommandPaletteCopy>(\n  pt.PT_BR_COMMAND_PALETTE_COPY,\n  en.EN_US_COMMAND_PALETTE_COPY,\n);\nexport const BREADCRUMB_COPY = pack<BreadcrumbCopy>(\n  pt.PT_BR_BREADCRUMB_COPY,\n  en.EN_US_BREADCRUMB_COPY,\n);\n\n// shared\nexport const SECTION_ONBOARDING_COPY = pack<SectionOnboardingCopy>(\n  pt.PT_BR_SECTION_ONBOARDING_COPY,\n  en.EN_US_SECTION_ONBOARDING_COPY,\n);\nexport const CONFIRM_ACTION_COPY = pack<ConfirmActionCopy>(\n  pt.PT_BR_CONFIRM_ACTION_COPY,\n  en.EN_US_CONFIRM_ACTION_COPY,\n);\nexport const CATEGORY_SELECT_COPY = pack<CategorySelectCopy>(\n  pt.PT_BR_CATEGORY_SELECT_COPY,\n  en.EN_US_CATEGORY_SELECT_COPY,\n);\nexport const CEP_FIELD_COPY = pack<CepFieldCopy>(pt.PT_BR_CEP_FIELD_COPY, en.EN_US_CEP_FIELD_COPY);\nexport const SAVED_VIEWS_LABELS = pack<SavedViewsLabels>(\n  pt.PT_BR_SAVED_VIEWS_LABELS,\n  en.EN_US_SAVED_VIEWS_LABELS,\n);\n\n// utility\nexport const INSTALL_PROMPT_COPY = pack<InstallPromptCopy>(\n  pt.PT_BR_INSTALL_PROMPT_COPY,\n  en.EN_US_INSTALL_PROMPT_COPY,\n);\nexport const USER_AVATAR_COPY = pack<UserAvatarCopy>(\n  pt.PT_BR_USER_AVATAR_COPY,\n  en.EN_US_USER_AVATAR_COPY,\n);\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDA,IAAM,OAAO,CAAK,MAAS,UAA4B,EAAE,SAAS,MAAM,SAAS,KAAK;AAG/E,IAAM,gBAAgB,KAAsB,qBAAwB,mBAAmB;AACvF,IAAM,mBAAmB;AAAA,EAC3B;AAAA,EACA;AACL;AACO,IAAM,gBAAgB,KAAsB,qBAAwB,mBAAmB;AACvF,IAAM,sBAAsB;AAAA,EAC9B;AAAA,EACA;AACL;AACO,IAAM,kBAAkB;AAAA,EAC1B;AAAA,EACA;AACL;AACO,IAAM,kBAAkB;AAAA,EAC1B;AAAA,EACA;AACL;AAGO,IAAM,gBAAgB,KAAsB,qBAAwB,mBAAmB;AACvF,IAAM,cAAc,KAAoB,mBAAsB,iBAAiB;AAG/E,IAAM,4BAA4B;AAAA,EACpC;AAAA,EACA;AACL;AACO,IAAM,oBAAoB;AAAA,EAC5B;AAAA,EACA;AACL;AACO,IAAM,mBAAmB;AAAA,EAC3B;AAAA,EACA;AACL;AACO,IAAM,yBAAyB;AAAA,EACjC;AAAA,EACA;AACL;AACO,IAAM,2BAA2B;AAAA,EACnC;AAAA,EACA;AACL;AACO,IAAM,mBAAmB;AAAA,EAC3B;AAAA,EACA;AACL;AACO,IAAM,qBAAqB;AAAA,EAC7B;AAAA,EACA;AACL;AAGO,IAAM,oBAAoB;AAAA,EAC5B;AAAA,EACA;AACL;AAGO,IAAM,uBAAuB;AAAA,EAC/B;AAAA,EACA;AACL;AACO,IAAM,kBAAkB;AAAA,EAC1B;AAAA,EACA;AACL;AAGO,IAAM,0BAA0B;AAAA,EAClC;AAAA,EACA;AACL;AACO,IAAM,sBAAsB;AAAA,EAC9B;AAAA,EACA;AACL;AACO,IAAM,uBAAuB;AAAA,EAC/B;AAAA,EACA;AACL;AACO,IAAM,iBAAiB,KAAsB,sBAAyB,oBAAoB;AAC1F,IAAM,qBAAqB;AAAA,EAC7B;AAAA,EACA;AACL;AAGO,IAAM,sBAAsB;AAAA,EAC9B;AAAA,EACA;AACL;AACO,IAAM,mBAAmB;AAAA,EAC3B;AAAA,EACA;AACL;","names":[]}

package/dist/navigation/Breadcrumbs.js

@@ -270,6 +270,7 @@ var CollapsedMenu = ({
   items,
   size,
   visualStyle,
+  copy,
   dataTestId
 }) => {
   const [anchorEl, setAnchorEl] = React.useState(null);
@@ -281,7 +282,7 @@ var CollapsedMenu = ({
     setAnchorEl(null);
   };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Tooltip, { title: "Show more", arrow: true, children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx(Tooltip, { title: copy.showMore, arrow: true, children: /* @__PURE__ */ jsx(
       BreadcrumbLink,
       {
         onClick: handleClick,
@@ -333,8 +334,9 @@ var crumbIcon = ({
 };
 var EllipsisCrumb = ({
   label,
+  copy,
   dataTestId
-}) => /* @__PURE__ */ jsx(Tooltip, { title: "More items", arrow: true, children: /* @__PURE__ */ jsx(
+}) => /* @__PURE__ */ jsx(Tooltip, { title: copy.moreItems, arrow: true, children: /* @__PURE__ */ jsx(
   Box,
   {
     sx: {
@@ -376,6 +378,7 @@ var BreadcrumbEntry = ({
   iconSize,
   size,
   variant,
+  copy,
   dataTestId
 }) => {
   const testId = makeTestId(dataTestId);
@@ -387,6 +390,7 @@ var BreadcrumbEntry = ({
       /* @__PURE__ */ jsx(
         CollapsedMenu,
         {
+          copy,
           items: collapsedItems,
           size,
           visualStyle: variant,
@@ -397,7 +401,7 @@ var BreadcrumbEntry = ({
     ] });
   }
   if (item.isEllipsis) {
-    return /* @__PURE__ */ jsx(EllipsisCrumb, { label: item.label, dataTestId });
+    return /* @__PURE__ */ jsx(EllipsisCrumb, { copy, label: item.label, dataTestId });
   }
   const icon = crumbIcon({ item, isFirst: index === 0, showHomeIcon, iconSize });
   if (isActive) {
@@ -528,6 +532,7 @@ var Breadcrumbs = React2.forwardRef(
       collapseBehavior,
       mobileMaxItems,
       ariaLabel,
+      copy,
       dataTestId,
       ...props
     } = resolveProps(componentProps);
@@ -559,6 +564,7 @@ var Breadcrumbs = React2.forwardRef(
         children: displayItems.map((item, index) => /* @__PURE__ */ jsx2(
           BreadcrumbEntry,
           {
+            copy,
             item,
             index,
             itemCount: displayItems.length,