@12-apps/ui 6.17.1 → 6.19.0

package/dist/_internal/provider/ui-theme-context.js

@@ -0,0 +1,9 @@
+import "../../chunk-PZ5AY32C.js";
+
+// src/provider/ui-theme-context.ts
+import * as React from "react";
+var UiThemeContext = React.createContext(null);
+export {
+  UiThemeContext
+};
+//# sourceMappingURL=ui-theme-context.js.map

package/dist/_internal/provider/ui-theme-context.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/provider/ui-theme-context.ts"],"sourcesContent":["import * as React from 'react';\n\nimport type { UiTheme } from '../tokens/theme';\n\n/**\n * The native renderer's theme channel.\n *\n * Only the native files read it. On the web the theme every component paints\n * from is MUI's, reached through emotion's own context, and `use-ui-theme.ts`\n * derives a `UiTheme` view of it — so there is exactly one source of truth per\n * renderer rather than two that can disagree.\n */\nexport const UiThemeContext = React.createContext<UiTheme | null>(null);\n"],"mappings":";;;AAAA,YAAY,WAAW;AAYhB,IAAM,iBAAuB,oBAA8B,IAAI;","names":[]}

package/dist/_internal/provider/use-ui-theme.js

@@ -0,0 +1,16 @@
+import {
+  useUiTheme
+} from "../../chunk-KLREH4X6.js";
+import "../../chunk-YMRI5QKG.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 {
+  useUiTheme
+};
+//# sourceMappingURL=use-ui-theme.js.map

package/dist/_internal/provider/use-ui-theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/social-login-button/social-login-button.js

@@ -5,11 +5,12 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "../../chunk-EB4BTKKY.js";
+} from "../../chunk-KKYW3LU7.js";
 import "../../chunk-INGPH3YQ.js";
 import "../../chunk-6GP2DOOO.js";
-import "../../chunk-HQJ75HHI.js";
-import "../../chunk-QCIWROKG.js";
+import "../../chunk-Z7JNCB5Q.js";
+import "../../chunk-PWR7K5OP.js";
+import "../../chunk-3N6EK6K5.js";
 import "../../chunk-CMMPGAMJ.js";
 import "../../chunk-MCZ7536N.js";
 import "../../chunk-IFPTVHYR.js";
@@ -19,11 +20,18 @@ import "../../chunk-D2IASECY.js";
 import "../../chunk-VMF3UXM4.js";
 import "../../chunk-RI5JZLZL.js";
 import "../../chunk-BA4RHQ3B.js";
-import "../../chunk-IAQFQNBL.js";
-import "../../chunk-AUYC5K5K.js";
-import "../../chunk-NYUGX76C.js";
-import "../../chunk-VRHBJXZ7.js";
-import "../../chunk-7CA6GVBO.js";
+import "../../chunk-SL4NFGOL.js";
+import "../../chunk-TAMIZE4Q.js";
+import "../../chunk-JT6TERQL.js";
+import "../../chunk-ITGG5OKP.js";
+import "../../chunk-2PCOC3PT.js";
+import "../../chunk-V3PLFYKO.js";
+import "../../chunk-QLWBQQW7.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 {
   AppleIcon,

package/dist/_internal/tokens/color.js

@@ -0,0 +1,26 @@
+import {
+  alpha,
+  darken,
+  decomposeColor,
+  emphasize,
+  getContrastRatio,
+  getLuminance,
+  hexToRgb,
+  hslToRgb,
+  lighten,
+  recomposeColor
+} from "../../chunk-6JAIFIPW.js";
+import "../../chunk-PZ5AY32C.js";
+export {
+  alpha,
+  darken,
+  decomposeColor,
+  emphasize,
+  getContrastRatio,
+  getLuminance,
+  hexToRgb,
+  hslToRgb,
+  lighten,
+  recomposeColor
+};
+//# sourceMappingURL=color.js.map

package/dist/_internal/tokens/color.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/tokens/css-units.js

@@ -0,0 +1,10 @@
+import {
+  cssLengthToPx,
+  cssTrackingToEm
+} from "../../chunk-AG66JBNH.js";
+import "../../chunk-PZ5AY32C.js";
+export {
+  cssLengthToPx,
+  cssTrackingToEm
+};
+//# sourceMappingURL=css-units.js.map

package/dist/_internal/tokens/css-units.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/tokens/heading-scale.js

@@ -0,0 +1,10 @@
+import {
+  HEADING_LEVELS,
+  HEADING_SCALE
+} from "../../chunk-FZXKH2ZT.js";
+import "../../chunk-PZ5AY32C.js";
+export {
+  HEADING_LEVELS,
+  HEADING_SCALE
+};
+//# sourceMappingURL=heading-scale.js.map

package/dist/_internal/tokens/heading-scale.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/tokens/mui-type.js

@@ -0,0 +1,25 @@
+import "../../chunk-PZ5AY32C.js";
+
+// src/tokens/mui-type.ts
+var MUI_TYPE = {
+  h6: { fontSize: 20, lineHeight: 1.6, fontWeight: 500, letterSpacingEm: 75e-4 },
+  body1: { fontSize: 16, lineHeight: 1.5, fontWeight: 400, letterSpacingEm: 938e-5 },
+  body2: { fontSize: 14, lineHeight: 1.43, fontWeight: 400, letterSpacingEm: 0.01071 }
+};
+var MUI_FONT_WEIGHT_MEDIUM = 500;
+function muiTypeStyle(theme, variant, fontSize = MUI_TYPE[variant].fontSize) {
+  const step = MUI_TYPE[variant];
+  return {
+    fontFamily: theme.typography.fontFamily,
+    fontSize,
+    lineHeight: fontSize * step.lineHeight,
+    fontWeight: `${step.fontWeight}`,
+    letterSpacing: fontSize * step.letterSpacingEm
+  };
+}
+export {
+  MUI_FONT_WEIGHT_MEDIUM,
+  MUI_TYPE,
+  muiTypeStyle
+};
+//# sourceMappingURL=mui-type.js.map

