npm - @orbit-work/ui - Versions diffs - 0.1.2-preview.0 → 0.1.3 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (810) hide show

package/dist/about-window.js CHANGED Viewed

@@ -1 +1,271 @@
-export{a as renderAboutWindowHtml}from'./chunk-VG7FQQ7K.js';
+// src/lib/about-window.ts
+function renderAboutWindowHtml({
+  version,
+  notes,
+  logoSvg,
+  logoDataUrl,
+  theme,
+  productName = "Orbitwork"
+}) {
+  const versionText = escapeHtml(version.trim() || "\u672A\u77E5");
+  const notesText = escapeHtml(notes.trim() || "\u6682\u65E0\u7248\u672C\u8BF4\u660E");
+  const brandText = escapeHtml(productName.trim() || "Orbitwork");
+  const logoMarkup = logoDataUrl ? `<img src="${escapeHtml(logoDataUrl)}" alt="" aria-hidden="true" />` : logoSvg;
+  const light = resolvePalette(theme?.light, {
+    bg: "#F7F6F1",
+    surface: "#FDFDFC",
+    border: "#DCDCD7",
+    text: "#333B50",
+    text2: "#646B7A"
+  });
+  const dark = resolvePalette(theme?.dark, {
+    bg: "#16171B",
+    surface: "#1E2025",
+    border: "#2A2C33",
+    text: "#ECEBE5",
+    text2: "#82878F"
+  });
+  const brandPaletteCss = theme?.light || theme?.dark ? `
+  :root {
+    --about-bg: ${light.bg};
+    --about-surface: ${light.surface};
+    --about-border: ${light.border};
+    --about-text: ${light.text};
+    --about-text-2: ${light.text2};
+  }
+  @media (prefers-color-scheme: dark) {
+    :root:not([data-theme="light"]) {
+      --about-bg: ${dark.bg};
+      --about-surface: ${dark.surface};
+      --about-border: ${dark.border};
+      --about-text: ${dark.text};
+      --about-text-2: ${dark.text2};
+    }
+  }
+  :root[data-theme="dark"] {
+    --about-bg: ${dark.bg};
+    --about-surface: ${dark.surface};
+    --about-border: ${dark.border};
+    --about-text: ${dark.text};
+    --about-text-2: ${dark.text2};
+  }` : "";
+  return `<!doctype html>
+<html lang="zh-CN">
+<head>
+<meta charset="utf-8" />
+<meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'unsafe-inline'; img-src data:;" />
+<meta name="viewport" content="width=device-width, initial-scale=1" />
+<title>\u5173\u4E8E ${brandText}</title>
+<style>
+  /*
+   * \u8FD9\u662F\u4E00\u4EFD\u72EC\u7ACB document\uFF08Electron \u81EA\u7ED8\u7A97\uFF0Cdata: URL \u8F7D\u5165\uFF09\uFF0C--ow-* \u4E3B token \u8868\u4E0D\u5728\u573A\uFF0C
+   * \u4E5F\u6CA1\u6709\u4EFB\u4F55\u5B57\u4F53\u6587\u4EF6\u53EF\u52A0\u8F7D\uFF08CSP \u65E0 font-src\uFF09\u3002\u6240\u4EE5\u914D\u8272\u4E00\u5F8B\u300C\u6284 DS 2.0 \u7EC8\u503C\u300D\u800C\u975E\u5F15\u7528\u53D8\u91CF\uFF0C
+   * \u6BCF\u7EC4\u503C\u65C1\u6CE8\u660E\u51FA\u5904\uFF1B\u5B57\u4F53\u53EA\u5199\u65CF\u540D\u6808\u5E76\u7ED9\u5230\u7CFB\u7EDF\u7EA7\u56DE\u9000\u3002
+   * \u9ED8\u8BA4\u503C\u51FA\u5904\uFF1Apackages/ui/src/tokens/light.ts \xB7 dark.ts \xB7 base.ts \xB7 metrics.ts\uFF1B
+   * \u767D\u6807\u5BBF\u4E3B\u53EF\u901A\u8FC7\u5DF2\u7ECF\u5BA1\u8BA1\u7684\u660E\u6697 palette \u8986\u76D6\u5BF9\u5E94\u8BED\u4E49\u8272\u3002
+   */
+  :root {
+    /* ---- \u6D45\u6863\uFF1A\u6284\u81EA tokens light \u7EC8\u503C ---- */
+    --about-bg: #F7F6F1;               /* light --ow-bg = gray-00 */
+    --about-surface: #FDFDFC;          /* light --ow-surface */
+    --about-border: #DCDCD7;           /* light --ow-border = gray-10 */
+    --about-text: #333B50;             /* light --ow-text = gray-70 */
+    --about-text-2: #646B7A;           /* light --ow-text-2 = gray-50\uFF08--ow-eyebrow \u540C\u503C\uFF09 */
+    --about-scrollbar: #C2C3C1;        /* light --ow-scrollbar = gray-20 */
+    --about-scrollbar-hover: #A2A5A9;  /* light --ow-scrollbar-hover = gray-30 */
+    --about-selection-bg: #0F1B3D;     /* light --ow-selection-bg = navy */
+    --about-selection-fg: #F7F6F1;     /* light --ow-selection-text = white */
+    /* ---- \u5F62\u72B6\u4E0E\u5EA6\u91CF\uFF1A\u6284\u81EA base.ts / metrics.ts\uFF08\u5F62\u72B6\u8868 \xA77\uFF09 ---- */
+    --about-space-2: 8px;              /* --ow-space-2 */
+    --about-space-4: 16px;             /* --ow-space-4 */
+    --about-space-5: 20px;             /* --ow-space-5 */
+    --about-space-6: 24px;             /* --ow-space-6 */
+    --about-space-8: 32px;             /* --ow-space-8 */
+    --about-radius-lg: 12px;           /* --ow-radius-lg\uFF08\u5361\u7247\u6863\uFF09 */
+    --about-radius-pill: 999px;        /* --ow-radius-pill */
+    --about-border-w: 1px;             /* --ow-border-width-default\uFF08\u8D34\u5730 1px \u8FB9\u6846\uFF09 */
+    --about-fs-body: 14px;             /* --ow-fs-body */
+    --about-fs-ui: 13px;               /* --ow-fs-ui */
+    --about-fs-eyebrow-cjk: 12px;      /* --ow-fs-eyebrow-cjk */
+    --about-ls-eyebrow-cjk: 0.08em;    /* --ow-ls-eyebrow-cjk */
+    --about-lh-ui: 1.5;                /* --ow-lh-ui */
+    --about-lh-body: 1.75;             /* --ow-lh-body */
+    --about-fw-medium: 500;            /* --ow-font-weight-medium */
+    --about-fw-semibold: 600;          /* --ow-font-weight-semibold */
+    --about-dur-2: 200ms;              /* --ow-dur-2\uFF08\u4E3B\u9898\u5207\u6362\u8FC7\u6E21\uFF0C\xA79\uFF09 */
+    --about-ease: cubic-bezier(0.22, 1, 0.36, 1); /* --ow-ease-beacon\uFF08\u552F\u4E00\u7F13\u52A8\uFF09 */
+    /* ---- \u5B57\u65CF\u6808\uFF1A\u6284\u81EA base.ts \u7684\u65CF\u540D\uFF0C\u5C3E\u90E8\u8865\u72EC\u7ACB document \u53EF\u7528\u7684\u7CFB\u7EDF\u56DE\u9000\uFF1Bemoji \u65CF\u7F6E\u6808\u5C3E\uFF08\xA78\uFF09 ---- */
+    --about-font-sans: "HarmonyOS Sans SC", "Noto Sans SC", -apple-system, BlinkMacSystemFont,
+      "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif, "Apple Color Emoji",
+      "Segoe UI Emoji", "Noto Color Emoji";
+    --about-font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, Consolas,
+      "HarmonyOS Sans SC", "Noto Sans SC", "PingFang SC", "Microsoft YaHei", monospace,
+      "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji";
+    color-scheme: light dark;
+  }
+  /* ---- \u6697\u6863\uFF1A\u6284\u81EA tokens dark \u7EC8\u503C\u3002\u5C5E\u6027\u4F18\u5148\uFF08\u5BBF\u4E3B\u53EF\u9489 data-theme\uFF09\uFF0C\u65E0\u5C5E\u6027\u65F6\u968F\u7CFB\u7EDF ---- */
+  @media (prefers-color-scheme: dark) {
+    :root:not([data-theme="light"]) {
+      --about-bg: #16171B;               /* dark --ow-bg = graphite */
+      --about-surface: #1E2025;          /* dark --ow-surface = graphite-raised */
+      --about-border: #2A2C33;           /* dark --ow-border = graphite-border */
+      --about-text: #ECEBE5;             /* dark --ow-text = gray-05 */
+      --about-text-2: #82878F;           /* dark --ow-text-2 = gray-40 */
+      --about-scrollbar: #3A3D46;        /* dark --ow-scrollbar */
+      --about-scrollbar-hover: #4A5164;  /* dark --ow-scrollbar-hover */
+      --about-selection-bg: #F7F6F1;     /* dark --ow-selection-bg */
+      --about-selection-fg: #0F1B3D;     /* dark --ow-selection-text = navy */
+    }
+  }
+  :root[data-theme="dark"] {
+    /* \u4E0E\u4E0A\u65B9\u5A92\u4F53\u67E5\u8BE2\u5757\u9010\u503C\u4E00\u81F4 */
+    --about-bg: #16171B;
+    --about-surface: #1E2025;
+    --about-border: #2A2C33;
+    --about-text: #ECEBE5;
+    --about-text-2: #82878F;
+    --about-scrollbar: #3A3D46;
+    --about-scrollbar-hover: #4A5164;
+    --about-selection-bg: #F7F6F1;
+    --about-selection-fg: #0F1B3D;
+  }
+  ${brandPaletteCss}
+  * { box-sizing: border-box; }
+  html {
+    width: 100%;
+    height: 100%;
+    background: var(--about-bg);
+  }
+  body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    overflow: hidden;
+    color: var(--about-text);
+    background: var(--about-bg);
+    font-family: var(--about-font-sans);
+    -webkit-font-smoothing: antialiased;
+    -webkit-user-select: none;
+    user-select: none;
+    transition: background-color var(--about-dur-2) var(--about-ease),
+      color var(--about-dur-2) var(--about-ease);
+  }
+  ::selection {
+    background: var(--about-selection-bg);
+    color: var(--about-selection-fg);
+  }
+  /* \u62D6\u62FD\u6761 28px\uFF1D\u4E0E trafficLightPosition y:14 \u5BF9\u79F0\u7684\u529F\u80FD\u51E0\u4F55\uFF0C\u975E\u95F4\u8DDD\u9636\uFF0C\u4FDD\u6301\u4E0D\u52A8 */
+  [data-slot="about-window"] [data-ow-part="drag-region"] { height: 28px; -webkit-app-region: drag; }
+  [data-slot="about-window"] [data-ow-part="content"] {
+    height: calc(100% - 28px);
+    min-height: 0;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    padding: var(--about-space-2) var(--about-space-8) var(--about-space-6);
+  }
+  /* \u5B57\u6807\u8D34\u5730\uFF1A\xA75\u300C\u5F71\u5B50\u53EA\u5C5E\u79BB\u5730\u4E4B\u7269\u300D\u2014\u2014\u539F\u6765\u7684\u88C5\u9970\u6295\u5F71\uFF08filter \u8F89\u5149\uFF092.0 \u4E00\u5F8B\u6E05\u9664 */
+  [data-slot="about-window"] [data-ow-part="logo"] {
+    width: 84px;
+    height: 84px;
+    flex: 0 0 auto;
+    display: grid;
+    place-items: center;
+  }
+  [data-slot="about-window"] [data-ow-part="logo"] svg,
+  [data-slot="about-window"] [data-ow-part="logo"] img {
+    width: 84px;
+    height: 84px;
+    display: block;
+    object-fit: contain;
+  }
+  [data-slot="about-window"] [data-ow-part="version"] {
+    margin-top: var(--about-space-4);
+    color: var(--about-text);
+    /* \u7248\u672C\u53F7\uFF1D\u8BFB\u6570\uFF0C\xA77 \u4E00\u5F8B mono\uFF0Btabular-nums */
+    font-family: var(--about-font-mono);
+    font-size: var(--about-fs-body);
+    font-weight: var(--about-fw-semibold);
+    line-height: var(--about-lh-ui);
+    font-variant-numeric: tabular-nums;
+    -webkit-user-select: text;
+    user-select: text;
+  }
+  [data-slot="about-window"] [data-ow-part="notes"] {
+    width: 100%;
+    min-height: 0;
+    flex: 1 1 auto;
+    margin-top: var(--about-space-5);
+    overflow-y: auto;
+    /* \u8D34\u5730\u4E4B\u7269\uFF1A0 \u5F71\uFF0B1px \u8FB9\u6846\uFF08\xA75\uFF09 */
+    border: var(--about-border-w) solid var(--about-border);
+    border-radius: var(--about-radius-lg);
+    padding: var(--about-space-4);
+    background: var(--about-surface);
+    -webkit-user-select: text;
+    user-select: text;
+    transition: background-color var(--about-dur-2) var(--about-ease),
+      border-color var(--about-dur-2) var(--about-ease);
+  }
+  /* \u300C\u7248\u672C\u8BF4\u660E\u300D\uFF1D\u4E2D\u6587\u7709\u6807\uFF1A500 / 12px / +0.08em / --ow-eyebrow\uFF08\xA78\uFF09 */
+  [data-slot="about-window"] [data-ow-part="notes-title"] {
+    margin: 0;
+    color: var(--about-text-2);
+    font-size: var(--about-fs-eyebrow-cjk);
+    font-weight: var(--about-fw-medium);
+    letter-spacing: var(--about-ls-eyebrow-cjk);
+    line-height: var(--about-lh-ui);
+  }
+  [data-slot="about-window"] [data-ow-part="notes-body"] {
+    margin: var(--about-space-2) 0 0;
+    color: var(--about-text);
+    font-size: var(--about-fs-ui);
+    line-height: var(--about-lh-body);
+    white-space: pre-wrap;
+    overflow-wrap: anywhere;
+  }
+  ::-webkit-scrollbar { width: var(--about-space-2); }
+  ::-webkit-scrollbar-thumb {
+    border-radius: var(--about-radius-pill);
+    background: var(--about-scrollbar);
+  }
+  ::-webkit-scrollbar-thumb:hover { background: var(--about-scrollbar-hover); }
+  @media (prefers-reduced-motion: reduce) {
+    body, [data-slot="about-window"] [data-ow-part="notes"] { transition: none; }
+  }
+</style>
+</head>
+<body data-slot="about-window">
+  <div data-ow-part="drag-region" aria-hidden="true"></div>
+  <main data-ow-part="content">
+    <div data-ow-part="logo" aria-label="${brandText} Logo" role="img">${logoMarkup}</div>
+    <div data-ow-part="version">\u7248\u672C ${versionText}</div>
+    <section data-ow-part="notes" aria-labelledby="about-notes-title">
+      <h1 data-ow-part="notes-title" id="about-notes-title">\u7248\u672C\u8BF4\u660E</h1>
+      <p data-ow-part="notes-body">${notesText}</p>
+    </section>
+  </main>
+</body>
+</html>`;
+}
+function escapeHtml(value) {
+  return value.replaceAll("&", "&amp;").replaceAll("<", "&lt;").replaceAll(">", "&gt;").replaceAll('"', "&quot;").replaceAll("'", "&#39;");
+}
+function resolvePalette(source, fallback) {
+  const color = (value, defaultValue) => value && /^#[0-9a-f]{6}$/i.test(value) ? value : defaultValue;
+  return {
+    bg: color(source?.bg, fallback.bg),
+    surface: color(source?.surface, fallback.surface),
+    border: color(source?.border, fallback.border),
+    text: color(source?.text, fallback.text),
+    text2: color(source?.text2, fallback.text2)
+  };
+}
+export {
+  renderAboutWindowHtml
+};
+//# sourceMappingURL=about-window.js.map

