@12-apps/ui 6.20.0 → 6.22.0

package/dist/{chunk-FP4R47TM.js → chunk-TW3BXVEU.js}

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

package/dist/{chunk-QLWBQQW7.js → chunk-TYJR4GOF.js}

@@ -2,6 +2,9 @@
 function resolveTestId(props, fallback) {
   return props.testID ?? props.dataTestId ?? props["data-testid"] ?? fallback;
 }
+function splitTestId(props, fallback) {
+  return { testId: resolveTestId(props, fallback), rest: withoutTestIdProps(props) };
+}
 function childTestId(props, suffix, fallback) {
   return `${resolveTestId(props, fallback) ?? fallback}-${suffix}`;
 }
@@ -9,10 +12,15 @@ function withoutTestIdProps(props) {
   const { testID: _testID, dataTestId: _dataTestId, "data-testid": _dataTestid, ...rest } = props;
   return rest;
 }
+function slotTestId(props, suffix, fallback) {
+  return props.testID ?? props["data-testid"] ?? childTestId(props, suffix, fallback);
+}
 
 export {
   resolveTestId,
+  splitTestId,
   childTestId,
-  withoutTestIdProps
+  withoutTestIdProps,
+  slotTestId
 };
-//# sourceMappingURL=chunk-QLWBQQW7.js.map
+//# sourceMappingURL=chunk-TYJR4GOF.js.map

package/dist/chunk-TYJR4GOF.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/platform/test-id.ts"],"sourcesContent":["/**\n * One test id, three spellings.\n *\n * The web components take `dataTestId` and forward it as `data-testid`; the\n * existing test stories pass `'data-testid'` straight through as an unknown\n * prop; React Native calls the same thing `testID`, and react-native-web turns\n * THAT back into `data-testid`. A native component that honoured only one of\n * the three would pass its own unit tests and fail the shared stories.\n */\nexport interface TestIdProps {\n  testID?: string;\n  dataTestId?: string;\n  'data-testid'?: string;\n}\n\n/** The id the caller asked for under any of the three names, else `fallback`. */\nexport function resolveTestId(props: TestIdProps, fallback?: string): string | undefined {\n  return props.testID ?? props.dataTestId ?? props['data-testid'] ?? fallback;\n}\n\n/**\n * The id under whichever of the three spellings the caller used, together with\n * the props stripped of all three — so a web component can put `data-testid`\n * where the DOM wants it without React seeing `testID` or `dataTestId` and\n * warning that it does not recognise them.\n */\nexport function splitTestId<T extends TestIdProps>(\n  props: T,\n  fallback?: string,\n): { testId: string | undefined; rest: Omit<T, keyof TestIdProps> } {\n  return { testId: resolveTestId(props, fallback), rest: withoutTestIdProps(props) };\n}\n\n/** `${id}-${suffix}` for a sub-element, or `${fallback}-${suffix}` when unnamed. */\nexport function childTestId(\n  props: TestIdProps,\n  suffix: string,\n  fallback: string,\n): string {\n  return `${resolveTestId(props, fallback) ?? fallback}-${suffix}`;\n}\n\n/** `props` without any of the three spellings, for spreading onto a native element. */\nexport function withoutTestIdProps<P extends TestIdProps>(props: P): Omit<P, keyof TestIdProps> {\n  const { testID: _testID, dataTestId: _dataTestId, 'data-testid': _dataTestid, ...rest } = props;\n  return rest;\n}\n\n/**\n * A SLOT's own test id, where a raw id means \"this element\" and `dataTestId`\n * means \"the surface I belong to\".\n *\n * `Dialog` names its parts by derivation — `d` gives `d-title`, `d-content`,\n * `d-actions` — and a slot receives the DIALOG's id in `dataTestId` to derive\n * from. A raw `data-testid` (or React Native's `testID`) is something else: it\n * is the id the caller wants ON THIS ELEMENT, which is how the shared stories\n * address a `DialogContent`, so it is taken verbatim and no suffix is added.\n *\n * Both renderers read this one function, which is the only way the web and the\n * native slot can agree about what `<DialogContent data-testid=\"x\">` is called.\n */\nexport function slotTestId(props: TestIdProps, suffix: string, fallback: string): string {\n  return props.testID ?? props['data-testid'] ?? childTestId(props, suffix, fallback);\n}\n"],"mappings":";AAgBO,SAAS,cAAc,OAAoB,UAAuC;AACvF,SAAO,MAAM,UAAU,MAAM,cAAc,MAAM,aAAa,KAAK;AACrE;AAQO,SAAS,YACd,OACA,UACkE;AAClE,SAAO,EAAE,QAAQ,cAAc,OAAO,QAAQ,GAAG,MAAM,mBAAmB,KAAK,EAAE;AACnF;AAGO,SAAS,YACd,OACA,QACA,UACQ;AACR,SAAO,GAAG,cAAc,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM;AAChE;AAGO,SAAS,mBAA0C,OAAsC;AAC9F,QAAM,EAAE,QAAQ,SAAS,YAAY,aAAa,eAAe,aAAa,GAAG,KAAK,IAAI;AAC1F,SAAO;AACT;AAeO,SAAS,WAAW,OAAoB,QAAgB,UAA0B;AACvF,SAAO,MAAM,UAAU,MAAM,aAAa,KAAK,YAAY,OAAO,QAAQ,QAAQ;AACpF;","names":[]}

