@orbit-work/ui 0.1.2-preview.0 → 0.1.2

package/dist/appearance-D7uh_ZTy.d.ts

@@ -0,0 +1,192 @@
+/** Supported text sizes, independent of the light/dark palette. */
+declare const ORBITWORK_FONT_SCALES: readonly [0.9, 1, 1.1, 1.2];
+type OrbitworkFontScale = (typeof ORBITWORK_FONT_SCALES)[number];
+declare function isOrbitworkFontScale(value: unknown): value is OrbitworkFontScale;
+/** Personal device preference wins over a skin preset; old settings resolve to 100%. */
+declare function resolveOrbitworkFontScale(preference: unknown, skinScale?: unknown): OrbitworkFontScale;
+
+/**
+ * Orbitwork skin protocol — aligned with Design project architecture.
+ * A skin is a validated JSON document that overrides --ow-* CSS variables
+ * at runtime. This module is framework-agnostic.
+ */
+
+type Theme = "light" | "dark" | "system";
+type ResolvedTheme = "light" | "dark";
+/**
+ * DS2 皮肤白名单（COMPONENT-RULES §15 · 2026-08-31 裁决）：
+ * - 可覆盖：中性表面/边框/文字梯度、chat/composer/sidebar 背景类、
+ *   btn-primary 族（唯一开放的租户品牌色位）。
+ * - 已移除（禁覆盖）：primary 族（--ow-primary 暗档=荧黄行动极）、link、
+ *   switchActive（--ow-control-on 无彩选中）、功能色四族、cardRadius/buttonRadius
+ *   （圆角是品牌定稿）。
+ */
+type OrbitworkSkinTokens = {
+    backgroundPrimary?: string;
+    backgroundSecondary?: string;
+    backgroundTertiary?: string;
+    foregroundPrimary?: string;
+    foregroundSecondary?: string;
+    foregroundMuted?: string;
+    borderSubtle?: string;
+    borderStrong?: string;
+    buttonPrimaryBackground?: string;
+    buttonPrimaryForeground?: string;
+    chatBackground?: string;
+    chatBackgroundImage?: string;
+    /** 0–1 decimal string; kept under the legacy chatBackground namespace for skin.json compatibility. */
+    chatBackgroundImageOpacity?: string;
+    chatBackgroundOverlay?: string;
+    chatBackgroundMaskColor?: string;
+    chatBackgroundPosition?: "center" | "top" | "bottom" | "left" | "right" | "top left" | "top right" | "bottom left" | "bottom right";
+    chatBackgroundSize?: "cover" | "contain" | "auto";
+    userBubbleBackground?: string;
+    userBubbleForeground?: string;
+    userBubbleBorder?: string;
+    composerBackground?: string;
+    composerBorder?: string;
+    sidebarBackground?: string;
+    sidebarSelectedBackground?: string;
+};
+/** Maintenance record for each public-part precision selector. */
+type OrbitworkSkinRegistryEntry = {
+    target: string;
+    reason: string;
+};
+type OrbitworkSkin = {
+    version: 1;
+    id: string;
+    name: string;
+    description?: string;
+    /** Uniform text size preset, shared by both color modes. */
+    fontScale?: OrbitworkFontScale;
+    modes: {
+        light?: OrbitworkSkinTokens;
+        dark?: OrbitworkSkinTokens;
+    };
+    contributes?: {
+        /** Registered CSS targeting component roots and their public parts. */
+        publicPartStyles?: string;
+        /** Every public-part selector must have a matching maintenance record. */
+        registry?: OrbitworkSkinRegistryEntry[];
+    };
+};
+type SkinValidationResult = {
+    ok: true;
+    skin: OrbitworkSkin;
+} | {
+    ok: false;
+    error: string;
+};
+declare const MAX_ORBITWORK_SKIN_IMAGE_BYTES: number;
+type OrbitworkSkinChatBackgroundMask = {
+    color: string;
+    strength: number;
+    startOpacity: number;
+    endOpacity: number;
+};
+/** Six-digit colors retain the original 80% → 50% mask; explicit alpha controls final strength. */
+declare function resolveOrbitworkSkinChatBackgroundMask(value: string): OrbitworkSkinChatBackgroundMask;
+declare function orbitworkSkinChatBackgroundMaskColor(color: string, strength: number): string;
+declare const ORBITWORK_SKIN_CSS_VARIABLES: Readonly<Record<keyof OrbitworkSkinTokens, string>>;
+/**
+ * Exact precision-style surface maintained by Orbitwork UI.
+ * A data-slot/data-ow-part attribute is not skin-public unless it appears here.
+ * Each target also owns its allowed visual properties so skins cannot turn a
+ * stable selector into an undocumented layout or behavior override.
+ */
+declare const ORBITWORK_SKIN_PUBLIC_PARTS: Readonly<{
+    readonly '[data-slot="artifact-preview-card"] [data-ow-part="meta"]': readonly string[];
+}>;
+/** WCAG 2.x 相对亮度 → 对比度实算（输入为 3/4/6/8 位 hex；alpha 忽略，按不透明计算）。 */
+declare function ds2ContrastRatio(hexA: string, hexB: string): number;
+declare function hasOrbitworkSkinChatBackground(skin: OrbitworkSkin | null | undefined, mode: ResolvedTheme): boolean;
+declare function parseOrbitworkSkin(input: unknown): SkinValidationResult;
+/** Convert a validated embedded image into a CSS value without accepting arbitrary CSS or URLs. */
+declare function orbitworkSkinImageCssValue(value: string | undefined): string | undefined;
+
+/** Runtime layers may override only this complete neutral group. */
+declare const TENANT_THEME_COLOR_KEYS: readonly ["bg", "surface", "surface2", "text", "text2", "text3", "border", "borderStrong"];
+type TenantThemeColors = Record<(typeof TENANT_THEME_COLOR_KEYS)[number], string>;
+/** Localized brand copy. Assets stay outside locale buckets. */
+type TenantBranding = {
+    productName: string;
+    companyName: string;
+    claim?: string;
+    claimNote?: string;
+    slogan?: string;
+};
+type LocalizedBranding = Record<string, TenantBranding>;
+/**
+ * GET /api/v1/tenant/theme response.
+ *
+ * Every supplied mode is a complete neutral group. Keeping light and dark
+ * separate prevents a runtime :root override from leaking one palette into
+ * both DS2 modes.
+ */
+type TenantTheme = {
+    name: string;
+    /** Brand image. Empty string means fall through to the host/brand layer. */
+    logo: string;
+    favicon?: string;
+    modes: Partial<Record<ResolvedTheme, TenantThemeColors>>;
+    typography: {
+        fontSans: string;
+        fontMono: string;
+    };
+    /** en-US is the required baseline; other locale buckets are optional. */
+    branding: LocalizedBranding;
+};
+declare const UNIFIED_NEUTRAL_TOKENS: readonly ["--ow-bg", "--ow-surface", "--ow-surface-2", "--ow-text", "--ow-text-2", "--ow-text-3", "--ow-border", "--ow-border-strong"];
+declare const BRAND_ACTION_TOKENS: readonly ["--ow-btn-primary-bg", "--ow-btn-primary-hover", "--ow-btn-primary-press", "--ow-btn-primary-fg", "--ow-beacon", "--ow-beacon-idle", "--ow-accent-dot", "--ow-data-today"];
+declare const UNIFIED_TYPOGRAPHY_TOKENS: readonly ["--ow-font-sans", "--ow-font-mono"];
+type UnifiedNeutralToken = (typeof UNIFIED_NEUTRAL_TOKENS)[number];
+type BrandActionToken = (typeof BRAND_ACTION_TOKENS)[number];
+type BrandThemeToken = UnifiedNeutralToken | BrandActionToken;
+type UnifiedTypographyToken = (typeof UNIFIED_TYPOGRAPHY_TOKENS)[number];
+type UnifiedThemeToken = BrandThemeToken | UnifiedTypographyToken;
+/** Build-time validated OEM brand input consumed by the UI merge layer. */
+type BrandTheme = {
+    id: string;
+    logo?: string;
+    favicon?: string;
+    modes: Partial<Record<ResolvedTheme, Partial<Record<BrandThemeToken, string>>>>;
+    typography?: {
+        fontSans: string;
+        fontMono: string;
+    };
+    branding?: LocalizedBranding;
+};
+
+type UnifiedBranding = TenantBranding & {
+    logo?: string;
+    favicon?: string;
+};
+type UnifiedTheme = {
+    mode: ResolvedTheme;
+    /** Partial overrides only. DS2 CSS remains the sole source of defaults. */
+    tokens: Readonly<Partial<Record<AppliedThemeToken, string>>>;
+    branding: UnifiedBranding | null;
+    skin: {
+        id: string;
+        publicPartStyles?: string;
+        /** Validated embedded image retained outside CSSOM so the applier can use a short blob URL. */
+        chatBackgroundImage?: string;
+        hasChatBackgroundImage: boolean;
+        hasUserBubbleStyle: boolean;
+    } | null;
+    sources: {
+        brand: string | null;
+        tenant: string | null;
+        user: string | null;
+    };
+};
+type SkinThemeToken = (typeof ORBITWORK_SKIN_CSS_VARIABLES)[keyof typeof ORBITWORK_SKIN_CSS_VARIABLES] | "--ow-chat-bg-mask-start-opacity" | "--ow-chat-bg-mask-end-opacity";
+type AppliedThemeToken = UnifiedThemeToken | SkinThemeToken;
+/** Pick the best localized copy for a locale: canonical, then language, then en-US. */
+declare function localizedCopy(source: LocalizedBranding | undefined, locale: string): TenantBranding | undefined;
+
+declare const DEFAULT_ORBITWORK_SKIN_ID: "codex";
+declare const BUILTIN_ORBITWORK_SKINS: readonly [OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin];
+
+export { ds2ContrastRatio as A, type BrandTheme as B, orbitworkSkinImageCssValue as C, DEFAULT_ORBITWORK_SKIN_ID as D, type LocalizedBranding as L, MAX_ORBITWORK_SKIN_IMAGE_BYTES as M, type OrbitworkSkin as O, type ResolvedTheme as R, type SkinValidationResult as S, type Theme as T, type UnifiedTheme as U, type OrbitworkFontScale as a, type TenantTheme as b, BUILTIN_ORBITWORK_SKINS as c, ORBITWORK_FONT_SCALES as d, type OrbitworkSkinChatBackgroundMask as e, type OrbitworkSkinTokens as f, type TenantBranding as g, type TenantThemeColors as h, hasOrbitworkSkinChatBackground as i, isOrbitworkFontScale as j, resolveOrbitworkSkinChatBackgroundMask as k, localizedCopy as l, BRAND_ACTION_TOKENS as m, type BrandActionToken as n, orbitworkSkinChatBackgroundMaskColor as o, parseOrbitworkSkin as p, type BrandThemeToken as q, resolveOrbitworkFontScale as r, ORBITWORK_SKIN_CSS_VARIABLES as s, ORBITWORK_SKIN_PUBLIC_PARTS as t, UNIFIED_NEUTRAL_TOKENS as u, UNIFIED_TYPOGRAPHY_TOKENS as v, type UnifiedBranding as w, type UnifiedNeutralToken as x, type UnifiedThemeToken as y, type UnifiedTypographyToken as z };

package/dist/appearance.cjs

