@12-apps/ui 6.17.1 → 6.19.0

package/dist/chunk-7DFEKTT7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/LoadingState/LoadingState.helpers.ts"],"sourcesContent":["import type { LoadingStateBaseProps, LoadingStateSize } from './LoadingState.base';\nimport { MESSAGE_TYPE, SKELETON_ROW_HEIGHT, SPINNER_SIZES } from './LoadingState.metrics';\nimport type { MuiTypeVariantName } from '../../../tokens/mui-type';\nimport { SIZE_VALUES } from '../../../tokens/vocabulary';\n\nexport { SKELETON_ROW_HEIGHT };\n\n// Derived from the shared metrics, not restated: the native `LoadingState`\n// reads the same two tables, so the renderers cannot disagree on a size.\nexport const SIZE_MAP: Record<LoadingStateSize, { spinner: number; text: MuiTypeVariantName }> =\n  Object.fromEntries(\n    SIZE_VALUES.map((size) => [size, { spinner: SPINNER_SIZES[size], text: MESSAGE_TYPE[size] }]),\n  ) as Record<LoadingStateSize, { spinner: number; text: MuiTypeVariantName }>;\n\ntype LoadingStateDefaultedKeys = 'variant' | 'size' | 'skeletonRows';\n\n/**\n * Generic over the renderer's own props: the web and the native `LoadingState`\n * pass different extras through, and both come back out untouched.\n */\ntype ResolvedLoadingStateProps<P extends LoadingStateBaseProps> = P &\n  Required<Pick<LoadingStateBaseProps, LoadingStateDefaultedKeys>>;\n\nconst LOADING_STATE_DEFAULTS: Required<Pick<LoadingStateBaseProps, LoadingStateDefaultedKeys>> = {\n  variant: 'spinner',\n  size: 'md',\n  skeletonRows: 3,\n};\n\n// Strips explicitly-undefined props before the merge, so `size={undefined}` still\n// falls back to the default exactly as a destructuring default would.\nconst definedProps = <P extends LoadingStateBaseProps>(props: P): Partial<P> =>\n  Object.fromEntries(\n    Object.entries(props).filter(([, value]) => value !== undefined),\n  ) as Partial<P>;\n\nexport const resolveLoadingStateProps = <P extends LoadingStateBaseProps>(\n  props: P,\n): ResolvedLoadingStateProps<P> =>\n  ({ ...LOADING_STATE_DEFAULTS, ...definedProps(props) }) as ResolvedLoadingStateProps<P>;\n\n/**\n * Test ids come in three flavours here: the container falls back to a bare\n * `loading-state`, the labelled parts to `loading-state-<part>`, and the\n * skeleton rows to nothing at all when the caller supplied no base id.\n */\nexport const makeTestIds = (dataTestId?: string) => ({\n  base: dataTestId || 'loading-state',\n  optional: (suffix: string): string | undefined =>\n    dataTestId ? `${dataTestId}-${suffix}` : undefined,\n  named: (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `loading-state-${suffix}`,\n});\n\nexport type LoadingStateTestIds = ReturnType<typeof makeTestIds>;\n"],"mappings":";;;;;;;;;AASO,IAAM,WACX,OAAO;AAAA,EACL,YAAY,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,cAAc,IAAI,GAAG,MAAM,aAAa,IAAI,EAAE,CAAC,CAAC;AAC9F;AAWF,IAAM,yBAA2F;AAAA,EAC/F,SAAS;AAAA,EACT,MAAM;AAAA,EACN,cAAc;AAChB;AAIA,IAAM,eAAe,CAAkC,UACrD,OAAO;AAAA,EACL,OAAO,QAAQ,KAAK,EAAE,OAAO,CAAC,CAAC,EAAE,KAAK,MAAM,UAAU,MAAS;AACjE;AAEK,IAAM,2BAA2B,CACtC,WAEC,EAAE,GAAG,wBAAwB,GAAG,aAAa,KAAK,EAAE;AAOhD,IAAM,cAAc,CAAC,gBAAyB;AAAA,EACnD,MAAM,cAAc;AAAA,EACpB,UAAU,CAAC,WACT,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK;AAAA,EAC3C,OAAO,CAAC,WACN,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,iBAAiB,MAAM;AACpE;","names":[]}

package/dist/{chunk-B6IURHSZ.js → chunk-7DNQHMDO.js}

@@ -1,12 +1,12 @@
+import {
+  useCommandPalette
+} from "./chunk-SUZXPDUQ.js";
 import {
   PaletteResults
 } from "./chunk-SQSFMZTF.js";
 import {
   ShortcutChip
 } from "./chunk-5EIW2FZY.js";
-import {
-  useCommandPalette
-} from "./chunk-SUZXPDUQ.js";
 
 // src/components/navigation/CommandPalette/CommandPalette.tsx
 import CloseIcon from "@mui/icons-material/Close";
@@ -212,4 +212,4 @@ export {
   CommandPalette,
   CommandPalette_default
 };
-//# sourceMappingURL=chunk-B6IURHSZ.js.map
+//# sourceMappingURL=chunk-7DNQHMDO.js.map

package/dist/chunk-7JXLGOM2.js

@@ -0,0 +1,25 @@
+import {
+  isUiTheme
+} from "./chunk-XZTRZ3HO.js";
+import {
+  muiThemeOptionsFrom
+} from "./chunk-YMRI5QKG.js";
+import {
+  createUiTheme
+} from "./chunk-NQN5Z36J.js";
+
+// src/provider/UiProvider.tsx
+import { createTheme, ThemeProvider } from "@mui/material/styles/index.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+function UiProvider({ theme, children }) {
+  const ui = React.useMemo(() => isUiTheme(theme) ? theme : createUiTheme(theme), [theme]);
+  const mui = React.useMemo(() => createTheme(muiThemeOptionsFrom(ui)), [ui]);
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme: mui, children });
+}
+UiProvider.displayName = "UiProvider";
+
+export {
+  UiProvider
+};
+//# sourceMappingURL=chunk-7JXLGOM2.js.map

package/dist/chunk-7JXLGOM2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/provider/UiProvider.tsx"],"sourcesContent":["import { createTheme, ThemeProvider } from '@mui/material/styles/index.js';\nimport * as React from 'react';\n\nimport { muiThemeOptionsFrom } from './mui-bridge';\nimport { isUiTheme, type UiProviderProps } from './UiProvider.types';\nimport { createUiTheme } from '../tokens/theme';\n\n/**\n * The same provider name on both renderers.\n *\n * On the web it is a MUI `ThemeProvider` fed from a `UiTheme`, for a host that\n * has no MUI theme of its own. A host that already mounts one (every origin app\n * does) needs nothing from this file: the web components read MUI's theme, and\n * `useUiTheme` derives the neutral view from it.\n */\nexport function UiProvider({ theme, children }: UiProviderProps): React.JSX.Element {\n  const ui = React.useMemo(() => (isUiTheme(theme) ? theme : createUiTheme(theme)), [theme]);\n  const mui = React.useMemo(() => createTheme(muiThemeOptionsFrom(ui)), [ui]);\n  return <ThemeProvider theme={mui}>{children}</ThemeProvider>;\n}\n\nUiProvider.displayName = 'UiProvider';\n"],"mappings":";;;;;;;;;;;AAAA,SAAS,aAAa,qBAAqB;AAC3C,YAAY,WAAW;AAiBd;AAHF,SAAS,WAAW,EAAE,OAAO,SAAS,GAAuC;AAClF,QAAM,KAAW,cAAQ,MAAO,UAAU,KAAK,IAAI,QAAQ,cAAc,KAAK,GAAI,CAAC,KAAK,CAAC;AACzF,QAAM,MAAY,cAAQ,MAAM,YAAY,oBAAoB,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC;AAC1E,SAAO,oBAAC,iBAAc,OAAO,KAAM,UAAS;AAC9C;AAEA,WAAW,cAAc;","names":[]}

