@12-apps/ui 6.21.0 → 6.22.0

package/dist/layout/Stack.js

@@ -1,13 +1,13 @@
 import {
   Stack
-} from "../chunk-5RQ7N63M.js";
+} from "../chunk-TZDDL3DR.js";
 import "../chunk-4GGH6ZQ7.js";
-import "../chunk-7MAOQIWA.js";
+import "../chunk-W4YWU7LQ.js";
 import "../chunk-7V6ZRQYW.js";
 import "../chunk-OCUVKI63.js";
 import "../chunk-KLREH4X6.js";
 import "../chunk-YMRI5QKG.js";
-import "../chunk-6F5IKY32.js";
+import "../chunk-TYJR4GOF.js";
 import "../chunk-V5IOLAIS.js";
 import "../chunk-7ZPUN7TV.js";
 import "../chunk-PT6TCWIW.js";

package/dist/native/chunks/{chunk-HSIND52T.js → chunk-2UFNPDYT.js}

@@ -1,5 +1,6 @@
 // src/tokens/mui-type.ts
 var MUI_TYPE = {
+  h5: { fontSize: 24, lineHeight: 1.334, fontWeight: 400, letterSpacingEm: 0 },
   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 },
@@ -22,4 +23,4 @@ export {
   MUI_FONT_WEIGHT_MEDIUM,
   muiTypeStyle
 };
-//# sourceMappingURL=chunk-HSIND52T.js.map
+//# sourceMappingURL=chunk-2UFNPDYT.js.map

package/dist/native/chunks/chunk-2UFNPDYT.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 = 'h5' | 'h6' | 'body1' | 'body2' | 'caption';\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  h5: { fontSize: 24, lineHeight: 1.334, fontWeight: 400, letterSpacingEm: 0 },\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  caption: { fontSize: 12, lineHeight: 1.66, fontWeight: 400, letterSpacingEm: 0.03333 },\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,OAAO,YAAY,KAAK,iBAAiB,EAAE;AAAA,EAC3E,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;AAAA,EACnF,SAAS,EAAE,UAAU,IAAI,YAAY,MAAM,YAAY,KAAK,iBAAiB,QAAQ;AACvF;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/native/chunks/{chunk-OGWPPQL4.js → chunk-75JQYVDZ.js}

@@ -1,9 +1,9 @@
 import {
   resolveTestId
-} from "./chunk-QZAUOHDQ.js";
+} from "./chunk-AR5O4BEY.js";
 import {
   useUiTheme
-} from "./chunk-YTHR4Y5P.js";
+} from "./chunk-GWGIWQO7.js";
 
 // src/components/layout/Box/Box.base.ts
 var BOX_BASE_KEYS = [
@@ -133,4 +133,4 @@ export {
   resolveBoxLayout,
   Box
 };
-//# sourceMappingURL=chunk-OGWPPQL4.js.map
+//# sourceMappingURL=chunk-75JQYVDZ.js.map

package/dist/native/chunks/{chunk-WKMDCNIN.js → chunk-7LTVGW23.js}

@@ -10,7 +10,7 @@ import {
   hslToRgb,
   lighten,
   recomposeColor
-} from "./chunk-P3PL4WBO.js";
+} from "./chunk-LEMMXZFN.js";
 
 // src/components/form/Input/Input.metrics.ts
 var muiVariantFor = (variant) => {
@@ -348,4 +348,4 @@ export {
   labelStyle,
   helperStyle
 };
-//# sourceMappingURL=chunk-WKMDCNIN.js.map
+//# sourceMappingURL=chunk-7LTVGW23.js.map

package/dist/native/chunks/{chunk-QZAUOHDQ.js → chunk-AR5O4BEY.js}

@@ -9,10 +9,14 @@ function withoutTestIdProps(props) {
   const { testID: _testID, dataTestId: _dataTestId, "data-testid": _dataTestid, ...rest } = props;
   return rest;
 }
+function slotTestId(props, suffix, fallback) {
+  return props.testID ?? props["data-testid"] ?? childTestId(props, suffix, fallback);
+}
 
 export {
   resolveTestId,
   childTestId,
-  withoutTestIdProps
+  withoutTestIdProps,
+  slotTestId
 };
-//# sourceMappingURL=chunk-QZAUOHDQ.js.map
+//# sourceMappingURL=chunk-AR5O4BEY.js.map

package/dist/native/chunks/{chunk-QZAUOHDQ.js.map → chunk-AR5O4BEY.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/platform/test-id.ts"],"sourcesContent":["/**\n * One test id, three spellings.\n *\n * The web components take `dataTestId` and forward it as `data-testid`; the\n * existing test stories pass `'data-testid'` straight through as an unknown\n * prop; React Native calls the same thing `testID`, and react-native-web turns\n * THAT back into `data-testid`. A native component that honoured only one of\n * the three would pass its own unit tests and fail the shared stories.\n */\nexport interface TestIdProps {\n  testID?: string;\n  dataTestId?: string;\n  'data-testid'?: string;\n}\n\n/** The id the caller asked for under any of the three names, else `fallback`. */\nexport function resolveTestId(props: TestIdProps, fallback?: string): string | undefined {\n  return props.testID ?? props.dataTestId ?? props['data-testid'] ?? fallback;\n}\n\n/**\n * The id under whichever of the three spellings the caller used, together with\n * the props stripped of all three — so a web component can put `data-testid`\n * where the DOM wants it without React seeing `testID` or `dataTestId` and\n * warning that it does not recognise them.\n */\nexport function splitTestId<T extends TestIdProps>(\n  props: T,\n  fallback?: string,\n): { testId: string | undefined; rest: Omit<T, keyof TestIdProps> } {\n  return { testId: resolveTestId(props, fallback), rest: withoutTestIdProps(props) };\n}\n\n/** `${id}-${suffix}` for a sub-element, or `${fallback}-${suffix}` when unnamed. */\nexport function childTestId(\n  props: TestIdProps,\n  suffix: string,\n  fallback: string,\n): string {\n  return `${resolveTestId(props, fallback) ?? fallback}-${suffix}`;\n}\n\n/** `props` without any of the three spellings, for spreading onto a native element. */\nexport function withoutTestIdProps<P extends TestIdProps>(props: P): Omit<P, keyof TestIdProps> {\n  const { testID: _testID, dataTestId: _dataTestId, 'data-testid': _dataTestid, ...rest } = props;\n  return rest;\n}\n"],"mappings":";AAgBO,SAAS,cAAc,OAAoB,UAAuC;AACvF,SAAO,MAAM,UAAU,MAAM,cAAc,MAAM,aAAa,KAAK;AACrE;AAgBO,SAAS,YACd,OACA,QACA,UACQ;AACR,SAAO,GAAG,cAAc,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM;AAChE;AAGO,SAAS,mBAA0C,OAAsC;AAC9F,QAAM,EAAE,QAAQ,SAAS,YAAY,aAAa,eAAe,aAAa,GAAG,KAAK,IAAI;AAC1F,SAAO;AACT;","names":[]}
+{"version":3,"sources":["../../../src/platform/test-id.ts"],"sourcesContent":["/**\n * One test id, three spellings.\n *\n * The web components take `dataTestId` and forward it as `data-testid`; the\n * existing test stories pass `'data-testid'` straight through as an unknown\n * prop; React Native calls the same thing `testID`, and react-native-web turns\n * THAT back into `data-testid`. A native component that honoured only one of\n * the three would pass its own unit tests and fail the shared stories.\n */\nexport interface TestIdProps {\n  testID?: string;\n  dataTestId?: string;\n  'data-testid'?: string;\n}\n\n/** The id the caller asked for under any of the three names, else `fallback`. */\nexport function resolveTestId(props: TestIdProps, fallback?: string): string | undefined {\n  return props.testID ?? props.dataTestId ?? props['data-testid'] ?? fallback;\n}\n\n/**\n * The id under whichever of the three spellings the caller used, together with\n * the props stripped of all three — so a web component can put `data-testid`\n * where the DOM wants it without React seeing `testID` or `dataTestId` and\n * warning that it does not recognise them.\n */\nexport function splitTestId<T extends TestIdProps>(\n  props: T,\n  fallback?: string,\n): { testId: string | undefined; rest: Omit<T, keyof TestIdProps> } {\n  return { testId: resolveTestId(props, fallback), rest: withoutTestIdProps(props) };\n}\n\n/** `${id}-${suffix}` for a sub-element, or `${fallback}-${suffix}` when unnamed. */\nexport function childTestId(\n  props: TestIdProps,\n  suffix: string,\n  fallback: string,\n): string {\n  return `${resolveTestId(props, fallback) ?? fallback}-${suffix}`;\n}\n\n/** `props` without any of the three spellings, for spreading onto a native element. */\nexport function withoutTestIdProps<P extends TestIdProps>(props: P): Omit<P, keyof TestIdProps> {\n  const { testID: _testID, dataTestId: _dataTestId, 'data-testid': _dataTestid, ...rest } = props;\n  return rest;\n}\n\n/**\n * A SLOT's own test id, where a raw id means \"this element\" and `dataTestId`\n * means \"the surface I belong to\".\n *\n * `Dialog` names its parts by derivation — `d` gives `d-title`, `d-content`,\n * `d-actions` — and a slot receives the DIALOG's id in `dataTestId` to derive\n * from. A raw `data-testid` (or React Native's `testID`) is something else: it\n * is the id the caller wants ON THIS ELEMENT, which is how the shared stories\n * address a `DialogContent`, so it is taken verbatim and no suffix is added.\n *\n * Both renderers read this one function, which is the only way the web and the\n * native slot can agree about what `<DialogContent data-testid=\"x\">` is called.\n */\nexport function slotTestId(props: TestIdProps, suffix: string, fallback: string): string {\n  return props.testID ?? props['data-testid'] ?? childTestId(props, suffix, fallback);\n}\n"],"mappings":";AAgBO,SAAS,cAAc,OAAoB,UAAuC;AACvF,SAAO,MAAM,UAAU,MAAM,cAAc,MAAM,aAAa,KAAK;AACrE;AAgBO,SAAS,YACd,OACA,QACA,UACQ;AACR,SAAO,GAAG,cAAc,OAAO,QAAQ,KAAK,QAAQ,IAAI,MAAM;AAChE;AAGO,SAAS,mBAA0C,OAAsC;AAC9F,QAAM,EAAE,QAAQ,SAAS,YAAY,aAAa,eAAe,aAAa,GAAG,KAAK,IAAI;AAC1F,SAAO;AACT;AAeO,SAAS,WAAW,OAAoB,QAAgB,UAA0B;AACvF,SAAO,MAAM,UAAU,MAAM,aAAa,KAAK,YAAY,OAAO,QAAQ,QAAQ;AACpF;","names":[]}

package/dist/native/chunks/{chunk-RJVM5YDE.js → chunk-ATS7STZJ.js}

@@ -5,15 +5,15 @@ import {
   childTestId,
   resolveTestId,
   withoutTestIdProps
-} from "./chunk-QZAUOHDQ.js";
+} from "./chunk-AR5O4BEY.js";
 import {
   useUiTheme
-} from "./chunk-YTHR4Y5P.js";
+} from "./chunk-GWGIWQO7.js";
 import {
   alpha,
   darken,
   lighten
-} from "./chunk-P3PL4WBO.js";
+} from "./chunk-LEMMXZFN.js";
 
 // src/components/form/Button/Button.native.tsx
 import * as React from "react";