package/dist/about-window.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../src/lib/about-window.ts"],"sourcesContent":["export type AboutWindowPalette = {\n bg?: string\n surface?: string\n border?: string\n text?: string\n text2?: string\n}\n\nexport interface AboutWindowContent {\n version: string\n notes: string\n logoSvg: string\n /** Audited build-time image for branded native hosts. Takes precedence over logoSvg. */\n logoDataUrl?: string\n theme?: { light?: AboutWindowPalette; dark?: AboutWindowPalette }\n /**\n * 品牌名：驱动文档标题与 logo 无障碍标签。缺省 \"Orbitwork\" 是 DS2 默认\n * 品牌值（非旧格式兼容）——白标宿主经桌面端 brand.json 注入。\n */\n productName?: string\n}\n\n/**\n * Renders the shared, self-contained content for Orbitwork's native About window.\n * Electron owns the window lifecycle; ow-ui owns its visual structure and CSS.\n */\nexport function renderAboutWindowHtml({\n version,\n notes,\n logoSvg,\n logoDataUrl,\n theme,\n productName = \"Orbitwork\",\n}: AboutWindowContent): string {\n const versionText = escapeHtml(version.trim() || \"未知\")\n const notesText = escapeHtml(notes.trim() || \"暂无版本说明\")\n const brandText = escapeHtml(productName.trim() || \"Orbitwork\")\n const logoMarkup = logoDataUrl ? `<img src=\"${escapeHtml(logoDataUrl)}\" alt=\"\" aria-hidden=\"true\" />` : logoSvg\n const light = resolvePalette(theme?.light, {\n bg: \"#F7F6F1\",\n surface: \"#FDFDFC\",\n border: \"#DCDCD7\",\n text: \"#333B50\",\n text2: \"#646B7A\",\n })\n const dark = resolvePalette(theme?.dark, {\n bg: \"#16171B\",\n surface: \"#1E2025\",\n border: \"#2A2C33\",\n text: \"#ECEBE5\",\n text2: \"#82878F\",\n })\n const brandPaletteCss =\n theme?.light || theme?.dark\n ? `\n :root {\n --about-bg: ${light.bg};\n --about-surface: ${light.surface};\n --about-border: ${light.border};\n --about-text: ${light.text};\n --about-text-2: ${light.text2};\n }\n @media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n --about-bg: ${dark.bg};\n --about-surface: ${dark.surface};\n --about-border: ${dark.border};\n --about-text: ${dark.text};\n --about-text-2: ${dark.text2};\n }\n }\n :root[data-theme=\"dark\"] {\n --about-bg: ${dark.bg};\n --about-surface: ${dark.surface};\n --about-border: ${dark.border};\n --about-text: ${dark.text};\n --about-text-2: ${dark.text2};\n }`\n : \"\"\n\n return `<!doctype html>\n<html lang=\"zh-CN\">\n<head>\n<meta charset=\"utf-8\" />\n<meta http-equiv=\"Content-Security-Policy\" content=\"default-src 'none'; style-src 'unsafe-inline'; img-src data:;\" />\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1\" />\n<title>关于 ${brandText}</title>\n<style>\n /*\n * 这是一份独立 document（Electron 自绘窗，data: URL 载入），--ow-* 主 token 表不在场，\n * 也没有任何字体文件可加载（CSP 无 font-src）。所以配色一律「抄 DS 2.0 终值」而非引用变量，\n * 每组值旁注明出处；字体只写族名栈并给到系统级回退。\n * 默认值出处：packages/ui/src/tokens/light.ts · dark.ts · base.ts · metrics.ts；\n * 白标宿主可通过已经审计的明暗 palette 覆盖对应语义色。\n */\n :root {\n /* ---- 浅档：抄自 tokens light 终值 ---- */\n --about-bg: #F7F6F1; /* light --ow-bg = gray-00 */\n --about-surface: #FDFDFC; /* light --ow-surface */\n --about-border: #DCDCD7; /* light --ow-border = gray-10 */\n --about-text: #333B50; /* light --ow-text = gray-70 */\n --about-text-2: #646B7A; /* light --ow-text-2 = gray-50（--ow-eyebrow 同值） */\n --about-scrollbar: #C2C3C1; /* light --ow-scrollbar = gray-20 */\n --about-scrollbar-hover: #A2A5A9; /* light --ow-scrollbar-hover = gray-30 */\n --about-selection-bg: #0F1B3D; /* light --ow-selection-bg = navy */\n --about-selection-fg: #F7F6F1; /* light --ow-selection-text = white */\n\n /* ---- 形状与度量：抄自 base.ts / metrics.ts（形状表 §7） ---- */\n --about-space-2: 8px; /* --ow-space-2 */\n --about-space-4: 16px; /* --ow-space-4 */\n --about-space-5: 20px; /* --ow-space-5 */\n --about-space-6: 24px; /* --ow-space-6 */\n --about-space-8: 32px; /* --ow-space-8 */\n --about-radius-lg: 12px; /* --ow-radius-lg（卡片档） */\n --about-radius-pill: 999px; /* --ow-radius-pill */\n --about-border-w: 1px; /* --ow-border-width-default（贴地 1px 边框） */\n --about-fs-body: 14px; /* --ow-fs-body */\n --about-fs-ui: 13px; /* --ow-fs-ui */\n --about-fs-eyebrow-cjk: 12px; /* --ow-fs-eyebrow-cjk */\n --about-ls-eyebrow-cjk: 0.08em; /* --ow-ls-eyebrow-cjk */\n --about-lh-ui: 1.5; /* --ow-lh-ui */\n --about-lh-body: 1.75; /* --ow-lh-body */\n --about-fw-medium: 500; /* --ow-font-weight-medium */\n --about-fw-semibold: 600; /* --ow-font-weight-semibold */\n --about-dur-2: 200ms; /* --ow-dur-2（主题切换过渡，§9） */\n --about-ease: cubic-bezier(0.22, 1, 0.36, 1); /* --ow-ease-beacon（唯一缓动） */\n\n /* ---- 字族栈：抄自 base.ts 的族名，尾部补独立 document 可用的系统回退；emoji 族置栈尾（§8） ---- */\n --about-font-sans: \"HarmonyOS Sans SC\", \"Noto Sans SC\", -apple-system, BlinkMacSystemFont,\n \"Segoe UI\", \"PingFang SC\", \"Microsoft YaHei\", sans-serif, \"Apple Color Emoji\",\n \"Segoe UI Emoji\", \"Noto Color Emoji\";\n --about-font-mono: \"IBM Plex Mono\", ui-monospace, \"SF Mono\", Menlo, Consolas,\n \"HarmonyOS Sans SC\", \"Noto Sans SC\", \"PingFang SC\", \"Microsoft YaHei\", monospace,\n \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Noto Color Emoji\";\n\n color-scheme: light dark;\n }\n /* ---- 暗档：抄自 tokens dark 终值。属性优先（宿主可钉 data-theme），无属性时随系统 ---- */\n @media (prefers-color-scheme: dark) {\n :root:not([data-theme=\"light\"]) {\n --about-bg: #16171B; /* dark --ow-bg = graphite */\n --about-surface: #1E2025; /* dark --ow-surface = graphite-raised */\n --about-border: #2A2C33; /* dark --ow-border = graphite-border */\n --about-text: #ECEBE5; /* dark --ow-text = gray-05 */\n --about-text-2: #82878F; /* dark --ow-text-2 = gray-40 */\n --about-scrollbar: #3A3D46; /* dark --ow-scrollbar */\n --about-scrollbar-hover: #4A5164; /* dark --ow-scrollbar-hover */\n --about-selection-bg: #F7F6F1; /* dark --ow-selection-bg */\n --about-selection-fg: #0F1B3D; /* dark --ow-selection-text = navy */\n }\n }\n :root[data-theme=\"dark\"] {\n /* 与上方媒体查询块逐值一致 */\n --about-bg: #16171B;\n --about-surface: #1E2025;\n --about-border: #2A2C33;\n --about-text: #ECEBE5;\n --about-text-2: #82878F;\n --about-scrollbar: #3A3D46;\n --about-scrollbar-hover: #4A5164;\n --about-selection-bg: #F7F6F1;\n --about-selection-fg: #0F1B3D;\n }\n\n ${brandPaletteCss}\n * { box-sizing: border-box; }\n html {\n width: 100%;\n height: 100%;\n background: var(--about-bg);\n }\n body {\n width: 100%;\n height: 100%;\n margin: 0;\n overflow: hidden;\n color: var(--about-text);\n background: var(--about-bg);\n font-family: var(--about-font-sans);\n -webkit-font-smoothing: antialiased;\n -webkit-user-select: none;\n user-select: none;\n transition: background-color var(--about-dur-2) var(--about-ease),\n color var(--about-dur-2) var(--about-ease);\n }\n ::selection {\n background: var(--about-selection-bg);\n color: var(--about-selection-fg);\n }\n /* 拖拽条 28px＝与 trafficLightPosition y:14 对称的功能几何，非间距阶，保持不动 */\n [data-slot=\"about-window\"] [data-ow-part=\"drag-region\"] { height: 28px; -webkit-app-region: drag; }\n [data-slot=\"about-window\"] [data-ow-part=\"content\"] {\n height: calc(100% - 28px);\n min-height: 0;\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: var(--about-space-2) var(--about-space-8) var(--about-space-6);\n }\n /* 字标贴地：§5「影子只属离地之物」——原来的装饰投影（filter 辉光）2.0 一律清除 */\n [data-slot=\"about-window\"] [data-ow-part=\"logo\"] {\n width: 84px;\n height: 84px;\n flex: 0 0 auto;\n display: grid;\n place-items: center;\n }\n [data-slot=\"about-window\"] [data-ow-part=\"logo\"] svg,\n [data-slot=\"about-window\"] [data-ow-part=\"logo\"] img {\n width: 84px;\n height: 84px;\n display: block;\n object-fit: contain;\n }\n [data-slot=\"about-window\"] [data-ow-part=\"version\"] {\n margin-top: var(--about-space-4);\n color: var(--about-text);\n /* 版本号＝读数，§7 一律 mono＋tabular-nums */\n font-family: var(--about-font-mono);\n font-size: var(--about-fs-body);\n font-weight: var(--about-fw-semibold);\n line-height: var(--about-lh-ui);\n font-variant-numeric: tabular-nums;\n -webkit-user-select: text;\n user-select: text;\n }\n [data-slot=\"about-window\"] [data-ow-part=\"notes\"] {\n width: 100%;\n min-height: 0;\n flex: 1 1 auto;\n margin-top: var(--about-space-5);\n overflow-y: auto;\n /* 贴地之物：0 影＋1px 边框（§5） */\n border: var(--about-border-w) solid var(--about-border);\n border-radius: var(--about-radius-lg);\n padding: var(--about-space-4);\n background: var(--about-surface);\n -webkit-user-select: text;\n user-select: text;\n transition: background-color var(--about-dur-2) var(--about-ease),\n border-color var(--about-dur-2) var(--about-ease);\n }\n /* 「版本说明」＝中文眉标：500 / 12px / +0.08em / --ow-eyebrow（§8） */\n [data-slot=\"about-window\"] [data-ow-part=\"notes-title\"] {\n margin: 0;\n color: var(--about-text-2);\n font-size: var(--about-fs-eyebrow-cjk);\n font-weight: var(--about-fw-medium);\n letter-spacing: var(--about-ls-eyebrow-cjk);\n line-height: var(--about-lh-ui);\n }\n [data-slot=\"about-window\"] [data-ow-part=\"notes-body\"] {\n margin: var(--about-space-2) 0 0;\n color: var(--about-text);\n font-size: var(--about-fs-ui);\n line-height: var(--about-lh-body);\n white-space: pre-wrap;\n overflow-wrap: anywhere;\n }\n ::-webkit-scrollbar { width: var(--about-space-2); }\n ::-webkit-scrollbar-thumb {\n border-radius: var(--about-radius-pill);\n background: var(--about-scrollbar);\n }\n ::-webkit-scrollbar-thumb:hover { background: var(--about-scrollbar-hover); }\n @media (prefers-reduced-motion: reduce) {\n body, [data-slot=\"about-window\"] [data-ow-part=\"notes\"] { transition: none; }\n }\n</style>\n</head>\n<body data-slot=\"about-window\">\n <div data-ow-part=\"drag-region\" aria-hidden=\"true\"></div>\n <main data-ow-part=\"content\">\n <div data-ow-part=\"logo\" aria-label=\"${brandText} Logo\" role=\"img\">${logoMarkup}</div>\n <div data-ow-part=\"version\">版本 ${versionText}</div>\n <section data-ow-part=\"notes\" aria-labelledby=\"about-notes-title\">\n <h1 data-ow-part=\"notes-title\" id=\"about-notes-title\">版本说明</h1>\n <p data-ow-part=\"notes-body\">${notesText}</p>\n </section>\n </main>\n</body>\n</html>`\n}\n\nfunction escapeHtml(value: string): string {\n return value\n .replaceAll(\"&\", \"&\")\n .replaceAll(\"<\", \"<\")\n .replaceAll(\">\", \">\")\n .replaceAll('\"', \""\")\n .replaceAll(\"'\", \"'\")\n}\n\nfunction resolvePalette(source: AboutWindowPalette | undefined, fallback: Required<AboutWindowPalette>) {\n const color = (value: string | undefined, defaultValue: string) =>\n value && /^#[0-9a-f]{6}$/i.test(value) ? value : defaultValue\n return {\n bg: color(source?.bg, fallback.bg),\n surface: color(source?.surface, fallback.surface),\n border: color(source?.border, fallback.border),\n text: color(source?.text, fallback.text),\n text2: color(source?.text2, fallback.text2),\n }\n}\n"],"mappings":";AA0BO,SAAS,sBAAsB;AAAA,EACpC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,cAAc;AAChB,GAA+B;AAC7B,QAAM,cAAc,WAAW,QAAQ,KAAK,KAAK,cAAI;AACrD,QAAM,YAAY,WAAW,MAAM,KAAK,KAAK,sCAAQ;AACrD,QAAM,YAAY,WAAW,YAAY,KAAK,KAAK,WAAW;AAC9D,QAAM,aAAa,cAAc,aAAa,WAAW,WAAW,CAAC,mCAAmC;AACxG,QAAM,QAAQ,eAAe,OAAO,OAAO;AAAA,IACzC,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EACT,CAAC;AACD,QAAM,OAAO,eAAe,OAAO,MAAM;AAAA,IACvC,IAAI;AAAA,IACJ,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,EACT,CAAC;AACD,QAAM,kBACJ,OAAO,SAAS,OAAO,OACnB;AAAA;AAAA,kBAEU,MAAM,EAAE;AAAA,uBACH,MAAM,OAAO;AAAA,sBACd,MAAM,MAAM;AAAA,oBACd,MAAM,IAAI;AAAA,sBACR,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA,oBAIb,KAAK,EAAE;AAAA,yBACF,KAAK,OAAO;AAAA,wBACb,KAAK,MAAM;AAAA,sBACb,KAAK,IAAI;AAAA,wBACP,KAAK,KAAK;AAAA;AAAA;AAAA;AAAA,kBAIhB,KAAK,EAAE;AAAA,uBACF,KAAK,OAAO;AAAA,sBACb,KAAK,MAAM;AAAA,oBACb,KAAK,IAAI;AAAA,sBACP,KAAK,KAAK;AAAA,OAExB;AAEN,SAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMG,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IA8EjB,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2CA6GwB,SAAS,qBAAqB,UAAU;AAAA,+CAC9C,WAAW;AAAA;AAAA;AAAA,qCAGX,SAAS;AAAA;AAAA;AAAA;AAAA;AAK9C;AAEA,SAAS,WAAW,OAAuB;AACzC,SAAO,MACJ,WAAW,KAAK,OAAO,EACvB,WAAW,KAAK,MAAM,EACtB,WAAW,KAAK,MAAM,EACtB,WAAW,KAAK,QAAQ,EACxB,WAAW,KAAK,OAAO;AAC5B;AAEA,SAAS,eAAe,QAAwC,UAAwC;AACtG,QAAM,QAAQ,CAAC,OAA2B,iBACxC,SAAS,kBAAkB,KAAK,KAAK,IAAI,QAAQ;AACnD,SAAO;AAAA,IACL,IAAI,MAAM,QAAQ,IAAI,SAAS,EAAE;AAAA,IACjC,SAAS,MAAM,QAAQ,SAAS,SAAS,OAAO;AAAA,IAChD,QAAQ,MAAM,QAAQ,QAAQ,SAAS,MAAM;AAAA,IAC7C,MAAM,MAAM,QAAQ,MAAM,SAAS,IAAI;AAAA,IACvC,OAAO,MAAM,QAAQ,OAAO,SAAS,KAAK;AAAA,EAC5C;AACF;","names":[]}

