@12-apps/ui 6.18.0 → 6.19.0

package/dist/{chunk-A2GGT4OC.js → chunk-V3SBJ3PB.js}

@@ -1,3 +1,22 @@
+import {
+  LEAD_FONT_SIZE,
+  LEAD_LETTER_SPACING_EM,
+  LEAD_LINE_HEIGHT,
+  MUTED_OPACITY,
+  PARAGRAPH_FONT_WEIGHT,
+  PARAGRAPH_MARGIN_BOTTOM_EM,
+  PARAGRAPH_SIZES,
+  SMALL_FONT_SIZE,
+  SMALL_LINE_HEIGHT
+} from "./chunk-QKLGH3RZ.js";
+import {
+  resolveTestId,
+  withoutTestIdProps
+} from "./chunk-QLWBQQW7.js";
+import {
+  px
+} from "./chunk-NQN5Z36J.js";
+
 // src/components/typography/Paragraph/Paragraph.tsx
 import Typography from "@mui/material/Typography/index.js";
 import { styled } from "@mui/material/styles/index.js";
@@ -17,20 +36,20 @@ var getColorFromTheme = (theme, color) => {
   };
   return colorMap[color] || theme.palette.text.primary;
 };
+var sizeMap = Object.fromEntries(
+  Object.entries(PARAGRAPH_SIZES).map(([size, step]) => [
+    size,
+    { fontSize: px(step.fontSize), lineHeight: step.lineHeight }
+  ])
+);
+var sizeOverride = (customSize, atDefault) => customSize === "md" ? px(atDefault) : sizeMap[customSize]?.fontSize;
 var StyledParagraph = styled(Typography, {
   shouldForwardProp: (prop) => !["customVariant", "customColor", "customSize"].includes(prop)
 })(({ theme, customVariant = "default", customColor = "neutral", customSize = "md" }) => {
   const textColor = getColorFromTheme(theme, customColor);
-  const sizeMap = {
-    xs: { fontSize: "0.75rem", lineHeight: 1.4 },
-    sm: { fontSize: "0.875rem", lineHeight: 1.5 },
-    md: { fontSize: "1rem", lineHeight: 1.6 },
-    lg: { fontSize: "1.125rem", lineHeight: 1.6 },
-    xl: { fontSize: "1.25rem", lineHeight: 1.7 }
-  };
   const baseStyles = {
     fontFamily: theme.typography.body1.fontFamily,
-    margin: "0 0 1em 0",
+    margin: `0 0 ${PARAGRAPH_MARGIN_BOTTOM_EM}em 0`,
     transition: "all 0.2s ease",
     ...sizeMap[customSize]
   };
@@ -38,48 +57,53 @@ var StyledParagraph = styled(Typography, {
     default: {
       ...baseStyles,
       color: textColor,
-      fontWeight: 400
+      fontWeight: PARAGRAPH_FONT_WEIGHT
     },
     lead: {
       ...baseStyles,
       color: textColor,
-      fontWeight: 400,
-      fontSize: customSize === "md" ? "1.125rem" : sizeMap[customSize]?.fontSize,
-      lineHeight: 1.7,
-      letterSpacing: "0.01em"
+      fontWeight: PARAGRAPH_FONT_WEIGHT,
+      fontSize: sizeOverride(customSize, LEAD_FONT_SIZE),
+      lineHeight: LEAD_LINE_HEIGHT,
+      letterSpacing: `${LEAD_LETTER_SPACING_EM}em`
     },
     muted: {
       ...baseStyles,
       color: theme.palette.text.secondary,
-      fontWeight: 400,
-      opacity: 0.8
+      fontWeight: PARAGRAPH_FONT_WEIGHT,
+      opacity: MUTED_OPACITY
     },
     small: {
       ...baseStyles,
       color: theme.palette.text.secondary,
-      fontSize: customSize === "md" ? "0.875rem" : sizeMap[customSize]?.fontSize,
-      fontWeight: 400,
-      lineHeight: 1.5
+      fontSize: sizeOverride(customSize, SMALL_FONT_SIZE),
+      fontWeight: PARAGRAPH_FONT_WEIGHT,
+      lineHeight: SMALL_LINE_HEIGHT
     }
   };
   return variantStyles[customVariant] || variantStyles.default;
 });
 var Paragraph = React.forwardRef(
-  ({ variant = "default", color = "neutral", size = "md", children, ...props }, ref) => /* @__PURE__ */ jsx(
-    StyledParagraph,
-    {
-      ref,
-      customVariant: variant,
-      customColor: color,
-      customSize: size,
-      ...props,
-      children
-    }
-  )
+  ({ variant = "default", color = "neutral", size = "md", children, ...others }, ref) => {
+    const testId = resolveTestId(others);
+    const props = withoutTestIdProps(others);
+    return /* @__PURE__ */ jsx(
+      StyledParagraph,
+      {
+        ref,
+        "data-testid": testId,
+        customVariant: variant,
+        customColor: color,
+        customSize: size,
+        ...props,
+        children
+      }
+    );
+  }
 );
 Paragraph.displayName = "Paragraph";
 
 export {
   Paragraph
 };
-//# sourceMappingURL=chunk-A2GGT4OC.js.map
+//# sourceMappingURL=chunk-V3SBJ3PB.js.map

package/dist/chunk-V3SBJ3PB.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/typography/Paragraph/Paragraph.tsx"],"sourcesContent":["import type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport {\n  LEAD_FONT_SIZE,\n  LEAD_LETTER_SPACING_EM,\n  LEAD_LINE_HEIGHT,\n  MUTED_OPACITY,\n  PARAGRAPH_FONT_WEIGHT,\n  PARAGRAPH_MARGIN_BOTTOM_EM,\n  PARAGRAPH_SIZES,\n  SMALL_FONT_SIZE,\n  SMALL_LINE_HEIGHT,\n} from './Paragraph.metrics';\nimport type { ParagraphProps } from './Paragraph.types';\nimport { resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport { px } from '../../../tokens/theme';\n\nconst getColorFromTheme = (theme: Theme, color: string) => {\n  if (color === 'neutral') {\n    return theme.palette.text.primary;\n  }\n\n  const colorMap: Record<string, string> = {\n    primary: theme.palette.primary.main,\n    secondary: theme.palette.secondary.main,\n    success: theme.palette.success.main,\n    warning: theme.palette.warning.main,\n    info: theme.palette.info.main,\n    danger: theme.palette.error.main,\n  };\n\n  return colorMap[color] || theme.palette.text.primary;\n};\n\n// Derived from the shared metrics, not restated: the native `Paragraph` reads\n// the same table, so the two renderers cannot disagree on a size.\nconst sizeMap: Record<string, { fontSize: string; lineHeight: number }> = Object.fromEntries(\n  Object.entries(PARAGRAPH_SIZES).map(([size, step]) => [\n    size,\n    { fontSize: px(step.fontSize), lineHeight: step.lineHeight },\n  ]),\n);\n\n// `lead` and `small` shrink or grow relative to the scale, but only at the\n// default size — an explicit size wins.\nconst sizeOverride = (customSize: string, atDefault: number): string | undefined =>\n  customSize === 'md' ? px(atDefault) : sizeMap[customSize]?.fontSize;\n\nconst StyledParagraph = styled(Typography, {\n  shouldForwardProp: (prop) =>\n    !['customVariant', 'customColor', 'customSize'].includes(prop as string),\n})<{\n  customVariant?: string;\n  customColor?: string;\n  customSize?: string;\n}>(({ theme, customVariant = 'default', customColor = 'neutral', customSize = 'md' }) => {\n  const textColor = getColorFromTheme(theme, customColor);\n\n  const baseStyles: CSSObject = {\n    fontFamily: theme.typography.body1.fontFamily,\n    margin: `0 0 ${PARAGRAPH_MARGIN_BOTTOM_EM}em 0`,\n    transition: 'all 0.2s ease',\n    ...sizeMap[customSize],\n  };\n\n  // Variant-specific styles\n  const variantStyles: Record<string, CSSObject> = {\n    default: {\n      ...baseStyles,\n      color: textColor,\n      fontWeight: PARAGRAPH_FONT_WEIGHT,\n    },\n    lead: {\n      ...baseStyles,\n      color: textColor,\n      fontWeight: PARAGRAPH_FONT_WEIGHT,\n      fontSize: sizeOverride(customSize, LEAD_FONT_SIZE),\n      lineHeight: LEAD_LINE_HEIGHT,\n      letterSpacing: `${LEAD_LETTER_SPACING_EM}em`,\n    },\n    muted: {\n      ...baseStyles,\n      color: theme.palette.text.secondary,\n      fontWeight: PARAGRAPH_FONT_WEIGHT,\n      opacity: MUTED_OPACITY,\n    },\n    small: {\n      ...baseStyles,\n      color: theme.palette.text.secondary,\n      fontSize: sizeOverride(customSize, SMALL_FONT_SIZE),\n      fontWeight: PARAGRAPH_FONT_WEIGHT,\n      lineHeight: SMALL_LINE_HEIGHT,\n    },\n  };\n\n  return variantStyles[customVariant] || variantStyles.default;\n});\n\nexport const Paragraph = React.forwardRef<globalThis.HTMLParagraphElement, ParagraphProps>(\n  ({ variant = 'default', color = 'neutral', size = 'md', children, ...others }, ref) => {\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);\n    const props = withoutTestIdProps(others);\n    return (\n      <StyledParagraph\n        ref={ref}\n        data-testid={testId}\n        customVariant={variant}\n        customColor={color}\n        customSize={size}\n        {...props}\n      >\n        {children}\n      </StyledParagraph>\n    );\n  },\n);\n\nParagraph.displayName = 'Paragraph';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AACA,OAAO,gBAAgB;AACvB,SAAS,cAAc;AACvB,OAAO,WAAW;AAyGZ;AAxFN,IAAM,oBAAoB,CAAC,OAAc,UAAkB;AACzD,MAAI,UAAU,WAAW;AACvB,WAAO,MAAM,QAAQ,KAAK;AAAA,EAC5B;AAEA,QAAM,WAAmC;AAAA,IACvC,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B,WAAW,MAAM,QAAQ,UAAU;AAAA,IACnC,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B,MAAM,MAAM,QAAQ,KAAK;AAAA,IACzB,QAAQ,MAAM,QAAQ,MAAM;AAAA,EAC9B;AAEA,SAAO,SAAS,KAAK,KAAK,MAAM,QAAQ,KAAK;AAC/C;AAIA,IAAM,UAAoE,OAAO;AAAA,EAC/E,OAAO,QAAQ,eAAe,EAAE,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM;AAAA,IACpD;AAAA,IACA,EAAE,UAAU,GAAG,KAAK,QAAQ,GAAG,YAAY,KAAK,WAAW;AAAA,EAC7D,CAAC;AACH;AAIA,IAAM,eAAe,CAAC,YAAoB,cACxC,eAAe,OAAO,GAAG,SAAS,IAAI,QAAQ,UAAU,GAAG;AAE7D,IAAM,kBAAkB,OAAO,YAAY;AAAA,EACzC,mBAAmB,CAAC,SAClB,CAAC,CAAC,iBAAiB,eAAe,YAAY,EAAE,SAAS,IAAc;AAC3E,CAAC,EAIE,CAAC,EAAE,OAAO,gBAAgB,WAAW,cAAc,WAAW,aAAa,KAAK,MAAM;AACvF,QAAM,YAAY,kBAAkB,OAAO,WAAW;AAEtD,QAAM,aAAwB;AAAA,IAC5B,YAAY,MAAM,WAAW,MAAM;AAAA,IACnC,QAAQ,OAAO,0BAA0B;AAAA,IACzC,YAAY;AAAA,IACZ,GAAG,QAAQ,UAAU;AAAA,EACvB;AAGA,QAAM,gBAA2C;AAAA,IAC/C,SAAS;AAAA,MACP,GAAG;AAAA,MACH,OAAO;AAAA,MACP,YAAY;AAAA,IACd;AAAA,IACA,MAAM;AAAA,MACJ,GAAG;AAAA,MACH,OAAO;AAAA,MACP,YAAY;AAAA,MACZ,UAAU,aAAa,YAAY,cAAc;AAAA,MACjD,YAAY;AAAA,MACZ,eAAe,GAAG,sBAAsB;AAAA,IAC1C;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO,MAAM,QAAQ,KAAK;AAAA,MAC1B,YAAY;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,IACA,OAAO;AAAA,MACL,GAAG;AAAA,MACH,OAAO,MAAM,QAAQ,KAAK;AAAA,MAC1B,UAAU,aAAa,YAAY,eAAe;AAAA,MAClD,YAAY;AAAA,MACZ,YAAY;AAAA,IACd;AAAA,EACF;AAEA,SAAO,cAAc,aAAa,KAAK,cAAc;AACvD,CAAC;AAEM,IAAM,YAAY,MAAM;AAAA,EAC7B,CAAC,EAAE,UAAU,WAAW,QAAQ,WAAW,OAAO,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ;AAGrF,UAAM,SAAS,cAAc,MAAM;AACnC,UAAM,QAAQ,mBAAmB,MAAM;AACvC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa;AAAA,QACb,eAAe;AAAA,QACf,aAAa;AAAA,QACb,YAAY;AAAA,QACX,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,UAAU,cAAc;","names":[]}

package/dist/chunk-VJK5FBNK.js

@@ -0,0 +1,46 @@
+import {
+  SPACER_FLEX_GROW,
+  SPACER_FLEX_SHRINK,
+  spacerDimensions
+} from "./chunk-N7MJ6CNC.js";
+import {
+  resolveTestId
+} from "./chunk-QLWBQQW7.js";
+
+// src/components/layout/Spacer/Spacer.tsx
+import Box from "@mui/material/Box/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { jsx } from "react/jsx-runtime";
+var Spacer = ({
+  size,
+  direction,
+  width,
+  height,
+  flex = false,
+  className,
+  ...testIdProps
+}) => {
+  const theme = useTheme();
+  const dimensions = spacerDimensions({ size, direction, width, height }, (units) => theme.spacing(units));
+  return /* @__PURE__ */ jsx(
+    Box,
+    {
+      className,
+      "data-testid": resolveTestId(testIdProps),
+      sx: {
+        width: dimensions.width,
+        height: dimensions.height,
+        flex: flex ? SPACER_FLEX_GROW : void 0,
+        flexShrink: SPACER_FLEX_SHRINK,
+        pointerEvents: "none",
+        userSelect: "none"
+      },
+      "aria-hidden": "true"
+    }
+  );
+};
+
+export {
+  Spacer
+};
+//# sourceMappingURL=chunk-VJK5FBNK.js.map

package/dist/chunk-VJK5FBNK.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Spacer/Spacer.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { SPACER_FLEX_GROW, SPACER_FLEX_SHRINK, spacerDimensions } from './Spacer.metrics';\nimport type { SpacerProps } from './Spacer.types';\nimport { resolveTestId } from '../../../platform/test-id';\n\nexport const Spacer: React.FC<SpacerProps> = ({\n  size,\n  direction,\n  width,\n  height,\n  flex = false,\n  className,\n  ...testIdProps\n}) => {\n  const theme = useTheme();\n\n  // From the shared metrics, not a table of our own: the native `Spacer` reads\n  // the same units, so the two renderers cannot disagree on a step.\n  const dimensions = spacerDimensions({ size, direction, width, height }, (units) => theme.spacing(units));\n\n  return (\n    <Box\n      className={className}\n      data-testid={resolveTestId(testIdProps)}\n      sx={{\n        width: dimensions.width,\n        height: dimensions.height,\n        flex: flex ? SPACER_FLEX_GROW : undefined,\n        flexShrink: SPACER_FLEX_SHRINK,\n        pointerEvents: 'none',\n        userSelect: 'none',\n      }}\n      aria-hidden=\"true\"\n    />\n  );\n};\n"],"mappings":";;;;;;;;;;AAAA,OAAO,SAAS;AAChB,SAAS,gBAAgB;AAuBrB;AAhBG,IAAM,SAAgC,CAAC;AAAA,EAC5C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,GAAG;AACL,MAAM;AACJ,QAAM,QAAQ,SAAS;AAIvB,QAAM,aAAa,iBAAiB,EAAE,MAAM,WAAW,OAAO,OAAO,GAAG,CAAC,UAAU,MAAM,QAAQ,KAAK,CAAC;AAEvG,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,eAAa,cAAc,WAAW;AAAA,MACtC,IAAI;AAAA,QACF,OAAO,WAAW;AAAA,QAClB,QAAQ,WAAW;AAAA,QACnB,MAAM,OAAO,mBAAmB;AAAA,QAChC,YAAY;AAAA,QACZ,eAAe;AAAA,QACf,YAAY;AAAA,MACd;AAAA,MACA,eAAY;AAAA;AAAA,EACd;AAEJ;","names":[]}

package/dist/{chunk-B7BZAIHL.js → chunk-VOOPGAQO.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-4XK6JQ4D.js";
 import {
   CepField
-} from "./chunk-BILE3A7F.js";
+} from "./chunk-FWCUELBU.js";
 
 // src/components/form/total-form/Fields/CepField.tsx
 import { useCallback, useMemo, useRef } from "react";
@@ -80,4 +80,4 @@ function CepField2({
 export {
   CepField2 as CepField
 };
-//# sourceMappingURL=chunk-B7BZAIHL.js.map
+//# sourceMappingURL=chunk-VOOPGAQO.js.map

package/dist/{chunk-GSTRPZS4.js → chunk-WEH5TCPE.js}

@@ -1,21 +1,21 @@
-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";
 import {
   Calendar
-} from "./chunk-EPNCYUQ7.js";
+} from "./chunk-BPYPUEM5.js";
 
 // src/components/form/DateRangePicker/DateRangePicker.tsx
 import Box from "@mui/material/Box/index.js";
@@ -180,4 +180,4 @@ export {
   DateRangePicker,
   DateRangePicker_default
 };
-//# sourceMappingURL=chunk-GSTRPZS4.js.map
+//# sourceMappingURL=chunk-WEH5TCPE.js.map

package/dist/{chunk-MUVJD26L.js → chunk-WPR2HS5B.js}

@@ -1,18 +1,18 @@
+import {
+  CepField
+} from "./chunk-VOOPGAQO.js";
+import {
+  CategoryField
+} from "./chunk-GCJLMX63.js";
 import {
   ToggleField
 } from "./chunk-LYMAMKJT.js";
 import {
   TextField
-} from "./chunk-WX7VWW3W.js";
+} from "./chunk-ZBOFBRZC.js";
 import {
   SelectField
 } from "./chunk-37YPZHAG.js";
-import {
-  CepField
-} from "./chunk-B7BZAIHL.js";
-import {
-  CategoryField
-} from "./chunk-67LDIJQZ.js";
 import {
   __export
 } from "./chunk-PZ5AY32C.js";
@@ -30,4 +30,4 @@ __export(Fields_exports, {
 export {
   Fields_exports
 };
-//# sourceMappingURL=chunk-MUVJD26L.js.map
+//# sourceMappingURL=chunk-WPR2HS5B.js.map

package/dist/{chunk-KT6HWAEN.js → chunk-WZUNBSS7.js}

@@ -1,6 +1,6 @@
 import {
   buildChartContext
-} from "./chunk-BLBOYCOV.js";
+} from "./chunk-HKV4MQ2W.js";
 import {
   ChartLegendContent,
   ChartTooltipContent
@@ -312,4 +312,4 @@ function renderChartByType(props, theme) {
 export {
   renderChartByType
 };
-//# sourceMappingURL=chunk-KT6HWAEN.js.map
+//# sourceMappingURL=chunk-WZUNBSS7.js.map

package/dist/{chunk-3JYYPJFD.js → chunk-X2J6MRJW.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-CJL5D2IT.js";
 import {
   EmptyState
-} from "./chunk-7M5BACFQ.js";
+} from "./chunk-UXQW6ZIN.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-3JYYPJFD.js.map
+//# sourceMappingURL=chunk-X2J6MRJW.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

package/dist/{chunk-EPNUVSNK.js → chunk-XFUNJYFT.js}

@@ -1,3 +1,9 @@
+import {
+  useHoverCard
+} from "./chunk-SXYIXCUB.js";
+import {
+  HoverCardContent
+} from "./chunk-O26MKGIC.js";
 import {
   arrowSx,
   cardSx,
@@ -5,12 +11,6 @@ import {
   getTransformOrigin,
   sideOf
 } from "./chunk-KSLNO5NG.js";
-import {
-  useHoverCard
-} from "./chunk-SXYIXCUB.js";
-import {
-  HoverCardContent
-} from "./chunk-O26MKGIC.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
@@ -158,4 +158,4 @@ HoverCard.displayName = "HoverCard";
 export {
   HoverCard
 };
-//# sourceMappingURL=chunk-EPNUVSNK.js.map
+//# sourceMappingURL=chunk-XFUNJYFT.js.map

package/dist/{chunk-4G3FGCWX.js → chunk-XXJRT6BP.js}

@@ -1,6 +1,6 @@
 import {
   SettingsPanel
-} from "./chunk-IE7ISTLQ.js";
+} from "./chunk-B443IIQG.js";
 import {
   SettingsRail
 } from "./chunk-7JO3ES5P.js";
@@ -135,4 +135,4 @@ SettingsLayout.displayName = "SettingsLayout";
 export {
   SettingsLayout
 };
-//# sourceMappingURL=chunk-4G3FGCWX.js.map
+//# sourceMappingURL=chunk-XXJRT6BP.js.map

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

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

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

@@ -9,7 +9,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-SL4NFGOL.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-YLDS5FOQ.js.map

package/dist/chunk-YSTHOE66.js

@@ -0,0 +1,51 @@
+// src/components/data-display/LoadingState/LoadingState.metrics.ts
+var SPINNER_SIZES = {
+  xs: 16,
+  sm: 24,
+  md: 40,
+  lg: 56,
+  xl: 64
+};
+var MESSAGE_TYPE = {
+  xs: "body2",
+  sm: "body2",
+  md: "body1",
+  lg: "h6",
+  xl: "h6"
+};
+var SKELETON_ROW_HEIGHT = {
+  xs: 14,
+  sm: 20,
+  md: 28,
+  lg: 36,
+  xl: 44
+};
+var SPINNER_PADDING_UNITS = 6;
+var SPINNER_MIN_HEIGHT = 200;
+var SPINNER_GAP_UNITS = 2;
+var SKELETON_PADDING_UNITS = 3;
+var SKELETON_ROW_GAP_UNITS = 2;
+var SKELETON_MESSAGE_MARGIN_TOP_UNITS = 2;
+var SKELETON_RADIUS = 4;
+var SKELETON_LAST_ROW_WIDTH = "60%";
+var SKELETON_FULL_ROW_WIDTH = "100%";
+var SKELETON_TINT_ALPHA = 0.13;
+var IOS_LARGE_SPINNER_FROM = 40;
+
+export {
+  SPINNER_SIZES,
+  MESSAGE_TYPE,
+  SKELETON_ROW_HEIGHT,
+  SPINNER_PADDING_UNITS,
+  SPINNER_MIN_HEIGHT,
+  SPINNER_GAP_UNITS,
+  SKELETON_PADDING_UNITS,
+  SKELETON_ROW_GAP_UNITS,
+  SKELETON_MESSAGE_MARGIN_TOP_UNITS,
+  SKELETON_RADIUS,
+  SKELETON_LAST_ROW_WIDTH,
+  SKELETON_FULL_ROW_WIDTH,
+  SKELETON_TINT_ALPHA,
+  IOS_LARGE_SPINNER_FROM
+};
+//# sourceMappingURL=chunk-YSTHOE66.js.map

package/dist/chunk-YSTHOE66.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/LoadingState/LoadingState.metrics.ts"],"sourcesContent":["import type { MuiTypeVariantName } from '../../../tokens/mui-type';\nimport type { SizeValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `LoadingState` RENDERERS DRAW WITH.\n *\n * `LoadingState.tsx` (MUI) and `LoadingState.native.tsx` (React Native) read\n * this one table. Spacing is in SPACING UNITS where the web writes\n * `theme.spacing(n)`, so a host with a different unit moves both renderers;\n * everything else is px.\n */\n\n/** MUI's `CircularProgress` diameter per size. */\nexport const SPINNER_SIZES: Record<SizeValue, number> = {\n  xs: 16,\n  sm: 24,\n  md: 40,\n  lg: 56,\n  xl: 64,\n};\n\n/** The MUI `Typography` variant the message is set in, per size. */\nexport const MESSAGE_TYPE: Record<SizeValue, MuiTypeVariantName> = {\n  xs: 'body2',\n  sm: 'body2',\n  md: 'body1',\n  lg: 'h6',\n  xl: 'h6',\n};\n\nexport const SKELETON_ROW_HEIGHT: Record<SizeValue, number> = {\n  xs: 14,\n  sm: 20,\n  md: 28,\n  lg: 36,\n  xl: 44,\n};\n\n/** The spinner view: a centred column, `theme.spacing(6)` of padding, at least 200px tall. */\nexport const SPINNER_PADDING_UNITS = 6;\nexport const SPINNER_MIN_HEIGHT = 200;\n/** Between the spinner and its message. */\nexport const SPINNER_GAP_UNITS = 2;\n\n/** The skeleton view: full width, `theme.spacing(3)` of padding. */\nexport const SKELETON_PADDING_UNITS = 3;\n/** Between rows (MUI `Stack spacing={2}`), and above the message (`mt: 2`). */\nexport const SKELETON_ROW_GAP_UNITS = 2;\nexport const SKELETON_MESSAGE_MARGIN_TOP_UNITS = 2;\nexport const SKELETON_RADIUS = 4;\n/** The last row is short, so the block reads as a paragraph of text. */\nexport const SKELETON_LAST_ROW_WIDTH = '60%';\nexport const SKELETON_FULL_ROW_WIDTH = '100%';\n/**\n * The house `Skeleton`'s `medium` intensity, which this component never\n * overrides: `alpha(text.primary, 0.13)` in light mode, `alpha(#fff, 0.13)`\n * in dark — and dark mode's `text.primary` IS `#fff`, so one expression\n * covers both.\n */\nexport const SKELETON_TINT_ALPHA = 0.13;\n\n/**\n * iOS's `ActivityIndicator` has two sizes, `small` (20pt) and `large`\n * (36pt); a diameter from this threshold up draws `large`. Android and the\n * web take the exact px.\n */\nexport const IOS_LARGE_SPINNER_FROM = 40;\n"],"mappings":";AAaO,IAAM,gBAA2C;AAAA,EACtD,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,IAAM,eAAsD;AAAA,EACjE,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAEO,IAAM,sBAAiD;AAAA,EAC5D,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,IAAM,wBAAwB;AAC9B,IAAM,qBAAqB;AAE3B,IAAM,oBAAoB;AAG1B,IAAM,yBAAyB;AAE/B,IAAM,yBAAyB;AAC/B,IAAM,oCAAoC;AAC1C,IAAM,kBAAkB;AAExB,IAAM,0BAA0B;AAChC,IAAM,0BAA0B;AAOhC,IAAM,sBAAsB;AAO5B,IAAM,yBAAyB;","names":[]}

package/dist/{chunk-NYLXHOMR.js → chunk-Z7JNCB5Q.js}

@@ -1,6 +1,17 @@
 import {
   headingSx
-} from "./chunk-CGQI4XE5.js";
+} from "./chunk-PWR7K5OP.js";
+import {
+  HEADING_DEFAULT_COLOR,
+  HEADING_DEFAULT_LEVEL,
+  HEADING_DEFAULT_WEIGHT,
+  HEADING_RANK,
+  stepOf
+} from "./chunk-3N6EK6K5.js";
+import {
+  resolveTestId,
+  withoutTestIdProps
+} from "./chunk-QLWBQQW7.js";
 
 // src/components/typography/Heading/Heading.tsx
 import { styled } from "@mui/material/styles/index.js";
@@ -17,22 +28,24 @@ var STYLED_BY_TAG = {
   h5: styledHeading().withComponent("h5"),
   h6: styledHeading().withComponent("h6")
 };
-var TAG_FOR_LEVEL = {
-  display: "h1",
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  h4: "h4",
-  h5: "h5",
-  h6: "h6"
-};
 var Heading = React.forwardRef(
-  ({ level = "h2", size, color = "neutral", weight = "bold", gradient = false, children, ...props }, ref) => {
-    const Styled = STYLED_BY_TAG[TAG_FOR_LEVEL[level] ?? "h2"];
+  ({
+    level = HEADING_DEFAULT_LEVEL,
+    size,
+    color = HEADING_DEFAULT_COLOR,
+    weight = HEADING_DEFAULT_WEIGHT,
+    gradient = false,
+    children,
+    ...others
+  }, ref) => {
+    const Styled = STYLED_BY_TAG[`h${HEADING_RANK[stepOf(level)]}`];
+    const testId = resolveTestId(others);
+    const props = withoutTestIdProps(others);
     return /* @__PURE__ */ jsx(
       Styled,
       {
         ref,
+        "data-testid": testId,
         customSize: size ?? level,
         customColor: color,
         customWeight: weight,
@@ -48,4 +61,4 @@ Heading.displayName = "Heading";
 export {
   Heading
 };
-//# sourceMappingURL=chunk-NYLXHOMR.js.map
+//# sourceMappingURL=chunk-Z7JNCB5Q.js.map

package/dist/chunk-Z7JNCB5Q.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/typography/Heading/Heading.tsx"],"sourcesContent":["import { styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { HEADING_DEFAULT_COLOR, HEADING_DEFAULT_LEVEL, HEADING_DEFAULT_WEIGHT, HEADING_RANK, stepOf } from './Heading.metrics';\nimport { headingSx } from './Heading.styles';\nimport type { HeadingFlags } from './Heading.styles';\nimport type { HeadingProps } from './Heading.types';\nimport { resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\n\nconst styledHeading = () =>\n  styled('h1', {\n    shouldForwardProp: (prop) =>\n      !['customSize', 'customColor', 'customWeight', 'gradient'].includes(prop as string),\n  })<HeadingFlags>(({ theme, ...flags }) => ({ ...headingSx(theme, flags) }));\n\n/**\n * One styled component per tag. They share a style function but must be\n * separate components, since `withComponent` fixes the element at definition\n * time — a single component switching tags per render would remount the text.\n */\nconst STYLED_BY_TAG = {\n  h1: styledHeading().withComponent('h1'),\n  h2: styledHeading().withComponent('h2'),\n  h3: styledHeading().withComponent('h3'),\n  h4: styledHeading().withComponent('h4'),\n  h5: styledHeading().withComponent('h5'),\n  h6: styledHeading().withComponent('h6'),\n} as const;\n\n/**\n * The rank and the size were ALREADY independent in here — the tag and the\n * `customSize` are two separate derivations from one prop. The component just\n * never let a caller set them apart, so anyone who needed an `h1` at a smaller\n * size had to reach around the component and restyle it. `size` is that seam,\n * exposed: it defaults to `level`, so nothing that exists renders differently.\n *\n * Which tag each level renders is `HEADING_RANK` in the shared metrics (the\n * native `Heading` announces the same number as `aria-level`); `display` is a\n * size, not a rank, so it uses the h1 element.\n */\nexport const Heading = React.forwardRef<globalThis.HTMLHeadingElement, HeadingProps>(\n  (\n    {\n      level = HEADING_DEFAULT_LEVEL,\n      size,\n      color = HEADING_DEFAULT_COLOR,\n      weight = HEADING_DEFAULT_WEIGHT,\n      gradient = false,\n      children,\n      ...others\n    },\n    ref,\n  ) => {\n    const Styled = STYLED_BY_TAG[`h${HEADING_RANK[stepOf(level)]}`];\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);\n    const props = withoutTestIdProps(others);\n\n    return (\n      <Styled\n        ref={ref}\n        data-testid={testId}\n        customSize={size ?? level}\n        customColor={color}\n        customWeight={weight}\n        gradient={gradient}\n        {...props}\n      >\n        {children}\n      </Styled>\n    );\n  },\n);\n\nHeading.displayName = 'Heading';\n"],"mappings":";;;;;;;;;;;;;;;;AAAA,SAAS,cAAc;AACvB,OAAO,WAAW;AA2DZ;AAnDN,IAAM,gBAAgB,MACpB,OAAO,MAAM;AAAA,EACX,mBAAmB,CAAC,SAClB,CAAC,CAAC,cAAc,eAAe,gBAAgB,UAAU,EAAE,SAAS,IAAc;AACtF,CAAC,EAAgB,CAAC,EAAE,OAAO,GAAG,MAAM,OAAO,EAAE,GAAG,UAAU,OAAO,KAAK,EAAE,EAAE;AAO5E,IAAM,gBAAgB;AAAA,EACpB,IAAI,cAAc,EAAE,cAAc,IAAI;AAAA,EACtC,IAAI,cAAc,EAAE,cAAc,IAAI;AAAA,EACtC,IAAI,cAAc,EAAE,cAAc,IAAI;AAAA,EACtC,IAAI,cAAc,EAAE,cAAc,IAAI;AAAA,EACtC,IAAI,cAAc,EAAE,cAAc,IAAI;AAAA,EACtC,IAAI,cAAc,EAAE,cAAc,IAAI;AACxC;AAaO,IAAM,UAAU,MAAM;AAAA,EAC3B,CACE;AAAA,IACE,QAAQ;AAAA,IACR;AAAA,IACA,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,WAAW;AAAA,IACX;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AACH,UAAM,SAAS,cAAc,IAAI,aAAa,OAAO,KAAK,CAAC,CAAC,EAAE;AAG9D,UAAM,SAAS,cAAc,MAAM;AACnC,UAAM,QAAQ,mBAAmB,MAAM;AAEvC,WACE;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA,eAAa;AAAA,QACb,YAAY,QAAQ;AAAA,QACpB,aAAa;AAAA,QACb,cAAc;AAAA,QACd;AAAA,QACC,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,QAAQ,cAAc;","names":[]}

package/dist/{chunk-WX7VWW3W.js → chunk-ZBOFBRZC.js}

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

package/dist/{chunk-HSAH5QUQ.js → chunk-ZIOCRSHU.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-FX5DY6VR.js";
 import {
   Input
-} from "./chunk-OQXOYHIV.js";
+} from "./chunk-M3RIC6JI.js";
 import {
   Dialog,
   DialogContent
@@ -25,7 +25,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-24BUCMQA.js";
+} from "./chunk-SL4NFGOL.js";
 import {
   Text
 } from "./chunk-2PCOC3PT.js";
@@ -265,4 +265,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-HSAH5QUQ.js.map
+//# sourceMappingURL=chunk-ZIOCRSHU.js.map

package/dist/{chunk-HOJL2GKW.js → chunk-ZOUWHGV3.js}

@@ -1,15 +1,15 @@
-import {
-  useAddressSelection
-} from "./chunk-VRPCZ3IE.js";
-import {
-  useAddressPredictions
-} from "./chunk-HEBZ7Q7O.js";
 import {
   useGoogleMapsAPI
 } from "./chunk-7VRCGWQL.js";
 import {
   useCurrentLocation
 } from "./chunk-AYP6ICAY.js";
+import {
+  useAddressSelection
+} from "./chunk-VRPCZ3IE.js";
+import {
+  useAddressPredictions
+} from "./chunk-HEBZ7Q7O.js";
 
 // src/components/form/AddressAutocomplete/AddressAutocomplete.hooks.ts
 import { useCallback, useState } from "react";
@@ -70,4 +70,4 @@ var useAddressAutocomplete = ({
 export {
   useAddressAutocomplete
 };
-//# sourceMappingURL=chunk-HOJL2GKW.js.map
+//# sourceMappingURL=chunk-ZOUWHGV3.js.map

package/dist/{chunk-2ZDTGI5V.js → chunk-ZRFRU545.js}

@@ -1,3 +1,9 @@
+import {
+  AddressOption
+} from "./chunk-PDLJOQO5.js";
+import {
+  AddressInputField
+} from "./chunk-SEH7KOVG.js";
 import {
   MIN_QUERY_LENGTH,
   addressOptionLabel,
@@ -6,12 +12,6 @@ import {
 import {
   AddressSuggestionsPaper
 } from "./chunk-ST4YYVUK.js";
-import {
-  AddressOption
-} from "./chunk-PDLJOQO5.js";
-import {
-  AddressInputField
-} from "./chunk-SEH7KOVG.js";
 
 // src/components/form/AddressAutocomplete/AddressAutocompleteField.tsx
 import Alert from "@mui/material/Alert/index.js";
@@ -89,4 +89,4 @@ var AddressAutocompleteField = ({
 export {
   AddressAutocompleteField
 };
-//# sourceMappingURL=chunk-2ZDTGI5V.js.map
+//# sourceMappingURL=chunk-ZRFRU545.js.map