@wzrhine/tokens 0.0.0-stage → 0.2.0

package/dist/manifest.d.ts

@@ -0,0 +1,406 @@
+/**
+ * Machine-readable index of the CSS custom properties defined in `tokens.css`.
+ * Tests assert that every token listed here exists in each theme, and the
+ * showcase renders foundations from this list instead of copying values.
+ */
+export type ThemeName = 'light' | 'dark';
+export type DensityName = 'comfortable' | 'compact';
+export interface TokenGroup {
+    id: string;
+    label: string;
+    description: string;
+    tokens: readonly TokenEntry[];
+}
+export interface TokenEntry {
+    name: `--rl-${string}`;
+    role: string;
+}
+export declare const colorGroups: readonly [{
+    readonly id: "background";
+    readonly label: "Background";
+    readonly description: "页面与容器层级。用明度差表达层级，而不是阴影。";
+    readonly tokens: readonly [{
+        readonly name: "--rl-bg-canvas";
+        readonly role: "页面底色";
+    }, {
+        readonly name: "--rl-bg-surface";
+        readonly role: "内容表面";
+    }, {
+        readonly name: "--rl-bg-subtle";
+        readonly role: "次级区域 / 中性徽标";
+    }, {
+        readonly name: "--rl-bg-raised";
+        readonly role: "浮起表面";
+    }, {
+        readonly name: "--rl-bg-hover";
+        readonly role: "中性悬停";
+    }, {
+        readonly name: "--rl-bg-pressed";
+        readonly role: "中性按压";
+    }, {
+        readonly name: "--rl-bg-inverse";
+        readonly role: "深墨填充";
+    }, {
+        readonly name: "--rl-inverse-hover";
+        readonly role: "深墨填充悬停";
+    }, {
+        readonly name: "--rl-bg-disabled";
+        readonly role: "禁用填充";
+    }, {
+        readonly name: "--rl-bg-readonly";
+        readonly role: "只读字段";
+    }];
+}, {
+    readonly id: "foreground";
+    readonly label: "Foreground";
+    readonly description: "文本层级。正文默认使用 primary，不以彩色文字为默认。";
+    readonly tokens: readonly [{
+        readonly name: "--rl-fg-primary";
+        readonly role: "主文本";
+    }, {
+        readonly name: "--rl-fg-muted";
+        readonly role: "次级文本";
+    }, {
+        readonly name: "--rl-fg-subtle";
+        readonly role: "元信息 / 编号";
+    }, {
+        readonly name: "--rl-fg-inverse";
+        readonly role: "深墨填充上的文本";
+    }, {
+        readonly name: "--rl-fg-on-accent";
+        readonly role: "信号橙填充上的文本";
+    }, {
+        readonly name: "--rl-fg-on-danger";
+        readonly role: "危险色填充上的文本";
+    }, {
+        readonly name: "--rl-fg-disabled";
+        readonly role: "禁用文本";
+    }];
+}, {
+    readonly id: "border";
+    readonly label: "Border";
+    readonly description: "subtle 仅作装饰分隔；可交互边界使用 strong。";
+    readonly tokens: readonly [{
+        readonly name: "--rl-border-subtle";
+        readonly role: "装饰分隔线";
+    }, {
+        readonly name: "--rl-border-default";
+        readonly role: "容器轮廓";
+    }, {
+        readonly name: "--rl-border-strong";
+        readonly role: "控件边界（≥3:1）";
+    }];
+}, {
+    readonly id: "signal";
+    readonly label: "Research Signal";
+    readonly description: "小面积使用的研究橙。每个视图只保留一处主要信号。";
+    readonly tokens: readonly [{
+        readonly name: "--rl-accent";
+        readonly role: "信号填充";
+    }, {
+        readonly name: "--rl-accent-hover";
+        readonly role: "信号悬停";
+    }, {
+        readonly name: "--rl-accent-subtle";
+        readonly role: "选中底色";
+    }, {
+        readonly name: "--rl-accent-text";
+        readonly role: "浅底上的强调文字";
+    }, {
+        readonly name: "--rl-accent-amber";
+        readonly role: "档案辅助标记（装饰）";
+    }];
+}, {
+    readonly id: "status";
+    readonly label: "Status";
+    readonly description: "业务状态色。必须与文字同时出现，不能只靠颜色。";
+    readonly tokens: readonly [{
+        readonly name: "--rl-info";
+        readonly role: "信息";
+    }, {
+        readonly name: "--rl-info-subtle";
+        readonly role: "信息底色";
+    }, {
+        readonly name: "--rl-success";
+        readonly role: "完成";
+    }, {
+        readonly name: "--rl-success-subtle";
+        readonly role: "完成底色";
+    }, {
+        readonly name: "--rl-warning";
+        readonly role: "注意";
+    }, {
+        readonly name: "--rl-warning-subtle";
+        readonly role: "注意底色";
+    }, {
+        readonly name: "--rl-danger";
+        readonly role: "错误 / 高风险";
+    }, {
+        readonly name: "--rl-danger-hover";
+        readonly role: "危险填充悬停 / 按压";
+    }, {
+        readonly name: "--rl-danger-subtle";
+        readonly role: "错误底色";
+    }];
+}, {
+    readonly id: "category";
+    readonly label: "Category";
+    readonly description: "分类辅助色，必须和可读标签一起使用。";
+    readonly tokens: readonly [{
+        readonly name: "--rl-category-1";
+        readonly role: "分类 1";
+    }, {
+        readonly name: "--rl-category-2";
+        readonly role: "分类 2";
+    }, {
+        readonly name: "--rl-category-3";
+        readonly role: "分类 3";
+    }, {
+        readonly name: "--rl-category-4";
+        readonly role: "分类 4";
+    }, {
+        readonly name: "--rl-category-5";
+        readonly role: "分类 5";
+    }, {
+        readonly name: "--rl-category-6";
+        readonly role: "分类 6";
+    }, {
+        readonly name: "--rl-category-7";
+        readonly role: "分类 7";
+    }, {
+        readonly name: "--rl-category-8";
+        readonly role: "分类 8";
+    }];
+}, {
+    readonly id: "focus";
+    readonly label: "Focus";
+    readonly description: "焦点色独立于品牌橙与危险色。";
+    readonly tokens: readonly [{
+        readonly name: "--rl-focus";
+        readonly role: "焦点环";
+    }];
+}];
+export declare const typeRoles: readonly [{
+    readonly name: "display";
+    readonly token: "--rl-type-display";
+    readonly spec: "36 / 44 · 600";
+    readonly usage: "展示标题";
+}, {
+    readonly name: "heading-1";
+    readonly token: "--rl-type-heading-1";
+    readonly spec: "28 / 36 · 600";
+    readonly usage: "页面标题";
+}, {
+    readonly name: "heading-2";
+    readonly token: "--rl-type-heading-2";
+    readonly spec: "22 / 30 · 600";
+    readonly usage: "一级内容标题";
+}, {
+    readonly name: "heading-3";
+    readonly token: "--rl-type-heading-3";
+    readonly spec: "18 / 26 · 600";
+    readonly usage: "面板标题";
+}, {
+    readonly name: "body";
+    readonly token: "--rl-type-body";
+    readonly spec: "16 / 24 · 400";
+    readonly usage: "正文、表单";
+}, {
+    readonly name: "body-sm";
+    readonly token: "--rl-type-body-sm";
+    readonly spec: "14 / 21 · 400";
+    readonly usage: "紧凑信息";
+}, {
+    readonly name: "label";
+    readonly token: "--rl-type-label";
+    readonly spec: "14 / 20 · 600";
+    readonly usage: "控件文字";
+}, {
+    readonly name: "meta";
+    readonly token: "--rl-type-meta";
+    readonly spec: "12 / 18 · 500";
+    readonly usage: "辅助标签，不用于长正文";
+}, {
+    readonly name: "mono";
+    readonly token: "--rl-type-mono";
+    readonly spec: "12 / 18 · 500";
+    readonly usage: "编号、时间、单位";
+}];
+export declare const spaceScale: readonly [{
+    readonly token: "--rl-space-0";
+    readonly px: 0;
+}, {
+    readonly token: "--rl-space-1";
+    readonly px: 4;
+}, {
+    readonly token: "--rl-space-2";
+    readonly px: 8;
+}, {
+    readonly token: "--rl-space-3";
+    readonly px: 12;
+}, {
+    readonly token: "--rl-space-4";
+    readonly px: 16;
+}, {
+    readonly token: "--rl-space-6";
+    readonly px: 24;
+}, {
+    readonly token: "--rl-space-8";
+    readonly px: 32;
+}, {
+    readonly token: "--rl-space-12";
+    readonly px: 48;
+}, {
+    readonly token: "--rl-space-16";
+    readonly px: 64;
+}];
+export declare const radiusScale: readonly [{
+    readonly token: "--rl-radius-none";
+    readonly usage: "表格、分隔区块";
+}, {
+    readonly token: "--rl-radius-xs";
+    readonly usage: "徽标、标签";
+}, {
+    readonly token: "--rl-radius-sm";
+    readonly usage: "按钮、默认表面";
+}, {
+    readonly token: "--rl-radius-md";
+    readonly usage: "表单控件";
+}, {
+    readonly token: "--rl-radius-lg";
+    readonly usage: "浮层（M2）";
+}];
+export declare const borderWidths: readonly [{
+    readonly token: "--rl-border-width";
+    readonly usage: "默认边框";
+}, {
+    readonly token: "--rl-border-width-strong";
+    readonly usage: "强调轮廓 / 选中";
+}, {
+    readonly token: "--rl-focus-width";
+    readonly usage: "焦点环宽度";
+}, {
+    readonly token: "--rl-focus-offset";
+    readonly usage: "焦点环偏移";
+}];
+export declare const densityTokens: readonly [{
+    readonly token: "--rl-control-height-sm";
+    readonly usage: "小号控件高度";
+}, {
+    readonly token: "--rl-control-height-md";
+    readonly usage: "默认控件高度";
+}, {
+    readonly token: "--rl-control-height-lg";
+    readonly usage: "大号控件高度";
+}, {
+    readonly token: "--rl-control-padding-x-sm";
+    readonly usage: "小号控件水平内距";
+}, {
+    readonly token: "--rl-control-padding-x-md";
+    readonly usage: "默认控件水平内距";
+}, {
+    readonly token: "--rl-control-padding-x-lg";
+    readonly usage: "大号控件水平内距";
+}, {
+    readonly token: "--rl-control-gap";
+    readonly usage: "控件内图标与文字间距";
+}, {
+    readonly token: "--rl-surface-padding";
+    readonly usage: "表面默认内距";
+}, {
+    readonly token: "--rl-badge-height-sm";
+    readonly usage: "小号徽标高度（非点击目标）";
+}, {
+    readonly token: "--rl-badge-height-md";
+    readonly usage: "默认徽标高度（非点击目标）";
+}, {
+    readonly token: "--rl-indicator-size";
+    readonly usage: "状态圆点";
+}, {
+    readonly token: "--rl-field-label-width";
+    readonly usage: "行内字段标签列宽";
+}, {
+    readonly token: "--rl-dialog-width-sm";
+    readonly usage: "小号对话框宽度";
+}, {
+    readonly token: "--rl-dialog-width-md";
+    readonly usage: "默认对话框宽度";
+}, {
+    readonly token: "--rl-dialog-width-lg";
+    readonly usage: "大号对话框宽度";
+}, {
+    readonly token: "--rl-tooltip-max-width";
+    readonly usage: "提示最大宽度";
+}, {
+    readonly token: "--rl-popup-max-height";
+    readonly usage: "下拉列表最大高度";
+}, {
+    readonly token: "--rl-popup-offset";
+    readonly usage: "浮层与触发器间距";
+}, {
+    readonly token: "--rl-popover-width-sm";
+    readonly usage: "小号弹出面板宽度";
+}, {
+    readonly token: "--rl-popover-width-md";
+    readonly usage: "默认弹出面板宽度";
+}, {
+    readonly token: "--rl-popover-width-lg";
+    readonly usage: "大号弹出面板宽度";
+}, {
+    readonly token: "--rl-menu-min-width";
+    readonly usage: "菜单最小宽度";
+}, {
+    readonly token: "--rl-toast-width";
+    readonly usage: "通知宽度";
+}, {
+    readonly token: "--rl-orbit-size";
+    readonly usage: "轨道示意图尺寸（展示效果）";
+}];
+/** Duration tokens in milliseconds. Source of truth for CSS (`--rl-motion-*`) and motion/react presets. */
+export declare const motionDurations: {
+    readonly instant: 0;
+    readonly press: 80;
+    readonly fast: 120;
+    readonly base: 200;
+    readonly panel: 280;
+    readonly scene: 420;
+    readonly showcase: 700;
+};
+export type MotionDurationName = keyof typeof motionDurations;
+export declare const motionUsage: Record<MotionDurationName, string>;
+export declare const motionTokens: {
+    token: "--rl-motion-instant" | "--rl-motion-press" | "--rl-motion-fast" | "--rl-motion-base" | "--rl-motion-panel" | "--rl-motion-scene" | "--rl-motion-showcase";
+    name: "instant" | "press" | "fast" | "base" | "panel" | "scene" | "showcase";
+    ms: 0 | 80 | 120 | 200 | 280 | 420 | 700;
+}[];
+/** Cubic-bezier control points. `linear` is reserved for real progress feedback. */
+export declare const motionEasings: {
+    readonly out: readonly [0.16, 1, 0.3, 1];
+    readonly inOut: readonly [0.65, 0, 0.35, 1];
+};
+export declare const easingTokens: readonly [{
+    readonly token: "--rl-ease-out";
+    readonly name: "out";
+    readonly points: readonly [0.16, 1, 0.3, 1];
+    readonly usage: "默认：进入、反馈";
+}, {
+    readonly token: "--rl-ease-in-out";
+    readonly name: "inOut";
+    readonly points: readonly [0.65, 0, 0.35, 1];
+    readonly usage: "位置交换、往返";
+}];
+/** Period for indeterminate loops (spinner). Disabled entirely under reduced motion. */
+export declare const motionLoopMs = 900;
+/** Tokens whose value must be redefined by the dark theme. */
+export declare const themedTokens: readonly string[];
+export type ContrastLevel = 'text' | 'large-text' | 'non-text';
+export interface ContrastPair {
+    fg: `--rl-${string}`;
+    bg: `--rl-${string}`;
+    level: ContrastLevel;
+    usage: string;
+}
+export declare const minimumContrast: Record<ContrastLevel, number>;
+/** Pairings the components actually render. Each is verified in both themes. */
+export declare const contrastPairs: readonly ContrastPair[];
+//# sourceMappingURL=manifest.d.ts.map

