@12-apps/ui 6.30.0 → 6.32.0

package/dist/{chunk-624TFFLJ.js → chunk-T5MOGJ56.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HPK33ACY.js";
 import {
   accentFor
-} from "./chunk-V5IOLAIS.js";
+} from "./chunk-3DO5MFXA.js";
 import {
   muiSize
 } from "./chunk-7ZPUN7TV.js";
@@ -319,4 +319,4 @@ export {
   CarouselArrows,
   CarouselThumbnails
 };
-//# sourceMappingURL=chunk-624TFFLJ.js.map
+//# sourceMappingURL=chunk-T5MOGJ56.js.map

package/dist/{chunk-K2JH7QPR.js → chunk-TBRAZK3Y.js}

@@ -1,10 +1,18 @@
 import {
   useColumnsWithActions,
   useRenderedColumns
-} from "./chunk-2UBFDRL7.js";
+} from "./chunk-X4XYUNRL.js";
 import {
   filterRows
 } from "./chunk-YGQX7BNI.js";
+import {
+  resolveScope,
+  useScopeConfigChecks
+} from "./chunk-LYKV3C7B.js";
+import {
+  computeActiveFilterCount,
+  defaultSortFields
+} from "./chunk-7FWXG2KF.js";
 import {
   serverDerived,
   useServerQuery
@@ -13,19 +21,11 @@ import {
   useSelection
 } from "./chunk-LLZWB32X.js";
 import {
-  resolveScope,
-  useScopeConfigChecks
-} from "./chunk-LYKV3C7B.js";
+  emptyViewState
+} from "./chunk-LHHAYZ55.js";
 import {
   useStateWriters
 } from "./chunk-U5FOJBLG.js";
-import {
-  computeActiveFilterCount,
-  defaultSortFields
-} from "./chunk-57ZSQB5V.js";
-import {
-  emptyViewState
-} from "./chunk-LHHAYZ55.js";
 
 // src/components/data-display/DataViews/use-data-views-state.ts
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -172,4 +172,4 @@ function useDataViewsState({
 export {
   useDataViewsState
 };
-//# sourceMappingURL=chunk-K2JH7QPR.js.map
+//# sourceMappingURL=chunk-TBRAZK3Y.js.map

package/dist/{chunk-DAPK3ADA.js → chunk-TC3EPGGJ.js}

@@ -1,11 +1,11 @@
-import {
-  useUploadButton
-} from "./chunk-QWVETTIY.js";
 import {
   UploadDropzone,
   UploadFeedback,
   UploadTrigger
 } from "./chunk-JSANSHGF.js";
+import {
+  useUploadButton
+} from "./chunk-QWVETTIY.js";
 
 // src/components/form/UploadButton/UploadButton.tsx
 import Box from "@mui/material/Box/index.js";
@@ -73,4 +73,4 @@ UploadButton.displayName = "UploadButton";
 export {
   UploadButton
 };
-//# sourceMappingURL=chunk-DAPK3ADA.js.map
+//# sourceMappingURL=chunk-TC3EPGGJ.js.map

package/dist/{chunk-NFAKRI4S.js → chunk-TCLBB7U4.js}

@@ -1,12 +1,12 @@
-import {
-  useMenubarMenus
-} from "./chunk-42VH7N5L.js";
 import {
   MenubarToolbar
-} from "./chunk-SX3V2DLV.js";
+} from "./chunk-NFLY5JMP.js";
 import {
   barStyles
-} from "./chunk-ZU3SWR4I.js";
+} from "./chunk-HQZRWOSS.js";
+import {
+  useMenubarMenus
+} from "./chunk-42VH7N5L.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -190,4 +190,4 @@ export {
   Menubar,
   MenubarGroup
 };
-//# sourceMappingURL=chunk-NFAKRI4S.js.map
+//# sourceMappingURL=chunk-TCLBB7U4.js.map