package/dist/{chunk-JD364H3Y.js → chunk-TZ633UZA.js}

@@ -1,3 +1,7 @@
+import {
+  withDefaults
+} from "./chunk-HPK33ACY.js";
+
 // src/components/form/Checkbox/Checkbox.helpers.ts
 var CHECKBOX_DEFAULTS = {
   variant: "default",
@@ -5,14 +9,11 @@ var CHECKBOX_DEFAULTS = {
   glow: false,
   pulse: false
 };
-var definedProps = (props) => Object.fromEntries(
-  Object.entries(props).filter(([, value]) => value !== void 0)
-);
-var resolveCheckboxProps = (props) => ({ ...CHECKBOX_DEFAULTS, ...definedProps(props) });
+var resolveCheckboxProps = (props) => withDefaults(props, CHECKBOX_DEFAULTS);
 var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `checkbox-${suffix}`;
 
 export {
   resolveCheckboxProps,
   makeTestId
 };
-//# sourceMappingURL=chunk-JD364H3Y.js.map
+//# sourceMappingURL=chunk-TZ633UZA.js.map

package/dist/chunk-TZ633UZA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Checkbox/Checkbox.helpers.ts"],"sourcesContent":["import type { CheckboxBaseProps } from './Checkbox.base';\nimport { withDefaults } from '../../../utils/withDefaults';\n\ntype CheckboxDefaultedKeys = 'variant' | 'ripple' | 'glow' | 'pulse';\n\n/**\n * Generic over the renderer's own props, as `resolveButtonProps` is: the web\n * and the native `Checkbox` pass different handler types through, and both come\n * back out untouched.\n */\nexport type ResolvedCheckboxProps<P extends CheckboxBaseProps = CheckboxBaseProps> = P &\n  Required<Pick<CheckboxBaseProps, CheckboxDefaultedKeys>>;\n\nconst CHECKBOX_DEFAULTS: Required<Pick<CheckboxBaseProps, CheckboxDefaultedKeys>> = {\n  variant: 'default',\n  ripple: true,\n  glow: false,\n  pulse: false,\n};\n\nexport const resolveCheckboxProps = <P extends CheckboxBaseProps>(props: P): ResolvedCheckboxProps<P> =>\n  withDefaults(props, CHECKBOX_DEFAULTS as Partial<P>) as ResolvedCheckboxProps<P>;\n\n/** `${dataTestId}-${suffix}`, or `checkbox-${suffix}` when the caller named nothing. */\nexport const makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `checkbox-${suffix}`;\n"],"mappings":";;;;;AAaA,IAAM,oBAA8E;AAAA,EAClF,SAAS;AAAA,EACT,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,OAAO;AACT;AAEO,IAAM,uBAAuB,CAA8B,UAChE,aAAa,OAAO,iBAA+B;AAG9C,IAAM,aACX,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,YAAY,MAAM;","names":[]}

package/dist/{chunk-J6UFAMIC.js → chunk-TZDDL3DR.js}

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

package/dist/{chunk-6IUTT6BK.js → chunk-U2YJCNRU.js}

@@ -1,9 +1,9 @@
 import {
   SaveViewModal
-} from "./chunk-HSAH5QUQ.js";
+} from "./chunk-CHPZTF34.js";
 import {
   ManageViewsDialog
-} from "./chunk-2EKALM6P.js";
+} from "./chunk-6JGPPTLX.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -12,7 +12,7 @@ import {
 } from "./chunk-EFEZWG4C.js";
 import {
   Alert
-} from "./chunk-6D5WEZ2L.js";
+} from "./chunk-QFVFHIHE.js";
 
 // src/components/data-display/DataViews/data-views-table-parts.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
@@ -121,4 +121,4 @@ export {
   ViewsMenuSlot,
   ViewDialogs
 };