package/dist/appearance.cjs CHANGED Viewed

@@ -1 +1,41 @@
-'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 _chunkQ7B4M5GCcjs = require('./chunk-Q7B4M5GC.cjs');
+var _chunkJC7BHKS4cjs = require('./chunk-JC7BHKS4.cjs');
+exports.BRAND_ACTION_TOKENS = _chunkQ7B4M5GCcjs.BRAND_ACTION_TOKENS; exports.BUILTIN_ORBITWORK_SKINS = _chunkQ7B4M5GCcjs.BUILTIN_ORBITWORK_SKINS; exports.DEFAULT_ORBITWORK_SKIN_ID = _chunkQ7B4M5GCcjs.DEFAULT_ORBITWORK_SKIN_ID; exports.MAX_ORBITWORK_SKIN_IMAGE_BYTES = _chunkJC7BHKS4cjs.MAX_ORBITWORK_SKIN_IMAGE_BYTES; exports.ORBITWORK_FONT_SCALES = _chunkJC7BHKS4cjs.ORBITWORK_FONT_SCALES; exports.ORBITWORK_SKIN_CSS_VARIABLES = _chunkJC7BHKS4cjs.ORBITWORK_SKIN_CSS_VARIABLES; exports.ORBITWORK_SKIN_PUBLIC_PARTS = _chunkJC7BHKS4cjs.ORBITWORK_SKIN_PUBLIC_PARTS; exports.UNIFIED_NEUTRAL_TOKENS = _chunkQ7B4M5GCcjs.UNIFIED_NEUTRAL_TOKENS; exports.UNIFIED_TYPOGRAPHY_TOKENS = _chunkQ7B4M5GCcjs.UNIFIED_TYPOGRAPHY_TOKENS; exports.ds2ContrastRatio = _chunkJC7BHKS4cjs.ds2ContrastRatio; exports.hasOrbitworkSkinChatBackground = _chunkJC7BHKS4cjs.hasOrbitworkSkinChatBackground; exports.isOrbitworkFontScale = _chunkJC7BHKS4cjs.isOrbitworkFontScale; exports.orbitworkSkinChatBackgroundMaskColor = _chunkJC7BHKS4cjs.orbitworkSkinChatBackgroundMaskColor; exports.orbitworkSkinImageCssValue = _chunkJC7BHKS4cjs.orbitworkSkinImageCssValue; exports.parseOrbitworkSkin = _chunkJC7BHKS4cjs.parseOrbitworkSkin; exports.resolveOrbitworkFontScale = _chunkJC7BHKS4cjs.resolveOrbitworkFontScale; exports.resolveOrbitworkSkinChatBackgroundMask = _chunkJC7BHKS4cjs.resolveOrbitworkSkinChatBackgroundMask;
+//# sourceMappingURL=appearance.cjs.map