package/dist/manifest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"manifest.d.ts","sourceRoot":"","sources":["../src/manifest.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;AACzC,MAAM,MAAM,WAAW,GAAG,aAAa,GAAG,SAAS,CAAC;AAEpD,MAAM,WAAW,UAAU;IACzB,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,SAAS,UAAU,EAAE,CAAC;CAC/B;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,QAAQ,MAAM,EAAE,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;CACd;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2FkB,CAAC;AAE3C,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUZ,CAAC;AAEX,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;EAUb,CAAC;AAEX,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;EAMd,CAAC;AAEX,eAAO,MAAM,YAAY;;;;;;;;;;;;EAKf,CAAC;AAEX,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyBhB,CAAC;AAEX,2GAA2G;AAC3G,eAAO,MAAM,eAAe;;;;;;;;CAQlB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,eAAe,CAAC;AAE9D,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,kBAAkB,EAAE,MAAM,CAQ1D,CAAC;AAEF,eAAO,MAAM,YAAY;;;;GAItB,CAAC;AAEJ,oFAAoF;AACpF,eAAO,MAAM,aAAa;;;CAGoD,CAAC;AAE/E,eAAO,MAAM,YAAY;;;;;;;;;;EAGf,CAAC;AAEX,wFAAwF;AACxF,eAAO,MAAM,YAAY,MAAM,CAAC;AAEhC,8DAA8D;AAC9D,eAAO,MAAM,YAAY,EAAE,SAAS,MAAM,EAEzC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;AAE/D,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,QAAQ,MAAM,EAAE,CAAC;IACrB,EAAE,EAAE,QAAQ,MAAM,EAAE,CAAC;IACrB,KAAK,EAAE,aAAa,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,eAAe,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAIzD,CAAC;AAEF,gFAAgF;AAChF,eAAO,MAAM,aAAa,EAAE,SAAS,YAAY,EA2ChD,CAAC"}