-//# sourceMappingURL=chunk-6IUTT6BK.js.map
+//# sourceMappingURL=chunk-U2YJCNRU.js.map

package/dist/{chunk-KZSKI2R3.js → chunk-U2ZDN2AL.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-YTOYMJPM.js";
 
 // src/components/data-display/DataViews/data-views-grid-helpers.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -162,4 +162,4 @@ export {
   togglePillValues,
   cardGridTracks
 };
-//# sourceMappingURL=chunk-KZSKI2R3.js.map
+//# sourceMappingURL=chunk-U2ZDN2AL.js.map

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

@@ -3,7 +3,7 @@ import {
 } from "./chunk-CJL5D2IT.js";
 import {
   EmptyState
-} from "./chunk-MBYO2F4Y.js";
+} from "./chunk-25R3ITGZ.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-YFHIESMD.js.map
+//# sourceMappingURL=chunk-U7Q2Y6WG.js.map

package/dist/{chunk-RQDN4BN5.js → chunk-UU3QAKG6.js}

@@ -1,19 +1,19 @@
+import {
+  FilterDialog,
+  GridFilterPanel
+} from "./chunk-5NKUYCZD.js";
 import {
   DataViewsEmpty
-} from "./chunk-C52BELLW.js";
+} from "./chunk-5OIH36KX.js";
 import {
   InlineFilterControls
-} from "./chunk-B2A4DG77.js";
+} from "./chunk-2MMEIN4T.js";
 import {
   GridHeaderRow
-} from "./chunk-ENNW5SKT.js";
+} from "./chunk-JSH3HFDQ.js";
 import {
   GridMain
-} from "./chunk-J54WH74M.js";
-import {
-  FilterDialog,
-  GridFilterPanel
-} from "./chunk-M7OHXNLF.js";
+} from "./chunk-VNNG46TS.js";
 import {
   DataViewsPagination
 } from "./chunk-VR5HDUBK.js";
@@ -21,18 +21,18 @@ import {
   toOverflowFields,
   useFilterOverflow
 } from "./chunk-TQ6FPOPD.js";