package/dist/_internal/tokens/mui-type.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tokens/mui-type.ts"],"sourcesContent":["import type { UiTheme } from './theme';\n\n/**\n * MUI'S DEFAULT `Typography` VARIANTS, AS NUMBERS.\n *\n * Several web components render a title or a message BY NAME —\n * `<Typography variant=\"h6\">` — and let MUI's theme turn the name into a\n * size. The native halves have no MUI theme, so they need the numbers MUI's\n * `createTypography` produces for those names. These are those numbers, for\n * the variants the ported components use: `fontSize` in px, `lineHeight` as\n * a ratio, `letterSpacing` in em exactly as MUI rounds it\n * (`round(letterSpacing / size)`, five decimals).\n *\n * Only the DEFAULTS. A host that re-themes `typography.h6` moves the web\n * halves and not these; each component that reads this records that as a\n * known gap in its `NATIVE-NOTES.md`.\n */\nexport type MuiTypeVariantName = 'h6' | 'body1' | 'body2';\n\nexport interface MuiTypeVariant {\n  fontSize: number;\n  lineHeight: number;\n  fontWeight: 400 | 500;\n  letterSpacingEm: number;\n}\n\nexport const MUI_TYPE: Record<MuiTypeVariantName, MuiTypeVariant> = {\n  h6: { fontSize: 20, lineHeight: 1.6, fontWeight: 500, letterSpacingEm: 0.0075 },\n  body1: { fontSize: 16, lineHeight: 1.5, fontWeight: 400, letterSpacingEm: 0.00938 },\n  body2: { fontSize: 14, lineHeight: 1.43, fontWeight: 400, letterSpacingEm: 0.01071 },\n};\n\n/** MUI's `theme.typography.fontWeightMedium`, which several web styles name outright. */\nexport const MUI_FONT_WEIGHT_MEDIUM = 500;\n\n/** A variant multiplied out for a renderer whose `lineHeight` and `letterSpacing` are absolute. */\nexport interface MuiTypeStyle {\n  fontFamily: string | undefined;\n  fontSize: number;\n  lineHeight: number;\n  fontWeight: `${MuiTypeVariant['fontWeight']}`;\n  letterSpacing: number;\n}\n\n/**\n * The variant as absolute numbers, in the theme's font. `fontSize` may be\n * overridden — the Alert's title is `body1` at 1.05rem — and the ratios\n * follow it, which is what the browser does with `em` and a unitless\n * line-height.\n */\nexport function muiTypeStyle(\n  theme: Pick<UiTheme, 'typography'>,\n  variant: MuiTypeVariantName,\n  fontSize: number = MUI_TYPE[variant].fontSize,\n): MuiTypeStyle {\n  const step = MUI_TYPE[variant];\n  return {\n    fontFamily: theme.typography.fontFamily,\n    fontSize,\n    lineHeight: fontSize * step.lineHeight,\n    fontWeight: `${step.fontWeight}`,\n    letterSpacing: fontSize * step.letterSpacingEm,\n  };\n}\n"],"mappings":";;;AA0BO,IAAM,WAAuD;AAAA,EAClE,IAAI,EAAE,UAAU,IAAI,YAAY,KAAK,YAAY,KAAK,iBAAiB,MAAO;AAAA,EAC9E,OAAO,EAAE,UAAU,IAAI,YAAY,KAAK,YAAY,KAAK,iBAAiB,OAAQ;AAAA,EAClF,OAAO,EAAE,UAAU,IAAI,YAAY,MAAM,YAAY,KAAK,iBAAiB,QAAQ;AACrF;AAGO,IAAM,yBAAyB;AAiB/B,SAAS,aACd,OACA,SACA,WAAmB,SAAS,OAAO,EAAE,UACvB;AACd,QAAM,OAAO,SAAS,OAAO;AAC7B,SAAO;AAAA,IACL,YAAY,MAAM,WAAW;AAAA,IAC7B;AAAA,IACA,YAAY,WAAW,KAAK;AAAA,IAC5B,YAAY,GAAG,KAAK,UAAU;AAAA,IAC9B,eAAe,WAAW,KAAK;AAAA,EACjC;AACF;","names":[]}

package/dist/_internal/tokens/theme.js

@@ -0,0 +1,33 @@
+import {
+  DEFAULT_BRAND,
+  DEFAULT_UI_THEME,
+  FONT_WEIGHTS,
+  GREY,
+  NEUTRAL,
+  TYPE_SIZES,
+  WEB_FONT_FAMILY,
+  WEB_MONOSPACE_FONT_FAMILY,
+  augmentColor,
+  contrastText,
+  createUiTheme,
+  px
+} from "../../chunk-NQN5Z36J.js";
+import "../../chunk-AG66JBNH.js";
+import "../../chunk-6JAIFIPW.js";
+import "../../chunk-FZXKH2ZT.js";
+import "../../chunk-PZ5AY32C.js";
+export {
+  DEFAULT_BRAND,
+  DEFAULT_UI_THEME,
+  FONT_WEIGHTS,
+  GREY,
+  NEUTRAL,
+  TYPE_SIZES,
+  WEB_FONT_FAMILY,
+  WEB_MONOSPACE_FONT_FAMILY,
+  augmentColor,
+  contrastText,
+  createUiTheme,
+  px
+};
+//# sourceMappingURL=theme.js.map