package/dist/appearance.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["/Users/wowzin/projects/orbit/packages/ui/dist/appearance.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;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 CHANGED Viewed

@@ -1 +1,7 @@
-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';
+import { e as OrbitworkSkin } from './unifiedTheme-DQ-sETKO.cjs';
+export { q as BRAND_ACTION_TOKENS, s as BrandActionToken, B as BrandTheme, t as BrandThemeToken, L as LocalizedBranding, M as MAX_ORBITWORK_SKIN_IMAGE_BYTES, f as ORBITWORK_FONT_SCALES, u as ORBITWORK_SKIN_CSS_VARIABLES, v as ORBITWORK_SKIN_PUBLIC_PARTS, O as OrbitworkFontScale, g as OrbitworkSkinChatBackgroundMask, h as OrbitworkSkinTokens, R as ResolvedTheme, S as SkinValidationResult, T as TenantBranding, a as TenantTheme, i as TenantThemeColors, d as Theme, w as UNIFIED_NEUTRAL_TOKENS, x as UNIFIED_TYPOGRAPHY_TOKENS, b as UnifiedBranding, y as UnifiedNeutralToken, U as UnifiedTheme, c as UnifiedThemeToken, z as UnifiedTypographyToken, C as ds2ContrastRatio, j as hasOrbitworkSkinChatBackground, k as isOrbitworkFontScale, o as orbitworkSkinChatBackgroundMaskColor, D as orbitworkSkinImageCssValue, p as parseOrbitworkSkin, r as resolveOrbitworkFontScale, n as resolveOrbitworkSkinChatBackgroundMask } from './unifiedTheme-DQ-sETKO.cjs';
+declare const DEFAULT_ORBITWORK_SKIN_ID: "codex";
+declare const BUILTIN_ORBITWORK_SKINS: readonly [OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin];
+export { BUILTIN_ORBITWORK_SKINS, DEFAULT_ORBITWORK_SKIN_ID, OrbitworkSkin };

package/dist/appearance.d.ts CHANGED Viewed

@@ -1 +1,7 @@
-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';
+import { e as OrbitworkSkin } from './unifiedTheme-DQ-sETKO.js';
+export { q as BRAND_ACTION_TOKENS, s as BrandActionToken, B as BrandTheme, t as BrandThemeToken, L as LocalizedBranding, M as MAX_ORBITWORK_SKIN_IMAGE_BYTES, f as ORBITWORK_FONT_SCALES, u as ORBITWORK_SKIN_CSS_VARIABLES, v as ORBITWORK_SKIN_PUBLIC_PARTS, O as OrbitworkFontScale, g as OrbitworkSkinChatBackgroundMask, h as OrbitworkSkinTokens, R as ResolvedTheme, S as SkinValidationResult, T as TenantBranding, a as TenantTheme, i as TenantThemeColors, d as Theme, w as UNIFIED_NEUTRAL_TOKENS, x as UNIFIED_TYPOGRAPHY_TOKENS, b as UnifiedBranding, y as UnifiedNeutralToken, U as UnifiedTheme, c as UnifiedThemeToken, z as UnifiedTypographyToken, C as ds2ContrastRatio, j as hasOrbitworkSkinChatBackground, k as isOrbitworkFontScale, o as orbitworkSkinChatBackgroundMaskColor, D as orbitworkSkinImageCssValue, p as parseOrbitworkSkin, r as resolveOrbitworkFontScale, n as resolveOrbitworkSkinChatBackgroundMask } from './unifiedTheme-DQ-sETKO.js';
+declare const DEFAULT_ORBITWORK_SKIN_ID: "codex";
+declare const BUILTIN_ORBITWORK_SKINS: readonly [OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin, OrbitworkSkin];
+export { BUILTIN_ORBITWORK_SKINS, DEFAULT_ORBITWORK_SKIN_ID, OrbitworkSkin };

package/dist/appearance.js CHANGED Viewed

@@ -1 +1,41 @@
-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,
+  UNIFIED_NEUTRAL_TOKENS,
+  UNIFIED_TYPOGRAPHY_TOKENS
+} from "./chunk-KTNWR3H5.js";
+import {
+  MAX_ORBITWORK_SKIN_IMAGE_BYTES,
+  ORBITWORK_FONT_SCALES,
+  ORBITWORK_SKIN_CSS_VARIABLES,
+  ORBITWORK_SKIN_PUBLIC_PARTS,
+  ds2ContrastRatio,
+  hasOrbitworkSkinChatBackground,
+  isOrbitworkFontScale,
+  orbitworkSkinChatBackgroundMaskColor,
+  orbitworkSkinImageCssValue,
+  parseOrbitworkSkin,
+  resolveOrbitworkFontScale,
+  resolveOrbitworkSkinChatBackgroundMask
+} from "./chunk-LSGO6AQR.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 ADDED Viewed

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