package/dist/chunk-7V6ZRQYW.js

@@ -0,0 +1,90 @@
+import {
+  BOX_BASE_KEYS
+} from "./chunk-OCUVKI63.js";
+
+// src/components/layout/Box/box-layout.ts
+var ALIGN = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  stretch: "stretch",
+  baseline: "baseline"
+};
+var JUSTIFY = {
+  start: "flex-start",
+  center: "center",
+  end: "flex-end",
+  between: "space-between",
+  around: "space-around",
+  evenly: "space-evenly"
+};
+function background(theme, bg) {
+  if (bg === "transparent") return "transparent";
+  if (bg === "default" || bg === "paper") return theme.palette.background[bg];
+  return theme.palette[bg].main;
+}
+var SIDES = [
+  ["paddingTop", ["pt", "py", "p"]],
+  ["paddingRight", ["pr", "px", "p"]],
+  ["paddingBottom", ["pb", "py", "p"]],
+  ["paddingLeft", ["pl", "px", "p"]],
+  ["marginTop", ["mt", "my", "m"]],
+  ["marginRight", ["mr", "mx", "m"]],
+  ["marginBottom", ["mb", "my", "m"]],
+  ["marginLeft", ["ml", "mx", "m"]]
+];
+function spacingLayout(props, theme) {
+  const layout = {};
+  for (const [key, sources] of SIDES) {
+    const units = sources.map((source) => props[source]).find((value) => value !== void 0);
+    if (typeof units === "number") layout[key] = theme.spacing(units);
+  }
+  return layout;
+}
+function flexLayout(props, theme) {
+  const layout = {};
+  const isFlex = [props.direction, props.align, props.justify, props.gap].some((value) => value !== void 0) || props.wrap === true;
+  if (!isFlex) return layout;
+  layout.display = "flex";
+  layout.flexDirection = props.direction ?? "column";
+  if (props.gap !== void 0) layout.gap = theme.spacing(props.gap);
+  if (props.align !== void 0) layout.alignItems = ALIGN[props.align];
+  if (props.justify !== void 0) layout.justifyContent = JUSTIFY[props.justify];
+  if (props.wrap) layout.flexWrap = "wrap";
+  return layout;
+}
+function surfaceLayout(props, theme) {
+  const layout = {};
+  if (props.flex !== void 0) layout.flex = props.flex;
+  if (props.bg !== void 0) layout.backgroundColor = background(theme, props.bg);
+  if (props.radius !== void 0) layout.borderRadius = theme.radius[props.radius];
+  if (props.bordered) {
+    layout.borderWidth = 1;
+    layout.borderStyle = "solid";
+    layout.borderColor = theme.palette.divider;
+  }
+  if (props.width !== void 0) layout.width = props.width;
+  if (props.height !== void 0) layout.height = props.height;
+  return layout;
+}
+function resolveBoxLayout(props, theme) {
+  return { ...spacingLayout(props, theme), ...flexLayout(props, theme), ...surfaceLayout(props, theme) };
+}
+function splitBoxProps(props) {
+  const layout = {};
+  const rest = {};
+  const own = /* @__PURE__ */ new Set([...BOX_BASE_KEYS, "data-testid"]);
+  for (const [key, value] of Object.entries(props)) {
+    (own.has(key) ? layout : rest)[key] = value;
+  }
+  return {
+    layout,
+    rest
+  };
+}
+
+export {
+  resolveBoxLayout,
+  splitBoxProps
+};
+//# sourceMappingURL=chunk-7V6ZRQYW.js.map

