@orbit-work/ui 0.1.0

package/dist/chunk-GMMYDILD.cjs

@@ -0,0 +1,82 @@
+'use strict';var o=[{key:"textContent",label:"\u6587\u672C",cssProp:"",type:"text"},{key:"color",label:"\u6587\u672C\u989C\u8272",cssProp:"color",type:"color"},{key:"backgroundColor",label:"\u80CC\u666F",cssProp:"backgroundColor",type:"color"},{key:"opacity",label:"Opacity",cssProp:"opacity",type:"number",step:.1,min:0,max:1},{key:"fontFamily",label:"\u5B57\u4F53",cssProp:"fontFamily",type:"select",options:[]},{key:"fontSize",label:"\u5B57\u53F7",cssProp:"fontSize",type:"number",unit:"px"},{key:"fontWeight",label:"\u5B57\u91CD",cssProp:"fontWeight",type:"select",options:["100","200","300","400","500","600","700","800","900"]},{key:"borderRadius",label:"\u8FB9\u6846\u5706\u89D2\u534A\u5F84",cssProp:"borderRadius",type:"number",unit:"px"},{key:"borderColor",label:"\u8FB9\u6846\u989C\u8272",cssProp:"borderColor",type:"color"},{key:"borderWidth",label:"\u8FB9\u6846\u5BBD\u5EA6",cssProp:"borderWidth",type:"number",unit:"px"},{key:"width",label:"\u5BBD\u5EA6",cssProp:"width",type:"number",unit:"px"},{key:"height",label:"\u9AD8\u5EA6",cssProp:"height",type:"number",unit:"px"},{key:"padding",label:"\u5185\u8FB9\u8DDD",cssProp:"padding",type:"spacing"},{key:"margin",label:"\u5916\u8FB9\u8DDD",cssProp:"margin",type:"spacing"}],n=`
+.__ow-popup{all:initial;box-sizing:border-box;
+/* \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 */
+--ow-annotation-primary:#0F1B3D;          /* --ow-btn-primary-bg\uFF08\uFF1D--ow-accent / --ow-navy\uFF09 */
+--ow-annotation-primary-hover:#202942;    /* --ow-btn-primary-hover */
+--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 */
+--ow-annotation-bg:#FFFFFF;               /* --ow-popover-bg \u2014\u2014 \u6D6E\u5C42\u81EA\u5DF1\u7684\u9762 */
+--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 */
+--ow-annotation-bg-hover:#ECEBE5;         /* --ow-press-pop \u2014\u2014 \u6BD4 bg-muted \u518D\u6DF1\u4E00\u6863\uFF08\xA75 \u5F39\u5C42\u4E0A\u8D70 pop \u6863\uFF09 */
+--ow-annotation-fg:#333B50;               /* --ow-text */
+--ow-annotation-fg-muted:#646B7A;         /* --ow-text-2 */
+--ow-annotation-fg-subtle:#A2A5A9;        /* --ow-text-3 */
+--ow-annotation-fg-placeholder:#A2A5A9;   /* --ow-placeholder\uFF08\u6D45\u6863\uFF1D--ow-text-3\uFF09 */
+--ow-annotation-line:#DCDCD7;             /* --ow-border\uFF08\uFF1D--ow-input-border\uFF09\u2014\u2014 \u63CF\u8FB9\u4E0E\u5206\u9694\u7EBF rest */
+--ow-annotation-line-strong:#C2C3C1;      /* --ow-border-strong \u2014\u2014 \u8F93\u5165 hover \u6863\uFF08\xA76 \u4E09\u6001\u8FB9\u6846\uFF09 */
+--ow-annotation-shadow-pop:0 4px 12px rgba(15, 27, 61, 0.10); /* --ow-shadow-pop */
+/* \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
+   \uFF08\xA78 \u5DF2\u77E5\u5751\uFF1Aemoji \u65CF\u5FC5\u987B\u7F6E\u4E8E\u6808\u5C3E\uFF0CLinux \u6570\u5B57\u6E32\u67D3\u7F3A\u9677\uFF0C\u52FF\u8C03\u5E8F\uFF09\u3002 */
+--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 */
+/* \u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500 */
+position: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;}
+.__ow-popup.is-preview{position:relative;z-index:1;max-height:100%;}
+.__ow-popup *{box-sizing:border-box;}
+/* \u5DE6\u4FA7\u7AD6\u6761\u662F\u7EAF\u88C5\u9970\u7684\u4E00\u6761\u810A\uFF0C\u4E0D\u7F16\u7801\u4EFB\u4F55\u72B6\u6001\u2014\u2014\u6309 \xA74 R2/R1 \u5B83\u6CA1\u6709\u8D44\u683C\u62FF\u63D0\u8272\uFF0C\u8D70\u4E2D\u6027\u63CF\u8FB9\u3002 */
+.__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);}
+.__ow-popup__expanded{display:none;flex-direction:column;overflow:hidden;flex:1;min-height:0;}
+.__ow-popup.is-expanded .__ow-popup__collapsed{display:none;}
+.__ow-popup.is-expanded .__ow-popup__expanded{display:flex;}
+.__ow-popup.is-expanded.is-flipped .__ow-popup__expanded{flex-direction:column-reverse;}
+.__ow-popup.is-expanded.is-flipped{border-radius:var(--ow-radius-lg, 12px);}
+.__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;}
+/* \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
+   \u4E4B\u524D\u9759\u6B62\u5C31\u5E26 bg-muted\uFF0C\u7B49\u4E8E\u4E00\u76F4\u662F\u4E2A\u5B9E\u5FC3 chip\uFF0C\u8DDF \xA75\u300C\u8D34\u5730\u4E0D\u4E0A\u5E95\u300D\u5BF9\u4E0D\u4E0A\u3002 */
+.__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;}
+.__ow-popup__settings-btn:hover{background:var(--ow-annotation-bg-muted);}
+.__ow-popup__settings-btn:active{background:var(--ow-annotation-bg-hover);}
+.__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;}
+.__ow-popup__input::placeholder{color:var(--ow-annotation-fg-placeholder);}
+/* \u63D0\u4EA4\u94AE\u4E0E\u540C\u4E00\u884C\u7684 settings-btn \u540C\u6863\uFF1A28\xD728\uFF08\xA77 \u63A7\u4EF6\u9AD8 {28,32,40}\uFF0C\u56FE\u6807\u94AE \u226528\xD728\uFF09\u3002
+   \u65E7\u503C 30\xD730 \u4E0D\u5728\u6863\u5185\uFF0C\u4E14\u4E0E\u884C\u5185\u90BB\u5C45\u5BF9\u4E0D\u9F50\u3002 */
+.__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));}
+.__ow-popup__submit-btn:hover{background:var(--ow-annotation-bg-muted);}
+/* \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 */
+.__ow-popup__submit-btn.has-text{background:var(--ow-annotation-primary);color:var(--ow-annotation-on-fill);}
+.__ow-popup__submit-btn.has-text:hover{background:var(--ow-annotation-primary-hover);}
+/* \xA76\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
+   \u73AF\u8272\u5F15 primary\uFF1ADS 2.0 \u6D45\u6863 --ow-focus-ring \u4E0E --ow-btn-primary-bg \u540C\u4E3A #0F1B3D\uFF0C
+   \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 */
+.__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);}
+.__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;}
+/* \u62D6\u62FD\u63E1\u628A\u662F\u5B57\u5F62\u4E0D\u662F\u88C5\u9970\u8272\u5757\uFF0C\xA77\u300C\u56FE\u6807\u8272\u53EA\u53D6 text/text-2/text-3\u300D\u2014\u2014\u539F fg-faint(#C2C3C1)
+   \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 */
+.__ow-popup__tag-drag{color:var(--ow-annotation-fg-subtle);cursor:grab;font-size:var(--ow-fs-body, 14px);letter-spacing:1px;}
+.__ow-popup__props{padding:var(--ow-space-05, 2px) 14px var(--ow-space-1, 4px);overflow-y:auto;flex:1;min-height:0;}
+.__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;}
+.__ow-popup__prop:last-child{border-bottom:none;}
+.__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;}
+.__ow-popup__prop-value{flex:1;display:flex;align-items:center;gap:5px;position:relative;}
+/* \u8F93\u5165\u7C7B\u5E95\u8272\u8D70 --ow-surface-2 \u7684\u955C\u50CF\uFF08\xA75\u300C\u5D4C\u5957\u4E95\uFF1D\u8F93\u5165\u5E95\u300D\uFF09\uFF0C\u5750\u5728 popover \u767D\u9762\u4E0A\u624D\u8BFB\u5F97\u51FA\u4E95\uFF1B
+   \u4E09\u6001\u8FB9\u6846 rest(line) \u2192 hover(line-strong) \u2192 focus(focus-ring\uFF0C\u6D45\u6863\u540C primary)\uFF0C\xA76\u3002 */
+.__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);}
+.__ow-popup__prop-input:hover{border-color:var(--ow-annotation-line-strong);}
+.__ow-popup__prop-input:focus{border-color:var(--ow-annotation-primary);}
+.__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;}
+.__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);}
+.__ow-popup__prop-select:hover{border-color:var(--ow-annotation-line-strong);}
+.__ow-popup__prop-select:focus{border-color:var(--ow-annotation-primary);}
+/* \xA77 \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
+   \u843D\u6309\u94AE\u6863 8px\uFF08\u539F 50% \u5706\u70B9\u662F V1 \u8272\u677F\u6BCD\u9898\uFF09\u3002 */
+.__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;}
+.__ow-popup__color-swatch:hover{border-color:var(--ow-annotation-line-strong);}
+.__ow-popup__color-swatch input{position:absolute;inset:-4px;width:28px;height:28px;opacity:0;cursor:pointer;}
+.__ow-popup__spacing{display:flex;gap:3px;flex:1;}
+.__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);}
+.__ow-popup__spacing input:hover{border-color:var(--ow-annotation-line-strong);}
+.__ow-popup__spacing input:focus{border-color:var(--ow-annotation-primary);}
+.__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;}
+.__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;}
+.__ow-popup__cancel:hover{background:var(--ow-annotation-bg-hover);}
+.__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);}
+.__ow-popup__confirm:hover{background:var(--ow-annotation-primary-hover);}
+`;exports.a=o;exports.b=n;