package/dist/manifest.js

@@ -0,0 +1,246 @@
+/**
+ * Machine-readable index of the CSS custom properties defined in `tokens.css`.
+ * Tests assert that every token listed here exists in each theme, and the
+ * showcase renders foundations from this list instead of copying values.
+ */
+export const colorGroups = [
+    {
+        id: 'background',
+        label: 'Background',
+        description: '页面与容器层级。用明度差表达层级，而不是阴影。',
+        tokens: [
+            { name: '--rl-bg-canvas', role: '页面底色' },
+            { name: '--rl-bg-surface', role: '内容表面' },
+            { name: '--rl-bg-subtle', role: '次级区域 / 中性徽标' },
+            { name: '--rl-bg-raised', role: '浮起表面' },
+            { name: '--rl-bg-hover', role: '中性悬停' },
+            { name: '--rl-bg-pressed', role: '中性按压' },
+            { name: '--rl-bg-inverse', role: '深墨填充' },
+            { name: '--rl-inverse-hover', role: '深墨填充悬停' },
+            { name: '--rl-bg-disabled', role: '禁用填充' },
+            { name: '--rl-bg-readonly', role: '只读字段' },
+        ],
+    },
+    {
+        id: 'foreground',
+        label: 'Foreground',
+        description: '文本层级。正文默认使用 primary，不以彩色文字为默认。',
+        tokens: [
+            { name: '--rl-fg-primary', role: '主文本' },
+            { name: '--rl-fg-muted', role: '次级文本' },
+            { name: '--rl-fg-subtle', role: '元信息 / 编号' },
+            { name: '--rl-fg-inverse', role: '深墨填充上的文本' },
+            { name: '--rl-fg-on-accent', role: '信号橙填充上的文本' },
+            { name: '--rl-fg-on-danger', role: '危险色填充上的文本' },
+            { name: '--rl-fg-disabled', role: '禁用文本' },
+        ],
+    },
+    {
+        id: 'border',
+        label: 'Border',
+        description: 'subtle 仅作装饰分隔；可交互边界使用 strong。',
+        tokens: [
+            { name: '--rl-border-subtle', role: '装饰分隔线' },
+            { name: '--rl-border-default', role: '容器轮廓' },
+            { name: '--rl-border-strong', role: '控件边界（≥3:1）' },
+        ],
+    },
+    {
+        id: 'signal',
+        label: 'Research Signal',
+        description: '小面积使用的研究橙。每个视图只保留一处主要信号。',
+        tokens: [
+            { name: '--rl-accent', role: '信号填充' },
+            { name: '--rl-accent-hover', role: '信号悬停' },
+            { name: '--rl-accent-subtle', role: '选中底色' },
+            { name: '--rl-accent-text', role: '浅底上的强调文字' },
+            { name: '--rl-accent-amber', role: '档案辅助标记（装饰）' },
+        ],
+    },
+    {
+        id: 'status',
+        label: 'Status',
+        description: '业务状态色。必须与文字同时出现，不能只靠颜色。',
+        tokens: [
+            { name: '--rl-info', role: '信息' },
+            { name: '--rl-info-subtle', role: '信息底色' },
+            { name: '--rl-success', role: '完成' },
+            { name: '--rl-success-subtle', role: '完成底色' },
+            { name: '--rl-warning', role: '注意' },
+            { name: '--rl-warning-subtle', role: '注意底色' },
+            { name: '--rl-danger', role: '错误 / 高风险' },
+            { name: '--rl-danger-hover', role: '危险填充悬停 / 按压' },
+            { name: '--rl-danger-subtle', role: '错误底色' },
+        ],
+    },
+    {
+        id: 'category',
+        label: 'Category',
+        description: '分类辅助色，必须和可读标签一起使用。',
+        tokens: [
+            { name: '--rl-category-1', role: '分类 1' },
+            { name: '--rl-category-2', role: '分类 2' },
+            { name: '--rl-category-3', role: '分类 3' },
+            { name: '--rl-category-4', role: '分类 4' },
+            { name: '--rl-category-5', role: '分类 5' },
+            { name: '--rl-category-6', role: '分类 6' },
+            { name: '--rl-category-7', role: '分类 7' },
+            { name: '--rl-category-8', role: '分类 8' },
+        ],
+    },
+    {
+        id: 'focus',
+        label: 'Focus',
+        description: '焦点色独立于品牌橙与危险色。',
+        tokens: [{ name: '--rl-focus', role: '焦点环' }],
+    },
+];
+export const typeRoles = [
+    { name: 'display', token: '--rl-type-display', spec: '36 / 44 · 600', usage: '展示标题' },
+    { name: 'heading-1', token: '--rl-type-heading-1', spec: '28 / 36 · 600', usage: '页面标题' },
+    { name: 'heading-2', token: '--rl-type-heading-2', spec: '22 / 30 · 600', usage: '一级内容标题' },
+    { name: 'heading-3', token: '--rl-type-heading-3', spec: '18 / 26 · 600', usage: '面板标题' },
+    { name: 'body', token: '--rl-type-body', spec: '16 / 24 · 400', usage: '正文、表单' },
+    { name: 'body-sm', token: '--rl-type-body-sm', spec: '14 / 21 · 400', usage: '紧凑信息' },
+    { name: 'label', token: '--rl-type-label', spec: '14 / 20 · 600', usage: '控件文字' },
+    { name: 'meta', token: '--rl-type-meta', spec: '12 / 18 · 500', usage: '辅助标签，不用于长正文' },
+    { name: 'mono', token: '--rl-type-mono', spec: '12 / 18 · 500', usage: '编号、时间、单位' },
+];
+export const spaceScale = [
+    { token: '--rl-space-0', px: 0 },
+    { token: '--rl-space-1', px: 4 },
+    { token: '--rl-space-2', px: 8 },
+    { token: '--rl-space-3', px: 12 },
+    { token: '--rl-space-4', px: 16 },
+    { token: '--rl-space-6', px: 24 },
+    { token: '--rl-space-8', px: 32 },
+    { token: '--rl-space-12', px: 48 },
+    { token: '--rl-space-16', px: 64 },
+];
+export const radiusScale = [
+    { token: '--rl-radius-none', usage: '表格、分隔区块' },
+    { token: '--rl-radius-xs', usage: '徽标、标签' },
+    { token: '--rl-radius-sm', usage: '按钮、默认表面' },
+    { token: '--rl-radius-md', usage: '表单控件' },
+    { token: '--rl-radius-lg', usage: '浮层（M2）' },
+];
+export const borderWidths = [
+    { token: '--rl-border-width', usage: '默认边框' },
+    { token: '--rl-border-width-strong', usage: '强调轮廓 / 选中' },
+    { token: '--rl-focus-width', usage: '焦点环宽度' },
+    { token: '--rl-focus-offset', usage: '焦点环偏移' },
+];
+export const densityTokens = [
+    { token: '--rl-control-height-sm', usage: '小号控件高度' },
+    { token: '--rl-control-height-md', usage: '默认控件高度' },
+    { token: '--rl-control-height-lg', usage: '大号控件高度' },
+    { token: '--rl-control-padding-x-sm', usage: '小号控件水平内距' },
+    { token: '--rl-control-padding-x-md', usage: '默认控件水平内距' },
+    { token: '--rl-control-padding-x-lg', usage: '大号控件水平内距' },
+    { token: '--rl-control-gap', usage: '控件内图标与文字间距' },
+    { token: '--rl-surface-padding', usage: '表面默认内距' },
+    { token: '--rl-badge-height-sm', usage: '小号徽标高度（非点击目标）' },
+    { token: '--rl-badge-height-md', usage: '默认徽标高度（非点击目标）' },
+    { token: '--rl-indicator-size', usage: '状态圆点' },
+    { token: '--rl-field-label-width', usage: '行内字段标签列宽' },
+    { token: '--rl-dialog-width-sm', usage: '小号对话框宽度' },
+    { token: '--rl-dialog-width-md', usage: '默认对话框宽度' },
+    { token: '--rl-dialog-width-lg', usage: '大号对话框宽度' },
+    { token: '--rl-tooltip-max-width', usage: '提示最大宽度' },
+    { token: '--rl-popup-max-height', usage: '下拉列表最大高度' },
+    { token: '--rl-popup-offset', usage: '浮层与触发器间距' },
+    { token: '--rl-popover-width-sm', usage: '小号弹出面板宽度' },
+    { token: '--rl-popover-width-md', usage: '默认弹出面板宽度' },
+    { token: '--rl-popover-width-lg', usage: '大号弹出面板宽度' },
+    { token: '--rl-menu-min-width', usage: '菜单最小宽度' },
+    { token: '--rl-toast-width', usage: '通知宽度' },
+    { token: '--rl-orbit-size', usage: '轨道示意图尺寸（展示效果）' },
+];
+/** Duration tokens in milliseconds. Source of truth for CSS (`--rl-motion-*`) and motion/react presets. */
+export const motionDurations = {
+    instant: 0,
+    press: 80,
+    fast: 120,
+    base: 200,
+    panel: 280,
+    scene: 420,
+    showcase: 700,
+};
+export const motionUsage = {
+    instant: '减动时的不必要布局位移',
+    press: '按压反馈',
+    fast: 'hover / focus 过渡',
+    base: '标签、选中与反馈',
+    panel: '普通面板 / 详情层',
+    scene: '档案视图身份连续',
+    showcase: '仅用户主动触发的演示场景',
+};
+export const motionTokens = Object.keys(motionDurations).map((name) => ({
+    token: `--rl-motion-${name}`,
+    name,
+    ms: motionDurations[name],
+}));
+/** Cubic-bezier control points. `linear` is reserved for real progress feedback. */
+export const motionEasings = {
+    out: [0.16, 1, 0.3, 1],
+    inOut: [0.65, 0, 0.35, 1],
+};
+export const easingTokens = [
+    { token: '--rl-ease-out', name: 'out', points: motionEasings.out, usage: '默认：进入、反馈' },
+    { token: '--rl-ease-in-out', name: 'inOut', points: motionEasings.inOut, usage: '位置交换、往返' },
+];
+/** Period for indeterminate loops (spinner). Disabled entirely under reduced motion. */
+export const motionLoopMs = 900;
+/** Tokens whose value must be redefined by the dark theme. */
+export const themedTokens = colorGroups.flatMap((group) => group.tokens.map((token) => token.name));
+export const minimumContrast = {
+    text: 4.5,
+    'large-text': 3,
+    'non-text': 3,
+};
+/** Pairings the components actually render. Each is verified in both themes. */
+export const contrastPairs = [
+    { fg: '--rl-fg-primary', bg: '--rl-bg-canvas', level: 'text', usage: '正文 / 画布' },
+    { fg: '--rl-fg-primary', bg: '--rl-bg-surface', level: 'text', usage: '正文 / 表面' },
+    { fg: '--rl-fg-primary', bg: '--rl-bg-subtle', level: 'text', usage: '中性徽标' },
+    { fg: '--rl-fg-primary', bg: '--rl-bg-hover', level: 'text', usage: '次级按钮悬停' },
+    { fg: '--rl-fg-muted', bg: '--rl-bg-canvas', level: 'text', usage: '次级文本 / 画布' },
+    { fg: '--rl-fg-muted', bg: '--rl-bg-surface', level: 'text', usage: '次级文本 / 表面' },
+    { fg: '--rl-fg-subtle', bg: '--rl-bg-surface', level: 'text', usage: '元信息 / 表面' },
+    { fg: '--rl-fg-subtle', bg: '--rl-bg-canvas', level: 'text', usage: '元信息 / 画布' },
+    { fg: '--rl-fg-subtle', bg: '--rl-bg-subtle', level: 'text', usage: '元信息 / 选中导航、代码标题' },
+    { fg: '--rl-fg-muted', bg: '--rl-bg-subtle', level: 'text', usage: '次级文本 / 次级区域' },
+    { fg: '--rl-fg-muted', bg: '--rl-bg-hover', level: 'text', usage: '次级文本 / 悬停' },
+    { fg: '--rl-fg-primary', bg: '--rl-bg-pressed', level: 'text', usage: '次级按钮按压' },
+    { fg: '--rl-fg-inverse', bg: '--rl-bg-inverse', level: 'text', usage: 'Primary 按钮' },
+    { fg: '--rl-fg-inverse', bg: '--rl-inverse-hover', level: 'text', usage: 'Primary 按钮悬停' },
+    { fg: '--rl-fg-on-accent', bg: '--rl-accent', level: 'text', usage: 'Accent 按钮' },
+    { fg: '--rl-fg-on-accent', bg: '--rl-accent-hover', level: 'text', usage: 'Accent 按钮悬停' },
+    { fg: '--rl-accent-text', bg: '--rl-bg-canvas', level: 'text', usage: '强调文字 / 画布' },
+    { fg: '--rl-accent-text', bg: '--rl-bg-surface', level: 'text', usage: '强调文字 / 表面' },
+    { fg: '--rl-fg-primary', bg: '--rl-accent-subtle', level: 'text', usage: '选中项文字' },
+    { fg: '--rl-info', bg: '--rl-info-subtle', level: 'text', usage: 'Info 徽标' },
+    { fg: '--rl-success', bg: '--rl-success-subtle', level: 'text', usage: 'Success 徽标' },
+    { fg: '--rl-warning', bg: '--rl-warning-subtle', level: 'text', usage: 'Warning 徽标' },
+    { fg: '--rl-danger', bg: '--rl-danger-subtle', level: 'text', usage: 'Danger 徽标' },
+    { fg: '--rl-border-strong', bg: '--rl-bg-surface', level: 'non-text', usage: '控件边界 / 表面' },
+    { fg: '--rl-border-strong', bg: '--rl-bg-canvas', level: 'non-text', usage: '控件边界 / 画布' },
+    { fg: '--rl-focus', bg: '--rl-bg-canvas', level: 'non-text', usage: '焦点环 / 画布' },
+    { fg: '--rl-focus', bg: '--rl-bg-surface', level: 'non-text', usage: '焦点环 / 表面' },
+    { fg: '--rl-accent', bg: '--rl-bg-surface', level: 'non-text', usage: '信号标记 / 表面' },
+    { fg: '--rl-fg-primary', bg: '--rl-bg-readonly', level: 'text', usage: '只读字段值' },
+    { fg: '--rl-border-strong', bg: '--rl-bg-readonly', level: 'non-text', usage: '只读字段边界' },
+    { fg: '--rl-border-strong', bg: '--rl-bg-raised', level: 'non-text', usage: '控件边界 / 浮层' },
+    { fg: '--rl-fg-muted', bg: '--rl-bg-raised', level: 'text', usage: '次级文本 / 浮层' },
+    { fg: '--rl-fg-subtle', bg: '--rl-bg-raised', level: 'text', usage: '占位符 / 浮层' },
+    { fg: '--rl-danger', bg: '--rl-bg-surface', level: 'text', usage: '字段错误文本 / 表面' },
+    { fg: '--rl-danger', bg: '--rl-bg-canvas', level: 'text', usage: '字段错误文本 / 画布' },
+    { fg: '--rl-danger', bg: '--rl-bg-surface', level: 'non-text', usage: '无效字段边界' },
+    { fg: '--rl-fg-on-danger', bg: '--rl-danger', level: 'text', usage: '危险菜单项高亮' },
+    { fg: '--rl-fg-on-danger', bg: '--rl-danger-hover', level: 'text', usage: '危险按钮悬停 / 按压' },
+    { fg: '--rl-info', bg: '--rl-bg-raised', level: 'non-text', usage: '通知状态条 / 图标' },
+    { fg: '--rl-success', bg: '--rl-bg-raised', level: 'non-text', usage: '通知状态条 / 图标' },
+    { fg: '--rl-warning', bg: '--rl-bg-raised', level: 'non-text', usage: '通知状态条 / 图标' },
+    { fg: '--rl-danger', bg: '--rl-bg-raised', level: 'text', usage: '危险菜单项 / 通知' },
+];
+//# sourceMappingURL=manifest.js.map