package/dist/brand-preview.cjs ADDED Viewed

@@ -0,0 +1,14 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+var _chunkK7ONUTLAcjs = require('./chunk-K7ONUTLA.cjs');
+require('./chunk-JC7BHKS4.cjs');
+exports.applyUnifiedTheme = _chunkK7ONUTLAcjs.applyUnifiedTheme; exports.getCurrentThemeName = _chunkK7ONUTLAcjs.getCurrentThemeName; exports.mergeUnifiedTheme = _chunkK7ONUTLAcjs.mergeUnifiedTheme; exports.removeUnifiedTheme = _chunkK7ONUTLAcjs.removeUnifiedTheme;
+//# sourceMappingURL=brand-preview.cjs.map

package/dist/brand-preview.cjs.map ADDED Viewed

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

package/dist/brand-preview.d.cts ADDED Viewed

@@ -0,0 +1,13 @@
+import { U as UnifiedTheme } from './unifiedTheme-DQ-sETKO.cjs';
+export { A as AppliedThemeToken, B as BrandTheme, O as OrbitworkFontScale, R as ResolvedTheme, T as TenantBranding, a as TenantTheme, b as UnifiedBranding, c as UnifiedThemeToken, m as mergeUnifiedTheme } from './unifiedTheme-DQ-sETKO.cjs';
+/**
+ * Atomically replace the variables owned by the unified theme pipeline.
+ * Missing values are removed so DS2 CSS remains the only default source.
+ */
+declare function applyUnifiedTheme(theme: UnifiedTheme, target?: HTMLElement): void;
+/** Remove only values owned by applyUnifiedTheme; unrelated inline styles survive. */
+declare function removeUnifiedTheme(target?: HTMLElement): void;
+declare function getCurrentThemeName(target?: HTMLElement): string | null;
+export { UnifiedTheme, applyUnifiedTheme, getCurrentThemeName, removeUnifiedTheme };