+import {
+  resolveSelectionExtra
+} from "./chunk-KX75HM5U.js";
 import {
   ScopeTabsSlot
 } from "./chunk-Y5UCOBQN.js";
 import {
   ShellToolbar
-} from "./chunk-F2DOTCF3.js";
-import {
-  resolveSelectionExtra
-} from "./chunk-KX75HM5U.js";
+} from "./chunk-XSF6AXEU.js";
 import {
   togglePillValues
-} from "./chunk-KZSKI2R3.js";
+} from "./chunk-U2ZDN2AL.js";
 import {
   DataViewsLayoutProvider,
   useDataViewsLayout
@@ -237,4 +237,4 @@ function GridShell(props) {
 export {
   GridShell
 };
-//# sourceMappingURL=chunk-RQDN4BN5.js.map
+//# sourceMappingURL=chunk-UU3QAKG6.js.map

package/dist/{chunk-VJFH2AXT.js → chunk-UVGRRI7N.js}

@@ -1,15 +1,15 @@
-import {
-  DEFAULT_QUICK_RANGES
-} from "./chunk-QKLSHNOH.js";
-import {
-  useDateRangePicker
-} from "./chunk-OD4Z5G6G.js";
 import {
   DateRangeQuickList
 } from "./chunk-ZRHSIFWA.js";
 import {
   DateRangeFields
 } from "./chunk-MEWYA74E.js";
+import {
+  DEFAULT_QUICK_RANGES
+} from "./chunk-QKLSHNOH.js";
+import {
+  useDateRangePicker
+} from "./chunk-OD4Z5G6G.js";
 import {
   toLocalDay
 } from "./chunk-FRAVVI4A.js";
@@ -180,4 +180,4 @@ export {
   DateRangePicker,
   DateRangePicker_default
 };
-//# sourceMappingURL=chunk-VJFH2AXT.js.map
+//# sourceMappingURL=chunk-UVGRRI7N.js.map

package/dist/{chunk-7DBFEZRC.js → chunk-VIK3HAUQ.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-3JDP5OUR.js";
 import {
   fieldEdge
-} from "./chunk-MLOWPVVW.js";
+} from "./chunk-7FDU3FIN.js";
 
 // src/components/form/PhoneInput/PhoneInput.tsx
 import ArrowDropDown from "@mui/icons-material/ArrowDropDown";
@@ -334,4 +334,4 @@ export {
   PhoneInput,
   PhoneInput_default
 };
-//# sourceMappingURL=chunk-7DBFEZRC.js.map
+//# sourceMappingURL=chunk-VIK3HAUQ.js.map

package/dist/chunk-VM3HRSAU.js

@@ -0,0 +1,79 @@
+// src/components/feedback/Dialog/Dialog.metrics.ts
+var DIALOG_RADIUS_UNITS = {
+  none: 0,
+  sm: 0.5,
+  md: 1,
+  lg: 2,
+  xl: 3
+};
+var DIALOG_MAX_WIDTH = {
+  xs: 400,
+  sm: 600,
+  md: 800,
+  lg: 1e3,
+  xl: 1200
+};
+var DIALOG_WIDTH_PERCENT = 90;
+var DIALOG_MARGIN_UNITS = 2;
+var DIALOG_BORDER_WIDTH = 1;
+var DIALOG_PAPER_SHADOW = [
+  { offsetX: 0, offsetY: 11, blurRadius: 15, spreadDistance: -7, color: "rgba(0, 0, 0, 0.2)" },
+  { offsetX: 0, offsetY: 24, blurRadius: 38, spreadDistance: 3, color: "rgba(0, 0, 0, 0.14)" },
+  { offsetX: 0, offsetY: 9, blurRadius: 46, spreadDistance: 8, color: "rgba(0, 0, 0, 0.12)" }
+];
+var DIALOG_GLASS = {
+  backgroundAlpha: 0.1,
+  blurPx: 20,
+  borderAlpha: 0.2,
+  shadow: { offsetY: 8, blurRadius: 32, alpha: 0.1 }
+};
+var DIALOG_GRADIENT = { angleDeg: 135, stopAlpha: 0.1, blurPx: 10 };
+var DIALOG_GLOW = { blurRadius: 40, alpha: 0.3 };
+var DIALOG_PULSE = {
+  alpha: 0.3,
+  durationMs: 2e3,
+  spread: 20,
+  /** The fraction of the cycle the ring is still visible for. */
+  fadeAt: 0.7,
+  zIndex: -1
+};
+var DIALOG_BACKDROP = { alpha: { plain: 0.5, glass: 0.2 }, blurPx: 8 };
+var DIALOG_BODY_PADDING_UNITS = {
+  horizontal: 3,
+  bottom: 2.5,
+  top: 2.5,
+  /** Tighter under a title, whose own bottom padding is most of the gap. */
+  topUnderTitle: 0.5
+};
+var DIALOG_HEADER_CHILDREN_PADDING_UNITS = 2;
+var DIALOG_TITLE = {
+  padding: { top: 16, horizontal: 24 },
+  paddingBottomUnits: { withSubtitle: 1, plain: 2 },
+  subtitleGapUnits: 0.5
+};
+var DIALOG_CLOSE_BUTTON = { padding: 8, iconSize: 24 };
+var DIALOG_CONTENT_PADDING_UNITS = { normal: 3, dense: 1.5 };
+var DIALOG_TITLED_BODY_PADDING_TOP_UNITS = 1.5;
+var DIALOG_ACTIONS = { paddingUnits: 2, defaultSpacingUnits: 1 };
+
+export {
+  DIALOG_RADIUS_UNITS,
+  DIALOG_MAX_WIDTH,
+  DIALOG_WIDTH_PERCENT,
+  DIALOG_MARGIN_UNITS,
+  DIALOG_BORDER_WIDTH,
+  DIALOG_PAPER_SHADOW,
+  DIALOG_GLASS,
+  DIALOG_GRADIENT,
+  DIALOG_GLOW,
+  DIALOG_PULSE,
+  DIALOG_BACKDROP,
+  DIALOG_BODY_PADDING_UNITS,
+  DIALOG_HEADER_CHILDREN_PADDING_UNITS,
+  DIALOG_TITLE,
+  DIALOG_CLOSE_BUTTON,
+  DIALOG_CONTENT_PADDING_UNITS,
+  DIALOG_TITLED_BODY_PADDING_TOP_UNITS,
+  DIALOG_ACTIONS
+};
+//# sourceMappingURL=chunk-VM3HRSAU.js.map

package/dist/chunk-VM3HRSAU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/feedback/Dialog/Dialog.metrics.ts"],"sourcesContent":["import type { DialogBorderRadius, DialogSize } from './Dialog.base';\nimport type { UiShadow } from '../../../tokens/shadow';\n\n/**\n * THE NUMBERS BOTH `Dialog` RENDERERS DRAW WITH.\n *\n * `Dialog.styles.ts` / `Dialog.tsx` (MUI) and `Dialog.look.native.ts` /\n * `Dialog.native.tsx` (React Native) read this one table. Spacing is in\n * SPACING UNITS wherever the web writes `theme.spacing(n)`; everything else is\n * px, a ratio or an alpha. Shadows are `UiShadow`s — see `src/tokens/shadow.ts`\n * for why they have a shape rather than a string.\n */\n\n/* ── The paper ────────────────────────────────────────────────────────────── */\n\n/** `theme.spacing(n)` per named radius; `lg` is the default. */\nexport const DIALOG_RADIUS_UNITS: Record<DialogBorderRadius, number> = {\n  none: 0,\n  sm: 0.5,\n  md: 1,\n  lg: 2,\n  xl: 3,\n};\n\n/** How wide the paper may grow, per size, in px. Also the drawer's fixed width. */\nexport const DIALOG_MAX_WIDTH: Record<DialogSize, number> = {\n  xs: 400,\n  sm: 600,\n  md: 800,\n  lg: 1000,\n  xl: 1200,\n};\n\n/** The paper is 90% of the viewport up to its max width, `theme.spacing(2)` clear of the edge. */\nexport const DIALOG_WIDTH_PERCENT = 90;\nexport const DIALOG_MARGIN_UNITS = 2;\n\n/** The hairline `glass` draws. */\nexport const DIALOG_BORDER_WIDTH = 1;\n\n/**\n * MUI's `theme.shadows[24]` — the elevation a `Dialog`'s Paper paints.\n *\n * Restated rather than derived because the web never names it: `MuiDialog`\n * passes `elevation={24}` to its Paper, and React Native has no Paper to\n * inherit that from.\n */\nexport const DIALOG_PAPER_SHADOW: readonly UiShadow[] = [\n  { offsetX: 0, offsetY: 11, blurRadius: 15, spreadDistance: -7, color: 'rgba(0, 0, 0, 0.2)' },\n  { offsetX: 0, offsetY: 24, blurRadius: 38, spreadDistance: 3, color: 'rgba(0, 0, 0, 0.14)' },\n  { offsetX: 0, offsetY: 9, blurRadius: 46, spreadDistance: 8, color: 'rgba(0, 0, 0, 0.12)' },\n];\n\n/* ── Variants and decorations ─────────────────────────────────────────────── */\n\n/** `glass`: a 0.1 wash of the paper behind a 20px blur, inside a primary hairline. */\nexport const DIALOG_GLASS = {\n  backgroundAlpha: 0.1,\n  blurPx: 20,\n  borderAlpha: 0.2,\n  shadow: { offsetY: 8, blurRadius: 32, alpha: 0.1 },\n} as const;\n\n/** `gradient`: a faint primary-into-secondary wash at 135°, over a 10px blur. */\nexport const DIALOG_GRADIENT = { angleDeg: 135, stopAlpha: 0.1, blurPx: 10 } as const;\n\n/** `glow`: a 40px halo of the primary hue. */\nexport const DIALOG_GLOW = { blurRadius: 40, alpha: 0.3 } as const;\n\n/**\n * `pulse`: a ring of the primary hue that grows 20px out of the paper's edge and\n * fades, every two seconds. The web draws it as an `::after` box-shadow spread\n * behind the paper (`z-index: -1`).\n */\nexport const DIALOG_PULSE = {\n  alpha: 0.3,\n  durationMs: 2000,\n  spread: 20,\n  /** The fraction of the cycle the ring is still visible for. */\n  fadeAt: 0.7,\n  zIndex: -1,\n} as const;\n\n/**\n * The scrim: half-black, or a fifth of it behind an 8px blur for `glass`.\n *\n * It paints on BOTH renderers whatever `backdrop` is set to. The web reads that\n * prop as `BackdropComponent={backdrop ? Backdrop : undefined}`, and `undefined`\n * is exactly what MUI falls back to `Backdrop` for — so the scrim is there\n * either way. Native mirrors that rather than inventing a difference; fixing it\n * is a web change, made once, for both.\n */\nexport const DIALOG_BACKDROP = { alpha: { plain: 0.5, glass: 0.2 }, blurPx: 8 } as const;\n\n/* ── The slots ────────────────────────────────────────────────────────────── */\n\n/** Raw children (no `DialogContent`/`DialogActions`) get this padding, in spacing units. */\nexport const DIALOG_BODY_PADDING_UNITS = {\n  horizontal: 3,\n  bottom: 2.5,\n  top: 2.5,\n  /** Tighter under a title, whose own bottom padding is most of the gap. */\n  topUnderTitle: 0.5,\n} as const;\n\n/** A `DialogHeader` given raw `children` is a padded box over a hairline instead. */\nexport const DIALOG_HEADER_CHILDREN_PADDING_UNITS = 2;\n\n/**\n * The title row: MUI's `DialogTitle` padding in px, and the bottom the web\n * overrides in spacing units — tighter when a subtitle follows it.\n */\nexport const DIALOG_TITLE = {\n  padding: { top: 16, horizontal: 24 },\n  paddingBottomUnits: { withSubtitle: 1, plain: 2 },\n  subtitleGapUnits: 0.5,\n} as const;\n\n/**\n * The close button: MUI's `IconButton` at its default 8px padding around a\n * 24px glyph, on a circular hover wash.\n */\nexport const DIALOG_CLOSE_BUTTON = { padding: 8, iconSize: 24 } as const;\n\n/** `DialogContent`: `theme.spacing(3)`, tightened by `dense`. */\nexport const DIALOG_CONTENT_PADDING_UNITS = { normal: 3, dense: 1.5 } as const;\n\n/**\n * Top padding for a body that sits directly under the title.\n *\n * MUI zeroes it there, assuming the title's own bottom padding is the whole\n * gap. That assumption breaks for a body opening with an outlined field: a\n * filled field floats its label ABOVE the input's border box, and the body is a\n * clipping box, so the label gets sliced in half (FUT-544). 12px clears the\n * shrunk label's 9px overhang and leaves the gap visually tight.\n */\nexport const DIALOG_TITLED_BODY_PADDING_TOP_UNITS = 1.5;\n\n/** `DialogActions`: `theme.spacing(2)` around, and one unit between by default. */\nexport const DIALOG_ACTIONS = { paddingUnits: 2, defaultSpacingUnits: 1 } as const;\n"],"mappings":";AAgBO,IAAM,sBAA0D;AAAA,EACrE,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,IAAM,mBAA+C;AAAA,EAC1D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,IAAM,uBAAuB;AAC7B,IAAM,sBAAsB;AAG5B,IAAM,sBAAsB;AAS5B,IAAM,sBAA2C;AAAA,EACtD,EAAE,SAAS,GAAG,SAAS,IAAI,YAAY,IAAI,gBAAgB,IAAI,OAAO,qBAAqB;AAAA,EAC3F,EAAE,SAAS,GAAG,SAAS,IAAI,YAAY,IAAI,gBAAgB,GAAG,OAAO,sBAAsB;AAAA,EAC3F,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,IAAI,gBAAgB,GAAG,OAAO,sBAAsB;AAC5F;AAKO,IAAM,eAAe;AAAA,EAC1B,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,aAAa;AAAA,EACb,QAAQ,EAAE,SAAS,GAAG,YAAY,IAAI,OAAO,IAAI;AACnD;AAGO,IAAM,kBAAkB,EAAE,UAAU,KAAK,WAAW,KAAK,QAAQ,GAAG;AAGpE,IAAM,cAAc,EAAE,YAAY,IAAI,OAAO,IAAI;AAOjD,IAAM,eAAe;AAAA,EAC1B,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,QAAQ;AAAA;AAAA,EAER,QAAQ;AAAA,EACR,QAAQ;AACV;AAWO,IAAM,kBAAkB,EAAE,OAAO,EAAE,OAAO,KAAK,OAAO,IAAI,GAAG,QAAQ,EAAE;AAKvE,IAAM,4BAA4B;AAAA,EACvC,YAAY;AAAA,EACZ,QAAQ;AAAA,EACR,KAAK;AAAA;AAAA,EAEL,eAAe;AACjB;AAGO,IAAM,uCAAuC;AAM7C,IAAM,eAAe;AAAA,EAC1B,SAAS,EAAE,KAAK,IAAI,YAAY,GAAG;AAAA,EACnC,oBAAoB,EAAE,cAAc,GAAG,OAAO,EAAE;AAAA,EAChD,kBAAkB;AACpB;AAMO,IAAM,sBAAsB,EAAE,SAAS,GAAG,UAAU,GAAG;AAGvD,IAAM,+BAA+B,EAAE,QAAQ,GAAG,OAAO,IAAI;AAW7D,IAAM,uCAAuC;AAG7C,IAAM,iBAAiB,EAAE,cAAc,GAAG,qBAAqB,EAAE;","names":[]}

package/dist/{chunk-SOCKK67R.js → chunk-VNDOQEJ7.js}

@@ -1,3 +1,6 @@
+import {
+  CarouselTrack
+} from "./chunk-WIXUMFU7.js";
 import {
   useCarouselNavigation
 } from "./chunk-RUIV5TVA.js";
@@ -7,9 +10,6 @@ import {
 import {
   containerStyles
 } from "./chunk-RXVPUW7V.js";
-import {
-  CarouselTrack
-} from "./chunk-WIXUMFU7.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -152,4 +152,4 @@ var Carousel = (props) => {
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-SOCKK67R.js.map
+//# sourceMappingURL=chunk-VNDOQEJ7.js.map

package/dist/{chunk-J54WH74M.js → chunk-VNNG46TS.js}

@@ -1,12 +1,12 @@
 import {
   DataViewsBoard
-} from "./chunk-THBT56JE.js";
+} from "./chunk-E55CJV65.js";
 import {
   SelectAllStrip
-} from "./chunk-7RZ4WOQW.js";
+} from "./chunk-XKV5ZIBG.js";
 import {
   cardGridTracks
-} from "./chunk-KZSKI2R3.js";
+} from "./chunk-U2ZDN2AL.js";
 import {
   ListCardGroup
 } from "./chunk-LYSSO6WC.js";