package/dist/_internal/tokens/theme.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/tokens/typography.js

@@ -1,8 +1,10 @@
 import {
-  HEADING_LEVELS,
-  HEADING_SCALE,
   headingMetrics
-} from "../../chunk-7CA6GVBO.js";
+} from "../../chunk-PT6TCWIW.js";
+import {
+  HEADING_LEVELS,
+  HEADING_SCALE
+} from "../../chunk-FZXKH2ZT.js";
 import "../../chunk-PZ5AY32C.js";
 export {
   HEADING_LEVELS,

package/dist/_internal/tokens/vocabulary.js

@@ -0,0 +1,22 @@
+import {
+  COLOR_VALUES,
+  SIZE_VALUES,
+  muiColor,
+  muiSize,
+  paletteKey
+} from "../../chunk-7ZPUN7TV.js";
+import {
+  HEADING_LEVELS,
+  HEADING_SCALE
+} from "../../chunk-FZXKH2ZT.js";
+import "../../chunk-PZ5AY32C.js";
+export {
+  COLOR_VALUES,
+  HEADING_LEVELS,
+  HEADING_SCALE,
+  SIZE_VALUES,
+  muiColor,
+  muiSize,
+  paletteKey
+};
+//# sourceMappingURL=vocabulary.js.map

package/dist/_internal/tokens/vocabulary.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/_internal/user-avatar/user-avatar.js

@@ -2,7 +2,7 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-DQIQKIEA.js";
+} from "../../chunk-HKZHEK3Z.js";
 import "../../chunk-UDQSIRAP.js";
 import "../../chunk-QIV73V2X.js";
 import "../../chunk-LYNJJV2X.js";
@@ -13,10 +13,17 @@ import "../../chunk-D2IASECY.js";
 import "../../chunk-VMF3UXM4.js";
 import "../../chunk-RI5JZLZL.js";
 import "../../chunk-BA4RHQ3B.js";
-import "../../chunk-IAQFQNBL.js";
-import "../../chunk-AUYC5K5K.js";
-import "../../chunk-NYUGX76C.js";
-import "../../chunk-VRHBJXZ7.js";
+import "../../chunk-SL4NFGOL.js";
+import "../../chunk-TAMIZE4Q.js";
+import "../../chunk-JT6TERQL.js";
+import "../../chunk-ITGG5OKP.js";
+import "../../chunk-2PCOC3PT.js";
+import "../../chunk-V3PLFYKO.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 {
   UserAvatar,

package/dist/charts.js

@@ -1,10 +1,21 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-JPDKRGYI.js";
+} from "./chunk-S7HRED4D.js";
 import {
   Chart
-} from "./chunk-CXA6UNFF.js";
+} from "./chunk-EMNGIYH6.js";
+import "./chunk-WZUNBSS7.js";
+import "./chunk-HKV4MQ2W.js";
+import "./chunk-XXDXW6TX.js";
+import "./chunk-4V532JF6.js";
+import {
+  ChartContainer,
+  ChartLegend,
+  ChartLegendContent,
+  ChartTooltip,
+  ChartTooltipContent
+} from "./chunk-M5T3COS2.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
@@ -20,19 +31,13 @@ import {
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "./chunk-WKUA6P3W.js";
-import "./chunk-XULTDO56.js";
-import "./chunk-XSKVBGCZ.js";
-import "./chunk-AVU6KU27.js";
-import "./chunk-4V532JF6.js";
-import {
-  ChartContainer,
-  ChartLegend,
-  ChartLegendContent,
-  ChartTooltip,
-  ChartTooltipContent
-} from "./chunk-M5T3COS2.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 {
   CHART_SEMANTIC_COLORS,

package/dist/{chunk-VRHBJXZ7.js → chunk-2PCOC3PT.js}

@@ -1,3 +1,25 @@
+import {
+  CAPTION_FONT_SIZE,
+  CAPTION_LETTER_SPACING_EM,
+  CAPTION_OPACITY,
+  CODE_BACKGROUND_ALPHA,
+  CODE_BORDER_ALPHA,
+  CODE_FONT_SIZE,
+  CODE_PADDING,
+  CODE_RADIUS_FACTOR,
+  HEADING_DEFAULT_WEIGHT,
+  HEADING_LETTER_SPACING_EM,
+  TEXT_SIZES,
+  TEXT_WEIGHTS
+} from "./chunk-V3PLFYKO.js";
+import {
+  resolveTestId,
+  withoutTestIdProps
+} from "./chunk-QLWBQQW7.js";
+import {
+  px
+} from "./chunk-NQN5Z36J.js";
+
 // src/components/typography/Text/Text.tsx
 import Typography from "@mui/material/Typography/index.js";
 import { alpha, styled } from "@mui/material/styles/index.js";
@@ -19,20 +41,13 @@ var getColorFromTheme = (theme, color) => {
   };
   return colorMap[color];
 };
