@12-apps/ui 6.17.1 → 6.19.0

package/dist/{chunk-AVU6KU27.js → chunk-XXDXW6TX.js}

@@ -1,6 +1,6 @@
 import {
   accentFor
-} from "./chunk-I6PZVHIT.js";
+} from "./chunk-V5IOLAIS.js";
 
 // src/components/data-display/Chart/chart-internals.ts
 import { alpha } from "@mui/material/styles/index.js";
@@ -112,4 +112,4 @@ export {
   resolveSeries,
   getAxisStyles
 };
-//# sourceMappingURL=chunk-AVU6KU27.js.map
+//# sourceMappingURL=chunk-XXDXW6TX.js.map

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

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

package/dist/chunk-XZTRZ3HO.js

@@ -0,0 +1,7 @@
+// src/provider/UiProvider.types.ts
+var isUiTheme = (theme) => theme !== void 0 && "palette" in theme && "spacing" in theme && typeof theme.spacing === "function";
+
+export {
+  isUiTheme
+};
+//# sourceMappingURL=chunk-XZTRZ3HO.js.map

package/dist/chunk-XZTRZ3HO.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider/UiProvider.types.ts"],"sourcesContent":["import type * as React from 'react';\n\nimport type { UiTheme, UiThemeOptions } from '../tokens/theme';\n\nexport interface UiProviderProps {\n  /**\n   * A built `UiTheme`, or the options to build one. Omit for the package\n   * default: the platform's light theme.\n   */\n  theme?: UiTheme | UiThemeOptions;\n  children: React.ReactNode;\n}\n\n/**\n * Options may carry a `palette` too (the seeds), so the discriminant is the\n * one thing only a BUILT theme has: `spacing` as a function. Options carry a\n * numeric `spacingUnit` instead.\n */\nexport const isUiTheme = (theme: UiTheme | UiThemeOptions | undefined): theme is UiTheme =>\n  theme !== undefined && 'palette' in theme && 'spacing' in theme && typeof theme.spacing === 'function';\n"],"mappings":";AAkBO,IAAM,YAAY,CAAC,UACxB,UAAU,UAAa,aAAa,SAAS,aAAa,SAAS,OAAO,MAAM,YAAY;","names":[]}

package/dist/{chunk-6HNEEJES.js → chunk-Y6KPZQPI.js}

@@ -1,21 +1,21 @@
+import {
+  CarouselChrome
+} from "./chunk-R6SSXEK2.js";
 import {
   containerStyles
-} from "./chunk-Z56IO7OV.js";
+} from "./chunk-RXVPUW7V.js";
 import {
   CarouselTrack
 } from "./chunk-WIXUMFU7.js";
 import {
   useCarouselNavigation
 } from "./chunk-RUIV5TVA.js";
-import {
-  CarouselChrome
-} from "./chunk-5QXSPLWU.js";
 import {
   withDefaults
 } from "./chunk-HPK33ACY.js";
 import {
   muiColor
-} from "./chunk-I6PZVHIT.js";
+} from "./chunk-7ZPUN7TV.js";
 
 // src/components/data-display/Carousel/Carousel.tsx
 import Box from "@mui/material/Box/index.js";
