@12-apps/ui 6.54.1 → 6.55.0

package/dist/native/chunks/chunk-4JAP6O2Y.js

@@ -0,0 +1,114 @@
+import {
+  COLOR_VALUES
+} from "./chunk-5WLOVHKK.js";
+import {
+  resolveTestId
+} from "./chunk-AR5O4BEY.js";
+import {
+  useUiTheme
+} from "./chunk-ZYSOBULX.js";
+
+// src/icons/Icon.types.ts
+var ICON_SIZES = {
+  xs: 16,
+  sm: 20,
+  md: 24,
+  lg: 32,
+  xl: 40
+};
+var iconSize = (size) => typeof size === "number" ? size : ICON_SIZES[size ?? "md"];
+
+// src/icons/paths.generated.ts
+var ICON_PATHS = {
+  Add: ["M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6z"],
+  ArrowBack: ["M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20z"],
+  ArrowDownward: ["m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8z"],
+  ArrowDropDown: ["m7 10 5 5 5-5z"],
+  ArrowForward: ["m12 4-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8z"],
+  ArrowUpward: ["m4 12 1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8z"],
+  BrokenImage: ["M21 5v6.59l-3-3.01-4 4.01-4-4-4 4-3-3.01V5c0-1.1.9-2 2-2h14c1.1 0 2 .9 2 2m-3 6.42 3 3.01V19c0 1.1-.9 2-2 2H5c-1.1 0-2-.9-2-2v-6.58l3 2.99 4-4 4 4z"],
+  Cancel: ["M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2m5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12z"],
+  Check: ["M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z"],
+  CheckBox: ["M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2m-9 14-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"],
+  CheckBoxOutlineBlank: ["M19 5v14H5V5zm0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2"],
+  CheckCircle: ["M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m-2 15-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8z"],
+  ChevronLeft: ["M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"],
+  ChevronRight: ["M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"],
+  Close: ["M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"],
+  ContentCopy: ["M16 1H4c-1.1 0-2 .9-2 2v14h2V3h12zm3 4H8c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h11c1.1 0 2-.9 2-2V7c0-1.1-.9-2-2-2m0 16H8V7h11z"],
+  Delete: ["M6 19c0 1.1.9 2 2 2h8c1.1 0 2-.9 2-2V7H6zM19 4h-3.5l-1-1h-5l-1 1H5v2h14z"],
+  Edit: ["M3 17.25V21h3.75L17.81 9.94l-3.75-3.75zM20.71 7.04c.39-.39.39-1.02 0-1.41l-2.34-2.34a.996.996 0 0 0-1.41 0l-1.83 1.83 3.75 3.75z"],
+  Error: ["M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-2h2zm0-4h-2V7h2z"],
+  ErrorOutline: ["M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2M12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8"],
+  ExpandLess: ["m12 8-6 6 1.41 1.41L12 10.83l4.59 4.58L18 14z"],
+  ExpandMore: ["M16.59 8.59 12 13.17 7.41 8.59 6 10l6 6 6-6z"],
+  FilterList: ["M10 18h4v-2h-4zM3 6v2h18V6zm3 7h12v-2H6z"],
+  IndeterminateCheckBox: ["M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2m-2 10H7v-2h10z"],
+  Info: ["M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m1 15h-2v-6h2zm0-8h-2V7h2z"],
+  InfoOutlined: ["M11 7h2v2h-2zm0 4h2v6h-2zm1-9C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2m0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8"],
+  KeyboardArrowDown: ["M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6z"],
+  KeyboardArrowUp: ["M7.41 15.41 12 10.83l4.59 4.58L18 14l-6-6-6 6z"],
+  Menu: ["M3 18h18v-2H3zm0-5h18v-2H3zm0-7v2h18V6z"],
+  MoreHoriz: ["M6 10c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m12 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m-6 0c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"],
+  MoreVert: ["M12 8c1.1 0 2-.9 2-2s-.9-2-2-2-2 .9-2 2 .9 2 2 2m0 2c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2m0 6c-1.1 0-2 .9-2 2s.9 2 2 2 2-.9 2-2-.9-2-2-2"],
+  NavigateBefore: ["M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z"],
+  NavigateNext: ["M10 6 8.59 7.41 13.17 12l-4.58 4.59L10 18l6-6z"],
+  Person: ["M12 12c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4m0 2c-2.67 0-8 1.34-8 4v2h16v-2c0-2.66-5.33-4-8-4"],
+  Refresh: ["M17.65 6.35C16.2 4.9 14.21 4 12 4c-4.42 0-7.99 3.58-7.99 8s3.57 8 7.99 8c3.73 0 6.84-2.55 7.73-6h-2.08c-.82 2.33-3.04 4-5.65 4-3.31 0-6-2.69-6-6s2.69-6 6-6c1.66 0 3.14.69 4.22 1.78L13 11h7V4z"],
+  Remove: ["M19 13H5v-2h14z"],
+  Save: ["M17 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.1 0 2-.9 2-2V7zm-5 16c-1.66 0-3-1.34-3-3s1.34-3 3-3 3 1.34 3 3-1.34 3-3 3m3-10H5V5h10z"],
+  Search: ["M15.5 14h-.79l-.28-.27C15.41 12.59 16 11.11 16 9.5 16 5.91 13.09 3 9.5 3S3 5.91 3 9.5 5.91 16 9.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14"],
+  Settings: ["M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6"],
+  Visibility: ["M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5M12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5m0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3"],
+  VisibilityOff: ["M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7M2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2m4.31-.78 3.15 3.15.02-.16c0-1.66-1.34-3-3-3z"],
+  Warning: ["M1 21h22L12 2zm12-3h-2v-2h2zm0-4h-2v-4h2z"],
+  WarningAmber: ["M12 5.99 19.53 19H4.47zM12 2 1 21h22z", "M13 16h-2v2h2zm0-6h-2v5h2z"]
+};
+var ICON_NAMES = Object.keys(ICON_PATHS);
+
+// src/icons/Icon.native.tsx
+import Svg, { Path } from "react-native-svg";
+
+// src/icons/icon-color.ts
+var isColorValue = (color) => COLOR_VALUES.includes(color);
+function iconFill(theme, color, inherit) {
+  if (color === void 0 || color === "inherit") return inherit;
+  if (isColorValue(color)) {
+    return color === "neutral" ? theme.palette.text.secondary : theme.palette[color].main;
+  }
+  return color;
+}
+
+// src/icons/Icon.native.tsx
+import { jsx } from "react/jsx-runtime";
+function Icon({ name, size, color, label, style, ...rest }) {
+  const theme = useUiTheme();
+  const px = iconSize(size);
+  const fill = iconFill(theme, color, theme.palette.text.primary);
+  const testId = resolveTestId(rest, `icon-${name}`);
+  return /* @__PURE__ */ jsx(
+    Svg,
+    {
+      width: px,
+      height: px,
+      viewBox: "0 0 24 24",
+      fill,
+      style,
+      testID: testId,
+      role: "img",
+      "aria-label": label,
+      "aria-hidden": !label,
+      children: ICON_PATHS[name].map((d) => /* @__PURE__ */ jsx(Path, { d, fill }, d))
+    }
+  );
+}
+Icon.displayName = "Icon";
+
+export {
+  ICON_SIZES,
+  iconSize,
+  ICON_PATHS,
+  ICON_NAMES,
+  Icon
+};
+//# sourceMappingURL=chunk-4JAP6O2Y.js.map

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