@@ -22,7 +22,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   DataGrid
-} from "./chunk-HEG7JIBM.js";
+} from "./chunk-X5MPHXG5.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -264,4 +264,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-J54WH74M.js.map
+//# sourceMappingURL=chunk-VNNG46TS.js.map

package/dist/{chunk-5ZF3VASA.js → chunk-VQAM2XZV.js}

@@ -1,19 +1,19 @@
-import {
-  DataViewsGrid
-} from "./chunk-7P2HZLEG.js";
 import {
   DeleteViewDialog
-} from "./chunk-IJIT5HQP.js";
+} from "./chunk-4X4KM4ZB.js";
+import {
+  DataViewsGrid
+} from "./chunk-PFV6RL4Q.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-6IUTT6BK.js";
+} from "./chunk-U2YJCNRU.js";
 import {
   useSavedViewsController
-} from "./chunk-3AOOI2NR.js";
+} from "./chunk-HR7YTBR7.js";
 
 // src/components/data-display/DataViews/DataViewsTableBase.tsx
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -178,4 +178,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-5ZF3VASA.js.map
+//# sourceMappingURL=chunk-VQAM2XZV.js.map

package/dist/{chunk-SEH7KOVG.js → chunk-VXTYVJDK.js}

@@ -1,6 +1,6 @@
 import {
   AddressTextField
-} from "./chunk-URWGRPL7.js";
+} from "./chunk-3W7IEWEL.js";
 
 // src/components/form/AddressAutocomplete/AddressInputField.tsx
 import CurrentLocationIcon from "@mui/icons-material/MyLocation";
