@12-apps/ui 6.31.0 → 6.32.0

package/dist/{chunk-BDVJ65GR.js → chunk-MMPJ2MCE.js}

@@ -1,3 +1,6 @@
+import {
+  fieldHeight
+} from "./chunk-CGO452DC.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -61,8 +64,8 @@ function ColumnsMenu({
         "aria-expanded": open,
         onClick: (event) => setAnchorEl(event.currentTarget),
         sx: {
-          width: 32,
-          height: 32,
+          width: fieldHeight,
+          height: fieldHeight,
           borderRadius: fieldRadiusPx,
           color: "text.secondary",
           bgcolor: open ? "action.selected" : "transparent"
@@ -99,4 +102,4 @@ function ColumnsMenu({
 export {
   ColumnsMenu
 };
-//# sourceMappingURL=chunk-BDVJ65GR.js.map
+//# sourceMappingURL=chunk-MMPJ2MCE.js.map

package/dist/chunk-MMPJ2MCE.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/ContentToolbar/ColumnsMenu.tsx"],"sourcesContent":["'use client';\n\nimport ColumnsIcon from '@mui/icons-material/ViewColumnRounded';\nimport Box from '@mui/material/Box/index.js';\nimport Checkbox from '@mui/material/Checkbox/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport ListSubheader from '@mui/material/ListSubheader/index.js';\nimport Menu from '@mui/material/Menu/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport React, { useState } from 'react';\n\nimport type { ColumnVisibilityOption, ColumnsMenuProps } from './ContentToolbar.types';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\nimport { fieldHeight } from '../../../tokens/field-height';\n\n/** One column checkbox row; toggling never closes the menu. */\nfunction ColumnRow({\n  option,\n  onToggle,\n  testId,\n}: {\n  option: ColumnVisibilityOption;\n  onToggle: (id: string, visible: boolean) => void;\n  testId?: string;\n}): React.JSX.Element {\n  return (\n    <MenuItem\n      data-testid={testId}\n      onClick={() => onToggle(option.id, !option.visible)}\n      disabled={option.locked}\n      sx={{ gap: 1 }}\n    >\n      <Checkbox\n        checked={option.visible}\n        size=\"small\"\n        disableRipple\n        sx={{ p: 0, pointerEvents: 'none' }}\n        tabIndex={-1}\n      />\n      <Box component=\"span\" sx={{ flex: 1, minWidth: 0, textAlign: 'left' }}>\n        {option.label}\n      </Box>\n    </MenuItem>\n  );\n}\n\n/**\n * Stateless column-visibility selector: a neutral icon button (matching\n * {@link FilterTrigger}/{@link SortByDropdown}) opening a checkbox list of the\n * hideable columns. Purely presentational — the caller owns the visibility state\n * and is notified via `onToggle`. The menu stays open while toggling so several\n * columns can be flipped at once.\n */\nexport function ColumnsMenu({\n  columns,\n  onToggle,\n  title = 'Columns',\n  ariaLabel = 'Toggle columns',\n  'data-testid': testId,\n}: ColumnsMenuProps): React.JSX.Element {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n  const close = (): void => setAnchorEl(null);\n\n  return (\n    <>\n      <IconButton\n        size=\"small\"\n        data-testid={testId}\n        aria-label={ariaLabel}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        onClick={(event) => setAnchorEl(event.currentTarget)}\n        sx={{\n          width: fieldHeight,\n          height: fieldHeight,\n          borderRadius: fieldRadiusPx,\n          color: 'text.secondary',\n          bgcolor: open ? 'action.selected' : 'transparent',\n        }}\n      >\n        <ColumnsIcon sx={{ fontSize: 16 }} />\n      </IconButton>\n      <Menu\n        anchorEl={anchorEl}\n        open={open}\n        onClose={close}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n        transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n        slotProps={{ paper: { sx: { minWidth: 200 } } }}\n      >\n        <ListSubheader sx={{ px: 1.5, py: 0.75, fontSize: '0.75rem', fontWeight: 600, color: 'text.primary', lineHeight: 1.5 }}>\n          {title}\n        </ListSubheader>\n        {columns.map((option) => (\n          <ColumnRow\n            key={option.id}\n            option={option}\n            onToggle={onToggle}\n            testId={testId ? `${testId}-${option.id}` : undefined}\n          />\n        ))}\n      </Menu>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAEA,OAAO,iBAAiB;AACxB,OAAO,SAAS;AAChB,OAAO,cAAc;AACrB,OAAO,gBAAgB;AACvB,OAAO,mBAAmB;AAC1B,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,SAAgB,gBAAgB;AAiB5B,SAuCA,UAjCE,KANF;AAVJ,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF,GAIsB;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,SAAS,MAAM,SAAS,OAAO,IAAI,CAAC,OAAO,OAAO;AAAA,MAClD,UAAU,OAAO;AAAA,MACjB,IAAI,EAAE,KAAK,EAAE;AAAA,MAEb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,OAAO;AAAA,YAChB,MAAK;AAAA,YACL,eAAa;AAAA,YACb,IAAI,EAAE,GAAG,GAAG,eAAe,OAAO;AAAA,YAClC,UAAU;AAAA;AAAA,QACZ;AAAA,QACA,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,OAAO,GACjE,iBAAO,OACV;AAAA;AAAA;AAAA,EACF;AAEJ;AASO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,eAAe;AACjB,GAAwC;AACtC,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,IAAI;AACjE,QAAM,OAAO,QAAQ,QAAQ;AAC7B,QAAM,QAAQ,MAAY,YAAY,IAAI;AAE1C,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,eAAa;AAAA,QACb,cAAY;AAAA,QACZ,iBAAc;AAAA,QACd,iBAAe;AAAA,QACf,SAAS,CAAC,UAAU,YAAY,MAAM,aAAa;AAAA,QACnD,IAAI;AAAA,UACF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,OAAO;AAAA,UACP,SAAS,OAAO,oBAAoB;AAAA,QACtC;AAAA,QAEA,8BAAC,eAAY,IAAI,EAAE,UAAU,GAAG,GAAG;AAAA;AAAA,IACrC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,cAAc,EAAE,UAAU,UAAU,YAAY,QAAQ;AAAA,QACxD,iBAAiB,EAAE,UAAU,OAAO,YAAY,QAAQ;AAAA,QACxD,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,IAAI,EAAE,EAAE;AAAA,QAE9C;AAAA,8BAAC,iBAAc,IAAI,EAAE,IAAI,KAAK,IAAI,MAAM,UAAU,WAAW,YAAY,KAAK,OAAO,gBAAgB,YAAY,IAAI,GAClH,iBACH;AAAA,UACC,QAAQ,IAAI,CAAC,WACZ;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA;AAAA,cACA,QAAQ,SAAS,GAAG,MAAM,IAAI,OAAO,EAAE,KAAK;AAAA;AAAA,YAHvC,OAAO;AAAA,UAId,CACD;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/{chunk-4EL5ZSZ3.js → chunk-MQZDTGGJ.js}

@@ -7,7 +7,11 @@ import {
   panelHeadSx,
   pinnedLabelSx,
   pinnedSx
-} from "./chunk-ETSKBOXN.js";
+} from "./chunk-LGLHU55A.js";
+import {
+  fieldBorder,
+  fieldHeight
+} from "./chunk-CGO452DC.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
@@ -22,11 +26,10 @@ var searchFieldSx = {
   alignItems: "center",
   "& input": {
     width: "100%",
-    height: 36,
+    height: fieldHeight,
     padding: "0 30px 0 32px",
     fontSize: 13,
-    border: "1px solid",
-    borderColor: "divider",
+    border: fieldBorder,
     borderRadius: fieldRadiusPx,
     background: "background.paper",
     color: "text.primary",
@@ -147,4 +150,4 @@ export {
   CategoryPanelHead,
   CategoryPinnedTray
 };
-//# sourceMappingURL=chunk-4EL5ZSZ3.js.map
+//# sourceMappingURL=chunk-MQZDTGGJ.js.map

package/dist/chunk-MQZDTGGJ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/CategoryPanelHead.tsx"],"sourcesContent":["'use client';\n\nimport type { CategorySelectCopy } from '../../../copy';\nimport Box from '@mui/material/Box/index.js';\nimport InputBase from '@mui/material/InputBase/index.js';\n\nimport { SearchGlyph } from './CategoryIcons';\nimport {\n  chipSx,\n  chipWrapSx,\n  panelHeadSx,\n  pinnedLabelSx,\n  pinnedSx,\n} from './CategorySelect.styles';\nimport type { CategorySelectionChip } from './CategorySelect.types';\nimport { fieldBorder, fieldHeight } from '../../../tokens/field-height';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\n\ninterface PanelHeadProps {\n  query: string;\n  placeholder: string;\n  sheet: boolean;\n  /** Quick actions belong to multi-select only; single-select has nothing to bulk-do. */\n  quickActions?: React.ReactNode;\n  onQueryChange: (next: string) => void;\n  searchInputRef: React.RefObject<HTMLInputElement | null>;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}\n\nconst searchFieldSx = {\n  position: 'relative',\n  display: 'flex',\n  alignItems: 'center',\n  '& input': {\n    width: '100%',\n    height: fieldHeight,\n    padding: '0 30px 0 32px',\n    fontSize: 13,\n    border: fieldBorder,\n    borderRadius: fieldRadiusPx,\n    background: 'background.paper',\n    color: 'text.primary',\n    '&:focus': {\n      outline: 'none',\n      borderColor: 'primary.main',\n      boxShadow: (theme: { palette: { primary: { main: string } } }) =>\n        `0 0 0 3px ${theme.palette.primary.main}26`,\n    },\n  },\n} as const;\n\nconst clearButtonSx = {\n  position: 'absolute',\n  right: 7,\n  width: 20,\n  height: 20,\n  border: 0,\n  background: 'action.selected',\n  color: 'text.secondary',\n  borderRadius: '50%',\n  display: 'grid',\n  placeItems: 'center',\n  cursor: 'pointer',\n  fontSize: 12,\n  padding: 0,\n  lineHeight: 1,\n} as const;\n\n/** Search field, its clear affordance, and the optional quick-action row. */\nexport function CategoryPanelHead({\n  query,\n  placeholder,\n  sheet,\n  quickActions,\n  onQueryChange,\n  searchInputRef,\n  dataTestId,\n  copy,\n}: PanelHeadProps): React.JSX.Element {\n  return (\n    <Box sx={(theme) => panelHeadSx(theme, sheet)}>\n      <Box sx={searchFieldSx}>\n        <SearchGlyph\n          style={{\n            position: 'absolute',\n            left: 10,\n            width: 15,\n            height: 15,\n            opacity: 0.55,\n            pointerEvents: 'none',\n          }}\n        />\n        <InputBase\n          inputRef={searchInputRef}\n          value={query}\n          placeholder={placeholder}\n          autoComplete=\"off\"\n          inputProps={{ 'aria-label': placeholder, 'data-testid': `${dataTestId}-search` }}\n          onChange={(event) => onQueryChange(event.target.value)}\n          sx={{ width: '100%' }}\n        />\n        {query.length > 0 && (\n          <Box\n            component=\"button\"\n            type=\"button\"\n            aria-label={copy.search.clear}\n            data-testid={`${dataTestId}-search-clear`}\n            sx={clearButtonSx}\n            onClick={() => onQueryChange('')}\n          >\n            ×\n          </Box>\n        )}\n      </Box>\n      {quickActions && (\n        <Box\n          sx={{\n            display: 'flex',\n            alignItems: 'center',\n            gap: '10px',\n            marginTop: '8px',\n            fontSize: 12,\n          }}\n        >\n          {quickActions}\n        </Box>\n      )}\n    </Box>\n  );\n}\n\ninterface PinnedTrayProps {\n  chips: CategorySelectionChip[];\n  onRemove: (chipId: string) => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}\n\n/**\n * The selected categories, pinned above the list.\n *\n * Pinned rather than left in place because a selection made at the bottom of a\n * ten-category tree scrolls out of sight the moment you look for the next one —\n * and a search hides it entirely. Here it survives both.\n */\nexport function CategoryPinnedTray({\n  chips,\n  onRemove,\n  dataTestId,\n  copy,\n}: PinnedTrayProps): React.JSX.Element | null {\n  if (chips.length === 0) return null;\n  return (\n    <Box sx={pinnedSx} data-testid={`${dataTestId}-pinned`}>\n      <Box sx={pinnedLabelSx}>{copy.search.pinnedLabel(chips.length)}</Box>\n      <Box sx={chipWrapSx}>\n        {chips.map((chip) => (\n          <Box component=\"span\" key={chip.id} sx={chipSx}>\n            {chip.label}\n            <button\n              type=\"button\"\n              aria-label={copy.search.removeChip(chip.label)}\n              data-testid={`${dataTestId}-unpin-${chip.id}`}\n              onClick={() => onRemove(chip.id)}\n            >\n              ×\n            </button>\n          </Box>\n        ))}\n      </Box>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-ATBT4RJZ.js → chunk-MSXNA3UH.js}

@@ -1,6 +1,6 @@
 import {
   FleetCanvas
-} from "./chunk-NR2HXHBR.js";
+} from "./chunk-IYSQRTIX.js";
 import {
   FleetRoster
 } from "./chunk-E6D2Y5EK.js";
@@ -76,4 +76,4 @@ function FleetBody({
 export {
   FleetBody
 };
-//# sourceMappingURL=chunk-ATBT4RJZ.js.map
+//# sourceMappingURL=chunk-MSXNA3UH.js.map

package/dist/{chunk-BB2IVF76.js → chunk-MVXFMIVZ.js}

@@ -1,6 +1,10 @@
 import {
   scaleFor
 } from "./chunk-Z6TIAVEG.js";
+import {
+  asFieldSize,
+  fieldTextFieldStyles
+} from "./chunk-CGO452DC.js";
 
 // src/components/navigation/Pagination/PaginationParts.tsx
 import Box from "@mui/material/Box/index.js";
@@ -30,7 +34,7 @@ var ItemsPerPageSelect = ({
   onChange
 }) => /* @__PURE__ */ jsxs(ItemsPerPageContainer, { children: [
   /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: pageSizeLabel }),
-  /* @__PURE__ */ jsx(FormControl, { size: "small", sx: { minWidth: 80 }, children: /* @__PURE__ */ jsx(
+  /* @__PURE__ */ jsx(FormControl, { size: "small", sx: (theme) => ({ minWidth: 80, ...fieldTextFieldStyles(theme, asFieldSize(size)) }), children: /* @__PURE__ */ jsx(
     Select,
     {
       value,
@@ -39,8 +43,7 @@ var ItemsPerPageSelect = ({
       "data-testid": testId,
       sx: {
         "& .MuiSelect-select": {
-          fontSize: scaleFor(size, ["0.875rem", "1rem", "1.125rem"]),
-          py: scaleFor(size, [0.5, 1, 1.5])
+          fontSize: scaleFor(size, ["0.875rem", "1rem", "1.125rem"])
         }
       },
       children: options.map((option) => /* @__PURE__ */ jsx(MenuItem, { value: option, children: option }, option))
@@ -66,4 +69,4 @@ export {
   ItemsPerPageSelect,
   PageInfo
 };
-//# sourceMappingURL=chunk-BB2IVF76.js.map
+//# sourceMappingURL=chunk-MVXFMIVZ.js.map

package/dist/chunk-MVXFMIVZ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/navigation/Pagination/PaginationParts.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport FormControl from '@mui/material/FormControl/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport Select from '@mui/material/Select/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport { scaleFor } from './Pagination.helpers';\nimport { asFieldSize, fieldTextFieldStyles } from '../../../tokens/field-height';\n\n// Kept module-local: styled() components cannot be exported across a module\n// boundary here without tripping TS2742.\nconst ItemsPerPageContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n}));\n\nconst PageInfoContainer = styled(Box)(({ theme }) => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: theme.spacing(1),\n}));\n\nexport interface ItemsPerPageSelectProps {\n  /** The label in front of the select. REQUIRED — it was `\"Show:\"`. */\n  pageSizeLabel: string;\n  value: number;\n  options: number[];\n  size: string;\n  disabled: boolean;\n  testId: string;\n  onChange: (value: number) => void;\n}\n\nexport const ItemsPerPageSelect: FC<ItemsPerPageSelectProps> = ({\n  pageSizeLabel,\n  value,\n  options,\n  size,\n  disabled,\n  testId,\n  onChange,\n}) => (\n  <ItemsPerPageContainer>\n    <Typography variant=\"body2\" color=\"text.secondary\">\n      {pageSizeLabel}\n    </Typography>\n    <FormControl size=\"small\" sx={(theme) => ({ minWidth: 80, ...fieldTextFieldStyles(theme, asFieldSize(size)) })}>\n      <Select\n        value={value}\n        onChange={(event) => onChange(event.target.value as number)}\n        disabled={disabled}\n        data-testid={testId}\n        sx={{\n          '& .MuiSelect-select': {\n            fontSize: scaleFor(size, ['0.875rem', '1rem', '1.125rem']),\n          },\n        }}\n      >\n        {options.map((option) => (\n          <MenuItem key={option} value={option}>\n            {option}\n          </MenuItem>\n        ))}\n      </Select>\n    </FormControl>\n  </ItemsPerPageContainer>\n);\n\nexport const PageInfo: FC<{ size: string; testId: string; children: React.ReactNode }> = ({\n  size,\n  testId,\n  children,\n}) => (\n  <PageInfoContainer>\n    <Typography\n      variant=\"body2\"\n      color=\"text.secondary\"\n      fontSize={scaleFor(size, ['0.75rem', '0.875rem', '1rem'])}\n      data-testid={testId}\n    >\n      {children}\n    </Typography>\n  </PageInfoContainer>\n);\n"],"mappings":";;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,iBAAiB;AACxB,OAAO,cAAc;AACrB,OAAO,YAAY;AACnB,OAAO,gBAAgB;AACvB,SAAS,cAAc;AAyCrB,SACE,KADF;AAhCF,IAAM,wBAAwB,OAAO,GAAG,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EACxD,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;AAEF,IAAM,oBAAoB,OAAO,GAAG,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EACpD,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,KAAK,MAAM,QAAQ,CAAC;AACtB,EAAE;AAaK,IAAM,qBAAkD,CAAC;AAAA,EAC9D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MACE,qBAAC,yBACC;AAAA,sBAAC,cAAW,SAAQ,SAAQ,OAAM,kBAC/B,yBACH;AAAA,EACA,oBAAC,eAAY,MAAK,SAAQ,IAAI,CAAC,WAAW,EAAE,UAAU,IAAI,GAAG,qBAAqB,OAAO,YAAY,IAAI,CAAC,EAAE,IAC1G;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,UAAU,CAAC,UAAU,SAAS,MAAM,OAAO,KAAe;AAAA,MAC1D;AAAA,MACA,eAAa;AAAA,MACb,IAAI;AAAA,QACF,uBAAuB;AAAA,UACrB,UAAU,SAAS,MAAM,CAAC,YAAY,QAAQ,UAAU,CAAC;AAAA,QAC3D;AAAA,MACF;AAAA,MAEC,kBAAQ,IAAI,CAAC,WACZ,oBAAC,YAAsB,OAAO,QAC3B,oBADY,MAEf,CACD;AAAA;AAAA,EACH,GACF;AAAA,GACF;AAGK,IAAM,WAA4E,CAAC;AAAA,EACxF;AAAA,EACA;AAAA,EACA;AACF,MACE,oBAAC,qBACC;AAAA,EAAC;AAAA;AAAA,IACC,SAAQ;AAAA,IACR,OAAM;AAAA,IACN,UAAU,SAAS,MAAM,CAAC,WAAW,YAAY,MAAM,CAAC;AAAA,IACxD,eAAa;AAAA,IAEZ;AAAA;AACH,GACF;","names":[]}

package/dist/{chunk-G5G4Q7G6.js → chunk-MYYGXSXF.js}

@@ -6,13 +6,16 @@ import {
   INPUT_GLOW,
   INPUT_GRADIENT,
   INPUT_PULSE
-} from "./chunk-GEZYZ446.js";
+} from "./chunk-Y3IGYWGN.js";
 import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
+  fieldHeight
+} from "./chunk-CGO452DC.js";
 import {
   fieldRadius
 } from "./chunk-GDN2LUTZ.js";
+import {
+  fieldEdge
+} from "./chunk-7FDU3FIN.js";
 
 // src/components/form/Input/Input.styles.ts
 import { alpha, keyframes } from "@mui/material/styles/index.js";
@@ -38,14 +41,14 @@ var glowStyles = (theme) => ({
     }
   }
 });
-var pulseStyles = (theme) => ({
+var pulseStyles = (theme, size = "md") => ({
   "&::after": {
     content: '""',
     position: "absolute",
     top: "50%",
     left: "0",
     right: "0",
-    height: `${INPUT_PULSE.height}px`,
+    height: fieldHeight(theme, size),
     transform: "translateY(-50%)",
     borderRadius: fieldRadius(theme),
     backgroundColor: theme.palette.primary.main,
@@ -171,4 +174,4 @@ export {
   outlinedStyles,
   filledStyles
 };
-//# sourceMappingURL=chunk-G5G4Q7G6.js.map
+//# sourceMappingURL=chunk-MYYGXSXF.js.map

package/dist/chunk-MYYGXSXF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Input/Input.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport {\n  FILLED_WASH,\n  FLOATING_LABEL,\n  INPUT_BORDER,\n  INPUT_GLASS,\n  INPUT_GLOW,\n  INPUT_GRADIENT,\n  INPUT_PULSE,\n} from './Input.metrics';\nimport type { InputProps } from './Input.types';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldHeight } from '../../../tokens/field-height';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\ntype InputVariant = NonNullable<InputProps['variant']>;\n\n// The numbers below all come from `./Input.metrics`, which the native renderer\n// reads too — see its header for why MUI's own values are in there as well.\nexport { muiVariantFor, SIZE_MAP } from './Input.metrics';\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${INPUT_PULSE.spread}px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\nexport const glowStyles = (theme: Theme): CSSObject => ({\n  '& .MuiInputBase-root': {\n    boxShadow: `0 0 ${INPUT_GLOW.rest.blur}px ${alpha(theme.palette.primary.main, INPUT_GLOW.rest.alpha)}`,\n    '&.Mui-focused': {\n      boxShadow: `0 0 ${INPUT_GLOW.focused.blur}px ${alpha(theme.palette.primary.main, INPUT_GLOW.focused.alpha)}`,\n    },\n  },\n});\n\n// A bar behind the field rather than a border on it, so it can pulse outward\n// without the input resizing.\nexport const pulseStyles = (theme: Theme, size: SizeValue = 'md'): CSSObject => ({\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '0',\n    right: '0',\n    height: fieldHeight(theme, size),\n    transform: 'translateY(-50%)',\n    borderRadius: fieldRadius(theme),\n    backgroundColor: theme.palette.primary.main,\n    opacity: INPUT_PULSE.opacity,\n    animation: `${pulseAnimation} ${INPUT_PULSE.ms / 1000}s infinite`,\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n});\n\nexport const floatingLabelStyles = (theme: Theme): CSSObject => ({\n  '& .MuiInputLabel-root': {\n    transform: `translate(${FLOATING_LABEL.rest.x}px, ${FLOATING_LABEL.rest.y}px) scale(1)`,\n    '&.MuiInputLabel-shrink': {\n      transform: `translate(${FLOATING_LABEL.shrink.x}px, ${FLOATING_LABEL.shrink.y}px) scale(${FLOATING_LABEL.scale})`,\n      backgroundColor: theme.palette.background.paper,\n      padding: `0 ${FLOATING_LABEL.paddingX}px`,\n    },\n  },\n});\n\n/**\n * The field's corner: the theme's one field radius (see `tokens/field-radius`).\n * `filled` rounds its top two only — its bottom edge is the underline — and\n * `underline` none, which is how MUI draws those two variants.\n */\nexport const inputRadiusStyles = (theme: Theme, variant?: InputVariant): CSSObject => {\n  if (variant === 'underline') return {};\n  const radius = fieldRadius(theme);\n  if (variant === 'filled') return { borderTopLeftRadius: radius, borderTopRightRadius: radius };\n  return { borderRadius: radius };\n};\n\nexport const inputBaseStyles = (theme: Theme, variant?: InputVariant): CSSObject => {\n  switch (variant) {\n    case 'glass':\n      return {\n        backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.rest),\n        backdropFilter: `blur(${INPUT_GLASS.blur}px)`,\n        border: `${INPUT_BORDER.rest}px solid ${fieldEdge(theme)}`,\n        '&:hover': {\n          backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.hover),\n          borderColor: alpha(theme.palette.primary.main, INPUT_GLASS.hoverBorderAlpha),\n        },\n        '&.Mui-focused': {\n          backgroundColor: alpha(theme.palette.background.paper, INPUT_GLASS.background.focused),\n          borderColor: theme.palette.primary.main,\n          boxShadow: `0 0 0 ${INPUT_GLASS.focusRing.width}px ${alpha(theme.palette.primary.main, INPUT_GLASS.focusRing.alpha)}`,\n        },\n      };\n    case 'underline':\n      return {\n        '&:before': {\n          borderBottomColor: fieldEdge(theme),\n        },\n        '&:hover:not(.Mui-disabled):before': {\n          borderBottomColor: theme.palette.primary.main,\n        },\n        '&:after': {\n          borderBottomColor: theme.palette.primary.main,\n        },\n      };\n    case 'gradient':\n      return gradientStyles(theme);\n    default:\n      return {};\n  }\n};\n\n/** The 135° fill between the two brand hues, at one of its three strengths. */\nconst gradientFill = (theme: Theme, strength: number): string =>\n  `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${alpha(theme.palette.primary.main, strength)}, ${alpha(theme.palette.secondary.main, strength)})`;\n\n// The border is a gradient painted behind the field and masked to a 2px ring,\n// since CSS cannot put a gradient on `border-color` directly.\nconst gradientStyles = (theme: Theme): CSSObject => ({\n  background: gradientFill(theme, INPUT_GRADIENT.fill.rest),\n  border: `${INPUT_GRADIENT.borderWidth}px solid transparent`,\n  backgroundOrigin: 'border-box',\n  backgroundClip: 'padding-box, border-box',\n  position: 'relative',\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderRadius: 'inherit',\n    background: `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,\n    mask: 'linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)',\n    maskComposite: 'exclude',\n    padding: `${INPUT_GRADIENT.borderWidth}px`,\n    zIndex: -1,\n  },\n  '&:hover': {\n    background: gradientFill(theme, INPUT_GRADIENT.fill.hover),\n  },\n  '&.Mui-focused': {\n    background: gradientFill(theme, INPUT_GRADIENT.fill.focused),\n    '&::before': {\n      background: `linear-gradient(${INPUT_GRADIENT.angleDeg}deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`,\n    },\n  },\n});\n\nexport const outlinedStyles = (theme: Theme): CSSObject => ({\n  '& fieldset': {\n    borderColor: fieldEdge(theme),\n  },\n  '&:hover fieldset': {\n    borderColor: theme.palette.primary.main,\n  },\n  '&.Mui-focused fieldset': {\n    borderColor: theme.palette.primary.main,\n    borderWidth: INPUT_BORDER.focused,\n  },\n  '&.Mui-error fieldset': {\n    borderColor: theme.palette.error.main,\n  },\n});\n\nexport const filledStyles = (theme: Theme): CSSObject => ({\n  backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.rest),\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.hover),\n  },\n  '&.Mui-focused': {\n    backgroundColor: alpha(theme.palette.action.hover, FILLED_WASH.focused),\n  },\n});\n"],"mappings":"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","names":[]}

package/dist/{chunk-MYUZPUXQ.js → chunk-N74IYYRU.js}

@@ -6,11 +6,11 @@ import {
 } from "./chunk-6C5D6O3D.js";
 import {
   buildBadgeContent
-} from "./chunk-EATFKTO3.js";
+} from "./chunk-IOEF32HX.js";
 import {
   badgeStyles,
   getAnchorOrigin
-} from "./chunk-IQFUV3BA.js";
+} from "./chunk-5RHMLOIA.js";
 import {
   CLOSE_DELAY_MS,
   MOUNT_ANIMATION_MS
@@ -180,4 +180,4 @@ Badge.displayName = "Badge";
 export {
   Badge
 };
-//# sourceMappingURL=chunk-MYUZPUXQ.js.map
+//# sourceMappingURL=chunk-N74IYYRU.js.map

package/dist/{chunk-5YOFMMK3.js → chunk-NBBFFPTA.js}

@@ -1,6 +1,6 @@
 import {
   accentFor
-} from "./chunk-F73D4EMA.js";
+} from "./chunk-3DO5MFXA.js";
 
 // src/components/form/Command/Command.styles.ts
 import { alpha } from "@mui/material/styles/index.js";
@@ -58,4 +58,4 @@ export {
   commandSizeStyles,
   commandPaperStyles
 };
-//# sourceMappingURL=chunk-5YOFMMK3.js.map
+//# sourceMappingURL=chunk-NBBFFPTA.js.map

package/dist/{chunk-272OV2KZ.js → chunk-NFGVP3HN.js}

@@ -1,9 +1,13 @@
 import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
+  asFieldSize,
+  fieldHeight
+} from "./chunk-CGO452DC.js";
 import {
   fieldRadius
 } from "./chunk-GDN2LUTZ.js";
+import {
+  fieldEdge
+} from "./chunk-7FDU3FIN.js";
 
 // src/components/form/InputOTP/InputOTP.styles.ts
 import { alpha } from "@mui/material/styles/index.js";
@@ -38,16 +42,17 @@ var getColorFromTheme = (theme, color) => {
   };
 };
 var SIZES = {
-  xs: { side: "32px", fontSize: "0.75rem" },
-  sm: { side: "40px", fontSize: "0.875rem" },
-  md: { side: "48px", fontSize: "1rem" },
-  lg: { side: "56px", fontSize: "1.125rem" },
-  xl: { side: "64px", fontSize: "1.25rem" }
+  xs: { fontSize: "0.75rem" },
+  sm: { fontSize: "0.875rem" },
+  md: { fontSize: "1rem" },
+  lg: { fontSize: "1.125rem" },
+  xl: { fontSize: "1.25rem" }
 };
 var otpSlotSx = (theme, flags) => {
   const { customColor = "primary", customSize = "md", glass, gradient } = flags;
   const palette = getColorFromTheme(theme, customColor);
-  const { side, fontSize } = SIZES[customSize] ?? SIZES.md;
+  const { fontSize } = SIZES[customSize] ?? SIZES.md;
+  const side = fieldHeight(theme, asFieldSize(customSize));
   return {
     width: side,
     height: side,
@@ -70,6 +75,7 @@ var otpSlotSx = (theme, flags) => {
         }
       },
       "& input": { textAlign: "center", padding: 0, fontWeight: "inherit" },
+      ...!glass && { "& fieldset": { borderColor: fieldEdge(theme) } },
       "&:hover fieldset": { borderColor: palette.main },
       "&.Mui-focused fieldset": { borderColor: palette.main, borderWidth: "2px" }
     }
@@ -79,4 +85,4 @@ var otpSlotSx = (theme, flags) => {
 export {
   otpSlotSx
 };
-//# sourceMappingURL=chunk-272OV2KZ.js.map
+//# sourceMappingURL=chunk-NFGVP3HN.js.map

package/dist/chunk-NFGVP3HN.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/InputOTP/InputOTP.styles.ts"],"sourcesContent":["import { alpha } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { asFieldSize, fieldHeight } from '../../../tokens/field-height';\n\ninterface ColorPalette {\n  main: string;\n  dark?: string;\n  light?: string;\n  contrastText?: string;\n}\n\n/** `neutral` is not a MUI palette entry, so it is built from the grey ramp. */\nconst neutralPalette = (theme: Theme): ColorPalette => ({\n  main: theme.palette.grey[700],\n  dark: theme.palette.grey[800],\n  light: theme.palette.grey[500],\n  contrastText: '#fff',\n});\n\n/** `danger` is this component's name for the error palette. */\nconst namedPalette = (theme: Theme, color: string): ColorPalette => {\n  const colorMap: Record<string, ColorPalette> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    danger: theme.palette.error,\n  };\n\n  return colorMap[color] || theme.palette.primary;\n};\n\nconst getColorFromTheme = (theme: Theme, color: string): ColorPalette => {\n  if (color === 'neutral') {\n    return neutralPalette(theme);\n  }\n\n  const palette = namedPalette(theme, color);\n  const { primary } = theme.palette;\n\n  return {\n    main: palette.main || primary.main,\n    dark: palette.dark || palette.main || primary.dark,\n    light: palette.light || palette.main || primary.light,\n    contrastText: palette.contrastText || '#fff',\n  };\n};\n\ntype SizeKey = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\n/** Each slot's type. Its side is the theme's field height for the size (a square). */\nconst SIZES: Record<SizeKey, { fontSize: string }> = {\n  xs: { fontSize: '0.75rem' },\n  sm: { fontSize: '0.875rem' },\n  md: { fontSize: '1rem' },\n  lg: { fontSize: '1.125rem' },\n  xl: { fontSize: '1.25rem' },\n};\n\nexport interface OtpSlotFlags {\n  customColor?: string;\n  customSize?: string;\n  glass?: boolean;\n  gradient?: boolean;\n}\n\nexport const otpSlotSx = (theme: Theme, flags: OtpSlotFlags): CSSObject => {\n  const { customColor = 'primary', customSize = 'md', glass, gradient } = flags;\n  const palette = getColorFromTheme(theme, customColor);\n  const { fontSize } = SIZES[customSize as SizeKey] ?? SIZES.md;\n  // A slot is a field: a square of the theme's field height for its size.\n  const side = fieldHeight(theme, asFieldSize(customSize));\n\n  return {\n    width: side,\n    height: side,\n    '& .MuiOutlinedInput-root': {\n      width: side,\n      height: side,\n      fontSize,\n      fontWeight: 600,\n      textAlign: 'center',\n      borderRadius: fieldRadius(theme),\n      ...(glass && {\n        backgroundColor: alpha(theme.palette.background.paper, 0.1),\n        backdropFilter: 'blur(20px)',\n        '& fieldset': { border: `1px solid ${fieldEdge(theme)}` },\n      }),\n      ...(gradient && {\n        '&.Mui-focused fieldset': {\n          background: `linear-gradient(135deg, ${palette.main}, ${palette.light})`,\n          borderWidth: '2px',\n        },\n      }),\n      '& input': { textAlign: 'center', padding: 0, fontWeight: 'inherit' },\n      ...(!glass && { '& fieldset': { borderColor: fieldEdge(theme) } }),\n      '&:hover fieldset': { borderColor: palette.main },\n      '&.Mui-focused fieldset': { borderColor: palette.main, borderWidth: '2px' },\n    },\n  };\n};\n"],"mappings":";;;;;;;;;;;;AAAA,SAAS,aAAa;AAetB,IAAM,iBAAiB,CAAC,WAAgC;AAAA,EACtD,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,EAC5B,MAAM,MAAM,QAAQ,KAAK,GAAG;AAAA,EAC5B,OAAO,MAAM,QAAQ,KAAK,GAAG;AAAA,EAC7B,cAAc;AAChB;AAGA,IAAM,eAAe,CAAC,OAAc,UAAgC;AAClE,QAAM,WAAyC;AAAA,IAC7C,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,MAAM,MAAM,QAAQ;AAAA,IACpB,QAAQ,MAAM,QAAQ;AAAA,EACxB;AAEA,SAAO,SAAS,KAAK,KAAK,MAAM,QAAQ;AAC1C;AAEA,IAAM,oBAAoB,CAAC,OAAc,UAAgC;AACvE,MAAI,UAAU,WAAW;AACvB,WAAO,eAAe,KAAK;AAAA,EAC7B;AAEA,QAAM,UAAU,aAAa,OAAO,KAAK;AACzC,QAAM,EAAE,QAAQ,IAAI,MAAM;AAE1B,SAAO;AAAA,IACL,MAAM,QAAQ,QAAQ,QAAQ;AAAA,IAC9B,MAAM,QAAQ,QAAQ,QAAQ,QAAQ,QAAQ;AAAA,IAC9C,OAAO,QAAQ,SAAS,QAAQ,QAAQ,QAAQ;AAAA,IAChD,cAAc,QAAQ,gBAAgB;AAAA,EACxC;AACF;AAKA,IAAM,QAA+C;AAAA,EACnD,IAAI,EAAE,UAAU,UAAU;AAAA,EAC1B,IAAI,EAAE,UAAU,WAAW;AAAA,EAC3B,IAAI,EAAE,UAAU,OAAO;AAAA,EACvB,IAAI,EAAE,UAAU,WAAW;AAAA,EAC3B,IAAI,EAAE,UAAU,UAAU;AAC5B;AASO,IAAM,YAAY,CAAC,OAAc,UAAmC;AACzE,QAAM,EAAE,cAAc,WAAW,aAAa,MAAM,OAAO,SAAS,IAAI;AACxE,QAAM,UAAU,kBAAkB,OAAO,WAAW;AACpD,QAAM,EAAE,SAAS,IAAI,MAAM,UAAqB,KAAK,MAAM;AAE3D,QAAM,OAAO,YAAY,OAAO,YAAY,UAAU,CAAC;AAEvD,SAAO;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,4BAA4B;AAAA,MAC1B,OAAO;AAAA,MACP,QAAQ;AAAA,MACR;AAAA,MACA,YAAY;AAAA,MACZ,WAAW;AAAA,MACX,cAAc,YAAY,KAAK;AAAA,MAC/B,GAAI,SAAS;AAAA,QACX,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,QAC1D,gBAAgB;AAAA,QAChB,cAAc,EAAE,QAAQ,aAAa,UAAU,KAAK,CAAC,GAAG;AAAA,MAC1D;AAAA,MACA,GAAI,YAAY;AAAA,QACd,0BAA0B;AAAA,UACxB,YAAY,2BAA2B,QAAQ,IAAI,KAAK,QAAQ,KAAK;AAAA,UACrE,aAAa;AAAA,QACf;AAAA,MACF;AAAA,MACA,WAAW,EAAE,WAAW,UAAU,SAAS,GAAG,YAAY,UAAU;AAAA,MACpE,GAAI,CAAC,SAAS,EAAE,cAAc,EAAE,aAAa,UAAU,KAAK,EAAE,EAAE;AAAA,MAChE,oBAAoB,EAAE,aAAa,QAAQ,KAAK;AAAA,MAChD,0BAA0B,EAAE,aAAa,QAAQ,MAAM,aAAa,MAAM;AAAA,IAC5E;AAAA,EACF;AACF;","names":[]}

package/dist/{chunk-NFJUBPIN.js → chunk-NFLY5JMP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-YMGHTZA6.js";
 import {
   MenubarItemView
-} from "./chunk-R7KR5FYJ.js";
+} from "./chunk-KCFCEWF7.js";
 
 // src/components/form/Menubar/Menubar.toolbar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -82,4 +82,4 @@ var MenubarToolbar = ({
 export {
   MenubarToolbar
 };
-//# sourceMappingURL=chunk-NFJUBPIN.js.map
+//# sourceMappingURL=chunk-NFLY5JMP.js.map

package/dist/{chunk-3BAFJMBH.js → chunk-NKIAP6ZL.js}

@@ -4,12 +4,12 @@ import {
 import {
   useRichTextEditor
 } from "./chunk-774B27QA.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
 import {
   fieldRadiusPx
 } from "./chunk-GDN2LUTZ.js";
+import {
+  fieldEdge
+} from "./chunk-7FDU3FIN.js";
 
 // src/components/form/RichTextEditor/RichTextEditor.tsx
 import Box from "@mui/material/Box/index.js";
@@ -170,4 +170,4 @@ export {
   RichTextEditor,
   RichTextEditor_default
 };
-//# sourceMappingURL=chunk-3BAFJMBH.js.map
+//# sourceMappingURL=chunk-NKIAP6ZL.js.map

package/dist/{chunk-G3WUOPWE.js → chunk-NLBIG5LU.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-RTSK5OZT.js";
 import {
   useUiTheme
-} from "./chunk-5EQFAFR3.js";
+} from "./chunk-H4NWU2ZN.js";
 import {
   resolveTestId
 } from "./chunk-TYJR4GOF.js";
@@ -46,4 +46,4 @@ Icon.displayName = "Icon";
 export {
   Icon
 };
-//# sourceMappingURL=chunk-G3WUOPWE.js.map
+//# sourceMappingURL=chunk-NLBIG5LU.js.map

package/dist/{chunk-65IHPI4S.js → chunk-NMX3JAAB.js}

@@ -3,8 +3,8 @@ import {
   useTableFilterContext
 } from "./chunk-7AIL2F5E.js";
 import {
-  fieldRootStyles
-} from "./chunk-GDN2LUTZ.js";
+  fieldTextFieldStyles
+} from "./chunk-CGO452DC.js";
 
 // src/components/layout/TableFilter/TableFilter.tsx
 import CloseIcon from "@mui/icons-material/Close";
@@ -143,7 +143,7 @@ var TableFilterKeyword = ({
       TextField,
       {
         size: "small",
-        sx: fieldRootStyles,
+        sx: fieldTextFieldStyles,
         name: "keyword",
         placeholder,
         value: draft,
@@ -241,6 +241,7 @@ function RangeBound({
     TextField,
     {
       size: "small",
+      sx: fieldTextFieldStyles,
       type: "number",
       error,
       placeholder,
@@ -322,4 +323,4 @@ TableFilter.RangeField = TableFilterRangeField;
 export {
   TableFilter
 };
-//# sourceMappingURL=chunk-65IHPI4S.js.map
+//# sourceMappingURL=chunk-NMX3JAAB.js.map

package/dist/chunk-NMX3JAAB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/TableFilter/TableFilter.tsx"],"sourcesContent":["'use client';\n\nimport CloseIcon from '@mui/icons-material/Close';\nimport SearchIcon from '@mui/icons-material/Search';\nimport Box from '@mui/material/Box/index.js';\nimport Checkbox from '@mui/material/Checkbox/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport FormControlLabel from '@mui/material/FormControlLabel/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport Link from '@mui/material/Link/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React, { useRef, useState } from 'react';\n\nimport { TableFilterContext, useTableFilterContext } from './TableFilterContext';\nimport type {\n  TableFilterCheckboxFieldProps,\n  TableFilterKeywordProps,\n  TableFilterLayoutProps,\n  TableFilterMainProps,\n  TableFilterPanelProps,\n  TableFilterProps,\n  TableFilterRangeFieldProps,\n  TableFilterSectionProps,\n} from './TableFilter.types';\nimport { fieldTextFieldStyles } from '../../../tokens/field-height';\n\nconst PANEL_WIDTH = 280;\n\n/**\n * Compound filter-panel system, MUI port of the reference `TableFilter`. Provides\n * open/close state; `Panel` slides in from the right beside `Main` (no overlap).\n *\n * @example\n * ```tsx\n * <TableFilter open={open} onOpenChange={setOpen} hasActiveFilters={n > 0}>\n *   <TableFilter.Layout>\n *     <TableFilter.Main>{table}</TableFilter.Main>\n *     <TableFilter.Panel onClearAll={clearAll}>\n *       <TableFilter.Keyword value={q} onChange={setQ} />\n *       <TableFilter.Section title=\"Attributes\">\n *         <TableFilter.CheckboxField label=\"Category\" options={cats} selected={sel} onToggle={toggle} />\n *         <TableFilter.RangeField label=\"Price\" unit=\"R$\" value={price} onChange={setPrice} />\n *       </TableFilter.Section>\n *     </TableFilter.Panel>\n *   </TableFilter.Layout>\n * </TableFilter>\n * ```\n */\nexport function TableFilter({\n  children,\n  open,\n  onOpenChange,\n  hasActiveFilters = false,\n  copy,\n}: TableFilterProps): React.JSX.Element {\n  return (\n    <TableFilterContext.Provider value={{ open, onOpenChange, hasActiveFilters, copy }}>\n      {children}\n    </TableFilterContext.Provider>\n  );\n}\nTableFilter.displayName = 'TableFilter';\n\nconst TableFilterLayout = ({ children, className }: TableFilterLayoutProps): React.JSX.Element => {\n  const { open } = useTableFilterContext();\n  return (\n    <Box\n      className={className}\n      sx={{\n        display: 'flex',\n        minHeight: 0,\n        minWidth: 0,\n        flex: 1,\n        alignItems: 'stretch',\n        overflow: 'hidden',\n        gap: open ? 2 : 0,\n      }}\n    >\n      {children}\n    </Box>\n  );\n};\nTableFilterLayout.displayName = 'TableFilter.Layout';\n\nconst TableFilterMain = ({ children, className }: TableFilterMainProps): React.JSX.Element => (\n  <Box className={className} sx={{ minWidth: 0, flex: 1, overflowY: 'auto', overflowX: 'hidden' }}>\n    {children}\n  </Box>\n);\nTableFilterMain.displayName = 'TableFilter.Main';\n\nconst TableFilterPanel = ({\n  children,\n  onClearAll,\n  ariaLabel = 'Filters',\n  clearTestId,\n}: TableFilterPanelProps): React.JSX.Element => {\n  const { open, copy } = useTableFilterContext();\n  return (\n    <Box\n      component=\"aside\"\n      aria-label={ariaLabel}\n      aria-hidden={!open}\n      sx={{\n        display: 'flex',\n        minHeight: 0,\n        flexShrink: 0,\n        flexDirection: 'column',\n        alignSelf: 'stretch',\n        overflow: 'hidden',\n        bgcolor: 'background.paper',\n        width: open ? PANEL_WIDTH : 0,\n        borderLeft: open ? 1 : 0,\n        borderColor: 'divider',\n        transition: 'width 300ms ease-in-out',\n        '@media (prefers-reduced-motion: reduce)': { transition: 'none' },\n      }}\n    >\n      <Box\n        sx={{\n          display: 'flex',\n          minHeight: 0,\n          flex: 1,\n          flexDirection: 'column',\n          overflowY: 'auto',\n          overflowX: 'hidden',\n          visibility: open ? 'visible' : 'hidden',\n          opacity: open ? 1 : 0,\n          pointerEvents: open ? 'auto' : 'none',\n          transition: 'opacity 200ms ease-out',\n        }}\n      >\n        <Box sx={{ boxSizing: 'border-box', display: 'flex', width: '100%', minWidth: 0, flexDirection: 'column', gap: 2.5, p: 2 }}>\n          <Box sx={{ display: 'flex', justifyContent: 'flex-end' }}>\n            <Link\n              component=\"button\"\n              type=\"button\"\n              underline=\"hover\"\n              data-testid={clearTestId}\n              onClick={onClearAll}\n              sx={{ fontSize: '0.75rem', color: 'text.secondary' }}\n            >\n              {copy.clearAllFilters}\n            </Link>\n          </Box>\n          {children}\n        </Box>\n      </Box>\n    </Box>\n  );\n};\nTableFilterPanel.displayName = 'TableFilter.Panel';\n\nconst TableFilterKeyword = ({\n  value,\n  onChange,\n  placeholder = 'Press Enter to filter',\n  label = 'Filter by keyword',\n  testId,\n}: TableFilterKeywordProps): React.JSX.Element => {\n  const { copy } = useTableFilterContext();\n  const [draft, setDraft] = useState(value);\n  const prevValue = useRef(value);\n  if (prevValue.current !== value) {\n    prevValue.current = value;\n    if (draft !== value) setDraft(value);\n  }\n\n  const commit = (): void => {\n    if (draft !== value) onChange(draft);\n  };\n  const clearKeyword = (): void => {\n    setDraft('');\n    if (value !== '') onChange('');\n  };\n\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>\n      <Typography component=\"label\" sx={{ fontSize: '0.75rem', fontWeight: 500, color: 'text.secondary' }}>\n        {label}\n      </Typography>\n      <TextField\n        size=\"small\"\n        sx={fieldTextFieldStyles}\n        name=\"keyword\"\n        placeholder={placeholder}\n        value={draft}\n        onChange={(event) => setDraft(event.target.value)}\n        onBlur={commit}\n        onKeyDown={(event) => {\n          if (event.key !== 'Enter') return;\n          event.preventDefault();\n          commit();\n        }}\n        inputProps={{ 'aria-label': label, 'data-testid': testId }}\n        InputProps={{\n          startAdornment: (\n            <InputAdornment position=\"start\">\n              <SearchIcon sx={{ fontSize: 16, color: 'text.secondary' }} />\n            </InputAdornment>\n          ),\n          endAdornment:\n            draft !== '' ? (\n              <InputAdornment position=\"end\">\n                <IconButton\n                  size=\"small\"\n                  aria-label={copy.clearKeyword}\n                  data-testid={testId ? `${testId}-clear` : undefined}\n                  onMouseDown={(event) => event.preventDefault()}\n                  onClick={clearKeyword}\n                >\n                  <CloseIcon sx={{ fontSize: 16 }} />\n                </IconButton>\n              </InputAdornment>\n            ) : null,\n        }}\n      />\n    </Box>\n  );\n};\nTableFilterKeyword.displayName = 'TableFilter.Keyword';\n\nconst TableFilterSection = ({ title, children }: TableFilterSectionProps): React.JSX.Element => (\n  <Box>\n    <Divider sx={{ mb: 2.5 }} />\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1.5 }}>\n      <Typography component=\"h2\" sx={{ fontSize: '0.875rem', fontWeight: 600, color: 'text.primary' }}>\n        {title}\n      </Typography>\n      <Box sx={{ display: 'flex', flexDirection: 'column', gap: 2 }}>{children}</Box>\n    </Box>\n  </Box>\n);\nTableFilterSection.displayName = 'TableFilter.Section';\n\nfunction TableFilterCheckboxField<TValue extends string = string>({\n  label,\n  options,\n  selected,\n  onToggle,\n  testId,\n}: TableFilterCheckboxFieldProps<TValue>): React.JSX.Element {\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }} data-testid={testId}>\n      <Typography sx={{ fontSize: '0.75rem', fontWeight: 500, color: 'text.secondary' }}>{label}</Typography>\n      <Box sx={{ display: 'flex', flexDirection: 'column' }}>\n        {options.map((option) => {\n          const checked = selected.has(option.value);\n          return (\n            <FormControlLabel\n              key={option.value}\n              control={\n                <Checkbox\n                  size=\"small\"\n                  checked={checked}\n                  onChange={(event) => onToggle(option.value, event.target.checked)}\n                  data-testid={testId ? `${testId}-${option.value}` : undefined}\n                  sx={{ py: 0.25 }}\n                />\n              }\n              label={\n                <Box component=\"span\" sx={{ fontSize: '0.875rem' }}>\n                  {option.label}\n                  {option.count != null && (\n                    <Box component=\"span\" sx={{ color: 'text.secondary' }}>\n                      {' '}\n                      ({option.count})\n                    </Box>\n                  )}\n                </Box>\n              }\n              sx={{ ml: -0.5, mr: 0 }}\n            />\n          );\n        })}\n      </Box>\n    </Box>\n  );\n}\nTableFilterCheckboxField.displayName = 'TableFilter.CheckboxField';\n\nfunction parseBound(text: string): number | undefined {\n  if (text.trim() === '') return undefined;\n  const parsed = Number(text);\n  return Number.isNaN(parsed) ? undefined : parsed;\n}\n\n/** One numeric bound input (min or max) for {@link TableFilterRangeField}. */\nfunction RangeBound({\n  bound,\n  error,\n  placeholder,\n  step,\n  ariaLabel,\n  testId,\n  onChange,\n}: {\n  bound: number | undefined;\n  error: boolean;\n  placeholder: string;\n  step?: number;\n  ariaLabel: string;\n  testId?: string;\n  onChange: (next: number | undefined) => void;\n}): React.JSX.Element {\n  return (\n    <TextField\n      size=\"small\"\n      sx={fieldTextFieldStyles}\n      type=\"number\"\n      error={error}\n      placeholder={placeholder}\n      value={bound != null ? String(bound) : ''}\n      onChange={(event) => onChange(parseBound(event.target.value))}\n      inputProps={{ step, 'aria-label': ariaLabel, 'data-testid': testId }}\n    />\n  );\n}\n\n/** Inverted range: both ends set and max < min (surfaced to the user as an error). */\nconst isRangeInverted = (value: { min?: number; max?: number }): boolean =>\n  value.min != null && value.max != null && value.max < value.min;\n\nconst TableFilterRangeField = ({\n  label,\n  value,\n  onChange,\n  unit,\n  step,\n  minPlaceholder,\n  maxPlaceholder,\n  invalidLabel,\n  testId,\n}: TableFilterRangeFieldProps): React.JSX.Element => {\n  const { copy } = useTableFilterContext();\n  const invalid = isRangeInverted(value);\n  // A field may override any of the three; unset, they come from the root's\n  // table. Neither path reaches an English literal in this package.\n  const minText = minPlaceholder ?? copy.rangeMin;\n  const maxText = maxPlaceholder ?? copy.rangeMax;\n  const invalidText = invalidLabel ?? copy.invalidRange;\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }} data-testid={testId}>\n      <Typography sx={{ fontSize: '0.75rem', fontWeight: 500, color: 'text.secondary' }}>\n        {label}\n        {unit ? ` (${unit})` : ''}\n      </Typography>\n      <Box sx={{ display: 'flex', alignItems: 'center', gap: 1 }}>\n        <RangeBound\n          bound={value.min}\n          error={invalid}\n          placeholder={minText}\n          step={step}\n          ariaLabel={`${label} ${minText}`}\n          testId={testId ? `${testId}-min` : undefined}\n          onChange={(min) => onChange({ ...value, min })}\n        />\n        <Typography component=\"span\" sx={{ color: 'text.secondary' }}>\n          –\n        </Typography>\n        <RangeBound\n          bound={value.max}\n          error={invalid}\n          placeholder={maxText}\n          step={step}\n          ariaLabel={`${label} ${maxText}`}\n          testId={testId ? `${testId}-max` : undefined}\n          onChange={(max) => onChange({ ...value, max })}\n        />\n      </Box>\n      {invalid && (\n        <Typography\n          role=\"alert\"\n          data-testid={testId ? `${testId}-error` : undefined}\n          sx={{ fontSize: '0.7rem', color: 'error.main' }}\n        >\n          {invalidText}\n        </Typography>\n      )}\n    </Box>\n  );\n};\nTableFilterRangeField.displayName = 'TableFilter.RangeField';\n\nTableFilter.Layout = TableFilterLayout;\nTableFilter.Main = TableFilterMain;\nTableFilter.Panel = TableFilterPanel;\nTableFilter.Keyword = TableFilterKeyword;\nTableFilter.Section = TableFilterSection;\nTableFilter.CheckboxField = TableFilterCheckboxField;\nTableFilter.RangeField = TableFilterRangeField;\n"],"mappings":"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","names":[]}

package/dist/{chunk-CATLG2RT.js → chunk-NU3EQX2L.js}

@@ -1,12 +1,12 @@
 import {
   CategorySectionHeading,
   CategoryTreeRow
-} from "./chunk-V3RVRZAU.js";
+} from "./chunk-KMUSTQA6.js";
 import {
   emptySx,
   listSx,
   skeletonSx
-} from "./chunk-ETSKBOXN.js";
+} from "./chunk-LGLHU55A.js";
 import {
   categoryCheckState,
   isLeafCategory,
@@ -141,4 +141,4 @@ function CategoryPanelList(props) {
 export {
   CategoryPanelList
 };
-//# sourceMappingURL=chunk-CATLG2RT.js.map
+//# sourceMappingURL=chunk-NU3EQX2L.js.map

package/dist/{chunk-55E7GLVT.js → chunk-O4C5LUTJ.js}

@@ -1,17 +1,17 @@
+import {
+  NOTICE_VARIANT
+} from "./chunk-L7BRU4UF.js";
 import {
   NOTICE_ACTION_GAP_UNITS,
   NOTICE_STEPS_INDENT_UNITS,
   NOTICE_STEP_GAP_UNITS
 } from "./chunk-55FFONIV.js";
-import {
-  NOTICE_VARIANT
-} from "./chunk-L7BRU4UF.js";
 import {
   Alert
-} from "./chunk-6BGS5FND.js";
+} from "./chunk-RGKGBYT2.js";
 import {
   Button
-} from "./chunk-X2R7QG5I.js";
+} from "./chunk-6MDBMCFK.js";
 
 // src/components/feedback/NotificationStatusNotice/NotificationStatusNotice.tsx
 import Box from "@mui/material/Box/index.js";
@@ -106,4 +106,4 @@ NotificationStatusNotice.displayName = "NotificationStatusNotice";
 export {
   NotificationStatusNotice
 };
-//# sourceMappingURL=chunk-55E7GLVT.js.map
+//# sourceMappingURL=chunk-O4C5LUTJ.js.map

package/dist/{chunk-WONCE5GB.js → chunk-OGPOTZAU.js}

@@ -7,16 +7,21 @@ import {
   INPUT_GLOW,
   INPUT_GRADIENT,
   INPUT_PULSE
-} from "./chunk-GEZYZ446.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
+} from "./chunk-Y3IGYWGN.js";
 import {
   splitTestId
 } from "./chunk-TYJR4GOF.js";
+import {
+  asFieldSize,
+  fieldControlStyles,
+  fieldHeight
+} from "./chunk-CGO452DC.js";
 import {
   fieldRadius
 } from "./chunk-GDN2LUTZ.js";
+import {
+  fieldEdge
+} from "./chunk-7FDU3FIN.js";
 
 // src/components/form/Select/Select.tsx
 import FormControl from "@mui/material/FormControl/index.js";
@@ -49,14 +54,14 @@ var glowStyles = (theme) => ({
     }
   }
 });
-var pulseStyles = (theme) => ({
+var pulseStyles = (theme, size) => ({
   "&::after": {
     content: '""',
     position: "absolute",
     top: "50%",
     left: "0",
     right: "0",
-    height: `${INPUT_PULSE.height}px`,
+    height: fieldHeight(theme, size),
     transform: "translateY(-50%)",
     borderRadius: fieldRadius(theme),
     backgroundColor: theme.palette.primary.main,
@@ -125,11 +130,13 @@ var variantStyles = (theme, variant) => {
   return defaultVariant(theme);
 };
 var StyledFormControl = styled(FormControl, {
-  shouldForwardProp: (prop) => prop !== "customVariant" && prop !== "glow" && prop !== "pulse"
-})(({ theme, customVariant, glow, pulse }) => ({
+  shouldForwardProp: (prop) => prop !== "customVariant" && prop !== "fieldSize" && prop !== "glow" && prop !== "pulse"
+})(({ theme, customVariant, fieldSize, glow, pulse }) => ({
   position: "relative",
+  // The theme's field height for this size — the height `Input` draws for it.
+  ...fieldControlStyles(theme, fieldSize),
   ...glow ? glowStyles(theme) : {},
-  ...pulse ? pulseStyles(theme) : {},
+  ...pulse ? pulseStyles(theme, fieldSize) : {},
   "& .MuiOutlinedInput-root": {
     transition: "all 0.3s ease",
     borderRadius: fieldRadius(theme),
@@ -189,6 +196,7 @@ var Select = React.forwardRef(
         size: formControlSize(size),
         error,
         customVariant: variant,
+        fieldSize: asFieldSize(size),
         glow,
         pulse,
         ref,
@@ -221,4 +229,4 @@ Select.displayName = "Select";
 export {
   Select
 };
-//# sourceMappingURL=chunk-WONCE5GB.js.map
+//# sourceMappingURL=chunk-OGPOTZAU.js.map

package/dist/chunk-OGPOTZAU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Select/Select.tsx"],"sourcesContent":["import FormControl from '@mui/material/FormControl/index.js';\nimport FormHelperText from '@mui/material/FormHelperText/index.js';\nimport InputLabel from '@mui/material/InputLabel/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport MuiSelect from '@mui/material/Select/index.js';\nimport { alpha, type CSSObject, keyframes, styled, type Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport {\n  SELECT_BORDER,\n  SELECT_GLASS,\n  SELECT_GLOW,\n  SELECT_GRADIENT,\n  SELECT_PULSE,\n  selectInputSize,\n} from './Select.metrics';\nimport type { SelectProps } from './Select.types';\n\nimport { splitTestId } from '../../../platform/test-id';\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { asFieldSize, fieldControlStyles, fieldHeight } from '../../../tokens/field-height';\nimport type { SizeValue } from '../../../tokens/vocabulary';\nimport { fieldRadius } from '../../../tokens/field-radius';\n\n// Define pulse animation\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 ${SELECT_PULSE.spread}px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\n/** Glow ring on the outlined input, keyed off the `glow` prop. */\nconst glowStyles = (theme: Theme): CSSObject => ({\n  '& .MuiOutlinedInput-root': {\n    boxShadow: `0 0 ${SELECT_GLOW.rest.blur}px ${alpha(theme.palette.primary.main, SELECT_GLOW.rest.alpha)}`,\n    '&.Mui-focused': {\n      boxShadow: `0 0 ${SELECT_GLOW.focused.blur}px ${alpha(theme.palette.primary.main, SELECT_GLOW.focused.alpha)}`,\n    },\n  },\n});\n\n/** Pulsing halo behind the control, keyed off the `pulse` prop. */\nconst pulseStyles = (theme: Theme, size: SizeValue): CSSObject => ({\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '0',\n    right: '0',\n    height: fieldHeight(theme, size),\n    transform: 'translateY(-50%)',\n    borderRadius: fieldRadius(theme),\n    backgroundColor: theme.palette.primary.main,\n    opacity: SELECT_PULSE.opacity,\n    animation: `${pulseAnimation} ${SELECT_PULSE.ms / 1000}s infinite`,\n    pointerEvents: 'none',\n    zIndex: -1,\n  },\n});\n\n/** `glass` variant: translucent, blurred background. */\nconst glassVariant = (theme: Theme): CSSObject => ({\n  backgroundColor: alpha(theme.palette.background.paper, SELECT_GLASS.background.rest),\n  backdropFilter: `blur(${SELECT_GLASS.blur}px)`,\n  border: `${SELECT_BORDER.rest}px solid ${fieldEdge(theme)}`,\n  '& fieldset': { border: 'none' },\n  '&:hover': {\n    backgroundColor: alpha(theme.palette.background.paper, SELECT_GLASS.background.hover),\n    borderColor: alpha(theme.palette.primary.main, SELECT_GLASS.hoverBorderAlpha),\n  },\n  '&.Mui-focused': {\n    backgroundColor: alpha(theme.palette.background.paper, SELECT_GLASS.background.focused),\n    borderColor: theme.palette.primary.main,\n    boxShadow: `0 0 0 ${SELECT_GLASS.focusRing.width}px ${alpha(theme.palette.primary.main, SELECT_GLASS.focusRing.alpha)}`,\n  },\n});\n\n/** `gradient` variant: gradient fill with a masked gradient border. */\nconst gradientFill = (theme: Theme, strength: number): string =>\n  `linear-gradient(${SELECT_GRADIENT.angleDeg}deg, ${alpha(theme.palette.primary.main, strength)}, ${alpha(theme.palette.secondary.main, strength)})`;\n\nconst gradientVariant = (theme: Theme): CSSObject => ({\n  background: gradientFill(theme, SELECT_GRADIENT.fill.rest),\n  border: `${SELECT_GRADIENT.borderWidth}px solid transparent`,\n  backgroundOrigin: 'border-box',\n  backgroundClip: 'padding-box, border-box',\n  position: 'relative',\n  '& fieldset': { border: 'none' },\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    borderRadius: 'inherit',\n    background: `linear-gradient(${SELECT_GRADIENT.angleDeg}deg, ${theme.palette.primary.main}, ${theme.palette.secondary.main})`,\n    mask: 'linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0)',\n    maskComposite: 'exclude',\n    padding: `${SELECT_GRADIENT.borderWidth}px`,\n    zIndex: -1,\n  },\n  '&:hover': {\n    background: gradientFill(theme, SELECT_GRADIENT.fill.hover),\n  },\n  '&.Mui-focused': {\n    background: gradientFill(theme, SELECT_GRADIENT.fill.focused),\n    '&::before': {\n      background: `linear-gradient(${SELECT_GRADIENT.angleDeg}deg, ${theme.palette.primary.dark}, ${theme.palette.secondary.dark})`,\n    },\n  },\n});\n\n/** `default` variant: standard outlined borders with hover/focus/error states. */\nconst defaultVariant = (theme: Theme): CSSObject => ({\n  '& fieldset': { borderColor: fieldEdge(theme) },\n  '&:hover fieldset': { borderColor: theme.palette.primary.main },\n  '&.Mui-focused fieldset': { borderColor: theme.palette.primary.main, borderWidth: SELECT_BORDER.focused },\n  '&.Mui-error fieldset': { borderColor: theme.palette.error.main },\n});\n\n/** Pick the variant style block for the outlined input. */\nconst variantStyles = (theme: Theme, variant: SelectProps['variant']): CSSObject => {\n  if (variant === 'glass') return glassVariant(theme);\n  if (variant === 'gradient') return gradientVariant(theme);\n  return defaultVariant(theme);\n};\n\nconst StyledFormControl = styled(FormControl, {\n  shouldForwardProp: (prop) =>\n    prop !== 'customVariant' && prop !== 'fieldSize' && prop !== 'glow' && prop !== 'pulse',\n})<{\n  customVariant?: SelectProps['variant'];\n  fieldSize: SizeValue;\n  glow?: boolean;\n  pulse?: boolean;\n}>(({ theme, customVariant, fieldSize, glow, pulse }) => ({\n  position: 'relative',\n  // The theme's field height for this size — the height `Input` draws for it.\n  ...fieldControlStyles(theme, fieldSize),\n  ...(glow ? glowStyles(theme) : {}),\n  ...(pulse ? pulseStyles(theme, fieldSize) : {}),\n  '& .MuiOutlinedInput-root': {\n    transition: 'all 0.3s ease',\n    borderRadius: fieldRadius(theme),\n    ...variantStyles(theme, customVariant),\n  },\n}));\n\n/**\n * Build the placeholder item plus one MenuItem per option. Returns a flat ARRAY\n * (not a Fragment): MUI `Select` enumerates its children with `React.Children`,\n * which does not descend into Fragments — a Fragment would hide every option.\n */\nfunction renderMenuItems(\n  options: SelectProps['options'],\n  placeholder: string | undefined,\n  dataTestId: string | undefined,\n): React.ReactNode[] {\n  const optionTestId = (value: string | number): string =>\n    dataTestId ? `${dataTestId}-option-${value}` : `option-${value}`;\n  const items = options.map((option) => (\n    <MenuItem\n      key={option.value}\n      value={option.value}\n      disabled={option.disabled}\n      data-testid={optionTestId(option.value)}\n    >\n      {option.label}\n    </MenuItem>\n  ));\n  if (placeholder) {\n    items.unshift(\n      <MenuItem key=\"__placeholder__\" value=\"\" disabled>\n        {placeholder}\n      </MenuItem>,\n    );\n  }\n  return items;\n}\n\n/**\n * The house scale as a FormControl size.\n *\n * Not `muiSize`: that collapses five onto MUI's three, and a FormControl takes\n * only two. This component's scale is already narrowed to `sm | md`, so the map\n * is exact rather than lossy.\n */\nconst formControlSize = (size: SelectProps['size']): 'small' | 'medium' | undefined => {\n  if (size === undefined) return undefined;\n  return selectInputSize(size) === 'sm' ? 'small' : 'medium';\n};\n\nexport const Select = React.forwardRef<HTMLDivElement, SelectProps>(\n  (\n    {\n      // `variant`/`size`/`glow`/`pulse` intentionally have no defaults: undefined\n      // resolves to the default variant, MUI's medium size, and no glow/pulse —\n      // keeping this render function under the complexity budget.\n      variant,\n      options,\n      label,\n      helperText,\n      fullWidth = true,\n      size,\n      error,\n      placeholder,\n      glow,\n      pulse,\n      value,\n      'aria-label': ariaLabel,\n      ...rest\n    },\n    ref,\n  ) => {\n    const { testId: dataTestId, rest: props } = splitTestId(rest);\n    const labelId = React.useId();\n    const helperTextId = React.useId();\n    const selectId = React.useId();\n\n    return (\n      <StyledFormControl\n        fullWidth={fullWidth}\n        size={formControlSize(size)}\n        error={error}\n        customVariant={variant}\n        fieldSize={asFieldSize(size)}\n        glow={glow} pulse={pulse}\n        ref={ref}\n        data-testid={dataTestId}\n      >\n        {label && (\n          <InputLabel id={labelId} htmlFor={selectId}>\n            {label}\n          </InputLabel>\n        )}\n        <MuiSelect\n          id={selectId}\n          labelId={label ? labelId : undefined}\n          label={label}\n          displayEmpty={Boolean(placeholder)}\n          aria-describedby={helperText ? helperTextId : undefined}\n          data-testid={dataTestId ? `${dataTestId}-select` : 'select'}\n          value={value ?? ''}\n          {...props}\n          /*\n           * `role=\"combobox\"` sits on MUI's display DIV, not on the hidden\n           * native input that `{...props}` reaches — so an `aria-label` passed\n           * to this component never landed on the element carrying the role,\n           * and MUI's `aria-labelledby` then fell back to that div's OWN id.\n           * The control announced as its current value: a filter's field\n           * select read \"Status\" instead of \"Filtro 1 — campo\".\n           *\n           * Forwarding it here names the right element. The explicit\n           * `undefined` clears that self-referential `aria-labelledby`, which\n           * would otherwise win — a labelledby always beats a label in the\n           * accessible-name computation.\n           */\n          SelectDisplayProps={\n            ariaLabel === undefined\n              ? undefined\n              : { 'aria-label': ariaLabel, 'aria-labelledby': undefined }\n          }\n        >\n          {renderMenuItems(options, placeholder, dataTestId)}\n        </MuiSelect>\n        {helperText && (\n          <FormHelperText id={helperTextId} error={error}>\n            {helperText}\n          </FormHelperText>\n        )}\n      </StyledFormControl>\n    );\n  },\n);\n\nSelect.displayName = 'Select';\n"],"mappings":"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","names":[]}