-var SIZE_MAP = {
-  xs: { fontSize: "0.75rem", lineHeight: 1.2 },
-  sm: { fontSize: "0.875rem", lineHeight: 1.3 },
-  md: { fontSize: "1rem", lineHeight: 1.5 },
-  lg: { fontSize: "1.125rem", lineHeight: 1.4 },
-  xl: { fontSize: "1.25rem", lineHeight: 1.3 }
-};
-var WEIGHT_MAP = {
-  light: 300,
-  normal: 400,
-  medium: 500,
-  semibold: 600,
-  bold: 700
-};
+var SIZE_MAP = Object.fromEntries(
+  Object.entries(TEXT_SIZES).map(([size, step]) => [
+    size,
+    { fontSize: px(step.fontSize), lineHeight: step.lineHeight }
+  ])
+);
+var WEIGHT_MAP = TEXT_WEIGHTS;
 var decorationFor = (underline, strikethrough) => [underline && "underline", strikethrough && "line-through"].filter(Boolean).join(" ") || "none";
 var baseTextStyles = (theme, a) => ({
   color: getColorFromTheme(theme, a.customColor ?? "neutral"),
@@ -51,25 +66,25 @@ var textVariantStyles = (theme, a, base) => {
       return {
         ...base,
         fontFamily: theme.typography.h4.fontFamily,
-        fontWeight: weight === "normal" ? 600 : WEIGHT_MAP[weight],
-        letterSpacing: "-0.01em"
+        fontWeight: weight === "normal" ? HEADING_DEFAULT_WEIGHT : WEIGHT_MAP[weight],
+        letterSpacing: `${HEADING_LETTER_SPACING_EM}em`
       };
     case "caption":
       return {
         ...base,
-        fontSize: sizeOverride(a.customSize, "0.75rem"),
-        opacity: 0.8,
-        letterSpacing: "0.02em"
+        fontSize: sizeOverride(a.customSize, px(CAPTION_FONT_SIZE)),
+        opacity: CAPTION_OPACITY,
+        letterSpacing: `${CAPTION_LETTER_SPACING_EM}em`
       };
     case "code":
       return {
         ...base,
         fontFamily: 'Monaco, Menlo, "Ubuntu Mono", "Courier New", monospace',
-        fontSize: sizeOverride(a.customSize, "0.875rem"),
-        backgroundColor: alpha(theme.palette.primary.main, 0.08),
-        padding: "2px 6px",
-        borderRadius: theme.shape.borderRadius / 2,
-        border: `1px solid ${alpha(theme.palette.primary.main, 0.12)}`
+        fontSize: sizeOverride(a.customSize, px(CODE_FONT_SIZE)),
+        backgroundColor: alpha(theme.palette.primary.main, CODE_BACKGROUND_ALPHA),
+        padding: `${CODE_PADDING.vertical}px ${CODE_PADDING.horizontal}px`,
+        borderRadius: theme.shape.borderRadius * CODE_RADIUS_FACTOR,
+        border: `1px solid ${alpha(theme.palette.primary.main, CODE_BORDER_ALPHA)}`
       };
     default:
       return { ...base, fontFamily: theme.typography.body1.fontFamily };
@@ -100,27 +115,32 @@ var Text = React.forwardRef(
     underline = false,
     strikethrough = false,
     children,
-    ...props
-  }, ref) => /* @__PURE__ */ jsx(
-    StyledText,
-    {
-      ref,
-      customVariant: variant,
-      customColor: color,
-      customSize: size,
-      customWeight: weight,
-      italic,
-      underline,
-      strikethrough,
-      ...as && { as },
-      ...props,
-      children
-    }
-  )
+    ...others
+  }, ref) => {
+    const testId = resolveTestId(others);
+    const props = withoutTestIdProps(others);
+    return /* @__PURE__ */ jsx(
+      StyledText,
+      {
+        ref,
+        "data-testid": testId,
+        customVariant: variant,
+        customColor: color,
+        customSize: size,
+        customWeight: weight,
+        italic,
+        underline,
+        strikethrough,
+        ...as && { as },
+        ...props,
+        children
+      }
+    );
+  }
 );
 Text.displayName = "Text";
 
 export {
   Text
 };
-//# sourceMappingURL=chunk-VRHBJXZ7.js.map
+//# sourceMappingURL=chunk-2PCOC3PT.js.map