package/dist/chunk-VG7FQQ7K.js

@@ -0,0 +1,194 @@
+function b({version:o,notes:a,logoSvg:e}){let r=t(o.trim()||"\u672A\u77E5"),i=t(a.trim()||"\u6682\u65E0\u7248\u672C\u8BF4\u660E");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 Orbitwork</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
+   * \u7EC8\u503C\u51FA\u5904\uFF1Apackages/ui/src/tokens/light.ts \xB7 dark.ts \xB7 base.ts\uFF08\u539F\u8BED\u89E3\u6790\u540E\u7684\u5B9E\u9645\u503C\uFF09\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 \u539F\u8BED\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;
+  }
+
+  * { 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 */
+  .about-drag-region { height: 28px; -webkit-app-region: drag; }
+  .about-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 */
+  .about-logo {
+    width: 84px;
+    height: 84px;
+    flex: 0 0 auto;
+    display: grid;
+    place-items: center;
+  }
+  .about-logo svg { width: 84px; height: 84px; display: block; }
+  .about-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;
+  }
+  .about-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 */
+  .about-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);
+  }
+  .about-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, .about-notes { transition: none; }
+  }
+</style>
+</head>
+<body>
+  <div class="about-drag-region" aria-hidden="true"></div>
+  <main class="about-content">
+    <div class="about-logo" aria-label="Orbitwork Logo" role="img">${e}</div>
+    <div class="about-version">\u7248\u672C ${r}</div>
+    <section class="about-notes" aria-labelledby="about-notes-title">
+      <h1 class="about-notes-title" id="about-notes-title">\u7248\u672C\u8BF4\u660E</h1>
+      <p class="about-notes-body">${i}</p>
+    </section>
+  </main>
+</body>
+</html>`}function t(o){return o.replaceAll("&","&amp;").replaceAll("<","&lt;").replaceAll(">","&gt;").replaceAll('"',"&quot;").replaceAll("'","&#39;")}export{b as a};