@12-apps/ui 6.35.0 → 6.36.0

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-more-filters.tsx"],"sourcesContent":["\"use client\";\n\nimport KeyboardArrowDownRoundedIcon from \"@mui/icons-material/KeyboardArrowDownRounded\";\n// A FUNNEL, not the tune sliders this used to share with \"Exibir\". The two\n// sit a few px apart on the same bar and do unrelated things — one narrows\n// WHICH rows you see, the other changes HOW they are shown — and with one\n// glyph between them the bar offered the operator no way to tell which was\n// which. On a phone, where both are icon-only, they were indistinguishable.\nimport FilterAltRoundedIcon from \"@mui/icons-material/FilterAltRounded\";\nimport Popover from \"@mui/material/Popover/index.js\";\nimport type { Theme } from \"@mui/material/styles/index.js\";\nimport { useState } from \"react\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Button } from \"../../form/Button\";\nimport { Box } from \"../../../mui/Box\";\nimport { Text } from \"../../typography/Text\";\n\nimport { fieldClearing, MoreGroup, type MoreFieldProps } from \"./data-views-more-fields\";\nimport type { OverflowField } from \"./data-views-overflow\";\nimport { rem, sxRem } from \"../../../tokens/relative\";\n\n/**\n * \"MAIS\" — the filter overflow: its trigger, its panel and its footer. What\n * goes INSIDE it is `data-views-more-fields`.\n *\n * It holds the fields that had no room on the toolbar. An applied filter is\n * ranked ahead of an idle one for the visible slots but is NOT exempt (see\n * `useFilterOverflow`), so an applied filter can be in here — on a phone, most\n * of them are. That is why the trigger changes tone and counts the applied\n * ones: a filter you cannot see is a filter you forget you set, and the badge\n * is what stops that.\n */\n\ninterface MoreFiltersProps<T extends Record<string, unknown>> extends MoreFieldProps {\n  fields: OverflowField<T>[];\n}\n\n/**\n * The trigger, badged with how many fields had no room on the bar — and told\n * apart when some of them are APPLIED.\n *\n * An applied filter can land in here now (it is ranked first, not exempt), so\n * this button is the only thing on screen still saying it exists. A neutral\n * badge reading \"3\" would make \"three filters you have not used\" and \"three\n * filters narrowing this list\" look identical, which is the whole failure the\n * old exemption was written to avoid. So an overflow holding applied filters\n * takes the applied tone and counts them in its own badge.\n */\nfunction MoreTrigger({\n  count,\n  appliedCount,\n  compact,\n  onOpen,\n  testIdPrefix,\n}: {\n  count: number;\n  appliedCount: number;\n  /** Icon only — the same rung that strips Exibir/Exportar. */\n  compact: boolean;\n  onOpen: (anchor: HTMLElement) => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const applied = appliedCount > 0;\n  return (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      color=\"neutral\"\n      onClick={(event) => onOpen(event.currentTarget as HTMLElement)}\n      dataTestId={`${testIdPrefix}-more-filters`}\n      aria-label={\n        applied\n          ? copy.filters.moreFiltersApplied(count, appliedCount)\n          : copy.filters.moreFilters(count)\n      }\n    >\n      <Box\n        component=\"span\"\n        sx={{\n          display: \"inline-flex\",\n          alignItems: \"center\",\n          gap: 0.5,\n          color: applied ? \"primary.main\" : undefined,\n        }}\n      >\n        <FilterAltRoundedIcon fontSize=\"small\" />\n        {!compact && (\n          <Box component=\"span\" sx={{ display: { xs: \"none\", sm: \"inline\" } }}>\n            {copy.filters.moreTriggerLabel}\n          </Box>\n        )}\n        <Box\n          component=\"span\"\n          data-testid={`${testIdPrefix}-more-badge`}\n          sx={{\n            px: 0.75,\n            borderRadius: 5,\n            bgcolor: applied ? \"primary.main\" : \"action.selected\",\n            color: applied ? \"primary.contrastText\" : undefined,\n            fontSize: sxRem(11),\n            fontWeight: applied ? 700 : undefined,\n          }}\n        >\n          {applied ? appliedCount : count}\n        </Box>\n        {!compact && <KeyboardArrowDownRoundedIcon fontSize=\"small\" />}\n      </Box>\n    </Button>\n  );\n}\n\n/** The panel's heading: what these are, and why they are in here. */\nfunction MoreHeading(): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box\n      sx={{\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: 1,\n        px: 1.5,\n        py: 1,\n        borderBottom: 1,\n        borderColor: \"divider\",\n      }}\n    >\n      <Text variant=\"caption\" as=\"span\">\n        <Box component=\"span\" sx={{ textTransform: \"uppercase\", letterSpacing: sxRem(0.5), color: \"text.disabled\" }}>\n          {copy.filters.moreHeading}\n        </Box>\n      </Text>\n      <Text variant=\"caption\" as=\"span\">\n        <Box component=\"span\" sx={{ ml: \"auto\", color: \"text.disabled\" }}>\n          {copy.filters.overflowNote}\n        </Box>\n      </Text>\n    </Box>\n  );\n}\n\n/**\n * The panel's own way back to the unfiltered list.\n *\n * The bar's \"Limpar\" is the primary one, but it is a control like any other\n * and the ladder can take its label — and on the narrowest rungs this panel is\n * where most of the fields ended up anyway. Clearing everything from inside it\n * saves closing it to reach a button three pixels wide.\n */\nfunction MoreFooter({\n  onClearAll,\n  testIdPrefix,\n}: {\n  onClearAll: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box sx={{ px: 1.5, py: 1, borderTop: 1, borderColor: \"divider\" }}>\n      <Box\n        component=\"button\"\n        type=\"button\"\n        onClick={onClearAll}\n        data-testid={`${testIdPrefix}-more-clear-all`}\n        sx={{\n          width: \"100%\",\n          border: 0,\n          p: 0,\n          bgcolor: \"transparent\",\n          cursor: \"pointer\",\n          font: \"inherit\",\n          fontSize: sxRem(13),\n          textAlign: \"left\",\n          color: \"primary.main\",\n          \"&:hover\": { textDecoration: \"underline\" },\n        }}\n      >\n        {copy.filters.clearAll}\n      </Box>\n    </Box>\n  );\n}\n\n/** The overflow trigger + panel. Renders nothing when everything fits. */\nexport function MoreFilters<T extends Record<string, unknown>>({\n  fields,\n  onOpenChange,\n  onClearAll,\n  anyApplied,\n  compact = false,\n  ...rest\n}: MoreFiltersProps<T> & {\n  /** Icon only — the same rung that strips Exibir/Exportar. */\n  compact?: boolean;\n  /** Clears every filter, not just the ones in here. */\n  onClearAll: () => void;\n  /** Whether anything is applied anywhere — the footer is pointless otherwise. */\n  anyApplied: boolean;\n  /**\n   * So the shell can FREEZE the measured split while this panel is open.\n   *\n   * Applying a filter in here makes its field active, and an active field\n   * takes an inline slot first — so the field being edited was promoted OUT of\n   * this panel mid-keystroke, taking the focused input with it. Typing \"12\"\n   * got as far as \"1\" and then had nowhere to go.\n   */\n  onOpenChange?: (open: boolean) => void;\n}): React.JSX.Element | null {\n  const [anchor, setAnchor] = useState<HTMLElement | null>(null);\n  if (fields.length === 0) return null;\n  return (\n    <>\n      <MoreTrigger\n        count={fields.length}\n        appliedCount={\n          fields.filter(\n            (field) =>\n              fieldClearing({\n                field,\n                pills: rest.pills,\n                ranges: rest.ranges,\n                onTogglePill: rest.onTogglePill,\n                onChangeRange: rest.onChangeRange,\n              }).applied,\n          ).length\n        }\n        compact={compact}\n        onOpen={(element) => {\n          setAnchor(element);\n          onOpenChange?.(true);\n        }}\n        testIdPrefix={rest.testIdPrefix}\n      />\n      <Popover\n        open={Boolean(anchor)}\n        anchorEl={anchor}\n        onClose={() => {\n          setAnchor(null);\n          onOpenChange?.(false);\n        }}\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"left\" }}\n        slotProps={{ paper: { sx: { width: sxRem(300), maxWidth: (theme: Theme) => `calc(100vw - ${rem(theme, 32)})` } } }}\n      >\n        <Box data-testid={`${rest.testIdPrefix}-more-panel`}>\n          <MoreHeading />\n          {/* overflowX hidden, not auto: this panel is a fixed 300px and its\n              contents are told to shrink into it. A horizontal scrollbar here\n              means something refused to, which is a bug to fix rather than a\n              scrollbar to live with. */}\n          <Box sx={{ maxHeight: sxRem(320), overflowY: \"auto\", overflowX: \"hidden\", p: 1.5, minWidth: 0 }}>\n            {fields.map((field) => (\n              <MoreGroup key={field.id} field={field} {...rest} />\n            ))}\n          </Box>\n          {anyApplied && (\n            <MoreFooter onClearAll={onClearAll} testIdPrefix={rest.testIdPrefix} />\n          )}\n        </Box>\n      </Popover>\n    </>\n  );\n}\n"],"mappings":"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","names":["default"]}

package/dist/{chunk-ACZH2NUW.js → chunk-4NQXHPQR.js}