package/dist/{chunk-EVXFEXBS.js → chunk-TJT4NSFN.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Input
-} from "./chunk-XXE6NTJB.js";
+} from "./chunk-P3L42CBB.js";
 import {
   FormControl,
   FormLabel,
@@ -38,4 +38,4 @@ function TextField({ name, label, type = "text", placeholder }) {
 export {
   TextField
 };
-//# sourceMappingURL=chunk-EVXFEXBS.js.map
+//# sourceMappingURL=chunk-TJT4NSFN.js.map

package/dist/{chunk-RNCQ5KHQ.js → chunk-TN55JKIU.js}

@@ -1,6 +1,6 @@
 import {
   accentFor
-} from "./chunk-V5IOLAIS.js";
+} from "./chunk-3DO5MFXA.js";
 
 // src/components/form/Label/Label.styles.ts
 import { alpha } from "@mui/material/styles/index.js";
@@ -143,4 +143,4 @@ export {
   labelStyles,
   SR_ONLY_SX
 };
-//# sourceMappingURL=chunk-RNCQ5KHQ.js.map
+//# sourceMappingURL=chunk-TN55JKIU.js.map

package/dist/{chunk-5KFZGB5U.js → chunk-TTVKL3RD.js}

@@ -1,7 +1,7 @@
 import {
   onTrackInk,
   switchSx
-} from "./chunk-DEE6IPGI.js";
+} from "./chunk-4PIKOJZ4.js";
 import {
   LABEL_GAP_UNITS,
   SWITCH_ICON_SIZES,
@@ -217,4 +217,4 @@ export {
   SwitchHelper,
   SwitchRow
 };
-//# sourceMappingURL=chunk-5KFZGB5U.js.map
+//# sourceMappingURL=chunk-TTVKL3RD.js.map

package/dist/{chunk-UCTJJYVC.js → chunk-TTW4MAOJ.js}

@@ -1,3 +1,7 @@
+import {
+  GridBody,
+  GridHeader
+} from "./chunk-HTZNB6IV.js";
 import {
   DataGridEmpty,
   DataGridError,
@@ -6,10 +10,6 @@ import {
 import {
   useDataGridModel
 } from "./chunk-DLJGBJZW.js";
-import {
-  GridBody,
-  GridHeader
-} from "./chunk-HTZNB6IV.js";
 
 // src/components/data-display/DataGrid/DataGrid.tsx
 import Paper from "@mui/material/Paper/index.js";
@@ -117,4 +117,4 @@ export {
   DataGrid,
   GRID_ONLY_PROPS
 };
-//# sourceMappingURL=chunk-UCTJJYVC.js.map
+//# sourceMappingURL=chunk-TTW4MAOJ.js.map

package/dist/{chunk-3TFUAKWJ.js → chunk-U3ON6YW3.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4GGH6ZQ7.js";
 import {
   Box
-} from "./chunk-JPVDZXXX.js";
+} from "./chunk-YZKA7UJK.js";
 
 // src/components/layout/Stack/Stack.tsx
 import * as React from "react";
@@ -16,4 +16,4 @@ Stack.displayName = "Stack";
 export {
   Stack
 };
-//# sourceMappingURL=chunk-3TFUAKWJ.js.map
+//# sourceMappingURL=chunk-U3ON6YW3.js.map

package/dist/{chunk-EPRA5QLB.js → chunk-U3PPLAFB.js}

@@ -1,7 +1,7 @@
 import {
   FONT_WEIGHTS,
   TYPE_SIZES
-} from "./chunk-SONWG2RT.js";
+} from "./chunk-PE4ZW3IA.js";
 
 // src/components/typography/Text/Text.metrics.ts
 var TEXT_SIZES = TYPE_SIZES;
@@ -31,4 +31,4 @@ export {
   CODE_PADDING,
   CODE_RADIUS_FACTOR
 };
-//# sourceMappingURL=chunk-EPRA5QLB.js.map
+//# sourceMappingURL=chunk-U3PPLAFB.js.map

package/dist/{chunk-VVXA7T2M.js → chunk-UEWIIYGA.js}

@@ -1,6 +1,6 @@
 import {
   Text
-} from "./chunk-YTYROOLY.js";
+} from "./chunk-H57ZS6W2.js";
 
 // src/components/data-display/DescriptionItem/DescriptionItem.tsx
 import Box from "@mui/material/Box/index.js";
@@ -61,4 +61,4 @@ DescriptionItem.displayName = "DescriptionItem";
 export {
   DescriptionItem
 };
-//# sourceMappingURL=chunk-VVXA7T2M.js.map
+//# sourceMappingURL=chunk-UEWIIYGA.js.map

package/dist/{chunk-HT4B2DJU.js → chunk-UJE7IKQ4.js}

@@ -1,9 +1,9 @@
+import {
+  otpSlotSx
+} from "./chunk-NFGVP3HN.js";
 import {
   useOtpDigits
 } from "./chunk-UETHX57J.js";
-import {
-  otpSlotSx
-} from "./chunk-XZTOIEKI.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -93,4 +93,4 @@ InputOTP.displayName = "InputOTP";
 export {
   InputOTP
 };
-//# sourceMappingURL=chunk-HT4B2DJU.js.map
+//# sourceMappingURL=chunk-UJE7IKQ4.js.map

package/dist/{chunk-QRX5BYUQ.js → chunk-V3WWNKHU.js}

@@ -1,15 +1,15 @@
-import {
-  containerStyles
-} from "./chunk-RXVPUW7V.js";
-import {
-  CarouselTrack
-} from "./chunk-WIXUMFU7.js";
 import {
   useCarouselNavigation
 } from "./chunk-RUIV5TVA.js";
 import {
   CarouselChrome
-} from "./chunk-R6SSXEK2.js";
+} from "./chunk-A2QZXV2K.js";
+import {
+  containerStyles
+} from "./chunk-ENUWZ3HW.js";
+import {
+  CarouselTrack
+} from "./chunk-WIXUMFU7.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -152,4 +152,4 @@ var Carousel = (props) => {
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-QRX5BYUQ.js.map
+//# sourceMappingURL=chunk-V3WWNKHU.js.map

package/dist/{chunk-UCU5FCYE.js → chunk-VDZQJBAV.js}

@@ -1,3 +1,7 @@
+import {
+  fieldTextFieldStyles
+} from "./chunk-CGO452DC.js";
+
 // src/components/data-display/DataViews/data-views-day-input.tsx
 import TextField from "@mui/material/TextField/index.js";
 import { useEffect, useState } from "react";
@@ -99,7 +103,7 @@ function DayBoundInput({
       onBlur: () => setText(isoToMasked(applied, mask)),
       InputLabelProps: { shrink: true },
       inputProps: dayInputProps(testId, describedBy),
-      sx: { width: 165 }
+      sx: [{ width: 165 }, fieldTextFieldStyles]
     }
   );
 }
@@ -110,4 +114,4 @@ export {
   maskDate,
   DayBoundInput
 };
-//# sourceMappingURL=chunk-UCU5FCYE.js.map
+//# sourceMappingURL=chunk-VDZQJBAV.js.map