package/dist/chunk-7V6ZRQYW.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/layout/Box/box-layout.ts"],"sourcesContent":["import { BOX_BASE_KEYS, type BoxAlign, type BoxBaseProps, type BoxDimension, type BoxJustify } from './Box.base';\nimport type { UiTheme } from '../../../tokens/theme';\n\n/**\n * The resolved style, in React Native's property names.\n *\n * They are also valid CSS-in-JS names, and every number is px on the web and\n * dp on native, so ONE resolver feeds both `Box.tsx` (into `sx`) and\n * `Box.native.tsx` (into `style`). That is the alignment guarantee: there is no\n * second table of numbers for the native side to drift from.\n */\nexport interface BoxLayout {\n  display?: 'flex';\n  flexDirection?: BoxBaseProps['direction'];\n  alignItems?: 'flex-start' | 'center' | 'flex-end' | 'stretch' | 'baseline';\n  justifyContent?: 'flex-start' | 'center' | 'flex-end' | 'space-between' | 'space-around' | 'space-evenly';\n  flexWrap?: 'wrap';\n  flex?: number;\n  gap?: number;\n  paddingTop?: number;\n  paddingRight?: number;\n  paddingBottom?: number;\n  paddingLeft?: number;\n  marginTop?: number;\n  marginRight?: number;\n  marginBottom?: number;\n  marginLeft?: number;\n  backgroundColor?: string;\n  borderRadius?: number;\n  borderWidth?: number;\n  borderStyle?: 'solid';\n  borderColor?: string;\n  width?: BoxDimension;\n  height?: BoxDimension;\n}\n\nconst ALIGN: Record<BoxAlign, NonNullable<BoxLayout['alignItems']>> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  stretch: 'stretch',\n  baseline: 'baseline',\n};\n\nconst JUSTIFY: Record<BoxJustify, NonNullable<BoxLayout['justifyContent']>> = {\n  start: 'flex-start',\n  center: 'center',\n  end: 'flex-end',\n  between: 'space-between',\n  around: 'space-around',\n  evenly: 'space-evenly',\n};\n\nfunction background(theme: UiTheme, bg: NonNullable<BoxBaseProps['bg']>): string {\n  if (bg === 'transparent') return 'transparent';\n  if (bg === 'default' || bg === 'paper') return theme.palette.background[bg];\n  return theme.palette[bg].main;\n}\n\ntype SpacingKey = keyof Pick<\n  BoxLayout,\n  | 'paddingTop' | 'paddingRight' | 'paddingBottom' | 'paddingLeft'\n  | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'\n>;\n\n/**\n * Each side reads the most specific prop that is set: the side, then its axis,\n * then the shorthand — the precedence MUI's `Box` gives `pt`/`py`/`p`.\n */\nconst SIDES: ReadonlyArray<readonly [SpacingKey, ReadonlyArray<keyof BoxBaseProps>]> = [\n  ['paddingTop', ['pt', 'py', 'p']],\n  ['paddingRight', ['pr', 'px', 'p']],\n  ['paddingBottom', ['pb', 'py', 'p']],\n  ['paddingLeft', ['pl', 'px', 'p']],\n  ['marginTop', ['mt', 'my', 'm']],\n  ['marginRight', ['mr', 'mx', 'm']],\n  ['marginBottom', ['mb', 'my', 'm']],\n  ['marginLeft', ['ml', 'mx', 'm']],\n];\n\nfunction spacingLayout(props: BoxBaseProps, theme: UiTheme): BoxLayout {\n  const layout: BoxLayout = {};\n  for (const [key, sources] of SIDES) {\n    const units = sources.map((source) => props[source]).find((value) => value !== undefined);\n    if (typeof units === 'number') layout[key] = theme.spacing(units);\n  }\n  return layout;\n}\n\n/** A flex container whenever any flex prop is set; a plain box otherwise. */\nfunction flexLayout(props: BoxBaseProps, theme: UiTheme): BoxLayout {\n  const layout: BoxLayout = {};\n  const isFlex =\n    [props.direction, props.align, props.justify, props.gap].some((value) => value !== undefined) ||\n    props.wrap === true;\n  if (!isFlex) return layout;\n\n  layout.display = 'flex';\n  layout.flexDirection = props.direction ?? 'column';\n  if (props.gap !== undefined) layout.gap = theme.spacing(props.gap);\n  if (props.align !== undefined) layout.alignItems = ALIGN[props.align];\n  if (props.justify !== undefined) layout.justifyContent = JUSTIFY[props.justify];\n  if (props.wrap) layout.flexWrap = 'wrap';\n  return layout;\n}\n\nfunction surfaceLayout(props: BoxBaseProps, theme: UiTheme): BoxLayout {\n  const layout: BoxLayout = {};\n  if (props.flex !== undefined) layout.flex = props.flex;\n  if (props.bg !== undefined) layout.backgroundColor = background(theme, props.bg);\n  if (props.radius !== undefined) layout.borderRadius = theme.radius[props.radius];\n  if (props.bordered) {\n    // `borderStyle` spelled out: CSS defaults it to `none`, under which a\n    // border-width computes to 0 and nothing paints. React Native's default is\n    // `solid`, which is how a box can pass natively and vanish on the web.\n    layout.borderWidth = 1;\n    layout.borderStyle = 'solid';\n    layout.borderColor = theme.palette.divider;\n  }\n  if (props.width !== undefined) layout.width = props.width;\n  if (props.height !== undefined) layout.height = props.height;\n  return layout;\n}\n\n/** The style for a box's neutral props. Unset props produce no key at all. */\nexport function resolveBoxLayout(props: BoxBaseProps, theme: UiTheme): BoxLayout {\n  return { ...spacingLayout(props, theme), ...flexLayout(props, theme), ...surfaceLayout(props, theme) };\n}\n\n/** The neutral props on one side, everything else — the renderer's own — on the other. */\nexport function splitBoxProps<P extends BoxBaseProps>(\n  props: P,\n): { layout: BoxBaseProps; rest: Omit<P, (typeof BOX_BASE_KEYS)[number]> } {\n  const layout: Record<string, unknown> = {};\n  const rest: Record<string, unknown> = {};\n  const own = new Set<string>([...BOX_BASE_KEYS, 'data-testid']);\n  for (const [key, value] of Object.entries(props)) {\n    (own.has(key) ? layout : rest)[key] = value;\n  }\n  return {\n    layout: layout as BoxBaseProps,\n    rest: rest as Omit<P, (typeof BOX_BASE_KEYS)[number]>,\n  };\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-GT7C6TSM.js → chunk-7WL24VNI.js}

@@ -1,9 +1,9 @@
-import {
-  NavigationMegaSection
-} from "./chunk-RRX6ZTNX.js";
 import {
   NavigationStandardBody
-} from "./chunk-ZDWU52DJ.js";
+} from "./chunk-7AR2R7TV.js";
+import {
+  NavigationMegaSection
+} from "./chunk-UEJQQVP2.js";
 import {
   LogoBar,
   NavigationShell
@@ -167,4 +167,4 @@ NavigationMenu.displayName = "NavigationMenu";
 export {
   NavigationMenu
 };
-//# sourceMappingURL=chunk-GT7C6TSM.js.map
+//# sourceMappingURL=chunk-7WL24VNI.js.map

package/dist/chunk-7ZPUN7TV.js

@@ -0,0 +1,29 @@
+// src/tokens/vocabulary.ts
+var SIZE_VALUES = ["xs", "sm", "md", "lg", "xl"];
+var COLOR_VALUES = [
+  "primary",
+  "secondary",
+  "success",
+  "warning",
+  "info",
+  "danger",
+  "neutral"
+];
+var muiSize = (size) => {
+  if (size === "xs" || size === "sm") return "small";
+  return size === "md" ? "medium" : "large";
+};
+function muiColor(color, neutralAs) {
+  if (color === "danger") return "error";
+  return color === "neutral" ? neutralAs : color;
+}
+var paletteKey = (color) => color === "danger" ? "error" : color === "neutral" ? "grey" : color;
+
+export {
+  SIZE_VALUES,
+  COLOR_VALUES,
+  muiSize,
+  muiColor,
+  paletteKey
+};
+//# sourceMappingURL=chunk-7ZPUN7TV.js.map

package/dist/chunk-7ZPUN7TV.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/vocabulary.ts"],"sourcesContent":["/**\n * THE TWO VOCABULARIES EVERY COMPONENT SPEAKS.\n *\n * Before this file the package had both halves of every argument at once: 26\n * components sized themselves `xs|sm|md|lg|xl` and four used MUI's\n * `small|medium|large`; 14 coloured themselves `danger|neutral` and 15 used\n * MUI's `error`. Nothing enforced either, because most of these props were\n * spelled out as inline unions and a couple were plain `string`.\n *\n * That is not a tidiness problem. A caller learns the vocabulary from whichever\n * component they used first, and the wrong half is not rejected — it reaches MUI\n * as an unknown value and silently falls back. `Chip` shipped with `color?:\n * string` and MUI's `small|medium`, so `color=\"danger\"` rendered grey and\n * `size=\"sm\"` rendered medium; twelve live call sites were doing exactly that,\n * and every test passed because they all asserted on text.\n *\n * So the vocabulary is declared once, here, and components derive from it.\n *\n * DERIVE, DON'T COPY — AND TAKE THE WHOLE VOCABULARY. Every size prop is\n * `SizeValue` and every colour prop is `ColorValue`, with no `Extract` and no\n * `Exclude`. Handing a component a slice was tried and undone: it is the same\n * fragmentation wearing the canonical type's name, and it leaves a caller having\n * to remember which components accept `xs` and which accept `info`. Where the\n * underlying widget draws fewer steps than five, that is a rendering detail and\n * belongs at the MUI boundary below — not in the prop's type.\n *\n * A component whose size or colour is not this concept at all keeps its own type\n * — `Scrollbar`'s `thin|medium|thick` is a track width, `Sheet`'s `full` is a\n * viewport fraction, `LazyImage`'s size is pixels. Forcing those into the scale\n * would be consistency for its own sake.\n */\n\n/**\n * The house size scale.\n *\n * Abbreviated, because that is what 26 of the 30 components with a real size\n * already used and what every caller has been taught to write.\n *\n * Declared as the array and the type together so the two cannot disagree. The\n * runtime list is what Storybook `argTypes.options` and the demo grids iterate;\n * spelled by hand in each story it drifts, and it had — twelve colour lists\n * omitted `info`, so the control that documents the vocabulary offered a\n * component less than the component accepted.\n */\n/**\n * The type scale is the THIRD vocabulary, and it lives in `./typography.ts`\n * because it is metrics rather than a prop union. Re-exported here so\n * `@12-apps/ui/tokens` stays the one import path for \"what words does this\n * package speak\" — a second entry point is how a vocabulary gets missed.\n */\nexport {\n  HEADING_LEVELS,\n  HEADING_SCALE,\n  type HeadingLevel,\n  type HeadingMetrics,\n  type HeadingScaleOverrides,\n} from './heading-scale';\n\nexport type SizeValue = 'xs' | 'sm' | 'md' | 'lg' | 'xl';\n\nexport const SIZE_VALUES = ['xs', 'sm', 'md', 'lg', 'xl'] as const satisfies readonly SizeValue[];\n\n/**\n * The house colour vocabulary.\n *\n * `danger` and `neutral` are OURS; the rest are MUI's own names already. That\n * sentence started life in `Button.tsx`, which is the component most callers\n * meet first and therefore the one that taught the vocabulary — so it is the one\n * the rest of the package follows.\n *\n * Components that hand these to MUI translate at the boundary (`danger` →\n * `error`, `neutral` → `default` or `inherit` depending on what the underlying\n * component calls its unaccented state). The translation must be a real mapping\n * and never a cast: a cast is precisely what let `danger` through untouched and\n * had MUI fall back to grey.\n *\n * Array and type declared together, for the reason given on {@link SIZE_VALUES}.\n */\nexport type ColorValue =\n  | 'primary'\n  | 'secondary'\n  | 'success'\n  | 'warning'\n  | 'info'\n  | 'danger'\n  | 'neutral';\n\nexport const COLOR_VALUES = [\n  'primary',\n  'secondary',\n  'success',\n  'warning',\n  'info',\n  'danger',\n  'neutral',\n] as const satisfies readonly ColorValue[];\n\n/* ── Array and union, pinned to each other ────────────────────────────────── */\n\n/**\n * The arrays above are written out rather than derived, because deriving the\n * union from the array (`(typeof COLOR_VALUES)[number]`) costs the alias its\n * name: TypeScript resolves the indexed access eagerly, and every error in the\n * package stops saying `not assignable to type 'ColorValue'` and starts dumping\n * seven string literals. In a package whose entire purpose is teaching this\n * vocabulary, the name in the error message is worth keeping.\n *\n * Writing both means they could disagree, so both directions are checked here.\n * `satisfies` above catches an entry that is not a member. These catch the other\n * half — a member missing from the array — which `satisfies` cannot see and\n * which is the direction that actually bit: twelve story control lists offered\n * six colours for a vocabulary of seven, so `info` was undocumented everywhere.\n *\n * A gap makes the assignment below fail, and the error names the missing member.\n */\ntype Missing<Union extends string, Listed extends string> = Exclude<Union, Listed>;\n\nconst _allSizesListed: Missing<SizeValue, (typeof SIZE_VALUES)[number]> extends never\n  ? true\n  : never = true;\n\nconst _allColorsListed: Missing<ColorValue, (typeof COLOR_VALUES)[number]> extends never\n  ? true\n  : never = true;\n\nvoid _allSizesListed;\nvoid _allColorsListed;\n\n/* ── The MUI boundary ─────────────────────────────────────────────────────── */\n\n/** What MUI calls a size. Three entries against our five. */\nexport type MuiSize = 'small' | 'medium' | 'large';\n\n/**\n * The house scale collapsed onto MUI's three.\n *\n * Five onto three loses information, and it loses it at the ends on purpose:\n * `xs`/`sm` both draw small and `lg`/`xl` both draw large, because MUI has no\n * fourth and fifth step to give them. A component that genuinely needs five\n * distinct sizes styles them itself rather than routing through here — this is\n * for the ones that just forward the prop.\n */\nexport const muiSize = (size: SizeValue): MuiSize => {\n  if (size === 'xs' || size === 'sm') return 'small';\n  return size === 'md' ? 'medium' : 'large';\n};\n\n/** What MUI calls a semantic colour on most components. */\nexport type MuiColor = 'primary' | 'secondary' | 'success' | 'warning' | 'info' | 'error';\n\n/**\n * The house vocabulary translated for MUI, with the caller naming its neutral.\n *\n * `neutral` is the awkward one: MUI spells the unaccented state `default` on a\n * chip, `inherit` on a button and an icon button, and `grey` in the palette. So\n * the caller passes the word its own MUI component uses rather than this\n * pretending there is one answer.\n *\n * A MAPPING, NEVER A CAST. The cast is what let `danger` reach MUI untouched and\n * silently fall back to grey.\n */\nexport function muiColor<N extends string>(color: ColorValue, neutralAs: N): MuiColor | N {\n  if (color === 'danger') return 'error';\n  return color === 'neutral' ? neutralAs : color;\n}\n\n/**\n * The house vocabulary as a `theme.palette` key.\n *\n * Separate from {@link muiColor} because the palette has no `default` and no\n * `inherit` — an unaccented colour there is `grey`.\n */\nexport type PaletteKey = MuiColor | 'grey';\n\nexport const paletteKey = (color: ColorValue): PaletteKey =>\n  color === 'danger' ? 'error' : color === 'neutral' ? 'grey' : color;\n\n/**\n * A `ColorValue` resolved to a four-stop accent from the theme.\n *\n * `paletteKey` is not enough on its own for anything that reads `.main`: MUI's\n * palette has no neutral `PaletteColor`, and `palette.grey` is a 50–900 ramp\n * with no `main`, `light`, `dark` or `contrastText` on it at all. So `neutral`\n * is resolved from the ramp here, once, instead of every component discovering\n * the same hole and branching around it.\n *\n * Typed against the theme structurally so this file does not drag in MUI's\n * `Theme` and become a dependency of everything that imports a token.\n */\n"],"mappings":";AA4DO,IAAM,cAAc,CAAC,MAAM,MAAM,MAAM,MAAM,IAAI;AA2BjD,IAAM,eAAe;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AA+CO,IAAM,UAAU,CAAC,SAA6B;AACnD,MAAI,SAAS,QAAQ,SAAS,KAAM,QAAO;AAC3C,SAAO,SAAS,OAAO,WAAW;AACpC;AAgBO,SAAS,SAA2B,OAAmB,WAA4B;AACxF,MAAI,UAAU,SAAU,QAAO;AAC/B,SAAO,UAAU,YAAY,YAAY;AAC3C;AAUO,IAAM,aAAa,CAAC,UACzB,UAAU,WAAW,UAAU,UAAU,YAAY,SAAS;","names":[]}

package/dist/chunk-AG66JBNH.js

@@ -0,0 +1,21 @@
+// src/tokens/css-units.ts
+var ROOT_PX = 16;
+function cssLengthToPx(value, fallback) {
+  if (typeof value === "number") return value;
+  if (value === void 0) return fallback;
+  const parsed = Number.parseFloat(value);
+  if (Number.isNaN(parsed)) return fallback;
+  return value.endsWith("rem") || value.endsWith("em") ? parsed * ROOT_PX : parsed;
+}
+function cssTrackingToEm(value) {
+  if (value === void 0) return void 0;
+  const parsed = Number.parseFloat(value);
+  if (Number.isNaN(parsed)) return void 0;
+  return value.endsWith("px") ? parsed / ROOT_PX : parsed;
+}
+
+export {
+  cssLengthToPx,
+  cssTrackingToEm
+};
+//# sourceMappingURL=chunk-AG66JBNH.js.map

package/dist/chunk-AG66JBNH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/tokens/css-units.ts"],"sourcesContent":["/**\n * THE ONE READER OF CSS LENGTHS.\n *\n * `HEADING_SCALE` and a host's MUI overrides speak CSS — `'2rem'`, `'-0.02em'`\n * — and both `tokens/theme.ts` and `provider/mui-bridge.ts` need them as\n * numbers. Two private parsers drifted (one multiplied `em` by 16, one did\n * not), so there is one, here, with the rule spelled out: a length becomes px\n * against a 16px root, a tracking value becomes em.\n */\n\nconst ROOT_PX = 16;\n\n/** `'1.5rem'` → 24, `'1.5em'` → 24, `'20px'` → 20, `20` → 20, unparseable → `fallback`. */\nexport function cssLengthToPx(value: string | number | undefined, fallback: number): number {\n  if (typeof value === 'number') return value;\n  if (value === undefined) return fallback;\n  const parsed = Number.parseFloat(value);\n  if (Number.isNaN(parsed)) return fallback;\n  return value.endsWith('rem') || value.endsWith('em') ? parsed * ROOT_PX : parsed;\n}\n\n/** `'-0.02em'` → -0.02, `'0.5px'` → 0.5 / 16, `undefined` → `undefined` (\"normal\"). */\nexport function cssTrackingToEm(value: string | undefined): number | undefined {\n  if (value === undefined) return undefined;\n  const parsed = Number.parseFloat(value);\n  if (Number.isNaN(parsed)) return undefined;\n  return value.endsWith('px') ? parsed / ROOT_PX : parsed;\n}\n"],"mappings":";AAUA,IAAM,UAAU;AAGT,SAAS,cAAc,OAAoC,UAA0B;AAC1F,MAAI,OAAO,UAAU,SAAU,QAAO;AACtC,MAAI,UAAU,OAAW,QAAO;AAChC,QAAM,SAAS,OAAO,WAAW,KAAK;AACtC,MAAI,OAAO,MAAM,MAAM,EAAG,QAAO;AACjC,SAAO,MAAM,SAAS,KAAK,KAAK,MAAM,SAAS,IAAI,IAAI,SAAS,UAAU;AAC5E;AAGO,SAAS,gBAAgB,OAA+C;AAC7E,MAAI,UAAU,OAAW,QAAO;AAChC,QAAM,SAAS,OAAO,WAAW,KAAK;AACtC,MAAI,OAAO,MAAM,MAAM,EAAG,QAAO;AACjC,SAAO,MAAM,SAAS,IAAI,IAAI,SAAS,UAAU;AACnD;","names":[]}

package/dist/{chunk-ELYLG4F7.js → chunk-AP4FLCLA.js}

@@ -1,12 +1,12 @@
 import {
   DataViewsBoard
-} from "./chunk-3DQP6OPC.js";
+} from "./chunk-THBT56JE.js";
 import {
   SelectAllStrip
-} from "./chunk-AX7UFG2U.js";
+} from "./chunk-6DXYCXH4.js";
 import {
   cardGridTracks
-} from "./chunk-COSJTD6Z.js";
+} from "./chunk-YLDS5FOQ.js";
 import {
   ListCardGroup
 } from "./chunk-LYSSO6WC.js";