@@ -0,0 +1,414 @@
+// src/tokens/color.ts
+var FORMATS = ["rgb", "rgba", "hsl", "hsla"];
+var clamp = (value, min = 0, max = 1) => Math.min(Math.max(min, value), max);
+function hexToRgb(color) {
+  const hex = color.slice(1);
+  const pair = new RegExp(`.{1,${hex.length >= 6 ? 2 : 1}}`, "g");
+  let channels = hex.match(pair);
+  if (channels && channels[0]?.length === 1) {
+    channels = channels.map((channel) => channel + channel);
+  }
+  if (!channels) return "";
+  const parts = channels.map(
+    (channel, index) => index < 3 ? parseInt(channel, 16) : Math.round(parseInt(channel, 16) / 255 * 1e3) / 1e3
+  );
+  return `rgb${channels.length === 4 ? "a" : ""}(${parts.join(", ")})`;
+}
+function decomposeColor(color) {
+  if (color.charAt(0) === "#") {
+    return decomposeColor(hexToRgb(color));
+  }
+  const marker = color.indexOf("(");
+  const type = color.substring(0, marker);
+  if (!FORMATS.includes(type)) {
+    throw new Error(
+      `@12-apps/ui: unsupported colour "${color}". Use #nnn, #nnnnnn, rgb(), rgba(), hsl() or hsla().`
+    );
+  }
+  const values = color.substring(marker + 1, color.length - 1).split(",").map((value) => parseFloat(value));
+  return { type, values };
+}
+function recomposeColor({ type, values }) {
+  const parts = type.startsWith("rgb") ? values.map((value, index) => index < 3 ? Math.trunc(value) : value) : [values[0] ?? 0, `${values[1] ?? 0}%`, `${values[2] ?? 0}%`, ...values.slice(3)];
+  return `${type}(${parts.join(", ")})`;
+}
+function hslToRgb(color) {
+  const { type, values } = decomposeColor(color);
+  const h = values[0] ?? 0;
+  const s = (values[1] ?? 0) / 100;
+  const l = (values[2] ?? 0) / 100;
+  const a = s * Math.min(l, 1 - l);
+  const f = (n, k = (n + h / 30) % 12) => l - a * Math.max(Math.min(k - 3, 9 - k, 1), -1);
+  const rgb = [Math.round(f(0) * 255), Math.round(f(8) * 255), Math.round(f(4) * 255)];
+  if (type === "hsla") {
+    return recomposeColor({ type: "rgba", values: [...rgb, values[3] ?? 1] });
+  }
+  return recomposeColor({ type: "rgb", values: rgb });
+}
+function getLuminance(color) {
+  const decomposed = decomposeColor(color);
+  const channels = decomposed.type.startsWith("hsl") ? decomposeColor(hslToRgb(color)).values : decomposed.values;
+  const [r, g, b] = channels.slice(0, 3).map((value) => {
+    const c = value / 255;
+    return c <= 0.03928 ? c / 12.92 : ((c + 0.055) / 1.055) ** 2.4;
+  });
+  return Number((0.2126 * (r ?? 0) + 0.7152 * (g ?? 0) + 0.0722 * (b ?? 0)).toFixed(3));
+}
+function getContrastRatio(foreground, background) {
+  const lumA = getLuminance(foreground);
+  const lumB = getLuminance(background);
+  return (Math.max(lumA, lumB) + 0.05) / (Math.min(lumA, lumB) + 0.05);
+}
+function alpha(color, value) {
+  const decomposed = decomposeColor(color);
+  const type = decomposed.type.endsWith("a") ? decomposed.type : `${decomposed.type}a`;
+  const values = decomposed.values.slice(0, 3);
+  values[3] = clamp(value);
+  return recomposeColor({ type, values });
+}
+function darken(color, coefficient) {
+  const decomposed = decomposeColor(color);
+  const amount = clamp(coefficient);
+  const values = [...decomposed.values];
+  if (decomposed.type.startsWith("hsl")) {
+    values[2] = (values[2] ?? 0) * (1 - amount);
+  } else {
+    for (let index = 0; index < 3; index += 1) {
+      values[index] = (values[index] ?? 0) * (1 - amount);
+    }
+  }
+  return recomposeColor({ type: decomposed.type, values });
+}
+function lighten(color, coefficient) {
+  const decomposed = decomposeColor(color);
+  const amount = clamp(coefficient);
+  const values = [...decomposed.values];
+  if (decomposed.type.startsWith("hsl")) {
+    values[2] = (values[2] ?? 0) + (100 - (values[2] ?? 0)) * amount;
+  } else {
+    for (let index = 0; index < 3; index += 1) {
+      values[index] = (values[index] ?? 0) + (255 - (values[index] ?? 0)) * amount;
+    }
+  }
+  return recomposeColor({ type: decomposed.type, values });
+}
+function blend(background, overlay, opacity) {
+  const rgbOf = (color) => decomposeColor(color.startsWith("hsl") ? hslToRgb(color) : color).values;
+  const base = rgbOf(background);
+  const top = rgbOf(overlay);
+  const amount = clamp(opacity);
+  const channel = (index) => Math.round((base[index] ?? 0) * (1 - amount) + (top[index] ?? 0) * amount);
+  return recomposeColor({ type: "rgb", values: [channel(0), channel(1), channel(2)] });
+}
+function emphasize(color, coefficient = 0.15) {
+  return getLuminance(color) > 0.5 ? darken(color, coefficient) : lighten(color, coefficient);
+}
+
+// src/tokens/ink-over.ts
+var CONTRAST_THRESHOLD = 3;
+var DARK_TEXT_PRIMARY = "rgba(0, 0, 0, 0.87)";
+var LIGHT_TEXT_PRIMARY = "#fff";
+function contrastText(background) {
+  return getContrastRatio(background, LIGHT_TEXT_PRIMARY) >= CONTRAST_THRESHOLD ? LIGHT_TEXT_PRIMARY : DARK_TEXT_PRIMARY;
+}
+var INK_CHANGE_MARGIN = 0.5;
+var INK_CHANGE_FLOOR = CONTRAST_THRESHOLD;
+function inkOver(fills, incumbent) {
+  try {
+    const worstCase = (ink) => Math.min(...fills.map((fill) => getContrastRatio(ink, fill)));
+    const better = worstCase(LIGHT_TEXT_PRIMARY) >= worstCase(DARK_TEXT_PRIMARY) ? LIGHT_TEXT_PRIMARY : DARK_TEXT_PRIMARY;
+    const held = worstCase(incumbent);
+    const gain = worstCase(better) - held;
+    return gain >= INK_CHANGE_MARGIN || held < INK_CHANGE_FLOOR ? better : incumbent;
+  } catch {
+    return incumbent;
+  }
+}
+
+// src/tokens/density.core.ts
+var DEFAULT_DENSITY = "normal";
+var DENSITY_FACTOR = {
+  compact: 0.9,
+  normal: 1,
+  comfortable: 1.1
+};
+function isUsableFactor(value) {
+  return typeof value === "number" && Number.isFinite(value) && value > 0;
+}
+function resolveDensityFactor(density, factors) {
+  if (typeof density === "number") {
+    if (isUsableFactor(density)) return { factor: density };
+    density = void 0;
+  }
+  const level = density ?? DEFAULT_DENSITY;
+  const override = factors?.[level];
+  const factor = isUsableFactor(override) ? override : DENSITY_FACTOR[level];
+  return { level, factor };
+}
+var BASE_FONT_SIZE = 14;
+var BASE_SPACING_UNIT = 8;
+var BASE_FIELD_HEIGHT = 2.5;
+function densityFontSize(factor) {
+  return BASE_FONT_SIZE * factor;
+}
+function densitySpacingUnit(factor) {
+  return BASE_SPACING_UNIT * factor;
+}
+function densityFieldHeight(factor) {
+  return BASE_FIELD_HEIGHT * factor;
+}
+
+// src/tokens/field-height.core.ts
+var DEFAULT_FIELD_HEIGHT = 2.5;
+var FIELD_HEIGHT_FONT_PX = 16;
+var FIELD_HEIGHT_SCALE = {
+  xs: 0.8,
+  sm: 1,
+  md: 1,
+  lg: 1.2,
+  xl: 1.4
+};
+function resolveFieldHeight(height, fallback = DEFAULT_FIELD_HEIGHT) {
+  return typeof height === "number" && Number.isFinite(height) && height > 0 ? height : fallback;
+}
+function fieldHeightRem(height, size = "md") {
+  return Math.round(resolveFieldHeight(height) * FIELD_HEIGHT_SCALE[size] * 1e4) / 1e4;
+}
+function fieldHeightPx(height, size = "md") {
+  return fieldHeightRem(height, size) * FIELD_HEIGHT_FONT_PX;
+}
+var FIELD_BORDER_WIDTH = 1;
+
+// src/tokens/field-radius.core.ts
+var DEFAULT_FIELD_RADIUS = 8;
+
+// 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) {
+  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;
+}
+
+// src/tokens/theme.ts
+var ROOT_FONT_PX = 16;
+var px = (value) => `${value / ROOT_FONT_PX}rem`;
+var TONAL_OFFSET = 0.2;
+var GREY = {
+  50: "#fafafa",
+  100: "#f5f5f5",
+  200: "#eeeeee",
+  300: "#e0e0e0",
+  400: "#bdbdbd",
+  500: "#9e9e9e",
+  600: "#757575",
+  700: "#616161",
+  800: "#424242",
+  900: "#212121"
+};
+var DEFAULT_BRAND = {
+  light: { primary: "#6366F1", secondary: "#8B5CF6" },
+  dark: { primary: "#818CF8", secondary: "#A78BFA" }
+};
+var SEMANTIC_DEFAULTS = {
+  light: {
+    success: { main: "#2e7d32", light: "#4caf50", dark: "#1b5e20", contrastText: "#fff" },
+    warning: { main: "#ed6c02", light: "#ff9800", dark: "#e65100", contrastText: "#fff" },
+    info: { main: "#0288d1", light: "#03a9f4", dark: "#01579b", contrastText: "#fff" },
+    danger: { main: "#d32f2f", light: "#ef5350", dark: "#c62828", contrastText: "#fff" }
+  },
+  dark: {
+    success: { main: "#66bb6a", light: "#81c784", dark: "#388e3c", contrastText: DARK_TEXT_PRIMARY },
+    warning: { main: "#ffa726", light: "#ffb74d", dark: "#f57c00", contrastText: DARK_TEXT_PRIMARY },
+    info: { main: "#29b6f6", light: "#4fc3f7", dark: "#0288d1", contrastText: DARK_TEXT_PRIMARY },
+    danger: { main: "#f44336", light: "#e57373", dark: "#d32f2f", contrastText: "#fff" }
+  }
+};
+var MODE_DEFAULTS = {
+  light: {
+    text: { primary: DARK_TEXT_PRIMARY, secondary: "rgba(0, 0, 0, 0.6)", disabled: "rgba(0, 0, 0, 0.38)" },
+    background: { default: "#fff", paper: "#fff" },
+    divider: "rgba(0, 0, 0, 0.12)",
+    action: {
+      active: "rgba(0, 0, 0, 0.54)",
+      hover: "rgba(0, 0, 0, 0.04)",
+      selected: "rgba(0, 0, 0, 0.08)",
+      disabled: "rgba(0, 0, 0, 0.26)",
+      disabledBackground: "rgba(0, 0, 0, 0.12)",
+      focus: "rgba(0, 0, 0, 0.12)"
+    }
+  },
+  dark: {
+    text: { primary: "#fff", secondary: "rgba(255, 255, 255, 0.7)", disabled: "rgba(255, 255, 255, 0.5)" },
+    background: { default: "#121212", paper: "#121212" },
+    divider: "rgba(255, 255, 255, 0.12)",
+    action: {
+      active: "#fff",
+      hover: "rgba(255, 255, 255, 0.08)",
+      selected: "rgba(255, 255, 255, 0.16)",
+      disabled: "rgba(255, 255, 255, 0.3)",
+      disabledBackground: "rgba(255, 255, 255, 0.12)",
+      focus: "rgba(255, 255, 255, 0.12)"
+    }
+  }
+};
+function augmentColor(seed) {
+  const partial = typeof seed === "string" ? { main: seed } : seed;
+  const main = partial.main ?? partial.light ?? partial.dark;
+  if (!main) {
+    throw new Error("@12-apps/ui: a palette seed needs at least a `main` colour.");
+  }
+  return {
+    main,
+    light: partial.light ?? lighten(main, TONAL_OFFSET),
+    dark: partial.dark ?? darken(main, TONAL_OFFSET * 1.5),
+    contrastText: partial.contrastText ?? contrastText(main)
+  };
+}
+var semantic = (mode, key, seed) => seed === void 0 ? SEMANTIC_DEFAULTS[mode][key] : augmentColor(seed);
+var NEUTRAL = {
+  main: GREY[600],
+  light: GREY[400],
+  dark: GREY[800],
+  contrastText: "#fff"
+};
+var TYPE_SIZES = {
+  xs: { fontSize: 12, lineHeight: 1.2 },
+  sm: { fontSize: 14, lineHeight: 1.3 },
+  md: { fontSize: 16, lineHeight: 1.5 },
+  lg: { fontSize: 18, lineHeight: 1.4 },
+  xl: { fontSize: 20, lineHeight: 1.3 }
+};
+var FONT_WEIGHTS = {
+  light: 300,
+  normal: 400,
+  medium: 500,
+  semibold: 600,
+  bold: 700
+};
+var HEADING_STEPS = Object.fromEntries(
+  Object.entries(HEADING_SCALE).map(([level, metrics]) => [
+    level,
+    {
+      fontSize: cssLengthToPx(metrics.fontSize, ROOT_FONT_PX),
+      lineHeight: metrics.lineHeight,
+      letterSpacing: cssTrackingToEm(metrics.letterSpacing),
+      normalWeight: metrics.normalWeight
+    }
+  ])
+);
+var WEB_FONT_FAMILY = '"Roboto", "Helvetica", "Arial", sans-serif';
+var WEB_MONOSPACE_FONT_FAMILY = 'Monaco, Menlo, "Ubuntu Mono", "Courier New", monospace';
+function createUiTheme(options = {}) {
+  const mode = options.mode ?? "light";
+  const seeds = options.palette ?? {};
+  const brand = DEFAULT_BRAND[mode];
+  const defaults = MODE_DEFAULTS[mode];
+  const density = resolveDensityFactor(options.density, options.densityFactors);
+  const spacingUnit = options.spacingUnit ?? densitySpacingUnit(density.factor);
+  const palette = {
+    mode,
+    primary: augmentColor(seeds.primary ?? brand.primary),
+    secondary: augmentColor(seeds.secondary ?? brand.secondary),
+    success: semantic(mode, "success", seeds.success),
+    warning: semantic(mode, "warning", seeds.warning),
+    info: semantic(mode, "info", seeds.info),
+    danger: semantic(mode, "danger", seeds.danger),
+    neutral: NEUTRAL,
+    text: defaults.text,
+    background: { ...defaults.background, ...seeds.background },
+    divider: defaults.divider,
+    action: defaults.action,
+    grey: GREY
+  };
+  return {
+    mode,
+    palette,
+    spacing: (units) => units * spacingUnit,
+    spacingUnit,
+    radius: { sm: 2, md: 4, lg: 8, xl: 16, full: 9999, field: options.fieldRadius ?? DEFAULT_FIELD_RADIUS },
+    fieldHeight: resolveFieldHeight(options.fieldHeight, densityFieldHeight(density.factor)),
+    density,
+    typography: {
+      fontFamily: options.typography?.fontFamily,
+      monospaceFontFamily: options.typography?.monospaceFontFamily,
+      sizes: TYPE_SIZES,
+      weights: FONT_WEIGHTS,
+      heading: HEADING_STEPS
+    },
+    zIndex: { appBar: 1100, drawer: 1200, modal: 1300, snackbar: 1400, tooltip: 1500 }
+  };
+}
+var DEFAULT_UI_THEME = createUiTheme();
+
+export {
+  hexToRgb,
+  decomposeColor,
+  recomposeColor,
+  hslToRgb,
+  getLuminance,
+  getContrastRatio,
+  alpha,
+  darken,
+  lighten,
+  blend,
+  emphasize,
+  contrastText,
+  inkOver,
+  cssLengthToPx,
+  DEFAULT_DENSITY,
+  DENSITY_FACTOR,
+  resolveDensityFactor,
+  densityFontSize,
+  densitySpacingUnit,
+  densityFieldHeight,
+  DEFAULT_FIELD_HEIGHT,
+  FIELD_HEIGHT_SCALE,
+  fieldHeightRem,
+  fieldHeightPx,
+  FIELD_BORDER_WIDTH,
+  DEFAULT_FIELD_RADIUS,
+  HEADING_LEVELS,
+  HEADING_SCALE,
+  px,
+  GREY,
+  DEFAULT_BRAND,
+  augmentColor,
+  NEUTRAL,
+  TYPE_SIZES,
+  FONT_WEIGHTS,
+  WEB_FONT_FAMILY,
+  WEB_MONOSPACE_FONT_FAMILY,
+  createUiTheme,
+  DEFAULT_UI_THEME
+};
+//# sourceMappingURL=chunk-DNTO2D5M.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/tokens/color.ts","../../../src/tokens/ink-over.ts","../../../src/tokens/density.core.ts","../../../src/tokens/field-height.core.ts","../../../src/tokens/field-radius.core.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/**\n * `overlay` laid over `background` at `opacity` (0 to 1), flattened to one\n * OPAQUE `rgb()` — the colour a translucent wash actually shows, as a colour\n * that stays that colour whatever it is later painted on.\n *\n * MUI's `blend` at its default gamma, rounding each channel as it does. One\n * deliberate difference: an `hsl()` input is converted to rgb first, where\n * MUI's reads hue, saturation and lightness as if they were red, green and\n * blue. Any alpha on either input is ignored, as in MUI.\n */\nexport function blend(background: string, overlay: string, opacity: number): string {\n  const rgbOf = (color: string): number[] =>\n    decomposeColor(color.startsWith('hsl') ? hslToRgb(color) : color).values;\n  const base = rgbOf(background);\n  const top = rgbOf(overlay);\n  const amount = clamp(opacity);\n  const channel = (index: number): number =>\n    Math.round((base[index] ?? 0) * (1 - amount) + (top[index] ?? 0) * amount);\n  return recomposeColor({ type: 'rgb', values: [channel(0), channel(1), channel(2)] });\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 PRODUCT'S TWO INKS, AND THE TWO RULES FOR CHOOSING BETWEEN THEM.\n *\n * Split out of `theme.ts` when that file reached the 400-line cap, and the seam\n * is a real one rather than a place the knife happened to land: everything here\n * answers one question — given a surface, which of the two inks goes on it —\n * and nothing here builds a palette. `theme.ts` keeps the tables and the\n * factories and imports the answers.\n *\n * Both functions stay exported from `theme.ts` as well, because both were\n * published from there and a caller should not have to learn about this file.\n */\nimport { getContrastRatio } from './color';\n\n/** MUI's `createPalette` contrast defaults, exactly. */\nexport const CONTRAST_THRESHOLD = 3;\nexport const DARK_TEXT_PRIMARY = 'rgba(0, 0, 0, 0.87)';\nexport const LIGHT_TEXT_PRIMARY = '#fff';\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 * The ink that reads on EVERY one of these fills (FUT-1924).\n *\n * {@link contrastText} answers for one fill, which is all MUI's `augmentColor`\n * ever needs: a solid button is a single flat colour. Two components paint the\n * label over something that is not one colour — `Button`'s `gradient` variant\n * runs between two stops, and `Switch`'s thumb travels the whole length of a\n * checked track — and both of them stated `#fff` outright instead, which is\n * white-on-pale the moment a white-labelled host hands the library a pale\n * brand. Audited across the library, those two were the only places a hardcoded\n * white sat over a surface the TENANT chooses.\n *\n * **This deliberately does not follow `contrastText`'s rule.** MUI's is a\n * threshold that PREFERS white — white wherever white clears 3:1 — which is a\n * brand-feel decision, and it is kept for every existing caller so nothing\n * already legible moves. Here the fills can disagree: over MUI's own success\n * pair white is 2.78:1 on `#4caf50` and dark ink 2.66:1 on `#1b5e20`, so\n * neither meets any threshold and asking whether one does is the wrong\n * question. The answer is whichever ink has the better WORST case across the\n * fills — which is also not what either fill says on its own, since\n * `contrastText('#4caf50')` is dark ink.\n *\n * A gradient wide enough that neither ink clears 4.5:1 anywhere is a palette\n * problem this cannot fix — it returns the less bad ink and does not pretend\n * otherwise.\n *\n * **It no longer takes the better ink for free (FUT-2066).** \"Better worst\n * case\" decides WHICH ink wins; {@link INK_CHANGE_MARGIN} decides whether the\n * win is big enough to repaint a brand over. The two rows that moved when this\n * function landed were `warning` — 2.16:1 white on an orange, the defect — and\n * `danger`, bought for a quarter of a point. Only the first survives the\n * margin, which is the whole point: one of them was a fix and the other was\n * churn, and nothing in the old rule could tell them apart.\n *\n * `Math.min` is the claim, and it is worth knowing that no test can prove it\n * against `Math.max` today: the two candidate inks sit at opposite ends of the\n * luminance range, so ranking them by their best fill and by their worst gives\n * the same winner for every possible pair (checked exhaustively). Worst case is\n * still what this MEANS, and the moment a third ink or one that is not an\n * extreme is offered, the two stop agreeing.\n *\n * `incumbent` is the palette's own `contrastText` for this role — what both\n * call sites already passed, under the name `fallback`. It is still returned\n * when a fill cannot be decomposed ({@link getContrastRatio} throws on a format\n * it does not know, and a throw inside an emotion style function takes the\n * render down with it), so nothing about that path changed; it has simply\n * stopped being only a last resort.\n */\n/**\n * HOW MUCH BETTER THE OTHER INK HAS TO BE BEFORE A BRAND IS REPAINTED (FUT-2066).\n *\n * Half a contrast point. The rule this guards is \"take the better worst case\",\n * and on MUI's own stock palette that rule repainted `danger`'s gradient button\n * from white-on-red to black-on-red for **0.25 of a point** — 3.49 against 3.74,\n * with neither ink clearing AA either way. A rule that churns a brand for a\n * rounding difference will churn it again on the next palette tweak, and the\n * consumer who has to explain why their destructive button changed colour has\n * no better answer than \"it rounded the other way\".\n *\n * The number sits in a wide measured band rather than on a cliff. Walking the\n * five gradient pairs `Button.styles.ts` paints, the only two gaps that exist\n * are `danger`'s **0.25** — the churn — and `warning`'s **3.38**, white at\n * 2.16:1 on an orange against dark ink at 5.54:1, which is the defect FUT-1924\n * exists for. Anything in `[0.3, 3.38]` separates them; 0.5 is the round number\n * nearest the bottom of that band, so the next palette move has to be\n * substantially larger than a rounding difference before this fires.\n *\n * FUT-2066 recorded this as undecidable, on a measurement that turns out to be\n * wrong: it reports the incumbent for `success` as DARK ink and concludes that\n * a margin would hold it at 2.66 where the current rule gets 2.78. The gradient\n * runs `success.light → success.dark`, but `contrastText` answers for\n * `success.MAIN` — `#2e7d32`, not the `#4caf50` the table names — and white on\n * `#2e7d32` is 5.7:1, so the incumbent is white and a margin leaves that row\n * exactly where it is. With that row corrected the objection goes away and the\n * shape the ticket proposed is simply right.\n */\nconst INK_CHANGE_MARGIN = 0.5;\n\n/**\n * The contrast below which the incumbent is not worth keeping at any margin.\n *\n * MUI's own `contrastThreshold`, and the same number for the same reason: below\n * 3:1 an ink is not a brand decision, it is text nobody can read. `warning` is\n * caught by this AND by {@link INK_CHANGE_MARGIN} — white sits at 2.16:1 on\n * that orange — which is deliberate: the one row that has to move should not\n * depend on which clause fires.\n */\nconst INK_CHANGE_FLOOR = CONTRAST_THRESHOLD;\n\nexport function inkOver(fills: readonly string[], incumbent: string): string {\n  try {\n    const worstCase = (ink: string): number =>\n      Math.min(...fills.map((fill) => getContrastRatio(ink, fill)));\n\n    const better =\n      worstCase(LIGHT_TEXT_PRIMARY) >= worstCase(DARK_TEXT_PRIMARY)\n        ? LIGHT_TEXT_PRIMARY\n        : DARK_TEXT_PRIMARY;\n\n    // The incumbent is the palette's OWN answer for this role, which is what\n    // makes \"keep it unless the gain is material\" a statement about churn\n    // rather than about arithmetic. It arrives as the same argument that used\n    // to be the parse-failure fallback, because it always was `contrastText`\n    // at both call sites — the parameter has stopped being a last resort and\n    // started being the thing being defended.\n    const held = worstCase(incumbent);\n    const gain = worstCase(better) - held;\n    return gain >= INK_CHANGE_MARGIN || held < INK_CHANGE_FLOOR ? better : incumbent;\n  } catch {\n    return incumbent;\n  }\n}\n","/**\n * THE ONE DENSITY KNOB, WITH NO RENDERER BEHIND IT.\n *\n * A host that wants a compact admin or a roomy kiosk should say so once, in\n * the theme — not hunt through every component's own numbers. Because every\n * size already goes through `rem(theme, px)` / `theme.spacing()` / `fieldHeight()`\n * (FUT-2585, `./relative.ts`), moving the type scale, the spacing unit and the\n * field height BY THE SAME FACTOR is enough to make the whole package denser\n * or roomier — no `size` step is rewritten, no component is touched (FUT-2764\n * Decision 3).\n *\n * Three named levels, or a raw factor for a repository the three names don't\n * fit (a kiosk app, say). A repository can also redefine what a named level\n * itself means (`densityFactors`). Precedence, highest first, ABOVE\n * `resolveDensityFactor` itself — this file's own resolver has no notion of an\n * \"explicit option\" to defer to, that is each CALLER's job:\n *\n * - On the `createUiTheme` path (`./theme.ts`): an explicit `spacingUnit` /\n *   `fieldHeight` option (`UiThemeOptions` carries no `typography.fontSize` —\n *   only `fontFamily`/`monospaceFontFamily`) still wins over EVERYTHING below,\n *   unchanged.\n * - On the MUI-native path (`densityThemeOptions`'s output, or a host's own\n *   `createTheme()` options merged around it): whichever `typography.fontSize`\n *   / `spacing` a host's OWN object literal states last wins — plain\n *   JavaScript object-spread order, not a rule this package enforces. See\n *   `./density.ts` for exactly where to put it.\n *\n * Below that: a numeric `density` (used as the factor directly, no table\n * lookup, and only when it is a USABLE one — see `resolveDensityFactor`) >\n * `densityFactors[level]` (a repository's own override for a named level,\n * same usability rule) > the built-in table below. No `density` at all\n * resolves to `{ level: 'normal', factor: 1 }` — today, byte-for-byte.\n *\n * This file is the resolver alone, so the native renderer and `./theme.ts`\n * read it without importing MUI. The web reader — `useDensity()`, the MUI\n * theme channel, and the standalone `densityThemeOptions()` — is in\n * `./density.ts`.\n */\n\nexport type DensityLevel = 'compact' | 'normal' | 'comfortable';\n\nexport const DEFAULT_DENSITY: DensityLevel = 'normal';\n\n/**\n * The built-in factor table — the LOWEST-precedence source. A repository's\n * own `densityFactors` entry for a level wins over it; a numeric `density`\n * bypasses it entirely. Confirmed against screenshots before this PR merges\n * (see the ticket's Done when) — `compact` 0.9, `normal` 1 (no-op),\n * `comfortable` 1.1.\n */\nexport const DENSITY_FACTOR: Record<DensityLevel, number> = {\n  compact: 0.9,\n  normal: 1,\n  comfortable: 1.1,\n};\n\nexport interface ResolvedDensity {\n  /** Present only when a NAMED level was given; a raw numeric `density` has no name. */\n  level?: DensityLevel;\n  factor: number;\n}\n\n/**\n * A usable factor — a positive, finite number. The same shape\n * `resolveFieldHeight` (`./field-height.core`) already accepts for a `height`;\n * a numeric `density` and a `densityFactors` entry are held to the same rule\n * so an unusable one falls back exactly the way an unusable `fieldHeight`\n * option already does, rather than baking a `0`, a negative or a `NaN`/\n * `Infinity` into `spacingUnit`/`fieldHeight`/`typography.fontSize`.\n */\nfunction isUsableFactor(value: unknown): value is number {\n  return typeof value === 'number' && Number.isFinite(value) && value > 0;\n}\n\n/**\n * Precedence (highest first): a numeric `density` IS the factor, no table lookup —\n * but only when it is a usable one (a positive, finite number); `0`, a negative\n * number, `NaN` or `Infinity` are not a density anyone meant, so they fall back\n * to `'normal'`, factor `1`, exactly as no `density` at all does. A named\n * `density` resolves through `factors?.[level] ?? DENSITY_FACTOR[level]` — a\n * repository's own `densityFactors` override wins over the built-in table, but\n * only when IT is usable too; an unusable entry falls back to the BUILT-IN\n * table's value for that same level (not to `'normal'` — the level itself is\n * still the one asked for, only its factor is unusable). No `density` at all\n * resolves to `{ level: 'normal', factor: 1 }`.\n */\nexport function resolveDensityFactor(\n  density?: DensityLevel | number,\n  factors?: Partial<Record<DensityLevel, number>>,\n): ResolvedDensity {\n  if (typeof density === 'number') {\n    if (isUsableFactor(density)) return { factor: density };\n    density = undefined; // not usable — fall through to 'normal', below\n  }\n  const level = density ?? DEFAULT_DENSITY;\n  const override = factors?.[level];\n  const factor = isUsableFactor(override) ? override : DENSITY_FACTOR[level];\n  return { level, factor };\n}\n\nconst BASE_FONT_SIZE = 14; // MUI's own typography.fontSize baseline\nconst BASE_SPACING_UNIT = 8; // theme.ts's literal default\nconst BASE_FIELD_HEIGHT = 2.5; // field-height.core.ts's DEFAULT_FIELD_HEIGHT\n\n/** MUI's own `typography.fontSize` at this factor. `htmlFontSize` is never touched. */\nexport function densityFontSize(factor: number): number {\n  return BASE_FONT_SIZE * factor;\n}\n\n/** The theme's `spacingUnit` at this factor. */\nexport function densitySpacingUnit(factor: number): number {\n  return BASE_SPACING_UNIT * factor;\n}\n\n/** The standard field height (multiples of the default font size) at this factor. */\nexport function densityFieldHeight(factor: number): number {\n  return BASE_FIELD_HEIGHT * factor;\n}\n","import type { SizeValue } from './vocabulary';\n\n/**\n * THE ONE HEIGHT EVERY FIELD IS DRAWN AT, WITH NO RENDERER BEHIND IT.\n *\n * A filter row used to stand at three heights — a 40px search box, 34px filter\n * pills, 38px category and \"Mais\" triggers — and a form's default field was\n * 56px beside a 44px button (FUT-2555). A field's height is one decision, so it\n * is one token, the same way its corner is (`./field-radius.core.ts`).\n *\n * It is a multiple of the DEFAULT FONT SIZE — `rem` on the web, the body size on\n * native — not a pixel count, so a field grows with the type it holds: a reader\n * who raises the browser's base size gets taller fields with it instead of text\n * crammed into a fixed box.\n *\n * The web reader and the theme channel are in `./field-height.ts`.\n */\n\n/**\n * The standard field height, in multiples of the default font size.\n *\n * 2.5 — 40px at the 16px default: what MUI's small outlined field has always\n * drawn (the filter row's search box), and the 40px touch-target floor the\n * product already holds its controls to.\n */\nexport const DEFAULT_FIELD_HEIGHT = 2.5;\n\n/** The px (dp) the default font size stands for — `1rem`, the body size. */\nexport const FIELD_HEIGHT_FONT_PX = 16;\n\n/**\n * How each step of the size scale relates to the standard height.\n *\n * `sm` and `md` ARE the standard: they were the two everyday densities (a 40px\n * small field, a 56px medium one, a 36px and a 44px button), and a row mixing\n * them is exactly what this token ends. `xs` is the compact step; `lg` and `xl`\n * the roomy ones. All of them stay multiples of the font size.\n */\nexport const FIELD_HEIGHT_SCALE: Record<SizeValue, number> = {\n  xs: 0.8,\n  sm: 1,\n  md: 1,\n  lg: 1.2,\n  xl: 1.4,\n};\n\n/**\n * A usable standard height: the given one when it is a positive number, a\n * caller's own `fallback` otherwise — {@link DEFAULT_FIELD_HEIGHT} unless a\n * density factor (`./density.core`) already worked out a denser or roomier\n * one to fall back to instead.\n */\nexport function resolveFieldHeight(height: unknown, fallback: number = DEFAULT_FIELD_HEIGHT): number {\n  return typeof height === 'number' && Number.isFinite(height) && height > 0 ? height : fallback;\n}\n\n/** A field's height for a size, in multiples of the default font size (`rem`). */\nexport function fieldHeightRem(height: number, size: SizeValue = 'md'): number {\n  // Rounded to 1/10000rem: `3 * 0.8` is 2.4000000000000004 in floating point,\n  // and that would be the CSS every field of the step is written with.\n  return Math.round(resolveFieldHeight(height) * FIELD_HEIGHT_SCALE[size] * 10_000) / 10_000;\n}\n\n/** A field's height for a size in px (dp) — what the native renderer lays out. */\nexport function fieldHeightPx(height: number, size: SizeValue = 'md'): number {\n  return fieldHeightRem(height, size) * FIELD_HEIGHT_FONT_PX;\n}\n\n/**\n * THE ONE RESTING BORDER EVERY FIELD DRAWS: this width, in `fieldEdge`'s colour\n * (`./field-edge.core.ts`, the tone of the theme's hairline that clears the 3:1\n * non-text contrast floor). A variant that draws a different edge on purpose —\n * `glass`, `gradient`, `underline`, a coloured outline button — keeps it.\n */\nexport const FIELD_BORDER_WIDTH = 1;\n","/**\n * THE ONE RADIUS EVERY FIELD IS DRAWN WITH, WITH NO RENDERER BEHIND IT.\n *\n * A row of controls — a search box, three filter triggers, a \"Mais\" button —\n * used to carry three radii: the text field took MUI's `shape.borderRadius`\n * (4px), the button `theme.spacing(1)` (8px), and the filter triggers a 999px\n * pill. Each was reasonable on its own; side by side they read as three kits\n * glued together. A field's corner is one decision, so it is one token.\n *\n * \"Field\" is anything that sits at control height and takes input or opens a\n * choice: text inputs, selects, textareas, OTP slots, date and filter triggers,\n * toggles, and the buttons that share their rows. It is NOT a card, a menu, a\n * badge or a chip counter — those keep the theme's general `radius` scale.\n *\n * This file is the number alone, so the native renderer and `./theme.ts` read\n * it without importing MUI. The web reader and the theme channel it is set\n * through are in `./field-radius.ts`.\n */\n\n/**\n * The default field radius, in px (dp on native).\n *\n * 8, because that is what `Button` has always drawn — so the control people\n * see most keeps its corner and the rest of the row comes to meet it.\n */\nexport const DEFAULT_FIELD_RADIUS = 8;\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, lighten } from './color';\nimport { contrastText, DARK_TEXT_PRIMARY, inkOver } from './ink-over';\n\n/*\n  RE-EXPORTED rather than moved out of the public surface. Both were published\n  from here, and `ink-over.ts` exists because this file reached the 400-line cap\n  — a caller should not have to learn that.\n*/\nexport { contrastText, inkOver };\nimport { cssLengthToPx, cssTrackingToEm } from './css-units';\nimport {\n  densityFieldHeight,\n  densitySpacingUnit,\n  resolveDensityFactor,\n  type DensityLevel,\n  type ResolvedDensity,\n} from './density.core';\nimport { resolveFieldHeight } from './field-height.core';\nimport { DEFAULT_FIELD_RADIUS } from './field-radius.core';\nimport { HEADING_SCALE, type HeadingLevel } from './heading-scale';\n\nimport type { SizeValue } from './vocabulary';\n\n// Re-exported so a caller of `@12-apps/ui/tokens` (or `./theme` directly) gets\n// the density types alongside `UiThemeOptions.density` without a second import.\nexport type { DensityLevel, ResolvedDensity };\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  /**\n   * `md` is MUI's `shape.borderRadius`; `sm`–`xl` are its halves and doubles.\n   * `field` is not on that scale: it is the one corner every field is drawn\n   * with (see `./field-radius.core`), MUI's `theme.fieldRadius` on the web.\n   */\n  radius: { sm: number; md: number; lg: number; xl: number; full: number; field: number };\n  /**\n   * The standard field height, in multiples of the default font size — MUI's\n   * `theme.fieldHeight` on the web. `fieldHeightPx(theme.fieldHeight, size)`\n   * (`./field-height.core`) is the dp a field of `size` lays out at.\n   */\n  fieldHeight: number;\n  /**\n   * The resolved density (FUT-2764): `factor` scales the type scale, the\n   * spacing unit and `fieldHeight` together (see `./density.core`); `level`\n   * is present only when a NAMED level was given, absent for a raw numeric\n   * `density`. Always resolved — `factor` is never optional. Unset resolves\n   * to `{ level: 'normal', factor: 1 }`, today's numbers exactly.\n   */\n  density: ResolvedDensity;\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  /**\n   * `spacingUnit` and `fieldHeight` below still win over EVERYTHING, including\n   * this — density only supplies THEIR fallback, the same `??` pattern those\n   * two already use. Precedence, highest first: an explicit `spacingUnit` /\n   * `fieldHeight` option > a numeric `density` (used as the factor directly,\n   * no table lookup) > `densityFactors[level]` (below) > the built-in table\n   * (`compact` 0.9 / `normal` 1 / `comfortable` 1.1). No `density` at all is\n   * `'normal'`, factor `1` — today, byte-for-byte. A numeric `density` that is\n   * not a positive, finite number (`0`, negative, `NaN`, `Infinity`) falls back\n   * to `'normal'` the same way; a `densityFactors` entry that isn't falls back\n   * to the built-in table's value for that level (see `./density.core`).\n   *\n   * A named level (`density: 'compact'`, e.g. a backoffice app), no\n   * `density` at all (`'normal'`, e.g. a storefront), or a raw factor\n   * (`density: 1.15`, e.g. a kiosk app whose own hardware needs a value\n   * none of the three names fit).\n   */\n  density?: DensityLevel | number;\n  /** A repository's own factor for a named level, overriding the built-in table above. */\n  densityFactors?: Partial<Record<DensityLevel, number>>;\n  spacingUnit?: number;\n  /** The radius every field is drawn with, in dp. Defaults to {@link DEFAULT_FIELD_RADIUS}. */\n  fieldRadius?: number;\n  /** The standard field height, in multiples of the default font size. Defaults to 2.5. */\n  fieldHeight?: 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` default tonal offset, exactly. */\nconst TONAL_OFFSET = 0.2;\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/**\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 density = resolveDensityFactor(options.density, options.densityFactors);\n  const spacingUnit = options.spacingUnit ?? densitySpacingUnit(density.factor);\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, field: options.fieldRadius ?? DEFAULT_FIELD_RADIUS },\n    fieldHeight: resolveFieldHeight(options.fieldHeight, densityFieldHeight(density.factor)),\n    density,\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":[]}