@12-apps/ui 6.18.0 → 6.19.0

package/dist/{chunk-67LDIJQZ.js → chunk-GCJLMX63.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CategorySelect
-} from "./chunk-74KMXBG3.js";
+} from "./chunk-OAXAF4VY.js";
 
 // src/components/form/total-form/Fields/CategoryField.tsx
 import { jsx } from "react/jsx-runtime";
@@ -38,4 +38,4 @@ function CategoryField({
 export {
   CategoryField
 };
-//# sourceMappingURL=chunk-67LDIJQZ.js.map
+//# sourceMappingURL=chunk-GCJLMX63.js.map

package/dist/{chunk-BLBOYCOV.js → chunk-HKV4MQ2W.js}

@@ -1,13 +1,13 @@
-import {
-  resolveAxisConfig,
-  resolveBarGeometry
-} from "./chunk-4V532JF6.js";
 import {
   getAxisStyles,
   getDefaultColors,
   getSizeStyles,
   resolveSeries
 } from "./chunk-XXDXW6TX.js";
+import {
+  resolveAxisConfig,
+  resolveBarGeometry
+} from "./chunk-4V532JF6.js";
 
 // src/components/data-display/Chart/chart-context.ts
 function buildChartContext(props, theme) {
@@ -48,4 +48,4 @@ function buildChartContext(props, theme) {
 export {
   buildChartContext
 };
-//# sourceMappingURL=chunk-BLBOYCOV.js.map
+//# sourceMappingURL=chunk-HKV4MQ2W.js.map

package/dist/{chunk-L5ZZJ4XE.js → chunk-HKZHEK3Z.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-D2IASECY.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-SL4NFGOL.js";
 import {
   Text
 } from "./chunk-2PCOC3PT.js";
@@ -74,4 +74,4 @@ export {
   UserAvatar,
   UserMenu
 };
-//# sourceMappingURL=chunk-L5ZZJ4XE.js.map
+//# sourceMappingURL=chunk-HKZHEK3Z.js.map

package/dist/{chunk-IPS55KWK.js → chunk-HP2ODXNA.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   Pagination
-} from "./chunk-DWZ7FLA7.js";
+} from "./chunk-RBGOGTT2.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -31,4 +31,4 @@ function DataViewsPagination({
 export {
   DataViewsPagination
 };
-//# sourceMappingURL=chunk-IPS55KWK.js.map
+//# sourceMappingURL=chunk-HP2ODXNA.js.map

package/dist/{chunk-3AOOI2NR.js → chunk-HR7YTBR7.js}

@@ -1,3 +1,6 @@
+import {
+  useViewMutations
+} from "./chunk-DZEC6RFM.js";
 import {
   coerceViewState,
   emptyViewState
@@ -5,9 +8,6 @@ import {
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
-import {
-  useViewMutations
-} from "./chunk-DZEC6RFM.js";
 
 // src/components/data-display/DataViews/use-saved-views-controller.ts
 import { useRef, useState } from "react";
@@ -96,4 +96,4 @@ function useSavedViewsController(persistence, router, columnIds, views, initialV
 export {
   useSavedViewsController
 };
-//# sourceMappingURL=chunk-3AOOI2NR.js.map
+//# sourceMappingURL=chunk-HR7YTBR7.js.map

package/dist/{chunk-O6J4CKS5.js → chunk-IIOEQRXX.js}

@@ -1,12 +1,26 @@
 import {
   SIZE_MAP,
-  SKELETON_ROW_HEIGHT,
   makeTestIds,
   resolveLoadingStateProps
-} from "./chunk-KVN3K4J3.js";
+} from "./chunk-7DFEKTT7.js";
+import {
+  SKELETON_FULL_ROW_WIDTH,
+  SKELETON_LAST_ROW_WIDTH,
+  SKELETON_MESSAGE_MARGIN_TOP_UNITS,
+  SKELETON_PADDING_UNITS,
+  SKELETON_RADIUS,
+  SKELETON_ROW_GAP_UNITS,
+  SKELETON_ROW_HEIGHT,
+  SPINNER_GAP_UNITS,
+  SPINNER_MIN_HEIGHT,
+  SPINNER_PADDING_UNITS
+} from "./chunk-YSTHOE66.js";
 import {
   Skeleton
 } from "./chunk-IRDGC7FK.js";
+import {
+  resolveTestId
+} from "./chunk-QLWBQQW7.js";
 
 // src/components/data-display/LoadingState/LoadingState.tsx
 import Box from "@mui/material/Box/index.js";
@@ -44,17 +58,17 @@ var SkeletonView = ({
       "data-testid": testIds.base,
       sx: {
         width: "100%",
-        padding: theme.spacing(3)
+        padding: theme.spacing(SKELETON_PADDING_UNITS)
       },
       children: [
-        /* @__PURE__ */ jsx(Stack, { spacing: 2, children: Array.from({ length: skeletonRows }).map((_, index) => /* @__PURE__ */ jsx(
+        /* @__PURE__ */ jsx(Stack, { spacing: SKELETON_ROW_GAP_UNITS, children: Array.from({ length: skeletonRows }).map((_, index) => /* @__PURE__ */ jsx(
           Skeleton,
           {
             variant: "rectangular",
             animation: "wave",
             height: SKELETON_ROW_HEIGHT[size],
-            width: index === skeletonRows - 1 ? "60%" : "100%",
-            borderRadius: 4,
+            width: index === skeletonRows - 1 ? SKELETON_LAST_ROW_WIDTH : SKELETON_FULL_ROW_WIDTH,
+            borderRadius: SKELETON_RADIUS,
             "data-testid": testIds.optional(`skeleton-${index}`)
           },
           `skeleton-row-${index}`
@@ -65,7 +79,7 @@ var SkeletonView = ({
             message,
             size,
             testIds,
-            sx: { mt: 2, textAlign: "center" }
+            sx: { mt: SKELETON_MESSAGE_MARGIN_TOP_UNITS, textAlign: "center" }
           }
         )
       ]
@@ -87,9 +101,9 @@ var SpinnerView = ({ message, size, className, testIds }) => {
         flexDirection: "column",
         alignItems: "center",
         justifyContent: "center",
-        padding: theme.spacing(6),
-        minHeight: 200,
-        gap: theme.spacing(2)
+        padding: theme.spacing(SPINNER_PADDING_UNITS),
+        minHeight: SPINNER_MIN_HEIGHT,
+        gap: theme.spacing(SPINNER_GAP_UNITS)
       },
       children: [
         /* @__PURE__ */ jsx(
@@ -105,13 +119,16 @@ var SpinnerView = ({ message, size, className, testIds }) => {
   );
 };
 var LoadingState = React.memo((rawProps) => {
-  const { variant, message, size, skeletonRows, className, dataTestId } = resolveLoadingStateProps(rawProps);
+  const resolved = resolveLoadingStateProps(rawProps);
+  const { variant, message, size, skeletonRows, className } = resolved;
   const viewProps = {
     message,
     size,
     skeletonRows,
     className,
-    testIds: makeTestIds(dataTestId)
+    // `dataTestId` is the documented spelling; `testID`, the shared contract's
+    // other one, resolves to the same id.
+    testIds: makeTestIds(resolveTestId(resolved))
   };
   return variant === "skeleton" ? /* @__PURE__ */ jsx(SkeletonView, { ...viewProps }) : /* @__PURE__ */ jsx(SpinnerView, { ...viewProps });
 });
@@ -122,4 +139,4 @@ export {
   LoadingState,
   LoadingState_default
 };
-//# sourceMappingURL=chunk-O6J4CKS5.js.map
+//# sourceMappingURL=chunk-IIOEQRXX.js.map

package/dist/chunk-IIOEQRXX.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/LoadingState/LoadingState.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport Stack from '@mui/material/Stack/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { Skeleton } from '../../layout/Skeleton/Skeleton';\n\nimport {\n  makeTestIds,\n  resolveLoadingStateProps,\n  SIZE_MAP,\n  SKELETON_ROW_HEIGHT,\n} from './LoadingState.helpers';\nimport {\n  SKELETON_FULL_ROW_WIDTH,\n  SKELETON_LAST_ROW_WIDTH,\n  SKELETON_MESSAGE_MARGIN_TOP_UNITS,\n  SKELETON_PADDING_UNITS,\n  SKELETON_RADIUS,\n  SKELETON_ROW_GAP_UNITS,\n  SPINNER_GAP_UNITS,\n  SPINNER_MIN_HEIGHT,\n  SPINNER_PADDING_UNITS,\n} from './LoadingState.metrics';\nimport type { LoadingStateProps, LoadingStateSize } from './LoadingState.types';\nimport { resolveTestId } from '../../../platform/test-id';\n\ninterface ViewProps {\n  message?: string;\n  size: LoadingStateSize;\n  skeletonRows: number;\n  className?: string;\n  testIds: ReturnType<typeof makeTestIds>;\n}\n\nconst LoadingMessage: React.FC<{\n  message?: string;\n  size: LoadingStateSize;\n  testIds: ViewProps['testIds'];\n  sx?: object;\n}> = ({ message, size, testIds, sx }) =>\n  message ? (\n    <Typography\n      variant={SIZE_MAP[size].text}\n      color=\"text.secondary\"\n      sx={sx}\n      data-testid={testIds.named('message')}\n    >\n      {message}\n    </Typography>\n  ) : null;\n\nconst SkeletonView: React.FC<ViewProps> = ({\n  message,\n  size,\n  skeletonRows,\n  className,\n  testIds,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label={message || 'Loading content'}\n      className={className}\n      data-testid={testIds.base}\n      sx={{\n        width: '100%',\n        padding: theme.spacing(SKELETON_PADDING_UNITS),\n      }}\n    >\n      <Stack spacing={SKELETON_ROW_GAP_UNITS}>\n        {Array.from({ length: skeletonRows }).map((_, index) => (\n          <Skeleton\n            key={`skeleton-row-${index}`}\n            variant=\"rectangular\"\n            animation=\"wave\"\n            height={SKELETON_ROW_HEIGHT[size]}\n            // The last row is short, so the block reads as a paragraph of text.\n            width={index === skeletonRows - 1 ? SKELETON_LAST_ROW_WIDTH : SKELETON_FULL_ROW_WIDTH}\n            borderRadius={SKELETON_RADIUS}\n            data-testid={testIds.optional(`skeleton-${index}`)}\n          />\n        ))}\n      </Stack>\n      <LoadingMessage\n        message={message}\n        size={size}\n        testIds={testIds}\n        sx={{ mt: SKELETON_MESSAGE_MARGIN_TOP_UNITS, textAlign: 'center' }}\n      />\n    </Box>\n  );\n};\n\nconst SpinnerView: React.FC<ViewProps> = ({ message, size, className, testIds }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      role=\"status\"\n      aria-busy=\"true\"\n      aria-label={message || 'Loading'}\n      className={className}\n      data-testid={testIds.base}\n      sx={{\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'center',\n        justifyContent: 'center',\n        padding: theme.spacing(SPINNER_PADDING_UNITS),\n        minHeight: SPINNER_MIN_HEIGHT,\n        gap: theme.spacing(SPINNER_GAP_UNITS),\n      }}\n    >\n      <CircularProgress\n        size={SIZE_MAP[size].spinner}\n        data-testid={testIds.named('spinner')}\n      />\n      <LoadingMessage message={message} size={size} testIds={testIds} />\n    </Box>\n  );\n};\n\nexport const LoadingState: React.FC<LoadingStateProps> = React.memo((rawProps) => {\n  const resolved = resolveLoadingStateProps(rawProps);\n  const { variant, message, size, skeletonRows, className } = resolved;\n  const viewProps: ViewProps = {\n    message,\n    size,\n    skeletonRows,\n    className,\n    // `dataTestId` is the documented spelling; `testID`, the shared contract's\n    // other one, resolves to the same id.\n    testIds: makeTestIds(resolveTestId(resolved)),\n  };\n\n  return variant === 'skeleton' ? (\n    <SkeletonView {...viewProps} />\n  ) : (\n    <SpinnerView {...viewProps} />\n  );\n});\n\nLoadingState.displayName = 'LoadingState';\n\nexport default LoadingState;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,SAAS;AAChB,OAAO,sBAAsB;AAC7B,OAAO,WAAW;AAClB,OAAO,gBAAgB;AACvB,SAAS,gBAAgB;AACzB,OAAO,WAAW;AAuCd,cAoBA,YApBA;AAPJ,IAAM,iBAKD,CAAC,EAAE,SAAS,MAAM,SAAS,GAAG,MACjC,UACE;AAAA,EAAC;AAAA;AAAA,IACC,SAAS,SAAS,IAAI,EAAE;AAAA,IACxB,OAAM;AAAA,IACN;AAAA,IACA,eAAa,QAAQ,MAAM,SAAS;AAAA,IAEnC;AAAA;AACH,IACE;AAEN,IAAM,eAAoC,CAAC;AAAA,EACzC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,QAAQ,SAAS;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAY,WAAW;AAAA,MACvB;AAAA,MACA,eAAa,QAAQ;AAAA,MACrB,IAAI;AAAA,QACF,OAAO;AAAA,QACP,SAAS,MAAM,QAAQ,sBAAsB;AAAA,MAC/C;AAAA,MAEA;AAAA,4BAAC,SAAM,SAAS,wBACb,gBAAM,KAAK,EAAE,QAAQ,aAAa,CAAC,EAAE,IAAI,CAAC,GAAG,UAC5C;AAAA,UAAC;AAAA;AAAA,YAEC,SAAQ;AAAA,YACR,WAAU;AAAA,YACV,QAAQ,oBAAoB,IAAI;AAAA,YAEhC,OAAO,UAAU,eAAe,IAAI,0BAA0B;AAAA,YAC9D,cAAc;AAAA,YACd,eAAa,QAAQ,SAAS,YAAY,KAAK,EAAE;AAAA;AAAA,UAP5C,gBAAgB,KAAK;AAAA,QAQ5B,CACD,GACH;AAAA,QACA;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA,IAAI,EAAE,IAAI,mCAAmC,WAAW,SAAS;AAAA;AAAA,QACnE;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAM,cAAmC,CAAC,EAAE,SAAS,MAAM,WAAW,QAAQ,MAAM;AAClF,QAAM,QAAQ,SAAS;AAEvB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAU;AAAA,MACV,cAAY,WAAW;AAAA,MACvB;AAAA,MACA,eAAa,QAAQ;AAAA,MACrB,IAAI;AAAA,QACF,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,gBAAgB;AAAA,QAChB,SAAS,MAAM,QAAQ,qBAAqB;AAAA,QAC5C,WAAW;AAAA,QACX,KAAK,MAAM,QAAQ,iBAAiB;AAAA,MACtC;AAAA,MAEA;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,SAAS,IAAI,EAAE;AAAA,YACrB,eAAa,QAAQ,MAAM,SAAS;AAAA;AAAA,QACtC;AAAA,QACA,oBAAC,kBAAe,SAAkB,MAAY,SAAkB;AAAA;AAAA;AAAA,EAClE;AAEJ;AAEO,IAAM,eAA4C,MAAM,KAAK,CAAC,aAAa;AAChF,QAAM,WAAW,yBAAyB,QAAQ;AAClD,QAAM,EAAE,SAAS,SAAS,MAAM,cAAc,UAAU,IAAI;AAC5D,QAAM,YAAuB;AAAA,IAC3B;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAAA;AAAA,IAGA,SAAS,YAAY,cAAc,QAAQ,CAAC;AAAA,EAC9C;AAEA,SAAO,YAAY,aACjB,oBAAC,gBAAc,GAAG,WAAW,IAE7B,oBAAC,eAAa,GAAG,WAAW;AAEhC,CAAC;AAED,aAAa,cAAc;AAE3B,IAAO,uBAAQ;","names":[]}

package/dist/{chunk-PUBPZOQJ.js → chunk-IPE5FFFD.js}

@@ -1,6 +1,6 @@
 import {
   CalendarDayCell
-} from "./chunk-GJQYM3PM.js";
+} from "./chunk-SHQWIDD5.js";
 import {
   getMonthName
 } from "./chunk-TERT6TIS.js";
@@ -101,4 +101,4 @@ var CalendarMonth = ({
 export {
   CalendarMonth
 };
-//# sourceMappingURL=chunk-PUBPZOQJ.js.map
+//# sourceMappingURL=chunk-IPE5FFFD.js.map

package/dist/{chunk-C52BELLW.js → chunk-ISSJNFJV.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-SL4NFGOL.js";
 import {
   Text
 } from "./chunk-2PCOC3PT.js";
@@ -77,4 +77,4 @@ function DataViewsEmpty({
 export {
   DataViewsEmpty
 };
-//# sourceMappingURL=chunk-C52BELLW.js.map
+//# sourceMappingURL=chunk-ISSJNFJV.js.map

package/dist/{chunk-2ZRZTGWP.js → chunk-ISW5K72V.js}

@@ -1,11 +1,11 @@
-import {
-  isDateDisabledBy,
-  nextRangeStep
-} from "./chunk-E2Y7G4MP.js";
 import {
   ACTIVATION_KEYS,
   navigateFocus
 } from "./chunk-FFQ4NOJT.js";
+import {
+  isDateDisabledBy,
+  nextRangeStep
+} from "./chunk-E2Y7G4MP.js";
 import {
   addMonths,
   generateMonthMatrix,
@@ -227,4 +227,4 @@ var useCalendar = (props) => {
 export {
   useCalendar
 };
-//# sourceMappingURL=chunk-2ZRZTGWP.js.map
+//# sourceMappingURL=chunk-ISW5K72V.js.map

package/dist/{chunk-X24P3ZYW.js → chunk-J4W4TQPC.js}

@@ -1,14 +1,14 @@
-import {
-  glassStyles,
-  resolveMapPreviewProps
-} from "./chunk-ACZH2NUW.js";
 import {
   MapCoordinates,
   MapMarkers
 } from "./chunk-FRW4SYZD.js";
 import {
   MapLayers
-} from "./chunk-EGRFMPGD.js";
+} from "./chunk-EXJBPKGW.js";
+import {
+  glassStyles,
+  resolveMapPreviewProps
+} from "./chunk-ACZH2NUW.js";
 import {
   useMapPreview
 } from "./chunk-PQECNGDE.js";
@@ -105,4 +105,4 @@ export {
   MapPreview,
   MapPreview_default
 };
-//# sourceMappingURL=chunk-X24P3ZYW.js.map
+//# sourceMappingURL=chunk-J4W4TQPC.js.map

package/dist/chunk-JZT5XP23.js

@@ -0,0 +1,48 @@
+// src/components/layout/Container/Container.metrics.ts
+var CONTAINER_MAX_WIDTHS = {
+  xs: 444,
+  sm: 600,
+  md: 900,
+  lg: 1200,
+  xl: 1536
+};
+var CONTAINER_DEFAULT_MAX_WIDTH = "lg";
+var CONTAINER_CENTERED_MAX_WIDTH = "md";
+var CONTAINER_PADDING_UNITS = {
+  none: 0,
+  xs: 1,
+  sm: 2,
+  md: 3,
+  lg: 4,
+  xl: 6
+};
+var CONTAINER_DEFAULT_PADDING = "md";
+var CONTAINER_PADDED_VERTICAL_UNITS = 8;
+var CONTAINER_COMPACT_PADDING_UNITS = 2;
+var CONTAINER_COMPACT_BELOW = 600;
+var isMaxWidthKey = (value) => value in CONTAINER_MAX_WIDTHS;
+function resolveContainerMaxWidth(variant, maxWidth) {
+  if (variant === "fluid") return false;
+  if (variant === "centered") return CONTAINER_CENTERED_MAX_WIDTH;
+  if (typeof maxWidth === "string" && isMaxWidthKey(maxWidth)) return maxWidth;
+  return maxWidth === false ? false : CONTAINER_DEFAULT_MAX_WIDTH;
+}
+function containerPaddingUnits(padding, compact) {
+  if (compact) return CONTAINER_COMPACT_PADDING_UNITS;
+  const units = CONTAINER_PADDING_UNITS[padding];
+  return units || CONTAINER_PADDING_UNITS[CONTAINER_DEFAULT_PADDING];
+}
+
+export {
+  CONTAINER_MAX_WIDTHS,
+  CONTAINER_DEFAULT_MAX_WIDTH,
+  CONTAINER_CENTERED_MAX_WIDTH,
+  CONTAINER_PADDING_UNITS,
+  CONTAINER_DEFAULT_PADDING,
+  CONTAINER_PADDED_VERTICAL_UNITS,
+  CONTAINER_COMPACT_PADDING_UNITS,
+  CONTAINER_COMPACT_BELOW,
+  resolveContainerMaxWidth,
+  containerPaddingUnits
+};
+//# sourceMappingURL=chunk-JZT5XP23.js.map

package/dist/chunk-JZT5XP23.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Container/Container.metrics.ts"],"sourcesContent":["import type { ContainerMaxWidth, ContainerPadding, ContainerVariant } from './Container.base';\n\n/**\n * THE NUMBERS BOTH `Container` RENDERERS DRAW WITH.\n *\n * `Container.tsx` used to hold these as `theme.spacing(…)` calls and MUI's\n * breakpoint names inside the component; the native renderer has no MUI\n * breakpoints to name, so the values live here in SPACING UNITS and px, and\n * each renderer multiplies the units out through its own `theme.spacing`.\n */\nexport type ContainerMaxWidthKey = Exclude<ContainerMaxWidth, false>;\n\n/**\n * MUI's default breakpoints, which its `Container` reads as `max-width`\n * (`xs` is `Math.max(values.xs, 444)`). MUI applies each under\n * `min-width: <breakpoint>`, but below it the column is `width: 100%` and\n * narrower anyway, so a plain `maxWidth` paints the same.\n */\nexport const CONTAINER_MAX_WIDTHS: Record<ContainerMaxWidthKey, number> = {\n  xs: 444,\n  sm: 600,\n  md: 900,\n  lg: 1200,\n  xl: 1536,\n};\n\nexport const CONTAINER_DEFAULT_MAX_WIDTH: ContainerMaxWidthKey = 'lg';\n/** The `centered` variant reads at `md`, whatever `maxWidth` says. */\nexport const CONTAINER_CENTERED_MAX_WIDTH: ContainerMaxWidthKey = 'md';\n\nexport const CONTAINER_PADDING_UNITS: Record<ContainerPadding, number> = {\n  none: 0,\n  xs: 1,\n  sm: 2,\n  md: 3,\n  lg: 4,\n  xl: 6,\n};\n\nexport const CONTAINER_DEFAULT_PADDING: ContainerPadding = 'md';\n\n/** What `variant=\"padded\"` declares above and below, in spacing units. */\nexport const CONTAINER_PADDED_VERTICAL_UNITS = 8;\n\n/** Under {@link CONTAINER_COMPACT_BELOW}, a `responsive` container tightens to this. */\nexport const CONTAINER_COMPACT_PADDING_UNITS = 2;\n\n/** MUI's `sm` breakpoint: `theme.breakpoints.down('sm')` is `max-width: 599.95px`. */\nexport const CONTAINER_COMPACT_BELOW = 600;\n\nconst isMaxWidthKey = (value: string): value is ContainerMaxWidthKey => value in CONTAINER_MAX_WIDTHS;\n\n/**\n * The breakpoint the column is limited to, or `false` for none. `fluid` drops\n * the limit, `centered` fixes it at `md`, and a string outside the vocabulary\n * reads as the default — the rules `Container.tsx` has always applied.\n */\nexport function resolveContainerMaxWidth(\n  variant: ContainerVariant,\n  maxWidth: ContainerMaxWidth | string,\n): ContainerMaxWidthKey | false {\n  if (variant === 'fluid') return false;\n  if (variant === 'centered') return CONTAINER_CENTERED_MAX_WIDTH;\n  if (typeof maxWidth === 'string' && isMaxWidthKey(maxWidth)) return maxWidth;\n  return maxWidth === false ? false : CONTAINER_DEFAULT_MAX_WIDTH;\n}\n\n/**\n * The inset every side of the container is PAINTED with, in spacing units.\n *\n * This is the web's painted result, not its declared intent, and two of its\n * rules are worth knowing before reaching for them:\n *\n * - `padding=\"none\"` paints the default. The web reads its map with `||`, so\n *   `none`'s 0 falls through to `md`.\n * - `variant=\"padded\"` paints the same inset as `default`. The web declares its\n *   {@link CONTAINER_PADDED_VERTICAL_UNITS} above and below BEFORE the\n *   `padding` shorthand, which therefore overrides them.\n *\n * Both renderers read this one function so they agree today; either fix is a\n * change to the web's emitted CSS and to this function, made together.\n */\nexport function containerPaddingUnits(padding: ContainerPadding | string, compact: boolean): number {\n  if (compact) return CONTAINER_COMPACT_PADDING_UNITS;\n  const units = (CONTAINER_PADDING_UNITS as Record<string, number | undefined>)[padding];\n  return units || CONTAINER_PADDING_UNITS[CONTAINER_DEFAULT_PADDING];\n}\n"],"mappings":";AAkBO,IAAM,uBAA6D;AAAA,EACxE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,8BAAoD;AAE1D,IAAM,+BAAqD;AAE3D,IAAM,0BAA4D;AAAA,EACvE,MAAM;AAAA,EACN,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,4BAA8C;AAGpD,IAAM,kCAAkC;AAGxC,IAAM,kCAAkC;AAGxC,IAAM,0BAA0B;AAEvC,IAAM,gBAAgB,CAAC,UAAiD,SAAS;AAO1E,SAAS,yBACd,SACA,UAC8B;AAC9B,MAAI,YAAY,QAAS,QAAO;AAChC,MAAI,YAAY,WAAY,QAAO;AACnC,MAAI,OAAO,aAAa,YAAY,cAAc,QAAQ,EAAG,QAAO;AACpE,SAAO,aAAa,QAAQ,QAAQ;AACtC;AAiBO,SAAS,sBAAsB,SAAoC,SAA0B;AAClG,MAAI,QAAS,QAAO;AACpB,QAAM,QAAS,wBAA+D,OAAO;AACrF,SAAO,SAAS,wBAAwB,yBAAyB;AACnE;","names":[]}

package/dist/{chunk-LZRURORY.js → chunk-KADJNWTQ.js}

@@ -1,12 +1,12 @@
 import {
   Sheet
-} from "./chunk-MY5VNNSP.js";
+} from "./chunk-MCRIT46W.js";
 import {
   Dialog
 } from "./chunk-S5LE2ARG.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-SL4NFGOL.js";
 import {
   accentFor
 } from "./chunk-V5IOLAIS.js";
@@ -162,4 +162,4 @@ AppHeaderDetails.displayName = "AppHeaderDetails";
 export {
   AppHeaderDetails
 };
-//# sourceMappingURL=chunk-LZRURORY.js.map
+//# sourceMappingURL=chunk-KADJNWTQ.js.map

package/dist/{chunk-3AFUWDYS.js → chunk-KKYW3LU7.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-INGPH3YQ.js";
 import {
   Heading
-} from "./chunk-NYLXHOMR.js";
+} from "./chunk-Z7JNCB5Q.js";
 import {
   Separator
 } from "./chunk-MCZ7536N.js";
@@ -13,7 +13,7 @@ import {
 } from "./chunk-D2IASECY.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-SL4NFGOL.js";
 import {
   Text
 } from "./chunk-2PCOC3PT.js";
@@ -174,4 +174,4 @@ export {
   SocialLoginButton,
   SocialLoginContainer
 };
-//# sourceMappingURL=chunk-3AFUWDYS.js.map
+//# sourceMappingURL=chunk-KKYW3LU7.js.map

package/dist/{chunk-NHSMLVNC.js → chunk-KSF7TLXH.js}

@@ -2,16 +2,16 @@ import {
   CategoryHeadRow,
   CategorySectionHeading,
   SubcategoryRow
-} from "./chunk-WBVHRLIS.js";
+} from "./chunk-N4WANJI3.js";
+import {
+  categoryCheckState,
+  isLeafCategory
+} from "./chunk-LR6MSKTT.js";
 import {
   emptySx,
   listSx,
   skeletonSx
 } from "./chunk-FCOEJCUP.js";
-import {
-  categoryCheckState,
-  isLeafCategory
-} from "./chunk-LR6MSKTT.js";
 
 // src/components/form/CategorySelect/CategoryPanelList.tsx
 import Box from "@mui/material/Box/index.js";
@@ -152,4 +152,4 @@ function CategoryPanelList(props) {
 export {
   CategoryPanelList
 };
-//# sourceMappingURL=chunk-NHSMLVNC.js.map
+//# sourceMappingURL=chunk-KSF7TLXH.js.map

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

@@ -2,7 +2,7 @@ import {
   buildGridColumns,
   buildRowActionsColumn,
   isActionsColumn
-} from "./chunk-KZSKI2R3.js";
+} from "./chunk-YLDS5FOQ.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-L65LF6LN.js.map

package/dist/{chunk-FH4VARZ7.js → chunk-L6KEVPXN.js}

@@ -1,3 +1,9 @@
+import {
+  badgeContentOf,
+  definedAria,
+  formatCount,
+  resolveBadgeProps
+} from "./chunk-MMZAGB64.js";
 import {
   buildBadgeContent
 } from "./chunk-ZGEBIC5X.js";
@@ -5,12 +11,6 @@ import {
   badgeStyles,
   getAnchorOrigin
 } from "./chunk-4Q7HWRR2.js";
-import {
-  badgeContentOf,
-  definedAria,
-  formatCount,
-  resolveBadgeProps
-} from "./chunk-MMZAGB64.js";
 
 // src/components/data-display/Badge/Badge.tsx
 import MuiBadge from "@mui/material/Badge/index.js";
@@ -169,4 +169,4 @@ Badge.displayName = "Badge";
 export {
   Badge
 };
-//# sourceMappingURL=chunk-FH4VARZ7.js.map
+//# sourceMappingURL=chunk-L6KEVPXN.js.map

package/dist/{chunk-X5BHPSAC.js → chunk-LDE4ELB5.js}

@@ -1,19 +1,19 @@
-import {
-  DataViewsGrid
-} from "./chunk-4EJSUL62.js";
 import {
   DeleteViewDialog
-} from "./chunk-IJIT5HQP.js";
+} from "./chunk-72UYVJBQ.js";
+import {
+  DataViewsGrid
+} from "./chunk-OR7UH2ZQ.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-P5YYVDAD.js";
+} from "./chunk-E5ZHW4I5.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-X5BHPSAC.js.map
+//# sourceMappingURL=chunk-LDE4ELB5.js.map

package/dist/{chunk-NETZMGQP.js → chunk-LIOVN5IM.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-YNQGXSDD.js";
+} from "./chunk-CRNQVWIT.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -64,4 +64,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-NETZMGQP.js.map
+//# sourceMappingURL=chunk-LIOVN5IM.js.map

package/dist/{chunk-NBNLGTRB.js → chunk-LLABVZM3.js}

@@ -1,3 +1,14 @@
+import {
+  CONTAINER_COMPACT_PADDING_UNITS,
+  CONTAINER_PADDED_VERTICAL_UNITS,
+  containerPaddingUnits,
+  resolveContainerMaxWidth
+} from "./chunk-JZT5XP23.js";
+import {
+  resolveTestId,
+  withoutTestIdProps
+} from "./chunk-QLWBQQW7.js";
+
 // src/components/layout/Container/Container.tsx
 import MuiContainer from "@mui/material/Container/index.js";
 import { useTheme } from "@mui/material/styles/index.js";
@@ -8,31 +19,12 @@ var Container = ({
   variant = "default",
   padding = "md",
   responsive = true,
-  dataTestId,
   sx,
-  ...props
+  ...others
 }) => {
   const theme = useTheme();
-  const getPadding = () => {
-    const paddingMap = {
-      none: 0,
-      xs: theme.spacing(1),
-      sm: theme.spacing(2),
-      md: theme.spacing(3),
-      lg: theme.spacing(4),
-      xl: theme.spacing(6)
-    };
-    return paddingMap[padding] || theme.spacing(3);
-  };
-  const getMaxWidth = () => {
-    if (variant === "fluid") return false;
-    if (variant === "centered") return "md";
-    if (typeof maxWidth === "string" && ["xs", "sm", "md", "lg", "xl"].includes(maxWidth)) {
-      return maxWidth;
-    }
-    if (maxWidth === false) return false;
-    return "lg";
-  };
+  const testId = resolveTestId(others, "container");
+  const props = withoutTestIdProps(others);
   const containerStyles = {
     ...variant === "centered" && {
       display: "flex",
@@ -42,13 +34,13 @@ var Container = ({
       minHeight: "100vh"
     },
     ...variant === "padded" && {
-      paddingTop: theme.spacing(8),
-      paddingBottom: theme.spacing(8)
+      paddingTop: theme.spacing(CONTAINER_PADDED_VERTICAL_UNITS),
+      paddingBottom: theme.spacing(CONTAINER_PADDED_VERTICAL_UNITS)
     },
-    padding: getPadding(),
+    padding: theme.spacing(containerPaddingUnits(padding, false)),
     ...responsive && {
       [theme.breakpoints.down("sm")]: {
-        padding: theme.spacing(2)
+        padding: theme.spacing(CONTAINER_COMPACT_PADDING_UNITS)
       }
     },
     ...sx || {}
@@ -56,9 +48,9 @@ var Container = ({
   return /* @__PURE__ */ jsx(
     MuiContainer,
     {
-      maxWidth: getMaxWidth(),
+      maxWidth: resolveContainerMaxWidth(variant, maxWidth),
       sx: containerStyles,
-      "data-testid": dataTestId || "container",
+      "data-testid": testId,
       ...props,
       children
     }
@@ -68,4 +60,4 @@ var Container = ({
 export {
   Container
 };
-//# sourceMappingURL=chunk-NBNLGTRB.js.map
+//# sourceMappingURL=chunk-LLABVZM3.js.map

package/dist/chunk-LLABVZM3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Container/Container.tsx"],"sourcesContent":["import MuiContainer from '@mui/material/Container/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport type { SxProps, Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport {\n  CONTAINER_COMPACT_PADDING_UNITS,\n  CONTAINER_PADDED_VERTICAL_UNITS,\n  containerPaddingUnits,\n  resolveContainerMaxWidth,\n} from './Container.metrics';\nimport type { ContainerProps } from './Container.types';\nimport { resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\n\nexport const Container: React.FC<ContainerProps> = ({\n  children,\n  maxWidth = 'lg',\n  variant = 'default',\n  padding = 'md',\n  responsive = true,\n  sx,\n  ...others\n}) => {\n  const theme = useTheme();\n  // `testID` and `dataTestId` are the shared contract's spellings; the DOM\n  // wants `data-testid`, and must not see the other two as attributes.\n  const testId = resolveTestId(others, 'container');\n  const props = withoutTestIdProps(others);\n\n  // From the shared metrics, not tables of our own: the native `Container`\n  // reads the same units and the same max-width rule, so the two renderers\n  // cannot disagree on an inset or a column width.\n  const containerStyles: SxProps<Theme> = {\n    ...(variant === 'centered' && {\n      display: 'flex',\n      flexDirection: 'column',\n      alignItems: 'center',\n      justifyContent: 'center',\n      minHeight: '100vh',\n    }),\n    ...(variant === 'padded' && {\n      paddingTop: theme.spacing(CONTAINER_PADDED_VERTICAL_UNITS),\n      paddingBottom: theme.spacing(CONTAINER_PADDED_VERTICAL_UNITS),\n    }),\n    padding: theme.spacing(containerPaddingUnits(padding, false)),\n    ...(responsive && {\n      [theme.breakpoints.down('sm')]: {\n        padding: theme.spacing(CONTAINER_COMPACT_PADDING_UNITS),\n      },\n    }),\n    ...(sx || {}),\n  };\n\n  return (\n    <MuiContainer\n      maxWidth={resolveContainerMaxWidth(variant, maxWidth)}\n      sx={containerStyles}\n      data-testid={testId}\n      {...props}\n    >\n      {children}\n    </MuiContainer>\n  );\n};\n"],"mappings":";;;;;;;;;;;;AAAA,OAAO,kBAAkB;AACzB,SAAS,gBAAgB;AAqDrB;AAxCG,IAAM,YAAsC,CAAC;AAAA,EAClD;AAAA,EACA,WAAW;AAAA,EACX,UAAU;AAAA,EACV,UAAU;AAAA,EACV,aAAa;AAAA,EACb;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,QAAQ,SAAS;AAGvB,QAAM,SAAS,cAAc,QAAQ,WAAW;AAChD,QAAM,QAAQ,mBAAmB,MAAM;AAKvC,QAAM,kBAAkC;AAAA,IACtC,GAAI,YAAY,cAAc;AAAA,MAC5B,SAAS;AAAA,MACT,eAAe;AAAA,MACf,YAAY;AAAA,MACZ,gBAAgB;AAAA,MAChB,WAAW;AAAA,IACb;AAAA,IACA,GAAI,YAAY,YAAY;AAAA,MAC1B,YAAY,MAAM,QAAQ,+BAA+B;AAAA,MACzD,eAAe,MAAM,QAAQ,+BAA+B;AAAA,IAC9D;AAAA,IACA,SAAS,MAAM,QAAQ,sBAAsB,SAAS,KAAK,CAAC;AAAA,IAC5D,GAAI,cAAc;AAAA,MAChB,CAAC,MAAM,YAAY,KAAK,IAAI,CAAC,GAAG;AAAA,QAC9B,SAAS,MAAM,QAAQ,+BAA+B;AAAA,MACxD;AAAA,IACF;AAAA,IACA,GAAI,MAAM,CAAC;AAAA,EACb;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,UAAU,yBAAyB,SAAS,QAAQ;AAAA,MACpD,IAAI;AAAA,MACJ,eAAa;AAAA,MACZ,GAAG;AAAA,MAEH;AAAA;AAAA,EACH;AAEJ;","names":[]}

package/dist/{chunk-OQXOYHIV.js → chunk-M3RIC6JI.js}

@@ -1,6 +1,3 @@
-import {
-  TextFieldSlim
-} from "./chunk-SL6454K7.js";
 import {
   SIZE_MAP,
   filledStyles,
@@ -11,6 +8,9 @@ import {
   outlinedStyles,
   pulseStyles
 } from "./chunk-RMSH2I3O.js";
+import {
+  TextFieldSlim
+} from "./chunk-SL6454K7.js";
 
 // src/components/form/Input/Input.tsx
 import CircularProgress from "@mui/material/CircularProgress/index.js";
@@ -102,4 +102,4 @@ Input.displayName = "Input";
 export {
   Input
 };
-//# sourceMappingURL=chunk-OQXOYHIV.js.map
+//# sourceMappingURL=chunk-M3RIC6JI.js.map

package/dist/{chunk-MY5VNNSP.js → chunk-MCRIT46W.js}

@@ -1,6 +1,3 @@
-import {
-  panelSx
-} from "./chunk-6JZE4IIN.js";
 import {
   useSheetDrag,
   useSheetOpen
@@ -8,6 +5,9 @@ import {
 import {
   SheetBody
 } from "./chunk-M2K7BPHX.js";
+import {
+  panelSx
+} from "./chunk-6JZE4IIN.js";
 import {
   SheetOverlay
 } from "./chunk-POUWN4PX.js";
@@ -124,4 +124,4 @@ var Sheet = (props) => {
 export {
   Sheet
 };
-//# sourceMappingURL=chunk-MY5VNNSP.js.map
+//# sourceMappingURL=chunk-MCRIT46W.js.map