package/dist/brand-preview.d.ts ADDED Viewed

@@ -0,0 +1,13 @@
+import { U as UnifiedTheme } from './unifiedTheme-DQ-sETKO.js';
+export { A as AppliedThemeToken, B as BrandTheme, O as OrbitworkFontScale, R as ResolvedTheme, T as TenantBranding, a as TenantTheme, b as UnifiedBranding, c as UnifiedThemeToken, m as mergeUnifiedTheme } from './unifiedTheme-DQ-sETKO.js';
+/**
+ * Atomically replace the variables owned by the unified theme pipeline.
+ * Missing values are removed so DS2 CSS remains the only default source.
+ */
+declare function applyUnifiedTheme(theme: UnifiedTheme, target?: HTMLElement): void;
+/** Remove only values owned by applyUnifiedTheme; unrelated inline styles survive. */
+declare function removeUnifiedTheme(target?: HTMLElement): void;
+declare function getCurrentThemeName(target?: HTMLElement): string | null;
+export { UnifiedTheme, applyUnifiedTheme, getCurrentThemeName, removeUnifiedTheme };

package/dist/brand-preview.js ADDED Viewed

@@ -0,0 +1,14 @@
+import {
+  applyUnifiedTheme,
+  getCurrentThemeName,
+  mergeUnifiedTheme,
+  removeUnifiedTheme
+} from "./chunk-ZXMHCL6D.js";
+import "./chunk-LSGO6AQR.js";
+export {
+  applyUnifiedTheme,
+  getCurrentThemeName,
+  mergeUnifiedTheme,
+  removeUnifiedTheme
+};
+//# sourceMappingURL=brand-preview.js.map

package/dist/brand-preview.js.map ADDED Viewed

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

package/dist/browser-annotation-popup.cjs CHANGED Viewed

@@ -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 ADDED Viewed

	@@ -0,0 +1 @@
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 CHANGED Viewed

@@ -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 };