@@ -315,4 +315,4 @@ var styles = StyleSheet.create({
 export {
   Button
 };
-//# sourceMappingURL=chunk-RJVM5YDE.js.map
+//# sourceMappingURL=chunk-ATS7STZJ.js.map

package/dist/native/chunks/{chunk-YTHR4Y5P.js → chunk-GWGIWQO7.js}

@@ -1,6 +1,6 @@
 import {
   DEFAULT_UI_THEME
-} from "./chunk-P3PL4WBO.js";
+} from "./chunk-LEMMXZFN.js";
 
 // src/provider/use-ui-theme.native.ts
 import * as React2 from "react";
@@ -18,4 +18,4 @@ export {
   UiThemeContext,
   useUiTheme
 };
-//# sourceMappingURL=chunk-YTHR4Y5P.js.map
+//# sourceMappingURL=chunk-GWGIWQO7.js.map

package/dist/native/chunks/{chunk-P3PL4WBO.js → chunk-LEMMXZFN.js}

@@ -1,24 +1,3 @@
-// src/tokens/heading-scale.ts
-var HEADING_LEVELS = [
-  "display",
-  "h1",
-  "h2",
-  "h3",
-  "h4",
-  "h5",
-  "h6"
-];
-var HEADING_SCALE = {
-  // The hero size the old `h1` was really offering, under the name that says so.
-  display: { fontSize: "3rem", lineHeight: 1.05, letterSpacing: "-0.03em", normalWeight: 800 },
-  h1: { fontSize: "2rem", lineHeight: 1.2, letterSpacing: "-0.02em", normalWeight: 700 },
-  h2: { fontSize: "1.75rem", lineHeight: 1.25, letterSpacing: "-0.015em", normalWeight: 700 },
-  h3: { fontSize: "1.5rem", lineHeight: 1.3, letterSpacing: "-0.01em", normalWeight: 600 },
-  h4: { fontSize: "1.25rem", lineHeight: 1.35, letterSpacing: "-0.005em", normalWeight: 600 },
-  h5: { fontSize: "1.125rem", lineHeight: 1.4, normalWeight: 600 },
-  h6: { fontSize: "1rem", lineHeight: 1.5, normalWeight: 600 }
-};
-
 // src/tokens/color.ts
 var FORMATS = ["rgb", "rgba", "hsl", "hsla"];
 var clamp = (value, min = 0, max = 1) => Math.min(Math.max(min, value), max);
@@ -117,6 +96,27 @@ function emphasize(color, coefficient = 0.15) {
   return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);
 }
 
