@vellira-ui/tokens 2.98.7 → 2.99.0

package/dist/light/components/modal.js

@@ -3,14 +3,12 @@ import { radius } from '../../tokens/radius.js';
 import { spacing } from '../../tokens/spacing.js';
 import { focus } from '../semantic/focus.js';
 import { overlay } from '../semantic/overlay.js';
-import { shadow } from '../semantic/shadow.js';
 import { surface } from '../semantic/surface.js';
 import { text } from '../semantic/text.js';
 export const modal = createModalTokensFromSemantics({
     focus,
     overlay,
     radius,
-    shadow,
     spacing,
     surface,
     text,

package/dist/light/components/popover.d.ts

@@ -3,31 +3,11 @@ export declare const popover: {
         readonly bg: string;
         readonly fg: string;
         readonly border: string;
-        readonly shadow: {
-            readonly web: string;
-            readonly native: {
-                readonly x: 0;
-                readonly y: 1;
-                readonly blur: 3;
-                readonly color: "#000000";
-                readonly opacity: 0.04;
-                readonly elevation: 1;
-            } | {
-                readonly x: 0;
-                readonly y: 6;
-                readonly blur: 16;
-                readonly color: "#000000";
-                readonly opacity: 0.08;
-                readonly elevation: 4;
-            } | {
-                readonly x: 0;
-                readonly y: 12;
-                readonly blur: 32;
-                readonly color: "#000000";
-                readonly opacity: 0.1;
-                readonly elevation: 8;
-            };
-        };
+        readonly shadow: Readonly<{
+            kind: "shadow";
+            role: "elevation";
+            level: import("../../platform-output/component-token-intents.js").ComponentShadowLevel;
+        }>;
         readonly borderWidth: 1;
         readonly radius: number;
         readonly padding: number;

package/dist/light/components/popover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/light/components/popover.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOlB,CAAC"}
+{"version":3,"file":"popover.d.ts","sourceRoot":"","sources":["../../../src/light/components/popover.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAKlB,CAAC"}

package/dist/light/components/popover.js

@@ -1,14 +1,10 @@
 import { createPopoverTokensFromTheme } from '../../factories/createPopoverTokens.js';
 import { radius } from '../../tokens/radius.js';
-import { shadows } from '../../tokens/shadows.js';
 import { spacing } from '../../tokens/spacing.js';
 import { overlay } from '../semantic/overlay.js';
-import { shadow } from '../semantic/shadow.js';
 import { text } from '../semantic/text.js';
 export const popover = createPopoverTokensFromTheme({
     overlay,
-    shadow,
-    shadows,
     text,
     radius,
     spacing,

package/dist/light/components/select.d.ts

@@ -2411,7 +2411,11 @@ export declare const select: {
         readonly bg: "#FFFFFF";
         readonly fg: "#3D3754";
         readonly border: "transparent";
-        readonly shadow: "0 12px 40px rgba(24, 21, 33, 0.16), 0 2px 8px rgba(24, 21, 33, 0.1)";
+        readonly shadow: Readonly<{
+            kind: "shadow";
+            role: "elevation";
+            level: import("../../platform-output/component-token-intents.js").ComponentShadowLevel;
+        }>;
         readonly search: {
             readonly bg: "#FAF8FF";
             readonly fg: "#3D3754";
@@ -2462,7 +2466,10 @@ export declare const select: {
             readonly bg: "#E9E6FF";
             readonly fg: "#342580";
             readonly border: "#B8A8FF";
-            readonly shadow: "none";
+            readonly shadow: Readonly<{
+                kind: "shadow";
+                role: "none";
+            }>;
         };
         readonly disabled: {
             readonly border: "transparent";

package/dist/light/components/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/light/components/select.ts"],"names":[],"mappings":"AA0EA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4MT,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/light/components/select.ts"],"names":[],"mappings":"AA6EA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4MT,CAAC"}

package/dist/light/components/select.js

@@ -1,12 +1,12 @@
 import { createInputColorPalette } from '../../factories/createInputPalette.js';
 import { createSelectPalette } from '../../factories/createSelectPalette.js';
+import { createComponentNoShadowIntent, createComponentShadowIntent, } from '../../platform-output/component-token-intents.js';
 import { colors } from '../../primitives/colors.js';
 import { border } from '../semantic/border.js';
 import { control } from '../semantic/control.js';
 import { focus } from '../semantic/focus.js';
 import { icons } from '../semantic/icons.js';
 import { menu } from '../semantic/menu.js';
-import { shadow } from '../semantic/shadow.js';
 import { status } from '../semantic/status.js';
 import { surface } from '../semantic/surface.js';
 import { text } from '../semantic/text.js';
@@ -165,7 +165,7 @@ export const select = {
         bg: menu.background,
         fg: menu.item.default.fg,
         border: 'transparent',
-        shadow: shadow.lg,
+        shadow: createComponentShadowIntent('lg'),
         search: {
             bg: surface.default,
             fg: text.primary,
@@ -212,7 +212,7 @@ export const select = {
             bg: control.selected.muted.bg,
             fg: control.selected.muted.fg,
             border: control.selected.muted.border,
-            shadow: 'none',
+            shadow: createComponentNoShadowIntent(),
         },
         disabled: {
             ...menu.item.disabled,

package/dist/light/components/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/light/components/tooltip.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,OAAO,gEAMlB,CAAC"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../src/light/components/tooltip.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,OAAO,gEAKlB,CAAC"}

package/dist/light/components/tooltip.js

@@ -3,10 +3,8 @@ import { radius } from '../../tokens/radius.js';
 import { spacing } from '../../tokens/spacing.js';
 import { typography } from '../../tokens/typography.js';
 import { overlay } from '../semantic/overlay.js';
-import { shadow } from '../semantic/shadow.js';
 export const tooltip = createTooltipTokensFromTheme({
     overlay,
-    shadow,
     radius,
     spacing,
     typography,

package/dist/light/semantic/surface.d.ts

@@ -1,6 +1,7 @@
 export declare const surface: {
     readonly canvas: "#FAF8FF";
     readonly default: "#FAF8FF";
+    readonly panel: "#FFFFFF";
     readonly muted: "#F4F1FB";
     readonly subtle: "#FDFCFF";
     readonly elevated: "#FFFFFF";

package/dist/light/semantic/surface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/surface.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;;;CAeV,CAAC"}
+{"version":3,"file":"surface.d.ts","sourceRoot":"","sources":["../../../src/light/semantic/surface.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO;;;;;;;;;;;;;CAgBV,CAAC"}

package/dist/light/semantic/surface.js

@@ -3,6 +3,7 @@ import { withAlpha } from '../../utils/color.js';
 export const surface = {
     canvas: colors.vellira[50],
     default: colors.vellira[50],
+    panel: colors.mono[50],
     muted: colors.vellira[100],
     subtle: colors.vellira[25],
     elevated: colors.mono[50],

package/dist/platform-output/component-token-intents.d.ts

@@ -0,0 +1,71 @@
+export declare const componentShadowLevels: readonly ["sm", "md", "lg", "xl"];
+export type ComponentShadowLevel = (typeof componentShadowLevels)[number];
+export type ComponentElevationShadowIntent = Readonly<{
+    kind: 'shadow';
+    role: 'elevation';
+    level: ComponentShadowLevel;
+}>;
+export type ComponentFocusRingShadowIntent = Readonly<{
+    kind: 'shadow';
+    role: 'focus-ring';
+}>;
+export type ComponentNoShadowIntent = Readonly<{
+    kind: 'shadow';
+    role: 'none';
+}>;
+export type ComponentShadowIntent = ComponentElevationShadowIntent | ComponentFocusRingShadowIntent | ComponentNoShadowIntent;
+export type ComponentViewportHeightIntent = Readonly<{
+    kind: 'viewport-height';
+    ratio: number;
+}>;
+export type ComponentPlatformIntent = ComponentShadowIntent | ComponentViewportHeightIntent;
+export type ReactNativeShadowOutput = Readonly<{
+    x: number;
+    y: number;
+    blur: number;
+    color: string;
+    opacity: number;
+    elevation: number;
+}>;
+export type ComponentPlatformOutputSources = Readonly<{
+    web: {
+        shadow: Readonly<Record<ComponentShadowLevel, string>>;
+        focusRingShadow: string;
+    };
+    reactNative: {
+        shadow: Readonly<Record<ComponentShadowLevel, ReactNativeShadowOutput>>;
+    };
+}>;
+type ComponentOutputThemeSources = Readonly<{
+    semantic: {
+        focus: {
+            ring: {
+                shadow: string;
+            };
+        };
+        shadow: Readonly<Record<ComponentShadowLevel, string>>;
+    };
+    tokens: {
+        shadows: Readonly<Record<'sm' | 'md' | 'lg', ReactNativeShadowOutput>>;
+    };
+}>;
+type WebAdaptedIntent<T> = T extends ComponentPlatformIntent ? string : never;
+type ReactNativeAdaptedIntent<T> = T extends ComponentElevationShadowIntent ? ReactNativeShadowOutput : T extends ComponentFocusRingShadowIntent | ComponentNoShadowIntent ? null : T extends ComponentViewportHeightIntent ? string : never;
+export type WebComponentTokens<T> = T extends ComponentPlatformIntent ? WebAdaptedIntent<T> : T extends readonly (infer TEntry)[] ? readonly WebComponentTokens<TEntry>[] : T extends object ? {
+    readonly [K in keyof T]: WebComponentTokens<T[K]>;
+} : T;
+export type ReactNativeComponentTokens<T> = T extends ComponentPlatformIntent ? ReactNativeAdaptedIntent<T> : T extends readonly (infer TEntry)[] ? readonly ReactNativeComponentTokens<TEntry>[] : T extends object ? {
+    readonly [K in keyof T]: ReactNativeComponentTokens<T[K]>;
+} : T;
+export declare function createComponentShadowIntent(level: ComponentShadowLevel): ComponentElevationShadowIntent;
+export declare function createComponentFocusRingShadowIntent(): ComponentFocusRingShadowIntent;
+export declare function createComponentNoShadowIntent(): ComponentNoShadowIntent;
+export declare function createComponentViewportHeightIntent(ratio: number): ComponentViewportHeightIntent;
+export declare function isComponentPlatformIntent(value: unknown): value is ComponentPlatformIntent;
+export declare function createComponentPlatformOutputSources(theme: ComponentOutputThemeSources): ComponentPlatformOutputSources;
+export declare function resolveComponentIntentForWeb(intent: ComponentPlatformIntent, sources: ComponentPlatformOutputSources): string;
+export declare function resolveComponentIntentForReactNative(intent: ComponentPlatformIntent, sources: ComponentPlatformOutputSources): string | ReactNativeShadowOutput | null;
+export declare function adaptComponentTokensForWeb<T>(components: T, sources: ComponentPlatformOutputSources): WebComponentTokens<T>;
+export declare function adaptComponentTokensForReactNative<T>(components: T, sources: ComponentPlatformOutputSources): ReactNativeComponentTokens<T>;
+export {};
+//# sourceMappingURL=component-token-intents.d.ts.map

package/dist/platform-output/component-token-intents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-token-intents.d.ts","sourceRoot":"","sources":["../../src/platform-output/component-token-intents.ts"],"names":[],"mappings":"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"}

package/dist/platform-output/component-token-intents.js

@@ -0,0 +1,110 @@
+export const componentShadowLevels = ['sm', 'md', 'lg', 'xl'];
+export function createComponentShadowIntent(level) {
+    return { kind: 'shadow', role: 'elevation', level };
+}
+export function createComponentFocusRingShadowIntent() {
+    return { kind: 'shadow', role: 'focus-ring' };
+}
+export function createComponentNoShadowIntent() {
+    return { kind: 'shadow', role: 'none' };
+}
+export function createComponentViewportHeightIntent(ratio) {
+    if (!Number.isFinite(ratio) || ratio <= 0 || ratio > 1) {
+        throw new Error(`Component viewport-height ratio must be finite and within (0, 1], received ${ratio}.`);
+    }
+    return { kind: 'viewport-height', ratio };
+}
+function hasExactKeys(candidate, expectedKeys) {
+    const actualKeys = Object.keys(candidate);
+    return (actualKeys.length === expectedKeys.length &&
+        actualKeys.every((key) => expectedKeys.includes(key)));
+}
+export function isComponentPlatformIntent(value) {
+    if (typeof value !== 'object' || value === null || Array.isArray(value)) {
+        return false;
+    }
+    const candidate = value;
+    if (candidate.kind === 'shadow') {
+        if (candidate.role === 'focus-ring' || candidate.role === 'none') {
+            return hasExactKeys(candidate, ['kind', 'role']);
+        }
+        return (candidate.role === 'elevation' &&
+            hasExactKeys(candidate, ['kind', 'role', 'level']) &&
+            typeof candidate.level === 'string' &&
+            componentShadowLevels.includes(candidate.level));
+    }
+    return (candidate.kind === 'viewport-height' &&
+        hasExactKeys(candidate, ['kind', 'ratio']) &&
+        typeof candidate.ratio === 'number' &&
+        Number.isFinite(candidate.ratio) &&
+        candidate.ratio > 0 &&
+        candidate.ratio <= 1);
+}
+export function createComponentPlatformOutputSources(theme) {
+    return {
+        web: {
+            shadow: {
+                sm: theme.semantic.shadow.sm,
+                md: theme.semantic.shadow.md,
+                lg: theme.semantic.shadow.lg,
+                xl: theme.semantic.shadow.xl,
+            },
+            focusRingShadow: theme.semantic.focus.ring.shadow,
+        },
+        reactNative: {
+            shadow: {
+                sm: theme.tokens.shadows.sm,
+                md: theme.tokens.shadows.md,
+                lg: theme.tokens.shadows.lg,
+                // Preserve current native Modal output. #885 owns the later authority
+                // decision for whether an independent structured xl shadow is needed.
+                xl: theme.tokens.shadows.lg,
+            },
+        },
+    };
+}
+function formatPercentage(ratio) {
+    const percentage = ratio * 100;
+    return Number.isInteger(percentage)
+        ? String(percentage)
+        : String(Number(percentage.toFixed(4)));
+}
+export function resolveComponentIntentForWeb(intent, sources) {
+    if (intent.kind === 'viewport-height') {
+        return `${formatPercentage(intent.ratio)}vh`;
+    }
+    if (intent.role === 'focus-ring')
+        return sources.web.focusRingShadow;
+    if (intent.role === 'none')
+        return 'none';
+    return sources.web.shadow[intent.level];
+}
+export function resolveComponentIntentForReactNative(intent, sources) {
+    if (intent.kind === 'viewport-height') {
+        return `${formatPercentage(intent.ratio)}%`;
+    }
+    if (intent.role === 'focus-ring' || intent.role === 'none')
+        return null;
+    return sources.reactNative.shadow[intent.level];
+}
+function adaptComponentTokenTree(value, resolveIntent) {
+    if (isComponentPlatformIntent(value)) {
+        return resolveIntent(value);
+    }
+    if (Array.isArray(value)) {
+        return value.map((entry) => adaptComponentTokenTree(entry, resolveIntent));
+    }
+    if (typeof value === 'object' && value !== null) {
+        return Object.fromEntries(Object.entries(value).map(([key, entry]) => [
+            key,
+            adaptComponentTokenTree(entry, resolveIntent),
+        ]));
+    }
+    return value;
+}
+export function adaptComponentTokensForWeb(components, sources) {
+    return adaptComponentTokenTree(components, (intent) => resolveComponentIntentForWeb(intent, sources));
+}
+export function adaptComponentTokensForReactNative(components, sources) {
+    return adaptComponentTokenTree(components, (intent) => resolveComponentIntentForReactNative(intent, sources));
+}

package/dist/platform-output/component-token-web-compatibility.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Legacy Web output identities retained by #884 only for compatibility.
+ *
+ * These paths are not canonical component tokens. They exist after the
+ * renderer-neutral component boundary and are intentionally revisited by #889.
+ */
+export declare const componentTokenWebCompatibilityAliases: readonly [{
+    readonly path: "components.modal.content.nativeMaxHeight";
+    readonly variable: "--modal-content-native-max-height";
+}, {
+    readonly path: "components.popover.content.shadow.web";
+    readonly variable: "--popover-content-shadow-web";
+}, {
+    readonly path: "components.popover.content.shadow.native.x";
+    readonly variable: "--popover-content-shadow-native-x";
+}, {
+    readonly path: "components.popover.content.shadow.native.y";
+    readonly variable: "--popover-content-shadow-native-y";
+}, {
+    readonly path: "components.popover.content.shadow.native.blur";
+    readonly variable: "--popover-content-shadow-native-blur";
+}, {
+    readonly path: "components.popover.content.shadow.native.color";
+    readonly variable: "--popover-content-shadow-native-color";
+}, {
+    readonly path: "components.popover.content.shadow.native.opacity";
+    readonly variable: "--popover-content-shadow-native-opacity";
+}, {
+    readonly path: "components.popover.content.shadow.native.elevation";
+    readonly variable: "--popover-content-shadow-native-elevation";
+}];
+//# sourceMappingURL=component-token-web-compatibility.d.ts.map

package/dist/platform-output/component-token-web-compatibility.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"component-token-web-compatibility.d.ts","sourceRoot":"","sources":["../../src/platform-output/component-token-web-compatibility.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,eAAO,MAAM,qCAAqC;;;;;;;;;;;;;;;;;;;;;;;;EAiCxC,CAAC"}

package/dist/platform-output/component-token-web-compatibility.js

@@ -0,0 +1,40 @@
+/**
+ * Legacy Web output identities retained by #884 only for compatibility.
+ *
+ * These paths are not canonical component tokens. They exist after the
+ * renderer-neutral component boundary and are intentionally revisited by #889.
+ */
+export const componentTokenWebCompatibilityAliases = [
+    {
+        path: 'components.modal.content.nativeMaxHeight',
+        variable: '--modal-content-native-max-height',
+    },
+    {
+        path: 'components.popover.content.shadow.web',
+        variable: '--popover-content-shadow-web',
+    },
+    {
+        path: 'components.popover.content.shadow.native.x',
+        variable: '--popover-content-shadow-native-x',
+    },
+    {
+        path: 'components.popover.content.shadow.native.y',
+        variable: '--popover-content-shadow-native-y',
+    },
+    {
+        path: 'components.popover.content.shadow.native.blur',
+        variable: '--popover-content-shadow-native-blur',
+    },
+    {
+        path: 'components.popover.content.shadow.native.color',
+        variable: '--popover-content-shadow-native-color',
+    },
+    {
+        path: 'components.popover.content.shadow.native.opacity',
+        variable: '--popover-content-shadow-native-opacity',
+    },
+    {
+        path: 'components.popover.content.shadow.native.elevation',
+        variable: '--popover-content-shadow-native-elevation',
+    },
+];

package/dist/preservation/token-migrations.d.ts

@@ -77,24 +77,24 @@ export declare const tokenMigrationManifestV1: ({
     readonly equivalence: "The paired canonical #882 rename preserves the resolved design value; only the Web CSS variable identity changes from active to pressed.";
     readonly evidence: "Token preservation validates the canonical/RN value-preserving rename; generated CSS checks and pinned Linux visual regression validate Web output.";
 } | {
-    readonly id: "883-action-secondary-default-border-rename" | "883-action-secondary-default-fg-rename" | "883-action-secondary-default-bg-rename" | "883-action-secondary-hover-border-rename" | "883-action-secondary-hover-fg-rename" | "883-action-secondary-hover-bg-rename" | "883-action-secondary-active-border-rename" | "883-action-secondary-active-fg-rename" | "883-action-secondary-active-bg-rename" | "883-action-secondary-subtle-border-rename" | "883-action-secondary-subtle-fg-rename" | "883-action-secondary-subtle-bg-rename" | "883-action-secondary-muted-border-rename" | "883-action-secondary-muted-fg-rename" | "883-action-secondary-muted-bg-rename" | "883-action-close-default-border-rename" | "883-action-close-default-fg-rename" | "883-action-close-default-bg-rename" | "883-action-close-hover-border-rename" | "883-action-close-hover-fg-rename" | "883-action-close-hover-bg-rename" | "883-action-close-active-border-rename" | "883-action-close-active-fg-rename" | "883-action-close-active-bg-rename" | "883-action-close-subtle-border-rename" | "883-action-close-subtle-fg-rename" | "883-action-close-subtle-bg-rename" | "883-action-close-muted-border-rename" | "883-action-close-muted-fg-rename" | "883-action-close-muted-bg-rename" | "883-status-success-strong-rename" | "883-status-error-strong-rename" | "883-status-warning-strong-rename" | "883-status-info-strong-rename" | "883-icons-primary-rename" | "883-icons-hover-rename" | "883-border-focus-rename" | "883-focus-ring-offset-rename" | "883-overlay-popover-bg-rename" | "883-overlay-popover-border-rename" | "883-overlay-modal-bg-rename" | "883-overlay-modal-border-rename";
+    readonly id: "883-action-secondary-default-border-rename" | "883-action-secondary-default-fg-rename" | "883-action-secondary-default-bg-rename" | "883-action-secondary-hover-border-rename" | "883-action-secondary-hover-fg-rename" | "883-action-secondary-hover-bg-rename" | "883-action-secondary-active-border-rename" | "883-action-secondary-active-fg-rename" | "883-action-secondary-active-bg-rename" | "883-action-secondary-subtle-border-rename" | "883-action-secondary-subtle-fg-rename" | "883-action-secondary-subtle-bg-rename" | "883-action-secondary-muted-border-rename" | "883-action-secondary-muted-fg-rename" | "883-action-secondary-muted-bg-rename" | "883-action-close-default-border-rename" | "883-action-close-default-fg-rename" | "883-action-close-default-bg-rename" | "883-action-close-hover-border-rename" | "883-action-close-hover-fg-rename" | "883-action-close-hover-bg-rename" | "883-action-close-active-border-rename" | "883-action-close-active-fg-rename" | "883-action-close-active-bg-rename" | "883-action-close-subtle-border-rename" | "883-action-close-subtle-fg-rename" | "883-action-close-subtle-bg-rename" | "883-action-close-muted-border-rename" | "883-action-close-muted-fg-rename" | "883-action-close-muted-bg-rename" | "883-status-info-strong-rename" | "883-status-success-strong-rename" | "883-status-error-strong-rename" | "883-status-warning-strong-rename" | "883-icons-primary-rename" | "883-icons-hover-rename" | "883-border-focus-rename" | "883-focus-ring-offset-rename" | "883-overlay-popover-bg-rename" | "883-overlay-popover-border-rename" | "883-overlay-modal-bg-rename" | "883-overlay-modal-border-rename";
     readonly kind: "rename";
     readonly issue: "#883";
     readonly reason: "Rename a public semantic role to Semantic Vocabulary V1 while preserving its resolved design value.";
     readonly platforms: readonly ["react-native"];
-    readonly from: "semantic.action.secondary.default.border" | "semantic.action.secondary.default.fg" | "semantic.action.secondary.default.bg" | "semantic.action.secondary.hover.border" | "semantic.action.secondary.hover.fg" | "semantic.action.secondary.hover.bg" | "semantic.action.secondary.active.border" | "semantic.action.secondary.active.fg" | "semantic.action.secondary.active.bg" | "semantic.action.secondary.subtle.border" | "semantic.action.secondary.subtle.fg" | "semantic.action.secondary.subtle.bg" | "semantic.action.secondary.muted.border" | "semantic.action.secondary.muted.fg" | "semantic.action.secondary.muted.bg" | "semantic.action.close.default.border" | "semantic.action.close.default.fg" | "semantic.action.close.default.bg" | "semantic.action.close.hover.border" | "semantic.action.close.hover.fg" | "semantic.action.close.hover.bg" | "semantic.action.close.active.border" | "semantic.action.close.active.fg" | "semantic.action.close.active.bg" | "semantic.action.close.subtle.border" | "semantic.action.close.subtle.fg" | "semantic.action.close.subtle.bg" | "semantic.action.close.muted.border" | "semantic.action.close.muted.fg" | "semantic.action.close.muted.bg" | "semantic.status.success.strong" | "semantic.status.error.strong" | "semantic.status.warning.strong" | "semantic.status.info.strong" | "semantic.icons.primary" | "semantic.icons.hover" | "semantic.border.focus" | "semantic.focus.ring.offset" | "semantic.overlay.popover.bg" | "semantic.overlay.popover.border" | "semantic.overlay.modal.bg" | "semantic.overlay.modal.border";
+    readonly from: "semantic.action.secondary.default.border" | "semantic.action.secondary.default.fg" | "semantic.action.secondary.default.bg" | "semantic.action.secondary.hover.border" | "semantic.action.secondary.hover.fg" | "semantic.action.secondary.hover.bg" | "semantic.action.secondary.active.border" | "semantic.action.secondary.active.fg" | "semantic.action.secondary.active.bg" | "semantic.action.secondary.subtle.border" | "semantic.action.secondary.subtle.fg" | "semantic.action.secondary.subtle.bg" | "semantic.action.secondary.muted.border" | "semantic.action.secondary.muted.fg" | "semantic.action.secondary.muted.bg" | "semantic.action.close.default.border" | "semantic.action.close.default.fg" | "semantic.action.close.default.bg" | "semantic.action.close.hover.border" | "semantic.action.close.hover.fg" | "semantic.action.close.hover.bg" | "semantic.action.close.active.border" | "semantic.action.close.active.fg" | "semantic.action.close.active.bg" | "semantic.action.close.subtle.border" | "semantic.action.close.subtle.fg" | "semantic.action.close.subtle.bg" | "semantic.action.close.muted.border" | "semantic.action.close.muted.fg" | "semantic.action.close.muted.bg" | "semantic.status.info.strong" | "semantic.status.success.strong" | "semantic.status.error.strong" | "semantic.status.warning.strong" | "semantic.icons.primary" | "semantic.icons.hover" | "semantic.border.focus" | "semantic.focus.ring.offset" | "semantic.overlay.popover.bg" | "semantic.overlay.popover.border" | "semantic.overlay.modal.bg" | "semantic.overlay.modal.border";
     readonly to: "semantic.action.accent.default.bg" | "semantic.action.accent.default.border" | "semantic.action.accent.default.fg" | "semantic.action.accent.hover.bg" | "semantic.action.accent.hover.border" | "semantic.action.accent.hover.fg" | "semantic.action.accent.muted.bg" | "semantic.action.accent.muted.border" | "semantic.action.accent.muted.fg" | "semantic.action.accent.pressed.bg" | "semantic.action.accent.pressed.border" | "semantic.action.accent.pressed.fg" | "semantic.action.accent.subtle.bg" | "semantic.action.accent.subtle.border" | "semantic.action.accent.subtle.fg" | "semantic.action.neutral.default.bg" | "semantic.action.neutral.default.border" | "semantic.action.neutral.default.fg" | "semantic.action.neutral.hover.bg" | "semantic.action.neutral.hover.border" | "semantic.action.neutral.hover.fg" | "semantic.action.neutral.muted.bg" | "semantic.action.neutral.muted.border" | "semantic.action.neutral.muted.fg" | "semantic.action.neutral.pressed.bg" | "semantic.action.neutral.pressed.border" | "semantic.action.neutral.pressed.fg" | "semantic.action.neutral.subtle.bg" | "semantic.action.neutral.subtle.border" | "semantic.action.neutral.subtle.fg" | "semantic.border.interactive" | "semantic.focus.ring.offsetColor" | "semantic.icons.interactive" | "semantic.icons.interactiveHover" | "semantic.overlay.dialog.bg" | "semantic.overlay.dialog.border" | "semantic.overlay.floating.bg" | "semantic.overlay.floating.border" | "semantic.status.error.emphasisFg" | "semantic.status.info.emphasisFg" | "semantic.status.success.emphasisFg" | "semantic.status.warning.emphasisFg";
     readonly layer?: undefined;
     readonly equivalence?: undefined;
     readonly evidence?: undefined;
 } | {
-    readonly id: "883-action-secondary-default-border-web-identity" | "883-action-secondary-default-fg-web-identity" | "883-action-secondary-default-bg-web-identity" | "883-action-secondary-hover-border-web-identity" | "883-action-secondary-hover-fg-web-identity" | "883-action-secondary-hover-bg-web-identity" | "883-action-secondary-active-border-web-identity" | "883-action-secondary-active-fg-web-identity" | "883-action-secondary-active-bg-web-identity" | "883-action-secondary-subtle-border-web-identity" | "883-action-secondary-subtle-fg-web-identity" | "883-action-secondary-subtle-bg-web-identity" | "883-action-secondary-muted-border-web-identity" | "883-action-secondary-muted-fg-web-identity" | "883-action-secondary-muted-bg-web-identity" | "883-action-close-default-border-web-identity" | "883-action-close-default-fg-web-identity" | "883-action-close-default-bg-web-identity" | "883-action-close-hover-border-web-identity" | "883-action-close-hover-fg-web-identity" | "883-action-close-hover-bg-web-identity" | "883-action-close-active-border-web-identity" | "883-action-close-active-fg-web-identity" | "883-action-close-active-bg-web-identity" | "883-action-close-subtle-border-web-identity" | "883-action-close-subtle-fg-web-identity" | "883-action-close-subtle-bg-web-identity" | "883-action-close-muted-border-web-identity" | "883-action-close-muted-fg-web-identity" | "883-action-close-muted-bg-web-identity" | "883-status-success-strong-web-identity" | "883-status-error-strong-web-identity" | "883-status-warning-strong-web-identity" | "883-status-info-strong-web-identity" | "883-icons-primary-web-identity" | "883-icons-hover-web-identity" | "883-border-focus-web-identity" | "883-focus-ring-offset-web-identity" | "883-overlay-popover-bg-web-identity" | "883-overlay-popover-border-web-identity" | "883-overlay-modal-bg-web-identity" | "883-overlay-modal-border-web-identity";
+    readonly id: "883-action-secondary-default-border-web-identity" | "883-action-secondary-default-fg-web-identity" | "883-action-secondary-default-bg-web-identity" | "883-action-secondary-hover-border-web-identity" | "883-action-secondary-hover-fg-web-identity" | "883-action-secondary-hover-bg-web-identity" | "883-action-secondary-active-border-web-identity" | "883-action-secondary-active-fg-web-identity" | "883-action-secondary-active-bg-web-identity" | "883-action-secondary-subtle-border-web-identity" | "883-action-secondary-subtle-fg-web-identity" | "883-action-secondary-subtle-bg-web-identity" | "883-action-secondary-muted-border-web-identity" | "883-action-secondary-muted-fg-web-identity" | "883-action-secondary-muted-bg-web-identity" | "883-action-close-default-border-web-identity" | "883-action-close-default-fg-web-identity" | "883-action-close-default-bg-web-identity" | "883-action-close-hover-border-web-identity" | "883-action-close-hover-fg-web-identity" | "883-action-close-hover-bg-web-identity" | "883-action-close-active-border-web-identity" | "883-action-close-active-fg-web-identity" | "883-action-close-active-bg-web-identity" | "883-action-close-subtle-border-web-identity" | "883-action-close-subtle-fg-web-identity" | "883-action-close-subtle-bg-web-identity" | "883-action-close-muted-border-web-identity" | "883-action-close-muted-fg-web-identity" | "883-action-close-muted-bg-web-identity" | "883-status-info-strong-web-identity" | "883-status-success-strong-web-identity" | "883-status-error-strong-web-identity" | "883-status-warning-strong-web-identity" | "883-icons-primary-web-identity" | "883-icons-hover-web-identity" | "883-border-focus-web-identity" | "883-focus-ring-offset-web-identity" | "883-overlay-popover-bg-web-identity" | "883-overlay-popover-border-web-identity" | "883-overlay-modal-bg-web-identity" | "883-overlay-modal-border-web-identity";
     readonly kind: "representation-change";
     readonly layer: "platform-output";
     readonly issue: "#883";
     readonly reason: "Align the public Web CSS variable identity with the normalized Semantic Vocabulary V1 role.";
     readonly platforms: readonly ["web"];
-    readonly from: "semantic.action.secondary.default.border" | "semantic.action.secondary.default.fg" | "semantic.action.secondary.default.bg" | "semantic.action.secondary.hover.border" | "semantic.action.secondary.hover.fg" | "semantic.action.secondary.hover.bg" | "semantic.action.secondary.active.border" | "semantic.action.secondary.active.fg" | "semantic.action.secondary.active.bg" | "semantic.action.secondary.subtle.border" | "semantic.action.secondary.subtle.fg" | "semantic.action.secondary.subtle.bg" | "semantic.action.secondary.muted.border" | "semantic.action.secondary.muted.fg" | "semantic.action.secondary.muted.bg" | "semantic.action.close.default.border" | "semantic.action.close.default.fg" | "semantic.action.close.default.bg" | "semantic.action.close.hover.border" | "semantic.action.close.hover.fg" | "semantic.action.close.hover.bg" | "semantic.action.close.active.border" | "semantic.action.close.active.fg" | "semantic.action.close.active.bg" | "semantic.action.close.subtle.border" | "semantic.action.close.subtle.fg" | "semantic.action.close.subtle.bg" | "semantic.action.close.muted.border" | "semantic.action.close.muted.fg" | "semantic.action.close.muted.bg" | "semantic.status.success.strong" | "semantic.status.error.strong" | "semantic.status.warning.strong" | "semantic.status.info.strong" | "semantic.icons.primary" | "semantic.icons.hover" | "semantic.border.focus" | "semantic.focus.ring.offset" | "semantic.overlay.popover.bg" | "semantic.overlay.popover.border" | "semantic.overlay.modal.bg" | "semantic.overlay.modal.border";
+    readonly from: "semantic.action.secondary.default.border" | "semantic.action.secondary.default.fg" | "semantic.action.secondary.default.bg" | "semantic.action.secondary.hover.border" | "semantic.action.secondary.hover.fg" | "semantic.action.secondary.hover.bg" | "semantic.action.secondary.active.border" | "semantic.action.secondary.active.fg" | "semantic.action.secondary.active.bg" | "semantic.action.secondary.subtle.border" | "semantic.action.secondary.subtle.fg" | "semantic.action.secondary.subtle.bg" | "semantic.action.secondary.muted.border" | "semantic.action.secondary.muted.fg" | "semantic.action.secondary.muted.bg" | "semantic.action.close.default.border" | "semantic.action.close.default.fg" | "semantic.action.close.default.bg" | "semantic.action.close.hover.border" | "semantic.action.close.hover.fg" | "semantic.action.close.hover.bg" | "semantic.action.close.active.border" | "semantic.action.close.active.fg" | "semantic.action.close.active.bg" | "semantic.action.close.subtle.border" | "semantic.action.close.subtle.fg" | "semantic.action.close.subtle.bg" | "semantic.action.close.muted.border" | "semantic.action.close.muted.fg" | "semantic.action.close.muted.bg" | "semantic.status.info.strong" | "semantic.status.success.strong" | "semantic.status.error.strong" | "semantic.status.warning.strong" | "semantic.icons.primary" | "semantic.icons.hover" | "semantic.border.focus" | "semantic.focus.ring.offset" | "semantic.overlay.popover.bg" | "semantic.overlay.popover.border" | "semantic.overlay.modal.bg" | "semantic.overlay.modal.border";
     readonly to: "semantic.action.accent.default.bg" | "semantic.action.accent.default.border" | "semantic.action.accent.default.fg" | "semantic.action.accent.hover.bg" | "semantic.action.accent.hover.border" | "semantic.action.accent.hover.fg" | "semantic.action.accent.muted.bg" | "semantic.action.accent.muted.border" | "semantic.action.accent.muted.fg" | "semantic.action.accent.pressed.bg" | "semantic.action.accent.pressed.border" | "semantic.action.accent.pressed.fg" | "semantic.action.accent.subtle.bg" | "semantic.action.accent.subtle.border" | "semantic.action.accent.subtle.fg" | "semantic.action.neutral.default.bg" | "semantic.action.neutral.default.border" | "semantic.action.neutral.default.fg" | "semantic.action.neutral.hover.bg" | "semantic.action.neutral.hover.border" | "semantic.action.neutral.hover.fg" | "semantic.action.neutral.muted.bg" | "semantic.action.neutral.muted.border" | "semantic.action.neutral.muted.fg" | "semantic.action.neutral.pressed.bg" | "semantic.action.neutral.pressed.border" | "semantic.action.neutral.pressed.fg" | "semantic.action.neutral.subtle.bg" | "semantic.action.neutral.subtle.border" | "semantic.action.neutral.subtle.fg" | "semantic.border.interactive" | "semantic.focus.ring.offsetColor" | "semantic.icons.interactive" | "semantic.icons.interactiveHover" | "semantic.overlay.dialog.bg" | "semantic.overlay.dialog.border" | "semantic.overlay.floating.bg" | "semantic.overlay.floating.border" | "semantic.status.error.emphasisFg" | "semantic.status.info.emphasisFg" | "semantic.status.success.emphasisFg" | "semantic.status.warning.emphasisFg";
     readonly equivalence: "The paired canonical #883 rename preserves the resolved design value; only the public Web CSS variable identity changes.";
     readonly evidence: "Token preservation validates the canonical/RN rename; generated CSS and pinned Linux visual regression validate Web output identity.";
@@ -102,8 +102,14 @@ export declare const tokenMigrationManifestV1: ({
     readonly id: `883-remove-${string}`;
     readonly kind: "remove";
     readonly issue: "#883";
-    readonly reason: "Remove the ambiguous surface.background alias after application roots move to the canonical surface.canvas role." | "Remove the unused legacy semantic.navigation namespace instead of preserving a duplicate component-history vocabulary.";
+    readonly reason: "Remove ambiguous surface.background after consumers are split by purpose: application roots use surface.canvas and bounded neutral containers use the explicit surface.panel role introduced by #912." | "Remove the unused legacy semantic.navigation namespace instead of preserving a duplicate component-history vocabulary.";
     readonly from: "semantic.surface.background" | "semantic.navigation.hover.bg" | "semantic.navigation.hover.fg" | "semantic.navigation.active.bg" | "semantic.navigation.active.fg" | "semantic.navigation.brandHover.bg" | "semantic.navigation.brandHover.fg" | "semantic.navigation.tabHover.fg" | "semantic.navigation.tabFocus.ring" | "semantic.navigation.optionHover.bg" | "semantic.navigation.optionHover.fg" | "semantic.navigation.optionActive.bg" | "semantic.navigation.optionActive.fg" | "semantic.navigation.triggerHover.bg" | "semantic.navigation.triggerHover.fg" | "semantic.navigation.border";
+} | {
+    readonly id: "912-surface-panel-addition";
+    readonly kind: "addition";
+    readonly issue: "#912";
+    readonly reason: "Add an explicit bounded neutral panel/chrome role after the #883 audit missed authored CSS consumers of the removed surface.background variable; panel preserves those historical bounded-container values without changing canvas or elevated semantics.";
+    readonly to: "semantic.surface.panel";
 } | {
     readonly id: "883-dark-text-muted-hierarchy";
     readonly kind: "visual-change";
@@ -239,6 +245,39 @@ export declare const tokenMigrationManifestV1: ({
     readonly from: "components.select.clearButton.fg";
     readonly approved: true;
     readonly approvalEvidence: "#879/#883 explicitly authorizes Semantic Vocabulary V1 normalization and the narrowly scoped hierarchy/status corrections inside existing Vellira palettes; token preservation plus pinned Linux visual regression are required evidence.";
+} | {
+    readonly id: `884-representation-${string}`;
+    readonly kind: "representation-change";
+    readonly layer: "canonical";
+    readonly issue: "#884";
+    readonly reason: "Replace renderer-shaped canonical component storage with a renderer-neutral intent at the same logical token path.";
+    readonly from: "components.contextMenu.content.shadow" | "components.contextMenu.item.focus.ring.shadow" | "components.contextMenu.trigger.focus.ring.shadow" | "components.dropdown.content.shadow" | "components.dropdown.item.focus.ring.shadow" | "components.dropdown.trigger.focus.ring.shadow" | "components.modal.closeButton.focus.ring.shadow" | "components.modal.content.maxHeight" | "components.modal.content.shadow" | "components.select.dropdown.shadow" | "components.select.option.selected.shadow" | "components.tooltip.content.shadow";
+    readonly equivalence: "The canonical representation changes only; Web resolves the intent to the pre-#884 CSS value and React Native resolves consumed elevation/layout intents to the pre-#884 native presentation output.";
+    readonly evidence: "#880 preservation locks serialized Web output while component-token-output-equivalence regressions cover Web and React Native adapters for Light, Dark, and High Contrast themes.";
+} | {
+    readonly id: `884-remove-${string}`;
+    readonly kind: "remove";
+    readonly issue: "#884";
+    readonly reason: "Remove renderer-specific canonical storage after the same renderer output moved behind the platform-output adapter; the Web identity remains a compatibility alias until #889.";
+    readonly platforms: readonly ["react-native"];
+    readonly from: "components.modal.content.nativeMaxHeight" | "components.popover.content.shadow.native.x" | "components.popover.content.shadow.native.y" | "components.popover.content.shadow.native.blur" | "components.popover.content.shadow.native.color" | "components.popover.content.shadow.native.opacity" | "components.popover.content.shadow.native.elevation";
+} | {
+    readonly id: "884-popover-shadow-web-to-canonical-intent";
+    readonly kind: "representation-change";
+    readonly layer: "canonical";
+    readonly issue: "#884";
+    readonly reason: "Collapse the old Popover shadow.web branch into one renderer-neutral canonical shadow intent.";
+    readonly from: "components.popover.content.shadow.web";
+    readonly to: "components.popover.content.shadow";
+    readonly equivalence: "The new canonical lg elevation intent resolves to the same semantic lg Web shadow and the same structured native lg shadow used before #884.";
+    readonly evidence: "#880 preservation retains the legacy Web output identity and component-token-output-equivalence regressions lock the Web/RN adapter results for all three themes.";
+} | {
+    readonly id: "884-popover-normalized-web-shadow-output";
+    readonly kind: "addition";
+    readonly issue: "#884";
+    readonly reason: "Expose the normalized Popover shadow path in Web platform output while retaining the old renderer-shaped CSS identities as compatibility aliases until #889.";
+    readonly platforms: readonly ["web"];
+    readonly to: "components.popover.content.shadow";
 } | {
     id: string;
     kind: "remove";

package/dist/preservation/token-migrations.d.ts.map

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