@@ -152,4 +152,4 @@ var Carousel = (props) => {
 export {
   Carousel
 };
-//# sourceMappingURL=chunk-6HNEEJES.js.map
+//# sourceMappingURL=chunk-Y6KPZQPI.js.map

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

@@ -9,7 +9,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-IAQFQNBL.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-COSJTD6Z.js.map
+//# sourceMappingURL=chunk-YLDS5FOQ.js.map

package/dist/chunk-YMRI5QKG.js

@@ -0,0 +1,134 @@
+import {
+  accentFor
+} from "./chunk-V5IOLAIS.js";
+import {
+  headingMetrics
+} from "./chunk-PT6TCWIW.js";
+import {
+  FONT_WEIGHTS,
+  TYPE_SIZES,
+  WEB_FONT_FAMILY,
+  WEB_MONOSPACE_FONT_FAMILY
+} from "./chunk-NQN5Z36J.js";
+import {
+  cssLengthToPx,
+  cssTrackingToEm
+} from "./chunk-AG66JBNH.js";
+import {
+  HEADING_LEVELS
+} from "./chunk-FZXKH2ZT.js";
+
+// src/provider/mui-bridge.ts
+var slot = (color) => ({
+  main: color.main,
+  light: color.light,
+  dark: color.dark,
+  contrastText: color.contrastText
+});
+function headingSteps(theme) {
+  return Object.fromEntries(
+    HEADING_LEVELS.map((level) => {
+      const metrics = headingMetrics(theme, level);
+      return [
+        level,
+        {
+          fontSize: cssLengthToPx(metrics.fontSize, 16),
+          lineHeight: metrics.lineHeight,
+          letterSpacing: cssTrackingToEm(metrics.letterSpacing),
+          normalWeight: metrics.normalWeight
+        }
+      ];
+    })
+  );
+}
+function uiThemeFromMui(theme) {
+  const { palette } = theme;
+  const unit = cssLengthToPx(theme.spacing(1), 8);
+  const md = cssLengthToPx(theme.shape.borderRadius, 4);
+  return {
+    mode: palette.mode,
+    palette: {
+      mode: palette.mode,
+      primary: slot(palette.primary),
+      secondary: slot(palette.secondary),
+      success: slot(palette.success),
+      warning: slot(palette.warning),
+      info: slot(palette.info),
+      danger: slot(palette.error),
+      neutral: accentFor(theme, "neutral"),
+      text: {
+        primary: palette.text.primary,
+        secondary: palette.text.secondary,
+        disabled: palette.text.disabled
+      },
+      background: { default: palette.background.default, paper: palette.background.paper },
+      divider: palette.divider,
+      action: {
+        active: palette.action.active,
+        hover: palette.action.hover,
+        selected: palette.action.selected,
+        disabled: palette.action.disabled,
+        disabledBackground: palette.action.disabledBackground,
+        focus: palette.action.focus
+      },
+      grey: {
+        50: palette.grey[50],
+        100: palette.grey[100],
+        200: palette.grey[200],
+        300: palette.grey[300],
+        400: palette.grey[400],
+        500: palette.grey[500],
+        600: palette.grey[600],
+        700: palette.grey[700],
+        800: palette.grey[800],
+        900: palette.grey[900]
+      }
+    },
+    spacing: (units) => units * unit,
+    spacingUnit: unit,
+    radius: { sm: md / 2, md, lg: md * 2, xl: md * 4, full: 9999 },
+    typography: {
+      fontFamily: theme.typography.fontFamily ?? WEB_FONT_FAMILY,
+      monospaceFontFamily: WEB_MONOSPACE_FONT_FAMILY,
+      sizes: TYPE_SIZES,
+      weights: FONT_WEIGHTS,
+      heading: headingSteps(theme)
+    },
+    zIndex: {
+      appBar: theme.zIndex.appBar,
+      drawer: theme.zIndex.drawer,
+      modal: theme.zIndex.modal,
+      snackbar: theme.zIndex.snackbar,
+      tooltip: theme.zIndex.tooltip
+    }
+  };
+}
+function muiThemeOptionsFrom(ui) {
+  const { palette } = ui;
+  return {
+    palette: {
+      mode: palette.mode,
+      primary: { ...palette.primary },
+      secondary: { ...palette.secondary },
+      success: { ...palette.success },
+      warning: { ...palette.warning },
+      info: { ...palette.info },
+      error: { ...palette.danger },
+      text: { ...palette.text },
+      background: { ...palette.background },
+      divider: palette.divider,
+      action: { ...palette.action },
+      grey: { ...palette.grey }
+    },
+    shape: { borderRadius: ui.radius.md },
+    spacing: ui.spacingUnit,
+    typography: { fontFamily: ui.typography.fontFamily ?? WEB_FONT_FAMILY },
+    zIndex: { ...ui.zIndex }
+  };
+}
+
+export {
+  uiThemeFromMui,
+  muiThemeOptionsFrom
+};
+//# sourceMappingURL=chunk-YMRI5QKG.js.map

package/dist/chunk-YMRI5QKG.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider/mui-bridge.ts"],"sourcesContent":["import type { PaletteColor, Theme, ThemeOptions } from '@mui/material/styles/index.js';\n\nimport { cssLengthToPx, cssTrackingToEm } from '../tokens/css-units';\nimport { accentFor } from '../tokens/scales';\nimport {\n  FONT_WEIGHTS,\n  TYPE_SIZES,\n  WEB_FONT_FAMILY,\n  WEB_MONOSPACE_FONT_FAMILY,\n  type UiHeadingStep,\n  type UiPaletteColor,\n  type UiTheme,\n} from '../tokens/theme';\nimport { HEADING_LEVELS, headingMetrics, type HeadingLevel } from '../tokens/typography';\n\n/**\n * THE TWO DIRECTIONS BETWEEN MUI'S THEME AND OURS. Web only.\n *\n * `uiThemeFromMui` is how a web component — or a shared style resolver such\n * as `box-layout.ts` — reads the host's MUI theme in the neutral shape the\n * native renderer reads natively. `muiThemeOptionsFrom` is the reverse, for\n * a host that has a `UiTheme` and no MUI theme yet: `UiProvider` on the web is\n * a MUI `ThemeProvider` fed by it.\n *\n * Both are field-by-field on purpose. A spread would carry MUI's extra keys\n * across and the native side would silently depend on one.\n */\n\nconst slot = (color: PaletteColor): UiPaletteColor => ({\n  main: color.main,\n  light: color.light,\n  dark: color.dark,\n  contrastText: color.contrastText,\n});\n\nfunction headingSteps(theme: Theme): Record<HeadingLevel, UiHeadingStep> {\n  return Object.fromEntries(\n    HEADING_LEVELS.map((level) => {\n      const metrics = headingMetrics(theme, level);\n      return [\n        level,\n        {\n          fontSize: cssLengthToPx(metrics.fontSize, 16),\n          lineHeight: metrics.lineHeight,\n          letterSpacing: cssTrackingToEm(metrics.letterSpacing),\n          normalWeight: metrics.normalWeight,\n        },\n      ];\n    }),\n  ) as Record<HeadingLevel, UiHeadingStep>;\n}\n\n/** The host's MUI theme in the shape the native renderer reads. */\nexport function uiThemeFromMui(theme: Theme): UiTheme {\n  const { palette } = theme;\n  const unit = cssLengthToPx(theme.spacing(1), 8);\n  const md = cssLengthToPx(theme.shape.borderRadius, 4);\n\n  return {\n    mode: palette.mode,\n    palette: {\n      mode: palette.mode,\n      primary: slot(palette.primary),\n      secondary: slot(palette.secondary),\n      success: slot(palette.success),\n      warning: slot(palette.warning),\n      info: slot(palette.info),\n      danger: slot(palette.error),\n      neutral: accentFor(theme, 'neutral'),\n      text: {\n        primary: palette.text.primary,\n        secondary: palette.text.secondary,\n        disabled: palette.text.disabled,\n      },\n      background: { default: palette.background.default, paper: palette.background.paper },\n      divider: palette.divider,\n      action: {\n        active: palette.action.active,\n        hover: palette.action.hover,\n        selected: palette.action.selected,\n        disabled: palette.action.disabled,\n        disabledBackground: palette.action.disabledBackground,\n        focus: palette.action.focus,\n      },\n      grey: {\n        50: palette.grey[50],\n        100: palette.grey[100],\n        200: palette.grey[200],\n        300: palette.grey[300],\n        400: palette.grey[400],\n        500: palette.grey[500],\n        600: palette.grey[600],\n        700: palette.grey[700],\n        800: palette.grey[800],\n        900: palette.grey[900],\n      },\n    },\n    spacing: (units: number) => units * unit,\n    spacingUnit: unit,\n    radius: { sm: md / 2, md, lg: md * 2, xl: md * 4, full: 9999 },\n    typography: {\n      fontFamily: theme.typography.fontFamily ?? WEB_FONT_FAMILY,\n      monospaceFontFamily: WEB_MONOSPACE_FONT_FAMILY,\n      sizes: TYPE_SIZES,\n      weights: FONT_WEIGHTS,\n      heading: headingSteps(theme),\n    },\n    zIndex: {\n      appBar: theme.zIndex.appBar,\n      drawer: theme.zIndex.drawer,\n      modal: theme.zIndex.modal,\n      snackbar: theme.zIndex.snackbar,\n      tooltip: theme.zIndex.tooltip,\n    },\n  };\n}\n\n/** A `UiTheme` as the options MUI's `createTheme` builds the same palette from. */\nexport function muiThemeOptionsFrom(ui: UiTheme): ThemeOptions {\n  const { palette } = ui;\n  return {\n    palette: {\n      mode: palette.mode,\n      primary: { ...palette.primary },\n      secondary: { ...palette.secondary },\n      success: { ...palette.success },\n      warning: { ...palette.warning },\n      info: { ...palette.info },\n      error: { ...palette.danger },\n      text: { ...palette.text },\n      background: { ...palette.background },\n      divider: palette.divider,\n      action: { ...palette.action },\n      grey: { ...palette.grey },\n    },\n    shape: { borderRadius: ui.radius.md },\n    spacing: ui.spacingUnit,\n    typography: { fontFamily: ui.typography.fontFamily ?? WEB_FONT_FAMILY },\n    zIndex: { ...ui.zIndex },\n  };\n}\n"],"mappings":"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","names":[]}

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-HQJ75HHI.js → chunk-Z7JNCB5Q.js}