+// src/tokens/heading-scale.ts
+var HEADING_LEVELS = [
+  "display",
+  "h1",
+  "h2",
+  "h3",
+  "h4",
+  "h5",
+  "h6"
+];
+var HEADING_SCALE = {
+  // The hero size the old `h1` was really offering, under the name that says so.
+  display: { fontSize: "3rem", lineHeight: 1.05, letterSpacing: "-0.03em", normalWeight: 800 },
+  h1: { fontSize: "2rem", lineHeight: 1.2, letterSpacing: "-0.02em", normalWeight: 700 },
+  h2: { fontSize: "1.75rem", lineHeight: 1.25, letterSpacing: "-0.015em", normalWeight: 700 },
+  h3: { fontSize: "1.5rem", lineHeight: 1.3, letterSpacing: "-0.01em", normalWeight: 600 },
+  h4: { fontSize: "1.25rem", lineHeight: 1.35, letterSpacing: "-0.005em", normalWeight: 600 },
+  h5: { fontSize: "1.125rem", lineHeight: 1.4, normalWeight: 600 },
+  h6: { fontSize: "1rem", lineHeight: 1.5, normalWeight: 600 }
+};
+
 // src/tokens/css-units.ts
 var ROOT_PX = 16;
 function cssLengthToPx(value, fallback) {
@@ -288,8 +288,6 @@ function createUiTheme(options = {}) {
 var DEFAULT_UI_THEME = createUiTheme();
 
 export {
-  HEADING_LEVELS,
-  HEADING_SCALE,
   hexToRgb,
   decomposeColor,
   recomposeColor,
@@ -301,6 +299,8 @@ export {
   lighten,
   emphasize,
   cssLengthToPx,
+  HEADING_LEVELS,
+  HEADING_SCALE,
   px,
   GREY,
   DEFAULT_BRAND,
@@ -314,4 +314,4 @@ export {
   createUiTheme,
   DEFAULT_UI_THEME
 };
-//# sourceMappingURL=chunk-P3PL4WBO.js.map
+//# sourceMappingURL=chunk-LEMMXZFN.js.map

package/dist/native/chunks/{chunk-P3PL4WBO.js.map → chunk-LEMMXZFN.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/tokens/heading-scale.ts","../../../src/tokens/color.ts","../../../src/tokens/css-units.ts","../../../src/tokens/theme.ts"],"sourcesContent":["\n/**\n * THE THIRD VOCABULARY: the type scale.\n *\n * `scales.ts` opens by saying the package had both halves of every argument at\n * once until the size and colour vocabularies were declared in one place and\n * every component derived from them. The type scale was the one that never got\n * that treatment — it lived as a private `LEVELS` table inside\n * `Heading.styles.ts`, which is exactly the shape that file exists to refuse.\n *\n * Two things follow from it being private, and the second is the expensive one.\n *\n * **It could not be re-themed.** `Heading` read `theme.typography.h1.fontFamily`\n * from the theme and then ignored the theme for every other metric, so a host\n * calling `createTheme({ typography: { h1: { fontSize: '2rem' } } })` changed\n * `<Typography variant=\"h1\">` and left `<Heading level=\"h1\">` at 48px. A design\n * system whose type scale cannot be set by the design is not a system.\n *\n * **And the numbers were a landing page's.** `h1` at 3rem and `h2` at 2.5rem are\n * hero metrics. Dropped into an operations console they put a 48px title\n * directly above 14px body copy — a 3.4x jump with nothing in between — so\n * product teams stopped reaching for the component. Measured in one consuming\n * repo: `<Heading>` appeared four times in the entire codebase while raw\n * `fontSize` appeared in dozens of files. The component was not disliked, it was\n * unusable at app scale, and every host paid for that in hand-rolled CSS.\n *\n * So the defaults below are an APP scale, and `display` keeps the hero size for\n * the screens that actually want one. A marketing page asks for `display`; a\n * console asks for `h1` and gets something it can put on a page.\n */\n\n/**\n * A step on the scale.\n *\n * `display` is a SIZE, not a rank — see `Heading`, which renders it as `h1` so\n * the document still gets exactly one level-one heading.\n */\nexport type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'display';\n\n/**\n * The runtime list, declared beside the union for the reason `SIZE_VALUES`\n * gives: a story's `argTypes.options` spelled by hand drifts from the type, and\n * the direction it drifts is \"documents less than the component accepts\".\n */\nexport const HEADING_LEVELS = [\n  'display',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n] as const satisfies readonly HeadingLevel[];\n\n/** Everything one step of the scale decides. */\nexport interface HeadingMetrics {\n  fontSize: string;\n  lineHeight: number;\n  letterSpacing?: string;\n  /**\n   * The weight this step carries when the caller asks for `normal`. A heading's\n   * \"normal\" is not body text's 400 — it is the weight the step is meant to\n   * carry, which gets heavier as the step gets larger.\n   */\n  normalWeight: number;\n}\n\n/**\n * The house default, in CODE rather than in a component.\n *\n * ~1.15x per step from a 1rem `h6`, which keeps six distinguishable ranks inside\n * the range an application actually uses. The old table ran 1.125rem → 4rem and\n * spent its top three steps above anything a product screen wants.\n */\nexport const HEADING_SCALE: Record<HeadingLevel, HeadingMetrics> = {\n  // The hero size the old `h1` was really offering, under the name that says so.\n  display: { fontSize: '3rem', lineHeight: 1.05, letterSpacing: '-0.03em', normalWeight: 800 },\n  h1: { fontSize: '2rem', lineHeight: 1.2, letterSpacing: '-0.02em', normalWeight: 700 },\n  h2: { fontSize: '1.75rem', lineHeight: 1.25, letterSpacing: '-0.015em', normalWeight: 700 },\n  h3: { fontSize: '1.5rem', lineHeight: 1.3, letterSpacing: '-0.01em', normalWeight: 600 },\n  h4: { fontSize: '1.25rem', lineHeight: 1.35, letterSpacing: '-0.005em', normalWeight: 600 },\n  h5: { fontSize: '1.125rem', lineHeight: 1.4, normalWeight: 600 },\n  h6: { fontSize: '1rem', lineHeight: 1.5, normalWeight: 600 },\n};\n\n/** A host's overrides: any subset of the steps, any subset of each step's metrics. */\nexport type HeadingScaleOverrides = Partial<Record<HeadingLevel, Partial<HeadingMetrics>>>;\n","/**\n * COLOUR ARITHMETIC WITH NO RENDERER BEHIND IT.\n *\n * Every shade the web components paint comes out of MUI's colour manipulator:\n * `lighten(main, 0.2)` is a palette's `light`, `darken(main, 0.3)` its `dark`,\n * `alpha(main, 0.1)` the hover wash on an outline button. A native component\n * that wants the SAME pixel has to run the SAME arithmetic, and it cannot\n * import it — `@mui/material/styles` drags emotion and the DOM in behind it.\n *\n * So the arithmetic lives here, once, with nothing behind it. It is a faithful\n * port of `@mui/system/colorManipulator` (MIT), down to the truncation:\n * `lighten('#6366F1', 0.2)` is `rgb(130, 132, 243)` on both sides because both\n * TRUNCATE 132.6 rather than round it. A port that rounded would be one pixel\n * of tint away from the web on every button, forever, and nothing would flag it.\n *\n * `color()` space strings are deliberately unsupported: nothing in this package\n * emits one, and a smaller surface is a smaller thing to keep identical.\n */\n\nexport type ColorFormat = 'rgb' | 'rgba' | 'hsl' | 'hsla';\n\nexport interface DecomposedColor {\n  type: ColorFormat;\n  values: number[];\n}\n\nconst FORMATS: readonly ColorFormat[] = ['rgb', 'rgba', 'hsl', 'hsla'];\n\nconst clamp = (value: number, min = 0, max = 1): number => Math.min(Math.max(min, value), max);\n\n/** `#rgb`, `#rgba`, `#rrggbb` or `#rrggbbaa` to its `rgb()` / `rgba()` string. */\nexport function hexToRgb(color: string): string {\n  const hex = color.slice(1);\n  const pair = new RegExp(`.{1,${hex.length >= 6 ? 2 : 1}}`, 'g');\n  let channels: string[] | null = hex.match(pair);\n  if (channels && channels[0]?.length === 1) {\n    channels = channels.map((channel) => channel + channel);\n  }\n  if (!channels) return '';\n\n  const parts = channels.map((channel, index) =>\n    index < 3 ? parseInt(channel, 16) : Math.round((parseInt(channel, 16) / 255) * 1000) / 1000,\n  );\n  return `rgb${channels.length === 4 ? 'a' : ''}(${parts.join(', ')})`;\n}\n\n/** Any supported colour string to its type and numeric channels. */\nexport function decomposeColor(color: string): DecomposedColor {\n  if (color.charAt(0) === '#') {\n    return decomposeColor(hexToRgb(color));\n  }\n\n  const marker = color.indexOf('(');\n  const type = color.substring(0, marker) as ColorFormat;\n  if (!FORMATS.includes(type)) {\n    throw new Error(\n      `@12-apps/ui: unsupported colour \"${color}\". Use #nnn, #nnnnnn, rgb(), rgba(), hsl() or hsla().`,\n    );\n  }\n\n  const values = color\n    .substring(marker + 1, color.length - 1)\n    .split(',')\n    .map((value) => parseFloat(value));\n\n  return { type, values };\n}\n\n/** The inverse of {@link decomposeColor}, with MUI's channel truncation. */\nexport function recomposeColor({ type, values }: DecomposedColor): string {\n  const parts: Array<number | string> = type.startsWith('rgb')\n    ? values.map((value, index) => (index < 3 ? Math.trunc(value) : value))\n    : [values[0] ?? 0, `${values[1] ?? 0}%`, `${values[2] ?? 0}%`, ...values.slice(3)];\n\n  return `${type}(${parts.join(', ')})`;\n}\n\n/** An `hsl()` / `hsla()` string to its `rgb()` / `rgba()` equivalent. */\nexport function hslToRgb(color: string): string {\n  const { type, values } = decomposeColor(color);\n  const h = values[0] ?? 0;\n  const s = (values[1] ?? 0) / 100;\n  const l = (values[2] ?? 0) / 100;\n  const a = s * Math.min(l, 1 - l);\n  const f = (n: number, k = (n + h / 30) % 12): number =>\n    l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n\n  const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];\n  if (type === 'hsla') {\n    return recomposeColor({ type: 'rgba', values: [...rgb, values[3] ?? 1] });\n  }\n  return recomposeColor({ type: 'rgb', values: rgb });\n}\n\n/** Relative luminance (WCAG 2.0), to three decimals like MUI. */\nexport function getLuminance(color: string): number {\n  const decomposed = decomposeColor(color);\n  const channels = decomposed.type.startsWith('hsl')\n    ? decomposeColor(hslToRgb(color)).values\n    : decomposed.values;\n\n  const [r, g, b] = channels.slice(0, 3).map((value) => {\n    const c = value / 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  });\n\n  return Number((0.2126 * (r ?? 0) + 0.7152 * (g ?? 0) + 0.0722 * (b ?? 0)).toFixed(3));\n}\n\n/** WCAG contrast ratio between two colours, 1 to 21. */\nexport function getContrastRatio(foreground: string, background: string): number {\n  const lumA = getLuminance(foreground);\n  const lumB = getLuminance(background);\n  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);\n}\n\n/** The colour with its alpha channel set to `value` (0 to 1). */\nexport function alpha(color: string, value: number): string {\n  const decomposed = decomposeColor(color);\n  const type: ColorFormat = decomposed.type.endsWith('a')\n    ? decomposed.type\n    : (`${decomposed.type}a` as ColorFormat);\n  const values = decomposed.values.slice(0, 3);\n  values[3] = clamp(value);\n  return recomposeColor({ type, values });\n}\n\n/** The colour moved `coefficient` (0 to 1) of the way towards black. */\nexport function darken(color: string, coefficient: number): string {\n  const decomposed = decomposeColor(color);\n  const amount = clamp(coefficient);\n  const values = [...decomposed.values];\n\n  if (decomposed.type.startsWith('hsl')) {\n    values[2] = (values[2] ?? 0) * (1 - amount);\n  } else {\n    for (let index = 0; index < 3; index += 1) {\n      values[index] = (values[index] ?? 0) * (1 - amount);\n    }\n  }\n  return recomposeColor({ type: decomposed.type, values });\n}\n\n/** The colour moved `coefficient` (0 to 1) of the way towards white. */\nexport function lighten(color: string, coefficient: number): string {\n  const decomposed = decomposeColor(color);\n  const amount = clamp(coefficient);\n  const values = [...decomposed.values];\n\n  if (decomposed.type.startsWith('hsl')) {\n    values[2] = (values[2] ?? 0) + (100 - (values[2] ?? 0)) * amount;\n  } else {\n    for (let index = 0; index < 3; index += 1) {\n      values[index] = (values[index] ?? 0) + (255 - (values[index] ?? 0)) * amount;\n    }\n  }\n  return recomposeColor({ type: decomposed.type, values });\n}\n\n/** Darken a light colour or lighten a dark one, by `coefficient`. */\nexport function emphasize(color: string, coefficient = 0.15): string {\n  return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);\n}\n","/**\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","import { darken, getContrastRatio, lighten } from './color';\nimport { cssLengthToPx, cssTrackingToEm } from './css-units';\nimport { HEADING_SCALE, type HeadingLevel } from './heading-scale';\n\nimport type { SizeValue } from './vocabulary';\n\n/**\n * THE THEME BOTH RENDERERS READ.\n *\n * On the web every component styles itself from MUI's `Theme`, which is built\n * by the host (`@12-apps/app-shell`'s `createAppTheme` in the origin apps) and\n * reaches a component through emotion's context. React Native has no emotion,\n * no CSS and no MUI, so a native `Button` needs the same decisions — the\n * palette, the spacing unit, the radius, the type scale — from somewhere that\n * does not import a renderer.\n *\n * This is that somewhere. `UiTheme` is a plain object of numbers and colour\n * strings. `createUiTheme` derives it the way MUI's `createPalette` derives its\n * own: a `light` shade is `lighten(main, 0.2)`, a `dark` shade `darken(main,\n * 0.3)`, `contrastText` flips at a 3:1 ratio against `rgba(0, 0, 0, 0.87)`.\n * Same seeds in, same shades out, on both sides — that is the whole basis for\n * a native button being the web button's colour and not a near miss.\n *\n * Numbers are in px on the web and dp on native; both are the CSS-pixel unit\n * a design is drawn in, so a `fontSize: 16` here IS `1rem` in a web style\n * and `16` in a `StyleSheet`. The web components keep their `rem` strings and\n * derive them from these numbers where the two meet (see `px()` below and the\n * `*.metrics.ts` file beside each ported component).\n *\n * `danger` and `neutral` are this package's names (see `./scales`); `danger`\n * is MUI's `error` and `neutral` is drawn from the grey ramp the way\n * `Button.styles.ts` has always drawn it.\n */\n\nexport type UiThemeMode = 'light' | 'dark';\n\nexport interface UiPaletteColor {\n  main: string;\n  light: string;\n  dark: string;\n  contrastText: string;\n}\n\nexport type UiGreyStep = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;\n\nexport interface UiPalette {\n  mode: UiThemeMode;\n  primary: UiPaletteColor;\n  secondary: UiPaletteColor;\n  success: UiPaletteColor;\n  warning: UiPaletteColor;\n  info: UiPaletteColor;\n  danger: UiPaletteColor;\n  neutral: UiPaletteColor;\n  text: { primary: string; secondary: string; disabled: string };\n  background: { default: string; paper: string };\n  divider: string;\n  action: {\n    active: string;\n    hover: string;\n    selected: string;\n    disabled: string;\n    disabledBackground: string;\n    focus: string;\n  };\n  grey: Record<UiGreyStep, string>;\n}\n\n/** One step of the body scale: `fontSize` in px, `lineHeight` as a ratio. */\nexport interface UiTypeStep {\n  fontSize: number;\n  lineHeight: number;\n}\n\nexport type UiFontWeight = 'light' | 'normal' | 'medium' | 'semibold' | 'bold';\n\nexport interface UiHeadingStep extends UiTypeStep {\n  /** In em, so it scales with the step. `undefined` is \"normal\". */\n  letterSpacing?: number;\n  normalWeight: number;\n}\n\nexport interface UiTypography {\n  /**\n   * Native has no fallback stacks: a font is either installed and named, or\n   * `undefined` and the platform's own. The web default is MUI's Roboto stack.\n   */\n  fontFamily: string | undefined;\n  monospaceFontFamily: string | undefined;\n  sizes: Record<SizeValue, UiTypeStep>;\n  weights: Record<UiFontWeight, number>;\n  heading: Record<HeadingLevel, UiHeadingStep>;\n}\n\nexport interface UiTheme {\n  mode: UiThemeMode;\n  palette: UiPalette;\n  /** MUI's `theme.spacing(n)`: `n` units of {@link UiTheme.spacingUnit}, in px. */\n  spacing: (units: number) => number;\n  spacingUnit: number;\n  /** `md` is MUI's `shape.borderRadius`; the others are its halves and doubles. */\n  radius: { sm: number; md: number; lg: number; xl: number; full: number };\n  typography: UiTypography;\n  zIndex: { appBar: number; drawer: number; modal: number; snackbar: number; tooltip: number };\n}\n\n/** A seed for one palette slot: a hex `main`, or any subset of the four shades. */\nexport type UiPaletteSeed = string | Partial<UiPaletteColor>;\n\nexport interface UiThemeOptions {\n  mode?: UiThemeMode;\n  palette?: Partial<{\n    primary: UiPaletteSeed;\n    secondary: UiPaletteSeed;\n    success: UiPaletteSeed;\n    warning: UiPaletteSeed;\n    info: UiPaletteSeed;\n    danger: UiPaletteSeed;\n    background: Partial<UiPalette['background']>;\n  }>;\n  typography?: Partial<Pick<UiTypography, 'fontFamily' | 'monospaceFontFamily'>>;\n  spacingUnit?: number;\n}\n\nconst ROOT_FONT_PX = 16;\n\n/** The px value as the rem string the web components write. */\nexport const px = (value: number): string => `${value / ROOT_FONT_PX}rem`;\n\n/** MUI's `createPalette` defaults, exactly. */\nconst TONAL_OFFSET = 0.2;\nconst CONTRAST_THRESHOLD = 3;\nconst DARK_TEXT_PRIMARY = 'rgba(0, 0, 0, 0.87)';\nconst LIGHT_TEXT_PRIMARY = '#fff';\n\nexport const GREY: Record<UiGreyStep, string> = {\n  50: '#fafafa',\n  100: '#f5f5f5',\n  200: '#eeeeee',\n  300: '#e0e0e0',\n  400: '#bdbdbd',\n  500: '#9e9e9e',\n  600: '#757575',\n  700: '#616161',\n  800: '#424242',\n  900: '#212121',\n};\n\n/**\n * The platform's own seeds. The pair `@12-apps/ui`'s Storybook preview and\n * `@12-apps/app-shell`'s `DEFAULT_THEME_TOKENS` both carry — keep the three in\n * step if the design tokens change.\n */\nexport const DEFAULT_BRAND: Record<UiThemeMode, { primary: string; secondary: string }> = {\n  light: { primary: '#6366F1', secondary: '#8B5CF6' },\n  dark: { primary: '#818CF8', secondary: '#A78BFA' },\n};\n\n/** MUI's semantic defaults per mode. These are declared shades, not derived. */\nconst SEMANTIC_DEFAULTS: Record<\n  UiThemeMode,\n  Record<'success' | 'warning' | 'info' | 'danger', UiPaletteColor>\n> = {\n  light: {\n    success: { main: '#2e7d32', light: '#4caf50', dark: '#1b5e20', contrastText: '#fff' },\n    warning: { main: '#ed6c02', light: '#ff9800', dark: '#e65100', contrastText: '#fff' },\n    info: { main: '#0288d1', light: '#03a9f4', dark: '#01579b', contrastText: '#fff' },\n    danger: { main: '#d32f2f', light: '#ef5350', dark: '#c62828', contrastText: '#fff' },\n  },\n  dark: {\n    success: { main: '#66bb6a', light: '#81c784', dark: '#388e3c', contrastText: DARK_TEXT_PRIMARY },\n    warning: { main: '#ffa726', light: '#ffb74d', dark: '#f57c00', contrastText: DARK_TEXT_PRIMARY },\n    info: { main: '#29b6f6', light: '#4fc3f7', dark: '#0288d1', contrastText: DARK_TEXT_PRIMARY },\n    danger: { main: '#f44336', light: '#e57373', dark: '#d32f2f', contrastText: '#fff' },\n  },\n};\n\nconst MODE_DEFAULTS: Record<\n  UiThemeMode,\n  Pick<UiPalette, 'text' | 'background' | 'divider' | 'action'>\n> = {\n  light: {\n    text: { primary: DARK_TEXT_PRIMARY, secondary: 'rgba(0, 0, 0, 0.6)', disabled: 'rgba(0, 0, 0, 0.38)' },\n    background: { default: '#fff', paper: '#fff' },\n    divider: 'rgba(0, 0, 0, 0.12)',\n    action: {\n      active: 'rgba(0, 0, 0, 0.54)',\n      hover: 'rgba(0, 0, 0, 0.04)',\n      selected: 'rgba(0, 0, 0, 0.08)',\n      disabled: 'rgba(0, 0, 0, 0.26)',\n      disabledBackground: 'rgba(0, 0, 0, 0.12)',\n      focus: 'rgba(0, 0, 0, 0.12)',\n    },\n  },\n  dark: {\n    text: { primary: '#fff', secondary: 'rgba(255, 255, 255, 0.7)', disabled: 'rgba(255, 255, 255, 0.5)' },\n    background: { default: '#121212', paper: '#121212' },\n    divider: 'rgba(255, 255, 255, 0.12)',\n    action: {\n      active: '#fff',\n      hover: 'rgba(255, 255, 255, 0.08)',\n      selected: 'rgba(255, 255, 255, 0.16)',\n      disabled: 'rgba(255, 255, 255, 0.3)',\n      disabledBackground: 'rgba(255, 255, 255, 0.12)',\n      focus: 'rgba(255, 255, 255, 0.12)',\n    },\n  },\n};\n\n/**\n * MUI's `getContrastText`: white where white reads at 3:1 on the colour, the\n * light mode's dark ink otherwise. (MUI's source spells the white as the DARK\n * palette's `text.primary`, which is what made it easy to read backwards.)\n */\nexport function contrastText(background: string): string {\n  return getContrastRatio(background, LIGHT_TEXT_PRIMARY) >= CONTRAST_THRESHOLD\n    ? LIGHT_TEXT_PRIMARY\n    : DARK_TEXT_PRIMARY;\n}\n\n/**\n * MUI's `augmentColor` for a custom colour: derive whatever shade the seed\n * left out. `light` is one tonal offset up, `dark` one and a half down.\n */\nexport function augmentColor(seed: UiPaletteSeed): UiPaletteColor {\n  const partial = typeof seed === 'string' ? { main: seed } : seed;\n  const main = partial.main ?? partial.light ?? partial.dark;\n  if (!main) {\n    throw new Error('@12-apps/ui: a palette seed needs at least a `main` colour.');\n  }\n  return {\n    main,\n    light: partial.light ?? lighten(main, TONAL_OFFSET),\n    dark: partial.dark ?? darken(main, TONAL_OFFSET * 1.5),\n    contrastText: partial.contrastText ?? contrastText(main),\n  };\n}\n\nconst semantic = (\n  mode: UiThemeMode,\n  key: 'success' | 'warning' | 'info' | 'danger',\n  seed: UiPaletteSeed | undefined,\n): UiPaletteColor => (seed === undefined ? SEMANTIC_DEFAULTS[mode][key] : augmentColor(seed));\n\n/** `neutral` as `accentFor` in `./scales` has always drawn it: three greys and white. */\nexport const NEUTRAL: UiPaletteColor = {\n  main: GREY[600],\n  light: GREY[400],\n  dark: GREY[800],\n  contrastText: '#fff',\n};\n\n/** The body scale `Text` renders, in px. `Text.tsx`'s rem map is this, divided by 16. */\nexport const TYPE_SIZES: Record<SizeValue, UiTypeStep> = {\n  xs: { fontSize: 12, lineHeight: 1.2 },\n  sm: { fontSize: 14, lineHeight: 1.3 },\n  md: { fontSize: 16, lineHeight: 1.5 },\n  lg: { fontSize: 18, lineHeight: 1.4 },\n  xl: { fontSize: 20, lineHeight: 1.3 },\n};\n\nexport const FONT_WEIGHTS: Record<UiFontWeight, number> = {\n  light: 300,\n  normal: 400,\n  medium: 500,\n  semibold: 600,\n  bold: 700,\n};\n\n// `HEADING_SCALE` speaks CSS, this theme speaks numbers; `./css-units` is the\n// one place that conversion is written.\nconst HEADING_STEPS = Object.fromEntries(\n  Object.entries(HEADING_SCALE).map(([level, metrics]) => [\n    level,\n    {\n      fontSize: cssLengthToPx(metrics.fontSize, ROOT_FONT_PX),\n      lineHeight: metrics.lineHeight,\n      letterSpacing: cssTrackingToEm(metrics.letterSpacing),\n      normalWeight: metrics.normalWeight,\n    },\n  ]),\n) as Record<HeadingLevel, UiHeadingStep>;\n\nexport const WEB_FONT_FAMILY = '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif';\nexport const WEB_MONOSPACE_FONT_FAMILY = 'Monaco, Menlo, \"Ubuntu Mono\", \"Courier New\", monospace';\n\n/**\n * Build the theme. Every field is derived here so a host that changes one\n * seed gets every dependent shade recomputed, on both renderers, identically.\n */\nexport function createUiTheme(options: UiThemeOptions = {}): UiTheme {\n  const mode = options.mode ?? 'light';\n  const seeds = options.palette ?? {};\n  const brand = DEFAULT_BRAND[mode];\n  const defaults = MODE_DEFAULTS[mode];\n  const spacingUnit = options.spacingUnit ?? 8;\n\n  const palette: UiPalette = {\n    mode,\n    primary: augmentColor(seeds.primary ?? brand.primary),\n    secondary: augmentColor(seeds.secondary ?? brand.secondary),\n    success: semantic(mode, 'success', seeds.success),\n    warning: semantic(mode, 'warning', seeds.warning),\n    info: semantic(mode, 'info', seeds.info),\n    danger: semantic(mode, 'danger', seeds.danger),\n    neutral: NEUTRAL,\n    text: defaults.text,\n    background: { ...defaults.background, ...seeds.background },\n    divider: defaults.divider,\n    action: defaults.action,\n    grey: GREY,\n  };\n\n  return {\n    mode,\n    palette,\n    spacing: (units: number) => units * spacingUnit,\n    spacingUnit,\n    radius: { sm: 2, md: 4, lg: 8, xl: 16, full: 9999 },\n    typography: {\n      fontFamily: options.typography?.fontFamily,\n      monospaceFontFamily: options.typography?.monospaceFontFamily,\n      sizes: TYPE_SIZES,\n      weights: FONT_WEIGHTS,\n      heading: HEADING_STEPS,\n    },\n    zIndex: { appBar: 1100, drawer: 1200, modal: 1300, snackbar: 1400, tooltip: 1500 },\n  };\n}\n\n/** The palette slot a house colour name resolves to. */\nexport type UiPaletteKey = 'primary' | 'secondary' | 'success' | 'warning' | 'info' | 'danger' | 'neutral';\n\nexport const DEFAULT_UI_THEME: UiTheme = createUiTheme();\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../../src/tokens/color.ts","../../../src/tokens/heading-scale.ts","../../../src/tokens/css-units.ts","../../../src/tokens/theme.ts"],"sourcesContent":["/**\n * COLOUR ARITHMETIC WITH NO RENDERER BEHIND IT.\n *\n * Every shade the web components paint comes out of MUI's colour manipulator:\n * `lighten(main, 0.2)` is a palette's `light`, `darken(main, 0.3)` its `dark`,\n * `alpha(main, 0.1)` the hover wash on an outline button. A native component\n * that wants the SAME pixel has to run the SAME arithmetic, and it cannot\n * import it — `@mui/material/styles` drags emotion and the DOM in behind it.\n *\n * So the arithmetic lives here, once, with nothing behind it. It is a faithful\n * port of `@mui/system/colorManipulator` (MIT), down to the truncation:\n * `lighten('#6366F1', 0.2)` is `rgb(130, 132, 243)` on both sides because both\n * TRUNCATE 132.6 rather than round it. A port that rounded would be one pixel\n * of tint away from the web on every button, forever, and nothing would flag it.\n *\n * `color()` space strings are deliberately unsupported: nothing in this package\n * emits one, and a smaller surface is a smaller thing to keep identical.\n */\n\nexport type ColorFormat = 'rgb' | 'rgba' | 'hsl' | 'hsla';\n\nexport interface DecomposedColor {\n  type: ColorFormat;\n  values: number[];\n}\n\nconst FORMATS: readonly ColorFormat[] = ['rgb', 'rgba', 'hsl', 'hsla'];\n\nconst clamp = (value: number, min = 0, max = 1): number => Math.min(Math.max(min, value), max);\n\n/** `#rgb`, `#rgba`, `#rrggbb` or `#rrggbbaa` to its `rgb()` / `rgba()` string. */\nexport function hexToRgb(color: string): string {\n  const hex = color.slice(1);\n  const pair = new RegExp(`.{1,${hex.length >= 6 ? 2 : 1}}`, 'g');\n  let channels: string[] | null = hex.match(pair);\n  if (channels && channels[0]?.length === 1) {\n    channels = channels.map((channel) => channel + channel);\n  }\n  if (!channels) return '';\n\n  const parts = channels.map((channel, index) =>\n    index < 3 ? parseInt(channel, 16) : Math.round((parseInt(channel, 16) / 255) * 1000) / 1000,\n  );\n  return `rgb${channels.length === 4 ? 'a' : ''}(${parts.join(', ')})`;\n}\n\n/** Any supported colour string to its type and numeric channels. */\nexport function decomposeColor(color: string): DecomposedColor {\n  if (color.charAt(0) === '#') {\n    return decomposeColor(hexToRgb(color));\n  }\n\n  const marker = color.indexOf('(');\n  const type = color.substring(0, marker) as ColorFormat;\n  if (!FORMATS.includes(type)) {\n    throw new Error(\n      `@12-apps/ui: unsupported colour \"${color}\". Use #nnn, #nnnnnn, rgb(), rgba(), hsl() or hsla().`,\n    );\n  }\n\n  const values = color\n    .substring(marker + 1, color.length - 1)\n    .split(',')\n    .map((value) => parseFloat(value));\n\n  return { type, values };\n}\n\n/** The inverse of {@link decomposeColor}, with MUI's channel truncation. */\nexport function recomposeColor({ type, values }: DecomposedColor): string {\n  const parts: Array<number | string> = type.startsWith('rgb')\n    ? values.map((value, index) => (index < 3 ? Math.trunc(value) : value))\n    : [values[0] ?? 0, `${values[1] ?? 0}%`, `${values[2] ?? 0}%`, ...values.slice(3)];\n\n  return `${type}(${parts.join(', ')})`;\n}\n\n/** An `hsl()` / `hsla()` string to its `rgb()` / `rgba()` equivalent. */\nexport function hslToRgb(color: string): string {\n  const { type, values } = decomposeColor(color);\n  const h = values[0] ?? 0;\n  const s = (values[1] ?? 0) / 100;\n  const l = (values[2] ?? 0) / 100;\n  const a = s * Math.min(l, 1 - l);\n  const f = (n: number, k = (n + h / 30) % 12): number =>\n    l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);\n\n  const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];\n  if (type === 'hsla') {\n    return recomposeColor({ type: 'rgba', values: [...rgb, values[3] ?? 1] });\n  }\n  return recomposeColor({ type: 'rgb', values: rgb });\n}\n\n/** Relative luminance (WCAG 2.0), to three decimals like MUI. */\nexport function getLuminance(color: string): number {\n  const decomposed = decomposeColor(color);\n  const channels = decomposed.type.startsWith('hsl')\n    ? decomposeColor(hslToRgb(color)).values\n    : decomposed.values;\n\n  const [r, g, b] = channels.slice(0, 3).map((value) => {\n    const c = value / 255;\n    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;\n  });\n\n  return Number((0.2126 * (r ?? 0) + 0.7152 * (g ?? 0) + 0.0722 * (b ?? 0)).toFixed(3));\n}\n\n/** WCAG contrast ratio between two colours, 1 to 21. */\nexport function getContrastRatio(foreground: string, background: string): number {\n  const lumA = getLuminance(foreground);\n  const lumB = getLuminance(background);\n  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);\n}\n\n/** The colour with its alpha channel set to `value` (0 to 1). */\nexport function alpha(color: string, value: number): string {\n  const decomposed = decomposeColor(color);\n  const type: ColorFormat = decomposed.type.endsWith('a')\n    ? decomposed.type\n    : (`${decomposed.type}a` as ColorFormat);\n  const values = decomposed.values.slice(0, 3);\n  values[3] = clamp(value);\n  return recomposeColor({ type, values });\n}\n\n/** The colour moved `coefficient` (0 to 1) of the way towards black. */\nexport function darken(color: string, coefficient: number): string {\n  const decomposed = decomposeColor(color);\n  const amount = clamp(coefficient);\n  const values = [...decomposed.values];\n\n  if (decomposed.type.startsWith('hsl')) {\n    values[2] = (values[2] ?? 0) * (1 - amount);\n  } else {\n    for (let index = 0; index < 3; index += 1) {\n      values[index] = (values[index] ?? 0) * (1 - amount);\n    }\n  }\n  return recomposeColor({ type: decomposed.type, values });\n}\n\n/** The colour moved `coefficient` (0 to 1) of the way towards white. */\nexport function lighten(color: string, coefficient: number): string {\n  const decomposed = decomposeColor(color);\n  const amount = clamp(coefficient);\n  const values = [...decomposed.values];\n\n  if (decomposed.type.startsWith('hsl')) {\n    values[2] = (values[2] ?? 0) + (100 - (values[2] ?? 0)) * amount;\n  } else {\n    for (let index = 0; index < 3; index += 1) {\n      values[index] = (values[index] ?? 0) + (255 - (values[index] ?? 0)) * amount;\n    }\n  }\n  return recomposeColor({ type: decomposed.type, values });\n}\n\n/** Darken a light colour or lighten a dark one, by `coefficient`. */\nexport function emphasize(color: string, coefficient = 0.15): string {\n  return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);\n}\n","\n/**\n * THE THIRD VOCABULARY: the type scale.\n *\n * `scales.ts` opens by saying the package had both halves of every argument at\n * once until the size and colour vocabularies were declared in one place and\n * every component derived from them. The type scale was the one that never got\n * that treatment — it lived as a private `LEVELS` table inside\n * `Heading.styles.ts`, which is exactly the shape that file exists to refuse.\n *\n * Two things follow from it being private, and the second is the expensive one.\n *\n * **It could not be re-themed.** `Heading` read `theme.typography.h1.fontFamily`\n * from the theme and then ignored the theme for every other metric, so a host\n * calling `createTheme({ typography: { h1: { fontSize: '2rem' } } })` changed\n * `<Typography variant=\"h1\">` and left `<Heading level=\"h1\">` at 48px. A design\n * system whose type scale cannot be set by the design is not a system.\n *\n * **And the numbers were a landing page's.** `h1` at 3rem and `h2` at 2.5rem are\n * hero metrics. Dropped into an operations console they put a 48px title\n * directly above 14px body copy — a 3.4x jump with nothing in between — so\n * product teams stopped reaching for the component. Measured in one consuming\n * repo: `<Heading>` appeared four times in the entire codebase while raw\n * `fontSize` appeared in dozens of files. The component was not disliked, it was\n * unusable at app scale, and every host paid for that in hand-rolled CSS.\n *\n * So the defaults below are an APP scale, and `display` keeps the hero size for\n * the screens that actually want one. A marketing page asks for `display`; a\n * console asks for `h1` and gets something it can put on a page.\n */\n\n/**\n * A step on the scale.\n *\n * `display` is a SIZE, not a rank — see `Heading`, which renders it as `h1` so\n * the document still gets exactly one level-one heading.\n */\nexport type HeadingLevel = 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'display';\n\n/**\n * The runtime list, declared beside the union for the reason `SIZE_VALUES`\n * gives: a story's `argTypes.options` spelled by hand drifts from the type, and\n * the direction it drifts is \"documents less than the component accepts\".\n */\nexport const HEADING_LEVELS = [\n  'display',\n  'h1',\n  'h2',\n  'h3',\n  'h4',\n  'h5',\n  'h6',\n] as const satisfies readonly HeadingLevel[];\n\n/** Everything one step of the scale decides. */\nexport interface HeadingMetrics {\n  fontSize: string;\n  lineHeight: number;\n  letterSpacing?: string;\n  /**\n   * The weight this step carries when the caller asks for `normal`. A heading's\n   * \"normal\" is not body text's 400 — it is the weight the step is meant to\n   * carry, which gets heavier as the step gets larger.\n   */\n  normalWeight: number;\n}\n\n/**\n * The house default, in CODE rather than in a component.\n *\n * ~1.15x per step from a 1rem `h6`, which keeps six distinguishable ranks inside\n * the range an application actually uses. The old table ran 1.125rem → 4rem and\n * spent its top three steps above anything a product screen wants.\n */\nexport const HEADING_SCALE: Record<HeadingLevel, HeadingMetrics> = {\n  // The hero size the old `h1` was really offering, under the name that says so.\n  display: { fontSize: '3rem', lineHeight: 1.05, letterSpacing: '-0.03em', normalWeight: 800 },\n  h1: { fontSize: '2rem', lineHeight: 1.2, letterSpacing: '-0.02em', normalWeight: 700 },\n  h2: { fontSize: '1.75rem', lineHeight: 1.25, letterSpacing: '-0.015em', normalWeight: 700 },\n  h3: { fontSize: '1.5rem', lineHeight: 1.3, letterSpacing: '-0.01em', normalWeight: 600 },\n  h4: { fontSize: '1.25rem', lineHeight: 1.35, letterSpacing: '-0.005em', normalWeight: 600 },\n  h5: { fontSize: '1.125rem', lineHeight: 1.4, normalWeight: 600 },\n  h6: { fontSize: '1rem', lineHeight: 1.5, normalWeight: 600 },\n};\n\n/** A host's overrides: any subset of the steps, any subset of each step's metrics. */\nexport type HeadingScaleOverrides = Partial<Record<HeadingLevel, Partial<HeadingMetrics>>>;\n","/**\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","import { darken, getContrastRatio, lighten } from './color';\nimport { cssLengthToPx, cssTrackingToEm } from './css-units';\nimport { HEADING_SCALE, type HeadingLevel } from './heading-scale';\n\nimport type { SizeValue } from './vocabulary';\n\n/**\n * THE THEME BOTH RENDERERS READ.\n *\n * On the web every component styles itself from MUI's `Theme`, which is built\n * by the host (`@12-apps/app-shell`'s `createAppTheme` in the origin apps) and\n * reaches a component through emotion's context. React Native has no emotion,\n * no CSS and no MUI, so a native `Button` needs the same decisions — the\n * palette, the spacing unit, the radius, the type scale — from somewhere that\n * does not import a renderer.\n *\n * This is that somewhere. `UiTheme` is a plain object of numbers and colour\n * strings. `createUiTheme` derives it the way MUI's `createPalette` derives its\n * own: a `light` shade is `lighten(main, 0.2)`, a `dark` shade `darken(main,\n * 0.3)`, `contrastText` flips at a 3:1 ratio against `rgba(0, 0, 0, 0.87)`.\n * Same seeds in, same shades out, on both sides — that is the whole basis for\n * a native button being the web button's colour and not a near miss.\n *\n * Numbers are in px on the web and dp on native; both are the CSS-pixel unit\n * a design is drawn in, so a `fontSize: 16` here IS `1rem` in a web style\n * and `16` in a `StyleSheet`. The web components keep their `rem` strings and\n * derive them from these numbers where the two meet (see `px()` below and the\n * `*.metrics.ts` file beside each ported component).\n *\n * `danger` and `neutral` are this package's names (see `./scales`); `danger`\n * is MUI's `error` and `neutral` is drawn from the grey ramp the way\n * `Button.styles.ts` has always drawn it.\n */\n\nexport type UiThemeMode = 'light' | 'dark';\n\nexport interface UiPaletteColor {\n  main: string;\n  light: string;\n  dark: string;\n  contrastText: string;\n}\n\nexport type UiGreyStep = 50 | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900;\n\nexport interface UiPalette {\n  mode: UiThemeMode;\n  primary: UiPaletteColor;\n  secondary: UiPaletteColor;\n  success: UiPaletteColor;\n  warning: UiPaletteColor;\n  info: UiPaletteColor;\n  danger: UiPaletteColor;\n  neutral: UiPaletteColor;\n  text: { primary: string; secondary: string; disabled: string };\n  background: { default: string; paper: string };\n  divider: string;\n  action: {\n    active: string;\n    hover: string;\n    selected: string;\n    disabled: string;\n    disabledBackground: string;\n    focus: string;\n  };\n  grey: Record<UiGreyStep, string>;\n}\n\n/** One step of the body scale: `fontSize` in px, `lineHeight` as a ratio. */\nexport interface UiTypeStep {\n  fontSize: number;\n  lineHeight: number;\n}\n\nexport type UiFontWeight = 'light' | 'normal' | 'medium' | 'semibold' | 'bold';\n\nexport interface UiHeadingStep extends UiTypeStep {\n  /** In em, so it scales with the step. `undefined` is \"normal\". */\n  letterSpacing?: number;\n  normalWeight: number;\n}\n\nexport interface UiTypography {\n  /**\n   * Native has no fallback stacks: a font is either installed and named, or\n   * `undefined` and the platform's own. The web default is MUI's Roboto stack.\n   */\n  fontFamily: string | undefined;\n  monospaceFontFamily: string | undefined;\n  sizes: Record<SizeValue, UiTypeStep>;\n  weights: Record<UiFontWeight, number>;\n  heading: Record<HeadingLevel, UiHeadingStep>;\n}\n\nexport interface UiTheme {\n  mode: UiThemeMode;\n  palette: UiPalette;\n  /** MUI's `theme.spacing(n)`: `n` units of {@link UiTheme.spacingUnit}, in px. */\n  spacing: (units: number) => number;\n  spacingUnit: number;\n  /** `md` is MUI's `shape.borderRadius`; the others are its halves and doubles. */\n  radius: { sm: number; md: number; lg: number; xl: number; full: number };\n  typography: UiTypography;\n  zIndex: { appBar: number; drawer: number; modal: number; snackbar: number; tooltip: number };\n}\n\n/** A seed for one palette slot: a hex `main`, or any subset of the four shades. */\nexport type UiPaletteSeed = string | Partial<UiPaletteColor>;\n\nexport interface UiThemeOptions {\n  mode?: UiThemeMode;\n  palette?: Partial<{\n    primary: UiPaletteSeed;\n    secondary: UiPaletteSeed;\n    success: UiPaletteSeed;\n    warning: UiPaletteSeed;\n    info: UiPaletteSeed;\n    danger: UiPaletteSeed;\n    background: Partial<UiPalette['background']>;\n  }>;\n  typography?: Partial<Pick<UiTypography, 'fontFamily' | 'monospaceFontFamily'>>;\n  spacingUnit?: number;\n}\n\nconst ROOT_FONT_PX = 16;\n\n/** The px value as the rem string the web components write. */\nexport const px = (value: number): string => `${value / ROOT_FONT_PX}rem`;\n\n/** MUI's `createPalette` defaults, exactly. */\nconst TONAL_OFFSET = 0.2;\nconst CONTRAST_THRESHOLD = 3;\nconst DARK_TEXT_PRIMARY = 'rgba(0, 0, 0, 0.87)';\nconst LIGHT_TEXT_PRIMARY = '#fff';\n\nexport const GREY: Record<UiGreyStep, string> = {\n  50: '#fafafa',\n  100: '#f5f5f5',\n  200: '#eeeeee',\n  300: '#e0e0e0',\n  400: '#bdbdbd',\n  500: '#9e9e9e',\n  600: '#757575',\n  700: '#616161',\n  800: '#424242',\n  900: '#212121',\n};\n\n/**\n * The platform's own seeds. The pair `@12-apps/ui`'s Storybook preview and\n * `@12-apps/app-shell`'s `DEFAULT_THEME_TOKENS` both carry — keep the three in\n * step if the design tokens change.\n */\nexport const DEFAULT_BRAND: Record<UiThemeMode, { primary: string; secondary: string }> = {\n  light: { primary: '#6366F1', secondary: '#8B5CF6' },\n  dark: { primary: '#818CF8', secondary: '#A78BFA' },\n};\n\n/** MUI's semantic defaults per mode. These are declared shades, not derived. */\nconst SEMANTIC_DEFAULTS: Record<\n  UiThemeMode,\n  Record<'success' | 'warning' | 'info' | 'danger', UiPaletteColor>\n> = {\n  light: {\n    success: { main: '#2e7d32', light: '#4caf50', dark: '#1b5e20', contrastText: '#fff' },\n    warning: { main: '#ed6c02', light: '#ff9800', dark: '#e65100', contrastText: '#fff' },\n    info: { main: '#0288d1', light: '#03a9f4', dark: '#01579b', contrastText: '#fff' },\n    danger: { main: '#d32f2f', light: '#ef5350', dark: '#c62828', contrastText: '#fff' },\n  },\n  dark: {\n    success: { main: '#66bb6a', light: '#81c784', dark: '#388e3c', contrastText: DARK_TEXT_PRIMARY },\n    warning: { main: '#ffa726', light: '#ffb74d', dark: '#f57c00', contrastText: DARK_TEXT_PRIMARY },\n    info: { main: '#29b6f6', light: '#4fc3f7', dark: '#0288d1', contrastText: DARK_TEXT_PRIMARY },\n    danger: { main: '#f44336', light: '#e57373', dark: '#d32f2f', contrastText: '#fff' },\n  },\n};\n\nconst MODE_DEFAULTS: Record<\n  UiThemeMode,\n  Pick<UiPalette, 'text' | 'background' | 'divider' | 'action'>\n> = {\n  light: {\n    text: { primary: DARK_TEXT_PRIMARY, secondary: 'rgba(0, 0, 0, 0.6)', disabled: 'rgba(0, 0, 0, 0.38)' },\n    background: { default: '#fff', paper: '#fff' },\n    divider: 'rgba(0, 0, 0, 0.12)',\n    action: {\n      active: 'rgba(0, 0, 0, 0.54)',\n      hover: 'rgba(0, 0, 0, 0.04)',\n      selected: 'rgba(0, 0, 0, 0.08)',\n      disabled: 'rgba(0, 0, 0, 0.26)',\n      disabledBackground: 'rgba(0, 0, 0, 0.12)',\n      focus: 'rgba(0, 0, 0, 0.12)',\n    },\n  },\n  dark: {\n    text: { primary: '#fff', secondary: 'rgba(255, 255, 255, 0.7)', disabled: 'rgba(255, 255, 255, 0.5)' },\n    background: { default: '#121212', paper: '#121212' },\n    divider: 'rgba(255, 255, 255, 0.12)',\n    action: {\n      active: '#fff',\n      hover: 'rgba(255, 255, 255, 0.08)',\n      selected: 'rgba(255, 255, 255, 0.16)',\n      disabled: 'rgba(255, 255, 255, 0.3)',\n      disabledBackground: 'rgba(255, 255, 255, 0.12)',\n      focus: 'rgba(255, 255, 255, 0.12)',\n    },\n  },\n};\n\n/**\n * MUI's `getContrastText`: white where white reads at 3:1 on the colour, the\n * light mode's dark ink otherwise. (MUI's source spells the white as the DARK\n * palette's `text.primary`, which is what made it easy to read backwards.)\n */\nexport function contrastText(background: string): string {\n  return getContrastRatio(background, LIGHT_TEXT_PRIMARY) >= CONTRAST_THRESHOLD\n    ? LIGHT_TEXT_PRIMARY\n    : DARK_TEXT_PRIMARY;\n}\n\n/**\n * MUI's `augmentColor` for a custom colour: derive whatever shade the seed\n * left out. `light` is one tonal offset up, `dark` one and a half down.\n */\nexport function augmentColor(seed: UiPaletteSeed): UiPaletteColor {\n  const partial = typeof seed === 'string' ? { main: seed } : seed;\n  const main = partial.main ?? partial.light ?? partial.dark;\n  if (!main) {\n    throw new Error('@12-apps/ui: a palette seed needs at least a `main` colour.');\n  }\n  return {\n    main,\n    light: partial.light ?? lighten(main, TONAL_OFFSET),\n    dark: partial.dark ?? darken(main, TONAL_OFFSET * 1.5),\n    contrastText: partial.contrastText ?? contrastText(main),\n  };\n}\n\nconst semantic = (\n  mode: UiThemeMode,\n  key: 'success' | 'warning' | 'info' | 'danger',\n  seed: UiPaletteSeed | undefined,\n): UiPaletteColor => (seed === undefined ? SEMANTIC_DEFAULTS[mode][key] : augmentColor(seed));\n\n/** `neutral` as `accentFor` in `./scales` has always drawn it: three greys and white. */\nexport const NEUTRAL: UiPaletteColor = {\n  main: GREY[600],\n  light: GREY[400],\n  dark: GREY[800],\n  contrastText: '#fff',\n};\n\n/** The body scale `Text` renders, in px. `Text.tsx`'s rem map is this, divided by 16. */\nexport const TYPE_SIZES: Record<SizeValue, UiTypeStep> = {\n  xs: { fontSize: 12, lineHeight: 1.2 },\n  sm: { fontSize: 14, lineHeight: 1.3 },\n  md: { fontSize: 16, lineHeight: 1.5 },\n  lg: { fontSize: 18, lineHeight: 1.4 },\n  xl: { fontSize: 20, lineHeight: 1.3 },\n};\n\nexport const FONT_WEIGHTS: Record<UiFontWeight, number> = {\n  light: 300,\n  normal: 400,\n  medium: 500,\n  semibold: 600,\n  bold: 700,\n};\n\n// `HEADING_SCALE` speaks CSS, this theme speaks numbers; `./css-units` is the\n// one place that conversion is written.\nconst HEADING_STEPS = Object.fromEntries(\n  Object.entries(HEADING_SCALE).map(([level, metrics]) => [\n    level,\n    {\n      fontSize: cssLengthToPx(metrics.fontSize, ROOT_FONT_PX),\n      lineHeight: metrics.lineHeight,\n      letterSpacing: cssTrackingToEm(metrics.letterSpacing),\n      normalWeight: metrics.normalWeight,\n    },\n  ]),\n) as Record<HeadingLevel, UiHeadingStep>;\n\nexport const WEB_FONT_FAMILY = '\"Roboto\", \"Helvetica\", \"Arial\", sans-serif';\nexport const WEB_MONOSPACE_FONT_FAMILY = 'Monaco, Menlo, \"Ubuntu Mono\", \"Courier New\", monospace';\n\n/**\n * Build the theme. Every field is derived here so a host that changes one\n * seed gets every dependent shade recomputed, on both renderers, identically.\n */\nexport function createUiTheme(options: UiThemeOptions = {}): UiTheme {\n  const mode = options.mode ?? 'light';\n  const seeds = options.palette ?? {};\n  const brand = DEFAULT_BRAND[mode];\n  const defaults = MODE_DEFAULTS[mode];\n  const spacingUnit = options.spacingUnit ?? 8;\n\n  const palette: UiPalette = {\n    mode,\n    primary: augmentColor(seeds.primary ?? brand.primary),\n    secondary: augmentColor(seeds.secondary ?? brand.secondary),\n    success: semantic(mode, 'success', seeds.success),\n    warning: semantic(mode, 'warning', seeds.warning),\n    info: semantic(mode, 'info', seeds.info),\n    danger: semantic(mode, 'danger', seeds.danger),\n    neutral: NEUTRAL,\n    text: defaults.text,\n    background: { ...defaults.background, ...seeds.background },\n    divider: defaults.divider,\n    action: defaults.action,\n    grey: GREY,\n  };\n\n  return {\n    mode,\n    palette,\n    spacing: (units: number) => units * spacingUnit,\n    spacingUnit,\n    radius: { sm: 2, md: 4, lg: 8, xl: 16, full: 9999 },\n    typography: {\n      fontFamily: options.typography?.fontFamily,\n      monospaceFontFamily: options.typography?.monospaceFontFamily,\n      sizes: TYPE_SIZES,\n      weights: FONT_WEIGHTS,\n      heading: HEADING_STEPS,\n    },\n    zIndex: { appBar: 1100, drawer: 1200, modal: 1300, snackbar: 1400, tooltip: 1500 },\n  };\n}\n\n/** The palette slot a house colour name resolves to. */\nexport type UiPaletteKey = 'primary' | 'secondary' | 'success' | 'warning' | 'info' | 'danger' | 'neutral';\n\nexport const DEFAULT_UI_THEME: UiTheme = createUiTheme();\n"],"mappings":"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","names":[]}

package/dist/native/chunks/chunk-NRN37A5K.js

@@ -0,0 +1,67 @@
+// src/platform/pulse-ring.native.tsx
+import * as React from "react";
+import { Animated, Easing } from "react-native";
+import { jsx } from "react/jsx-runtime";
+function PulseRing({
+  color,
+  radius,
+  spread,
+  durationMs,
+  fadeAt,
+  opacity,
+  testID
+}) {
+  const progress = React.useRef(new Animated.Value(0)).current;
+  React.useEffect(() => {
+    const loop = Animated.loop(
+      Animated.timing(progress, {
+        toValue: 1,
+        duration: durationMs,
+        easing: Easing.linear,
+        useNativeDriver: false
+      })
+    );
+    loop.start();
+    return () => loop.stop();
+  }, [durationMs, progress]);
+  const grow = progress.interpolate({ inputRange: [0, fadeAt, 1], outputRange: [0, spread, 0] });
+  const inset = Animated.multiply(grow, -1);
+  return /* @__PURE__ */ jsx(
+    Animated.View,
+    {
+      testID,
+      "aria-hidden": true,
+      style: {
+        position: "absolute",
+        pointerEvents: "none",
+        top: inset,
+        left: inset,
+        right: inset,
+        bottom: inset,
+        borderWidth: grow,
+        borderColor: color,
+        borderRadius: radius,
+        opacity: progress.interpolate({ inputRange: [0, fadeAt, 1], outputRange: [opacity, 0, 0] })
+      }
+    }
+  );
+}
+
+// src/tokens/shadow.ts
+var BLACK = "#000";
+var WHITE = "#fff";
+var halo = (blurRadius, color) => [
+  { offsetX: 0, offsetY: 0, blurRadius, spreadDistance: 0, color }
+];
+var drop = (offsetY, blurRadius, color) => [
+  { offsetX: 0, offsetY, blurRadius, spreadDistance: 0, color }
+];
+
+export {
+  BLACK,
+  WHITE,
+  halo,
+  drop,
+  PulseRing
+};
+//# sourceMappingURL=chunk-NRN37A5K.js.map

package/dist/native/chunks/chunk-NRN37A5K.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/platform/pulse-ring.native.tsx","../../../src/tokens/shadow.ts"],"sourcesContent":["import * as React from 'react';\nimport { Animated, Easing } from 'react-native';\n\n/**\n * THE `::after` PULSE, AS A REACT NATIVE VIEW.\n *\n * `Card` and `Dialog` pulse the same way on the web: an `::after` that fills\n * the element, carries `box-shadow: 0 0 0 <spread>px currentColor` and animates\n * that spread out and back while fading, once every two seconds, from BEHIND\n * the element (`z-index: -1`). Those two read this; `Button.native.tsx` still\n * carries its own `Pulse`, a filled overlay that scales and fades rather than a\n * ring, and folding it onto this is a `form/Button` change.\n *\n * React Native cannot paint a child behind its parent's own background, so a\n * filled overlay would wash the surface instead of haloing it. This draws a\n * HOLLOW ring instead: the view is inset by the current spread and carries a\n * border of exactly that width, so the band it paints is precisely the region\n * from the surface's edge to `spread` outside it — the same band the box-shadow\n * spread covers, and nothing over the surface itself.\n *\n * Layout props cannot run on the native driver, so this animates on the JS one.\n */\nexport interface PulseRingProps {\n  color: string;\n  /** The surface's own corner radius, which the ring follows. */\n  radius: number | string;\n  /** How far out of the edge the ring grows, in px. */\n  spread: number;\n  durationMs: number;\n  /** The fraction of the cycle the ring is still visible for. */\n  fadeAt: number;\n  /** The ring's opacity at the start of a cycle. */\n  opacity: number;\n  testID: string;\n}\n\nexport function PulseRing({\n  color,\n  radius,\n  spread,\n  durationMs,\n  fadeAt,\n  opacity,\n  testID,\n}: PulseRingProps): React.JSX.Element {\n  const progress = React.useRef(new Animated.Value(0)).current;\n\n  React.useEffect(() => {\n    const loop = Animated.loop(\n      Animated.timing(progress, {\n        toValue: 1,\n        duration: durationMs,\n        easing: Easing.linear,\n        useNativeDriver: false,\n      }),\n    );\n    loop.start();\n    return () => loop.stop();\n  }, [durationMs, progress]);\n\n  const grow = progress.interpolate({ inputRange: [0, fadeAt, 1], outputRange: [0, spread, 0] });\n  const inset = Animated.multiply(grow, -1);\n\n  return (\n    <Animated.View\n      testID={testID}\n      aria-hidden\n      style={{\n        position: 'absolute',\n        pointerEvents: 'none',\n        top: inset,\n        left: inset,\n        right: inset,\n        bottom: inset,\n        borderWidth: grow,\n        borderColor: color,\n        borderRadius: radius,\n        opacity: progress.interpolate({ inputRange: [0, fadeAt, 1], outputRange: [opacity, 0, 0] }),\n      }}\n    />\n  );\n}\n","/**\n * ONE SHADOW, IN THE SHAPE BOTH RENDERERS READ.\n *\n * A drop shadow is one of the few decorations the two sides express in the same\n * numbers and different syntax: CSS wants `0 8px 32px rgba(…)`, React Native\n * wants `{ offsetX, offsetY, blurRadius, spreadDistance, color }` (its\n * `BoxShadowValue`, which `boxShadow` takes an array of). So the numbers live in\n * a component's `*.metrics.ts` as this object, native passes it straight\n * through, and the web renders it with {@link shadowCss}.\n *\n * {@link shadowCss} reproduces the text the web components already wrote by\n * hand: a bare `0` for a zero length, and no spread at all when the spread is\n * zero. That is what makes moving a shadow into a metrics table a refactor\n * rather than a restyle.\n */\nexport interface UiShadow {\n  offsetX: number;\n  offsetY: number;\n  blurRadius: number;\n  spreadDistance: number;\n  color: string;\n}\n\n/** A length the way the web writes it: a bare `0`, otherwise px. */\nconst len = (value: number): string => (value === 0 ? '0' : `${value}px`);\n\n/** One shadow as CSS. A zero spread is omitted, as the web has always written it. */\nexport const shadowCss = (shadow: UiShadow): string =>\n  [\n    len(shadow.offsetX),\n    len(shadow.offsetY),\n    len(shadow.blurRadius),\n    ...(shadow.spreadDistance === 0 ? [] : [len(shadow.spreadDistance)]),\n    shadow.color,\n  ].join(' ');\n\n/** Several shadows as one CSS declaration. */\nexport const shadowListCss = (shadows: readonly UiShadow[]): string =>\n  shadows.map(shadowCss).join(', ');\n\n/**\n * MUI's `palette.common`, which `UiTheme` has no slot for.\n *\n * Here rather than beside each caller because the neumorphic, glass and scrim\n * arithmetic in more than one component mixes from exactly these two, and a\n * per-component copy is a per-component chance to write `#000000`.\n */\nexport const BLACK = '#000';\nexport const WHITE = '#fff';\n\n/** A shadow with no offset — a halo all round, which is how `glow` reads. */\nexport const halo = (blurRadius: number, color: string): UiShadow[] => [\n  { offsetX: 0, offsetY: 0, blurRadius, spreadDistance: 0, color },\n];\n\n/** A dropped shadow straight down, which is how a lifted surface sits. */\nexport const drop = (offsetY: number, blurRadius: number, color: string): UiShadow[] => [\n  { offsetX: 0, offsetY, blurRadius, spreadDistance: 0, color },\n];\n"],"mappings":";AAAA,YAAY,WAAW;AACvB,SAAS,UAAU,cAAc;AA+D7B;AA5BG,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAsC;AACpC,QAAM,WAAiB,aAAO,IAAI,SAAS,MAAM,CAAC,CAAC,EAAE;AAErD,EAAM,gBAAU,MAAM;AACpB,UAAM,OAAO,SAAS;AAAA,MACpB,SAAS,OAAO,UAAU;AAAA,QACxB,SAAS;AAAA,QACT,UAAU;AAAA,QACV,QAAQ,OAAO;AAAA,QACf,iBAAiB;AAAA,MACnB,CAAC;AAAA,IACH;AACA,SAAK,MAAM;AACX,WAAO,MAAM,KAAK,KAAK;AAAA,EACzB,GAAG,CAAC,YAAY,QAAQ,CAAC;AAEzB,QAAM,OAAO,SAAS,YAAY,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,GAAG,aAAa,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC;AAC7F,QAAM,QAAQ,SAAS,SAAS,MAAM,EAAE;AAExC,SACE;AAAA,IAAC,SAAS;AAAA,IAAT;AAAA,MACC;AAAA,MACA,eAAW;AAAA,MACX,OAAO;AAAA,QACL,UAAU;AAAA,QACV,eAAe;AAAA,QACf,KAAK;AAAA,QACL,MAAM;AAAA,QACN,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,aAAa;AAAA,QACb,aAAa;AAAA,QACb,cAAc;AAAA,QACd,SAAS,SAAS,YAAY,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,GAAG,aAAa,CAAC,SAAS,GAAG,CAAC,EAAE,CAAC;AAAA,MAC5F;AAAA;AAAA,EACF;AAEJ;;;AClCO,IAAM,QAAQ;AACd,IAAM,QAAQ;AAGd,IAAM,OAAO,CAAC,YAAoB,UAA8B;AAAA,EACrE,EAAE,SAAS,GAAG,SAAS,GAAG,YAAY,gBAAgB,GAAG,MAAM;AACjE;AAGO,IAAM,OAAO,CAAC,SAAiB,YAAoB,UAA8B;AAAA,EACtF,EAAE,SAAS,GAAG,SAAS,YAAY,gBAAgB,GAAG,MAAM;AAC9D;","names":[]}

package/dist/native/chunks/{chunk-D4EYAXNG.js → chunk-QYUD3S6F.js}

@@ -1,12 +1,12 @@
-import {
-  resolveTestId
-} from "./chunk-QZAUOHDQ.js";
 import {
   COLOR_VALUES
 } from "./chunk-5WLOVHKK.js";
+import {
+  resolveTestId
+} from "./chunk-AR5O4BEY.js";
 import {
   useUiTheme
-} from "./chunk-YTHR4Y5P.js";
+} from "./chunk-GWGIWQO7.js";
 
 // src/icons/Icon.types.ts
 var ICON_SIZES = {
@@ -111,4 +111,4 @@ export {
   ICON_NAMES,
   Icon
 };
-//# sourceMappingURL=chunk-D4EYAXNG.js.map
+//# sourceMappingURL=chunk-QYUD3S6F.js.map

package/dist/native/data-display/Alert.js

@@ -1,6 +1,3 @@
-import {
-  muiTypeStyle
-} from "../chunks/chunk-HSIND52T.js";
 import {
   webAria
 } from "../chunks/chunk-T6BJPP3E.js";
@@ -9,21 +6,24 @@ import {
 } from "../chunks/chunk-5GJ5OG5R.js";
 import {
   Icon
-} from "../chunks/chunk-D4EYAXNG.js";
+} from "../chunks/chunk-QYUD3S6F.js";
+import "../chunks/chunk-5WLOVHKK.js";
 import {
   resolveTestId,
   withoutTestIdProps
-} from "../chunks/chunk-QZAUOHDQ.js";
-import "../chunks/chunk-5WLOVHKK.js";
+} from "../chunks/chunk-AR5O4BEY.js";
+import {
+  muiTypeStyle
+} from "../chunks/chunk-2UFNPDYT.js";
 import {
   useUiTheme
-} from "../chunks/chunk-YTHR4Y5P.js";
+} from "../chunks/chunk-GWGIWQO7.js";
 import {
   alpha,
   contrastText,
   darken,
   lighten
-} from "../chunks/chunk-P3PL4WBO.js";
+} from "../chunks/chunk-LEMMXZFN.js";
 
 // src/components/data-display/Alert/Alert.native.tsx
 import * as React from "react";

package/dist/native/data-display/Avatar.js

@@ -1,20 +1,20 @@
-import {
-  useLoopedProgress
-} from "../chunks/chunk-MLQIOKQZ.js";
 import {
   renderTextChildren
 } from "../chunks/chunk-5GJ5OG5R.js";
 import {
   Icon
-} from "../chunks/chunk-D4EYAXNG.js";
-import "../chunks/chunk-QZAUOHDQ.js";
+} from "../chunks/chunk-QYUD3S6F.js";
 import "../chunks/chunk-5WLOVHKK.js";
+import "../chunks/chunk-AR5O4BEY.js";
+import {
+  useLoopedProgress
+} from "../chunks/chunk-MLQIOKQZ.js";
 import {
   useUiTheme
-} from "../chunks/chunk-YTHR4Y5P.js";
+} from "../chunks/chunk-GWGIWQO7.js";
 import {
   alpha
-} from "../chunks/chunk-P3PL4WBO.js";
+} from "../chunks/chunk-LEMMXZFN.js";
 
 // src/components/data-display/Avatar/Avatar.native.tsx
 import * as React2 from "react";