@@ -1,13 +1,15 @@
 import {
   DEFAULT_ZOOM
 } from "./chunk-H2J2MTRE.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
 
 // src/components/data-display/MapPreview/MapPreview.helpers.ts
 import { alpha } from "@mui/material/styles/index.js";
 var MAP_PREVIEW_DEFAULTS = {
   markers: [],
   marker: true,
-  height: "400px",
   interactive: false,
   zoom: DEFAULT_ZOOM,
   mapType: "roadmap",
@@ -26,8 +28,8 @@ var definedProps = (props) => Object.fromEntries(
 var resolveMapPreviewProps = (props) => ({ ...MAP_PREVIEW_DEFAULTS, ...definedProps(props) });
 var glassStyles = (variant, theme) => variant === "glass" ? {
   background: alpha(theme.palette.background.paper, 0.7),
-  backdropFilter: "blur(20px)",
-  WebkitBackdropFilter: "blur(20px)",
+  backdropFilter: `blur(${rem(theme, 20)})`,
+  WebkitBackdropFilter: `blur(${rem(theme, 20)})`,
   border: `1px solid ${alpha(theme.palette.divider, 0.1)}`
 } : {};
 
@@ -35,4 +37,4 @@ export {
   resolveMapPreviewProps,
   glassStyles
 };
-//# sourceMappingURL=chunk-ACZH2NUW.js.map
+//# sourceMappingURL=chunk-4NQXHPQR.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/MapPreview/MapPreview.helpers.ts"],"sourcesContent":["import type { Theme } from '@mui/material/styles/index.js';\nimport { alpha } from '@mui/material/styles/index.js';\n\nimport { DEFAULT_ZOOM } from './MapPreview.constants';\nimport type { MapPreviewProps } from './MapPreview.types';\nimport { rem } from '../../../tokens/relative';\n\ntype MapDefaultedKeys =\n  | 'markers'\n  | 'marker'\n  | 'interactive'\n  | 'zoom'\n  | 'mapType'\n  | 'variant'\n  | 'showControls'\n  | 'showSearch'\n  | 'searchPlaceholder'\n  | 'showRoute'\n  | 'heatmapData'\n  | 'showHeatmap'\n  | 'animated';\n\nexport type ResolvedMapPreviewProps = MapPreviewProps &\n  Required<Pick<MapPreviewProps, MapDefaultedKeys>>;\n\nconst MAP_PREVIEW_DEFAULTS: Pick<MapPreviewProps, MapDefaultedKeys> = {\n  markers: [],\n  marker: true,\n  interactive: false,\n  zoom: DEFAULT_ZOOM,\n  mapType: 'roadmap',\n  variant: 'default',\n  showControls: true,\n  showSearch: false,\n  searchPlaceholder: 'Search location...',\n  showRoute: false,\n  heatmapData: [],\n  showHeatmap: false,\n  animated: true,\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.\nconst definedProps = (props: MapPreviewProps): Partial<MapPreviewProps> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<MapPreviewProps>;\n\n// Applied as a merge rather than destructuring defaults, which would otherwise\n// put fourteen branches into the component's own complexity budget.\nexport const resolveMapPreviewProps = (props: MapPreviewProps): ResolvedMapPreviewProps =>\n  ({ ...MAP_PREVIEW_DEFAULTS, ...definedProps(props) }) as ResolvedMapPreviewProps;\n\nexport const glassStyles = (variant: MapPreviewProps['variant'], theme: Theme) =>\n  variant === 'glass'\n    ? {\n        background: alpha(theme.palette.background.paper, 0.7),\n        backdropFilter: `blur(${rem(theme, 20)})`,\n        WebkitBackdropFilter: `blur(${rem(theme, 20)})`,\n        border: `1px solid ${alpha(theme.palette.divider, 0.1)}`,\n      }\n    : {};\n"],"mappings":";;;;;;;;AACA,SAAS,aAAa;AAwBtB,IAAM,uBAAgE;AAAA,EACpE,SAAS,CAAC;AAAA,EACV,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,MAAM;AAAA,EACN,SAAS;AAAA,EACT,SAAS;AAAA,EACT,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,aAAa,CAAC;AAAA,EACd,aAAa;AAAA,EACb,UAAU;AACZ;AAIA,IAAM,eAAe,CAAC,UACpB,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAIK,IAAM,yBAAyB,CAAC,WACpC,EAAE,GAAG,sBAAsB,GAAG,aAAa,KAAK,EAAE;AAE9C,IAAM,cAAc,CAAC,SAAqC,UAC/D,YAAY,UACR;AAAA,EACE,YAAY,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,EACrD,gBAAgB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,EACtC,sBAAsB,QAAQ,IAAI,OAAO,EAAE,CAAC;AAAA,EAC5C,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AACxD,IACA,CAAC;","names":[]}

package/dist/{chunk-QTWXVOPT.js → chunk-4OW4O4A2.js}

@@ -5,11 +5,15 @@ import {
   getColorFromTheme,
   getSizeStyles,
   pulseAnimation
-} from "./chunk-ULIM42PE.js";
+} from "./chunk-RIF6L54B.js";
 import {
   progressLabelText,
   resolveProgressProps
 } from "./chunk-5JEOLUWJ.js";
+import {
+  rem,
+  rems
+} from "./chunk-YKCAJ2TN.js";
 
 // src/components/data-display/Progress/Progress.tsx
 import Box from "@mui/material/Box/index.js";
@@ -25,14 +29,14 @@ var StyledLinearProgress = styled(LinearProgress, {
   const colorPalette = getColorFromTheme(theme, customColor);
   const sizeStyles = getSizeStyles(customSize);
   return {
-    height: sizeStyles.height,
-    borderRadius: sizeStyles.height / 2,
+    height: rem(theme, sizeStyles.heightPx),
+    borderRadius: rem(theme, sizeStyles.heightPx / 2),
     backgroundColor: alpha(colorPalette.main, 0.1),
     "& .MuiLinearProgress-bar": {
       borderRadius: "inherit",
       transition: "all 0.3s ease",
-      ...barVariantStyles(customVariant, colorPalette),
-      ...barEmphasisStyles(colorPalette, glow, pulse)
+      ...barVariantStyles(theme, customVariant, colorPalette),
+      ...barEmphasisStyles(theme, colorPalette, glow, pulse)
     }
   };
 });
@@ -42,7 +46,7 @@ var StyledCircularProgress = styled(CircularProgress, {
   const colorPalette = getColorFromTheme(theme, customColor);
   return {
     color: colorPalette.main,
-    ...circularEmphasisStyles(colorPalette, glow, pulse)
+    ...circularEmphasisStyles(theme, colorPalette, glow, pulse)
   };
 });
 var SegmentedProgress = ({ value = 0, segments, color, size, glow, pulse, dataTestId }) => {
@@ -56,12 +60,13 @@ var SegmentedProgress = ({ value = 0, segments, color, size, glow, pulse, dataTe
       "data-testid": `${dataTestId}-segment-${index}`,
       sx: {
         flex: 1,
-        height: sizeStyles.height,
-        borderRadius: sizeStyles.height / 2,
+        height: rem(theme, sizeStyles.heightPx),
+        // In `sx` a numeric radius is a multiple of `shape.borderRadius` — relative already.
+        borderRadius: sizeStyles.heightPx / 2,
         backgroundColor: index < filledSegments ? colorPalette.main : alpha(colorPalette.main, 0.1),
         transition: "all 0.3s ease",
         ...glow && index < filledSegments && {
-          boxShadow: `0 0 6px 1px ${alpha(colorPalette.main, 0.4)}`
+          boxShadow: `${rems(theme, 0, 0, 6, 1)} ${alpha(colorPalette.main, 0.4)}`
         },
         ...pulse && index < filledSegments && {
           animation: `${pulseAnimation} 2s infinite`
@@ -105,6 +110,7 @@ var CircularView = React.forwardRef(
     circularSize,
     ...props
   }, ref) => {
+    const theme = useTheme();
     const sizeStyles = getSizeStyles(size);
     return /* @__PURE__ */ jsxs(Box, { ref, sx: { position: "relative", display: "inline-flex" }, "data-testid": dataTestId, children: [
       /* @__PURE__ */ jsx(
@@ -112,7 +118,7 @@ var CircularView = React.forwardRef(
         {
           variant: value !== void 0 ? "determinate" : "indeterminate",
           value: displayValue,
-          size: circularSize || sizeStyles.circularSize,
+          size: rem(theme, circularSize || sizeStyles.circularSizePx),
           thickness,
           customColor: color,
           glow,
@@ -237,4 +243,4 @@ Progress.displayName = "Progress";
 export {
   Progress
 };
-//# sourceMappingURL=chunk-QTWXVOPT.js.map
+//# sourceMappingURL=chunk-4OW4O4A2.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Progress/Progress.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport LinearProgress from '@mui/material/LinearProgress/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled, useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { progressLabelText, resolveProgressProps } from './Progress.helpers';\nimport {\n  barEmphasisStyles,\n  barVariantStyles,\n  circularEmphasisStyles,\n  getColorFromTheme,\n  getSizeStyles,\n  pulseAnimation,\n} from './Progress.styles';\nimport type { ProgressProps, ProgressSize, ProgressVariant } from './Progress.types';\nimport { rem, rems } from '../../../tokens/relative';\n\nconst StyledLinearProgress = styled(LinearProgress, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customSize', 'customColor', 'glow', 'pulse'].includes(prop as string),\n})<{\n  customVariant?: ProgressVariant;\n  customSize?: ProgressSize;\n  customColor?: string;\n  glow?: boolean;\n  pulse?: boolean;\n}>(({ theme, customVariant, customSize, customColor = 'primary', glow, pulse }) => {\n  const colorPalette = getColorFromTheme(theme, customColor);\n  const sizeStyles = getSizeStyles(customSize);\n\n  return {\n    height: rem(theme, sizeStyles.heightPx),\n    borderRadius: rem(theme, sizeStyles.heightPx / 2),\n    backgroundColor: alpha(colorPalette.main, 0.1),\n\n    '& .MuiLinearProgress-bar': {\n      borderRadius: 'inherit',\n      transition: 'all 0.3s ease',\n      ...barVariantStyles(theme, customVariant, colorPalette),\n      ...barEmphasisStyles(theme, colorPalette, glow, pulse),\n    },\n  };\n});\n\nconst StyledCircularProgress = styled(CircularProgress, {\n  shouldForwardProp: (prop) => !['customColor', 'glow', 'pulse'].includes(prop as string),\n})<{\n  customColor?: string;\n  glow?: boolean;\n  pulse?: boolean;\n}>(({ theme, customColor = 'primary', glow, pulse }) => {\n  const colorPalette = getColorFromTheme(theme, customColor);\n\n  return {\n    color: colorPalette.main,\n    ...circularEmphasisStyles(theme, colorPalette, glow, pulse),\n  };\n});\n\nconst SegmentedProgress: React.FC<{\n  value?: number;\n  segments: number;\n  color: string;\n  size: ProgressSize;\n  glow: boolean;\n  pulse: boolean;\n  dataTestId?: string;\n}> = ({ value = 0, segments, color, size, glow, pulse, dataTestId }) => {\n  const theme = useTheme();\n  const colorPalette = getColorFromTheme(theme, color);\n  const sizeStyles = getSizeStyles(size);\n  const filledSegments = Math.floor((value / 100) * segments);\n\n  return (\n    <Box sx={{ display: 'flex', gap: 0.5, width: '100%' }} data-testid={`${dataTestId}-segments-container`}>\n      {Array.from({ length: segments }, (_, index) => (\n        <Box\n          key={index}\n          data-testid={`${dataTestId}-segment-${index}`}\n          sx={{\n            flex: 1,\n            height: rem(theme, sizeStyles.heightPx),\n            // In `sx` a numeric radius is a multiple of `shape.borderRadius` — relative already.\n            borderRadius: sizeStyles.heightPx / 2,\n            backgroundColor:\n              index < filledSegments ? colorPalette.main : alpha(colorPalette.main, 0.1),\n            transition: 'all 0.3s ease',\n            ...(glow &&\n              index < filledSegments && {\n                boxShadow: `${rems(theme, 0, 0, 6, 1)} ${alpha(colorPalette.main, 0.4)}`,\n              }),\n            ...(pulse &&\n              index < filledSegments && {\n                animation: `${pulseAnimation} 2s infinite`,\n              }),\n          }}\n        />\n      ))}\n    </Box>\n  );\n};\n\ninterface ViewProps {\n  size: ProgressSize;\n  color: string;\n  glow: boolean;\n  pulse: boolean;\n  showLabel: boolean;\n  displayValue: number;\n  displayLabel: string;\n  /** Absent means indeterminate — the bar animates rather than reporting progress. */\n  value?: number;\n  dataTestId: string;\n}\n\nconst ProgressLabel: React.FC<{ size: ProgressSize; label: string; testId: string }> = ({\n  size,\n  label,\n  testId,\n}) => (\n  <Typography\n    variant=\"caption\"\n    sx={{\n      display: 'block',\n      textAlign: 'center',\n      mt: 1,\n      fontSize: getSizeStyles(size).fontSize,\n      fontWeight: 600,\n    }}\n    data-testid={testId}\n  >\n    {label}\n  </Typography>\n);\n\nconst CircularView = React.forwardRef<\n  HTMLDivElement,\n  ViewProps & { thickness: number; circularSize?: number }\n>(\n  (\n    {\n      size,\n      color,\n      glow,\n      pulse,\n      showLabel,\n      displayValue,\n      displayLabel,\n      value,\n      dataTestId,\n      thickness,\n      circularSize,\n      ...props\n    },\n    ref,\n  ) => {\n    const theme = useTheme();\n    const sizeStyles = getSizeStyles(size);\n\n    return (\n      <Box ref={ref} sx={{ position: 'relative', display: 'inline-flex' }} data-testid={dataTestId}>\n        <StyledCircularProgress\n          variant={value !== undefined ? 'determinate' : 'indeterminate'}\n          value={displayValue}\n          size={rem(theme, circularSize || sizeStyles.circularSizePx)}\n          thickness={thickness}\n          customColor={color}\n          glow={glow}\n          pulse={pulse}\n          data-testid={`${dataTestId}-circular`}\n          {...props}\n        />\n        {showLabel && value !== undefined && (\n          <Box\n            sx={{\n              top: 0,\n              left: 0,\n              bottom: 0,\n              right: 0,\n              position: 'absolute',\n              display: 'flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n            }}\n          >\n            <Typography\n              variant=\"caption\"\n              component=\"div\"\n              color=\"text.secondary\"\n              sx={{ fontSize: sizeStyles.fontSize, fontWeight: 600 }}\n              data-testid={`${dataTestId}-label`}\n            >\n              {displayLabel}\n            </Typography>\n          </Box>\n        )}\n      </Box>\n    );\n  },\n);\n\nCircularView.displayName = 'ProgressCircularView';\n\nconst SegmentedView = React.forwardRef<HTMLDivElement, ViewProps & { segments: number }>(\n  (\n    { size, color, glow, pulse, showLabel, displayValue, displayLabel, dataTestId, segments, value: _value, ...props },\n    ref,\n  ) => (\n    <Box ref={ref} sx={{ width: '100%' }} data-testid={dataTestId} {...props}>\n      <SegmentedProgress\n        value={displayValue}\n        segments={segments}\n        color={color}\n        size={size}\n        glow={glow}\n        pulse={pulse}\n        dataTestId={dataTestId}\n      />\n      {showLabel && (\n        <ProgressLabel size={size} label={displayLabel} testId={`${dataTestId}-label`} />\n      )}\n    </Box>\n  ),\n);\n\nSegmentedView.displayName = 'ProgressSegmentedView';\n\nconst LinearView = React.forwardRef<HTMLDivElement, ViewProps & { variant: ProgressVariant }>(\n  (\n    { size, color, glow, pulse, showLabel, displayValue, displayLabel, value, dataTestId, variant, ...props },\n    ref,\n  ) => (\n    <Box ref={ref} sx={{ width: '100%' }} data-testid={dataTestId}>\n      <StyledLinearProgress\n        variant={value !== undefined ? 'determinate' : 'indeterminate'}\n        value={displayValue}\n        customVariant={variant}\n        customSize={size}\n        customColor={color}\n        glow={glow}\n        pulse={pulse}\n        data-testid={`${dataTestId}-linear`}\n        {...props}\n      />\n      {showLabel && (\n        <ProgressLabel size={size} label={displayLabel} testId={`${dataTestId}-label`} />\n      )}\n    </Box>\n  ),\n);\n\nLinearView.displayName = 'ProgressLinearView';\n\nexport const Progress = React.forwardRef<HTMLDivElement, ProgressProps>(\n  (rawProps, ref) => {\n    const {\n      variant,\n      size,\n      color,\n      glow,\n      pulse,\n      showLabel,\n      label,\n      segments,\n      thickness,\n      circularSize,\n      value,\n      dataTestId,\n      testID,\n      ...props\n    } = resolveProgressProps(rawProps);\n    const displayValue = value || 0;\n    const shared = {\n      size,\n      color,\n      glow,\n      pulse,\n      showLabel,\n      displayValue,\n      displayLabel: progressLabelText(label, showLabel, displayValue),\n      value,\n      // `testID` is React Native's spelling of the same id and names the\n      // component too; `data-testid` is left in `props`, on its way to the\n      // element the caller means to address, where it has always landed.\n      dataTestId: testID ?? dataTestId,\n      ...props,\n    };\n\n    if (variant === 'circular') {\n      return (\n        <CircularView ref={ref} {...shared} thickness={thickness} circularSize={circularSize} />\n      );\n    }\n\n    if (variant === 'segmented') {\n      return <SegmentedView ref={ref} {...shared} segments={segments} />;\n    }\n\n    return <LinearView ref={ref} {...shared} variant={variant} />;\n  },\n);\n\nProgress.displayName = 'Progress';\n"],"mappings":"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","names":[]}

package/dist/{chunk-U2IRCTAR.js → chunk-4WCDMCIS.js}

@@ -1,6 +1,6 @@
 import {
   ConfirmActionDialog
-} from "./chunk-VZAGBDZ2.js";
+} from "./chunk-BJZOBG24.js";
 import {
   useConfirmAction
 } from "./chunk-EMYESBIT.js";
@@ -40,4 +40,4 @@ function withConfirmation(Wrapped, defaults) {
 export {
   withConfirmation
 };
-//# sourceMappingURL=chunk-U2IRCTAR.js.map
+//# sourceMappingURL=chunk-4WCDMCIS.js.map

package/dist/{chunk-2F4YEGYG.js → chunk-57FZM6GH.js}

@@ -1,6 +1,9 @@
 import {
   fieldTextFieldStyles
 } from "./chunk-CGO452DC.js";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
 
 // src/components/data-display/DataViews/data-views-number-input.tsx
 import Box from "@mui/material/Box/index.js";
@@ -62,7 +65,7 @@ function NumberBoundInput({
       InputProps: unit ? {
         startAdornment: /* @__PURE__ */ jsx(Box, { component: "span", sx: { mr: 0.5, color: "text.secondary" }, children: unit })
       } : void 0,
-      sx: [{ width: 140 }, fieldTextFieldStyles]
+      sx: [{ width: sxRem(140) }, fieldTextFieldStyles]
     }
   );
 }
@@ -72,4 +75,4 @@ export {
   formatPtBrNumber,
   NumberBoundInput
 };
-//# sourceMappingURL=chunk-2F4YEGYG.js.map
+//# sourceMappingURL=chunk-57FZM6GH.js.map

package/dist/chunk-57FZM6GH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-number-input.tsx"],"sourcesContent":["'use client';\n\n/**\n * A numeric bound typed the way Brazilians write numbers, replacing\n * `<input type=\"number\">`.\n *\n * The native control parses in the BROWSER's locale, and it does not fail\n * loudly when the text does not match — it drops what it cannot read and keeps\n * the rest. Typing `50,00` into it, measured in Chromium:\n *\n *     digitado \"50,00\"  ->  campo \"5000\"   ->  filtro R$ 5.000\n *     digitado \"17,50\"  ->  campo \"1750\"   ->  filtro R$ 1.750\n *     digitado \"50.00\"  ->  campo \"500\"    ->  filtro R$ 500\n *\n * The comma is deleted and the digits close ranks, so the merchant asks for\n * fifty reais and gets a filter a HUNDRED times larger. The list empties, the\n * chip reads `Valor: ≥ R$ 5000`, and nothing on screen connects that to the\n * `50,00` they typed. It reads as \"the value filter is broken\", which is how it\n * was reported.\n *\n * So the field parses pt-BR itself: `,` is the decimal separator and `.` groups\n * thousands, which is what `R$ 1.234,56` means to the person reading it. A\n * plain `50` still works, and so does `50.00` — a dot with exactly two digits\n * after it is far more likely to be a decimal typed on a numeric keypad than a\n * thousands group, and reading it as `5000` is the very failure this replaces.\n *\n * WHICH KEYPAD, and where the request has to be made. `inputMode` goes on the\n * `<input>`, via `inputProps` — set on the `TextField` it rides the spread onto\n * the root `FormControl` div, an element nothing types into, so the attribute\n * has no effect and a phone goes on offering letters for a field that accepts\n * none of them. It is `decimal` rather than `numeric` because the numeric pad\n * has no comma on iOS, and the comma is the separator this field exists to\n * accept — `numeric` here would reopen the bug above from the other side, with\n * `17,50` untypeable rather than misread. Autofill is off alongside it: its\n * saved-value strip covers the keypad to offer names and addresses, none of\n * which survive `ALLOWED` anyway.\n */\nimport Box from '@mui/material/Box/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport React, { useEffect, useState } from 'react';\nimport { fieldTextFieldStyles } from '../../../tokens/field-height';\nimport { sxRem } from '../../../tokens/relative';\n\n/** Everything this field lets through: digits and the two separators. */\nconst ALLOWED = /[^\\d.,]/g;\n\n/**\n * pt-BR text → number, or `undefined` when it is not one (yet).\n *\n * `.` is a thousands group and `,` is the decimal point, EXCEPT when a lone dot\n * is followed by one or two digits and no comma is present — `50.00` and `1.5`\n * are decimals somebody typed, while `1.234` is a thousand.\n */\nexport function parsePtBrNumber(text: string): number | undefined {\n  const cleaned = text.replace(ALLOWED, '');\n  if (cleaned === '') return undefined;\n  const hasComma = cleaned.includes(',');\n  const dots = cleaned.split('.').length - 1;\n  const lastDot = cleaned.lastIndexOf('.');\n  const dotIsDecimal =\n    !hasComma && dots === 1 && cleaned.length - lastDot - 1 > 0 && cleaned.length - lastDot - 1 <= 2;\n  const normalized = dotIsDecimal\n    ? cleaned\n    : cleaned.replace(/\\./g, '').replace(',', '.');\n  const amount = Number(normalized);\n  return Number.isFinite(amount) ? amount : undefined;\n}\n\n/**\n * A stored bound → the text the merchant reads, with a comma for the decimal\n * point.\n *\n * It takes a STRING too, and that is not defensive typing: a range restored\n * from the URL arrives as one (`?totalCents_gte=5000`). Narrowing to `number`\n * and dropping the rest emptied the field on every reload — and then the next\n * keystroke wrote a bound built from nothing.\n */\nexport function formatPtBrNumber(amount: number | string | undefined): string {\n  if (amount == null || amount === '') return '';\n  return String(amount).replace('.', ',');\n}\n\n/** The same, as a number — `undefined` when the bound is unset or unusable. */\nfunction boundAsNumber(amount: number | string | undefined): number | undefined {\n  if (amount == null || amount === '') return undefined;\n  const parsed = typeof amount === 'number' ? amount : Number(amount);\n  return Number.isFinite(parsed) ? parsed : undefined;\n}\n\n/**\n * One end of a numeric range. The BOUND stays a plain `number` — nothing\n * downstream learns that the typing surface changed.\n */\nexport function NumberBoundInput({\n  label,\n  value,\n  unit,\n  onChange,\n  testId,\n}: {\n  label: string;\n  /** The applied bound. A range restored from the URL hands this over as a string. */\n  value: number | string | undefined;\n  /** Rendered as a start adornment (\"R$\"), not parsed out of the text. */\n  unit?: string;\n  onChange: (bound: number | undefined) => void;\n  testId: string;\n}): React.JSX.Element {\n  const applied = boundAsNumber(value);\n  const [text, setText] = useState(() => formatPtBrNumber(value));\n\n  // Re-sync only when the applied bound moved somewhere the text does not\n  // already mean — a \"Limpar\", a saved view. Comparing through the PARSE rather\n  // than the string keeps `50,` and `50,00` from being rewritten mid-edit.\n  useEffect(() => {\n    setText((current) => (parsePtBrNumber(current) === applied ? current : formatPtBrNumber(applied)));\n  }, [applied]);\n\n  return (\n    <TextField\n      size=\"small\"\n      type=\"text\"\n      label={label}\n      value={text}\n      onChange={(event) => {\n        // Reject the characters rather than silently dropping them AFTER\n        // parsing — a letter should not move the number.\n        const next = event.target.value.replace(ALLOWED, '');\n        setText(next);\n        const amount = parsePtBrNumber(next);\n        // A bare separator (`50,`) parses to nothing yet; leave the applied\n        // bound alone rather than clearing it half-way through a decimal.\n        if (next === '') return onChange(undefined);\n        if (amount !== undefined) onChange(amount);\n      }}\n      // Blur TIDIES, it does not rewrite. Text that already means the applied\n      // bound is left exactly as typed — `20`, `17,50` and `1.234,56` all stay\n      // — and only something that does not (`50,,`) snaps back.\n      //\n      // Padding the field to the chip's precision was tried and is worse than\n      // the mismatch it closed: settling `20` to `20,00` means the next edit\n      // starts from text the merchant did not write, so appending a digit to\n      // make it 200 produces `20,000`, which parses back to 20. The filter then\n      // ignores the keystroke, which is exactly the \"não funciona\" this whole\n      // control exists to end. An input must hold what was typed into it; the\n      // CHIP is where the applied window gets written in full.\n      onBlur={() =>\n        setText((current) =>\n          parsePtBrNumber(current) === applied ? current : formatPtBrNumber(applied),\n        )\n      }\n      InputLabelProps={{ shrink: true }}\n      // `inputMode` belongs on the `<input>`, never on the TextField — see the\n      // keypad note at the top of this file for what goes wrong up there.\n      inputProps={{ 'data-testid': testId, inputMode: 'decimal', autoComplete: 'off' }}\n      InputProps={\n        unit\n          ? {\n              startAdornment: (\n                <Box component=\"span\" sx={{ mr: 0.5, color: 'text.secondary' }}>\n                  {unit}\n                </Box>\n              ),\n            }\n          : undefined\n      }\n      sx={[{ width: sxRem(140) }, fieldTextFieldStyles]}\n    />\n  );\n}\n"],"mappings":";;;;;;;;AAqCA,OAAO,SAAS;AAChB,OAAO,eAAe;AACtB,SAAgB,WAAW,gBAAgB;AAwH3B;AAnHhB,IAAM,UAAU;AAST,SAAS,gBAAgB,MAAkC;AAChE,QAAM,UAAU,KAAK,QAAQ,SAAS,EAAE;AACxC,MAAI,YAAY,GAAI,QAAO;AAC3B,QAAM,WAAW,QAAQ,SAAS,GAAG;AACrC,QAAM,OAAO,QAAQ,MAAM,GAAG,EAAE,SAAS;AACzC,QAAM,UAAU,QAAQ,YAAY,GAAG;AACvC,QAAM,eACJ,CAAC,YAAY,SAAS,KAAK,QAAQ,SAAS,UAAU,IAAI,KAAK,QAAQ,SAAS,UAAU,KAAK;AACjG,QAAM,aAAa,eACf,UACA,QAAQ,QAAQ,OAAO,EAAE,EAAE,QAAQ,KAAK,GAAG;AAC/C,QAAM,SAAS,OAAO,UAAU;AAChC,SAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAC5C;AAWO,SAAS,iBAAiB,QAA6C;AAC5E,MAAI,UAAU,QAAQ,WAAW,GAAI,QAAO;AAC5C,SAAO,OAAO,MAAM,EAAE,QAAQ,KAAK,GAAG;AACxC;AAGA,SAAS,cAAc,QAAyD;AAC9E,MAAI,UAAU,QAAQ,WAAW,GAAI,QAAO;AAC5C,QAAM,SAAS,OAAO,WAAW,WAAW,SAAS,OAAO,MAAM;AAClE,SAAO,OAAO,SAAS,MAAM,IAAI,SAAS;AAC5C;AAMO,SAAS,iBAAiB;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAQsB;AACpB,QAAM,UAAU,cAAc,KAAK;AACnC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,MAAM,iBAAiB,KAAK,CAAC;AAK9D,YAAU,MAAM;AACd,YAAQ,CAAC,YAAa,gBAAgB,OAAO,MAAM,UAAU,UAAU,iBAAiB,OAAO,CAAE;AAAA,EACnG,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,MAAK;AAAA,MACL;AAAA,MACA,OAAO;AAAA,MACP,UAAU,CAAC,UAAU;AAGnB,cAAM,OAAO,MAAM,OAAO,MAAM,QAAQ,SAAS,EAAE;AACnD,gBAAQ,IAAI;AACZ,cAAM,SAAS,gBAAgB,IAAI;AAGnC,YAAI,SAAS,GAAI,QAAO,SAAS,MAAS;AAC1C,YAAI,WAAW,OAAW,UAAS,MAAM;AAAA,MAC3C;AAAA,MAYA,QAAQ,MACN;AAAA,QAAQ,CAAC,YACP,gBAAgB,OAAO,MAAM,UAAU,UAAU,iBAAiB,OAAO;AAAA,MAC3E;AAAA,MAEF,iBAAiB,EAAE,QAAQ,KAAK;AAAA,MAGhC,YAAY,EAAE,eAAe,QAAQ,WAAW,WAAW,cAAc,MAAM;AAAA,MAC/E,YACE,OACI;AAAA,QACE,gBACE,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,IAAI,KAAK,OAAO,iBAAiB,GAC1D,gBACH;AAAA,MAEJ,IACA;AAAA,MAEN,IAAI,CAAC,EAAE,OAAO,MAAM,GAAG,EAAE,GAAG,oBAAoB;AAAA;AAAA,EAClD;AAEJ;","names":[]}

package/dist/{chunk-E6YBXAZN.js → chunk-5IAVC4BT.js}

@@ -4,7 +4,7 @@ import {
   bannerPointerStates,
   fadeInSlide,
   getVariantColor
-} from "./chunk-GVLMG5WQ.js";
+} from "./chunk-XZW2U6KR.js";
 import {
   FOCUS
 } from "./chunk-P2UIXDEG.js";
@@ -44,7 +44,7 @@ var StyledBanner = styled(Box, {
     width: fullWidth ? "100vw" : "100%",
     marginLeft: fullWidth ? "50%" : 0,
     transform: fullWidth ? "translateX(-50%)" : "none",
-    animation: `${fadeInSlide} 0.3s ease-out`,
+    animation: `${fadeInSlide(theme)} 0.3s ease-out`,
     transition: `all 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow ${BANNER_TINT_S}s cubic-bezier(0.4, 0, 0.2, 1)`,
     ...bannerPointerStates(theme),
     // Focus: `:focus-visible`, not `:focus-within`.
@@ -56,8 +56,8 @@ var StyledBanner = styled(Box, {
     // ring stays for whoever tabs here and never fires on a click. Same defect
     // and same fix as `Alert`, which is the sibling surface (FUT-1458).
     "&:focus-visible": {
-      outline: `${FOCUS.ringWidth}px solid ${alpha(colorPalette.main, FOCUS.ringAlpha)}`,
-      outlineOffset: `${FOCUS.offset}px`
+      outline: `${rem(theme, FOCUS.ringWidth)} solid ${alpha(colorPalette.main, FOCUS.ringAlpha)}`,
+      outlineOffset: rem(theme, FOCUS.offset)
     },
     ...bannerPartStyles(theme, colorPalette),
     // Responsive layout
@@ -78,7 +78,7 @@ var StyledBanner = styled(Box, {
     // Glass effect variant (optional enhancement)
     "&.banner-glass": {
       backgroundColor: alpha(theme.palette.background.paper, 0.1),
-      backdropFilter: "blur(20px)",
+      backdropFilter: `blur(${rem(theme, 20)})`,
       border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
       color: theme.palette.text.primary,
       ".banner-icon": {
@@ -263,4 +263,4 @@ Banner.displayName = "Banner";
 export {
   Banner
 };
-//# sourceMappingURL=chunk-E6YBXAZN.js.map
+//# sourceMappingURL=chunk-5IAVC4BT.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Banner/Banner.tsx"],"sourcesContent":["import CheckCircle from '@mui/icons-material/CheckCircle';\nimport Close from '@mui/icons-material/Close';\nimport Error from '@mui/icons-material/Error';\nimport Info from '@mui/icons-material/Info';\nimport Warning from '@mui/icons-material/Warning';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { BANNER_TINT_S, bannerPartStyles, bannerPointerStates, fadeInSlide, getVariantColor } from './Banner.styles';\nimport { FOCUS } from '../Alert/Alert.metrics';\nimport type { BannerProps, BannerVariant } from './Banner.types';\nimport { rem } from '../../../tokens/relative';\n\n\n\nconst StyledBanner = styled(Box, {\n  shouldForwardProp: (prop) => !['variant', 'sticky', 'fullWidth'].includes(prop as string),\n})<{\n  variant: BannerVariant;\n  sticky: boolean;\n  fullWidth: boolean;\n}>(({ theme, variant, sticky, fullWidth }) => {\n\n  const colorPalette = getVariantColor(theme, variant);\n\n  return {\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: theme.spacing(1.5),\n    padding: theme.spacing(1.5, 2),\n    borderRadius: theme.spacing(1),\n    backgroundColor: alpha(colorPalette.main, 0.1),\n    border: `1px solid ${alpha(colorPalette.main, 0.2)}`,\n    color: colorPalette.main,\n    position: sticky ? 'sticky' : 'relative',\n    top: sticky ? 0 : 'auto',\n    zIndex: sticky ? theme.zIndex.appBar : 'auto',\n    width: fullWidth ? '100vw' : '100%',\n    marginLeft: fullWidth ? '50%' : 0,\n    transform: fullWidth ? 'translateX(-50%)' : 'none',\n    animation: `${fadeInSlide(theme)} 0.3s ease-out`,\n    transition: `all 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow ${BANNER_TINT_S}s cubic-bezier(0.4, 0, 0.2, 1)`,\n\n    ...bannerPointerStates(theme),\n\n    // Focus: `:focus-visible`, not `:focus-within`.\n    //\n    // The banner carries `tabIndex={0}`, so a MOUSE CLICK focused it and\n    // painted this ring — a keyboard affordance answering a pointer, which is\n    // what made clicking one look like an error state. `:focus-visible` is the\n    // browser's own answer to whether the focus came from the keyboard: the\n    // ring stays for whoever tabs here and never fires on a click. Same defect\n    // and same fix as `Alert`, which is the sibling surface (FUT-1458).\n    '&:focus-visible': {\n      outline: `${rem(theme, FOCUS.ringWidth)} solid ${alpha(colorPalette.main, FOCUS.ringAlpha)}`,\n      outlineOffset: rem(theme, FOCUS.offset),\n    },\n\n    ...bannerPartStyles(theme, colorPalette),\n\n    // Responsive layout\n    [theme.breakpoints.down('sm')]: {\n      flexDirection: 'column',\n      alignItems: 'stretch',\n      gap: theme.spacing(1),\n      \n      '.banner-content': {\n        order: 1,\n      },\n\n      '.banner-actions': {\n        order: 2,\n        justifyContent: 'flex-start',\n        marginTop: theme.spacing(1),\n        marginLeft: 0,\n      },\n    },\n\n    // Glass effect variant (optional enhancement)\n    '&.banner-glass': {\n      backgroundColor: alpha(theme.palette.background.paper, 0.1),\n      backdropFilter: `blur(${rem(theme, 20)})`,\n      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n      color: theme.palette.text.primary,\n      \n      '.banner-icon': {\n        color: colorPalette.main,\n      },\n    },\n  };\n});\n\nconst getVariantIcon = (variant: BannerVariant) => {\n  const iconMap: Record<BannerVariant, React.ReactNode> = {\n    info: <Info />,\n    success: <CheckCircle />,\n    warning: <Warning />,\n    critical: <Error />,\n  };\n  return iconMap[variant];\n};\n\ntype BannerAction = NonNullable<BannerProps['actions']>[number];\n\n// Warnings and criticals interrupt the screen reader; the rest are announced\n// politely when it next pauses.\nconst resolveAriaAnnouncement = (variant: BannerVariant) => ({\n  role: variant === 'warning' || variant === 'critical' ? 'alert' : 'status',\n  live: (variant === 'critical' ? 'assertive' : 'polite') as 'assertive' | 'polite',\n});\n\nconst testIdFor = (base: string | undefined, suffix: string) =>\n  base ? `${base}-${suffix}` : `banner-${suffix}`;\n\n// Resolves the banner's palette once, rather than per property as the inline\n// version did — getVariantColor was being called nine times to build one button.\nconst buildActionSx = (\n  theme: Theme,\n  variant: BannerVariant,\n  actionVariant: BannerAction['variant'],\n) => {\n  const palette = getVariantColor(theme, variant);\n\n  return {\n    minWidth: 'auto',\n    px: 1.5,\n    py: 0.5,\n    fontSize: rem(theme, 13),\n    fontWeight: 500,\n    borderRadius: 1,\n\n    ...(actionVariant === 'primary' && {\n      backgroundColor: palette.main,\n      color: theme.palette.getContrastText(palette.main),\n\n      // Colour only. The banner itself moves nothing under a pointer, and an\n      // action that lifts inside one that does not is the inconsistency a\n      // reader notices without being able to name it (FUT-1458).\n      '&:hover': {\n        backgroundColor: palette.dark || palette.main,\n      },\n    }),\n\n    ...(actionVariant === 'secondary' && {\n      borderColor: palette.main,\n      color: palette.main,\n\n      '&:hover': {\n        backgroundColor: alpha(palette.main, 0.1),\n        borderColor: palette.main,\n      },\n    }),\n  };\n};\n\nconst BannerActionButton: React.FC<{\n  action: BannerAction;\n  variant: BannerVariant;\n  dataTestId?: string;\n}> = ({ action, variant, dataTestId }) => (\n  <Button\n    size=\"small\"\n    variant={action.variant === 'primary' ? 'contained' : 'outlined'}\n    onClick={action.onClick}\n    data-testid={testIdFor(dataTestId, 'action')}\n    sx={(theme) => buildActionSx(theme, variant, action.variant)}\n  >\n    {action.label}\n  </Button>\n);\n\nconst BannerBody: React.FC<{\n  displayIcon: React.ReactNode;\n  title?: BannerProps['title'];\n  description?: BannerProps['description'];\n  dataTestId?: string;\n  children?: React.ReactNode;\n}> = ({ displayIcon, title, description, dataTestId, children }) => (\n  <>\n    {displayIcon && (\n      <Box className=\"banner-icon\" aria-hidden=\"true\" data-testid={testIdFor(dataTestId, 'icon')}>\n        {displayIcon}\n      </Box>\n    )}\n\n    <Box className=\"banner-content\">\n      {title && (\n        <Typography\n          className=\"banner-title\"\n          variant=\"subtitle2\"\n          component=\"div\"\n          data-testid={testIdFor(dataTestId, 'title')}\n        >\n          {title}\n        </Typography>\n      )}\n      {description && (\n        <Typography\n          className=\"banner-description\"\n          variant=\"body2\"\n          component=\"div\"\n          data-testid={testIdFor(dataTestId, 'message')}\n        >\n          {description}\n        </Typography>\n      )}\n      {children}\n    </Box>\n  </>\n);\n\nconst BannerTrailing: React.FC<{\n  actions?: BannerProps['actions'];\n  variant: BannerVariant;\n  dismissible: boolean;\n  onDismissClick: () => void;\n  dismissLabel: string;\n  dataTestId?: string;\n}> = ({ actions, variant, dismissible, onDismissClick, dismissLabel, dataTestId }) => (\n  <Box display=\"flex\" alignItems=\"center\" gap={1}>\n    {actions && actions.length > 0 && (\n      <Box className=\"banner-actions\">\n        {actions.map((action, index) => (\n          <BannerActionButton\n            key={index}\n            action={action}\n            variant={variant}\n            dataTestId={dataTestId}\n          />\n        ))}\n      </Box>\n    )}\n\n    {dismissible && (\n      <IconButton\n        className=\"banner-dismiss\"\n        size=\"small\"\n        onClick={onDismissClick}\n        aria-label={dismissLabel}\n        data-testid={testIdFor(dataTestId, 'close')}\n        sx={{ transition: 'all 0.2s ease' }}\n      >\n        <Close fontSize=\"small\" />\n      </IconButton>\n    )}\n  </Box>\n);\n\nexport const Banner = React.forwardRef<HTMLDivElement, BannerProps>(\n  (\n    {\n      variant = 'info',\n      title,\n      description,\n      icon,\n      dismissible = false,\n      dismissLabel,\n      onDismiss,\n      actions,\n      sticky = false,\n      fullWidth = false,\n      className,\n      children,\n      'data-testid': dataTestId = 'banner',\n      ...props\n    },\n    ref,\n  ) => {\n    const [visible, setVisible] = React.useState(true);\n\n    const handleDismiss = React.useCallback(() => {\n      setVisible(false);\n      onDismiss?.();\n    }, [onDismiss]);\n\n    const displayIcon = icon || getVariantIcon(variant);\n\n    const { role: ariaRole, live: ariaLive } = resolveAriaAnnouncement(variant);\n\n    if (!visible) {\n      return null;\n    }\n\n    return (\n      <StyledBanner\n        ref={ref}\n        variant={variant}\n        sticky={sticky}\n        fullWidth={fullWidth}\n        className={className}\n        role={ariaRole}\n        aria-live={ariaLive}\n        aria-atomic=\"true\"\n        tabIndex={0}\n        data-testid={dataTestId}\n        {...props}\n      >\n        <BannerBody\n          displayIcon={displayIcon}\n          title={title}\n          description={description}\n          dataTestId={dataTestId}\n        >\n          {children}\n        </BannerBody>\n\n        <BannerTrailing\n          actions={actions}\n          variant={variant}\n          dismissible={dismissible}\n          onDismissClick={handleDismiss}\n          dismissLabel={dismissLabel}\n          dataTestId={dataTestId}\n        />\n      </StyledBanner>\n    );\n  },\n);\n\nBanner.displayName = 'Banner';"],"mappings":"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","names":[]}

package/dist/{chunk-OGTTJKHI.js → chunk-5QWQR7XT.js}

@@ -1,12 +1,12 @@
 import {
   MegaSection
-} from "./chunk-57IB5NTM.js";
+} from "./chunk-HB7ISSLK.js";
 import {
   renderMenuItem
-} from "./chunk-AATIHNPI.js";
+} from "./chunk-MK4CH4VT.js";
 import {
   slideIn
-} from "./chunk-CU4TF7C7.js";
+} from "./chunk-6GRZ77IS.js";
 
 // src/components/navigation/NavigationMenu/NavigationMegaSection.tsx
 import Box from "@mui/material/Box/index.js";
@@ -56,4 +56,4 @@ var NavigationMegaSection = ({
 export {
   NavigationMegaSection
 };
-//# sourceMappingURL=chunk-OGTTJKHI.js.map
+//# sourceMappingURL=chunk-5QWQR7XT.js.map

package/dist/{chunk-DRE6DSJ7.js → chunk-5TJRJSJY.js}

@@ -1,9 +1,9 @@
 import {
   GridShell
-} from "./chunk-SKX4NA6E.js";
+} from "./chunk-V74PXUQN.js";
 import {
   useDataViewsState
-} from "./chunk-W3CLJ7JE.js";
+} from "./chunk-WPA26LXA.js";
 
 // src/components/data-display/DataViews/DataViewsGrid.tsx
 import { useEffect, useRef } from "react";
@@ -27,4 +27,4 @@ function DataViewsGrid(props) {
 export {
   DataViewsGrid
 };
-//# sourceMappingURL=chunk-DRE6DSJ7.js.map
+//# sourceMappingURL=chunk-5TJRJSJY.js.map

package/dist/{chunk-5ZQUJ7LT.js → chunk-5UTAEHSB.js}

@@ -10,6 +10,9 @@ import {
 import {
   Text
 } from "./chunk-WTOYEWW6.js";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
 
 // src/components/data-display/DataViews/data-views-empty.tsx
 import FilterAltOffRoundedIcon from "@mui/icons-material/FilterAltOffRounded";
@@ -52,7 +55,7 @@ function DataViewsEmpty({
         ),
         filtered ? /* @__PURE__ */ jsxs(Fragment, { children: [
           /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontWeight: 600 }, children: copy.grid.emptyFilteredTitle }) }),
-          /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", mt: 0.5, mb: 2, color: "text.secondary", maxWidth: 380 }, children: copy.grid.emptyFilteredHint }) }),
+          /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", mt: 0.5, mb: 2, color: "text.secondary", maxWidth: sxRem(380) }, children: copy.grid.emptyFilteredHint }) }),
           /* @__PURE__ */ jsx(
             Button,
             {
@@ -77,4 +80,4 @@ function DataViewsEmpty({
 export {
   DataViewsEmpty
 };
-//# sourceMappingURL=chunk-5ZQUJ7LT.js.map
+//# sourceMappingURL=chunk-5UTAEHSB.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-empty.tsx"],"sourcesContent":["\"use client\";\n\nimport FilterAltOffRoundedIcon from \"@mui/icons-material/FilterAltOffRounded\";\nimport InboxRoundedIcon from \"@mui/icons-material/InboxRounded\";\n\nimport { Button } from \"../../form/Button\";\nimport { Box } from \"../../../mui/Box\";\nimport { sxRem } from \"../../../tokens/relative\";\nimport { Text } from \"../../typography/Text\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\n\n/**\n * TWO EMPTY STATES, NOT ONE.\n *\n * \"Nenhum pagamento registrado\" under an active filter is a lie, and it is the\n * expensive kind: the operator reads it as \"this store has no payments\" and\n * goes looking for the bug somewhere else. The page's own empty copy answers\n * \"there is nothing here yet\"; it cannot answer \"nothing matches what you\n * typed\", because it does not know what was typed.\n *\n * So the grid renders the FILTERED variant itself — it is the only party that\n * knows a filter is applied — and defers to the host's `emptyState` only when\n * the list is genuinely empty. The filtered one carries the way out, which is\n * the whole point: the fix is one click, and it is right there.\n */\nexport function DataViewsEmpty({\n  filtered,\n  onClearFilters,\n  emptyState,\n  testIdPrefix,\n}: {\n  /** Is anything narrowing the list right now (search, pills or ranges)? */\n  filtered: boolean;\n  onClearFilters: () => void;\n  /** The page's own copy for a genuinely empty list. */\n  emptyState?: React.ReactNode;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const Icon = filtered ? FilterAltOffRoundedIcon : InboxRoundedIcon;\n  return (\n    <Box\n      data-testid={`${testIdPrefix}-empty${filtered ? \"-filtered\" : \"\"}`}\n      sx={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\",\n        textAlign: \"center\",\n        py: 8,\n        px: 2,\n      }}\n    >\n      <Box\n        sx={{\n          display: \"inline-flex\",\n          p: 2,\n          mb: 1.5,\n          borderRadius: \"50%\",\n          bgcolor: \"action.hover\",\n          color: \"text.disabled\",\n        }}\n      >\n        <Icon />\n      </Box>\n      {filtered ? (\n        <>\n          <Text variant=\"body\" as=\"p\">\n            <Box component=\"span\" sx={{ fontWeight: 600 }}>\n              {copy.grid.emptyFilteredTitle}\n            </Box>\n          </Text>\n          <Text variant=\"caption\" as=\"p\">\n            <Box component=\"span\" sx={{ display: \"block\", mt: 0.5, mb: 2, color: \"text.secondary\", maxWidth: sxRem(380) }}>\n              {copy.grid.emptyFilteredHint}\n            </Box>\n          </Text>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            color=\"secondary\"\n            onClick={onClearFilters}\n            dataTestId={`${testIdPrefix}-empty-clear`}\n          >\n            {copy.grid.emptyFilteredAction}\n          </Button>\n        </>\n      ) : (\n        // The page's own words for \"nothing here yet\" — it knows what the\n        // entity is and how one comes to exist; this component does not.\n        emptyState\n      )}\n    </Box>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAEA,OAAO,6BAA6B;AACpC,OAAO,sBAAsB;AA4DrB,SAGA,UAHA,KAGA,YAHA;AArCD,SAAS,eAAe;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOsB;AACpB,QAAM,OAAO,iBAAiB;AAC9B,QAAM,OAAO,WAAW,0BAA0B;AAClD,SACE;AAAA,IAACA;AAAA,IAAA;AAAA,MACC,eAAa,GAAG,YAAY,SAAS,WAAW,cAAc,EAAE;AAAA,MAChE,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,IAAI;AAAA,QACJ,IAAI;AAAA,MACN;AAAA,MAEA;AAAA;AAAA,UAACA;AAAA,UAAA;AAAA,YACC,IAAI;AAAA,cACF,SAAS;AAAA,cACT,GAAG;AAAA,cACH,IAAI;AAAA,cACJ,cAAc;AAAA,cACd,SAAS;AAAA,cACT,OAAO;AAAA,YACT;AAAA,YAEA,8BAAC,QAAK;AAAA;AAAA,QACR;AAAA,QACC,WACC,iCACE;AAAA,8BAAC,QAAK,SAAQ,QAAO,IAAG,KACtB,8BAACA,UAAA,EAAI,WAAU,QAAO,IAAI,EAAE,YAAY,IAAI,GACzC,eAAK,KAAK,oBACb,GACF;AAAA,UACA,oBAAC,QAAK,SAAQ,WAAU,IAAG,KACzB,8BAACA,UAAA,EAAI,WAAU,QAAO,IAAI,EAAE,SAAS,SAAS,IAAI,KAAK,IAAI,GAAG,OAAO,kBAAkB,UAAU,MAAM,GAAG,EAAE,GACzG,eAAK,KAAK,mBACb,GACF;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,SAAQ;AAAA,cACR,MAAK;AAAA,cACL,OAAM;AAAA,cACN,SAAS;AAAA,cACT,YAAY,GAAG,YAAY;AAAA,cAE1B,eAAK,KAAK;AAAA;AAAA,UACb;AAAA,WACF;AAAA;AAAA;AAAA,UAIA;AAAA;AAAA;AAAA;AAAA,EAEJ;AAEJ;","names":["default"]}

package/dist/{chunk-XZBCPL4N.js → chunk-5W4BLTDI.js}

@@ -1,6 +1,6 @@
 import {
   breadcrumbLinkStyles
-} from "./chunk-QHUTSAFG.js";
+} from "./chunk-6CTPDNNX.js";
 import {
   sheen,
   uiInk
@@ -263,4 +263,4 @@ var BreadcrumbEntry = ({
 export {
   BreadcrumbEntry
 };
-//# sourceMappingURL=chunk-XZBCPL4N.js.map
+//# sourceMappingURL=chunk-5W4BLTDI.js.map

package/dist/{chunk-Z35J5B6D.js → chunk-62UAI62O.js}

@@ -15,6 +15,7 @@ import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
 import {
+  rem,
   sxRem
 } from "./chunk-YKCAJ2TN.js";
 
@@ -27,8 +28,8 @@ import TextField from "@mui/material/TextField/index.js";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var SEARCH_DEBOUNCE_MS = 350;
-function boxWidth(fill) {
-  return { flex: 1, minWidth: fill ? 0 : 200, maxWidth: fill ? "none" : 384 };
+function boxWidth(theme, fill) {
+  return { flex: 1, minWidth: fill ? 0 : rem(theme, 200), maxWidth: fill ? "none" : rem(theme, 384) };
 }
 function useKeywordDraft(value, onChange) {
   const [draft, setDraft] = useState(value);
@@ -99,7 +100,7 @@ function InlineKeyword({
           }
         ) }) : void 0
       },
-      sx: (theme) => ({ ...boxWidth(fill), ...fieldTextFieldStyles(theme) })
+      sx: (theme) => ({ ...boxWidth(theme, fill), ...fieldTextFieldStyles(theme) })
     }
   );
 }
@@ -135,10 +136,10 @@ function CollapsedSearch({
             component: "span",
             sx: {
               position: "absolute",
-              top: 2,
-              right: 2,
-              width: 6,
-              height: 6,
+              top: sxRem(2),
+              right: sxRem(2),
+              width: sxRem(6),
+              height: sxRem(6),
               borderRadius: "50%",
               bgcolor: "primary.main"
             }
@@ -153,4 +154,4 @@ export {
   InlineKeyword,
   CollapsedSearch
 };
-//# sourceMappingURL=chunk-Z35J5B6D.js.map
+//# sourceMappingURL=chunk-62UAI62O.js.map

package/dist/chunk-62UAI62O.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-search.tsx"],"sourcesContent":["\"use client\";\n\n/**\n * THE INLINE BAR'S SEARCH — the one control on the toolbar that cannot be\n * guessed from an icon's position, which is why it is the LAST thing the\n * degradation ladder takes away. See `data-views-overflow.ts`.\n */\nimport CloseIcon from \"@mui/icons-material/Close\";\nimport SearchIcon from \"@mui/icons-material/Search\";\nimport IconButton from \"@mui/material/IconButton/index.js\";\nimport InputAdornment from \"@mui/material/InputAdornment/index.js\";\nimport TextField from \"@mui/material/TextField/index.js\";\nimport type { Theme } from \"@mui/material/styles/index.js\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nimport { Box } from \"../../../mui/Box\";\nimport { fieldRadiusPx } from \"../../../tokens/field-radius\";\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { fieldHeight, fieldTextFieldStyles } from \"../../../tokens/field-height\";\nimport { fieldEdge } from \"../../../tokens/field-edge\";\nimport { rem, sxRem } from \"../../../tokens/relative\";\n\n/** How long the box waits after the last keystroke before it queries. */\nconst SEARCH_DEBOUNCE_MS = 350;\n\n/**\n * How wide the keyword box is allowed to be.\n *\n * The 200px floor is right while the box shares the row: a search you cannot\n * read six characters in is not a search. It is WRONG once the box has been\n * expanded out of its collapsed state on a narrow screen, where the cluster was\n * sized for a magnifier — the floor cannot be met there, so the row scrolled\n * sideways instead (154px of overhang at 320px). In that mode the box shrinks,\n * and if what is left would still be unreadable the bar hands it the whole\n * cluster instead (`searchTakeover`).\n */\nfunction boxWidth(theme: Theme, fill: boolean): { flex: number; minWidth: number | string; maxWidth: string } {\n  return { flex: 1, minWidth: fill ? 0 : rem(theme, 200), maxWidth: fill ? \"none\" : rem(theme, 384) };\n}\n\n/**\n * The box's own draft, and the two ways it reaches `onChange`.\n *\n * Extracted from {@link InlineKeyword} so the commit policy reads in one place\n * rather than split across a render body — and because it is where both halves\n * of a defect that lost searches outright had to be fixed.\n *\n * ## The debounce must not be keyed on the handler's identity\n *\n * Every caller builds `onChange` inline — the grid's own bar passes\n * `(value) => c.patch({ search: value })`, rebuilt on each render. Keying the\n * effect on it re-armed the timer on every render, and a busy admin page\n * re-renders more often than every 350ms as its queries land, so the timer\n * never survived to fire and the term was NEVER committed: measured in one\n * adopter as a dead `?q=` on a server-mode grid, where a 15-second loop pressed\n * Enter over and over and the URL never moved. So the handler is read through a\n * ref and the effect depends on `[draft, value]` alone.\n *\n * ## An immediate commit must read the BOX, not the draft\n *\n * A keystroke can land before React has processed the edit before it — a fast\n * typist, and every Playwright `fill()` followed by `press('Enter')`. `draft` is\n * then still the value from before the edit, and comparing THAT to `value` said\n * \"nothing changed\" and dropped the keystroke, leaving the term on screen with\n * an unfiltered list behind it. `commitNow` takes what the caller read off the\n * element and syncs the draft to it, which also keeps the box from being reset\n * to a stale draft by the next render when a host ignores the commit.\n */\nfunction useKeywordDraft(\n  value: string,\n  onChange: (next: string) => void,\n): { draft: string; setDraft: (next: string) => void; commitNow: (typed: string) => void } {\n  const [draft, setDraft] = useState(value);\n  const prev = useRef(value);\n  // An external change (a saved view, the URL, \"Limpar\") wins over the draft.\n  if (prev.current !== value) {\n    prev.current = value;\n    if (draft !== value) setDraft(value);\n  }\n  const commit = useRef(onChange);\n  useEffect(() => {\n    commit.current = onChange;\n  });\n  useEffect(() => {\n    if (draft === value) return undefined;\n    const timer = setTimeout(() => commit.current(draft), SEARCH_DEBOUNCE_MS);\n    return () => clearTimeout(timer);\n  }, [draft, value]);\n  const commitNow = useCallback(\n    (typed: string) => {\n      setDraft(typed);\n      if (typed !== value) commit.current(typed);\n    },\n    [value],\n  );\n  return { draft, setDraft, commitNow };\n}\n\n/**\n * The bar's keyword box.\n *\n * DEBOUNCED rather than committed on Enter/blur. In server mode every commit is\n * a round trip, and a box that only fires on blur makes the operator press a\n * key they were not told about to see any result at all — they type, nothing\n * happens, and the list looks broken. 350ms is long enough that a word costs\n * one query, short enough to feel like live search.\n *\n * `Escape` clears; the X clears without leaving the box. Both exist because\n * clearing by selecting-and-deleting is three gestures for the most common\n * thing anyone does to a search box.\n */\nexport function InlineKeyword({\n  value,\n  onChange,\n  testId,\n  autoFocus,\n  onEscape,\n  fill = false,\n}: {\n  value: string;\n  onChange: (value: string) => void;\n  testId?: string;\n  autoFocus?: boolean;\n  /** Called on Escape with the box already empty — the collapsed bar closes it. */\n  onEscape?: () => void;\n  /** Take whatever width there is, with no minimum — see {@link boxWidth}. */\n  fill?: boolean;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const { draft, setDraft, commitNow } = useKeywordDraft(value, onChange);\n\n  return (\n    <TextField\n      size=\"small\"\n      value={draft}\n      autoFocus={autoFocus}\n      onChange={(event) => setDraft(event.target.value)}\n      onKeyDown={(event) => {\n        if (event.key === \"Escape\") {\n          event.preventDefault();\n          if (draft === \"\") onEscape?.();\n          setDraft(\"\");\n          return;\n        }\n        // Enter still commits IMMEDIATELY, ahead of the debounce — someone who\n        // presses it has decided, and waiting out the timer reads as a stall.\n        if (event.key !== \"Enter\") return;\n        event.preventDefault();\n        // The BOX, not `draft` — see {@link useKeywordDraft}.\n        commitNow(event.target instanceof HTMLInputElement ? event.target.value : draft);\n      }}\n      placeholder={copy.search.placeholder}\n      inputProps={{ \"aria-label\": copy.search.allColumnsLabel, \"data-testid\": testId }}\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon sx={{ fontSize: sxRem(16), color: \"text.secondary\" }} />\n          </InputAdornment>\n        ),\n        endAdornment: draft ? (\n          <InputAdornment position=\"end\">\n            <IconButton\n              size=\"small\"\n              aria-label={copy.search.clear}\n              data-testid={testId ? `${testId}-clear` : undefined}\n              onClick={() => setDraft(\"\")}\n              sx={{ p: 0.25 }}\n            >\n              <CloseIcon sx={{ fontSize: sxRem(14) }} />\n            </IconButton>\n          </InputAdornment>\n        ) : undefined,\n      }}\n      // Takes the free space and gives it up first — step 3 of the ladder,\n      // which needs no flag because flex does it (see `computeSplit`). The\n      // corner is the theme's field radius, so the box matches the pills beside it.\n      sx={(theme) => ({ ...boxWidth(theme, fill), ...fieldTextFieldStyles(theme) })}\n    />\n  );\n}\n\n/**\n * Step 4 of the ladder: the search as a magnifier.\n *\n * Carries a dot when a search is APPLIED. Collapsing a control that is\n * currently filtering the list, with nothing saying so, is how an operator ends\n * up staring at 3 rows of 214 and reading it as missing data.\n */\nexport function CollapsedSearch({\n  active,\n  onOpen,\n  testId,\n}: {\n  active: boolean;\n  onOpen: () => void;\n  testId?: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <IconButton\n      size=\"small\"\n      onClick={onOpen}\n      aria-label={copy.search.open}\n      aria-expanded={false}\n      data-testid={testId ? `${testId}-collapsed` : undefined}\n      sx={{\n        position: \"relative\",\n        width: fieldHeight,\n        height: fieldHeight,\n        border: 1,\n        borderRadius: fieldRadiusPx,\n        borderColor: (theme) => (active ? theme.palette.primary.main : fieldEdge(theme)),\n        color: active ? \"primary.main\" : \"text.secondary\",\n        bgcolor: active ? \"action.selected\" : \"background.paper\",\n      }}\n    >\n      <SearchIcon sx={{ fontSize: sxRem(18) }} />\n      {active && (\n        <Box\n          component=\"span\"\n          sx={{\n            position: \"absolute\",\n            top: sxRem(2),\n            right: sxRem(2),\n            width: sxRem(6),\n            height: sxRem(6),\n            borderRadius: \"50%\",\n            bgcolor: \"primary.main\",\n          }}\n        />\n      )}\n    </IconButton>\n  );\n}\n\n"],"mappings":"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","names":["default"]}

package/dist/{chunk-YG2VQUZO.js → chunk-6BDYC4RA.js}

@@ -1,10 +1,10 @@
 import {
   BreadcrumbEntry
-} from "./chunk-XZBCPL4N.js";
+} from "./chunk-5W4BLTDI.js";
 import {
   breadcrumbsBarStyles,
   sizeIconMap
-} from "./chunk-QHUTSAFG.js";
+} from "./chunk-6CTPDNNX.js";
 import {
   sxRem
 } from "./chunk-YKCAJ2TN.js";
@@ -172,4 +172,4 @@ Breadcrumbs.displayName = "Breadcrumbs";
 export {
   Breadcrumbs
 };
-//# sourceMappingURL=chunk-YG2VQUZO.js.map
+//# sourceMappingURL=chunk-6BDYC4RA.js.map

package/dist/{chunk-QHUTSAFG.js → chunk-6CTPDNNX.js}

@@ -4,12 +4,12 @@ import {
   sheen,
   uiInk
 } from "./chunk-FQ6UW7IY.js";
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
 import {
   EFFECT_GLOW
 } from "./chunk-N3GAFIXG.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
 
 // src/components/navigation/Breadcrumbs/Breadcrumbs.styles.tsx
 import { alpha, keyframes } from "@mui/material/styles/index.js";
@@ -191,4 +191,4 @@ export {
   breadcrumbLinkStyles,
   sizeIconMap
 };
-//# sourceMappingURL=chunk-QHUTSAFG.js.map
+//# sourceMappingURL=chunk-6CTPDNNX.js.map

package/dist/{chunk-CU4TF7C7.js → chunk-6GRZ77IS.js}

@@ -1,9 +1,9 @@
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
 import {
   EFFECT_GLOW
 } from "./chunk-N3GAFIXG.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
 
 // src/components/navigation/NavigationMenu/NavigationMenu.styles.ts
 import { alpha, keyframes } from "@mui/material/styles/index.js";
@@ -170,4 +170,4 @@ export {
   pulseGlow,
   navItemButtonStyles
 };
-//# sourceMappingURL=chunk-CU4TF7C7.js.map
+//# sourceMappingURL=chunk-6GRZ77IS.js.map

package/dist/{chunk-YLBRXDYH.js → chunk-7EIOXZWL.js}

@@ -1,6 +1,6 @@
 import {
   RangeBounds
-} from "./chunk-Y2E73IG2.js";
+} from "./chunk-AJ5SDHX5.js";
 import {
   isRangeSet
 } from "./chunk-GCZJH4XL.js";
@@ -201,4 +201,4 @@ export {
   fieldClearing,
   MoreGroup
 };
-//# sourceMappingURL=chunk-YLBRXDYH.js.map
+//# sourceMappingURL=chunk-7EIOXZWL.js.map