@@ -67,4 +67,4 @@ var AddressInputField = ({
 export {
   AddressInputField
 };
-//# sourceMappingURL=chunk-SEH7KOVG.js.map
+//# sourceMappingURL=chunk-VXTYVJDK.js.map

package/dist/{chunk-37YPZHAG.js → chunk-W4SDVTZC.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   Select
-} from "./chunk-VSLUFBMT.js";
+} from "./chunk-TOYEP23N.js";
 import {
   FormControl,
   FormLabel,
@@ -36,4 +36,4 @@ function SelectField({ name, options, label, placeholder }) {
 export {
   SelectField
 };
-//# sourceMappingURL=chunk-37YPZHAG.js.map
+//# sourceMappingURL=chunk-W4SDVTZC.js.map

package/dist/{chunk-X5D3PTWI.js → chunk-W4YWU7LQ.js}

@@ -7,7 +7,7 @@ import {
 } from "./chunk-KLREH4X6.js";
 import {
   resolveTestId
-} from "./chunk-QLWBQQW7.js";
+} from "./chunk-TYJR4GOF.js";
 
 // src/components/layout/Box/Box.tsx
 import MuiBox from "@mui/material/Box/index.js";
@@ -55,4 +55,4 @@ export {
   layoutToSx,
   Box
 };
-//# sourceMappingURL=chunk-X5D3PTWI.js.map
+//# sourceMappingURL=chunk-W4YWU7LQ.js.map

package/dist/{chunk-LKVIZNUM.js → chunk-W7Y6RA6W.js}

@@ -2,22 +2,22 @@ import {
   DiscloseSlot,
   DragSlot,
   SelectSlot
-} from "./chunk-UNF65XZW.js";
+} from "./chunk-I5SBTNV2.js";
 import {
   actionProps,
   metaShape,
   rowStyles,
   useRowShell
-} from "./chunk-Q4NOI2CR.js";
-import {
-  useDisclosure
-} from "./chunk-2JCRNWHE.js";
+} from "./chunk-YQ6TNHAC.js";
 import {
   ListCardActions,
   ListCardCaption,
   ListCardMeta,
   ListCardTail
-} from "./chunk-DQHC5P64.js";
+} from "./chunk-3FLVIVOK.js";
+import {
+  useDisclosure
+} from "./chunk-2JCRNWHE.js";
 import {
   DropIndicator
 } from "./chunk-JCJGJX7V.js";