@@ -1 +1,39 @@
-'use strict';var chunkEF2BSN3K_cjs=require('./chunk-EF2BSN3K.cjs');Object.defineProperty(exports,"BUILTIN_ORBITWORK_SKINS",{enumerable:true,get:function(){return chunkEF2BSN3K_cjs.u}});Object.defineProperty(exports,"MAX_ORBITWORK_SKIN_IMAGE_BYTES",{enumerable:true,get:function(){return chunkEF2BSN3K_cjs.b}});Object.defineProperty(exports,"ORBITWORK_SKIN_CSS_VARIABLES",{enumerable:true,get:function(){return chunkEF2BSN3K_cjs.e}});Object.defineProperty(exports,"THEME_OPTIONS",{enumerable:true,get:function(){return chunkEF2BSN3K_cjs.A}});Object.defineProperty(exports,"applyOrbitworkSkin",{enumerable:true,get:function(){return chunkEF2BSN3K_cjs.x}});Object.defineProperty(exports,"hasOrbitworkSkinChatBackground",{enumerable:true,get:function(){return chunkEF2BSN3K_cjs.p}});Object.defineProperty(exports,"orbitworkSkinChatBackgroundMaskColor",{enumerable:true,get:function(){return chunkEF2BSN3K_cjs.d}});Object.defineProperty(exports,"orbitworkSkinImageCssValue",{enumerable:true,get:function(){return chunkEF2BSN3K_cjs.r}});Object.defineProperty(exports,"parseOrbitworkSkin",{enumerable:true,get:function(){return chunkEF2BSN3K_cjs.q}});Object.defineProperty(exports,"resolveOrbitworkSkinChatBackgroundMask",{enumerable:true,get:function(){return chunkEF2BSN3K_cjs.c}});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkKRP43SUAcjs = require('./chunk-KRP43SUA.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.BRAND_ACTION_TOKENS = _chunkKRP43SUAcjs.BRAND_ACTION_TOKENS; exports.BUILTIN_ORBITWORK_SKINS = _chunkKRP43SUAcjs.BUILTIN_ORBITWORK_SKINS; exports.DEFAULT_ORBITWORK_SKIN_ID = _chunkKRP43SUAcjs.DEFAULT_ORBITWORK_SKIN_ID; exports.MAX_ORBITWORK_SKIN_IMAGE_BYTES = _chunkKRP43SUAcjs.MAX_ORBITWORK_SKIN_IMAGE_BYTES; exports.ORBITWORK_FONT_SCALES = _chunkKRP43SUAcjs.ORBITWORK_FONT_SCALES; exports.ORBITWORK_SKIN_CSS_VARIABLES = _chunkKRP43SUAcjs.ORBITWORK_SKIN_CSS_VARIABLES; exports.ORBITWORK_SKIN_PUBLIC_PARTS = _chunkKRP43SUAcjs.ORBITWORK_SKIN_PUBLIC_PARTS; exports.UNIFIED_NEUTRAL_TOKENS = _chunkKRP43SUAcjs.UNIFIED_NEUTRAL_TOKENS; exports.UNIFIED_TYPOGRAPHY_TOKENS = _chunkKRP43SUAcjs.UNIFIED_TYPOGRAPHY_TOKENS; exports.ds2ContrastRatio = _chunkKRP43SUAcjs.ds2ContrastRatio; exports.hasOrbitworkSkinChatBackground = _chunkKRP43SUAcjs.hasOrbitworkSkinChatBackground; exports.isOrbitworkFontScale = _chunkKRP43SUAcjs.isOrbitworkFontScale; exports.orbitworkSkinChatBackgroundMaskColor = _chunkKRP43SUAcjs.orbitworkSkinChatBackgroundMaskColor; exports.orbitworkSkinImageCssValue = _chunkKRP43SUAcjs.orbitworkSkinImageCssValue; exports.parseOrbitworkSkin = _chunkKRP43SUAcjs.parseOrbitworkSkin; exports.resolveOrbitworkFontScale = _chunkKRP43SUAcjs.resolveOrbitworkFontScale; exports.resolveOrbitworkSkinChatBackgroundMask = _chunkKRP43SUAcjs.resolveOrbitworkSkinChatBackgroundMask;
+//# sourceMappingURL=appearance.cjs.map

package/dist/appearance.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/wowzin/projects/orbit/packages/ui/dist/appearance.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,w2CAAC","file":"/Users/wowzin/projects/orbit/packages/ui/dist/appearance.cjs"}

package/dist/appearance.d.cts

@@ -1 +1 @@
-export { B as BUILTIN_ORBITWORK_SKINS, M as MAX_ORBITWORK_SKIN_IMAGE_BYTES, d as ORBITWORK_SKIN_CSS_VARIABLES, O as OrbitworkSkin, e as OrbitworkSkinChatBackgroundMask, g as OrbitworkSkinTokens, R as ResolvedTheme, S as SkinValidationResult, h as THEME_OPTIONS, T as Theme, i as applyOrbitworkSkin, o as hasOrbitworkSkinChatBackground, u as orbitworkSkinChatBackgroundMaskColor, v as orbitworkSkinImageCssValue, w as parseOrbitworkSkin, x as resolveOrbitworkSkinChatBackgroundMask } from './appearance-D5uQ53j3.cjs';
+export { m as BRAND_ACTION_TOKENS, c as BUILTIN_ORBITWORK_SKINS, n as BrandActionToken, B as BrandTheme, q as BrandThemeToken, D as DEFAULT_ORBITWORK_SKIN_ID, L as LocalizedBranding, M as MAX_ORBITWORK_SKIN_IMAGE_BYTES, d as ORBITWORK_FONT_SCALES, s as ORBITWORK_SKIN_CSS_VARIABLES, t as ORBITWORK_SKIN_PUBLIC_PARTS, a as OrbitworkFontScale, O as OrbitworkSkin, e as OrbitworkSkinChatBackgroundMask, f as OrbitworkSkinTokens, R as ResolvedTheme, S as SkinValidationResult, g as TenantBranding, b as TenantTheme, h as TenantThemeColors, T as Theme, u as UNIFIED_NEUTRAL_TOKENS, v as UNIFIED_TYPOGRAPHY_TOKENS, w as UnifiedBranding, x as UnifiedNeutralToken, U as UnifiedTheme, y as UnifiedThemeToken, z as UnifiedTypographyToken, A as ds2ContrastRatio, i as hasOrbitworkSkinChatBackground, j as isOrbitworkFontScale, o as orbitworkSkinChatBackgroundMaskColor, C as orbitworkSkinImageCssValue, p as parseOrbitworkSkin, r as resolveOrbitworkFontScale, k as resolveOrbitworkSkinChatBackgroundMask } from './appearance-D7uh_ZTy.cjs';

package/dist/appearance.d.ts

@@ -1 +1 @@
-export { B as BUILTIN_ORBITWORK_SKINS, M as MAX_ORBITWORK_SKIN_IMAGE_BYTES, d as ORBITWORK_SKIN_CSS_VARIABLES, O as OrbitworkSkin, e as OrbitworkSkinChatBackgroundMask, g as OrbitworkSkinTokens, R as ResolvedTheme, S as SkinValidationResult, h as THEME_OPTIONS, T as Theme, i as applyOrbitworkSkin, o as hasOrbitworkSkinChatBackground, u as orbitworkSkinChatBackgroundMaskColor, v as orbitworkSkinImageCssValue, w as parseOrbitworkSkin, x as resolveOrbitworkSkinChatBackgroundMask } from './appearance-D5uQ53j3.js';
+export { m as BRAND_ACTION_TOKENS, c as BUILTIN_ORBITWORK_SKINS, n as BrandActionToken, B as BrandTheme, q as BrandThemeToken, D as DEFAULT_ORBITWORK_SKIN_ID, L as LocalizedBranding, M as MAX_ORBITWORK_SKIN_IMAGE_BYTES, d as ORBITWORK_FONT_SCALES, s as ORBITWORK_SKIN_CSS_VARIABLES, t as ORBITWORK_SKIN_PUBLIC_PARTS, a as OrbitworkFontScale, O as OrbitworkSkin, e as OrbitworkSkinChatBackgroundMask, f as OrbitworkSkinTokens, R as ResolvedTheme, S as SkinValidationResult, g as TenantBranding, b as TenantTheme, h as TenantThemeColors, T as Theme, u as UNIFIED_NEUTRAL_TOKENS, v as UNIFIED_TYPOGRAPHY_TOKENS, w as UnifiedBranding, x as UnifiedNeutralToken, U as UnifiedTheme, y as UnifiedThemeToken, z as UnifiedTypographyToken, A as ds2ContrastRatio, i as hasOrbitworkSkinChatBackground, j as isOrbitworkFontScale, o as orbitworkSkinChatBackgroundMaskColor, C as orbitworkSkinImageCssValue, p as parseOrbitworkSkin, r as resolveOrbitworkFontScale, k as resolveOrbitworkSkinChatBackgroundMask } from './appearance-D7uh_ZTy.js';

package/dist/appearance.js

@@ -1 +1,39 @@
-export{u as BUILTIN_ORBITWORK_SKINS,b as MAX_ORBITWORK_SKIN_IMAGE_BYTES,e as ORBITWORK_SKIN_CSS_VARIABLES,A as THEME_OPTIONS,x as applyOrbitworkSkin,p as hasOrbitworkSkinChatBackground,d as orbitworkSkinChatBackgroundMaskColor,r as orbitworkSkinImageCssValue,q as parseOrbitworkSkin,c as resolveOrbitworkSkinChatBackgroundMask}from'./chunk-3KT7IU4X.js';
+import {
+  BRAND_ACTION_TOKENS,
+  BUILTIN_ORBITWORK_SKINS,
+  DEFAULT_ORBITWORK_SKIN_ID,
+  MAX_ORBITWORK_SKIN_IMAGE_BYTES,
+  ORBITWORK_FONT_SCALES,
+  ORBITWORK_SKIN_CSS_VARIABLES,
+  ORBITWORK_SKIN_PUBLIC_PARTS,
+  UNIFIED_NEUTRAL_TOKENS,
+  UNIFIED_TYPOGRAPHY_TOKENS,
+  ds2ContrastRatio,
+  hasOrbitworkSkinChatBackground,
+  isOrbitworkFontScale,
+  orbitworkSkinChatBackgroundMaskColor,
+  orbitworkSkinImageCssValue,
+  parseOrbitworkSkin,
+  resolveOrbitworkFontScale,
+  resolveOrbitworkSkinChatBackgroundMask
+} from "./chunk-S3R5QFO4.js";
+export {
+  BRAND_ACTION_TOKENS,
+  BUILTIN_ORBITWORK_SKINS,
+  DEFAULT_ORBITWORK_SKIN_ID,
+  MAX_ORBITWORK_SKIN_IMAGE_BYTES,
+  ORBITWORK_FONT_SCALES,
+  ORBITWORK_SKIN_CSS_VARIABLES,
+  ORBITWORK_SKIN_PUBLIC_PARTS,
+  UNIFIED_NEUTRAL_TOKENS,
+  UNIFIED_TYPOGRAPHY_TOKENS,
+  ds2ContrastRatio,
+  hasOrbitworkSkinChatBackground,
+  isOrbitworkFontScale,
+  orbitworkSkinChatBackgroundMaskColor,
+  orbitworkSkinImageCssValue,
+  parseOrbitworkSkin,
+  resolveOrbitworkFontScale,
+  resolveOrbitworkSkinChatBackgroundMask
+};
+//# sourceMappingURL=appearance.js.map

package/dist/appearance.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/browser-annotation-popup.cjs

@@ -1 +1,9 @@
-'use strict';var chunkGMMYDILD_cjs=require('./chunk-GMMYDILD.cjs');Object.defineProperty(exports,"BROWSER_ANNOTATION_POPUP_STYLES",{enumerable:true,get:function(){return chunkGMMYDILD_cjs.b}});Object.defineProperty(exports,"BROWSER_ANNOTATION_PROPERTY_DEFS",{enumerable:true,get:function(){return chunkGMMYDILD_cjs.a}});
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+
+var _chunkQS55W5Q5cjs = require('./chunk-QS55W5Q5.cjs');
+
+
+
+exports.BROWSER_ANNOTATION_POPUP_STYLES = _chunkQS55W5Q5cjs.BROWSER_ANNOTATION_POPUP_STYLES; exports.BROWSER_ANNOTATION_PROPERTY_DEFS = _chunkQS55W5Q5cjs.BROWSER_ANNOTATION_PROPERTY_DEFS;
+//# sourceMappingURL=browser-annotation-popup.cjs.map

package/dist/browser-annotation-popup.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/Users/wowzin/projects/orbit/packages/ui/dist/browser-annotation-popup.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,2LAAC","file":"/Users/wowzin/projects/orbit/packages/ui/dist/browser-annotation-popup.cjs"}

package/dist/browser-annotation-popup.d.cts

@@ -26,23 +26,23 @@ declare const BROWSER_ANNOTATION_PROPERTY_DEFS: readonly BrowserAnnotationProper
  * 就是 DS token 的镜像，是本文件唯一允许出现字面色值的地方。规则块里一律零裸色：
  * 新值先在这里立一个 `--ow-annotation-*`（值抄 DS 2.0 浅档终值），再去规则里引。
  *
- * 表里每行右侧注释＝它抄的那个 DS 2.0 token 名；终值出自 `src/tokens/base.ts` +
- * `src/tokens/light.ts`（解析后与 `tokens/ds2-spec.json` 的 light 档逐值一致）。
+ * 表里每行右侧注释＝它抄的那个 DS 2.0 token 名；终值出自 `src/tokens/{base,metrics}.ts` +
+ * `src/tokens/light.ts`（解析后与 `contracts/ds2-spec.json` 的 light 档逐值一致）。
  * 改值的顺序永远是「先改 DS token，再回来同步这张表」，两边不许各自漂。
  *
  * **单主题（恒浅档）是有意的决定**：浮层落在任意第三方页面上，宿主页的明暗与我们无关，
  * 我们也拿不到自己的 `[data-theme]`；跟着宿主猜主题只会得到一个半明半暗的壳。所以这张表
  * 恒取 DS 2.0 **浅档**终值，浮层永远是一块自带 `--ow-popover-bg` 白面 ＋ 1px `--ow-border`
  * ＋ `--ow-shadow-pop` 的离地卡片（§5 立面：悬浮层永远保留 1px 边框），靠自己的立面立住，
- * 不靠宿主底色。`.is-preview`（应用内 React 预览）沿用同一张表，两处所见一致。
+ * 不靠宿主底色。`data-preview="true"`（应用内 React 预览）沿用同一张表，两处所见一致。
  *
  * 圆角走 `--ow-radius-lg`(12)：浮层是 popover/卡片档（§7 形状表 12＝卡片/popover/toast），
  * 不是 modal 档；旧写法 `var(--ow-radius-modal, 14px)` 既走错语义档、14 又是形状表外的
  * 自造值（表内只有 4/6/8/10/12/16/999）。
  *
- * 类名 `__ow-popup*` 是与 desktop preload（webviewPreload.ts createPopup）和
- * BrowserAnnotationPopupView 之间的三方约定，改名要三处同改。
+ * `data-slot` / `data-ow-part` 是与 desktop preload（webviewPreload.ts createPopup）和
+ * BrowserAnnotationPopupView 之间的三方约定，改动要三处同步。
  */
-declare const BROWSER_ANNOTATION_POPUP_STYLES = "\n.__ow-popup{all:initial;box-sizing:border-box;\n/* \u2500\u2500 DS 2.0 \u6D45\u6863\u7EC8\u503C\u955C\u50CF\u8868\uFF08\u5DE6\uFF1D\u672C\u5730\u9694\u79BB\u952E\uFF0C\u53F3\u6CE8\u91CA\uFF1D\u6240\u6284\u7684 DS 2.0 token\uFF09\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n--ow-annotation-primary:#0F1B3D;          /* --ow-btn-primary-bg\uFF08\uFF1D--ow-accent / --ow-navy\uFF09 */\n--ow-annotation-primary-hover:#202942;    /* --ow-btn-primary-hover */\n--ow-annotation-on-fill:#F7F6F1;          /* --ow-on-fill\uFF08\uFF1D--ow-btn-primary-fg\u2014\u2014\u5B9E\u73B0\u540D\uFF0C\u89C4\u683C\u4FA7\u5199\u7684 --ow-btn-primary-text \u5728 tokens.css \u91CC\u4E0D\u5B58\u5728\uFF09 */\n--ow-annotation-bg:#FFFFFF;               /* --ow-popover-bg \u2014\u2014 \u6D6E\u5C42\u81EA\u5DF1\u7684\u9762 */\n--ow-annotation-bg-muted:#F1F0EA;         /* --ow-surface-2\uFF08\u5D4C\u5957\u4E95/\u8F93\u5165\u5E95/\u8868\u5934\u5E95\uFF09\uFF0C\u6D45\u6863\u4E0E --ow-hover-pop \u540C\u503C */\n--ow-annotation-bg-hover:#ECEBE5;         /* --ow-press-pop \u2014\u2014 \u6BD4 bg-muted \u518D\u6DF1\u4E00\u6863\uFF08\u00A75 \u5F39\u5C42\u4E0A\u8D70 pop \u6863\uFF09 */\n--ow-annotation-fg:#333B50;               /* --ow-text */\n--ow-annotation-fg-muted:#646B7A;         /* --ow-text-2 */\n--ow-annotation-fg-subtle:#A2A5A9;        /* --ow-text-3 */\n--ow-annotation-fg-placeholder:#A2A5A9;   /* --ow-placeholder\uFF08\u6D45\u6863\uFF1D--ow-text-3\uFF09 */\n--ow-annotation-line:#DCDCD7;             /* --ow-border\uFF08\uFF1D--ow-input-border\uFF09\u2014\u2014 \u63CF\u8FB9\u4E0E\u5206\u9694\u7EBF rest */\n--ow-annotation-line-strong:#C2C3C1;      /* --ow-border-strong \u2014\u2014 \u8F93\u5165 hover \u6863\uFF08\u00A76 \u4E09\u6001\u8FB9\u6846\uFF09 */\n--ow-annotation-shadow-pop:0 4px 12px rgba(15, 27, 61, 0.10); /* --ow-shadow-pop */\n/* \u5B57\u4F53\u6808\u4E5F\u8981\u955C\u50CF\uFF1A\u6CE8\u8FDB\u7B2C\u4E09\u65B9\u9875\u65F6 --ow-font-sans \u4E0D\u5728\u573A\uFF0C\u56DE\u9000\u503C\u5FC5\u987B\u9010\u5B57\u6284 DS 2.0 \u7684\u6808\n   \uFF08\u00A78 \u5DF2\u77E5\u5751\uFF1Aemoji \u65CF\u5FC5\u987B\u7F6E\u4E8E\u6808\u5C3E\uFF0CLinux \u6570\u5B57\u6E32\u67D3\u7F3A\u9677\uFF0C\u52FF\u8C03\u5E8F\uFF09\u3002 */\n--ow-annotation-font-sans:'HarmonyOS Sans SC','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji'; /* --ow-font-sans */\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\nposition:fixed;z-index:2147483647;font-family:var(--ow-annotation-font-sans);font-size:var(--ow-fs-ui, 13px);color:var(--ow-annotation-fg);pointer-events:auto;width:320px;background:var(--ow-annotation-bg);border:var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);border-radius:var(--ow-radius-lg, 12px);box-shadow:var(--ow-annotation-shadow-pop);overflow:hidden;display:flex;flex-direction:column;}\n.__ow-popup.is-preview{position:relative;z-index:1;max-height:100%;}\n.__ow-popup *{box-sizing:border-box;}\n/* \u5DE6\u4FA7\u7AD6\u6761\u662F\u7EAF\u88C5\u9970\u7684\u4E00\u6761\u810A\uFF0C\u4E0D\u7F16\u7801\u4EFB\u4F55\u72B6\u6001\u2014\u2014\u6309 \u00A74 R2/R1 \u5B83\u6CA1\u6709\u8D44\u683C\u62FF\u63D0\u8272\uFF0C\u8D70\u4E2D\u6027\u63CF\u8FB9\u3002 */\n.__ow-popup__collapsed{display:flex;align-items:center;gap:var(--ow-space-15, 6px);padding:10px var(--ow-space-3, 12px);border-left:3px solid var(--ow-annotation-line-strong);border-radius:var(--ow-radius-lg, 12px);}\n.__ow-popup__expanded{display:none;flex-direction:column;overflow:hidden;flex:1;min-height:0;}\n.__ow-popup.is-expanded .__ow-popup__collapsed{display:none;}\n.__ow-popup.is-expanded .__ow-popup__expanded{display:flex;}\n.__ow-popup.is-expanded.is-flipped .__ow-popup__expanded{flex-direction:column-reverse;}\n.__ow-popup.is-expanded.is-flipped{border-radius:var(--ow-radius-lg, 12px);}\n.__ow-popup__top{display:flex;align-items:center;gap:var(--ow-space-2, 8px);padding:10px var(--ow-space-3, 12px);border-left:3px solid var(--ow-annotation-line-strong);border-radius:var(--ow-radius-lg, 12px) var(--ow-radius-lg, 12px) 0 0;flex-shrink:0;}\n/* \u5DE5\u5177\u6761\u6309\u94AE\u8D70 ghost\uFF08DS 2.0 P6-7\uFF09\uFF1A\u9759\u6B62\u900F\u660E\uFF0Chover \u624D\u4E0A\u5E95\uFF0Cpress \u518D\u6DF1\u4E00\u6863\u3002\n   \u4E4B\u524D\u9759\u6B62\u5C31\u5E26 bg-muted\uFF0C\u7B49\u4E8E\u4E00\u76F4\u662F\u4E2A\u5B9E\u5FC3 chip\uFF0C\u8DDF \u00A75\u300C\u8D34\u5730\u4E0D\u4E0A\u5E95\u300D\u5BF9\u4E0D\u4E0A\u3002 */\n.__ow-popup__settings-btn{all:initial;cursor:pointer;font:inherit;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ow-radius-sm, 8px);background:transparent;color:var(--ow-annotation-fg-muted);flex-shrink:0;transition:background var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1));font-size:0;}\n.__ow-popup__settings-btn:hover{background:var(--ow-annotation-bg-muted);}\n.__ow-popup__settings-btn:active{background:var(--ow-annotation-bg-hover);}\n.__ow-popup__input{all:initial;flex:1;font:inherit;font-size:var(--ow-fs-ui, 13px);color:var(--ow-annotation-fg);padding:var(--ow-space-05, 2px) 0;border:none;outline:none;background:transparent;min-width:0;}\n.__ow-popup__input::placeholder{color:var(--ow-annotation-fg-placeholder);}\n/* \u63D0\u4EA4\u94AE\u4E0E\u540C\u4E00\u884C\u7684 settings-btn \u540C\u6863\uFF1A28\u00D728\uFF08\u00A77 \u63A7\u4EF6\u9AD8 {28,32,40}\uFF0C\u56FE\u6807\u94AE \u226528\u00D728\uFF09\u3002\n   \u65E7\u503C 30\u00D730 \u4E0D\u5728\u6863\u5185\uFF0C\u4E14\u4E0E\u884C\u5185\u90BB\u5C45\u5BF9\u4E0D\u9F50\u3002 */\n.__ow-popup__submit-btn{all:initial;cursor:pointer;font:inherit;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ow-radius-sm, 8px);background:transparent;color:var(--ow-annotation-fg-subtle);flex-shrink:0;transition:background var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1)),color var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1));}\n.__ow-popup__submit-btn:hover{background:var(--ow-annotation-bg-muted);}\n/* \u6709\u5B57\u624D\u662F\u300C\u80FD\u63D0\u4EA4\u4E86\u300D\u2014\u2014\u5B9E\u5E95\uFF0B\u63D0\u8272\uFF0C\u5F62\u72B6\u4E0D\u53D8\uFF0C\u989C\u8272\u662F\u7B2C\u4E8C\u7F16\u7801\uFF08R1\uFF09\u3002 */\n.__ow-popup__submit-btn.has-text{background:var(--ow-annotation-primary);color:var(--ow-annotation-on-fill);}\n.__ow-popup__submit-btn.has-text:hover{background:var(--ow-annotation-primary-hover);}\n/* \u00A76\uFF1A\u7126\u70B9\u73AF 2px + 2px \u7559\u767D\u7F1D\uFF0C\u4E0D\u9760 all:initial \u4E4B\u540E\u6D88\u5931\u7684\u6D4F\u89C8\u5668\u9ED8\u8BA4\u73AF\u3002\n   \u73AF\u8272\u5F15 primary\uFF1ADS 2.0 \u6D45\u6863 --ow-focus-ring \u4E0E --ow-btn-primary-bg \u540C\u4E3A #0F1B3D\uFF0C\n   \u4E0D\u53E6\u7ACB\u952E\uFF1B\u82E5\u4E0A\u6E38\u628A\u4E24\u8005\u62C6\u5F00\uFF0C\u8FD9\u91CC\u8981\u8DDF\u7740\u8865 --ow-annotation-focus-ring\u3002 */\n.__ow-popup__settings-btn:focus-visible,.__ow-popup__submit-btn:focus-visible,.__ow-popup__cancel:focus-visible,.__ow-popup__confirm:focus-visible{outline:var(--ow-focus-ring-w, 2px) solid var(--ow-annotation-primary);outline-offset:var(--ow-focus-ring-offset, 2px);}\n.__ow-popup__tag{display:flex;align-items:center;justify-content:space-between;padding:var(--ow-space-15, 6px) 14px;background:var(--ow-annotation-bg-muted);font-weight:700;font-size:var(--ow-fs-ui, 13px);color:var(--ow-annotation-fg);flex-shrink:0;}\n/* \u62D6\u62FD\u63E1\u628A\u662F\u5B57\u5F62\u4E0D\u662F\u88C5\u9970\u8272\u5757\uFF0C\u00A77\u300C\u56FE\u6807\u8272\u53EA\u53D6 text/text-2/text-3\u300D\u2014\u2014\u539F fg-faint(#C2C3C1)\n   \u5728 DS 2.0 \u91CC\u662F --ow-border-strong\uFF0C\u6CA1\u6709\u5BF9\u5E94\u7684\u6587\u5B57\u6863\uFF0C\u6545\u5E76\u5165 text-3\u3002 */\n.__ow-popup__tag-drag{color:var(--ow-annotation-fg-subtle);cursor:grab;font-size:var(--ow-fs-body, 14px);letter-spacing:1px;}\n.__ow-popup__props{padding:var(--ow-space-05, 2px) 14px var(--ow-space-1, 4px);overflow-y:auto;flex:1;min-height:0;}\n.__ow-popup__prop{display:flex;align-items:center;padding:var(--ow-space-15, 6px) 0;border-bottom: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);gap:10px;}\n.__ow-popup__prop:last-child{border-bottom:none;}\n.__ow-popup__prop-label{width:60px;flex-shrink:0;font-size:var(--ow-fs-mark-md, 11px);color:var(--ow-annotation-fg);font-weight:500;}\n.__ow-popup__prop-value{flex:1;display:flex;align-items:center;gap:5px;position:relative;}\n/* \u8F93\u5165\u7C7B\u5E95\u8272\u8D70 --ow-surface-2 \u7684\u955C\u50CF\uFF08\u00A75\u300C\u5D4C\u5957\u4E95\uFF1D\u8F93\u5165\u5E95\u300D\uFF09\uFF0C\u5750\u5728 popover \u767D\u9762\u4E0A\u624D\u8BFB\u5F97\u51FA\u4E95\uFF1B\n   \u4E09\u6001\u8FB9\u6846 rest(line) \u2192 hover(line-strong) \u2192 focus(focus-ring\uFF0C\u6D45\u6863\u540C primary)\uFF0C\u00A76\u3002 */\n.__ow-popup__prop-input{all:initial;font:inherit;font-size:var(--ow-fs-mark-md, 11px);color:var(--ow-annotation-fg);box-sizing:border-box;height:28px;padding:0 var(--ow-space-2, 8px);border: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);border-radius:var(--ow-radius-xs, 6px);width:100%;outline:none;background:var(--ow-annotation-bg-muted);}\n.__ow-popup__prop-input:hover{border-color:var(--ow-annotation-line-strong);}\n.__ow-popup__prop-input:focus{border-color:var(--ow-annotation-primary);}\n.__ow-popup__prop-unit{font-size:var(--ow-fs-mark-sm, 10px);color:var(--ow-annotation-fg-subtle);position:absolute;right:8px;pointer-events:none;}\n.__ow-popup__prop-select{all:initial;font:inherit;font-size:var(--ow-fs-mark-md, 11px);color:var(--ow-annotation-fg);box-sizing:border-box;height:28px;padding:0 var(--ow-space-2, 8px);border: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);border-radius:var(--ow-radius-xs, 6px);width:100%;outline:none;appearance:auto;cursor:pointer;background:var(--ow-annotation-bg-muted);}\n.__ow-popup__prop-select:hover{border-color:var(--ow-annotation-line-strong);}\n.__ow-popup__prop-select:focus{border-color:var(--ow-annotation-primary);}\n/* \u00A77 \u5F62\u72B6\u8868\uFF1A999 \u53EA\u7559\u7ED9\u5E26\u72B6\u6001\u70B9/\u8BA1\u6570\u7684 chip \u4E0E\u771F\u5706\u4EF6\uFF08\u5934\u50CF/\u72B6\u6001\u70B9\uFF09\u3002\u8272\u677F\u662F\u4E2A\u53D6\u8272\u63A7\u4EF6\uFF0C\n   \u843D\u6309\u94AE\u6863 8px\uFF08\u539F 50% \u5706\u70B9\u662F V1 \u8272\u677F\u6BCD\u9898\uFF09\u3002 */\n.__ow-popup__color-swatch{width:20px;height:20px;border-radius:var(--ow-radius-sm, 8px);border: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);flex-shrink:0;cursor:pointer;position:relative;overflow:hidden;}\n.__ow-popup__color-swatch:hover{border-color:var(--ow-annotation-line-strong);}\n.__ow-popup__color-swatch input{position:absolute;inset:-4px;width:28px;height:28px;opacity:0;cursor:pointer;}\n.__ow-popup__spacing{display:flex;gap:3px;flex:1;}\n.__ow-popup__spacing input{all:initial;font:inherit;font-size:var(--ow-fs-mark-sm, 10px);color:var(--ow-annotation-fg);box-sizing:border-box;height:28px;padding:0 3px;border: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);border-radius:var(--ow-radius-xs, 6px);width:100%;text-align:center;outline:none;background:var(--ow-annotation-bg-muted);}\n.__ow-popup__spacing input:hover{border-color:var(--ow-annotation-line-strong);}\n.__ow-popup__spacing input:focus{border-color:var(--ow-annotation-primary);}\n.__ow-popup__actions{display:flex;align-items:center;justify-content:space-between;padding:var(--ow-space-2, 8px) var(--ow-space-3, 12px);border-top: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);flex-shrink:0;}\n.__ow-popup__cancel{all:initial;cursor:pointer;font:inherit;font-weight:500;font-size:var(--ow-fs-ui, 13px);color:var(--ow-annotation-fg);box-sizing:border-box;height:32px;padding:0 14px;border:none;border-radius:var(--ow-radius-sm, 8px);background:var(--ow-annotation-bg-muted);transition:background var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1));display:inline-flex;align-items:center;justify-content:center;}\n.__ow-popup__cancel:hover{background:var(--ow-annotation-bg-hover);}\n.__ow-popup__confirm{all:initial;cursor:pointer;font:inherit;font-weight:500;font-size:var(--ow-fs-ui, 13px);box-sizing:border-box;height:32px;padding:0 14px;border:none;border-radius:var(--ow-radius-sm, 8px);background:var(--ow-annotation-primary);color:var(--ow-annotation-on-fill);transition:background var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1));display:inline-flex;align-items:center;justify-content:center;gap:var(--ow-space-1, 4px);}\n.__ow-popup__confirm:hover{background:var(--ow-annotation-primary-hover);}\n";
+declare const BROWSER_ANNOTATION_POPUP_STYLES = "\n[data-slot=\"browser-annotation-popup\"]{all:initial;box-sizing:border-box;\n/* \u2500\u2500 DS 2.0 \u6D45\u6863\u7EC8\u503C\u955C\u50CF\u8868\uFF08\u5DE6\uFF1D\u672C\u5730\u9694\u79BB\u952E\uFF0C\u53F3\u6CE8\u91CA\uFF1D\u6240\u6284\u7684 DS 2.0 token\uFF09\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n--ow-annotation-primary:#0F1B3D;          /* --ow-btn-primary-bg\uFF08\uFF1D--ow-accent / --ow-navy\uFF09 */\n--ow-annotation-primary-hover:#202942;    /* --ow-btn-primary-hover */\n--ow-annotation-on-fill:#F7F6F1;          /* --ow-on-fill\uFF08\uFF1D--ow-btn-primary-fg\uFF1B\u4E0A\u6E38 text \u547D\u540D\u53EA\u5728\u5BFC\u5165\u8FB9\u754C\u5F52\u4E00\uFF09 */\n--ow-annotation-bg:#FFFFFF;               /* --ow-popover-bg \u2014\u2014 \u6D6E\u5C42\u81EA\u5DF1\u7684\u9762 */\n--ow-annotation-bg-muted:#F1F0EA;         /* --ow-surface-2\uFF08\u5D4C\u5957\u4E95/\u8F93\u5165\u5E95/\u8868\u5934\u5E95\uFF09\uFF0C\u6D45\u6863\u4E0E --ow-hover-pop \u540C\u503C */\n--ow-annotation-bg-hover:#ECEBE5;         /* --ow-press-pop \u2014\u2014 \u6BD4 bg-muted \u518D\u6DF1\u4E00\u6863\uFF08\u00A75 \u5F39\u5C42\u4E0A\u8D70 pop \u6863\uFF09 */\n--ow-annotation-fg:#333B50;               /* --ow-text */\n--ow-annotation-fg-muted:#646B7A;         /* --ow-text-2 */\n--ow-annotation-fg-subtle:#646B7A;        /* --ow-text-3\uFF08\u53EF\u8BFB\u526F\u6587\u672C\u6863\uFF09 */\n--ow-annotation-fg-placeholder:#646B7A;   /* --ow-placeholder\uFF08\u6D45\u6863\uFF1D--ow-text-3\uFF09 */\n--ow-annotation-line:#DCDCD7;             /* --ow-border\uFF08\uFF1D--ow-input-border\uFF09\u2014\u2014 \u63CF\u8FB9\u4E0E\u5206\u9694\u7EBF rest */\n--ow-annotation-line-strong:#C2C3C1;      /* --ow-border-strong \u2014\u2014 \u8F93\u5165 hover \u6863\uFF08\u00A76 \u4E09\u6001\u8FB9\u6846\uFF09 */\n--ow-annotation-shadow-pop:0 4px 12px rgba(15, 27, 61, 0.10); /* --ow-shadow-pop */\n/* \u5B57\u4F53\u6808\u4E5F\u8981\u955C\u50CF\uFF1A\u6CE8\u8FDB\u7B2C\u4E09\u65B9\u9875\u65F6 --ow-font-sans \u4E0D\u5728\u573A\uFF0C\u56DE\u9000\u503C\u5FC5\u987B\u9010\u5B57\u6284 DS 2.0 \u7684\u6808\n   \uFF08\u00A78 \u5DF2\u77E5\u5751\uFF1Aemoji \u65CF\u5FC5\u987B\u7F6E\u4E8E\u6808\u5C3E\uFF0CLinux \u6570\u5B57\u6E32\u67D3\u7F3A\u9677\uFF0C\u52FF\u8C03\u5E8F\uFF09\u3002 */\n--ow-annotation-font-sans:'HarmonyOS Sans SC', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; /* --ow-font-sans */\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\nposition:fixed;z-index:2147483647;font-family:var(--ow-annotation-font-sans);font-size:var(--ow-fs-ui, 13px);color:var(--ow-annotation-fg);pointer-events:auto;width:320px;background:var(--ow-annotation-bg);border:var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);border-radius:var(--ow-radius-lg, 12px);box-shadow:var(--ow-annotation-shadow-pop);overflow:hidden;display:flex;flex-direction:column;}\n[data-slot=\"browser-annotation-popup\"][data-preview=\"true\"]{position:relative;z-index:1;max-height:100%;}\n[data-slot=\"browser-annotation-popup\"] *{box-sizing:border-box;}\n/* \u5DE6\u4FA7\u7AD6\u6761\u662F\u7EAF\u88C5\u9970\u7684\u4E00\u6761\u810A\uFF0C\u4E0D\u7F16\u7801\u4EFB\u4F55\u72B6\u6001\u2014\u2014\u6309 \u00A74 R2/R1 \u5B83\u6CA1\u6709\u8D44\u683C\u62FF\u63D0\u8272\uFF0C\u8D70\u4E2D\u6027\u63CF\u8FB9\u3002 */\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"collapsed-view\"]{display:flex;align-items:center;gap:var(--ow-space-15, 6px);padding:10px var(--ow-space-3, 12px);border-left:3px solid var(--ow-annotation-line-strong);border-radius:var(--ow-radius-lg, 12px);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"expanded-view\"]{display:none;flex-direction:column;overflow:hidden;flex:1;min-height:0;}\n[data-slot=\"browser-annotation-popup\"][data-ow-state=\"expanded\"] [data-ow-part=\"collapsed-view\"]{display:none;}\n[data-slot=\"browser-annotation-popup\"][data-ow-state=\"expanded\"] [data-ow-part=\"expanded-view\"]{display:flex;}\n[data-slot=\"browser-annotation-popup\"][data-ow-state=\"expanded\"][data-placement=\"flipped\"] [data-ow-part=\"expanded-view\"]{flex-direction:column-reverse;}\n[data-slot=\"browser-annotation-popup\"][data-ow-state=\"expanded\"][data-placement=\"flipped\"]{border-radius:var(--ow-radius-lg, 12px);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"top\"]{display:flex;align-items:center;gap:var(--ow-space-2, 8px);padding:10px var(--ow-space-3, 12px);border-left:3px solid var(--ow-annotation-line-strong);border-radius:var(--ow-radius-lg, 12px) var(--ow-radius-lg, 12px) 0 0;flex-shrink:0;}\n/* \u5DE5\u5177\u6761\u6309\u94AE\u8D70 ghost\uFF08DS 2.0 P6-7\uFF09\uFF1A\u9759\u6B62\u900F\u660E\uFF0Chover \u624D\u4E0A\u5E95\uFF0Cpress \u518D\u6DF1\u4E00\u6863\u3002\n   \u4E4B\u524D\u9759\u6B62\u5C31\u5E26 bg-muted\uFF0C\u7B49\u4E8E\u4E00\u76F4\u662F\u4E2A\u5B9E\u5FC3 chip\uFF0C\u8DDF \u00A75\u300C\u8D34\u5730\u4E0D\u4E0A\u5E95\u300D\u5BF9\u4E0D\u4E0A\u3002 */\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"settings-btn\"]{all:initial;cursor:pointer;font:inherit;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ow-radius-sm, 8px);background:transparent;color:var(--ow-annotation-fg-muted);flex-shrink:0;transition:background var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1));font-size:0;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"settings-btn\"]:hover{background:var(--ow-annotation-bg-muted);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"settings-btn\"]:active{background:var(--ow-annotation-bg-hover);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"input\"]{all:initial;flex:1;font:inherit;font-size:var(--ow-fs-ui, 13px);color:var(--ow-annotation-fg);padding:var(--ow-space-05, 2px) 0;border:none;outline:none;background:transparent;min-width:0;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"input\"]::placeholder{color:var(--ow-annotation-fg-placeholder);}\n/* \u63D0\u4EA4\u94AE\u4E0E\u540C\u4E00\u884C\u7684 settings-btn \u540C\u6863\uFF1A28\u00D728\uFF08\u00A77 \u63A7\u4EF6\u9AD8 {28,32,40}\uFF0C\u56FE\u6807\u94AE \u226528\u00D728\uFF09\u3002\n   \u65E7\u503C 30\u00D730 \u4E0D\u5728\u6863\u5185\uFF0C\u4E14\u4E0E\u884C\u5185\u90BB\u5C45\u5BF9\u4E0D\u9F50\u3002 */\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"submit-btn\"]{all:initial;cursor:pointer;font:inherit;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ow-radius-sm, 8px);background:transparent;color:var(--ow-annotation-fg-subtle);flex-shrink:0;transition:background var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1)),color var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1));}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"submit-btn\"]:hover{background:var(--ow-annotation-bg-muted);}\n/* \u6709\u5B57\u624D\u662F\u300C\u80FD\u63D0\u4EA4\u4E86\u300D\u2014\u2014\u5B9E\u5E95\uFF0B\u63D0\u8272\uFF0C\u5F62\u72B6\u4E0D\u53D8\uFF0C\u989C\u8272\u662F\u7B2C\u4E8C\u7F16\u7801\uFF08R1\uFF09\u3002 */\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"submit-btn\"][data-ow-state=\"has-text\"]{background:var(--ow-annotation-primary);color:var(--ow-annotation-on-fill);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"submit-btn\"][data-ow-state=\"has-text\"]:hover{background:var(--ow-annotation-primary-hover);}\n/* \u00A76\uFF1A\u7126\u70B9\u73AF 2px + 2px \u7559\u767D\u7F1D\uFF0C\u4E0D\u9760 all:initial \u4E4B\u540E\u6D88\u5931\u7684\u6D4F\u89C8\u5668\u9ED8\u8BA4\u73AF\u3002\n   \u73AF\u8272\u5F15 primary\uFF1ADS 2.0 \u6D45\u6863 --ow-focus-ring \u4E0E --ow-btn-primary-bg \u540C\u4E3A #0F1B3D\uFF0C\n   \u4E0D\u53E6\u7ACB\u952E\uFF1B\u82E5\u4E0A\u6E38\u628A\u4E24\u8005\u62C6\u5F00\uFF0C\u8FD9\u91CC\u8981\u8DDF\u7740\u8865 --ow-annotation-focus-ring\u3002 */\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"settings-btn\"]:focus-visible,[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"submit-btn\"]:focus-visible,[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"cancel\"]:focus-visible,[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"confirm\"]:focus-visible{outline:var(--ow-focus-ring-w, 2px) solid var(--ow-annotation-primary);outline-offset:var(--ow-focus-ring-offset, 2px);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"tag\"]{display:flex;align-items:center;justify-content:space-between;padding:var(--ow-space-15, 6px) 14px;background:var(--ow-annotation-bg-muted);font-weight:700;font-size:var(--ow-fs-ui, 13px);color:var(--ow-annotation-fg);flex-shrink:0;}\n/* \u62D6\u62FD\u63E1\u628A\u662F\u5B57\u5F62\u4E0D\u662F\u88C5\u9970\u8272\u5757\uFF0C\u00A77\u300C\u56FE\u6807\u8272\u53EA\u53D6 text/text-2/text-3\u300D\u2014\u2014\u539F fg-faint(#C2C3C1)\n   \u5728 DS 2.0 \u91CC\u662F --ow-border-strong\uFF0C\u6CA1\u6709\u5BF9\u5E94\u7684\u6587\u5B57\u6863\uFF0C\u6545\u5E76\u5165 text-3\u3002 */\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"tag-drag\"]{color:var(--ow-annotation-fg-subtle);cursor:grab;font-size:var(--ow-fs-body, 14px);letter-spacing:1px;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"props\"]{padding:var(--ow-space-05, 2px) 14px var(--ow-space-1, 4px);overflow-y:auto;flex:1;min-height:0;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop\"]{display:flex;align-items:center;padding:var(--ow-space-15, 6px) 0;border-bottom: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);gap:10px;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop\"]:last-child{border-bottom:none;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-label\"]{width:60px;flex-shrink:0;font-size:var(--ow-fs-mark-md, 11px);color:var(--ow-annotation-fg);font-weight:500;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-value\"]{flex:1;display:flex;align-items:center;gap:5px;position:relative;}\n/* \u8F93\u5165\u7C7B\u5E95\u8272\u8D70 --ow-surface-2 \u7684\u955C\u50CF\uFF08\u00A75\u300C\u5D4C\u5957\u4E95\uFF1D\u8F93\u5165\u5E95\u300D\uFF09\uFF0C\u5750\u5728 popover \u767D\u9762\u4E0A\u624D\u8BFB\u5F97\u51FA\u4E95\uFF1B\n   \u4E09\u6001\u8FB9\u6846 rest(line) \u2192 hover(line-strong) \u2192 focus(focus-ring\uFF0C\u6D45\u6863\u540C primary)\uFF0C\u00A76\u3002 */\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-input\"]{all:initial;font:inherit;font-size:var(--ow-fs-mark-md, 11px);color:var(--ow-annotation-fg);box-sizing:border-box;height:28px;padding:0 var(--ow-space-2, 8px);border: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);border-radius:var(--ow-radius-xs, 6px);width:100%;outline:none;background:var(--ow-annotation-bg-muted);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-input\"]:hover{border-color:var(--ow-annotation-line-strong);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-input\"]:focus{border-color:var(--ow-annotation-primary);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-unit\"]{font-size:var(--ow-fs-mark-sm, 10px);color:var(--ow-annotation-fg-subtle);position:absolute;right:8px;pointer-events:none;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-select\"]{all:initial;font:inherit;font-size:var(--ow-fs-mark-md, 11px);color:var(--ow-annotation-fg);box-sizing:border-box;height:28px;padding:0 var(--ow-space-2, 8px);border: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);border-radius:var(--ow-radius-xs, 6px);width:100%;outline:none;appearance:auto;cursor:pointer;background:var(--ow-annotation-bg-muted);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-select\"]:hover{border-color:var(--ow-annotation-line-strong);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-select\"]:focus{border-color:var(--ow-annotation-primary);}\n/* \u00A77 \u5F62\u72B6\u8868\uFF1A999 \u53EA\u7559\u7ED9\u5E26\u72B6\u6001\u70B9/\u8BA1\u6570\u7684 chip \u4E0E\u771F\u5706\u4EF6\uFF08\u5934\u50CF/\u72B6\u6001\u70B9\uFF09\u3002\u8272\u677F\u662F\u4E2A\u53D6\u8272\u63A7\u4EF6\uFF0C\n   \u843D\u6309\u94AE\u6863 8px\uFF08\u539F 50% \u5706\u70B9\u662F V1 \u8272\u677F\u6BCD\u9898\uFF09\u3002 */\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"color-swatch\"]{width:20px;height:20px;border-radius:var(--ow-radius-sm, 8px);border: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);flex-shrink:0;cursor:pointer;position:relative;overflow:hidden;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"color-swatch\"]:hover{border-color:var(--ow-annotation-line-strong);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"color-swatch\"] input{position:absolute;inset:-4px;width:28px;height:28px;opacity:0;cursor:pointer;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"spacing\"]{display:flex;gap:3px;flex:1;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"spacing\"] input{all:initial;font:inherit;font-size:var(--ow-fs-mark-sm, 10px);color:var(--ow-annotation-fg);box-sizing:border-box;height:28px;padding:0 3px;border: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);border-radius:var(--ow-radius-xs, 6px);width:100%;text-align:center;outline:none;background:var(--ow-annotation-bg-muted);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"spacing\"] input:hover{border-color:var(--ow-annotation-line-strong);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"spacing\"] input:focus{border-color:var(--ow-annotation-primary);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"actions\"]{display:flex;align-items:center;justify-content:space-between;padding:var(--ow-space-2, 8px) var(--ow-space-3, 12px);border-top: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);flex-shrink:0;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"cancel\"]{all:initial;cursor:pointer;font:inherit;font-weight:500;font-size:var(--ow-fs-ui, 13px);color:var(--ow-annotation-fg);box-sizing:border-box;height:32px;padding:0 14px;border:none;border-radius:var(--ow-radius-sm, 8px);background:var(--ow-annotation-bg-muted);transition:background var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1));display:inline-flex;align-items:center;justify-content:center;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"cancel\"]:hover{background:var(--ow-annotation-bg-hover);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"confirm\"]{all:initial;cursor:pointer;font:inherit;font-weight:500;font-size:var(--ow-fs-ui, 13px);box-sizing:border-box;height:32px;padding:0 14px;border:none;border-radius:var(--ow-radius-sm, 8px);background:var(--ow-annotation-primary);color:var(--ow-annotation-on-fill);transition:background var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1));display:inline-flex;align-items:center;justify-content:center;gap:var(--ow-space-1, 4px);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"confirm\"]:hover{background:var(--ow-annotation-primary-hover);}\n";
 
 export { BROWSER_ANNOTATION_POPUP_STYLES, BROWSER_ANNOTATION_PROPERTY_DEFS, type BrowserAnnotationPropertyDefinition, type BrowserAnnotationPropertyType };

package/dist/browser-annotation-popup.d.ts

@@ -26,23 +26,23 @@ declare const BROWSER_ANNOTATION_PROPERTY_DEFS: readonly BrowserAnnotationProper
  * 就是 DS token 的镜像，是本文件唯一允许出现字面色值的地方。规则块里一律零裸色：
  * 新值先在这里立一个 `--ow-annotation-*`（值抄 DS 2.0 浅档终值），再去规则里引。
  *
- * 表里每行右侧注释＝它抄的那个 DS 2.0 token 名；终值出自 `src/tokens/base.ts` +
- * `src/tokens/light.ts`（解析后与 `tokens/ds2-spec.json` 的 light 档逐值一致）。
+ * 表里每行右侧注释＝它抄的那个 DS 2.0 token 名；终值出自 `src/tokens/{base,metrics}.ts` +
+ * `src/tokens/light.ts`（解析后与 `contracts/ds2-spec.json` 的 light 档逐值一致）。
  * 改值的顺序永远是「先改 DS token，再回来同步这张表」，两边不许各自漂。
  *
  * **单主题（恒浅档）是有意的决定**：浮层落在任意第三方页面上，宿主页的明暗与我们无关，
  * 我们也拿不到自己的 `[data-theme]`；跟着宿主猜主题只会得到一个半明半暗的壳。所以这张表
  * 恒取 DS 2.0 **浅档**终值，浮层永远是一块自带 `--ow-popover-bg` 白面 ＋ 1px `--ow-border`
  * ＋ `--ow-shadow-pop` 的离地卡片（§5 立面：悬浮层永远保留 1px 边框），靠自己的立面立住，
- * 不靠宿主底色。`.is-preview`（应用内 React 预览）沿用同一张表，两处所见一致。
+ * 不靠宿主底色。`data-preview="true"`（应用内 React 预览）沿用同一张表，两处所见一致。
  *
  * 圆角走 `--ow-radius-lg`(12)：浮层是 popover/卡片档（§7 形状表 12＝卡片/popover/toast），
  * 不是 modal 档；旧写法 `var(--ow-radius-modal, 14px)` 既走错语义档、14 又是形状表外的
  * 自造值（表内只有 4/6/8/10/12/16/999）。
  *
- * 类名 `__ow-popup*` 是与 desktop preload（webviewPreload.ts createPopup）和
- * BrowserAnnotationPopupView 之间的三方约定，改名要三处同改。
+ * `data-slot` / `data-ow-part` 是与 desktop preload（webviewPreload.ts createPopup）和
+ * BrowserAnnotationPopupView 之间的三方约定，改动要三处同步。
  */
-declare const BROWSER_ANNOTATION_POPUP_STYLES = "\n.__ow-popup{all:initial;box-sizing:border-box;\n/* \u2500\u2500 DS 2.0 \u6D45\u6863\u7EC8\u503C\u955C\u50CF\u8868\uFF08\u5DE6\uFF1D\u672C\u5730\u9694\u79BB\u952E\uFF0C\u53F3\u6CE8\u91CA\uFF1D\u6240\u6284\u7684 DS 2.0 token\uFF09\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n--ow-annotation-primary:#0F1B3D;          /* --ow-btn-primary-bg\uFF08\uFF1D--ow-accent / --ow-navy\uFF09 */\n--ow-annotation-primary-hover:#202942;    /* --ow-btn-primary-hover */\n--ow-annotation-on-fill:#F7F6F1;          /* --ow-on-fill\uFF08\uFF1D--ow-btn-primary-fg\u2014\u2014\u5B9E\u73B0\u540D\uFF0C\u89C4\u683C\u4FA7\u5199\u7684 --ow-btn-primary-text \u5728 tokens.css \u91CC\u4E0D\u5B58\u5728\uFF09 */\n--ow-annotation-bg:#FFFFFF;               /* --ow-popover-bg \u2014\u2014 \u6D6E\u5C42\u81EA\u5DF1\u7684\u9762 */\n--ow-annotation-bg-muted:#F1F0EA;         /* --ow-surface-2\uFF08\u5D4C\u5957\u4E95/\u8F93\u5165\u5E95/\u8868\u5934\u5E95\uFF09\uFF0C\u6D45\u6863\u4E0E --ow-hover-pop \u540C\u503C */\n--ow-annotation-bg-hover:#ECEBE5;         /* --ow-press-pop \u2014\u2014 \u6BD4 bg-muted \u518D\u6DF1\u4E00\u6863\uFF08\u00A75 \u5F39\u5C42\u4E0A\u8D70 pop \u6863\uFF09 */\n--ow-annotation-fg:#333B50;               /* --ow-text */\n--ow-annotation-fg-muted:#646B7A;         /* --ow-text-2 */\n--ow-annotation-fg-subtle:#A2A5A9;        /* --ow-text-3 */\n--ow-annotation-fg-placeholder:#A2A5A9;   /* --ow-placeholder\uFF08\u6D45\u6863\uFF1D--ow-text-3\uFF09 */\n--ow-annotation-line:#DCDCD7;             /* --ow-border\uFF08\uFF1D--ow-input-border\uFF09\u2014\u2014 \u63CF\u8FB9\u4E0E\u5206\u9694\u7EBF rest */\n--ow-annotation-line-strong:#C2C3C1;      /* --ow-border-strong \u2014\u2014 \u8F93\u5165 hover \u6863\uFF08\u00A76 \u4E09\u6001\u8FB9\u6846\uFF09 */\n--ow-annotation-shadow-pop:0 4px 12px rgba(15, 27, 61, 0.10); /* --ow-shadow-pop */\n/* \u5B57\u4F53\u6808\u4E5F\u8981\u955C\u50CF\uFF1A\u6CE8\u8FDB\u7B2C\u4E09\u65B9\u9875\u65F6 --ow-font-sans \u4E0D\u5728\u573A\uFF0C\u56DE\u9000\u503C\u5FC5\u987B\u9010\u5B57\u6284 DS 2.0 \u7684\u6808\n   \uFF08\u00A78 \u5DF2\u77E5\u5751\uFF1Aemoji \u65CF\u5FC5\u987B\u7F6E\u4E8E\u6808\u5C3E\uFF0CLinux \u6570\u5B57\u6E32\u67D3\u7F3A\u9677\uFF0C\u52FF\u8C03\u5E8F\uFF09\u3002 */\n--ow-annotation-font-sans:'HarmonyOS Sans SC','Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Noto Color Emoji'; /* --ow-font-sans */\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\nposition:fixed;z-index:2147483647;font-family:var(--ow-annotation-font-sans);font-size:var(--ow-fs-ui, 13px);color:var(--ow-annotation-fg);pointer-events:auto;width:320px;background:var(--ow-annotation-bg);border:var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);border-radius:var(--ow-radius-lg, 12px);box-shadow:var(--ow-annotation-shadow-pop);overflow:hidden;display:flex;flex-direction:column;}\n.__ow-popup.is-preview{position:relative;z-index:1;max-height:100%;}\n.__ow-popup *{box-sizing:border-box;}\n/* \u5DE6\u4FA7\u7AD6\u6761\u662F\u7EAF\u88C5\u9970\u7684\u4E00\u6761\u810A\uFF0C\u4E0D\u7F16\u7801\u4EFB\u4F55\u72B6\u6001\u2014\u2014\u6309 \u00A74 R2/R1 \u5B83\u6CA1\u6709\u8D44\u683C\u62FF\u63D0\u8272\uFF0C\u8D70\u4E2D\u6027\u63CF\u8FB9\u3002 */\n.__ow-popup__collapsed{display:flex;align-items:center;gap:var(--ow-space-15, 6px);padding:10px var(--ow-space-3, 12px);border-left:3px solid var(--ow-annotation-line-strong);border-radius:var(--ow-radius-lg, 12px);}\n.__ow-popup__expanded{display:none;flex-direction:column;overflow:hidden;flex:1;min-height:0;}\n.__ow-popup.is-expanded .__ow-popup__collapsed{display:none;}\n.__ow-popup.is-expanded .__ow-popup__expanded{display:flex;}\n.__ow-popup.is-expanded.is-flipped .__ow-popup__expanded{flex-direction:column-reverse;}\n.__ow-popup.is-expanded.is-flipped{border-radius:var(--ow-radius-lg, 12px);}\n.__ow-popup__top{display:flex;align-items:center;gap:var(--ow-space-2, 8px);padding:10px var(--ow-space-3, 12px);border-left:3px solid var(--ow-annotation-line-strong);border-radius:var(--ow-radius-lg, 12px) var(--ow-radius-lg, 12px) 0 0;flex-shrink:0;}\n/* \u5DE5\u5177\u6761\u6309\u94AE\u8D70 ghost\uFF08DS 2.0 P6-7\uFF09\uFF1A\u9759\u6B62\u900F\u660E\uFF0Chover \u624D\u4E0A\u5E95\uFF0Cpress \u518D\u6DF1\u4E00\u6863\u3002\n   \u4E4B\u524D\u9759\u6B62\u5C31\u5E26 bg-muted\uFF0C\u7B49\u4E8E\u4E00\u76F4\u662F\u4E2A\u5B9E\u5FC3 chip\uFF0C\u8DDF \u00A75\u300C\u8D34\u5730\u4E0D\u4E0A\u5E95\u300D\u5BF9\u4E0D\u4E0A\u3002 */\n.__ow-popup__settings-btn{all:initial;cursor:pointer;font:inherit;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ow-radius-sm, 8px);background:transparent;color:var(--ow-annotation-fg-muted);flex-shrink:0;transition:background var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1));font-size:0;}\n.__ow-popup__settings-btn:hover{background:var(--ow-annotation-bg-muted);}\n.__ow-popup__settings-btn:active{background:var(--ow-annotation-bg-hover);}\n.__ow-popup__input{all:initial;flex:1;font:inherit;font-size:var(--ow-fs-ui, 13px);color:var(--ow-annotation-fg);padding:var(--ow-space-05, 2px) 0;border:none;outline:none;background:transparent;min-width:0;}\n.__ow-popup__input::placeholder{color:var(--ow-annotation-fg-placeholder);}\n/* \u63D0\u4EA4\u94AE\u4E0E\u540C\u4E00\u884C\u7684 settings-btn \u540C\u6863\uFF1A28\u00D728\uFF08\u00A77 \u63A7\u4EF6\u9AD8 {28,32,40}\uFF0C\u56FE\u6807\u94AE \u226528\u00D728\uFF09\u3002\n   \u65E7\u503C 30\u00D730 \u4E0D\u5728\u6863\u5185\uFF0C\u4E14\u4E0E\u884C\u5185\u90BB\u5C45\u5BF9\u4E0D\u9F50\u3002 */\n.__ow-popup__submit-btn{all:initial;cursor:pointer;font:inherit;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ow-radius-sm, 8px);background:transparent;color:var(--ow-annotation-fg-subtle);flex-shrink:0;transition:background var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1)),color var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1));}\n.__ow-popup__submit-btn:hover{background:var(--ow-annotation-bg-muted);}\n/* \u6709\u5B57\u624D\u662F\u300C\u80FD\u63D0\u4EA4\u4E86\u300D\u2014\u2014\u5B9E\u5E95\uFF0B\u63D0\u8272\uFF0C\u5F62\u72B6\u4E0D\u53D8\uFF0C\u989C\u8272\u662F\u7B2C\u4E8C\u7F16\u7801\uFF08R1\uFF09\u3002 */\n.__ow-popup__submit-btn.has-text{background:var(--ow-annotation-primary);color:var(--ow-annotation-on-fill);}\n.__ow-popup__submit-btn.has-text:hover{background:var(--ow-annotation-primary-hover);}\n/* \u00A76\uFF1A\u7126\u70B9\u73AF 2px + 2px \u7559\u767D\u7F1D\uFF0C\u4E0D\u9760 all:initial \u4E4B\u540E\u6D88\u5931\u7684\u6D4F\u89C8\u5668\u9ED8\u8BA4\u73AF\u3002\n   \u73AF\u8272\u5F15 primary\uFF1ADS 2.0 \u6D45\u6863 --ow-focus-ring \u4E0E --ow-btn-primary-bg \u540C\u4E3A #0F1B3D\uFF0C\n   \u4E0D\u53E6\u7ACB\u952E\uFF1B\u82E5\u4E0A\u6E38\u628A\u4E24\u8005\u62C6\u5F00\uFF0C\u8FD9\u91CC\u8981\u8DDF\u7740\u8865 --ow-annotation-focus-ring\u3002 */\n.__ow-popup__settings-btn:focus-visible,.__ow-popup__submit-btn:focus-visible,.__ow-popup__cancel:focus-visible,.__ow-popup__confirm:focus-visible{outline:var(--ow-focus-ring-w, 2px) solid var(--ow-annotation-primary);outline-offset:var(--ow-focus-ring-offset, 2px);}\n.__ow-popup__tag{display:flex;align-items:center;justify-content:space-between;padding:var(--ow-space-15, 6px) 14px;background:var(--ow-annotation-bg-muted);font-weight:700;font-size:var(--ow-fs-ui, 13px);color:var(--ow-annotation-fg);flex-shrink:0;}\n/* \u62D6\u62FD\u63E1\u628A\u662F\u5B57\u5F62\u4E0D\u662F\u88C5\u9970\u8272\u5757\uFF0C\u00A77\u300C\u56FE\u6807\u8272\u53EA\u53D6 text/text-2/text-3\u300D\u2014\u2014\u539F fg-faint(#C2C3C1)\n   \u5728 DS 2.0 \u91CC\u662F --ow-border-strong\uFF0C\u6CA1\u6709\u5BF9\u5E94\u7684\u6587\u5B57\u6863\uFF0C\u6545\u5E76\u5165 text-3\u3002 */\n.__ow-popup__tag-drag{color:var(--ow-annotation-fg-subtle);cursor:grab;font-size:var(--ow-fs-body, 14px);letter-spacing:1px;}\n.__ow-popup__props{padding:var(--ow-space-05, 2px) 14px var(--ow-space-1, 4px);overflow-y:auto;flex:1;min-height:0;}\n.__ow-popup__prop{display:flex;align-items:center;padding:var(--ow-space-15, 6px) 0;border-bottom: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);gap:10px;}\n.__ow-popup__prop:last-child{border-bottom:none;}\n.__ow-popup__prop-label{width:60px;flex-shrink:0;font-size:var(--ow-fs-mark-md, 11px);color:var(--ow-annotation-fg);font-weight:500;}\n.__ow-popup__prop-value{flex:1;display:flex;align-items:center;gap:5px;position:relative;}\n/* \u8F93\u5165\u7C7B\u5E95\u8272\u8D70 --ow-surface-2 \u7684\u955C\u50CF\uFF08\u00A75\u300C\u5D4C\u5957\u4E95\uFF1D\u8F93\u5165\u5E95\u300D\uFF09\uFF0C\u5750\u5728 popover \u767D\u9762\u4E0A\u624D\u8BFB\u5F97\u51FA\u4E95\uFF1B\n   \u4E09\u6001\u8FB9\u6846 rest(line) \u2192 hover(line-strong) \u2192 focus(focus-ring\uFF0C\u6D45\u6863\u540C primary)\uFF0C\u00A76\u3002 */\n.__ow-popup__prop-input{all:initial;font:inherit;font-size:var(--ow-fs-mark-md, 11px);color:var(--ow-annotation-fg);box-sizing:border-box;height:28px;padding:0 var(--ow-space-2, 8px);border: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);border-radius:var(--ow-radius-xs, 6px);width:100%;outline:none;background:var(--ow-annotation-bg-muted);}\n.__ow-popup__prop-input:hover{border-color:var(--ow-annotation-line-strong);}\n.__ow-popup__prop-input:focus{border-color:var(--ow-annotation-primary);}\n.__ow-popup__prop-unit{font-size:var(--ow-fs-mark-sm, 10px);color:var(--ow-annotation-fg-subtle);position:absolute;right:8px;pointer-events:none;}\n.__ow-popup__prop-select{all:initial;font:inherit;font-size:var(--ow-fs-mark-md, 11px);color:var(--ow-annotation-fg);box-sizing:border-box;height:28px;padding:0 var(--ow-space-2, 8px);border: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);border-radius:var(--ow-radius-xs, 6px);width:100%;outline:none;appearance:auto;cursor:pointer;background:var(--ow-annotation-bg-muted);}\n.__ow-popup__prop-select:hover{border-color:var(--ow-annotation-line-strong);}\n.__ow-popup__prop-select:focus{border-color:var(--ow-annotation-primary);}\n/* \u00A77 \u5F62\u72B6\u8868\uFF1A999 \u53EA\u7559\u7ED9\u5E26\u72B6\u6001\u70B9/\u8BA1\u6570\u7684 chip \u4E0E\u771F\u5706\u4EF6\uFF08\u5934\u50CF/\u72B6\u6001\u70B9\uFF09\u3002\u8272\u677F\u662F\u4E2A\u53D6\u8272\u63A7\u4EF6\uFF0C\n   \u843D\u6309\u94AE\u6863 8px\uFF08\u539F 50% \u5706\u70B9\u662F V1 \u8272\u677F\u6BCD\u9898\uFF09\u3002 */\n.__ow-popup__color-swatch{width:20px;height:20px;border-radius:var(--ow-radius-sm, 8px);border: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);flex-shrink:0;cursor:pointer;position:relative;overflow:hidden;}\n.__ow-popup__color-swatch:hover{border-color:var(--ow-annotation-line-strong);}\n.__ow-popup__color-swatch input{position:absolute;inset:-4px;width:28px;height:28px;opacity:0;cursor:pointer;}\n.__ow-popup__spacing{display:flex;gap:3px;flex:1;}\n.__ow-popup__spacing input{all:initial;font:inherit;font-size:var(--ow-fs-mark-sm, 10px);color:var(--ow-annotation-fg);box-sizing:border-box;height:28px;padding:0 3px;border: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);border-radius:var(--ow-radius-xs, 6px);width:100%;text-align:center;outline:none;background:var(--ow-annotation-bg-muted);}\n.__ow-popup__spacing input:hover{border-color:var(--ow-annotation-line-strong);}\n.__ow-popup__spacing input:focus{border-color:var(--ow-annotation-primary);}\n.__ow-popup__actions{display:flex;align-items:center;justify-content:space-between;padding:var(--ow-space-2, 8px) var(--ow-space-3, 12px);border-top: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);flex-shrink:0;}\n.__ow-popup__cancel{all:initial;cursor:pointer;font:inherit;font-weight:500;font-size:var(--ow-fs-ui, 13px);color:var(--ow-annotation-fg);box-sizing:border-box;height:32px;padding:0 14px;border:none;border-radius:var(--ow-radius-sm, 8px);background:var(--ow-annotation-bg-muted);transition:background var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1));display:inline-flex;align-items:center;justify-content:center;}\n.__ow-popup__cancel:hover{background:var(--ow-annotation-bg-hover);}\n.__ow-popup__confirm{all:initial;cursor:pointer;font:inherit;font-weight:500;font-size:var(--ow-fs-ui, 13px);box-sizing:border-box;height:32px;padding:0 14px;border:none;border-radius:var(--ow-radius-sm, 8px);background:var(--ow-annotation-primary);color:var(--ow-annotation-on-fill);transition:background var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1));display:inline-flex;align-items:center;justify-content:center;gap:var(--ow-space-1, 4px);}\n.__ow-popup__confirm:hover{background:var(--ow-annotation-primary-hover);}\n";
+declare const BROWSER_ANNOTATION_POPUP_STYLES = "\n[data-slot=\"browser-annotation-popup\"]{all:initial;box-sizing:border-box;\n/* \u2500\u2500 DS 2.0 \u6D45\u6863\u7EC8\u503C\u955C\u50CF\u8868\uFF08\u5DE6\uFF1D\u672C\u5730\u9694\u79BB\u952E\uFF0C\u53F3\u6CE8\u91CA\uFF1D\u6240\u6284\u7684 DS 2.0 token\uFF09\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\n--ow-annotation-primary:#0F1B3D;          /* --ow-btn-primary-bg\uFF08\uFF1D--ow-accent / --ow-navy\uFF09 */\n--ow-annotation-primary-hover:#202942;    /* --ow-btn-primary-hover */\n--ow-annotation-on-fill:#F7F6F1;          /* --ow-on-fill\uFF08\uFF1D--ow-btn-primary-fg\uFF1B\u4E0A\u6E38 text \u547D\u540D\u53EA\u5728\u5BFC\u5165\u8FB9\u754C\u5F52\u4E00\uFF09 */\n--ow-annotation-bg:#FFFFFF;               /* --ow-popover-bg \u2014\u2014 \u6D6E\u5C42\u81EA\u5DF1\u7684\u9762 */\n--ow-annotation-bg-muted:#F1F0EA;         /* --ow-surface-2\uFF08\u5D4C\u5957\u4E95/\u8F93\u5165\u5E95/\u8868\u5934\u5E95\uFF09\uFF0C\u6D45\u6863\u4E0E --ow-hover-pop \u540C\u503C */\n--ow-annotation-bg-hover:#ECEBE5;         /* --ow-press-pop \u2014\u2014 \u6BD4 bg-muted \u518D\u6DF1\u4E00\u6863\uFF08\u00A75 \u5F39\u5C42\u4E0A\u8D70 pop \u6863\uFF09 */\n--ow-annotation-fg:#333B50;               /* --ow-text */\n--ow-annotation-fg-muted:#646B7A;         /* --ow-text-2 */\n--ow-annotation-fg-subtle:#646B7A;        /* --ow-text-3\uFF08\u53EF\u8BFB\u526F\u6587\u672C\u6863\uFF09 */\n--ow-annotation-fg-placeholder:#646B7A;   /* --ow-placeholder\uFF08\u6D45\u6863\uFF1D--ow-text-3\uFF09 */\n--ow-annotation-line:#DCDCD7;             /* --ow-border\uFF08\uFF1D--ow-input-border\uFF09\u2014\u2014 \u63CF\u8FB9\u4E0E\u5206\u9694\u7EBF rest */\n--ow-annotation-line-strong:#C2C3C1;      /* --ow-border-strong \u2014\u2014 \u8F93\u5165 hover \u6863\uFF08\u00A76 \u4E09\u6001\u8FB9\u6846\uFF09 */\n--ow-annotation-shadow-pop:0 4px 12px rgba(15, 27, 61, 0.10); /* --ow-shadow-pop */\n/* \u5B57\u4F53\u6808\u4E5F\u8981\u955C\u50CF\uFF1A\u6CE8\u8FDB\u7B2C\u4E09\u65B9\u9875\u65F6 --ow-font-sans \u4E0D\u5728\u573A\uFF0C\u56DE\u9000\u503C\u5FC5\u987B\u9010\u5B57\u6284 DS 2.0 \u7684\u6808\n   \uFF08\u00A78 \u5DF2\u77E5\u5751\uFF1Aemoji \u65CF\u5FC5\u987B\u7F6E\u4E8E\u6808\u5C3E\uFF0CLinux \u6570\u5B57\u6E32\u67D3\u7F3A\u9677\uFF0C\u52FF\u8C03\u5E8F\uFF09\u3002 */\n--ow-annotation-font-sans:'HarmonyOS Sans SC', 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Noto Color Emoji'; /* --ow-font-sans */\n/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */\nposition:fixed;z-index:2147483647;font-family:var(--ow-annotation-font-sans);font-size:var(--ow-fs-ui, 13px);color:var(--ow-annotation-fg);pointer-events:auto;width:320px;background:var(--ow-annotation-bg);border:var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);border-radius:var(--ow-radius-lg, 12px);box-shadow:var(--ow-annotation-shadow-pop);overflow:hidden;display:flex;flex-direction:column;}\n[data-slot=\"browser-annotation-popup\"][data-preview=\"true\"]{position:relative;z-index:1;max-height:100%;}\n[data-slot=\"browser-annotation-popup\"] *{box-sizing:border-box;}\n/* \u5DE6\u4FA7\u7AD6\u6761\u662F\u7EAF\u88C5\u9970\u7684\u4E00\u6761\u810A\uFF0C\u4E0D\u7F16\u7801\u4EFB\u4F55\u72B6\u6001\u2014\u2014\u6309 \u00A74 R2/R1 \u5B83\u6CA1\u6709\u8D44\u683C\u62FF\u63D0\u8272\uFF0C\u8D70\u4E2D\u6027\u63CF\u8FB9\u3002 */\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"collapsed-view\"]{display:flex;align-items:center;gap:var(--ow-space-15, 6px);padding:10px var(--ow-space-3, 12px);border-left:3px solid var(--ow-annotation-line-strong);border-radius:var(--ow-radius-lg, 12px);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"expanded-view\"]{display:none;flex-direction:column;overflow:hidden;flex:1;min-height:0;}\n[data-slot=\"browser-annotation-popup\"][data-ow-state=\"expanded\"] [data-ow-part=\"collapsed-view\"]{display:none;}\n[data-slot=\"browser-annotation-popup\"][data-ow-state=\"expanded\"] [data-ow-part=\"expanded-view\"]{display:flex;}\n[data-slot=\"browser-annotation-popup\"][data-ow-state=\"expanded\"][data-placement=\"flipped\"] [data-ow-part=\"expanded-view\"]{flex-direction:column-reverse;}\n[data-slot=\"browser-annotation-popup\"][data-ow-state=\"expanded\"][data-placement=\"flipped\"]{border-radius:var(--ow-radius-lg, 12px);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"top\"]{display:flex;align-items:center;gap:var(--ow-space-2, 8px);padding:10px var(--ow-space-3, 12px);border-left:3px solid var(--ow-annotation-line-strong);border-radius:var(--ow-radius-lg, 12px) var(--ow-radius-lg, 12px) 0 0;flex-shrink:0;}\n/* \u5DE5\u5177\u6761\u6309\u94AE\u8D70 ghost\uFF08DS 2.0 P6-7\uFF09\uFF1A\u9759\u6B62\u900F\u660E\uFF0Chover \u624D\u4E0A\u5E95\uFF0Cpress \u518D\u6DF1\u4E00\u6863\u3002\n   \u4E4B\u524D\u9759\u6B62\u5C31\u5E26 bg-muted\uFF0C\u7B49\u4E8E\u4E00\u76F4\u662F\u4E2A\u5B9E\u5FC3 chip\uFF0C\u8DDF \u00A75\u300C\u8D34\u5730\u4E0D\u4E0A\u5E95\u300D\u5BF9\u4E0D\u4E0A\u3002 */\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"settings-btn\"]{all:initial;cursor:pointer;font:inherit;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ow-radius-sm, 8px);background:transparent;color:var(--ow-annotation-fg-muted);flex-shrink:0;transition:background var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1));font-size:0;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"settings-btn\"]:hover{background:var(--ow-annotation-bg-muted);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"settings-btn\"]:active{background:var(--ow-annotation-bg-hover);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"input\"]{all:initial;flex:1;font:inherit;font-size:var(--ow-fs-ui, 13px);color:var(--ow-annotation-fg);padding:var(--ow-space-05, 2px) 0;border:none;outline:none;background:transparent;min-width:0;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"input\"]::placeholder{color:var(--ow-annotation-fg-placeholder);}\n/* \u63D0\u4EA4\u94AE\u4E0E\u540C\u4E00\u884C\u7684 settings-btn \u540C\u6863\uFF1A28\u00D728\uFF08\u00A77 \u63A7\u4EF6\u9AD8 {28,32,40}\uFF0C\u56FE\u6807\u94AE \u226528\u00D728\uFF09\u3002\n   \u65E7\u503C 30\u00D730 \u4E0D\u5728\u6863\u5185\uFF0C\u4E14\u4E0E\u884C\u5185\u90BB\u5C45\u5BF9\u4E0D\u9F50\u3002 */\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"submit-btn\"]{all:initial;cursor:pointer;font:inherit;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--ow-radius-sm, 8px);background:transparent;color:var(--ow-annotation-fg-subtle);flex-shrink:0;transition:background var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1)),color var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1));}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"submit-btn\"]:hover{background:var(--ow-annotation-bg-muted);}\n/* \u6709\u5B57\u624D\u662F\u300C\u80FD\u63D0\u4EA4\u4E86\u300D\u2014\u2014\u5B9E\u5E95\uFF0B\u63D0\u8272\uFF0C\u5F62\u72B6\u4E0D\u53D8\uFF0C\u989C\u8272\u662F\u7B2C\u4E8C\u7F16\u7801\uFF08R1\uFF09\u3002 */\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"submit-btn\"][data-ow-state=\"has-text\"]{background:var(--ow-annotation-primary);color:var(--ow-annotation-on-fill);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"submit-btn\"][data-ow-state=\"has-text\"]:hover{background:var(--ow-annotation-primary-hover);}\n/* \u00A76\uFF1A\u7126\u70B9\u73AF 2px + 2px \u7559\u767D\u7F1D\uFF0C\u4E0D\u9760 all:initial \u4E4B\u540E\u6D88\u5931\u7684\u6D4F\u89C8\u5668\u9ED8\u8BA4\u73AF\u3002\n   \u73AF\u8272\u5F15 primary\uFF1ADS 2.0 \u6D45\u6863 --ow-focus-ring \u4E0E --ow-btn-primary-bg \u540C\u4E3A #0F1B3D\uFF0C\n   \u4E0D\u53E6\u7ACB\u952E\uFF1B\u82E5\u4E0A\u6E38\u628A\u4E24\u8005\u62C6\u5F00\uFF0C\u8FD9\u91CC\u8981\u8DDF\u7740\u8865 --ow-annotation-focus-ring\u3002 */\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"settings-btn\"]:focus-visible,[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"submit-btn\"]:focus-visible,[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"cancel\"]:focus-visible,[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"confirm\"]:focus-visible{outline:var(--ow-focus-ring-w, 2px) solid var(--ow-annotation-primary);outline-offset:var(--ow-focus-ring-offset, 2px);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"tag\"]{display:flex;align-items:center;justify-content:space-between;padding:var(--ow-space-15, 6px) 14px;background:var(--ow-annotation-bg-muted);font-weight:700;font-size:var(--ow-fs-ui, 13px);color:var(--ow-annotation-fg);flex-shrink:0;}\n/* \u62D6\u62FD\u63E1\u628A\u662F\u5B57\u5F62\u4E0D\u662F\u88C5\u9970\u8272\u5757\uFF0C\u00A77\u300C\u56FE\u6807\u8272\u53EA\u53D6 text/text-2/text-3\u300D\u2014\u2014\u539F fg-faint(#C2C3C1)\n   \u5728 DS 2.0 \u91CC\u662F --ow-border-strong\uFF0C\u6CA1\u6709\u5BF9\u5E94\u7684\u6587\u5B57\u6863\uFF0C\u6545\u5E76\u5165 text-3\u3002 */\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"tag-drag\"]{color:var(--ow-annotation-fg-subtle);cursor:grab;font-size:var(--ow-fs-body, 14px);letter-spacing:1px;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"props\"]{padding:var(--ow-space-05, 2px) 14px var(--ow-space-1, 4px);overflow-y:auto;flex:1;min-height:0;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop\"]{display:flex;align-items:center;padding:var(--ow-space-15, 6px) 0;border-bottom: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);gap:10px;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop\"]:last-child{border-bottom:none;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-label\"]{width:60px;flex-shrink:0;font-size:var(--ow-fs-mark-md, 11px);color:var(--ow-annotation-fg);font-weight:500;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-value\"]{flex:1;display:flex;align-items:center;gap:5px;position:relative;}\n/* \u8F93\u5165\u7C7B\u5E95\u8272\u8D70 --ow-surface-2 \u7684\u955C\u50CF\uFF08\u00A75\u300C\u5D4C\u5957\u4E95\uFF1D\u8F93\u5165\u5E95\u300D\uFF09\uFF0C\u5750\u5728 popover \u767D\u9762\u4E0A\u624D\u8BFB\u5F97\u51FA\u4E95\uFF1B\n   \u4E09\u6001\u8FB9\u6846 rest(line) \u2192 hover(line-strong) \u2192 focus(focus-ring\uFF0C\u6D45\u6863\u540C primary)\uFF0C\u00A76\u3002 */\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-input\"]{all:initial;font:inherit;font-size:var(--ow-fs-mark-md, 11px);color:var(--ow-annotation-fg);box-sizing:border-box;height:28px;padding:0 var(--ow-space-2, 8px);border: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);border-radius:var(--ow-radius-xs, 6px);width:100%;outline:none;background:var(--ow-annotation-bg-muted);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-input\"]:hover{border-color:var(--ow-annotation-line-strong);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-input\"]:focus{border-color:var(--ow-annotation-primary);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-unit\"]{font-size:var(--ow-fs-mark-sm, 10px);color:var(--ow-annotation-fg-subtle);position:absolute;right:8px;pointer-events:none;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-select\"]{all:initial;font:inherit;font-size:var(--ow-fs-mark-md, 11px);color:var(--ow-annotation-fg);box-sizing:border-box;height:28px;padding:0 var(--ow-space-2, 8px);border: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);border-radius:var(--ow-radius-xs, 6px);width:100%;outline:none;appearance:auto;cursor:pointer;background:var(--ow-annotation-bg-muted);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-select\"]:hover{border-color:var(--ow-annotation-line-strong);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"prop-select\"]:focus{border-color:var(--ow-annotation-primary);}\n/* \u00A77 \u5F62\u72B6\u8868\uFF1A999 \u53EA\u7559\u7ED9\u5E26\u72B6\u6001\u70B9/\u8BA1\u6570\u7684 chip \u4E0E\u771F\u5706\u4EF6\uFF08\u5934\u50CF/\u72B6\u6001\u70B9\uFF09\u3002\u8272\u677F\u662F\u4E2A\u53D6\u8272\u63A7\u4EF6\uFF0C\n   \u843D\u6309\u94AE\u6863 8px\uFF08\u539F 50% \u5706\u70B9\u662F V1 \u8272\u677F\u6BCD\u9898\uFF09\u3002 */\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"color-swatch\"]{width:20px;height:20px;border-radius:var(--ow-radius-sm, 8px);border: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);flex-shrink:0;cursor:pointer;position:relative;overflow:hidden;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"color-swatch\"]:hover{border-color:var(--ow-annotation-line-strong);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"color-swatch\"] input{position:absolute;inset:-4px;width:28px;height:28px;opacity:0;cursor:pointer;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"spacing\"]{display:flex;gap:3px;flex:1;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"spacing\"] input{all:initial;font:inherit;font-size:var(--ow-fs-mark-sm, 10px);color:var(--ow-annotation-fg);box-sizing:border-box;height:28px;padding:0 3px;border: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);border-radius:var(--ow-radius-xs, 6px);width:100%;text-align:center;outline:none;background:var(--ow-annotation-bg-muted);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"spacing\"] input:hover{border-color:var(--ow-annotation-line-strong);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"spacing\"] input:focus{border-color:var(--ow-annotation-primary);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"actions\"]{display:flex;align-items:center;justify-content:space-between;padding:var(--ow-space-2, 8px) var(--ow-space-3, 12px);border-top: var(--ow-border-width-default, 1px) solid var(--ow-annotation-line);flex-shrink:0;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"cancel\"]{all:initial;cursor:pointer;font:inherit;font-weight:500;font-size:var(--ow-fs-ui, 13px);color:var(--ow-annotation-fg);box-sizing:border-box;height:32px;padding:0 14px;border:none;border-radius:var(--ow-radius-sm, 8px);background:var(--ow-annotation-bg-muted);transition:background var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1));display:inline-flex;align-items:center;justify-content:center;}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"cancel\"]:hover{background:var(--ow-annotation-bg-hover);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"confirm\"]{all:initial;cursor:pointer;font:inherit;font-weight:500;font-size:var(--ow-fs-ui, 13px);box-sizing:border-box;height:32px;padding:0 14px;border:none;border-radius:var(--ow-radius-sm, 8px);background:var(--ow-annotation-primary);color:var(--ow-annotation-on-fill);transition:background var(--ow-dur-1, 120ms) var(--ow-ease-beacon, cubic-bezier(0.22, 1, 0.36, 1));display:inline-flex;align-items:center;justify-content:center;gap:var(--ow-space-1, 4px);}\n[data-slot=\"browser-annotation-popup\"] [data-ow-part=\"confirm\"]:hover{background:var(--ow-annotation-primary-hover);}\n";
 
 export { BROWSER_ANNOTATION_POPUP_STYLES, BROWSER_ANNOTATION_PROPERTY_DEFS, type BrowserAnnotationPropertyDefinition, type BrowserAnnotationPropertyType };

package/dist/browser-annotation-popup.js

@@ -1 +1,9 @@
-export{b as BROWSER_ANNOTATION_POPUP_STYLES,a as BROWSER_ANNOTATION_PROPERTY_DEFS}from'./chunk-7YJY64LZ.js';
+import {
+  BROWSER_ANNOTATION_POPUP_STYLES,
+  BROWSER_ANNOTATION_PROPERTY_DEFS
+} from "./chunk-66VEV7G2.js";
+export {
+  BROWSER_ANNOTATION_POPUP_STYLES,
+  BROWSER_ANNOTATION_PROPERTY_DEFS
+};
+//# sourceMappingURL=browser-annotation-popup.js.map

package/dist/browser-annotation-popup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}