@multiplatform.one/theme 7.65.2 → 7.67.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@multiplatform.one/theme",
-  "version": "7.65.2",
+  "version": "7.67.0",
   "description": "Tamagui theme system for multiplatform.one",
   "keywords": [
     "multiplatform",
@@ -72,8 +72,8 @@
     "access": "public"
   },
   "dependencies": {
-    "@multiplatform.one/platform": "^7.65.2",
-    "@multiplatform.one/store": "^7.65.2",
+    "@multiplatform.one/platform": "^7.67.0",
+    "@multiplatform.one/store": "^7.67.0",
     "@tamagui/animations-react-native": "2.7.6",
     "@tamagui/colors": "2.7.6",
     "@tamagui/config": "2.7.6",
@@ -89,8 +89,8 @@
   },
   "devDependencies": {
     "@expo/prebuild-config": "55.0.18",
-    "@multiplatform.one/config": "7.65.2",
-    "@multiplatform.one/test-utils": "7.65.2",
+    "@multiplatform.one/config": "7.67.0",
+    "@multiplatform.one/test-utils": "7.67.0",
     "@tamagui/animations-css": "2.7.6",
     "@tamagui/animations-reanimated": "2.7.6",
     "@tamagui/font-inter": "2.7.6",

package/src/menuRow.spec.ts

@@ -1,5 +1,5 @@
 import { describe, expect, it } from "vitest";
-import { menuRowFrame } from "./menuRow";
+import { menuRowChecked, menuRowFrame } from "./menuRow";
 
 describe("menuRowFrame (LC-16 shared menu-row geometry)", () => {
   it("spans the overlay edge-to-edge with its own horizontal padding (SP-EDGE)", () => {
@@ -30,3 +30,9 @@ describe("menuRowFrame (LC-16 shared menu-row geometry)", () => {
     expect(menuRowFrame).not.toHaveProperty("paddingVertical");
   });
 });
+
+describe("menuRowChecked (LC-262 / LC-172 checked row)", () => {
+  it("draws no fill: the check mark carries the selection (FZ-8355)", () => {
+    expect(menuRowChecked).toEqual({ backgroundColor: "transparent" });
+  });
+});

package/src/menuRow.ts

@@ -33,3 +33,13 @@ export const menuRowFrame = {
   userSelect: "none",
   backgroundColor: "transparent",
 } as const;
+
+/**
+ * LC-262 / LC-172: a checked or selected menu or picker row draws no fill in
+ * either scheme; the accent check alone marks it. A per-row `$color2` plate
+ * read as nothing in light and near-black in dark (FZ-8355). Hover, press and
+ * keyboard focus stay transient feedback, owned by each consumer.
+ */
+export const menuRowChecked = {
+  backgroundColor: "transparent",
+} as const;

package/src/theme/chartPalette.spec.ts

@@ -115,7 +115,7 @@ describe("resolveChartPalette", () => {
 
   it("retains the dark cycle order while deepening its failing violet slot", () => {
     const palette = resolveChartPalette({ scheme: "dark", identitySolid: "#aaaaaa" });
-    expect(palette.categorical.slice(1)).toEqual([
+    expect(palette.categorical).toEqual([
       Colors.blueDark.blue9,
       Colors.orangeDark.orange9,
       Colors.greenDark.green9,
@@ -205,6 +205,18 @@ describe("resolveChartPalette", () => {
     ).toBeGreaterThanOrEqual(3);
   });
 
+  it("leads with the series cycle when the identity is an ink (LC-172)", () => {
+    const light = resolveChartPalette({ scheme: "light", identitySolid: "#111111" });
+    expect(light.single).toBe(Colors.blue.blue10);
+    expect(light.categorical[0]).toBe(Colors.blue.blue10);
+    expect(light.categorical).not.toContain("#111111");
+    const dark = resolveChartPalette({ scheme: "dark", identitySolid: "#eeeeee" });
+    expect(dark.single).toBe(Colors.blueDark.blue9);
+    expect(resolveChartPalette({ scheme: "light", identitySolid: grayTintSolid }).single).toBe(
+      grayTintSolid,
+    );
+  });
+
   it("single-series takes the theme identity solid", () => {
     expect(resolveChartPalette({ scheme: "light", identitySolid: lightAccent }).single).toBe(
       lightAccent,

package/src/theme/chartPalette.ts

@@ -122,6 +122,16 @@ const semanticSeries = {
 
 /** Below this HSL saturation the identity is neutral-ish; hue is meaningless. */
 const neutralSaturationFloor = 0.15;
+/** A neutral identity this far from the reference page reads as ink, not a series. */
+const inkContrastFloor = 7;
+
+function isInkIdentity(color: string, scheme: "light" | "dark"): boolean {
+  const hex = normalizeToHex(color);
+  const hsl = colorToHsl(color);
+  if (!hex || !hsl || hsl.s >= neutralSaturationFloor) return false;
+  const page = normalizeToHex(chartReferenceSurfaces[scheme][0]) as string;
+  return contrastRatio(relativeLuminance(hex), relativeLuminance(page)) >= inkContrastFloor;
+}
 /** Cycle hues closer than this to the identity hue are dropped as confusable. */
 const hueDedupeThresholdDeg = 30;
 
@@ -204,13 +214,16 @@ function orderCategoricalCycle(identity: string, cycle: string[]): string[] {
 export function resolveChartPalette(input: ResolveChartPaletteInput): ChartPalette {
   const { scheme } = input;
   const fallbackIdentity = scheme === "dark" ? Colors.violetDark.violet10 : Colors.violet.violet9;
-  const single =
+  const identity =
     [input.identitySolid, ...(input.identityCandidates ?? [])].find((candidate) =>
       readableIdentity(candidate, scheme, input.surfaces ?? []),
     ) ?? fallbackIdentity;
+  const cycle = categoricalHueCycle.map((entry) => (scheme === "dark" ? entry.dark : entry.light));
+  // LC-172: an ink identity (a hueless preset's near-black, or near-white in
+  // dark) paints marks as solid as text, so the series leads with the cycle.
+  const single = isInkIdentity(identity, scheme) ? cycle[0] : identity;
   const identityHsl = colorToHsl(single) as Hsl;
 
-  const cycle = categoricalHueCycle.map((entry) => (scheme === "dark" ? entry.dark : entry.light));
   const deduped =
     identityHsl.s < neutralSaturationFloor
       ? cycle

package/src/theme/defaults/fonts.ts

@@ -7,6 +7,7 @@ import { createFont, type GenericFont } from "@tamagui/web";
 import { flooredLineHeight, fontCategoryMetrics } from "../fontCategoryMetrics";
 import { fontCategoryStacks } from "../fontCategoryStacks";
 import type { FontCategory } from "../knobs";
+import { nativeCategoryFamily } from "../nativeFontFamily";
 import { generateScale, type ScaleFonts } from "../scale/generateScale";
 import { defaultScaleInputs } from "../scale/scaleInputs";
 
@@ -137,7 +138,7 @@ export function createCategoryFont(
 ): GenericFont {
   const sizes = scope === "heading" ? tables.headingSizes : tables.bodySizes;
   return createFont({
-    family,
+    family: nativeCategoryFamily(category, family),
     size: { ...sizes },
     lineHeight: categoryLineHeights(category, tables, scope),
     weight: scope === "heading" ? headingWeights : bodyWeights,
@@ -310,6 +311,44 @@ function deriveHeading(source: HeadingSource, tables: ScaleFonts): GenericFont {
   return font;
 }
 
+function familyOf(font: GenericFont): string | undefined {
+  const family = font.family as string | { val?: string } | undefined;
+  return typeof family === "string" ? family : family?.val;
+}
+
+type FaceName = string | { val?: string } | undefined;
+type FaceMap = Record<string, Record<string, FaceName> | undefined>;
+
+/**
+ * `createFont` fills every weight a face map lacks with `{ normal: family }`,
+ * and tamagui's native split swaps the family for that entry and drops the
+ * weight. Entries that only repeat the renamed family go, so the weight
+ * reaches the platform face; a named face (a bundled bold) stays.
+ */
+function withoutFamilyFill(face: GenericFont["face"], family: string): GenericFont["face"] {
+  if (!face) return face;
+  const kept: FaceMap = {};
+  for (const [weight, styles] of Object.entries(face as FaceMap)) {
+    const named = Object.entries(styles ?? {}).filter(([, name]) => {
+      const value = typeof name === "string" ? name : name?.val;
+      return value !== undefined && value !== family;
+    });
+    if (named.length) kept[weight] = Object.fromEntries(named);
+  }
+  return Object.keys(kept).length ? (kept as GenericFont["face"]) : undefined;
+}
+
+/** A consumer category font keeps its object unless native must rename its family. */
+function withNativeFamily(category: FontCategory, font: GenericFont | undefined) {
+  const family = font && familyOf(font);
+  if (!font || family === undefined) return font;
+  const resolved = nativeCategoryFamily(category, family);
+  if (resolved === family) return font;
+  const { face, ...rest } = font;
+  const kept = withoutFamilyFill(face, family);
+  return { ...rest, family: resolved, ...(kept ? { face: kept } : {}) } as GenericFont;
+}
+
 export function withDerivedHeadingCategories(
   fonts: Record<string, GenericFont>,
   tables: ScaleFonts = defaultTypeTables,
@@ -317,18 +356,19 @@ export function withDerivedHeadingCategories(
   const result = { ...fonts };
   for (const [category, key] of Object.entries(headingCategoryFontKeys)) {
     const source = fonts[category];
-    if (
-      fonts[key] !== defaultFonts[key] ||
-      !source ||
-      source === defaultFonts[category as keyof typeof defaultFonts]
-    )
+    const resolvedSource = withNativeFamily(category as FontCategory, source);
+    if (resolvedSource) result[category] = resolvedSource;
+    if (fonts[key] !== defaultFonts[key]) {
+      const heading = withNativeFamily(category as FontCategory, fonts[key]);
+      if (heading) result[key] = heading;
       continue;
-    const family = source.family as string | { val: string };
+    }
+    if (!resolvedSource || source === defaultFonts[category as keyof typeof defaultFonts]) continue;
     result[key] = deriveHeading(
       {
         category: category as FontCategory,
-        family: typeof family === "string" ? family : family.val,
-        face: source.face,
+        family: familyOf(resolvedSource) ?? "",
+        face: resolvedSource.face,
       },
       tables,
     );

package/src/theme/layoutTokens.ts

@@ -216,6 +216,16 @@ export const FORM_READABLE_WIDTH = 560;
 export const FORM_READABLE_WIDTH_MIN = 480;
 export const FORM_READABLE_WIDTH_MAX = 640;
 
+// ── Detail readable width ─────────────────────────────────────────────────
+
+/**
+ * A single-record page's column on a wide screen: the iOS readable content
+ * guide (~672pt) plus the page gutters. The hero, identity, tabs and sections
+ * stay one column at this width instead of stretching across a desktop
+ * (LC-263). Phones are narrower, so the cap never bites there.
+ */
+export const DETAIL_READABLE_WIDTH = 720;
+
 // ── Min press target (DG-LAY-04) ──────────────────────────────────────────
 
 /** Platform floor for interactive targets (Fluent/HIG web+iOS 44; M3 48 on Android). */

package/src/theme/monoFamily.native.spec.ts

@@ -0,0 +1,187 @@
+/**
+ * LC-137 NATIVE-FONT-FAMILY, the mono category on device (FZ-8143). The SHC
+ * console on an iPhone 16 sim drew every bold `$mono` hostname in the
+ * proportional system face: `$mono` reached React Native as a CSS stack, and
+ * iOS matches no family against a stack.
+ *
+ * Each registered mono font is resolved the way the device resolves it:
+ * tamagui's native `face` swap first, then iOS RCTFont (a known family's
+ * nearest-weight face, else the system face) or Android (`monospace` takes
+ * the weight, an unknown family falls to the default sans).
+ */
+import { afterEach, describe, expect, it, vi } from "vitest";
+
+vi.mock("tamagui", () => ({ createTamagui: (config: unknown) => config }));
+vi.mock("./animations/index", () => ({ animations: {} }));
+
+const os = vi.hoisted(() => ({ current: "ios" as "ios" | "android" }));
+vi.mock("react-native", () => ({
+  Platform: {
+    get OS() {
+      return os.current;
+    },
+  },
+}));
+
+// A glob, not an import: the spec has to load and fail its assertions on
+// code that has no native twin yet.
+const nativeTwin = import.meta.glob<Record<string, unknown>>("./nativeFontFamily.native.ts");
+
+type Face = { family: string; weight: number; mono: boolean };
+type Font = {
+  family?: string | { val?: string };
+  weight?: Record<string, string>;
+  face?: Record<string, { normal?: string | { val?: string } }>;
+};
+
+/** Families iOS ships, by face: what `UIFont.fontNamesForFamilyName` returns. */
+const iosFamilies: Record<string, { name: string; weight: number }[]> = {
+  Menlo: [
+    { name: "Menlo-Regular", weight: 400 },
+    { name: "Menlo-Bold", weight: 700 },
+  ],
+  "Courier New": [
+    { name: "CourierNewPSMT", weight: 400 },
+    { name: "CourierNewPS-BoldMT", weight: 700 },
+  ],
+};
+const iosMonoFaces = new Set([
+  "Menlo-Regular",
+  "Menlo-Bold",
+  "CourierNewPSMT",
+  "CourierNewPS-BoldMT",
+]);
+
+/** The type ramp's weights: the v5 tables plus every weight a use site writes. */
+const rampWeights = ["400", "500", "600", "700", "800"];
+
+function plainFamily(font: Font): string | undefined {
+  return typeof font.family === "string" ? font.family : font.family?.val;
+}
+
+function resolveOnDevice(font: Font, fontWeight: string): Face {
+  let family = plainFamily(font) ?? "System";
+  let weight: string | undefined = fontWeight;
+  const swap = font.face?.[fontWeight]?.normal;
+  const swapped = typeof swap === "string" ? swap : swap?.val;
+  if (swapped) {
+    family = swapped;
+    weight = undefined;
+  }
+  const want = Number(weight ?? 400);
+  if (os.current === "android") {
+    if (family === "monospace") return { family, weight: want, mono: true };
+    return { family: "sans-serif", weight: want, mono: false };
+  }
+  const faces = iosFamilies[family];
+  if (!faces) return { family: "SF Pro (system)", weight: want, mono: false };
+  const face = faces.reduce((best, next) =>
+    Math.abs(next.weight - want) < Math.abs(best.weight - want) ? next : best,
+  );
+  return { family: face.name, weight: face.weight, mono: iosMonoFaces.has(face.name) };
+}
+
+async function nativeFonts(
+  target: "ios" | "android",
+  consumerMono?: (createDefaultFont: typeof import("../font").createDefaultFont) => unknown,
+) {
+  os.current = target;
+  vi.resetModules();
+  vi.doMock("./nativeFontFamily", () => nativeTwin["./nativeFontFamily.native.ts"]!());
+  const { createDefaultFont } = await import("../font");
+  const { createDefaultThemeConfig } = await import("./createDefaultThemeConfig");
+  const { densePreset } = await import("./presets");
+  const config = createDefaultThemeConfig({
+    presets: { dense: densePreset },
+    ...(consumerMono ? { fonts: { mono: consumerMono(createDefaultFont) as never } } : {}),
+  });
+  const base = config.tamagui.fonts as unknown as Record<string, Font>;
+  const dense = config.scales?.dense?.tamagui().fonts as unknown as Record<string, Font>;
+  return { base, dense };
+}
+
+function expectMonoAtEveryWeight(fonts: Record<string, Font>, label: string) {
+  for (const key of ["mono", "headingMono"]) {
+    const font = fonts[key];
+    expect(font, `${label} ${key}`).toBeDefined();
+    for (const weight of rampWeights) {
+      const face = resolveOnDevice(font!, weight);
+      expect(face.mono, `${label} $${key} @${weight} -> ${face.family}`).toBe(true);
+    }
+    const bold = resolveOnDevice(font!, "700");
+    expect(bold.weight, `${label} $${key} @700 is bold`).toBeGreaterThanOrEqual(700);
+    const regular = resolveOnDevice(font!, "400");
+    expect(regular.weight, `${label} $${key} @400 is regular`).toBe(400);
+  }
+}
+
+afterEach(() => {
+  vi.doUnmock("./nativeFontFamily");
+  vi.resetModules();
+});
+
+describe("$mono resolves to a monospaced face at every weight on native (LC-137, FZ-8143)", () => {
+  it.each(["ios", "android"] as const)("MPO's own $mono on %s", async (target) => {
+    const { base, dense } = await nativeFonts(target);
+    expectMonoAtEveryWeight(base, `${target} default`);
+    expectMonoAtEveryWeight(dense, `${target} dense scale`);
+  });
+
+  it.each(["ios", "android"] as const)(
+    "a consumer $mono registered as a CSS stack on %s (the SHC console's)",
+    async (target) => {
+      // `face: {}` through createFont fills every weight with the stack, and
+      // the native face swap then drops the weight: proportional regular.
+      const { base, dense } = await nativeFonts(target, (createDefaultFont) =>
+        createDefaultFont({
+          family: "'IBM Plex Mono', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace",
+          weight: { 1: "400", 4: "400", true: "400", 5: "500", 7: "600" },
+          face: {},
+        }),
+      );
+      expectMonoAtEveryWeight(base, `${target} stack`);
+      expectMonoAtEveryWeight(dense, `${target} stack dense`);
+    },
+  );
+
+  it.each(["ios", "android"] as const)(
+    "a consumer $mono naming another platform's system mono on %s (Kitchen Sink's Menlo)",
+    async (target) => {
+      const { base } = await nativeFonts(target, (createDefaultFont) =>
+        createDefaultFont({ family: "Menlo" }),
+      );
+      expectMonoAtEveryWeight(base, `${target} Menlo`);
+    },
+  );
+
+  it("keeps a named face while dropping the stack fill", async () => {
+    const { base } = await nativeFonts("ios", (createDefaultFont) =>
+      createDefaultFont({
+        family: "'Plex', ui-monospace, monospace",
+        face: { 800: { normal: "IBMPlexMono-ExtraBold" } },
+      }),
+    );
+    const face = base.mono!.face!;
+    expect(Object.keys(face).filter((weight) => Number(weight) < 800)).toEqual([]);
+    expect(face["800"]?.normal).toBe("IBMPlexMono-ExtraBold");
+    expect(resolveOnDevice(base.mono!, "700")).toMatchObject({ family: "Menlo-Bold", mono: true });
+  });
+
+  it("keeps a single family the app bundles", async () => {
+    const { base } = await nativeFonts("ios", (createDefaultFont) =>
+      createDefaultFont({ family: "JetBrains Mono" }),
+    );
+    expect(plainFamily(base.mono!)).toBe("JetBrains Mono");
+    expect(plainFamily(base.headingMono!)).toBe("JetBrains Mono");
+  });
+
+  it("leaves the web stack and every other category untouched", async () => {
+    vi.resetModules();
+    const { defaultFonts } = await import("./defaults/fonts");
+    const { fontCategoryStacks } = await import("./fontCategoryStacks");
+    expect(defaultFonts.mono.family).toBe(fontCategoryStacks.mono);
+    const { base } = await nativeFonts("ios");
+    expect(plainFamily(base.pixel!)).toBe(fontCategoryStacks.pixel);
+    expect(plainFamily(base.serif!)).toBe(fontCategoryStacks.serif);
+  });
+});

package/src/theme/nativeFontFamily.native.ts

@@ -0,0 +1,14 @@
+import { Platform } from "react-native";
+import type { FontCategory } from "./knobs";
+import { resolveNativeMonoFamily } from "./nativeMonoFamily";
+
+/**
+ * One registered family per category on iOS and Android, never a CSS stack
+ * (LC-137). Other native hosts keep the stack: GNOME's Pango reads a
+ * comma-separated family list.
+ */
+export function nativeCategoryFamily(category: FontCategory, family: string): string {
+  if (category !== "mono") return family;
+  if (Platform.OS !== "ios" && Platform.OS !== "android") return family;
+  return resolveNativeMonoFamily(family, Platform.OS);
+}

package/src/theme/nativeFontFamily.ts

@@ -0,0 +1,6 @@
+import type { FontCategory } from "./knobs";
+
+/** Web keeps the CSS stack; the native twin resolves it to one family (LC-137). */
+export function nativeCategoryFamily(_category: FontCategory, family: string): string {
+  return family;
+}

package/src/theme/nativeMonoFamily.ts

@@ -0,0 +1,46 @@
+/**
+ * LC-137 NATIVE-FONT-FAMILY for the mono category (FZ-8143).
+ *
+ * React Native takes one family name. A CSS stack, or a system mono that
+ * only another platform ships, matches nothing: iOS draws the proportional
+ * system face and Android its default sans, at whatever weight survives.
+ * Each native platform has one monospaced family with every weight the type
+ * ramp asks for reachable through `fontWeight`: Menlo on iOS (Regular and
+ * Bold, matched by nearest weight) and `monospace` on Android (weight
+ * applied by the platform). A single family the app bundles is kept.
+ */
+export type NativeOS = "ios" | "android";
+
+export const platformMonoFamily: Record<NativeOS, string> = {
+  ios: "Menlo",
+  android: "monospace",
+};
+
+const shippedMono: Record<NativeOS, ReadonlySet<string>> = {
+  ios: new Set(["Menlo", "Courier", "Courier New"]),
+  android: new Set(["monospace"]),
+};
+
+const systemMono = new Set([
+  "ui-monospace",
+  "monospace",
+  "SFMono-Regular",
+  "SF Mono",
+  "Menlo",
+  "Monaco",
+  "Consolas",
+  "Courier",
+  "Courier New",
+  "Liberation Mono",
+  "DejaVu Sans Mono",
+  "Cascadia Code",
+  "Cascadia Mono",
+]);
+
+export function resolveNativeMonoFamily(family: string, os: NativeOS): string {
+  if (family.includes(",")) return platformMonoFamily[os];
+  const name = family.trim().replace(/^(['"])(.*)\1$/, "$2");
+  if (shippedMono[os].has(name)) return name;
+  if (systemMono.has(name)) return platformMonoFamily[os];
+  return name;
+}

package/src/theme/overlaySurfaces.tsx

@@ -178,11 +178,15 @@ const DialogContentInner = forwardRef<
   const openFocus = withHouseOpenFocus(onOpenAutoFocus);
   useDialogShowFocus(openFocus);
   // ThemeableStack unstyled:false defaults `elevate: true`, which paints
-  // getElevation(size) — `$true` is a control stop. `elevate={false}` leaves
-  // the overlay ladder in `elevatedSurface` as the only shadow (MPO-99).
+  // getElevation(size) — `$true` is a control stop — and that variant wins
+  // over `elevate={false}`. `unstyled` leaves the overlay ladder in
+  // `elevatedSurface` as the only shadow (MPO-99), so dark paints none.
   return (
     <Dialog.Content
       ref={ref}
+      unstyled
+      position="relative"
+      pointerEvents="auto"
       {...knobProps.elevatedSurface}
       {...knobProps.containerRadius}
       {...knobProps.panelPadding}

package/src/theme/resolveKnobs.spec.ts

@@ -317,6 +317,7 @@ describe("resolveKnobs", () => {
           expect(knobProps.elevatedSurface.borderColor).toBe(
             scheme === "dark" ? "transparent" : "$borderColor",
           );
+          if (scheme === "dark") expect(knobProps.elevatedSurface.borderWidth).toBe(0);
           if (!key) {
             expect(knobProps.elevationChrome).toEqual({});
             return;
@@ -394,7 +395,9 @@ describe("resolveKnobs", () => {
               expect(knobProps.overlayElevation).toBe(
                 overlay ? active.getActiveScaleTokens().size[overlay] : undefined,
               );
-              expect(knobProps.elevatedSurface.elevation).toBe(knobProps.overlayElevation);
+              expect(knobProps.elevatedSurface.elevation).toBe(
+                scheme === "dark" ? undefined : knobProps.overlayElevation,
+              );
               const state = resolveNative(
                 knobsWith({ hover: { elevation: stop } }),
                 undefined,
@@ -457,6 +460,12 @@ describe("resolveKnobs", () => {
           const { knobProps } = resolveKnobs(knobsWith({ elevation: stop }), undefined, scheme);
           const { offsetY, radius } = sizedElevation(getActiveScaleTokens().size[key]);
           expect(knobProps.overlayElevation).toBe(key);
+          if (scheme === "dark") {
+            expect(knobProps.elevatedSurface.backgroundColor).toBe("$color4");
+            expect(knobProps.elevatedSurface.shadowColor).toBeUndefined();
+            expect(knobProps.elevatedSurface.style?.boxShadow).toBeUndefined();
+            return;
+          }
           expect(knobProps.elevatedSurface.shadowColor).toBe("$shadowColor");
           expect(knobProps.elevatedSurface.shadowColor).not.toBe("$color12");
           expect(knobProps.elevatedSurface.shadowOpacity).toBe(1);
@@ -1068,10 +1077,25 @@ describe("resolveKnobs", () => {
       const { knobProps } = resolveKnobs(knobsWith({ fillStyle: "filled", borderWidth: "none" }));
       expect(knobProps.borderRadius.borderWidth).toBe(0);
       expect(knobProps.surface.borderWidth).toBe(0);
-      expect(knobProps.elevatedSurface.borderWidth).toBe(0);
       expect(knobProps.inputSurface.borderWidth).toBe(0);
     });
 
+    it("filled + none still edges a light overlay with the hairline (FZ-8116)", () => {
+      const light = resolveKnobs(
+        knobsWith({ fillStyle: "filled", borderWidth: "none" }),
+        undefined,
+        "light",
+      );
+      expect(light.knobProps.elevatedSurface.borderWidth).toBe(hairlineBorderWidth);
+      expect(light.knobProps.elevatedSurface.borderColor).toBe("$borderColor");
+      const dark = resolveKnobs(
+        knobsWith({ fillStyle: "filled", borderWidth: "none" }),
+        undefined,
+        "dark",
+      );
+      expect(dark.knobProps.elevatedSurface.borderWidth).toBe(0);
+    });
+
     it("outlined + none still draws the hairline (the small stop's token)", () => {
       const { knobProps } = resolveKnobs(knobsWith({ fillStyle: "outlined", borderWidth: "none" }));
       expect(knobProps.borderRadius.borderWidth).toBe(hairlineBorderWidth);

package/src/theme/resolveKnobs.ts

@@ -700,6 +700,7 @@ export function resolveKnobs(
   const elevationToken = elevationMap[knobs.elevation];
   const overlayElevationToken = overlayElevationMap[knobs.elevation];
   const overlayPaintProps = elevationPaint(overlayElevationToken);
+  const overlayEdgeWidth = Math.max(borderWidthValue, borderWidthMap.small);
   const elevationChrome = elevationChromeFor(elevationToken);
   const textAccentColor = textAccentColorMap[knobs.textAccent] ?? "$color";
   // One input surface (DF-19 / Axiom 5 ONE SOURCE): Timeline's composer,
@@ -801,11 +802,17 @@ export function resolveKnobs(
         }
       : {
           backgroundColor: scheme === "dark" ? surface2.fill : "$background",
-          borderColor: scheme === "dark" ? "transparent" : edge("$borderColor", borderWidthValue),
-          borderWidth: borderWidthValue,
+          // Light: an overlay fills the page's own white, so it always keeps at
+          // least the hairline, even on a chromeless preset (FZ-8116).
+          borderColor: scheme === "dark" ? "transparent" : edge("$borderColor", overlayEdgeWidth),
+          // Dark draws no edge at all: on iOS a transparent border on a sheet
+          // mounted under a light OS painted the light $borderColor (FZ-8116).
+          borderWidth: scheme === "dark" ? 0 : overlayEdgeWidth,
           borderRadius: radiusToken,
-          elevation: platformElevation(overlayElevationToken),
-          ...overlayPaintProps,
+          elevation: scheme === "dark" ? undefined : platformElevation(overlayElevationToken),
+          // Dark lifts an overlay by its lighter fill, as the card lift does: a
+          // black shadow on a near-black page reads as a smudge (FZ-8116).
+          ...(scheme === "dark" ? undefined : overlayPaintProps),
           ...scaleSmoothing,
         },
     featureSurface: {

package/types/menuRow.d.ts

@@ -33,4 +33,13 @@ export declare const menuRowFrame: {
     readonly userSelect: "none";
     readonly backgroundColor: "transparent";
 };
+/**
+ * LC-262 / LC-172: a checked or selected menu or picker row draws no fill in
+ * either scheme; the accent check alone marks it. A per-row `$color2` plate
+ * read as nothing in light and near-black in dark (FZ-8355). Hover, press and
+ * keyboard focus stay transient feedback, owned by each consumer.
+ */
+export declare const menuRowChecked: {
+    readonly backgroundColor: "transparent";
+};
 //# sourceMappingURL=menuRow.d.ts.map

package/types/menuRow.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menuRow.d.ts","sourceRoot":"","sources":["../src/menuRow.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAC"}
+{"version":3,"file":"menuRow.d.ts","sourceRoot":"","sources":["../src/menuRow.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,YAAY;;;;;;;;CAQf,CAAC;AAEX;;;;;GAKG;AACH,eAAO,MAAM,cAAc;;CAEjB,CAAC"}

package/types/theme/chartPalette.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"chartPalette.d.ts","sourceRoot":"","sources":["../../src/theme/chartPalette.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,YAAY;IAC3B,uCAAuC;IACvC,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,wEAAwE;IACxE,MAAM,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,sEAAsE;IACtE,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/D;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kFAAkF;IAClF,kBAAkB,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACrD;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;CAC5C;AA6ID;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,YAAY,CAyBjF;AAED;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,GACtC,MAAM,EAAE,CAaV;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,IAAI,YAAY,CAgC9C"}
+{"version":3,"file":"chartPalette.d.ts","sourceRoot":"","sources":["../../src/theme/chartPalette.ts"],"names":[],"mappings":"AAMA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,MAAM,WAAW,YAAY;IAC3B,uCAAuC;IACvC,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB,wEAAwE;IACxE,MAAM,EAAE,MAAM,CAAC;IACf,6EAA6E;IAC7E,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,sEAAsE;IACtE,QAAQ,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,MAAM,CAAA;KAAE,CAAC;CAC/D;AAED,MAAM,WAAW,wBAAwB;IACvC,MAAM,EAAE,OAAO,GAAG,MAAM,CAAC;IACzB;;;;OAIG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,kFAAkF;IAClF,kBAAkB,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACrD;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;CAC5C;AAuJD;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,YAAY,CA4BjF;AAED;;;;;;GAMG;AACH,wBAAgB,wBAAwB,CACtC,QAAQ,EAAE,MAAM,GAAG,SAAS,EAC5B,MAAM,EAAE,SAAS,CAAC,MAAM,GAAG,SAAS,CAAC,EAAE,GACtC,MAAM,EAAE,CAaV;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,IAAI,YAAY,CAgC9C"}

package/types/theme/defaults/fonts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../src/theme/defaults/fonts.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../src/theme/defaults/fonts.ts"],"names":[],"mappings":"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"}

package/types/theme/layoutTokens.d.ts

@@ -124,6 +124,13 @@ export declare function readingWidthStyle(measure?: number | "none" | null): Rea
 export declare const FORM_READABLE_WIDTH = 560;
 export declare const FORM_READABLE_WIDTH_MIN = 480;
 export declare const FORM_READABLE_WIDTH_MAX = 640;
+/**
+ * A single-record page's column on a wide screen: the iOS readable content
+ * guide (~672pt) plus the page gutters. The hero, identity, tabs and sections
+ * stay one column at this width instead of stretching across a desktop
+ * (LC-263). Phones are narrower, so the cap never bites there.
+ */
+export declare const DETAIL_READABLE_WIDTH = 720;
 /** Platform floor for interactive targets (Fluent/HIG web+iOS 44; M3 48 on Android). */
 export declare const MIN_PRESS_TARGET = 44;
 /** Touch surfaces — native touchable or web touchable (LC-67). */

package/types/theme/layoutTokens.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layoutTokens.d.ts","sourceRoot":"","sources":["../../src/theme/layoutTokens.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"layoutTokens.d.ts","sourceRoot":"","sources":["../../src/theme/layoutTokens.ts"],"names":[],"mappings":"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"}

package/types/theme/nativeFontFamily.d.ts

@@ -0,0 +1,4 @@
+import type { FontCategory } from "./knobs";
+/** Web keeps the CSS stack; the native twin resolves it to one family (LC-137). */
+export declare function nativeCategoryFamily(_category: FontCategory, family: string): string;
+//# sourceMappingURL=nativeFontFamily.d.ts.map

package/types/theme/nativeFontFamily.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nativeFontFamily.d.ts","sourceRoot":"","sources":["../../src/theme/nativeFontFamily.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE5C,mFAAmF;AACnF,wBAAgB,oBAAoB,CAAC,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAEpF"}

package/types/theme/nativeFontFamily.native.d.ts

@@ -0,0 +1,8 @@
+import type { FontCategory } from "./knobs";
+/**
+ * One registered family per category on iOS and Android, never a CSS stack
+ * (LC-137). Other native hosts keep the stack: GNOME's Pango reads a
+ * comma-separated family list.
+ */
+export declare function nativeCategoryFamily(category: FontCategory, family: string): string;
+//# sourceMappingURL=nativeFontFamily.native.d.ts.map

package/types/theme/nativeFontFamily.native.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nativeFontFamily.native.d.ts","sourceRoot":"","sources":["../../src/theme/nativeFontFamily.native.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAG5C;;;;GAIG;AACH,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,YAAY,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAInF"}

package/types/theme/nativeMonoFamily.d.ts

@@ -0,0 +1,15 @@
+/**
+ * LC-137 NATIVE-FONT-FAMILY for the mono category (FZ-8143).
+ *
+ * React Native takes one family name. A CSS stack, or a system mono that
+ * only another platform ships, matches nothing: iOS draws the proportional
+ * system face and Android its default sans, at whatever weight survives.
+ * Each native platform has one monospaced family with every weight the type
+ * ramp asks for reachable through `fontWeight`: Menlo on iOS (Regular and
+ * Bold, matched by nearest weight) and `monospace` on Android (weight
+ * applied by the platform). A single family the app bundles is kept.
+ */
+export type NativeOS = "ios" | "android";
+export declare const platformMonoFamily: Record<NativeOS, string>;
+export declare function resolveNativeMonoFamily(family: string, os: NativeOS): string;
+//# sourceMappingURL=nativeMonoFamily.d.ts.map

package/types/theme/nativeMonoFamily.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"nativeMonoFamily.d.ts","sourceRoot":"","sources":["../../src/theme/nativeMonoFamily.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,MAAM,MAAM,QAAQ,GAAG,KAAK,GAAG,SAAS,CAAC;AAEzC,eAAO,MAAM,kBAAkB,EAAE,MAAM,CAAC,QAAQ,EAAE,MAAM,CAGvD,CAAC;AAuBF,wBAAgB,uBAAuB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,EAAE,QAAQ,GAAG,MAAM,CAM5E"}

package/types/theme/overlaySurfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"overlaySurfaces.d.ts","sourceRoot":"","sources":["../../src/theme/overlaySurfaces.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAML,KAAK,kBAAkB,IAAI,yBAAyB,EAEpD,KAAK,UAAU,EACf,KAAK,cAAc,EAEpB,MAAM,SAAS,CAAC;AA6DjB,KAAK,aAAa,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;AAmC5C;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,eAAe,EAAE,EAAE;IAAE,eAAe,CAAC,EAAE,aAAa,CAAA;CAAE,GAAG,IAAI,CAG9F;AAID,MAAM,WAAW,wBAAwB;IACvC,4EAA4E;IAC5E,cAAc,EAAE,OAAO,CAAC;CACzB;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,mDAE9B,CAAC;AAEH,wBAAgB,sBAAsB,IAAI,wBAAwB,CAEjE;AAED,wBAAgB,mBAAmB,IAAI,OAAO,CAE7C;AAQD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,yBAAyB,EAAE,MAAM,CAAC,GAAG;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,aAAa;eAJb,SAAS;WACb,UAAU;kDAcjB,CAAC;AA0CH;;;;;;GAMG;AACH,eAAO,MAAM,aAAa;;;;;;;;eAEiB,SAAS;kDAelD,CAAC;AAOH,eAAO,MAAM,kBAAkB;eAxFlB,SAAS;WACb,UAAU;kDAiGlB,CAAC;AAgCF,eAAO,MAAM,kBAAkB;;;;;;;;eAEY,SAAS;kDAelD,CAAC;AAiBH,eAAO,MAAM,cAAc;eALd,SAAS;IACpB,iEAAiE;sBAC/C,aAAa;kDA0BhC,CAAC"}
+{"version":3,"file":"overlaySurfaces.d.ts","sourceRoot":"","sources":["../../src/theme/overlaySurfaces.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAML,KAAK,kBAAkB,IAAI,yBAAyB,EAEpD,KAAK,UAAU,EACf,KAAK,cAAc,EAEpB,MAAM,SAAS,CAAC;AA6DjB,KAAK,aAAa,GAAG,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;AAmC5C;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,EAAE,eAAe,EAAE,EAAE;IAAE,eAAe,CAAC,EAAE,aAAa,CAAA;CAAE,GAAG,IAAI,CAG9F;AAID,MAAM,WAAW,wBAAwB;IACvC,4EAA4E;IAC5E,cAAc,EAAE,OAAO,CAAC;CACzB;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,mDAE9B,CAAC;AAEH,wBAAgB,sBAAsB,IAAI,wBAAwB,CAEjE;AAED,wBAAgB,mBAAmB,IAAI,OAAO,CAE7C;AAQD,MAAM,MAAM,kBAAkB,GAAG,IAAI,CAAC,yBAAyB,EAAE,MAAM,CAAC,GAAG;IACzE,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,aAAa;eAJb,SAAS;WACb,UAAU;kDAcjB,CAAC;AA8CH;;;;;;GAMG;AACH,eAAO,MAAM,aAAa;;;;;;;;eAEiB,SAAS;kDAelD,CAAC;AAOH,eAAO,MAAM,kBAAkB;eA5FlB,SAAS;WACb,UAAU;kDAqGlB,CAAC;AAgCF,eAAO,MAAM,kBAAkB;;;;;;;;eAEY,SAAS;kDAelD,CAAC;AAiBH,eAAO,MAAM,cAAc;eALd,SAAS;IACpB,iEAAiE;sBAC/C,aAAa;kDA0BhC,CAAC"}

package/types/theme/resolveKnobs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolveKnobs.d.ts","sourceRoot":"","sources":["../../src/theme/resolveKnobs.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAiD,cAAc,EAAE,MAAM,SAAS,CAAC;AAY7F,OAAO,KAAK,EAAmB,SAAS,EAAE,KAAK,EAAE,cAAc,EAAc,MAAM,SAAS,CAAC;AAI7F,OAAO,EAAa,KAAK,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,KAAK,EAOV,SAAS,EACT,iBAAiB,EAEjB,iBAAiB,EACjB,aAAa,EAId,MAAM,WAAW,CAAC;AAKnB,eAAO,MAAM,eAAe;;;;;;CAMlB,CAAC;AAEX,eAAO,MAAM,kBAAkB;;;;;;CAMrB,CAAC;AAkBX,QAAA,MAAM,iBAAiB;;;;;;CAMb,CAAC;AAEX,yFAAyF;AACzF,wBAAgB,cAAc,CAC5B,IAAI,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,SAAS,GACtC,CAAC,OAAO,iBAAiB,CAAC,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAEnD;AAuBD;;;;;;GAMG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,MAAM,CAI7E;AAmBD,eAAO,MAAM,YAAY;;;;;;;CASf,CAAC;AA6BX;;;;;;GAMG;AACH,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,cAAc,GAAG,iBAAiB,CAY9E;AAiBD,uDAAuD;AACvD,wBAAgB,cAAc,IAAI,MAAM,CAEvC;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,MAAM,GAAG,MAAM,CAIvF;AAED,wBAAgB,cAAc,CAAC,YAAY,EAAE,KAAK,CAAC,cAAc,CAAC,GAAG,MAAM,GAAG,MAAM,CAKnF;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,KAAK,CAAC,cAAc,CAAC,GAAG,SAAS,CAIrF;AAED;;;;;;GAMG;AACH,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG,UAAU,GAAG,YAAY,GAAG,UAAU,CAAC;AAErF,MAAM,WAAW,uBAAuB;IACtC,2BAA2B,EAAE,eAAe,CAAC;IAC7C,kBAAkB,EAAE,KAAK,CAAC,cAAc,CAAC,CAAC;CAC3C;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,iBAAiB,CAC/B,SAAS,EAAE,eAAe,EAC1B,WAAW,EAAE,OAAO,GACnB,uBAAuB,GAAG,SAAS,CAOrC;AAID,0DAA0D;AAC1D,wBAAgB,kBAAkB,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,GAAG,OAAO,CAEzE;AAID,sGAAsG;AACtG,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAIzD;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,IAAI,MAAM,EAAE,CAI5D;AAED,yFAAyF;AACzF,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,GAAG,cAAc,CAIlE;AAgBD,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,KAAK,CAAC,aAAa,CAAC,GAAG,MAAM,CAI3E;AA+BD,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,GAAG,SAAS,CAK/D,CAAC;AAKF,eAAO,MAAM,gBAAgB,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,GAAG,SAAS,CAKnE,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,MAAM,CAAC,SAAS,EAAE,OAAO,GAAG,SAAS,CAKtE,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,MAAM,CAAC;AAE3C,wBAAgB,cAAc,CAAC,EAAE,EAAE,MAAM,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAG/F;AA8BD,wBAAgB,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,CAIzF;AA4DD;;;;;;GAMG;AACH,wBAAgB,gBAAgB,CAAC,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,GAAG,SAAS,CAAC,UAAU,CAAC,CAaxF;AAgHD;;;GAGG;AACH,eAAO,MAAM,eAAe,YAAY,CAAC;AAczC,8FAA8F;AAC9F,MAAM,WAAW,uBAAuB;IACtC,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,gEAAgE;IAChE,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAED,wBAAgB,YAAY,CAC1B,KAAK,EAAE,KAAK,EACZ,QAAQ,CAAC,EAAE,iBAAiB,EAC5B,MAAM,GAAE,WAAqB,EAC7B,WAAW,CAAC,EAAE,uBAAuB,GACpC,aAAa,CAoQf"}
+{"version":3,"file":"resolveKnobs.d.ts","sourceRoot":"","sources":["../../src/theme/resolveKnobs.ts"],"names":[],"mappings":"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"}