@@ -34,7 +34,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Card
-} from "./chunk-D2IASECY.js";
+} from "./chunk-AIRWM7KK.js";
 
 // src/components/data-display/DataViews/base-list-card.tsx
 import Collapse from "@mui/material/Collapse/index.js";
@@ -179,4 +179,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-LKVIZNUM.js.map
+//# sourceMappingURL=chunk-W7Y6RA6W.js.map

package/dist/{chunk-Z4GWXTZV.js → chunk-WGRS4PGY.js}

@@ -1,27 +1,27 @@
 import {
   DataViewsExportMenu
-} from "./chunk-PHCSPHDH.js";
+} from "./chunk-XUJG2HFW.js";
 import {
   DataViewsDisplayPanel
-} from "./chunk-4WK2RTVY.js";
+} from "./chunk-LS4FMSHY.js";
 import {
   renderBulkActions
-} from "./chunk-KZSKI2R3.js";
+} from "./chunk-U2ZDN2AL.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
-import {
-  FilterTrigger
-} from "./chunk-LVCUJ7YU.js";
 import {
   ContentToolbar
 } from "./chunk-TSPHRZ4U.js";
+import {
+  FilterTrigger
+} from "./chunk-LVCUJ7YU.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-2PCOC3PT.js";
+} from "./chunk-343TTIHD.js";
 
 // src/components/data-display/DataViews/data-views-toolbar.tsx
 import Divider from "@mui/material/Divider/index.js";