package/dist/chunk-VDZQJBAV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-day-input.tsx"],"sourcesContent":["'use client';\n\n/**\n * A day bound as a MASKED `dd/mm/aaaa` text field, replacing `<input type=\"date\">`.\n *\n * The native control is three separate segments wearing one box. Typing a date\n * means filling a segment, being jumped to the next, and starting over — and\n * which segment comes first is the BROWSER's locale, not ours, so the same\n * field reads `dd/mm/aaaa` for one merchant and `mm/dd/yyyy` for the next with\n * nothing in our code saying which. There is no way to type a date as one\n * continuous run of digits, which is how people actually type dates.\n *\n * A mask gives that back: eight digits straight through, separators inserted as\n * you go, backspace walking back through them.\n *\n * Measured, driving both controls in Chromium with the same eight keystrokes\n * (`01072026`, one `keydown` at a time):\n *\n *   native  →  field ends EMPTY, no filter applied, 0 requests\n *   masked  →  field reads `01/07/2026`, filter applied, 1 request\n *\n * The native result is the whole complaint: you type a date and nothing lands.\n *\n * The second half of the fix is WHEN the bound is written. A partially-typed\n * year is itself a valid date — `2026` passes through `0002`, `0020`, `0202` on\n * the way — so committing on every keystroke would send the grid off to fetch\n * years nobody meant. A bound is written only once the text is a WHOLE, real\n * date, which is what keeps the run above at one request rather than four.\n */\nimport TextField from '@mui/material/TextField/index.js';\nimport React, { useEffect, useState } from 'react';\nimport { fieldTextFieldStyles } from '../../../tokens/field-height';\n\n\n/**\n * THE MASK IS THE ORDER, and both halves of this file read it.\n *\n * The placeholder a host supplies (`copy.filters.dayMask` — `dd/mm/aaaa` for\n * pt-BR, `mm/dd/yyyy` for en-US) is not decoration: it tells the reader which\n * segment comes first. Everything below therefore derives the segment order\n * FROM that same string, so the shape on screen and the shape the parser\n * expects cannot disagree.\n *\n * They did disagree, and the failure was silent in the worst direction. The\n * mask/parse pair was hardcoded day-first (the `Br` in the old names was\n * accurate) while the placeholder followed the copy pack — so under `en-US` the\n * field ASKED for `mm/dd/yyyy`, and a reader who typed exactly that got a day\n * of 12 and a month of 31, which is not a date, which commits nothing. No\n * error, no filter, a full list that reads like an answer. The en-US pack's own\n * comment already said the mask \"is the shape that gets a date entered\n * backwards\"; nothing enforced it.\n */\n\n/** What one segment of a mask is, and how many digits it takes. */\ntype DaySegment = 'year' | 'month' | 'day';\nconst SEGMENT_WIDTH: Readonly<Record<DaySegment, number>> = { year: 4, month: 2, day: 2 };\n\n/**\n * The segments a mask asks for, in its own order.\n *\n * Keyed on each token's FIRST letter so one rule covers every spelling a host\n * might use — `aaaa`/`yyyy` for the year, `mm` for the month, `dd`/`tt` for the\n * day. An unreadable mask falls back to day-first rather than throwing: this\n * runs on every keystroke, and a field that renders is recoverable where one\n * that crashes the grid is not.\n */\nfunction segmentsOf(mask: string): readonly DaySegment[] {\n  const tokens = mask.split(/[^A-Za-z]+/).filter(Boolean);\n  if (tokens.length !== 3) return ['day', 'month', 'year'];\n  const segments = tokens.map((token): DaySegment => {\n    const head = token.slice(0, 1).toLowerCase();\n    if (head === 'y' || head === 'a') return 'year';\n    return head === 'm' ? 'month' : 'day';\n  });\n  // A mask naming the same segment twice describes no date. Fall back rather\n  // than build a parser that can never succeed.\n  return new Set(segments).size === 3 ? segments : ['day', 'month', 'year'];\n}\n\n/** The separator the mask uses, defaulting to `/`. */\nconst separatorOf = (mask: string): string => mask.replace(/[A-Za-z]/g, '').slice(0, 1) || '/';\n\n/** `AAAA-MM-DD` (the wire) → the mask's own order (what the reader sees). */\nexport function isoToMasked(iso: string, mask: string): string {\n  const parts = /^(\\d{4})-(\\d{2})-(\\d{2})$/.exec(iso);\n  if (!parts) return '';\n  const value: Record<DaySegment, string> = {\n    year: parts[1] as string,\n    month: parts[2] as string,\n    day: parts[3] as string,\n  };\n  return segmentsOf(mask)\n    .map((segment) => value[segment])\n    .join(separatorOf(mask));\n}\n\n/**\n * The mask's order → `AAAA-MM-DD`, but ONLY for a day that exists.\n *\n * `31/02/2026` parses fine as three numbers and is not a date, and `Date` would\n * silently roll it into March rather than reject it — so the round trip through\n * UTC is the check: if the month or day comes back changed, the input was not a\n * day.\n */\nexport function maskedToIso(text: string, mask: string): string {\n  const segments = segmentsOf(mask);\n  const digits = text.replace(/\\D/g, '');\n  if (digits.length !== 8) return '';\n  const value = {} as Record<DaySegment, string>;\n  let cursor = 0;\n  for (const segment of segments) {\n    value[segment] = digits.slice(cursor, cursor + SEGMENT_WIDTH[segment]);\n    cursor += SEGMENT_WIDTH[segment];\n  }\n  const year = Number(value.year);\n  const month = Number(value.month);\n  const day = Number(value.day);\n  if (year < 1000) return '';\n  const probe = new Date(Date.UTC(year, month - 1, day));\n  if (probe.getUTCMonth() !== month - 1 || probe.getUTCDate() !== day) return '';\n  return `${value.year}-${value.month}-${value.day}`;\n}\n\n/**\n * Digits only, capped at the mask's width, with the separators put back as you\n * type.\n *\n * Deriving the whole string from the digits — rather than editing the text in\n * place — is what makes backspace behave. Four digits of `dd/mm/aaaa` render as\n * `06/08`, not `06/08/`, so deleting the first digit of the year removes the\n * trailing separator with it instead of leaving a dead keystroke that changes\n * nothing.\n */\nexport function maskDate(raw: string, mask: string): string {\n  const segments = segmentsOf(mask);\n  const separator = separatorOf(mask);\n  const digits = raw.replace(/\\D/g, '').slice(0, 8);\n  const out: string[] = [];\n  let cursor = 0;\n  for (const segment of segments) {\n    if (cursor >= digits.length) break;\n    out.push(digits.slice(cursor, cursor + SEGMENT_WIDTH[segment]));\n    cursor += SEGMENT_WIDTH[segment];\n  }\n  return out.join(separator);\n}\n\n/**\n * What has to land on the `<input>` itself rather than on the `TextField`.\n *\n * Anything `TextField` does not recognise is spread onto its root `FormControl`\n * div. `inputMode` went up there once: the attribute sat on a non-editable\n * wrapper, meant nothing, and the phone went on offering the letter keyboard\n * for a field that only takes digits (the `dd/mm/aaaa` hint under a QWERTY\n * layout). Only the `<input>` this reaches decides which keypad opens — and the\n * same is true of `aria-describedby`, which on the wrapper points at a\n * description no screen reader will read out for the field.\n *\n * `numeric` and not `tel`: both raise a keypad, but the phone one is a dialler\n * with `+ * #` on it — keys that cannot occur in a date. A paste carrying\n * separators still lands, because the MASK is what filters the text; the keypad\n * only narrows what a thumb can reach for.\n *\n * Autofill off for the same reason: the browser's saved-value strip covers the\n * keypad to suggest names and addresses, none of which are a date, and none of\n * which the mask would keep.\n */\nfunction dayInputProps(testId: string, describedBy: string | undefined) {\n  return {\n    'data-testid': testId,\n    maxLength: 10,\n    inputMode: 'numeric' as const,\n    autoComplete: 'off',\n    ...(describedBy ? { 'aria-describedby': describedBy } : {}),\n  };\n}\n\n/**\n * One end of a day window. The BOUND stays `AAAA-MM-DD` — the form the backend's\n * inclusive day comparison already speaks, and the form the chip label reads —\n * so only the typing surface changes.\n */\nexport function DayBoundInput({\n  label,\n  value,\n  onChange,\n  testId,\n  error = false,\n  describedBy,\n  mask,\n}: {\n  label: string;\n  /** The applied bound, `AAAA-MM-DD`, or undefined when this end is open. */\n  value: string | undefined;\n  onChange: (bound: string | undefined) => void;\n  testId: string;\n  /**\n   * Paint the field as rejected. It only ever writes a real day by itself, so\n   * this is for a caller judging the PAIR: a window whose end precedes its\n   * start is two valid days and one impossible period, and the field it was\n   * typed into is the only place to say which half is being complained about.\n   */\n  error?: boolean;\n  /** Id of the element carrying that complaint, so it is read WITH the field. */\n  describedBy?: string;\n  /**\n   * The day mask, which IS the placeholder — so the expected ORDER is on\n   * screen before the first keystroke rather than discovered by getting it\n   * wrong. `dd/mm/aaaa` is one locale's order and one locale's letters.\n   *\n   * A PROP rather than a context read: this field has two callers, and only\n   * one of them is inside DataViews. `DateRangePicker` mounts it standalone\n   * with its own message table, so a context read here throws for every host\n   * of that picker — which is exactly what it did.\n   */\n  mask: string;\n}): React.JSX.Element {\n  const applied = value ?? '';\n  const [text, setText] = useState(() => isoToMasked(applied, mask));\n\n  // The bound is the APPLIED filter; `text` is what is being typed. Re-sync only\n  // when the applied value moved somewhere the text does not already mean — a\n  // \"Limpar\", a saved view, the other pill resetting the pair. Without that\n  // guard the field's own write bounces straight back mid-edit and resets the\n  // caret, which is the native control's worst habit reproduced by hand.\n  useEffect(() => {\n    setText((current) =>\n      maskedToIso(current, mask) === applied ? current : isoToMasked(applied, mask),\n    );\n  }, [applied, mask]);\n\n  return (\n    <TextField\n      size=\"small\"\n      type=\"text\"\n      label={label}\n      error={error}\n      placeholder={mask}\n      value={text}\n      onChange={(event) => {\n        const next = maskDate(event.target.value, mask);\n        setText(next);\n        // Emptying clears the bound. A COMPLETE day applies it. A partial one\n        // does NEITHER — it leaves whatever is applied alone, so typing is never\n        // fought and a half-typed year never reaches the backend.\n        if (next === '') return onChange(undefined);\n        const iso = maskedToIso(next, mask);\n        if (iso) onChange(iso);\n      }}\n      // Leaving a half-typed (or impossible) date on screen would show a filter\n      // the list is not actually using. On blur the field snaps back to what IS\n      // applied; a complete date already equals it, so this only ever tidies.\n      onBlur={() => setText(isoToMasked(applied, mask))}\n      // The placeholder occupies the space an un-shrunk label would render into.\n      InputLabelProps={{ shrink: true }}\n      inputProps={dayInputProps(testId, describedBy)}\n      sx={[{ width: 165 }, fieldTextFieldStyles]}\n    />\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-3W7IEWEL.js → chunk-VECWMANF.js}

@@ -1,3 +1,10 @@
+import {
+  fieldControlStyles,
+  fieldTextFieldStyles
+} from "./chunk-CGO452DC.js";
+import {
+  fieldRadius
+} from "./chunk-GDN2LUTZ.js";
 import {
   fieldEdge
 } from "./chunk-7FDU3FIN.js";
@@ -7,7 +14,9 @@ import TextField from "@mui/material/TextField/index.js";
 import { alpha, styled } from "@mui/material/styles/index.js";
 import { jsx } from "react/jsx-runtime";
 var GlassTextField = styled(TextField)(({ theme }) => ({
+  ...fieldControlStyles(theme),
   "& .MuiOutlinedInput-root": {
+    borderRadius: fieldRadius(theme),
     background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.8)} 0%, ${alpha(theme.palette.background.paper, 0.6)} 100%)`,
     backdropFilter: "blur(10px)",
     WebkitBackdropFilter: "blur(10px)",
@@ -26,9 +35,10 @@ var GlassTextField = styled(TextField)(({ theme }) => ({
     }
   }
 }));
-var AddressTextField = ({ addressVariant, ...props }) => addressVariant === "glass" ? /* @__PURE__ */ jsx(GlassTextField, { variant: "outlined", ...props }) : /* @__PURE__ */ jsx(TextField, { variant: addressVariant, ...props });
+var FieldTextField = styled(TextField)(({ theme }) => fieldTextFieldStyles(theme));
+var AddressTextField = ({ addressVariant, ...props }) => addressVariant === "glass" ? /* @__PURE__ */ jsx(GlassTextField, { variant: "outlined", ...props }) : /* @__PURE__ */ jsx(FieldTextField, { variant: addressVariant, ...props });
 
 export {
   AddressTextField
 };
-//# sourceMappingURL=chunk-3W7IEWEL.js.map
+//# sourceMappingURL=chunk-VECWMANF.js.map

package/dist/chunk-VECWMANF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/AddressAutocomplete/AddressTextField.tsx"],"sourcesContent":["import type { TextFieldProps } from '@mui/material/TextField/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { FC } from 'react';\nimport React from 'react';\n\nimport type { AddressAutocompleteProps } from './AddressAutocomplete.types';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { fieldControlStyles, fieldTextFieldStyles } from '../../../tokens/field-height';\n\n// Kept module-local on purpose: the inferred type of a styled() component cannot\n// be named across a module boundary here (TS2742), so the plain component below\n// is what the rest of the folder imports.\nconst GlassTextField = styled(TextField)(({ theme }) => ({\n  ...fieldControlStyles(theme),\n  '& .MuiOutlinedInput-root': {\n    borderRadius: fieldRadius(theme),\n    background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.8)} 0%, ${alpha(theme.palette.background.paper, 0.6)} 100%)`,\n    backdropFilter: 'blur(10px)',\n    WebkitBackdropFilter: 'blur(10px)',\n    border: `1px solid ${fieldEdge(theme)}`,\n    transition: theme.transitions.create(['border-color', 'box-shadow', 'background']),\n    '&:hover': {\n      background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.9)} 0%, ${alpha(theme.palette.background.paper, 0.7)} 100%)`,\n      borderColor: theme.palette.primary.main,\n    },\n    '&.Mui-focused': {\n      background: theme.palette.background.paper,\n      boxShadow: `0 0 0 2px ${alpha(theme.palette.primary.main, 0.25)}`,\n    },\n    '& fieldset': {\n      border: 'none',\n    },\n  },\n}));\n\n/** The plain variants: MUI's own field, on the theme's field radius. */\nconst FieldTextField = styled(TextField)(({ theme }) => fieldTextFieldStyles(theme));\n\nexport type AddressTextFieldProps = Omit<TextFieldProps, 'variant'> & {\n  addressVariant: AddressAutocompleteProps['variant'];\n};\n\n// 'glass' is not a MUI variant: it renders the outlined field with the frosted\n// treatment on top.\nexport const AddressTextField: FC<AddressTextFieldProps> = ({ addressVariant, ...props }) =>\n  addressVariant === 'glass' ? (\n    <GlassTextField variant=\"outlined\" {...props} />\n  ) : (\n    <FieldTextField variant={addressVariant} {...props} />\n  );\n"],"mappings":";;;;;;;;;;;;AACA,OAAO,eAAe;AACtB,SAAS,OAAO,cAAc;AA+C1B;AAlCJ,IAAM,iBAAiB,OAAO,SAAS,EAAE,CAAC,EAAE,MAAM,OAAO;AAAA,EACvD,GAAG,mBAAmB,KAAK;AAAA,EAC3B,4BAA4B;AAAA,IAC1B,cAAc,YAAY,KAAK;AAAA,IAC/B,YAAY,2BAA2B,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG,CAAC,QAAQ,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG,CAAC;AAAA,IACnI,gBAAgB;AAAA,IAChB,sBAAsB;AAAA,IACtB,QAAQ,aAAa,UAAU,KAAK,CAAC;AAAA,IACrC,YAAY,MAAM,YAAY,OAAO,CAAC,gBAAgB,cAAc,YAAY,CAAC;AAAA,IACjF,WAAW;AAAA,MACT,YAAY,2BAA2B,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG,CAAC,QAAQ,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG,CAAC;AAAA,MACnI,aAAa,MAAM,QAAQ,QAAQ;AAAA,IACrC;AAAA,IACA,iBAAiB;AAAA,MACf,YAAY,MAAM,QAAQ,WAAW;AAAA,MACrC,WAAW,aAAa,MAAM,MAAM,QAAQ,QAAQ,MAAM,IAAI,CAAC;AAAA,IACjE;AAAA,IACA,cAAc;AAAA,MACZ,QAAQ;AAAA,IACV;AAAA,EACF;AACF,EAAE;AAGF,IAAM,iBAAiB,OAAO,SAAS,EAAE,CAAC,EAAE,MAAM,MAAM,qBAAqB,KAAK,CAAC;AAQ5E,IAAM,mBAA8C,CAAC,EAAE,gBAAgB,GAAG,MAAM,MACrF,mBAAmB,UACjB,oBAAC,kBAAe,SAAQ,YAAY,GAAG,OAAO,IAE9C,oBAAC,kBAAe,SAAS,gBAAiB,GAAG,OAAO;","names":[]}

package/dist/{chunk-6IKX5IIX.js → chunk-VI7YYAXV.js}

@@ -1,12 +1,12 @@
+import {
+  useAddressAutocomplete
+} from "./chunk-ZOUWHGV3.js";
 import {
   AddressFallbackField
-} from "./chunk-HKKSZ7HG.js";
+} from "./chunk-YESTO24O.js";
 import {
   AddressAutocompleteField
-} from "./chunk-WREIYOXN.js";
-import {
-  useAddressAutocomplete
-} from "./chunk-ZOUWHGV3.js";
+} from "./chunk-M7HX3HKW.js";
 import {
   resolveAddressProps
 } from "./chunk-MTGEJRE4.js";
@@ -35,4 +35,4 @@ export {
   AddressAutocomplete,
   AddressAutocomplete_default
 };
-//# sourceMappingURL=chunk-6IKX5IIX.js.map
+//# sourceMappingURL=chunk-VI7YYAXV.js.map

package/dist/{chunk-VKH7AENA.js → chunk-VLVMJDGD.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-YTYROOLY.js";
+} from "./chunk-H57ZS6W2.js";
 
 // src/components/data-display/DataViews/DataViewsBoard.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -187,4 +187,4 @@ export {
   groupRows,
   DataViewsBoard
 };
-//# sourceMappingURL=chunk-VKH7AENA.js.map
+//# sourceMappingURL=chunk-VLVMJDGD.js.map

package/dist/{chunk-YB6MDGPR.js → chunk-VNHLYDTX.js}

@@ -1,3 +1,13 @@
+import {
+  fieldHeight
+} from "./chunk-CGO452DC.js";
+import {
+  fieldRadiusPx
+} from "./chunk-GDN2LUTZ.js";
+import {
+  fieldEdge
+} from "./chunk-7FDU3FIN.js";
+
 // src/components/layout/ContentToolbar/MultiSelectTriggers.tsx
 import CloseIcon from "@mui/icons-material/Close";
 import ChevronDownIcon from "@mui/icons-material/KeyboardArrowDown";
@@ -31,7 +41,7 @@ function InlineTrigger({ label, triggerLabel, open, onOpen, testId }) {
         "aria-haspopup": "menu",
         "aria-expanded": open,
         onClick: onOpen,
-        sx: { minWidth: 0, height: 32, px: 1, gap: 0.5, color: "text.primary", textTransform: "none", fontWeight: 600 },
+        sx: { minWidth: 0, height: fieldHeight, px: 1, gap: 0.5, borderRadius: fieldRadiusPx, color: "text.primary", textTransform: "none", fontWeight: 600 },
         children: [
           triggerLabel,
           /* @__PURE__ */ jsx(ChevronDownIcon, { sx: { fontSize: 14 } })
@@ -58,13 +68,14 @@ function StackedTrigger({ label, triggerLabel, open, onOpen, testId }) {
         endIcon: /* @__PURE__ */ jsx(ChevronDownIcon, { sx: { fontSize: 18, color: "text.secondary" } }),
         sx: {
           justifyContent: "space-between",
-          height: 40,
+          height: fieldHeight,
+          borderRadius: fieldRadiusPx,
           px: 1.5,
           color: "text.primary",
           textTransform: "none",
           fontWeight: 400,
           fontSize: "0.875rem",
-          borderColor: "divider",
+          borderColor: fieldEdge,
           bgcolor: "background.paper",
           "&:hover": { borderColor: "text.primary", bgcolor: "background.paper" }
         },
@@ -133,14 +144,14 @@ function PillTrigger({
       ) : void 0,
       endIcon: /* @__PURE__ */ jsx(ChevronDownIcon, { sx: { fontSize: 16 } }),
       sx: {
-        borderRadius: 999,
-        height: 34,
+        borderRadius: fieldRadiusPx,
+        height: fieldHeight,
         px: 1.5,
         color: "text.primary",
         fontWeight: 600,
         fontSize: "0.8125rem",
         textTransform: "none",
-        borderColor: active ? "primary.main" : "divider",
+        borderColor: (theme) => active ? theme.palette.primary.main : fieldEdge(theme),
         bgcolor: active ? "action.selected" : "background.paper",
         "&:hover": { borderColor: active ? "primary.main" : "text.primary", bgcolor: active ? "action.selected" : "action.hover" }
       },
@@ -158,4 +169,4 @@ export {
   StackedTrigger,
   PillTrigger
 };
-//# sourceMappingURL=chunk-YB6MDGPR.js.map
+//# sourceMappingURL=chunk-VNHLYDTX.js.map

package/dist/chunk-VNHLYDTX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/ContentToolbar/MultiSelectTriggers.tsx"],"sourcesContent":["'use client';\n\nimport CloseIcon from '@mui/icons-material/Close';\nimport ChevronDownIcon from '@mui/icons-material/KeyboardArrowDown';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport React, { useId } from 'react';\n\nimport type { MultiSelectOption } from './ContentToolbar.types';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\nimport { fieldHeight } from '../../../tokens/field-height';\nimport { fieldEdge } from '../../../tokens/field-edge';\n\n/**\n * Trigger label from the current selection: `allLabel` when none/all are\n * selected, the single label when one, else \"first (+N)\". Uses Set iteration\n * order so the label reflects the first-clicked option.\n */\nexport function buildTriggerLabel<TValue extends string>(\n  selected: ReadonlySet<TValue>,\n  options: MultiSelectOption<TValue>[],\n  allLabel: string,\n): string {\n  const size = selected.size;\n  if (size === 0 || size === options.length) return allLabel;\n  const labelMap = new Map(options.map((option) => [option.value, option.label]));\n  const firstValue = selected.values().next().value as TValue;\n  const firstLabel = labelMap.get(firstValue) ?? allLabel;\n  if (size === 1) return firstLabel;\n  return `${firstLabel} (+${size - 1})`;\n}\n\nexport interface TriggerProps {\n  label: string;\n  triggerLabel: string;\n  open: boolean;\n  onOpen: (event: React.MouseEvent<HTMLElement>) => void;\n  testId?: string;\n}\n\n/** Compact `Label:` text button for a horizontal toolbar (the default layout). */\nexport function InlineTrigger({ label, triggerLabel, open, onOpen, testId }: TriggerProps): React.JSX.Element {\n  return (\n    <Box sx={{ display: 'flex', alignItems: 'center', gap: 1, fontSize: '0.875rem' }}>\n      <Typography component=\"span\" sx={{ color: 'text.secondary', fontSize: '0.875rem' }}>\n        {label}:\n      </Typography>\n      <Button\n        variant=\"text\"\n        size=\"small\"\n        color=\"inherit\"\n        data-testid={testId}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        onClick={onOpen}\n        sx={{ minWidth: 0, height: fieldHeight, px: 1, gap: 0.5, borderRadius: fieldRadiusPx, color: 'text.primary', textTransform: 'none', fontWeight: 600 }}\n      >\n        {triggerLabel}\n        <ChevronDownIcon sx={{ fontSize: 14 }} />\n      </Button>\n    </Box>\n  );\n}\n\n/** Full-width, outlined select-style control with the label above (stacked layout). */\nexport function StackedTrigger({ label, triggerLabel, open, onOpen, testId }: TriggerProps): React.JSX.Element {\n  // Name the button by label + value (aria-labelledby): a <button> isn't labelable.\n  const baseId = useId();\n  return (\n    <Box sx={{ display: 'flex', flexDirection: 'column', gap: 1 }}>\n      <Typography id={`${baseId}-label`} component=\"label\" sx={{ fontSize: '0.75rem', fontWeight: 500, color: 'text.secondary' }}>\n        {label}\n      </Typography>\n      <Button\n        variant=\"outlined\"\n        color=\"inherit\"\n        fullWidth\n        data-testid={testId}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        aria-labelledby={`${baseId}-label ${baseId}-value`}\n        onClick={onOpen}\n        endIcon={<ChevronDownIcon sx={{ fontSize: 18, color: 'text.secondary' }} />}\n        sx={{\n          justifyContent: 'space-between',\n          height: fieldHeight,\n          borderRadius: fieldRadiusPx,\n          px: 1.5,\n          color: 'text.primary',\n          textTransform: 'none',\n          fontWeight: 400,\n          fontSize: '0.875rem',\n          borderColor: fieldEdge,\n          bgcolor: 'background.paper',\n          '&:hover': { borderColor: 'text.primary', bgcolor: 'background.paper' },\n        }}\n      >\n        <Box\n          component=\"span\" id={`${baseId}-value`}\n          sx={{ flex: 1, minWidth: 0, textAlign: 'left', overflow: 'hidden', textOverflow: 'ellipsis', whiteSpace: 'nowrap' }}\n        >\n          {triggerLabel}\n        </Box>\n      </Button>\n    </Box>\n  );\n}\n\n/** Rounded outlined chip (`Label ▾`, `Label (N) ▾` when selected) for a filter row. */\n/** The pill's own props, above the component so the signature stays short. */\nexport type PillTriggerProps = TriggerProps & {\n  selectedCount: number;\n  onClear?: () => void;\n  /**\n   * The clear affordance's accessible name — the pill's own label is already\n   * on screen, so this is the only thing a screen reader gets for the little\n   * cross. REQUIRED: this package ships no default copy.\n   */\n  clearLabel: string;\n};\n\nexport function PillTrigger({\n  label,\n  open,\n  onOpen,\n  testId,\n  selectedCount,\n  onClear,\n  clearLabel,\n}: PillTriggerProps): React.JSX.Element {\n  const active = selectedCount > 0;\n  return (\n    <Button\n      variant=\"outlined\"\n      color=\"inherit\"\n      size=\"small\"\n      data-testid={testId}\n      aria-haspopup=\"menu\"\n      aria-expanded={open}\n      onClick={onOpen}\n      // Clearing lives ON the pill: the filter and the way to remove it are one\n      // control, so removing one does not mean finding it again in a second\n      // list somewhere else on the page.\n      startIcon={\n        active && onClear ? (\n          <Box\n            component=\"span\"\n            role=\"button\"\n            tabIndex={0}\n            aria-label={clearLabel}\n            data-testid={testId ? `${testId}-clear` : undefined}\n            onClick={(event: React.MouseEvent) => {\n              // The pill's own click opens the menu; clearing must not.\n              event.stopPropagation();\n              onClear();\n            }}\n            onKeyDown={(event: React.KeyboardEvent) => {\n              if (event.key !== 'Enter' && event.key !== ' ') return;\n              event.preventDefault();\n              event.stopPropagation();\n              onClear();\n            }}\n            sx={{\n              display: 'inline-flex',\n              alignItems: 'center',\n              justifyContent: 'center',\n              borderRadius: '50%',\n              cursor: 'pointer',\n              color: 'primary.main',\n              '&:hover': { bgcolor: 'primary.main', color: 'primary.contrastText' },\n            }}\n          >\n            <CloseIcon sx={{ fontSize: 14 }} />\n          </Box>\n        ) : undefined\n      }\n      endIcon={<ChevronDownIcon sx={{ fontSize: 16 }} />}\n      sx={{\n        borderRadius: fieldRadiusPx,\n        height: fieldHeight,\n        px: 1.5,\n        color: 'text.primary',\n        fontWeight: 600,\n        fontSize: '0.8125rem',\n        textTransform: 'none',\n        borderColor: (theme) => (active ? theme.palette.primary.main : fieldEdge(theme)),\n        bgcolor: active ? 'action.selected' : 'background.paper',\n        '&:hover': { borderColor: active ? 'primary.main' : 'text.primary', bgcolor: active ? 'action.selected' : 'action.hover' },\n      }}\n    >\n      {label}\n      {active ? ` (${selectedCount})` : ''}\n    </Button>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-VMXDTCYF.js → chunk-WMALDOF5.js}

@@ -1,3 +1,6 @@
+import {
+  SettingsRail
+} from "./chunk-7JO3ES5P.js";
 import {
   activeItemLabel,
   filterGroups
@@ -5,9 +8,6 @@ import {
 import {
   SettingsPanel
 } from "./chunk-IE7ISTLQ.js";
-import {
-  SettingsRail
-} from "./chunk-7JO3ES5P.js";
 import {
   atLeastRail
 } from "./chunk-LIG7TKIB.js";
@@ -135,4 +135,4 @@ SettingsLayout.displayName = "SettingsLayout";
 export {
   SettingsLayout
 };
-//# sourceMappingURL=chunk-VMXDTCYF.js.map
+//# sourceMappingURL=chunk-WMALDOF5.js.map

package/dist/{chunk-23FCBIUN.js → chunk-WQSL6MCA.js}

@@ -1,6 +1,3 @@
-import {
-  tableStyles
-} from "./chunk-P2PDDFMM.js";
 import {
   TABLE_DEFAULTS,
   definedProps
@@ -16,6 +13,9 @@ import {
 import {
   useTableSelection
 } from "./chunk-DF4K5XVW.js";
+import {
+  tableStyles
+} from "./chunk-P2PDDFMM.js";
 
 // src/components/data-display/Table/Table.tsx
 import MoreVertIcon from "@mui/icons-material/MoreVert";
@@ -285,4 +285,4 @@ Table.displayName = "Table";
 export {
   Table
 };
-//# sourceMappingURL=chunk-23FCBIUN.js.map
+//# sourceMappingURL=chunk-WQSL6MCA.js.map

package/dist/{chunk-GSFNH4C5.js → chunk-WROCSDVL.js}

@@ -1,13 +1,13 @@
+import {
+  useLoadMore,
+  useSentinel
+} from "./chunk-QF6LTUCE.js";
 import {
   DefaultEndMessage,
   DefaultError,
   DefaultLoader,
   containerStyles
 } from "./chunk-ATSHKSSD.js";
-import {
-  useLoadMore,
-  useSentinel
-} from "./chunk-QF6LTUCE.js";
 
 // src/components/utility/InfiniteScroll/InfiniteScroll.tsx
 import Box from "@mui/material/Box/index.js";
@@ -81,4 +81,4 @@ var InfiniteScroll = ({
 export {
   InfiniteScroll
 };
-//# sourceMappingURL=chunk-GSFNH4C5.js.map
+//# sourceMappingURL=chunk-WROCSDVL.js.map

package/dist/{chunk-U7Q2Y6WG.js → chunk-X4HGBK4G.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-CJL5D2IT.js";
 import {
   EmptyState
-} from "./chunk-25R3ITGZ.js";
+} from "./chunk-HTZYFGYE.js";
 
 // src/components/data-display/SectionOnboarding/SectionOnboarding.tsx
 import CheckCircle from "@mui/icons-material/CheckCircle";
@@ -193,4 +193,4 @@ export {
   SectionOnboarding,
   SectionOnboarding_default
 };
-//# sourceMappingURL=chunk-U7Q2Y6WG.js.map
+//# sourceMappingURL=chunk-X4HGBK4G.js.map

package/dist/{chunk-2UBFDRL7.js → chunk-X4XYUNRL.js}

@@ -2,7 +2,7 @@ import {
   buildGridColumns,
   buildRowActionsColumn,
   isActionsColumn
-} from "./chunk-57ZSQB5V.js";
+} from "./chunk-7FWXG2KF.js";
 
 // src/components/data-display/DataViews/data-views-columns.ts
 import { useMemo } from "react";
@@ -52,4 +52,4 @@ export {
   useColumnsWithActions,
   useRenderedColumns
 };
-//# sourceMappingURL=chunk-2UBFDRL7.js.map
+//# sourceMappingURL=chunk-X4XYUNRL.js.map

package/dist/{chunk-5WNQJ5KS.js → chunk-XLZBZSES.js}

@@ -4,6 +4,12 @@ import {
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
+import {
+  fieldHeight
+} from "./chunk-CGO452DC.js";
+import {
+  fieldRadiusPx
+} from "./chunk-GDN2LUTZ.js";
 
 // src/components/data-display/DataViews/data-views-bar-controls.tsx
 import CloseRoundedIcon from "@mui/icons-material/CloseRounded";
@@ -28,10 +34,10 @@ function ClearAllControl({
         display: "inline-flex",
         alignItems: "center",
         gap: 0.5,
-        height: 34,
+        height: fieldHeight,
         px: compact ? 0.75 : 1,
         border: 0,
-        borderRadius: 1,
+        borderRadius: fieldRadiusPx,
         bgcolor: "transparent",
         cursor: "pointer",
         font: "inherit",
@@ -64,10 +70,10 @@ function CloseSearchControl({
       sx: {
         display: "inline-flex",
         alignItems: "center",
-        height: 34,
+        height: fieldHeight,
         px: 0.75,
         border: 0,
-        borderRadius: 1,
+        borderRadius: fieldRadiusPx,
         bgcolor: "transparent",
         cursor: "pointer",
         color: "text.secondary",
@@ -82,4 +88,4 @@ export {
   ClearAllControl,
   CloseSearchControl
 };
-//# sourceMappingURL=chunk-5WNQJ5KS.js.map
+//# sourceMappingURL=chunk-XLZBZSES.js.map