package/dist/chunk-2PCOC3PT.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/typography/Text/Text.tsx"],"sourcesContent":["'use client';\n\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport {\n  CAPTION_FONT_SIZE,\n  CAPTION_LETTER_SPACING_EM,\n  CAPTION_OPACITY,\n  CODE_BACKGROUND_ALPHA,\n  CODE_BORDER_ALPHA,\n  CODE_FONT_SIZE,\n  CODE_PADDING,\n  CODE_RADIUS_FACTOR,\n  HEADING_DEFAULT_WEIGHT,\n  HEADING_LETTER_SPACING_EM,\n  TEXT_SIZES,\n  TEXT_WEIGHTS,\n} from './Text.metrics';\nimport type { TextProps } from './Text.types';\nimport { resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport type { ColorValue } from '../../../tokens/scales';\nimport { px } from '../../../tokens/theme';\n\nconst getColorFromTheme = (theme: Theme, color: ColorValue): string => {\n  if (color === 'neutral') {\n    return theme.palette.text.primary;\n  }\n\n  if (color === 'secondary') {\n    return theme.palette.text.secondary;\n  }\n\n  // Exhaustive over ColorValue on purpose. It was a partial `Record<string, …>`\n  // with a silent `|| text.primary` fallback, so `info` — accepted by the type\n  // — rendered as ordinary body text. Typing the key means a colour added to\n  // the vocabulary cannot reach here without a home.\n  const colorMap: Record<Exclude<ColorValue, 'neutral' | 'secondary'>, string> = {\n    primary: theme.palette.primary.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];\n};\n\n// Derived from the shared metrics, not restated: the native `Text` reads the\n// same table, so the two renderers cannot disagree on a size.\nconst SIZE_MAP: Record<string, { fontSize: string; lineHeight: number }> = Object.fromEntries(\n  Object.entries(TEXT_SIZES).map(([size, step]) => [\n    size,\n    { fontSize: px(step.fontSize), lineHeight: step.lineHeight },\n  ]),\n);\n\nconst WEIGHT_MAP: Record<string, number> = TEXT_WEIGHTS;\n\ninterface TextStyleArgs {\n  theme: Theme;\n  customVariant?: string;\n  customColor?: ColorValue;\n  customSize?: string;\n  customWeight?: string;\n  italic?: boolean;\n  underline?: boolean;\n  strikethrough?: boolean;\n}\n\n// underline and strikethrough combine into one declaration rather than one\n// winning over the other.\nconst decorationFor = (underline?: boolean, strikethrough?: boolean): string =>\n  [underline && 'underline', strikethrough && 'line-through'].filter(Boolean).join(' ') || 'none';\n\nconst baseTextStyles = (theme: Theme, a: TextStyleArgs): CSSObject => ({\n  color: getColorFromTheme(theme, a.customColor ?? 'neutral'),\n  fontSize: SIZE_MAP[a.customSize ?? 'md']?.fontSize,\n  lineHeight: SIZE_MAP[a.customSize ?? 'md']?.lineHeight,\n  fontWeight: WEIGHT_MAP[a.customWeight ?? 'normal'],\n  fontStyle: a.italic ? 'italic' : 'normal',\n  textDecoration: decorationFor(a.underline, a.strikethrough),\n  transition: 'all 0.2s ease',\n});\n\n// Captions and code shrink relative to the body scale, but only at the default\n// size — an explicit size wins.\nconst sizeOverride = (customSize: string | undefined, atDefault: string): string | undefined =>\n  (customSize ?? 'md') === 'md' ? atDefault : SIZE_MAP[customSize ?? 'md']?.fontSize;\n\nconst textVariantStyles = (theme: Theme, a: TextStyleArgs, base: CSSObject): CSSObject => {\n  const weight = a.customWeight ?? 'normal';\n\n  switch (a.customVariant) {\n    case 'heading':\n      return {\n        ...base,\n        fontFamily: theme.typography.h4.fontFamily,\n        fontWeight: weight === 'normal' ? HEADING_DEFAULT_WEIGHT : WEIGHT_MAP[weight],\n        letterSpacing: `${HEADING_LETTER_SPACING_EM}em`,\n      };\n    case 'caption':\n      return {\n        ...base,\n        fontSize: sizeOverride(a.customSize, px(CAPTION_FONT_SIZE)),\n        opacity: CAPTION_OPACITY,\n        letterSpacing: `${CAPTION_LETTER_SPACING_EM}em`,\n      };\n    case 'code':\n      return {\n        ...base,\n        fontFamily: 'Monaco, Menlo, \"Ubuntu Mono\", \"Courier New\", monospace',\n        fontSize: sizeOverride(a.customSize, px(CODE_FONT_SIZE)),\n        backgroundColor: alpha(theme.palette.primary.main, CODE_BACKGROUND_ALPHA),\n        padding: `${CODE_PADDING.vertical}px ${CODE_PADDING.horizontal}px`,\n        borderRadius: theme.shape.borderRadius * CODE_RADIUS_FACTOR,\n        border: `1px solid ${alpha(theme.palette.primary.main, CODE_BORDER_ALPHA)}`,\n      };\n    default:\n      return { ...base, fontFamily: theme.typography.body1.fontFamily };\n  }\n};\n\nconst StyledText = styled(Typography, {\n  shouldForwardProp: (prop) =>\n    ![\n      'customVariant',\n      'customColor',\n      'customSize',\n      'customWeight',\n      'italic',\n      'underline',\n      'strikethrough',\n    ].includes(prop as string),\n})<{\n  customVariant?: string;\n  customColor?: ColorValue;\n  customSize?: string;\n  customWeight?: string;\n  italic?: boolean;\n  underline?: boolean;\n  strikethrough?: boolean;\n}>((args) => {\n  const { theme } = args;\n  return textVariantStyles(theme, args, baseTextStyles(theme, args));\n});\n\nexport const Text = React.forwardRef<HTMLElement, TextProps>(\n  (\n    {\n      variant = 'body',\n      color = 'neutral',\n      size = 'md',\n      weight = 'normal',\n      as = 'span',\n      italic = false,\n      underline = false,\n      strikethrough = false,\n      children,\n      ...others\n    },\n    ref,\n  ) => {\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      <StyledText\n        ref={ref}\n        data-testid={testId}\n        customVariant={variant}\n        customColor={color}\n        customSize={size}\n        customWeight={weight}\n        italic={italic}\n        underline={underline}\n        strikethrough={strikethrough}\n        {...(as && { as })}\n        {...props}\n      >\n        {children}\n      </StyledText>\n    );\n  },\n);\n\nText.displayName = 'Text';"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAGA,OAAO,gBAAgB;AACvB,SAAS,OAAO,cAAc;AAC9B,OAAO,WAAW;AAqKZ;AAhJN,IAAM,oBAAoB,CAAC,OAAc,UAA8B;AACrE,MAAI,UAAU,WAAW;AACvB,WAAO,MAAM,QAAQ,KAAK;AAAA,EAC5B;AAEA,MAAI,UAAU,aAAa;AACzB,WAAO,MAAM,QAAQ,KAAK;AAAA,EAC5B;AAMA,QAAM,WAAyE;AAAA,IAC7E,SAAS,MAAM,QAAQ,QAAQ;AAAA,IAC/B,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;AACvB;AAIA,IAAM,WAAqE,OAAO;AAAA,EAChF,OAAO,QAAQ,UAAU,EAAE,IAAI,CAAC,CAAC,MAAM,IAAI,MAAM;AAAA,IAC/C;AAAA,IACA,EAAE,UAAU,GAAG,KAAK,QAAQ,GAAG,YAAY,KAAK,WAAW;AAAA,EAC7D,CAAC;AACH;AAEA,IAAM,aAAqC;AAe3C,IAAM,gBAAgB,CAAC,WAAqB,kBAC1C,CAAC,aAAa,aAAa,iBAAiB,cAAc,EAAE,OAAO,OAAO,EAAE,KAAK,GAAG,KAAK;AAE3F,IAAM,iBAAiB,CAAC,OAAc,OAAiC;AAAA,EACrE,OAAO,kBAAkB,OAAO,EAAE,eAAe,SAAS;AAAA,EAC1D,UAAU,SAAS,EAAE,cAAc,IAAI,GAAG;AAAA,EAC1C,YAAY,SAAS,EAAE,cAAc,IAAI,GAAG;AAAA,EAC5C,YAAY,WAAW,EAAE,gBAAgB,QAAQ;AAAA,EACjD,WAAW,EAAE,SAAS,WAAW;AAAA,EACjC,gBAAgB,cAAc,EAAE,WAAW,EAAE,aAAa;AAAA,EAC1D,YAAY;AACd;AAIA,IAAM,eAAe,CAAC,YAAgC,eACnD,cAAc,UAAU,OAAO,YAAY,SAAS,cAAc,IAAI,GAAG;AAE5E,IAAM,oBAAoB,CAAC,OAAc,GAAkB,SAA+B;AACxF,QAAM,SAAS,EAAE,gBAAgB;AAEjC,UAAQ,EAAE,eAAe;AAAA,IACvB,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,YAAY,MAAM,WAAW,GAAG;AAAA,QAChC,YAAY,WAAW,WAAW,yBAAyB,WAAW,MAAM;AAAA,QAC5E,eAAe,GAAG,yBAAyB;AAAA,MAC7C;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,UAAU,aAAa,EAAE,YAAY,GAAG,iBAAiB,CAAC;AAAA,QAC1D,SAAS;AAAA,QACT,eAAe,GAAG,yBAAyB;AAAA,MAC7C;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,GAAG;AAAA,QACH,YAAY;AAAA,QACZ,UAAU,aAAa,EAAE,YAAY,GAAG,cAAc,CAAC;AAAA,QACvD,iBAAiB,MAAM,MAAM,QAAQ,QAAQ,MAAM,qBAAqB;AAAA,QACxE,SAAS,GAAG,aAAa,QAAQ,MAAM,aAAa,UAAU;AAAA,QAC9D,cAAc,MAAM,MAAM,eAAe;AAAA,QACzC,QAAQ,aAAa,MAAM,MAAM,QAAQ,QAAQ,MAAM,iBAAiB,CAAC;AAAA,MAC3E;AAAA,IACF;AACE,aAAO,EAAE,GAAG,MAAM,YAAY,MAAM,WAAW,MAAM,WAAW;AAAA,EACpE;AACF;AAEA,IAAM,aAAa,OAAO,YAAY;AAAA,EACpC,mBAAmB,CAAC,SAClB,CAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,EAAE,SAAS,IAAc;AAC7B,CAAC,EAQE,CAAC,SAAS;AACX,QAAM,EAAE,MAAM,IAAI;AAClB,SAAO,kBAAkB,OAAO,MAAM,eAAe,OAAO,IAAI,CAAC;AACnE,CAAC;AAEM,IAAM,OAAO,MAAM;AAAA,EACxB,CACE;AAAA,IACE,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,KAAK;AAAA,IACL,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB;AAAA,IACA,GAAG;AAAA,EACL,GACA,QACG;AAGH,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,QACZ,cAAc;AAAA,QACd;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAI,MAAM,EAAE,GAAG;AAAA,QACf,GAAG;AAAA,QAEH;AAAA;AAAA,IACH;AAAA,EAEJ;AACF;AAEA,KAAK,cAAc;","names":[]}

package/dist/chunk-3N6EK6K5.js

@@ -0,0 +1,57 @@
+import {
+  FONT_WEIGHTS
+} from "./chunk-NQN5Z36J.js";
+import {
+  HEADING_SCALE
+} from "./chunk-FZXKH2ZT.js";
+
+// src/components/typography/Heading/Heading.metrics.ts
+var HEADING_WEIGHTS = FONT_WEIGHTS;
+var HEADING_DEFAULT_LEVEL = "h2";
+var HEADING_DEFAULT_WEIGHT = "bold";
+var HEADING_DEFAULT_COLOR = "neutral";
+var HEADING_RANK = {
+  display: 1,
+  h1: 1,
+  h2: 2,
+  h3: 3,
+  h4: 4,
+  h5: 5,
+  h6: 6
+};
+var stepOf = (value) => value !== void 0 && value in HEADING_SCALE ? value : HEADING_DEFAULT_LEVEL;
+var isHeadingWeight = (value) => value in HEADING_WEIGHTS;
+function headingWeight(weight, normalWeight) {
+  if (weight === "normal") return normalWeight;
+  return HEADING_WEIGHTS[isHeadingWeight(weight) ? weight : HEADING_DEFAULT_WEIGHT];
+}
+var HEADING_GRADIENT_ANGLE = 135;
+var NEUTRAL_GRADIENT_STEPS = { from: 500, to: 900 };
+var headingGradient = (from, to) => `linear-gradient(${HEADING_GRADIENT_ANGLE}deg, ${from} 0%, ${to} 100%)`;
+function headingGradientStops(theme, color) {
+  switch (color) {
+    case "primary":
+      return [theme.palette.primary.main, theme.palette.secondary.main];
+    case "secondary":
+      return [theme.palette.secondary.main, theme.palette.primary.main];
+    case "neutral":
+      return [theme.palette.grey[NEUTRAL_GRADIENT_STEPS.from], theme.palette.grey[NEUTRAL_GRADIENT_STEPS.to]];
+    default:
+      return [theme.palette[color].light, theme.palette[color].dark];
+  }
+}
+
+export {
+  HEADING_WEIGHTS,
+  HEADING_DEFAULT_LEVEL,
+  HEADING_DEFAULT_WEIGHT,
+  HEADING_DEFAULT_COLOR,
+  HEADING_RANK,
+  stepOf,
+  headingWeight,
+  HEADING_GRADIENT_ANGLE,
+  NEUTRAL_GRADIENT_STEPS,
+  headingGradient,
+  headingGradientStops
+};
+//# sourceMappingURL=chunk-3N6EK6K5.js.map

package/dist/chunk-3N6EK6K5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/typography/Heading/Heading.metrics.ts"],"sourcesContent":["import type { HeadingWeight } from './Heading.base';\nimport { HEADING_SCALE, type HeadingLevel } from '../../../tokens/heading-scale';\nimport { FONT_WEIGHTS, type UiTheme } from '../../../tokens/theme';\nimport type { ColorValue } from '../../../tokens/vocabulary';\n\n/**\n * THE NUMBERS BOTH `Heading` RENDERERS DRAW WITH.\n *\n * The type scale itself is `HEADING_SCALE` in `tokens/heading-scale.ts` (the\n * web reads it through the MUI theme's `headingScale` overrides, native\n * through `UiTheme.typography.heading`). What lives here is everything ELSE\n * `Heading.styles.ts` used to declare inline: the weight table, the defaults,\n * the rank each level announces, and the gradient's angle and stops.\n */\nexport const HEADING_WEIGHTS: Record<HeadingWeight, number> = FONT_WEIGHTS;\n\nexport const HEADING_DEFAULT_LEVEL: HeadingLevel = 'h2';\nexport const HEADING_DEFAULT_WEIGHT: HeadingWeight = 'bold';\nexport const HEADING_DEFAULT_COLOR: ColorValue = 'neutral';\n\nexport type HeadingRank = 1 | 2 | 3 | 4 | 5 | 6;\n\n/**\n * The outline rank each level announces — the tag on the web, `aria-level` on\n * native. `display` is a SIZE, not a rank, so it is an h1: the document still\n * gets one level-one heading rather than an unnamed tag outside the outline.\n */\nexport const HEADING_RANK: Record<HeadingLevel, HeadingRank> = {\n  display: 1,\n  h1: 1,\n  h2: 2,\n  h3: 3,\n  h4: 4,\n  h5: 5,\n  h6: 6,\n};\n\n/** A step name the scale actually has, or the documented default (`h2`). */\nexport const stepOf = (value: string | undefined): HeadingLevel =>\n  value !== undefined && value in HEADING_SCALE ? (value as HeadingLevel) : HEADING_DEFAULT_LEVEL;\n\nconst isHeadingWeight = (value: string): value is HeadingWeight => value in HEADING_WEIGHTS;\n\n/**\n * The weight a heading draws: `normal` is the weight the step was designed to\n * carry (heavier as the step gets larger), anything else its table entry, and\n * a name outside the vocabulary the default — as `Heading.styles.ts` has\n * always fallen back.\n */\nexport function headingWeight(weight: string, normalWeight: number): number {\n  if (weight === 'normal') return normalWeight;\n  return HEADING_WEIGHTS[isHeadingWeight(weight) ? weight : HEADING_DEFAULT_WEIGHT];\n}\n\n/** The gradient runs corner to corner. */\nexport const HEADING_GRADIENT_ANGLE = 135;\n\n/**\n * `neutral` has no light/dark pair, so its gradient runs between two steps of\n * the grey ramp.\n */\nexport const NEUTRAL_GRADIENT_STEPS = { from: 500, to: 900 } as const;\n\n/** The CSS the web paints the glyphs with, from the two stops. */\nexport const headingGradient = (from: string, to: string): string =>\n  `linear-gradient(${HEADING_GRADIENT_ANGLE}deg, ${from} 0%, ${to} 100%)`;\n\n/**\n * The two stops each colour paints its glyphs with, read off a `UiTheme`. The\n * web's `Heading.styles.ts` keeps its MUI-typed twin of this table; the pairs\n * are the same, and `Heading.native.test.tsx` asserts as much.\n */\nexport function headingGradientStops(theme: UiTheme, color: ColorValue): [string, string] {\n  switch (color) {\n    case 'primary':\n      return [theme.palette.primary.main, theme.palette.secondary.main];\n    case 'secondary':\n      return [theme.palette.secondary.main, theme.palette.primary.main];\n    case 'neutral':\n      return [theme.palette.grey[NEUTRAL_GRADIENT_STEPS.from], theme.palette.grey[NEUTRAL_GRADIENT_STEPS.to]];\n    default:\n      return [theme.palette[color].light, theme.palette[color].dark];\n  }\n}\n"],"mappings":";;;;;;;;AAcO,IAAM,kBAAiD;AAEvD,IAAM,wBAAsC;AAC5C,IAAM,yBAAwC;AAC9C,IAAM,wBAAoC;AAS1C,IAAM,eAAkD;AAAA,EAC7D,SAAS;AAAA,EACT,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN;AAGO,IAAM,SAAS,CAAC,UACrB,UAAU,UAAa,SAAS,gBAAiB,QAAyB;AAE5E,IAAM,kBAAkB,CAAC,UAA0C,SAAS;AAQrE,SAAS,cAAc,QAAgB,cAA8B;AAC1E,MAAI,WAAW,SAAU,QAAO;AAChC,SAAO,gBAAgB,gBAAgB,MAAM,IAAI,SAAS,sBAAsB;AAClF;AAGO,IAAM,yBAAyB;AAM/B,IAAM,yBAAyB,EAAE,MAAM,KAAK,IAAI,IAAI;AAGpD,IAAM,kBAAkB,CAAC,MAAc,OAC5C,mBAAmB,sBAAsB,QAAQ,IAAI,QAAQ,EAAE;AAO1D,SAAS,qBAAqB,OAAgB,OAAqC;AACxF,UAAQ,OAAO;AAAA,IACb,KAAK;AACH,aAAO,CAAC,MAAM,QAAQ,QAAQ,MAAM,MAAM,QAAQ,UAAU,IAAI;AAAA,IAClE,KAAK;AACH,aAAO,CAAC,MAAM,QAAQ,UAAU,MAAM,MAAM,QAAQ,QAAQ,IAAI;AAAA,IAClE,KAAK;AACH,aAAO,CAAC,MAAM,QAAQ,KAAK,uBAAuB,IAAI,GAAG,MAAM,QAAQ,KAAK,uBAAuB,EAAE,CAAC;AAAA,IACxG;AACE,aAAO,CAAC,MAAM,QAAQ,KAAK,EAAE,OAAO,MAAM,QAAQ,KAAK,EAAE,IAAI;AAAA,EACjE;AACF;","names":[]}

package/dist/{chunk-77GA5YHQ.js → chunk-43NEBUV3.js}

@@ -1,6 +1,6 @@
 import {
   Alert
-} from "./chunk-C6AZDXEE.js";
+} from "./chunk-6D5WEZ2L.js";
 
 // src/components/data-display/CardKit/card-actions-context.tsx
 import { createContext, useCallback, useContext, useState } from "react";
@@ -54,4 +54,4 @@ export {
   CardActionsProvider,
   useCardActions
 };
-//# sourceMappingURL=chunk-77GA5YHQ.js.map
+//# sourceMappingURL=chunk-43NEBUV3.js.map

package/dist/{chunk-FJHNNSD3.js → chunk-4FRZDSRD.js}

@@ -1,16 +1,16 @@
 import {
   ColumnsTab
-} from "./chunk-2PPWKCMW.js";
+} from "./chunk-4N4ENTF7.js";
 import {
   DisplayTab,
   SortTab
-} from "./chunk-SCGVB7DS.js";
+} from "./chunk-DOADQW7I.js";
 import {
   ViewActions,
   ViewFooter,
   ViewHeader,
   ViewsList
-} from "./chunk-EY4LPLIR.js";
+} from "./chunk-QJJUTBKZ.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-IAQFQNBL.js";
+} from "./chunk-SL4NFGOL.js";
 
 // src/components/data-display/DataViews/data-views-display-panel.tsx
 import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