@@ -133,4 +133,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-Z4GWXTZV.js.map
+//# sourceMappingURL=chunk-WGRS4PGY.js.map

package/dist/{chunk-NRUYYGDZ.js → chunk-WLQTHPMX.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-4T6W43TO.js";
 import {
   CategorySelect
-} from "./chunk-LMJBINWN.js";
+} from "./chunk-5ZTUP65G.js";
 
 // src/components/data-display/DataViews/data-views-category-pill.tsx
 import { jsx } from "react/jsx-runtime";
@@ -79,4 +79,4 @@ export {
   emitPillDiff,
   PillControl
 };
-//# sourceMappingURL=chunk-NRUYYGDZ.js.map
+//# sourceMappingURL=chunk-WLQTHPMX.js.map

package/dist/{chunk-J2KSG754.js → chunk-WRDPWEIC.js}

@@ -1,3 +1,7 @@
+import {
+  progressLabelText,
+  resolveProgressProps
+} from "./chunk-5JEOLUWJ.js";
 import {
   barEmphasisStyles,
   barVariantStyles,
@@ -6,10 +10,6 @@ import {
   getSizeStyles,
   pulseAnimation
 } from "./chunk-MHV5Y5MR.js";
-import {
-  progressLabelText,
-  resolveProgressProps
-} from "./chunk-5JEOLUWJ.js";
 
 // src/components/data-display/Progress/Progress.tsx
 import Box from "@mui/material/Box/index.js";
@@ -237,4 +237,4 @@ Progress.displayName = "Progress";
 export {
   Progress
 };
-//# sourceMappingURL=chunk-J2KSG754.js.map
+//# sourceMappingURL=chunk-WRDPWEIC.js.map

package/dist/{chunk-HEG7JIBM.js → chunk-X5MPHXG5.js}

@@ -1,3 +1,6 @@
+import {
+  useDataGridModel
+} from "./chunk-DLJGBJZW.js";
 import {
   GridBody,
   GridHeader
@@ -7,9 +10,6 @@ import {
   DataGridError,
   DataGridLoading
 } from "./chunk-5E3XZAED.js";
-import {
-  useDataGridModel
-} from "./chunk-DLJGBJZW.js";
 
 // src/components/data-display/DataGrid/DataGrid.tsx
 import Paper from "@mui/material/Paper/index.js";
@@ -115,4 +115,4 @@ DataGrid.displayName = "DataGrid";
 export {
   DataGrid
 };
-//# sourceMappingURL=chunk-HEG7JIBM.js.map
+//# sourceMappingURL=chunk-X5MPHXG5.js.map

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

@@ -1,12 +1,12 @@
-import {
-  useMenubarMenus
-} from "./chunk-42VH7N5L.js";
 import {
   MenubarToolbar
 } from "./chunk-SX3V2DLV.js";
 import {
   barStyles
 } from "./chunk-ZU3SWR4I.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-XELVDPKL.js.map