@@ -22,7 +22,7 @@ import {
 } from "./chunk-KHG57NAE.js";
 import {
   DataGrid
-} from "./chunk-HEG7JIBM.js";
+} from "./chunk-X5MPHXG5.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
@@ -264,4 +264,4 @@ function GridMain(props) {
 export {
   GridMain
 };
-//# sourceMappingURL=chunk-ELYLG4F7.js.map
+//# sourceMappingURL=chunk-AP4FLCLA.js.map

package/dist/chunk-B2Y3BABA.js

@@ -0,0 +1,136 @@
+import {
+  contrastText
+} from "./chunk-NQN5Z36J.js";
+import {
+  alpha,
+  darken,
+  lighten
+} from "./chunk-6JAIFIPW.js";
+
+// src/components/data-display/Alert/Alert.metrics.ts
+var ALERT_RADIUS_UNITS = 1.5;
+var ALERT_PADDING_UNITS = { vertical: 1.75, horizontal: 2 };
+var ALERT_TRANSITION_MS = 300;
+var ALERT_EASING = "cubic-bezier(0.4, 0, 0.2, 1)";
+var FADE_IN = { ms: 300, scale: 0.95, lift: 10 };
+var ICON_SPIN = { ms: 600, from: 0.8, mid: 1.1 };
+var COLLAPSE_MS = 300;
+var CLOSE_DELAY_MS = 200;
+var MESSAGE_GAP_UNITS = 1;
+var MESSAGE_FONT_SIZE = 15.2;
+var MESSAGE_LINE_HEIGHT = 1.5;
+var MESSAGE_BUTTON = { marginTopUnits: 0.5, borderAlpha: 0.45 };
+var TITLE = { fontSize: 16.8, fontWeight: 600, marginTop: -2, marginBottomUnits: 0.5 };
+var DESCRIPTION = { fontSize: 14.8, opacity: 0.9 };
+var ICON_SLOT = { size: 22, opacity: 0.9, marginRightUnits: 1.75, paddingTopUnits: 0.25, paddingBottom: 7 };
+var ACTION_SLOT = { paddingLeftUnits: 2, paddingTop: 4, marginRight: -8 };
+var CLOSE_BUTTON = { padding: 5, iconSize: 18, opacity: 0.7, hoverRotateDeg: 90, hoverScale: 1.1, washAlpha: 0.1 };
+var SEMANTIC_SURFACE = { tint: { light: 0.9, dark: 0.8 }, ink: 0.6, borderAlpha: 0.35 };
+var GLASS = { backgroundAlpha: 0.85, borderAlpha: 0.4, blur: 20, saturatePercent: 180 };
+var GRADIENT = {
+  angleDeg: 135,
+  stopAlpha: 0.9,
+  shimmerAlpha: 0.2,
+  shimmerMs: 3e3,
+  shimmerTravel: 1e3,
+  hoverBrightness: 1.1,
+  hoverLift: 2,
+  hoverScale: 1.01
+};
+var GLOW = { blur: 20, spread: 5, alpha: 0.3, brightness: 1.05 };
+var PULSE = { alpha: 0.2, ms: 2e3, spread: 10 };
+var HOVER = { lift: 3, scale: 1.01, shadowY: 8, shadowBlur: 20, shadowAlpha: 0.2, iconScale: 1.15, iconRotateDeg: 10 };
+var ACTIVE = { lift: 1, scale: 0.99, ms: 100 };
+var FOCUS = { ringWidth: 3, ringAlpha: 0.5, offset: 3, haloSpread: 6, haloAlpha: 0.1, ms: 200 };
+var NEUTRAL_GREY = { main: 500, light: 300, dark: 700 };
+var seconds = (ms) => `${ms / 1e3}s`;
+function alertPalette(theme, key) {
+  switch (key) {
+    case "info":
+    case "success":
+    case "warning":
+    case "danger":
+    case "primary":
+    case "secondary":
+      return theme.palette[key];
+    case "neutral":
+      return {
+        main: theme.palette.grey[NEUTRAL_GREY.main],
+        light: theme.palette.grey[NEUTRAL_GREY.light],
+        dark: theme.palette.grey[NEUTRAL_GREY.dark]
+      };
+    default:
+      return theme.palette.info;
+  }
+}
+var SEMANTIC_VARIANTS = /* @__PURE__ */ new Set(["info", "success", "warning", "danger"]);
+function semanticSurface(theme, palette) {
+  const dark = theme.mode === "dark";
+  return {
+    backgroundColor: dark ? darken(palette.main, SEMANTIC_SURFACE.tint.dark) : lighten(palette.main, SEMANTIC_SURFACE.tint.light),
+    color: dark ? lighten(palette.main, SEMANTIC_SURFACE.ink) : darken(palette.main, SEMANTIC_SURFACE.ink),
+    borderColor: alpha(palette.main, SEMANTIC_SURFACE.borderAlpha),
+    iconColor: palette.main
+  };
+}
+function glassSurface(theme) {
+  return {
+    backgroundColor: alpha(theme.palette.background.paper, GLASS.backgroundAlpha),
+    color: theme.palette.text.primary,
+    borderColor: alpha(theme.palette.divider, GLASS.borderAlpha),
+    iconColor: theme.palette.primary.main
+  };
+}
+function gradientStops(palette) {
+  return {
+    from: alpha(palette.light || palette.main, GRADIENT.stopAlpha),
+    to: alpha(palette.dark || palette.main, GRADIENT.stopAlpha)
+  };
+}
+function gradientSurface(palette) {
+  const ink = contrastText(palette.main);
+  return { backgroundColor: gradientStops(palette).from, color: ink, iconColor: ink };
+}
+function alertSurface(theme, variant, palette) {
+  if (variant === "glass") return glassSurface(theme);
+  if (variant === "gradient") return gradientSurface(palette);
+  return semanticSurface(theme, palette);
+}
+
+export {
+  ALERT_RADIUS_UNITS,
+  ALERT_PADDING_UNITS,
+  ALERT_TRANSITION_MS,
+  ALERT_EASING,
+  FADE_IN,
+  ICON_SPIN,
+  COLLAPSE_MS,
+  CLOSE_DELAY_MS,
+  MESSAGE_GAP_UNITS,
+  MESSAGE_FONT_SIZE,
+  MESSAGE_LINE_HEIGHT,
+  MESSAGE_BUTTON,
+  TITLE,
+  DESCRIPTION,
+  ICON_SLOT,
+  ACTION_SLOT,
+  CLOSE_BUTTON,
+  SEMANTIC_SURFACE,
+  GLASS,
+  GRADIENT,
+  GLOW,
+  PULSE,
+  HOVER,
+  ACTIVE,
+  FOCUS,
+  NEUTRAL_GREY,
+  seconds,
+  alertPalette,
+  SEMANTIC_VARIANTS,
+  semanticSurface,
+  glassSurface,
+  gradientStops,
+  gradientSurface,
+  alertSurface
+};
+//# sourceMappingURL=chunk-B2Y3BABA.js.map

package/dist/chunk-B2Y3BABA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Alert/Alert.metrics.ts"],"sourcesContent":["import type { AlertVariant } from './Alert.base';\nimport { alpha, darken, lighten } from '../../../tokens/color';\nimport { contrastText, type UiGreyStep, type UiTheme } from '../../../tokens/theme';\n\n/**\n * THE NUMBERS BOTH `Alert` RENDERERS DRAW WITH.\n *\n * `Alert.styles.tsx` / `Alert.tsx` (MUI) and `Alert.native.tsx` (React\n * Native) read this one table. Spacing is in SPACING UNITS where the web\n * writes `theme.spacing(n)`; durations are ms (the web turns them into `s`\n * through {@link seconds} so its emitted CSS is byte-for-byte what it was);\n * everything else is px, a ratio or an alpha. The hover, active and focus\n * numbers are here too although only the DOM can honour them — a number the\n * web draws with belongs in the table whether or not native can reach it.\n */\n\n/** The root: 12px corners, 14px 16px of padding, one 300ms curve for everything. */\nexport const ALERT_RADIUS_UNITS = 1.5;\nexport const ALERT_PADDING_UNITS = { vertical: 1.75, horizontal: 2 } as const;\nexport const ALERT_TRANSITION_MS = 300;\nexport const ALERT_EASING = 'cubic-bezier(0.4, 0, 0.2, 1)';\n\n/** Mount: the web's `fadeInScale` keyframes and the icon's `iconRotate`. */\nexport const FADE_IN = { ms: 300, scale: 0.95, lift: 10 } as const;\nexport const ICON_SPIN = { ms: 600, from: 0.8, mid: 1.1 } as const;\n/** Dismiss: MUI `Collapse` runs 300ms; `onClose` fires 200ms in. */\nexport const COLLAPSE_MS = 300;\nexport const CLOSE_DELAY_MS = 200;\n\n/** The message column: 8px between title, description and children; 0.95rem body on 1.5. */\nexport const MESSAGE_GAP_UNITS = 1;\nexport const MESSAGE_FONT_SIZE = 15.2;\nexport const MESSAGE_LINE_HEIGHT = 1.5;\n/** A control inside the message gets an edge: 4px above, a hairline at 0.45 of the hue. */\nexport const MESSAGE_BUTTON = { marginTopUnits: 0.5, borderAlpha: 0.45 } as const;\n\n/** The title: 1.05rem at 600; MUI's `AlertTitle` lifts it 2px; 4px below it when a description follows. */\nexport const TITLE = { fontSize: 16.8, fontWeight: 600, marginTop: -2, marginBottomUnits: 0.5 } as const;\n/** The description: 0.925rem, slightly faded. */\nexport const DESCRIPTION = { fontSize: 14.8, opacity: 0.9 } as const;\n\n/** The icon slot: MUI's 22px glyph at 0.9, 14px from the words, 2px down (MUI's 7px stays below). */\nexport const ICON_SLOT = { size: 22, opacity: 0.9, marginRightUnits: 1.75, paddingTopUnits: 0.25, paddingBottom: 7 } as const;\n/** The action slot: MUI's `4px 0 0 16px` with the 16px ours, pushed right, 8px into the padding. */\nexport const ACTION_SLOT = { paddingLeftUnits: 2, paddingTop: 4, marginRight: -8 } as const;\n/** The close button: MUI's small `IconButton` (5px padding, 18px glyph) at 0.7. */\nexport const CLOSE_BUTTON = { padding: 5, iconSize: 18, opacity: 0.7, hoverRotateDeg: 90, hoverScale: 1.1, washAlpha: 0.1 } as const;\n\n/**\n * A semantic Alert's surface and ink: an OPAQUE tint of the hue with a dark\n * ink of the same hue — MUI's own `standard` recipe, at its ratios. See\n * `semanticSurface` in `Alert.styles.tsx` for why not `alpha(main, 0.1)`.\n */\nexport const SEMANTIC_SURFACE = { tint: { light: 0.9, dark: 0.8 }, ink: 0.6, borderAlpha: 0.35 } as const;\n/** `glass`: 85% paper under a 20px blur, a 0.4 divider hairline. */\nexport const GLASS = { backgroundAlpha: 0.85, borderAlpha: 0.4, blur: 20, saturatePercent: 180 } as const;\n/** `gradient`: light→dark at 0.9 along 135°, a 0.2 white shimmer sweeping 1000px every 3s. */\nexport const GRADIENT = {\n  angleDeg: 135,\n  stopAlpha: 0.9,\n  shimmerAlpha: 0.2,\n  shimmerMs: 3000,\n  shimmerTravel: 1000,\n  hoverBrightness: 1.1,\n  hoverLift: 2,\n  hoverScale: 1.01,\n} as const;\n\n/** Emphasis: the glow's shadow and brightness, the pulse's wash. */\nexport const GLOW = { blur: 20, spread: 5, alpha: 0.3, brightness: 1.05 } as const;\nexport const PULSE = { alpha: 0.2, ms: 2000, spread: 10 } as const;\n\n/** Pointer states — DOM only, kept so the web derives them. */\nexport const HOVER = { lift: 3, scale: 1.01, shadowY: 8, shadowBlur: 20, shadowAlpha: 0.2, iconScale: 1.15, iconRotateDeg: 10 } as const;\nexport const ACTIVE = { lift: 1, scale: 0.99, ms: 100 } as const;\nexport const FOCUS = { ringWidth: 3, ringAlpha: 0.5, offset: 3, haloSpread: 6, haloAlpha: 0.1, ms: 200 } as const;\n\n/** `neutral` has no palette slot; the web has always drawn it from three greys. */\nexport const NEUTRAL_GREY: Record<'main' | 'light' | 'dark', UiGreyStep> = { main: 500, light: 300, dark: 700 };\n\n/** A duration as the CSS the web has always emitted: `2000` → `2s`, `300` → `0.3s`. */\nexport const seconds = (ms: number): string => `${ms / 1000}s`;\n\n/** The palette shape the web's `getColorFromTheme` returns — a main plus optional shades. */\nexport interface AlertPalette {\n  main: string;\n  light?: string;\n  dark?: string;\n}\n\n/**\n * The renderer-free twin of the web's `getColorFromTheme`: a variant or\n * colour name to its palette, `neutral` from the greys, anything unknown\n * (`glass`, `gradient`) to `info`.\n */\nexport function alertPalette(theme: UiTheme, key: string | undefined): AlertPalette {\n  switch (key) {\n    case 'info':\n    case 'success':\n    case 'warning':\n    case 'danger':\n    case 'primary':\n    case 'secondary':\n      return theme.palette[key];\n    case 'neutral':\n      return {\n        main: theme.palette.grey[NEUTRAL_GREY.main],\n        light: theme.palette.grey[NEUTRAL_GREY.light],\n        dark: theme.palette.grey[NEUTRAL_GREY.dark],\n      };\n    default:\n      return theme.palette.info;\n  }\n}\n\n/** What a variant paints: its fill, its ink, its hairline if any, and the colour of its glyph. */\nexport interface AlertSurface {\n  backgroundColor: string;\n  color: string;\n  borderColor?: string;\n  iconColor: string;\n}\n\nexport const SEMANTIC_VARIANTS: ReadonlySet<AlertVariant> = new Set(['info', 'success', 'warning', 'danger']);\n\n/** The opaque tint and same-hue ink, inverted for dark mode; the hairline keeps its alpha. */\nexport function semanticSurface(theme: UiTheme, palette: AlertPalette): AlertSurface {\n  const dark = theme.mode === 'dark';\n  return {\n    backgroundColor: dark\n      ? darken(palette.main, SEMANTIC_SURFACE.tint.dark)\n      : lighten(palette.main, SEMANTIC_SURFACE.tint.light),\n    color: dark ? lighten(palette.main, SEMANTIC_SURFACE.ink) : darken(palette.main, SEMANTIC_SURFACE.ink),\n    borderColor: alpha(palette.main, SEMANTIC_SURFACE.borderAlpha),\n    iconColor: palette.main,\n  };\n}\n\nexport function glassSurface(theme: UiTheme): AlertSurface {\n  return {\n    backgroundColor: alpha(theme.palette.background.paper, GLASS.backgroundAlpha),\n    color: theme.palette.text.primary,\n    borderColor: alpha(theme.palette.divider, GLASS.borderAlpha),\n    iconColor: theme.palette.primary.main,\n  };\n}\n\n/** The gradient's two stops; a renderer with no gradient fill paints `from`. */\nexport function gradientStops(palette: AlertPalette): { from: string; to: string } {\n  return {\n    from: alpha(palette.light || palette.main, GRADIENT.stopAlpha),\n    to: alpha(palette.dark || palette.main, GRADIENT.stopAlpha),\n  };\n}\n\nexport function gradientSurface(palette: AlertPalette): AlertSurface {\n  const ink = contrastText(palette.main);\n  return { backgroundColor: gradientStops(palette).from, color: ink, iconColor: ink };\n}\n\n/** The surface for a variant, `glass` and `gradient` included. */\nexport function alertSurface(theme: UiTheme, variant: AlertVariant, palette: AlertPalette): AlertSurface {\n  if (variant === 'glass') return glassSurface(theme);\n  if (variant === 'gradient') return gradientSurface(palette);\n  return semanticSurface(theme, palette);\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-IE7ISTLQ.js → chunk-B443IIQG.js}

@@ -1,9 +1,9 @@
-import {
-  SettingsSectionHeader
-} from "./chunk-4M6CEQVK.js";
 import {
   SettingsSectionChips
 } from "./chunk-SVSOUC5S.js";
+import {
+  SettingsSectionHeader
+} from "./chunk-4M6CEQVK.js";
 import {
   TOUCH_TARGET,
   atLeastRail,
@@ -164,4 +164,4 @@ function SettingsPanel({
 export {
   SettingsPanel
 };
-//# sourceMappingURL=chunk-IE7ISTLQ.js.map
+//# sourceMappingURL=chunk-B443IIQG.js.map

package/dist/{chunk-WR6F6J43.js → chunk-BUDXR3EV.js}

@@ -8,13 +8,13 @@ import {
   metaShape,
   rowStyles,
   useRowShell
-} from "./chunk-6CBYPMYQ.js";
+} from "./chunk-GBFGZJB5.js";
 import {
   ListCardActions,
   ListCardCaption,
   ListCardMeta,
   ListCardTail
-} from "./chunk-7HPPUO2A.js";
+} from "./chunk-DQHC5P64.js";
 import {
   useDisclosure
 } from "./chunk-2JCRNWHE.js";
@@ -179,4 +179,4 @@ function BaseListCard(props) {
 export {
   BaseListCard
 };
-//# sourceMappingURL=chunk-WR6F6J43.js.map
+//# sourceMappingURL=chunk-BUDXR3EV.js.map

package/dist/{chunk-MUAVYVDJ.js → chunk-BVZVH3ZN.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-HBAPVB7T.js";
 import {
   AddressAutocompleteField
-} from "./chunk-2ZDTGI5V.js";
+} from "./chunk-ZRFRU545.js";
 import {
   useAddressAutocomplete
-} from "./chunk-WC3W36AM.js";
+} from "./chunk-ZOUWHGV3.js";
 import {
   resolveAddressProps
 } from "./chunk-MTGEJRE4.js";
@@ -35,4 +35,4 @@ export {
   AddressAutocomplete,
   AddressAutocomplete_default
 };
-//# sourceMappingURL=chunk-MUAVYVDJ.js.map
+//# sourceMappingURL=chunk-BVZVH3ZN.js.map

package/dist/{chunk-CBPQJAHX.js → chunk-C6XESZ3R.js}

@@ -7,14 +7,14 @@ import {
 } from "./chunk-ES2RN7YV.js";
 import {
   MoreFilters
-} from "./chunk-6TYSEAAT.js";
+} from "./chunk-PC3ZFERM.js";
+import {
+  RangePill
+} from "./chunk-QZBUGUOY.js";
 import {
   CollapsedSearch,
   InlineKeyword
 } from "./chunk-A7Q5AQVD.js";
-import {
-  RangePill
-} from "./chunk-QZBUGUOY.js";
 
 // src/components/data-display/DataViews/data-views-inline-bar.tsx
 import Box from "@mui/material/Box/index.js";
@@ -220,4 +220,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-CBPQJAHX.js.map
+//# sourceMappingURL=chunk-C6XESZ3R.js.map

package/dist/{chunk-RP3W6IQO.js → chunk-CPNSVIIB.js}

@@ -1,13 +1,13 @@
-import {
-  resolveTooltipProps,
-  usePinnedTooltip
-} from "./chunk-SCRN2RE4.js";
 import {
   arrowColor,
   emphasisStyles,
   getSizeStyles,
   variantStyles
 } from "./chunk-TO2NXDZA.js";
+import {
+  resolveTooltipProps,
+  usePinnedTooltip
+} from "./chunk-SCRN2RE4.js";
 
 // src/components/data-display/InteractiveTooltip/InteractiveTooltip.tsx
 import MuiTooltip from "@mui/material/Tooltip/index.js";
@@ -100,4 +100,4 @@ InteractiveTooltip.displayName = "InteractiveTooltip";
 export {
   InteractiveTooltip
 };
-//# sourceMappingURL=chunk-RP3W6IQO.js.map
+//# sourceMappingURL=chunk-CPNSVIIB.js.map

package/dist/{chunk-45OIUWGO.js → chunk-CRNQVWIT.js}

@@ -1,27 +1,27 @@
 import {
   DataViewsExportMenu
-} from "./chunk-SLYZMJEL.js";
+} from "./chunk-SOHDPFOB.js";
 import {
   DataViewsDisplayPanel
-} from "./chunk-FJHNNSD3.js";
+} from "./chunk-4FRZDSRD.js";
 import {
   renderBulkActions
-} from "./chunk-COSJTD6Z.js";
+} from "./chunk-YLDS5FOQ.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
-import {
-  ContentToolbar
-} from "./chunk-TSPHRZ4U.js";
 import {
   FilterTrigger
 } from "./chunk-LVCUJ7YU.js";