@@ -1,6 +1,17 @@
 import {
   headingSx
-} from "./chunk-QCIWROKG.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-HQJ75HHI.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-PMFW55F5.js → chunk-ZIOCRSHU.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-5M4TYFR3.js";
 import {
   PreviewBox
-} from "./chunk-T4SM36XC.js";
+} from "./chunk-D7FJ2GAD.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -25,10 +25,10 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Button
-} from "./chunk-IAQFQNBL.js";
+} from "./chunk-SL4NFGOL.js";
 import {
   Text
-} from "./chunk-VRHBJXZ7.js";
+} from "./chunk-2PCOC3PT.js";
 
 // src/components/data-display/DataViews/SaveViewModal.tsx
 import GroupOutlinedIcon from "@mui/icons-material/GroupOutlined";
@@ -265,4 +265,4 @@ function SaveViewModal({
 export {
   SaveViewModal
 };
-//# sourceMappingURL=chunk-PMFW55F5.js.map
+//# sourceMappingURL=chunk-ZIOCRSHU.js.map

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

@@ -1,3 +1,6 @@
+import {
+  useGoogleMapsAPI
+} from "./chunk-7VRCGWQL.js";
 import {
   useCurrentLocation
 } from "./chunk-AYP6ICAY.js";
@@ -7,9 +10,6 @@ import {
 import {
   useAddressPredictions
 } from "./chunk-HEBZ7Q7O.js";
-import {
-  useGoogleMapsAPI
-} from "./chunk-7VRCGWQL.js";
 
 // src/components/form/AddressAutocomplete/AddressAutocomplete.hooks.ts
 import { useCallback, useState } from "react";
@@ -70,4 +70,4 @@ var useAddressAutocomplete = ({
 export {
   useAddressAutocomplete
 };
-//# sourceMappingURL=chunk-WC3W36AM.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

package/dist/{chunk-DJORMYOV.js → chunk-ZU3SWR4I.js}

@@ -1,6 +1,6 @@
 import {
   accentFor
-} from "./chunk-I6PZVHIT.js";
+} from "./chunk-V5IOLAIS.js";
 
 // src/components/form/Menubar/Menubar.styles.ts
 import { alpha } from "@mui/material/styles/index.js";
@@ -70,4 +70,4 @@ export {
   sizeStyles,
   barStyles
 };
-//# sourceMappingURL=chunk-DJORMYOV.js.map
+//# sourceMappingURL=chunk-ZU3SWR4I.js.map

package/dist/data-display/Alert.js

@@ -1,8 +1,15 @@
 import "../chunk-NUGT7LMR.js";
 import {
   Alert
-} from "../chunk-C6AZDXEE.js";
-import "../chunk-5ERH4OIK.js";
+} from "../chunk-6D5WEZ2L.js";
+import "../chunk-E27Y7FF2.js";
+import "../chunk-B2Y3BABA.js";
+import "../chunk-N3QUEBNS.js";
+import "../chunk-QLWBQQW7.js";
+import "../chunk-NQN5Z36J.js";
+import "../chunk-AG66JBNH.js";
+import "../chunk-6JAIFIPW.js";
+import "../chunk-FZXKH2ZT.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Alert

package/dist/data-display/AsyncStateContainer.js

@@ -1,14 +1,21 @@
 import "../chunk-SX3E6UC2.js";
 import {
   AsyncStateContainer
-} from "../chunk-PKJKA4CU.js";
-import "../chunk-E67PUPFJ.js";
-import "../chunk-O6J4CKS5.js";
-import "../chunk-KVN3K4J3.js";
-import "../chunk-7M5BACFQ.js";
+} from "../chunk-OZWQNFG6.js";
+import "../chunk-IIOEQRXX.js";
+import "../chunk-7DFEKTT7.js";
+import "../chunk-YSTHOE66.js";
+import "../chunk-NQC6H7GY.js";
+import "../chunk-TLGGVE56.js";
 import "../chunk-IRDGC7FK.js";
 import "../chunk-JZKOJZ6V.js";
 import "../chunk-HXYXDQ7U.js";
+import "../chunk-UXQW6ZIN.js";
+import "../chunk-RKCS6K36.js";
+import "../chunk-MWFSIB6K.js";
+import "../chunk-QLWBQQW7.js";
+import "../chunk-7ZPUN7TV.js";
+import "../chunk-FZXKH2ZT.js";
 import "../chunk-PZ5AY32C.js";
 export {
   AsyncStateContainer

package/dist/data-display/Badge.js

@@ -1,10 +1,10 @@
 import {
   Badge
-} from "../chunk-FH4VARZ7.js";
+} from "../chunk-L6KEVPXN.js";
+import "../chunk-MMZAGB64.js";
 import "../chunk-ZGEBIC5X.js";
 import "../chunk-4Q7HWRR2.js";
 import "../chunk-3HWL4AW4.js";
-import "../chunk-MMZAGB64.js";
 import "../chunk-HKFMPEXJ.js";
 import "../chunk-PZ5AY32C.js";
 export {

package/dist/data-display/CardKit.js

@@ -3,7 +3,7 @@ import {
 } from "../chunk-3T2I6BYA.js";
 import {
   useRemoveConfirm
-} from "../chunk-K2T2CQSZ.js";
+} from "../chunk-UF27D35R.js";
 import {
   rowActionsToMenuItems
 } from "../chunk-5MXVT7DO.js";
@@ -17,28 +17,36 @@ import {
 import {
   CardActionsProvider,
   useCardActions
-} from "../chunk-77GA5YHQ.js";
+} from "../chunk-43NEBUV3.js";
 import {
   CardKebab
-} from "../chunk-G7CFUI4I.js";
+} from "../chunk-DLFOEXUP.js";
 import "../chunk-WVML3ENZ.js";
 import "../chunk-IDHZHOZW.js";
 import "../chunk-XCBQXSTR.js";
-import "../chunk-VJKRJYZL.js";
-import "../chunk-3P4THDBM.js";
+import "../chunk-QZPNQWS2.js";
 import "../chunk-HJOABXKN.js";
+import "../chunk-3P4THDBM.js";
 import "../chunk-QQS3GQYS.js";
 import "../chunk-EMYESBIT.js";
 import "../chunk-NUGT7LMR.js";
-import "../chunk-C6AZDXEE.js";
-import "../chunk-5ERH4OIK.js";
+import "../chunk-6D5WEZ2L.js";
+import "../chunk-E27Y7FF2.js";
+import "../chunk-B2Y3BABA.js";
+import "../chunk-N3QUEBNS.js";
 import "../chunk-2IBFEHIX.js";
 import "../chunk-BWB2MVWP.js";
 import "../chunk-6DPAWXZ3.js";
 import "../chunk-BA4RHQ3B.js";
-import "../chunk-IAQFQNBL.js";
-import "../chunk-AUYC5K5K.js";
-import "../chunk-NYUGX76C.js";
+import "../chunk-SL4NFGOL.js";
+import "../chunk-TAMIZE4Q.js";
+import "../chunk-JT6TERQL.js";
+import "../chunk-ITGG5OKP.js";
+import "../chunk-QLWBQQW7.js";
+import "../chunk-NQN5Z36J.js";
+import "../chunk-AG66JBNH.js";
+import "../chunk-6JAIFIPW.js";
+import "../chunk-FZXKH2ZT.js";
 import "../chunk-PZ5AY32C.js";
 export {
   BodyHeading,

package/dist/data-display/Carousel.js

@@ -1,19 +1,24 @@
 import "../chunk-62FET2BM.js";
 import {
   Carousel
-} from "../chunk-6HNEEJES.js";
-import "../chunk-Z56IO7OV.js";
+} from "../chunk-Y6KPZQPI.js";
+import "../chunk-R6SSXEK2.js";
+import "../chunk-RXVPUW7V.js";
 import "../chunk-WIXUMFU7.js";
-import "../chunk-RUIV5TVA.js";
-import "../chunk-5QXSPLWU.js";
 import {
   CarouselArrows,
   CarouselIndicators,
   CarouselThumbnails
-} from "../chunk-2XGM5PDA.js";
+} from "../chunk-624TFFLJ.js";
+import "../chunk-RUIV5TVA.js";
 import "../chunk-HPK33ACY.js";
-import "../chunk-I6PZVHIT.js";
-import "../chunk-7CA6GVBO.js";
+import "../chunk-V5IOLAIS.js";
+import "../chunk-7ZPUN7TV.js";
+import "../chunk-PT6TCWIW.js";
+import "../chunk-NQN5Z36J.js";
+import "../chunk-AG66JBNH.js";
+import "../chunk-6JAIFIPW.js";
+import "../chunk-FZXKH2ZT.js";
 import "../chunk-PZ5AY32C.js";
 export {
   Carousel,