package/dist/native/data-display/Badge.js

@@ -1,6 +1,3 @@
-import {
-  useLoopedProgress
-} from "../chunks/chunk-MLQIOKQZ.js";
 import {
   webAria
 } from "../chunks/chunk-T6BJPP3E.js";
@@ -9,18 +6,21 @@ import {
 } from "../chunks/chunk-5GJ5OG5R.js";
 import {
   Icon
-} from "../chunks/chunk-D4EYAXNG.js";
+} from "../chunks/chunk-QYUD3S6F.js";
+import "../chunks/chunk-5WLOVHKK.js";
 import {
   resolveTestId
-} from "../chunks/chunk-QZAUOHDQ.js";
-import "../chunks/chunk-5WLOVHKK.js";
+} from "../chunks/chunk-AR5O4BEY.js";
+import {
+  useLoopedProgress
+} from "../chunks/chunk-MLQIOKQZ.js";
 import {
   useUiTheme
-} from "../chunks/chunk-YTHR4Y5P.js";
+} from "../chunks/chunk-GWGIWQO7.js";
 import {
   alpha,
   contrastText
-} from "../chunks/chunk-P3PL4WBO.js";
+} from "../chunks/chunk-LEMMXZFN.js";
 
 // src/components/data-display/Badge/Badge.native.tsx
 import * as React from "react";

package/dist/native/data-display/Chip.js

@@ -1,14 +1,14 @@
 import {
   Icon
-} from "../chunks/chunk-D4EYAXNG.js";
-import "../chunks/chunk-QZAUOHDQ.js";
+} from "../chunks/chunk-QYUD3S6F.js";
 import "../chunks/chunk-5WLOVHKK.js";
+import "../chunks/chunk-AR5O4BEY.js";
 import {
   useUiTheme
-} from "../chunks/chunk-YTHR4Y5P.js";
+} from "../chunks/chunk-GWGIWQO7.js";
 import {
   alpha
-} from "../chunks/chunk-P3PL4WBO.js";
+} from "../chunks/chunk-LEMMXZFN.js";
 
 // src/components/data-display/Chip/Chip.native.tsx
 import * as React from "react";