+import {
+  ContentToolbar
+} from "./chunk-TSPHRZ4U.js";
 import {
   default as default2
 } from "./chunk-6DPAWXZ3.js";
 import {
   Text
-} from "./chunk-VRHBJXZ7.js";
+} from "./chunk-2PCOC3PT.js";
 
 // src/components/data-display/DataViews/data-views-toolbar.tsx
 import Divider from "@mui/material/Divider/index.js";
@@ -133,4 +133,4 @@ function GridToolbar(props) {
 export {
   GridToolbar
 };
-//# sourceMappingURL=chunk-45OIUWGO.js.map
+//# sourceMappingURL=chunk-CRNQVWIT.js.map

package/dist/{chunk-T4SM36XC.js → chunk-D7FJ2GAD.js}

@@ -9,7 +9,7 @@ import {
 } from "./chunk-WEBEOBN5.js";
 import {
   Text
-} from "./chunk-VRHBJXZ7.js";
+} from "./chunk-2PCOC3PT.js";
 
 // src/components/data-display/DataViews/save-view-preview.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -51,4 +51,4 @@ function PreviewBox({ preview, testIdPrefix }) {
 export {
   PreviewBox
 };
-//# sourceMappingURL=chunk-T4SM36XC.js.map
+//# sourceMappingURL=chunk-D7FJ2GAD.js.map

package/dist/{chunk-G7CFUI4I.js → chunk-DLFOEXUP.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-IDHZHOZW.js";
 import {
   Button
-} from "./chunk-IAQFQNBL.js";
+} from "./chunk-SL4NFGOL.js";
 
 // src/components/data-display/CardKit/CardKebab.tsx
 import { jsx } from "react/jsx-runtime";
@@ -25,4 +25,4 @@ function CardKebab({
 export {
   CardKebab
 };
-//# sourceMappingURL=chunk-G7CFUI4I.js.map
+//# sourceMappingURL=chunk-DLFOEXUP.js.map