@@ -261,4 +261,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-FJHNNSD3.js.map
+//# sourceMappingURL=chunk-4FRZDSRD.js.map

package/dist/chunk-4GGH6ZQ7.js

@@ -0,0 +1,14 @@
+// src/components/layout/Stack/with-dividers.ts
+import * as React from "react";
+function withDividers(children, divider) {
+  if (divider === void 0 || divider === null) return children;
+  const items = React.Children.toArray(children);
+  return items.flatMap(
+    (child, index) => index === 0 ? [child] : [React.createElement(React.Fragment, { key: `divider-${index}` }, divider), child]
+  );
+}
+
+export {
+  withDividers
+};
+//# sourceMappingURL=chunk-4GGH6ZQ7.js.map

package/dist/chunk-4GGH6ZQ7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Stack/with-dividers.ts"],"sourcesContent":["import * as React from 'react';\n\n/** The children with `divider` cloned between each adjacent pair. */\nexport function withDividers(\n  children: React.ReactNode,\n  divider: React.ReactNode | undefined,\n): React.ReactNode {\n  if (divider === undefined || divider === null) return children;\n  const items = React.Children.toArray(children);\n  return items.flatMap((child, index) =>\n    index === 0\n      ? [child]\n      : [React.createElement(React.Fragment, { key: `divider-${index}` }, divider), child],\n  );\n}\n"],"mappings":";AAAA,YAAY,WAAW;AAGhB,SAAS,aACd,UACA,SACiB;AACjB,MAAI,YAAY,UAAa,YAAY,KAAM,QAAO;AACtD,QAAM,QAAc,eAAS,QAAQ,QAAQ;AAC7C,SAAO,MAAM;AAAA,IAAQ,CAAC,OAAO,UAC3B,UAAU,IACN,CAAC,KAAK,IACN,CAAO,oBAAoB,gBAAU,EAAE,KAAK,WAAW,KAAK,GAAG,GAAG,OAAO,GAAG,KAAK;AAAA,EACvF;AACF;","names":[]}

package/dist/{chunk-2PPWKCMW.js → chunk-4N4ENTF7.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-VRHBJXZ7.js";
+} from "./chunk-2PCOC3PT.js";
 
 // src/components/data-display/DataViews/data-views-columns-tab.tsx
 import ArrowDownwardRoundedIcon from "@mui/icons-material/ArrowDownwardRounded";
@@ -181,4 +181,4 @@ function MoveButton({
 export {
   ColumnsTab
 };
-//# sourceMappingURL=chunk-2PPWKCMW.js.map
+//# sourceMappingURL=chunk-4N4ENTF7.js.map